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"; import Se from "react";
var x = {}; var X = { exports: {} }, F = {};
/** /**
* @license React * @license React
* react-jsx-runtime.production.min.js * react-jsx-runtime.production.min.js
@ -9,21 +9,21 @@ var x = {};
* This source code is licensed under the MIT license found in the * This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree. * LICENSE file in the root directory of this source tree.
*/ */
var me; var Te;
function sr() { function lr() {
if (me) return x; if (Te) return F;
me = 1; Te = 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 }; 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 w(_, f, T) { function x(h, f, O) {
var p, y = {}, b = null, I = null; var p, b = {}, R = null, W = null;
T !== void 0 && (b = "" + T), f.key !== void 0 && (b = "" + f.key), f.ref !== void 0 && (I = f.ref); O !== void 0 && (R = "" + O), f.key !== void 0 && (R = "" + f.key), f.ref !== void 0 && (W = f.ref);
for (p in f) m.call(f, p) && !A.hasOwnProperty(p) && (y[p] = f[p]); for (p in f) y.call(f, p) && !$.hasOwnProperty(p) && (b[p] = f[p]);
if (_ && _.defaultProps) for (p in f = _.defaultProps, f) y[p] === void 0 && (y[p] = f[p]); if (h && h.defaultProps) for (p in f = h.defaultProps, f) b[p] === void 0 && (b[p] = f[p]);
return { $$typeof: C, type: _, key: b, ref: I, props: y, _owner: F.current }; 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 * @license React
* react-jsx-runtime.development.js * react-jsx-runtime.development.js
@ -33,51 +33,51 @@ var D = {};
* This source code is licensed under the MIT license found in the * This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree. * LICENSE file in the root directory of this source tree.
*/ */
var Te; var Oe;
function lr() { function fr() {
return Te || (Te = 1, process.env.NODE_ENV !== "production" && function() { return Oe || (Oe = 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 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) { function Pe(e) {
if (e === null || typeof e != "object") if (e === null || typeof e != "object")
return null; return null;
var r = X && e[X] || e[Se]; var r = H && e[H] || e[Ce];
return typeof r == "function" ? r : null; 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) { function c(e) {
{ {
for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++) for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
t[n - 1] = arguments[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(); var n = S.ReactDebugCurrentFrame, i = n.getStackAddendum();
o !== "" && (r += "%s", t = t.concat([o])); i !== "" && (r += "%s", t = t.concat([i]));
var u = t.map(function(i) { var u = t.map(function(o) {
return String(i); return String(o);
}); });
u.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, u); u.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, u);
} }
} }
var we = !1, je = !1, ke = !1, xe = !1, De = !1, H; var je = !1, xe = !1, ke = !1, De = !1, Fe = !1, Z;
H = Symbol.for("react.module.reference"); Z = Symbol.for("react.module.reference");
function Fe(e) { function Ae(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 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 // types supported by any Flight configuration anywhere since
// we don't know which Flight build this will end up being used // we don't know which Flight build this will end up being used
// with. // 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; var n = e.displayName;
if (n) if (n)
return n; return n;
var o = r.displayName || r.name || ""; var i = r.displayName || r.name || "";
return o !== "" ? t + "(" + o + ")" : t; return i !== "" ? t + "(" + i + ")" : t;
} }
function Z(e) { function Q(e) {
return e.displayName || "Context"; return e.displayName || "Context";
} }
function E(e) { function E(e) {
@ -88,36 +88,36 @@ function lr() {
if (typeof e == "string") if (typeof e == "string")
return e; return e;
switch (e) { switch (e) {
case m: case y:
return "Fragment"; return "Fragment";
case M: case j:
return "Portal"; return "Portal";
case A: case $:
return "Profiler"; return "Profiler";
case F: case I:
return "StrictMode"; return "StrictMode";
case T: case O:
return "Suspense"; return "Suspense";
case p: case p:
return "SuspenseList"; return "SuspenseList";
} }
if (typeof e == "object") if (typeof e == "object")
switch (e.$$typeof) { switch (e.$$typeof) {
case _: case h:
var r = e; var r = e;
return Z(r) + ".Consumer"; return Q(r) + ".Consumer";
case w: case x:
var t = e; var t = e;
return Z(t._context) + ".Provider"; return Q(t._context) + ".Provider";
case f: case f:
return Ae(e, e.render, "ForwardRef"); return Ie(e, e.render, "ForwardRef");
case y: case b:
var n = e.displayName || null; var n = e.displayName || null;
return n !== null ? n : E(e.type) || "Memo"; return n !== null ? n : E(e.type) || "Memo";
case b: { case R: {
var o = e, u = o._payload, i = o._init; var i = e, u = i._payload, o = i._init;
try { try {
return E(i(u)); return E(o(u));
} catch { } catch {
return null; return null;
} }
@ -125,18 +125,18 @@ function lr() {
} }
return null; return null;
} }
var h = Object.assign, j = 0, Q, ee, re, te, ne, ae, ie; var m = Object.assign, k = 0, ee, re, te, ne, ae, oe, ie;
function oe() { function ue() {
} }
oe.__reactDisabledLog = !0; ue.__reactDisabledLog = !0;
function Ie() { function $e() {
{ {
if (j === 0) { if (k === 0) {
Q = console.log, ee = console.info, re = console.warn, te = console.error, ne = console.group, ae = console.groupCollapsed, ie = console.groupEnd; ee = console.log, re = console.info, te = console.warn, ne = console.error, ae = console.group, oe = console.groupCollapsed, ie = console.groupEnd;
var e = { var e = {
configurable: !0, configurable: !0,
enumerable: !0, enumerable: !0,
value: oe, value: ue,
writable: !0 writable: !0
}; };
Object.defineProperties(console, { Object.defineProperties(console, {
@ -149,250 +149,250 @@ function lr() {
groupEnd: e groupEnd: e
}); });
} }
j++; k++;
} }
} }
function $e() { function We() {
{ {
if (j--, j === 0) { if (k--, k === 0) {
var e = { var e = {
configurable: !0, configurable: !0,
enumerable: !0, enumerable: !0,
writable: !0 writable: !0
}; };
Object.defineProperties(console, { Object.defineProperties(console, {
log: h({}, e, { log: m({}, e, {
value: Q
}),
info: h({}, e, {
value: ee value: ee
}), }),
warn: h({}, e, { info: m({}, e, {
value: re value: re
}), }),
error: h({}, e, { warn: m({}, e, {
value: te value: te
}), }),
group: h({}, e, { error: m({}, e, {
value: ne value: ne
}), }),
groupCollapsed: h({}, e, { group: m({}, e, {
value: ae value: ae
}), }),
groupEnd: h({}, e, { groupCollapsed: m({}, e, {
value: oe
}),
groupEnd: m({}, e, {
value: ie 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; var U = S.ReactCurrentDispatcher, N;
function $(e, r, t) { function Y(e, r, t) {
{ {
if (N === void 0) if (N === void 0)
try { try {
throw Error(); throw Error();
} catch (o) { } catch (i) {
var n = o.stack.trim().match(/\n( *(at )?)/); var n = i.stack.trim().match(/\n( *(at )?)/);
N = n && n[1] || ""; N = n && n[1] || "";
} }
return ` return `
` + N + e; ` + N + e;
} }
} }
var B = !1, W; var B = !1, L;
{ {
var We = typeof WeakMap == "function" ? WeakMap : Map; var Ye = typeof WeakMap == "function" ? WeakMap : Map;
W = new We(); L = new Ye();
} }
function ue(e, r) { function se(e, r) {
if (!e || B) if (!e || B)
return ""; return "";
{ {
var t = W.get(e); var t = L.get(e);
if (t !== void 0) if (t !== void 0)
return t; return t;
} }
var n; var n;
B = !0; B = !0;
var o = Error.prepareStackTrace; var i = Error.prepareStackTrace;
Error.prepareStackTrace = void 0; Error.prepareStackTrace = void 0;
var u; var u;
u = U.current, U.current = null, Ie(); u = U.current, U.current = null, $e();
try { try {
if (r) { if (r) {
var i = function() { var o = function() {
throw Error(); throw Error();
}; };
if (Object.defineProperty(i.prototype, "props", { if (Object.defineProperty(o.prototype, "props", {
set: function() { set: function() {
throw Error(); throw Error();
} }
}), typeof Reflect == "object" && Reflect.construct) { }), typeof Reflect == "object" && Reflect.construct) {
try { try {
Reflect.construct(i, []); Reflect.construct(o, []);
} catch (d) { } catch (v) {
n = d; n = v;
} }
Reflect.construct(e, [], i); Reflect.construct(e, [], o);
} else { } else {
try { try {
i.call(); o.call();
} catch (d) { } catch (v) {
n = d; n = v;
} }
e.call(i.prototype); e.call(o.prototype);
} }
} else { } else {
try { try {
throw Error(); throw Error();
} catch (d) { } catch (v) {
n = d; n = v;
} }
e(); e();
} }
} catch (d) { } catch (v) {
if (d && n && typeof d.stack == "string") { if (v && n && typeof v.stack == "string") {
for (var a = d.stack.split(` for (var a = v.stack.split(`
`), v = n.stack.split(` `), d = n.stack.split(`
`), s = a.length - 1, l = v.length - 1; s >= 1 && l >= 0 && a[s] !== v[l]; ) `), s = a.length - 1, l = d.length - 1; s >= 1 && l >= 0 && a[s] !== d[l]; )
l--; l--;
for (; s >= 1 && l >= 0; s--, l--) for (; s >= 1 && l >= 0; s--, l--)
if (a[s] !== v[l]) { if (a[s] !== d[l]) {
if (s !== 1 || l !== 1) if (s !== 1 || l !== 1)
do do
if (s--, l--, l < 0 || a[s] !== v[l]) { if (s--, l--, l < 0 || a[s] !== d[l]) {
var g = ` var g = `
` + a[s].replace(" at new ", " at "); ` + 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); while (s >= 1 && l >= 0);
break; break;
} }
} }
} finally { } 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) : ""; var P = e ? e.displayName || e.name : "", T = P ? Y(P) : "";
return typeof e == "function" && W.set(e, R), R; return typeof e == "function" && L.set(e, T), T;
} }
function Ye(e, r, t) { function Le(e, r, t) {
return ue(e, !1); return se(e, !1);
} }
function Le(e) { function Ve(e) {
var r = e.prototype; var r = e.prototype;
return !!(r && r.isReactComponent); return !!(r && r.isReactComponent);
} }
function Y(e, r, t) { function V(e, r, t) {
if (e == null) if (e == null)
return ""; return "";
if (typeof e == "function") if (typeof e == "function")
return ue(e, Le(e)); return se(e, Ve(e));
if (typeof e == "string") if (typeof e == "string")
return $(e); return Y(e);
switch (e) { switch (e) {
case T: case O:
return $("Suspense"); return Y("Suspense");
case p: case p:
return $("SuspenseList"); return Y("SuspenseList");
} }
if (typeof e == "object") if (typeof e == "object")
switch (e.$$typeof) { switch (e.$$typeof) {
case f: case f:
return Ye(e.render); return Le(e.render);
case y: case b:
return Y(e.type, r, t); return V(e.type, r, t);
case b: { case R: {
var n = e, o = n._payload, u = n._init; var n = e, i = n._payload, u = n._init;
try { try {
return Y(u(o), r, t); return V(u(i), r, t);
} catch { } catch {
} }
} }
} }
return ""; return "";
} }
var k = Object.prototype.hasOwnProperty, se = {}, le = O.ReactDebugCurrentFrame; var D = Object.prototype.hasOwnProperty, le = {}, fe = S.ReactDebugCurrentFrame;
function L(e) { function M(e) {
if (e) { if (e) {
var r = e._owner, t = Y(e.type, e._source, r ? r.type : null); var r = e._owner, t = V(e.type, e._source, r ? r.type : null);
le.setExtraStackFrame(t); fe.setExtraStackFrame(t);
} else } 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); var u = Function.call.bind(D);
for (var i in e) for (var o in e)
if (u(e, i)) { if (u(e, o)) {
var a = void 0; var a = void 0;
try { try {
if (typeof e[i] != "function") { if (typeof e[o] != "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`."); 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 v.name = "Invariant Violation", v; 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) { } catch (s) {
a = 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) { 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"; var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
return t; return t;
} }
} }
function Ne(e) { function Be(e) {
try { try {
return fe(e), !1; return ce(e), !1;
} catch { } catch {
return !0; return !0;
} }
} }
function fe(e) { function ce(e) {
return "" + e; return "" + e;
} }
function ce(e) { function de(e) {
if (Ne(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.", Ue(e)), fe(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, key: !0,
ref: !0, ref: !0,
__self: !0, __self: !0,
__source: !0 __source: !0
}, de, pe; }, pe, ge;
function Je(e) { function qe(e) {
if (k.call(e, "ref")) { if (D.call(e, "ref")) {
var r = Object.getOwnPropertyDescriptor(e, "ref").get; var r = Object.getOwnPropertyDescriptor(e, "ref").get;
if (r && r.isReactWarning) if (r && r.isReactWarning)
return !1; return !1;
} }
return e.ref !== void 0; return e.ref !== void 0;
} }
function qe(e) { function Ke(e) {
if (k.call(e, "key")) { if (D.call(e, "key")) {
var r = Object.getOwnPropertyDescriptor(e, "key").get; var r = Object.getOwnPropertyDescriptor(e, "key").get;
if (r && r.isReactWarning) if (r && r.isReactWarning)
return !1; return !1;
} }
return e.key !== void 0; return e.key !== void 0;
} }
function Ke(e, r) { function Ge(e, r) {
typeof e.ref == "string" && ve.current; typeof e.ref == "string" && ve.current;
} }
function Ge(e, r) { function ze(e, r) {
{ {
var t = function() { 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", { t.isReactWarning = !0, Object.defineProperty(e, "key", {
get: t, get: t,
@ -400,10 +400,10 @@ function lr() {
}); });
} }
} }
function ze(e, r) { function Xe(e, r) {
{ {
var t = function() { 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", { t.isReactWarning = !0, Object.defineProperty(e, "ref", {
get: t, 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 = { var a = {
// This tag allows us to uniquely identify this as a React Element // This tag allows us to uniquely identify this as a React Element
$$typeof: C, $$typeof: _,
// Built-in properties that belong on the element // Built-in properties that belong on the element
type: e, type: e,
key: r, key: r,
ref: t, ref: t,
props: i, props: o,
// Record the component responsible for creating this element. // Record the component responsible for creating this element.
_owner: u _owner: u
}; };
@ -437,39 +437,39 @@ function lr() {
configurable: !1, configurable: !1,
enumerable: !1, enumerable: !1,
writable: !1, writable: !1,
value: o value: i
}), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a; }), 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; var u, o = {}, a = null, d = null;
t !== void 0 && (ce(t), a = "" + t), qe(r) && (ce(r.key), a = "" + r.key), Je(r) && (v = r.ref, Ke(r, o)); 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) 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) { if (e && e.defaultProps) {
var s = e.defaultProps; var s = e.defaultProps;
for (u in s) 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; 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; var q = S.ReactCurrentOwner, be = S.ReactDebugCurrentFrame;
function S(e) { function C(e) {
if (e) { if (e) {
var r = e._owner, t = Y(e.type, e._source, r ? r.type : null); var r = e._owner, t = V(e.type, e._source, r ? r.type : null);
ge.setExtraStackFrame(t); be.setExtraStackFrame(t);
} else } else
ge.setExtraStackFrame(null); be.setExtraStackFrame(null);
} }
var K; var K;
K = !1; K = !1;
function G(e) { function G(e) {
return typeof e == "object" && e !== null && e.$$typeof === C; return typeof e == "object" && e !== null && e.$$typeof === _;
} }
function ye() { function ye() {
{ {
@ -483,11 +483,11 @@ Check the render method of \`` + e + "`.";
return ""; return "";
} }
} }
function Ze(e) { function Qe(e) {
return ""; return "";
} }
var Ee = {}; var Ee = {};
function Qe(e) { function er(e) {
{ {
var r = ye(); var r = ye();
if (!r) { if (!r) {
@ -504,15 +504,15 @@ Check the top-level render call using <` + t + ">.");
if (!e._store || e._store.validated || e.key != null) if (!e._store || e._store.validated || e.key != null)
return; return;
e._store.validated = !0; e._store.validated = !0;
var t = Qe(r); var t = er(r);
if (Ee[t]) if (Ee[t])
return; return;
Ee[t] = !0; Ee[t] = !0;
var n = ""; 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") if (typeof e != "object")
return; return;
@ -524,14 +524,14 @@ Check the top-level render call using <` + t + ">.");
else if (G(e)) else if (G(e))
e._store && (e._store.validated = !0); e._store && (e._store.validated = !0);
else if (e) { else if (e) {
var o = Pe(e); var i = Pe(e);
if (typeof o == "function" && o !== e.entries) if (typeof i == "function" && i !== e.entries)
for (var u = o.call(e), i; !(i = u.next()).done; ) for (var u = i.call(e), o; !(o = u.next()).done; )
G(i.value) && _e(i.value, r); G(o.value) && _e(o.value, r);
} }
} }
} }
function er(e) { function rr(e) {
{ {
var r = e.type; var r = e.type;
if (r == null || typeof r == "string") if (r == null || typeof r == "string")
@ -541,86 +541,102 @@ Check the top-level render call using <` + t + ">.");
t = r.propTypes; t = r.propTypes;
else if (typeof r == "object" && (r.$$typeof === f || // Note: Memo only checks outer props here. else if (typeof r == "object" && (r.$$typeof === f || // Note: Memo only checks outer props here.
// Inner props are checked in the reconciler. // Inner props are checked in the reconciler.
r.$$typeof === y)) r.$$typeof === b))
t = r.propTypes; t = r.propTypes;
else else
return; return;
if (t) { if (t) {
var n = E(r); 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) { } else if (r.PropTypes !== void 0 && !K) {
K = !0; K = !0;
var o = E(r); var i = E(r);
c("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", o || "Unknown"); 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."); 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++) { for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
var n = r[t]; var n = r[t];
if (n !== "children" && n !== "key") { 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; 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 = {}; var Re = {};
function Re(e, r, t, n, o, u) { function me(e, r, t, n, i, u) {
{ {
var i = Fe(e); var o = Ae(e);
if (!i) { if (!o) {
var a = ""; 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."); (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(); var d = Qe();
v ? a += v : a += ye(); d ? a += d : a += ye();
var s; 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) if (l == null)
return l; return l;
if (i) { if (o) {
var g = r.children; var g = r.children;
if (g !== void 0) if (g !== void 0)
if (n) if (n)
if (J(g)) { if (J(g)) {
for (var P = 0; P < g.length; P++) for (var P = 0; P < g.length; P++)
be(g[P], e); he(g[P], e);
Object.freeze && Object.freeze(g); Object.freeze && Object.freeze(g);
} else } 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."); 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 else
be(g, e); he(g, e);
} }
if (k.call(r, "key")) { if (D.call(r, "key")) {
var R = E(e), d = Object.keys(r).filter(function(ur) { var T = E(e), v = Object.keys(r).filter(function(sr) {
return ur !== "key"; return sr !== "key";
}), z = d.length > 0 ? "{key: someKey, " + d.join(": ..., ") + ": ...}" : "{key: someKey}"; }), z = v.length > 0 ? "{key: someKey, " + v.join(": ..., ") + ": ...}" : "{key: someKey}";
if (!he[R + z]) { if (!Re[T + z]) {
var or = d.length > 0 ? "{" + d.join(": ..., ") + ": ...}" : "{}"; var ur = v.length > 0 ? "{" + v.join(": ..., ") + ": ...}" : "{}";
c(`A props object containing a "key" prop is being spread into JSX: c(`A props object containing a "key" prop is being spread into JSX:
let props = %s; let props = %s;
<%s {...props} /> <%s {...props} />
React keys must be passed directly to JSX without using spread: React keys must be passed directly to JSX without using spread:
let props = %s; 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) { function nr(e, r, t) {
return Re(e, r, t, !1); return me(e, r, t, !0);
} }
var ar = nr, ir = tr; function ar(e, r, t) {
D.Fragment = m, D.jsx = ar, D.jsxs = ir; return me(e, r, t, !1);
}()), D; }
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 }) { export function BaseButton({ onClick, children, style }) {
const defaultStyle = { const defaultStyle = {
padding: '10px 20px', 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()], plugins: [react()],
build: { build: {
lib: { lib: {
entry: resolve(__dirname, 'src/App.jsx'), entry: resolve(__dirname, 'src/index.js'),
name: 'OslogReactBaseComponent', name: 'OslogReactBaseComponent',
fileName: 'index', fileName: 'index',
formats: ['es'] formats: ['es']
@ -14,8 +14,7 @@ export default defineConfig({
rollupOptions: { rollupOptions: {
external: ['react', 'react-dom'], external: ['react', 'react-dom'],
output: { output: {
// Force explicit named exports matching your source code exports: 'named',
exports: 'named',
globals: { globals: {
react: 'React', react: 'React',
'react-dom': 'ReactDOM' 'react-dom': 'ReactDOM'