fix: resolve correct component import path

This commit is contained in:
Firman Syah 2026-05-18 17:24:25 +07:00
parent d6eaedffd9
commit 06344346f0
5 changed files with 238 additions and 219 deletions

446
dist/index.js vendored
View File

@ -1,5 +1,5 @@
import Oe from "react";
var x = {};
import Se from "react";
var X = { exports: {} }, F = {};
/**
* @license React
* react-jsx-runtime.production.min.js
@ -9,21 +9,21 @@ var x = {};
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var me;
function sr() {
if (me) return x;
me = 1;
var V = Oe, C = Symbol.for("react.element"), M = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, F = V.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, A = { key: !0, ref: !0, __self: !0, __source: !0 };
function w(_, f, T) {
var p, y = {}, b = null, I = null;
T !== void 0 && (b = "" + T), f.key !== void 0 && (b = "" + f.key), f.ref !== void 0 && (I = f.ref);
for (p in f) m.call(f, p) && !A.hasOwnProperty(p) && (y[p] = f[p]);
if (_ && _.defaultProps) for (p in f = _.defaultProps, f) y[p] === void 0 && (y[p] = f[p]);
return { $$typeof: C, type: _, key: b, ref: I, props: y, _owner: F.current };
var Te;
function lr() {
if (Te) return F;
Te = 1;
var w = Se, _ = Symbol.for("react.element"), j = Symbol.for("react.fragment"), y = Object.prototype.hasOwnProperty, I = w.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, $ = { key: !0, ref: !0, __self: !0, __source: !0 };
function x(h, f, O) {
var p, b = {}, R = null, W = null;
O !== void 0 && (R = "" + O), f.key !== void 0 && (R = "" + f.key), f.ref !== void 0 && (W = f.ref);
for (p in f) y.call(f, p) && !$.hasOwnProperty(p) && (b[p] = f[p]);
if (h && h.defaultProps) for (p in f = h.defaultProps, f) b[p] === void 0 && (b[p] = f[p]);
return { $$typeof: _, type: h, key: R, ref: W, props: b, _owner: I.current };
}
return x.Fragment = M, x.jsx = w, x.jsxs = w, x;
return F.Fragment = j, F.jsx = x, F.jsxs = x, F;
}
var D = {};
var A = {};
/**
* @license React
* react-jsx-runtime.development.js
@ -33,51 +33,51 @@ var D = {};
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var Te;
function lr() {
return Te || (Te = 1, process.env.NODE_ENV !== "production" && function() {
var V = Oe, C = Symbol.for("react.element"), M = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), F = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), w = Symbol.for("react.provider"), _ = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), I = Symbol.for("react.offscreen"), X = Symbol.iterator, Se = "@@iterator";
var Oe;
function fr() {
return Oe || (Oe = 1, process.env.NODE_ENV !== "production" && function() {
var w = Se, _ = Symbol.for("react.element"), j = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), I = Symbol.for("react.strict_mode"), $ = Symbol.for("react.profiler"), x = Symbol.for("react.provider"), h = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), H = Symbol.iterator, Ce = "@@iterator";
function Pe(e) {
if (e === null || typeof e != "object")
return null;
var r = X && e[X] || e[Se];
var r = H && e[H] || e[Ce];
return typeof r == "function" ? r : null;
}
var O = V.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
var S = w.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
function c(e) {
{
for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
t[n - 1] = arguments[n];
Ce("error", e, t);
we("error", e, t);
}
}
function Ce(e, r, t) {
function we(e, r, t) {
{
var n = O.ReactDebugCurrentFrame, o = n.getStackAddendum();
o !== "" && (r += "%s", t = t.concat([o]));
var u = t.map(function(i) {
return String(i);
var n = S.ReactDebugCurrentFrame, i = n.getStackAddendum();
i !== "" && (r += "%s", t = t.concat([i]));
var u = t.map(function(o) {
return String(o);
});
u.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, u);
}
}
var we = !1, je = !1, ke = !1, xe = !1, De = !1, H;
H = Symbol.for("react.module.reference");
function Fe(e) {
return !!(typeof e == "string" || typeof e == "function" || e === m || e === A || De || e === F || e === T || e === p || xe || e === I || we || je || ke || typeof e == "object" && e !== null && (e.$$typeof === b || e.$$typeof === y || e.$$typeof === w || e.$$typeof === _ || e.$$typeof === f || // This needs to include all possible module reference object
var je = !1, xe = !1, ke = !1, De = !1, Fe = !1, Z;
Z = Symbol.for("react.module.reference");
function Ae(e) {
return !!(typeof e == "string" || typeof e == "function" || e === y || e === $ || Fe || e === I || e === O || e === p || De || e === W || je || xe || ke || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === b || e.$$typeof === x || e.$$typeof === h || e.$$typeof === f || // This needs to include all possible module reference object
// types supported by any Flight configuration anywhere since
// we don't know which Flight build this will end up being used
// with.
e.$$typeof === H || e.getModuleId !== void 0));
e.$$typeof === Z || e.getModuleId !== void 0));
}
function Ae(e, r, t) {
function Ie(e, r, t) {
var n = e.displayName;
if (n)
return n;
var o = r.displayName || r.name || "";
return o !== "" ? t + "(" + o + ")" : t;
var i = r.displayName || r.name || "";
return i !== "" ? t + "(" + i + ")" : t;
}
function Z(e) {
function Q(e) {
return e.displayName || "Context";
}
function E(e) {
@ -88,36 +88,36 @@ function lr() {
if (typeof e == "string")
return e;
switch (e) {
case m:
case y:
return "Fragment";
case M:
case j:
return "Portal";
case A:
case $:
return "Profiler";
case F:
case I:
return "StrictMode";
case T:
case O:
return "Suspense";
case p:
return "SuspenseList";
}
if (typeof e == "object")
switch (e.$$typeof) {
case _:
case h:
var r = e;
return Z(r) + ".Consumer";
case w:
return Q(r) + ".Consumer";
case x:
var t = e;
return Z(t._context) + ".Provider";
return Q(t._context) + ".Provider";
case f:
return Ae(e, e.render, "ForwardRef");
case y:
return Ie(e, e.render, "ForwardRef");
case b:
var n = e.displayName || null;
return n !== null ? n : E(e.type) || "Memo";
case b: {
var o = e, u = o._payload, i = o._init;
case R: {
var i = e, u = i._payload, o = i._init;
try {
return E(i(u));
return E(o(u));
} catch {
return null;
}
@ -125,18 +125,18 @@ function lr() {
}
return null;
}
var h = Object.assign, j = 0, Q, ee, re, te, ne, ae, ie;
function oe() {
var m = Object.assign, k = 0, ee, re, te, ne, ae, oe, ie;
function ue() {
}
oe.__reactDisabledLog = !0;
function Ie() {
ue.__reactDisabledLog = !0;
function $e() {
{
if (j === 0) {
Q = console.log, ee = console.info, re = console.warn, te = console.error, ne = console.group, ae = console.groupCollapsed, ie = console.groupEnd;
if (k === 0) {
ee = console.log, re = console.info, te = console.warn, ne = console.error, ae = console.group, oe = console.groupCollapsed, ie = console.groupEnd;
var e = {
configurable: !0,
enumerable: !0,
value: oe,
value: ue,
writable: !0
};
Object.defineProperties(console, {
@ -149,250 +149,250 @@ function lr() {
groupEnd: e
});
}
j++;
k++;
}
}
function $e() {
function We() {
{
if (j--, j === 0) {
if (k--, k === 0) {
var e = {
configurable: !0,
enumerable: !0,
writable: !0
};
Object.defineProperties(console, {
log: h({}, e, {
value: Q
}),
info: h({}, e, {
log: m({}, e, {
value: ee
}),
warn: h({}, e, {
info: m({}, e, {
value: re
}),
error: h({}, e, {
warn: m({}, e, {
value: te
}),
group: h({}, e, {
error: m({}, e, {
value: ne
}),
groupCollapsed: h({}, e, {
group: m({}, e, {
value: ae
}),
groupEnd: h({}, e, {
groupCollapsed: m({}, e, {
value: oe
}),
groupEnd: m({}, e, {
value: ie
})
});
}
j < 0 && c("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
k < 0 && c("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
}
}
var U = O.ReactCurrentDispatcher, N;
function $(e, r, t) {
var U = S.ReactCurrentDispatcher, N;
function Y(e, r, t) {
{
if (N === void 0)
try {
throw Error();
} catch (o) {
var n = o.stack.trim().match(/\n( *(at )?)/);
} catch (i) {
var n = i.stack.trim().match(/\n( *(at )?)/);
N = n && n[1] || "";
}
return `
` + N + e;
}
}
var B = !1, W;
var B = !1, L;
{
var We = typeof WeakMap == "function" ? WeakMap : Map;
W = new We();
var Ye = typeof WeakMap == "function" ? WeakMap : Map;
L = new Ye();
}
function ue(e, r) {
function se(e, r) {
if (!e || B)
return "";
{
var t = W.get(e);
var t = L.get(e);
if (t !== void 0)
return t;
}
var n;
B = !0;
var o = Error.prepareStackTrace;
var i = Error.prepareStackTrace;
Error.prepareStackTrace = void 0;
var u;
u = U.current, U.current = null, Ie();
u = U.current, U.current = null, $e();
try {
if (r) {
var i = function() {
var o = function() {
throw Error();
};
if (Object.defineProperty(i.prototype, "props", {
if (Object.defineProperty(o.prototype, "props", {
set: function() {
throw Error();
}
}), typeof Reflect == "object" && Reflect.construct) {
try {
Reflect.construct(i, []);
} catch (d) {
n = d;
Reflect.construct(o, []);
} catch (v) {
n = v;
}
Reflect.construct(e, [], i);
Reflect.construct(e, [], o);
} else {
try {
i.call();
} catch (d) {
n = d;
o.call();
} catch (v) {
n = v;
}
e.call(i.prototype);
e.call(o.prototype);
}
} else {
try {
throw Error();
} catch (d) {
n = d;
} catch (v) {
n = v;
}
e();
}
} catch (d) {
if (d && n && typeof d.stack == "string") {
for (var a = d.stack.split(`
`), v = n.stack.split(`
`), s = a.length - 1, l = v.length - 1; s >= 1 && l >= 0 && a[s] !== v[l]; )
} catch (v) {
if (v && n && typeof v.stack == "string") {
for (var a = v.stack.split(`
`), d = n.stack.split(`
`), s = a.length - 1, l = d.length - 1; s >= 1 && l >= 0 && a[s] !== d[l]; )
l--;
for (; s >= 1 && l >= 0; s--, l--)
if (a[s] !== v[l]) {
if (a[s] !== d[l]) {
if (s !== 1 || l !== 1)
do
if (s--, l--, l < 0 || a[s] !== v[l]) {
if (s--, l--, l < 0 || a[s] !== d[l]) {
var g = `
` + a[s].replace(" at new ", " at ");
return e.displayName && g.includes("<anonymous>") && (g = g.replace("<anonymous>", e.displayName)), typeof e == "function" && W.set(e, g), g;
return e.displayName && g.includes("<anonymous>") && (g = g.replace("<anonymous>", e.displayName)), typeof e == "function" && L.set(e, g), g;
}
while (s >= 1 && l >= 0);
break;
}
}
} finally {
B = !1, U.current = u, $e(), Error.prepareStackTrace = o;
B = !1, U.current = u, We(), Error.prepareStackTrace = i;
}
var P = e ? e.displayName || e.name : "", R = P ? $(P) : "";
return typeof e == "function" && W.set(e, R), R;
var P = e ? e.displayName || e.name : "", T = P ? Y(P) : "";
return typeof e == "function" && L.set(e, T), T;
}
function Ye(e, r, t) {
return ue(e, !1);
function Le(e, r, t) {
return se(e, !1);
}
function Le(e) {
function Ve(e) {
var r = e.prototype;
return !!(r && r.isReactComponent);
}
function Y(e, r, t) {
function V(e, r, t) {
if (e == null)
return "";
if (typeof e == "function")
return ue(e, Le(e));
return se(e, Ve(e));
if (typeof e == "string")
return $(e);
return Y(e);
switch (e) {
case T:
return $("Suspense");
case O:
return Y("Suspense");
case p:
return $("SuspenseList");
return Y("SuspenseList");
}
if (typeof e == "object")
switch (e.$$typeof) {
case f:
return Ye(e.render);
case y:
return Y(e.type, r, t);
case b: {
var n = e, o = n._payload, u = n._init;
return Le(e.render);
case b:
return V(e.type, r, t);
case R: {
var n = e, i = n._payload, u = n._init;
try {
return Y(u(o), r, t);
return V(u(i), r, t);
} catch {
}
}
}
return "";
}
var k = Object.prototype.hasOwnProperty, se = {}, le = O.ReactDebugCurrentFrame;
function L(e) {
var D = Object.prototype.hasOwnProperty, le = {}, fe = S.ReactDebugCurrentFrame;
function M(e) {
if (e) {
var r = e._owner, t = Y(e.type, e._source, r ? r.type : null);
le.setExtraStackFrame(t);
var r = e._owner, t = V(e.type, e._source, r ? r.type : null);
fe.setExtraStackFrame(t);
} else
le.setExtraStackFrame(null);
fe.setExtraStackFrame(null);
}
function Ve(e, r, t, n, o) {
function Me(e, r, t, n, i) {
{
var u = Function.call.bind(k);
for (var i in e)
if (u(e, i)) {
var u = Function.call.bind(D);
for (var o in e)
if (u(e, o)) {
var a = void 0;
try {
if (typeof e[i] != "function") {
var v = Error((n || "React class") + ": " + t + " type `" + i + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[i] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
throw v.name = "Invariant Violation", v;
if (typeof e[o] != "function") {
var d = Error((n || "React class") + ": " + t + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
throw d.name = "Invariant Violation", d;
}
a = e[i](r, i, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
a = e[o](r, o, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
} catch (s) {
a = s;
}
a && !(a instanceof Error) && (L(o), c("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, i, typeof a), L(null)), a instanceof Error && !(a.message in se) && (se[a.message] = !0, L(o), c("Failed %s type: %s", t, a.message), L(null));
a && !(a instanceof Error) && (M(i), c("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), M(null)), a instanceof Error && !(a.message in le) && (le[a.message] = !0, M(i), c("Failed %s type: %s", t, a.message), M(null));
}
}
}
var Me = Array.isArray;
var Ue = Array.isArray;
function J(e) {
return Me(e);
return Ue(e);
}
function Ue(e) {
function Ne(e) {
{
var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
return t;
}
}
function Ne(e) {
function Be(e) {
try {
return fe(e), !1;
return ce(e), !1;
} catch {
return !0;
}
}
function fe(e) {
function ce(e) {
return "" + e;
}
function ce(e) {
if (Ne(e))
return c("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ue(e)), fe(e);
function de(e) {
if (Be(e))
return c("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ne(e)), ce(e);
}
var ve = O.ReactCurrentOwner, Be = {
var ve = S.ReactCurrentOwner, Je = {
key: !0,
ref: !0,
__self: !0,
__source: !0
}, de, pe;
function Je(e) {
if (k.call(e, "ref")) {
}, pe, ge;
function qe(e) {
if (D.call(e, "ref")) {
var r = Object.getOwnPropertyDescriptor(e, "ref").get;
if (r && r.isReactWarning)
return !1;
}
return e.ref !== void 0;
}
function qe(e) {
if (k.call(e, "key")) {
function Ke(e) {
if (D.call(e, "key")) {
var r = Object.getOwnPropertyDescriptor(e, "key").get;
if (r && r.isReactWarning)
return !1;
}
return e.key !== void 0;
}
function Ke(e, r) {
function Ge(e, r) {
typeof e.ref == "string" && ve.current;
}
function Ge(e, r) {
function ze(e, r) {
{
var t = function() {
de || (de = !0, c("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
pe || (pe = !0, c("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
};
t.isReactWarning = !0, Object.defineProperty(e, "key", {
get: t,
@ -400,10 +400,10 @@ function lr() {
});
}
}
function ze(e, r) {
function Xe(e, r) {
{
var t = function() {
pe || (pe = !0, c("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
ge || (ge = !0, c("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
};
t.isReactWarning = !0, Object.defineProperty(e, "ref", {
get: t,
@ -411,15 +411,15 @@ function lr() {
});
}
}
var Xe = function(e, r, t, n, o, u, i) {
var He = function(e, r, t, n, i, u, o) {
var a = {
// This tag allows us to uniquely identify this as a React Element
$$typeof: C,
$$typeof: _,
// Built-in properties that belong on the element
type: e,
key: r,
ref: t,
props: i,
props: o,
// Record the component responsible for creating this element.
_owner: u
};
@ -437,39 +437,39 @@ function lr() {
configurable: !1,
enumerable: !1,
writable: !1,
value: o
value: i
}), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
};
function He(e, r, t, n, o) {
function Ze(e, r, t, n, i) {
{
var u, i = {}, a = null, v = null;
t !== void 0 && (ce(t), a = "" + t), qe(r) && (ce(r.key), a = "" + r.key), Je(r) && (v = r.ref, Ke(r, o));
var u, o = {}, a = null, d = null;
t !== void 0 && (de(t), a = "" + t), Ke(r) && (de(r.key), a = "" + r.key), qe(r) && (d = r.ref, Ge(r, i));
for (u in r)
k.call(r, u) && !Be.hasOwnProperty(u) && (i[u] = r[u]);
D.call(r, u) && !Je.hasOwnProperty(u) && (o[u] = r[u]);
if (e && e.defaultProps) {
var s = e.defaultProps;
for (u in s)
i[u] === void 0 && (i[u] = s[u]);
o[u] === void 0 && (o[u] = s[u]);
}
if (a || v) {
if (a || d) {
var l = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
a && Ge(i, l), v && ze(i, l);
a && ze(o, l), d && Xe(o, l);
}
return Xe(e, a, v, o, n, ve.current, i);
return He(e, a, d, i, n, ve.current, o);
}
}
var q = O.ReactCurrentOwner, ge = O.ReactDebugCurrentFrame;
function S(e) {
var q = S.ReactCurrentOwner, be = S.ReactDebugCurrentFrame;
function C(e) {
if (e) {
var r = e._owner, t = Y(e.type, e._source, r ? r.type : null);
ge.setExtraStackFrame(t);
var r = e._owner, t = V(e.type, e._source, r ? r.type : null);
be.setExtraStackFrame(t);
} else
ge.setExtraStackFrame(null);
be.setExtraStackFrame(null);
}
var K;
K = !1;
function G(e) {
return typeof e == "object" && e !== null && e.$$typeof === C;
return typeof e == "object" && e !== null && e.$$typeof === _;
}
function ye() {
{
@ -483,11 +483,11 @@ Check the render method of \`` + e + "`.";
return "";
}
}
function Ze(e) {
function Qe(e) {
return "";
}
var Ee = {};
function Qe(e) {
function er(e) {
{
var r = ye();
if (!r) {
@ -504,15 +504,15 @@ Check the top-level render call using <` + t + ">.");
if (!e._store || e._store.validated || e.key != null)
return;
e._store.validated = !0;
var t = Qe(r);
var t = er(r);
if (Ee[t])
return;
Ee[t] = !0;
var n = "";
e && e._owner && e._owner !== q.current && (n = " It was passed a child from " + E(e._owner.type) + "."), S(e), c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), S(null);
e && e._owner && e._owner !== q.current && (n = " It was passed a child from " + E(e._owner.type) + "."), C(e), c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), C(null);
}
}
function be(e, r) {
function he(e, r) {
{
if (typeof e != "object")
return;
@ -524,14 +524,14 @@ Check the top-level render call using <` + t + ">.");
else if (G(e))
e._store && (e._store.validated = !0);
else if (e) {
var o = Pe(e);
if (typeof o == "function" && o !== e.entries)
for (var u = o.call(e), i; !(i = u.next()).done; )
G(i.value) && _e(i.value, r);
var i = Pe(e);
if (typeof i == "function" && i !== e.entries)
for (var u = i.call(e), o; !(o = u.next()).done; )
G(o.value) && _e(o.value, r);
}
}
}
function er(e) {
function rr(e) {
{
var r = e.type;
if (r == null || typeof r == "string")
@ -541,86 +541,102 @@ Check the top-level render call using <` + t + ">.");
t = r.propTypes;
else if (typeof r == "object" && (r.$$typeof === f || // Note: Memo only checks outer props here.
// Inner props are checked in the reconciler.
r.$$typeof === y))
r.$$typeof === b))
t = r.propTypes;
else
return;
if (t) {
var n = E(r);
Ve(t, e.props, "prop", n, e);
Me(t, e.props, "prop", n, e);
} else if (r.PropTypes !== void 0 && !K) {
K = !0;
var o = E(r);
c("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", o || "Unknown");
var i = E(r);
c("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
}
typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && c("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
}
}
function rr(e) {
function tr(e) {
{
for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
var n = r[t];
if (n !== "children" && n !== "key") {
S(e), c("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), S(null);
C(e), c("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), C(null);
break;
}
}
e.ref !== null && (S(e), c("Invalid attribute `ref` supplied to `React.Fragment`."), S(null));
e.ref !== null && (C(e), c("Invalid attribute `ref` supplied to `React.Fragment`."), C(null));
}
}
var he = {};
function Re(e, r, t, n, o, u) {
var Re = {};
function me(e, r, t, n, i, u) {
{
var i = Fe(e);
if (!i) {
var o = Ae(e);
if (!o) {
var a = "";
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
var v = Ze();
v ? a += v : a += ye();
var d = Qe();
d ? a += d : a += ye();
var s;
e === null ? s = "null" : J(e) ? s = "array" : e !== void 0 && e.$$typeof === C ? (s = "<" + (E(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : s = typeof e, c("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, a);
e === null ? s = "null" : J(e) ? s = "array" : e !== void 0 && e.$$typeof === _ ? (s = "<" + (E(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : s = typeof e, c("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, a);
}
var l = He(e, r, t, o, u);
var l = Ze(e, r, t, i, u);
if (l == null)
return l;
if (i) {
if (o) {
var g = r.children;
if (g !== void 0)
if (n)
if (J(g)) {
for (var P = 0; P < g.length; P++)
be(g[P], e);
he(g[P], e);
Object.freeze && Object.freeze(g);
} else
c("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
else
be(g, e);
he(g, e);
}
if (k.call(r, "key")) {
var R = E(e), d = Object.keys(r).filter(function(ur) {
return ur !== "key";
}), z = d.length > 0 ? "{key: someKey, " + d.join(": ..., ") + ": ...}" : "{key: someKey}";
if (!he[R + z]) {
var or = d.length > 0 ? "{" + d.join(": ..., ") + ": ...}" : "{}";
if (D.call(r, "key")) {
var T = E(e), v = Object.keys(r).filter(function(sr) {
return sr !== "key";
}), z = v.length > 0 ? "{key: someKey, " + v.join(": ..., ") + ": ...}" : "{key: someKey}";
if (!Re[T + z]) {
var ur = v.length > 0 ? "{" + v.join(": ..., ") + ": ...}" : "{}";
c(`A props object containing a "key" prop is being spread into JSX:
let props = %s;
<%s {...props} />
React keys must be passed directly to JSX without using spread:
let props = %s;
<%s key={someKey} {...props} />`, z, R, or, R), he[R + z] = !0;
<%s key={someKey} {...props} />`, z, T, ur, T), Re[T + z] = !0;
}
}
return e === m ? rr(l) : er(l), l;
return e === y ? tr(l) : rr(l), l;
}
}
function tr(e, r, t) {
return Re(e, r, t, !0);
}
function nr(e, r, t) {
return Re(e, r, t, !1);
return me(e, r, t, !0);
}
var ar = nr, ir = tr;
D.Fragment = m, D.jsx = ar, D.jsxs = ir;
}()), D;
function ar(e, r, t) {
return me(e, r, t, !1);
}
var or = ar, ir = nr;
A.Fragment = y, A.jsx = or, A.jsxs = ir;
}()), A;
}
process.env.NODE_ENV === "production" ? sr() : lr();
process.env.NODE_ENV === "production" ? X.exports = lr() : X.exports = fr();
var cr = X.exports;
function vr({ onClick: w, children: _, style: j }) {
const y = {
padding: "10px 20px",
backgroundColor: "#0070f3",
color: "#fff",
border: "none",
borderRadius: "5px",
cursor: "pointer",
...j
};
return /* @__PURE__ */ cr.jsx("button", { style: y, onClick: w, children: _ });
}
export {
vr as BaseButton
};

1
dist/style.css vendored
View File

@ -1 +0,0 @@
.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{inset-inline:0;margin:0 auto}.hero .base{width:170px;position:relative;z-index:0}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.hero .vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1}@media (max-width: 1024px){#center{padding:32px 20px 24px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left}#next-steps>div{flex:1 1 0;padding:32px}@media (max-width: 1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{margin-bottom:16px;width:22px;height:22px}@media (max-width: 1024px){#next-steps{flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border)}@media (max-width: 1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);font-size:16px;border-radius:6px;background:var(--social-bg);display:flex;padding:6px 12px;align-items:center;gap:8px;text-decoration:none;transition:box-shadow .3s}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{height:18px;width:18px}@media (max-width: 1024px){#next-steps ul{margin-top:20px;flex-wrap:wrap;justify-content:center}#next-steps ul li{flex:1 1 calc(50% - 8px)}#next-steps ul a{width:100%;justify-content:center;box-sizing:border-box}}#spacer{height:88px;border-top:1px solid var(--border)}@media (max-width: 1024px){#spacer{height:48px}}.ticks{position:relative;width:100%}.ticks:before,.ticks:after{content:"";position:absolute;top:-4.5px;border:5px solid transparent}.ticks:before{left:0;border-left-color:var(--border)}.ticks:after{right:0;border-right-color:var(--border)}

View File

@ -1,3 +1,5 @@
import React from 'react';
export function BaseButton({ onClick, children, style }) {
const defaultStyle = {
padding: '10px 20px',

3
src/index.js Normal file
View File

@ -0,0 +1,3 @@
import { BaseButton } from './components/BaseButton.jsx';
export { BaseButton };

View File

@ -6,7 +6,7 @@ export default defineConfig({
plugins: [react()],
build: {
lib: {
entry: resolve(__dirname, 'src/App.jsx'),
entry: resolve(__dirname, 'src/index.js'),
name: 'OslogReactBaseComponent',
fileName: 'index',
formats: ['es']
@ -14,8 +14,7 @@ export default defineConfig({
rollupOptions: {
external: ['react', 'react-dom'],
output: {
// Force explicit named exports matching your source code
exports: 'named',
exports: 'named',
globals: {
react: 'React',
'react-dom': 'ReactDOM'