@starasia/box 1.0.1 → 1.0.3

package/dist/box.es.js

@@ -1,631 +1,6 @@
-import Va, { forwardRef as pn } from "react";
-var Ia = { exports: {} }, wa = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Ga;
-function cn() {
-  if (Ga) return wa;
-  Ga = 1;
-  var E = Va, c = Symbol.for("react.element"), h = Symbol.for("react.fragment"), T = Object.prototype.hasOwnProperty, Y = E.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, A = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function P(y, b, _) {
-    var u, m = {}, w = null, F = null;
-    _ !== void 0 && (w = "" + _), b.key !== void 0 && (w = "" + b.key), b.ref !== void 0 && (F = b.ref);
-    for (u in b) T.call(b, u) && !A.hasOwnProperty(u) && (m[u] = b[u]);
-    if (y && y.defaultProps) for (u in b = y.defaultProps, b) m[u] === void 0 && (m[u] = b[u]);
-    return { $$typeof: c, type: y, key: w, ref: F, props: m, _owner: Y.current };
-  }
-  return wa.Fragment = h, wa.jsx = P, wa.jsxs = P, wa;
-}
-var ka = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Ha;
-function un() {
-  return Ha || (Ha = 1, process.env.NODE_ENV !== "production" && function() {
-    var E = Va, c = Symbol.for("react.element"), h = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), Y = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), P = Symbol.for("react.provider"), y = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), G = Symbol.iterator, ta = "@@iterator";
-    function ea(a) {
-      if (a === null || typeof a != "object")
-        return null;
-      var n = G && a[G] || a[ta];
-      return typeof n == "function" ? n : null;
-    }
-    var C = E.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function l(a) {
-      {
-        for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), s = 1; s < n; s++)
-          r[s - 1] = arguments[s];
-        da("error", a, r);
-      }
-    }
-    function da(a, n, r) {
-      {
-        var s = C.ReactDebugCurrentFrame, e = s.getStackAddendum();
-        e !== "" && (n += "%s", r = r.concat([e]));
-        var d = r.map(function(t) {
-          return String(t);
-        });
-        d.unshift("Warning: " + n), Function.prototype.apply.call(console[a], console, d);
-      }
-    }
-    var ga = !1, S = !1, ba = !1, la = !1, pa = !1, H;
-    H = Symbol.for("react.module.reference");
-    function ca(a) {
-      return !!(typeof a == "string" || typeof a == "function" || a === T || a === A || pa || a === Y || a === _ || a === u || la || a === F || ga || S || ba || typeof a == "object" && a !== null && (a.$$typeof === w || a.$$typeof === m || a.$$typeof === P || a.$$typeof === y || a.$$typeof === b || // 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.
-      a.$$typeof === H || a.getModuleId !== void 0));
-    }
-    function ua(a, n, r) {
-      var s = a.displayName;
-      if (s)
-        return s;
-      var e = n.displayName || n.name || "";
-      return e !== "" ? r + "(" + e + ")" : r;
-    }
-    function U(a) {
-      return a.displayName || "Context";
-    }
-    function f(a) {
-      if (a == null)
-        return null;
-      if (typeof a.tag == "number" && l("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof a == "function")
-        return a.displayName || a.name || null;
-      if (typeof a == "string")
-        return a;
-      switch (a) {
-        case T:
-          return "Fragment";
-        case h:
-          return "Portal";
-        case A:
-          return "Profiler";
-        case Y:
-          return "StrictMode";
-        case _:
-          return "Suspense";
-        case u:
-          return "SuspenseList";
-      }
-      if (typeof a == "object")
-        switch (a.$$typeof) {
-          case y:
-            var n = a;
-            return U(n) + ".Consumer";
-          case P:
-            var r = a;
-            return U(r._context) + ".Provider";
-          case b:
-            return ua(a, a.render, "ForwardRef");
-          case m:
-            var s = a.displayName || null;
-            return s !== null ? s : f(a.type) || "Memo";
-          case w: {
-            var e = a, d = e._payload, t = e._init;
-            try {
-              return f(t(d));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var j = Object.assign, D = 0, V, K, J, q, z, Z, Q;
-    function aa() {
-    }
-    aa.__reactDisabledLog = !0;
-    function xa() {
-      {
-        if (D === 0) {
-          V = console.log, K = console.info, J = console.warn, q = console.error, z = console.group, Z = console.groupCollapsed, Q = console.groupEnd;
-          var a = {
-            configurable: !0,
-            enumerable: !0,
-            value: aa,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: a,
-            log: a,
-            warn: a,
-            error: a,
-            group: a,
-            groupCollapsed: a,
-            groupEnd: a
-          });
-        }
-        D++;
-      }
-    }
-    function $() {
-      {
-        if (D--, D === 0) {
-          var a = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: j({}, a, {
-              value: V
-            }),
-            info: j({}, a, {
-              value: K
-            }),
-            warn: j({}, a, {
-              value: J
-            }),
-            error: j({}, a, {
-              value: q
-            }),
-            group: j({}, a, {
-              value: z
-            }),
-            groupCollapsed: j({}, a, {
-              value: Z
-            }),
-            groupEnd: j({}, a, {
-              value: Q
-            })
-          });
-        }
-        D < 0 && l("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var k = C.ReactCurrentDispatcher, N;
-    function X(a, n, r) {
-      {
-        if (N === void 0)
-          try {
-            throw Error();
-          } catch (e) {
-            var s = e.stack.trim().match(/\n( *(at )?)/);
-            N = s && s[1] || "";
-          }
-        return `
-` + N + a;
-      }
-    }
-    var W = !1, L;
-    {
-      var i = typeof WeakMap == "function" ? WeakMap : Map;
-      L = new i();
-    }
-    function B(a, n) {
-      if (!a || W)
-        return "";
-      {
-        var r = L.get(a);
-        if (r !== void 0)
-          return r;
-      }
-      var s;
-      W = !0;
-      var e = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var d;
-      d = k.current, k.current = null, xa();
-      try {
-        if (n) {
-          var t = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(t.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(t, []);
-            } catch (v) {
-              s = v;
-            }
-            Reflect.construct(a, [], t);
-          } else {
-            try {
-              t.call();
-            } catch (v) {
-              s = v;
-            }
-            a.call(t.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (v) {
-            s = v;
-          }
-          a();
-        }
-      } catch (v) {
-        if (v && s && typeof v.stack == "string") {
-          for (var o = v.stack.split(`
-`), x = s.stack.split(`
-`), g = o.length - 1, p = x.length - 1; g >= 1 && p >= 0 && o[g] !== x[p]; )
-            p--;
-          for (; g >= 1 && p >= 0; g--, p--)
-            if (o[g] !== x[p]) {
-              if (g !== 1 || p !== 1)
-                do
-                  if (g--, p--, p < 0 || o[g] !== x[p]) {
-                    var O = `
-` + o[g].replace(" at new ", " at ");
-                    return a.displayName && O.includes("<anonymous>") && (O = O.replace("<anonymous>", a.displayName)), typeof a == "function" && L.set(a, O), O;
-                  }
-                while (g >= 1 && p >= 0);
-              break;
-            }
-        }
-      } finally {
-        W = !1, k.current = d, $(), Error.prepareStackTrace = e;
-      }
-      var fa = a ? a.displayName || a.name : "", sa = fa ? X(fa) : "";
-      return typeof a == "function" && L.set(a, sa), sa;
-    }
-    function na(a, n, r) {
-      return B(a, !1);
-    }
-    function ra(a) {
-      var n = a.prototype;
-      return !!(n && n.isReactComponent);
-    }
-    function ha(a, n, r) {
-      if (a == null)
-        return "";
-      if (typeof a == "function")
-        return B(a, ra(a));
-      if (typeof a == "string")
-        return X(a);
-      switch (a) {
-        case _:
-          return X("Suspense");
-        case u:
-          return X("SuspenseList");
-      }
-      if (typeof a == "object")
-        switch (a.$$typeof) {
-          case b:
-            return na(a.render);
-          case m:
-            return ha(a.type, n, r);
-          case w: {
-            var s = a, e = s._payload, d = s._init;
-            try {
-              return ha(d(e), n, r);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var ia = Object.prototype.hasOwnProperty, Ra = {}, Oa = C.ReactDebugCurrentFrame;
-    function ma(a) {
-      if (a) {
-        var n = a._owner, r = ha(a.type, a._source, n ? n.type : null);
-        Oa.setExtraStackFrame(r);
-      } else
-        Oa.setExtraStackFrame(null);
-    }
-    function Ta(a, n, r, s, e) {
-      {
-        var d = Function.call.bind(ia);
-        for (var t in a)
-          if (d(a, t)) {
-            var o = void 0;
-            try {
-              if (typeof a[t] != "function") {
-                var x = Error((s || "React class") + ": " + r + " type `" + t + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[t] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw x.name = "Invariant Violation", x;
-              }
-              o = a[t](n, t, s, r, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (g) {
-              o = g;
-            }
-            o && !(o instanceof Error) && (ma(e), l("%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).", s || "React class", r, t, typeof o), ma(null)), o instanceof Error && !(o.message in Ra) && (Ra[o.message] = !0, ma(e), l("Failed %s type: %s", r, o.message), ma(null));
-          }
-      }
-    }
-    var _a = Array.isArray;
-    function ya(a) {
-      return _a(a);
-    }
-    function Ca(a) {
-      {
-        var n = typeof Symbol == "function" && Symbol.toStringTag, r = n && a[Symbol.toStringTag] || a.constructor.name || "Object";
-        return r;
-      }
-    }
-    function Sa(a) {
-      try {
-        return Ea(a), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function Ea(a) {
-      return "" + a;
-    }
-    function R(a) {
-      if (Sa(a))
-        return l("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ca(a)), Ea(a);
-    }
-    var I = C.ReactCurrentOwner, M = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, Ya, Aa;
-    function Ka(a) {
-      if (ia.call(a, "ref")) {
-        var n = Object.getOwnPropertyDescriptor(a, "ref").get;
-        if (n && n.isReactWarning)
-          return !1;
-      }
-      return a.ref !== void 0;
-    }
-    function Ja(a) {
-      if (ia.call(a, "key")) {
-        var n = Object.getOwnPropertyDescriptor(a, "key").get;
-        if (n && n.isReactWarning)
-          return !1;
-      }
-      return a.key !== void 0;
-    }
-    function qa(a, n) {
-      typeof a.ref == "string" && I.current;
-    }
-    function za(a, n) {
-      {
-        var r = function() {
-          Ya || (Ya = !0, l("%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)", n));
-        };
-        r.isReactWarning = !0, Object.defineProperty(a, "key", {
-          get: r,
-          configurable: !0
-        });
-      }
-    }
-    function Za(a, n) {
-      {
-        var r = function() {
-          Aa || (Aa = !0, l("%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)", n));
-        };
-        r.isReactWarning = !0, Object.defineProperty(a, "ref", {
-          get: r,
-          configurable: !0
-        });
-      }
-    }
-    var Qa = function(a, n, r, s, e, d, t) {
-      var o = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: c,
-        // Built-in properties that belong on the element
-        type: a,
-        key: n,
-        ref: r,
-        props: t,
-        // Record the component responsible for creating this element.
-        _owner: d
-      };
-      return o._store = {}, Object.defineProperty(o._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(o, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: s
-      }), Object.defineProperty(o, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: e
-      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
-    };
-    function an(a, n, r, s, e) {
-      {
-        var d, t = {}, o = null, x = null;
-        r !== void 0 && (R(r), o = "" + r), Ja(n) && (R(n.key), o = "" + n.key), Ka(n) && (x = n.ref, qa(n, e));
-        for (d in n)
-          ia.call(n, d) && !M.hasOwnProperty(d) && (t[d] = n[d]);
-        if (a && a.defaultProps) {
-          var g = a.defaultProps;
-          for (d in g)
-            t[d] === void 0 && (t[d] = g[d]);
-        }
-        if (o || x) {
-          var p = typeof a == "function" ? a.displayName || a.name || "Unknown" : a;
-          o && za(t, p), x && Za(t, p);
-        }
-        return Qa(a, o, x, e, s, I.current, t);
-      }
-    }
-    var ja = C.ReactCurrentOwner, Fa = C.ReactDebugCurrentFrame;
-    function va(a) {
-      if (a) {
-        var n = a._owner, r = ha(a.type, a._source, n ? n.type : null);
-        Fa.setExtraStackFrame(r);
-      } else
-        Fa.setExtraStackFrame(null);
-    }
-    var Pa;
-    Pa = !1;
-    function Da(a) {
-      return typeof a == "object" && a !== null && a.$$typeof === c;
-    }
-    function Xa() {
-      {
-        if (ja.current) {
-          var a = f(ja.current.type);
-          if (a)
-            return `
-
-Check the render method of \`` + a + "`.";
-        }
-        return "";
-      }
-    }
-    function nn(a) {
-      return "";
-    }
-    var La = {};
-    function rn(a) {
-      {
-        var n = Xa();
-        if (!n) {
-          var r = typeof a == "string" ? a : a.displayName || a.name;
-          r && (n = `
-
-Check the top-level render call using <` + r + ">.");
-        }
-        return n;
-      }
-    }
-    function Ma(a, n) {
-      {
-        if (!a._store || a._store.validated || a.key != null)
-          return;
-        a._store.validated = !0;
-        var r = rn(n);
-        if (La[r])
-          return;
-        La[r] = !0;
-        var s = "";
-        a && a._owner && a._owner !== ja.current && (s = " It was passed a child from " + f(a._owner.type) + "."), va(a), l('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', r, s), va(null);
-      }
-    }
-    function Na(a, n) {
-      {
-        if (typeof a != "object")
-          return;
-        if (ya(a))
-          for (var r = 0; r < a.length; r++) {
-            var s = a[r];
-            Da(s) && Ma(s, n);
-          }
-        else if (Da(a))
-          a._store && (a._store.validated = !0);
-        else if (a) {
-          var e = ea(a);
-          if (typeof e == "function" && e !== a.entries)
-            for (var d = e.call(a), t; !(t = d.next()).done; )
-              Da(t.value) && Ma(t.value, n);
-        }
-      }
-    }
-    function sn(a) {
-      {
-        var n = a.type;
-        if (n == null || typeof n == "string")
-          return;
-        var r;
-        if (typeof n == "function")
-          r = n.propTypes;
-        else if (typeof n == "object" && (n.$$typeof === b || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        n.$$typeof === m))
-          r = n.propTypes;
-        else
-          return;
-        if (r) {
-          var s = f(n);
-          Ta(r, a.props, "prop", s, a);
-        } else if (n.PropTypes !== void 0 && !Pa) {
-          Pa = !0;
-          var e = f(n);
-          l("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", e || "Unknown");
-        }
-        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && l("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
-    }
-    function on(a) {
-      {
-        for (var n = Object.keys(a.props), r = 0; r < n.length; r++) {
-          var s = n[r];
-          if (s !== "children" && s !== "key") {
-            va(a), l("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", s), va(null);
-            break;
-          }
-        }
-        a.ref !== null && (va(a), l("Invalid attribute `ref` supplied to `React.Fragment`."), va(null));
-      }
-    }
-    var Wa = {};
-    function Ba(a, n, r, s, e, d) {
-      {
-        var t = ca(a);
-        if (!t) {
-          var o = "";
-          (a === void 0 || typeof a == "object" && a !== null && Object.keys(a).length === 0) && (o += " 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 x = nn();
-          x ? o += x : o += Xa();
-          var g;
-          a === null ? g = "null" : ya(a) ? g = "array" : a !== void 0 && a.$$typeof === c ? (g = "<" + (f(a.type) || "Unknown") + " />", o = " Did you accidentally export a JSX literal instead of a component?") : g = typeof a, l("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", g, o);
-        }
-        var p = an(a, n, r, e, d);
-        if (p == null)
-          return p;
-        if (t) {
-          var O = n.children;
-          if (O !== void 0)
-            if (s)
-              if (ya(O)) {
-                for (var fa = 0; fa < O.length; fa++)
-                  Na(O[fa], a);
-                Object.freeze && Object.freeze(O);
-              } else
-                l("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
-              Na(O, a);
-        }
-        if (ia.call(n, "key")) {
-          var sa = f(a), v = Object.keys(n).filter(function(ln) {
-            return ln !== "key";
-          }), $a = v.length > 0 ? "{key: someKey, " + v.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Wa[sa + $a]) {
-            var bn = v.length > 0 ? "{" + v.join(": ..., ") + ": ...}" : "{}";
-            l(`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} />`, $a, sa, bn, sa), Wa[sa + $a] = !0;
-          }
-        }
-        return a === T ? on(p) : sn(p), p;
-      }
-    }
-    function tn(a, n, r) {
-      return Ba(a, n, r, !0);
-    }
-    function en(a, n, r) {
-      return Ba(a, n, r, !1);
-    }
-    var dn = en, gn = tn;
-    ka.Fragment = T, ka.jsx = dn, ka.jsxs = gn;
-  }()), ka;
-}
-process.env.NODE_ENV === "production" ? Ia.exports = cn() : Ia.exports = un();
-var oa = Ia.exports;
-const xn = `:root {
+import { jsx as b } from "react/jsx-runtime";
+import { forwardRef as ca } from "react";
+const xa = `:root {
   /* gray */
   --starasia-ui-color-gray-50: #fffeff;
   --starasia-ui-color-gray-100: #eff3f8;
@@ -742,9 +117,9 @@ const xn = `:root {
   --starasia-ui-color-pink-900: #6b094e;
 
   /* primary */
-  --starasia-ui-brand-primary-default: var(--starasia-ui-color-blue-700);
-  --starasia-ui-brand-primary-secondary: var(--starasia-ui-color-blue-300);
-  --starasia-ui-brand-primary-tertiary: var(--starasia-ui-color-blue-50);
+  --starasia-ui-brand-primary-default: rgba(74, 106, 148, 1);
+  --starasia-ui-brand-primary-secondary: rgba(144, 176, 218, 1);
+  --starasia-ui-brand-primary-tertiary: rgba(227, 237, 248, 1);
 
   /* dark */
   --starasia-ui-utility-dark-default: var(--starasia-ui-color-gray-600);
@@ -6152,159 +5527,159 @@ const xn = `:root {
     display: none;
   }
 }
-`, Ua = "starasia-box-styles", hn = (E) => {
-  if (!document.getElementById(Ua)) {
-    const c = document.createElement("style");
-    c.id = Ua, c.textContent = E, document.head.appendChild(c);
+`, na = "starasia-box-styles", ua = (d) => {
+  if (!document.getElementById(na)) {
+    const n = document.createElement("style");
+    n.id = na, n.textContent = d, document.head.appendChild(n);
   }
 };
-hn(xn);
-const yn = pn((E, c) => {
+ua(xa);
+const wa = ca((d, n) => {
   const {
-    children: h,
-    fullWidth: T,
-    fullHeight: Y,
-    display: A = "flex",
-    direction: P = "column",
-    justify: y,
-    align: b,
-    gap: _,
-    margin: u,
-    marginTop: m,
-    marginRight: w,
-    marginBottom: F,
-    marginLeft: G,
-    padding: ta,
-    paddingTop: ea,
+    children: r,
+    fullWidth: x,
+    fullHeight: u,
+    display: h = "flex",
+    direction: m = "column",
+    justify: v,
+    align: f,
+    gap: w,
+    margin: y,
+    marginTop: k,
+    marginRight: O,
+    marginBottom: R,
+    marginLeft: T,
+    padding: X,
+    paddingTop: $,
     paddingRight: C,
-    paddingBottom: l,
-    paddingLeft: da,
-    bg: ga,
-    variant: S,
-    show: ba,
-    hide: la,
-    flex: pa,
-    minWidth: H,
-    shadow: ca,
-    flexWrap: ua,
-    width: U,
-    height: f,
-    wrap: j,
-    borderRadius: D = "rounded-none",
-    borderWidth: V,
-    borderColor: K,
-    borderStyle: J,
-    position: q,
-    top: z,
-    left: Z,
-    right: Q,
-    bottom: aa,
-    Translate: xa,
-    overflow: $,
-    rowGap: k,
-    borderTopLeftRadius: N,
-    borderTopRightRadius: X,
-    borderBottomRightRadius: W,
-    borderBottomLeftRadius: L,
-    cursor: i,
-    paddingBlock: B,
-    paddingInline: na,
-    marginInline: ra,
-    marginBlock: ha,
+    paddingBottom: Y,
+    paddingLeft: I,
+    bg: D,
+    variant: i,
+    show: S,
+    hide: A,
+    flex: E,
+    minWidth: M,
+    shadow: N,
+    flexWrap: L,
+    width: B,
+    height: G,
+    wrap: aa,
+    borderRadius: H = "rounded-none",
+    borderWidth: F,
+    borderColor: j,
+    borderStyle: P,
+    position: W,
+    top: U,
+    left: K,
+    right: J,
+    bottom: z,
+    Translate: V,
+    overflow: o,
+    rowGap: t,
+    borderTopLeftRadius: q,
+    borderTopRightRadius: Q,
+    borderBottomRightRadius: Z,
+    borderBottomLeftRadius: _,
+    cursor: a,
+    paddingBlock: l,
+    paddingInline: p,
+    marginInline: c,
+    marginBlock: ra,
     customBorder: ia,
-    customHeight: Ra,
-    customWidth: Oa,
-    customMaxHeight: ma,
-    customMinHeight: Ta,
-    customMaxWidth: _a,
-    customMinWidth: ya,
-    customMargin: Ca,
-    customPadding: Sa,
-    customBackgroundColor: Ea,
-    ...R
-  } = E, I = `${mn(
-    T,
-    Y,
-    A,
-    P,
-    y,
-    b,
-    _,
-    k,
-    ga,
-    pa,
-    H,
+    customHeight: sa,
+    customWidth: oa,
+    customMaxHeight: ta,
+    customMinHeight: da,
+    customMaxWidth: ea,
+    customMinWidth: ga,
+    customMargin: ba,
+    customPadding: la,
+    customBackgroundColor: pa,
+    ...s
+  } = d, e = `${ha(
+    x,
     u,
+    h,
     m,
-    w,
-    F,
-    G,
-    ta,
-    ea,
-    C,
-    l,
-    da,
-    ca,
-    ua,
-    U,
+    v,
     f,
+    w,
+    t,
     D,
-    N,
+    E,
+    M,
+    y,
+    k,
+    O,
+    R,
+    T,
     X,
-    W,
+    $,
+    C,
+    Y,
+    I,
+    N,
     L,
-    V,
+    B,
+    G,
+    H,
+    q,
+    Q,
+    Z,
+    _,
+    F,
+    j,
+    P,
+    W,
+    U,
     K,
     J,
-    q,
     z,
-    Z,
-    Q,
-    aa,
-    xa,
-    $,
-    i,
-    ba,
-    la,
-    B,
-    na,
-    ra,
-    ha
-  )} ${R.className}`, M = {
+    V,
+    o,
+    a,
+    S,
+    A,
+    l,
+    p,
+    c,
+    ra
+  )} ${s.className}`, g = {
     border: ia,
-    height: Ra,
-    width: Oa,
-    maxHeight: ma,
-    minHeight: Ta,
-    maxWidth: _a,
-    minWidth: ya,
-    margin: Ca,
-    padding: Sa,
-    background: Ea,
-    ...R.style
+    height: sa,
+    width: oa,
+    maxHeight: ta,
+    minHeight: da,
+    maxWidth: ea,
+    minWidth: ga,
+    margin: ba,
+    padding: la,
+    background: pa,
+    ...s.style
   };
-  return S === "article" ? /* @__PURE__ */ oa.jsx("article", { ref: c, ...R, className: I, style: M, children: h }) : S === "aside" ? /* @__PURE__ */ oa.jsx("aside", { ref: c, ...R, className: I, style: M, children: h }) : S === "header" ? /* @__PURE__ */ oa.jsx("header", { ref: c, ...R, className: I, style: M, children: h }) : S === "main" ? /* @__PURE__ */ oa.jsx("main", { ref: c, ...R, className: I, style: M, children: h }) : S === "nav" ? /* @__PURE__ */ oa.jsx("nav", { ref: c, ...R, className: I, style: M, children: h }) : S === "section" ? /* @__PURE__ */ oa.jsx("section", { ref: c, ...R, className: I, style: M, children: h }) : /* @__PURE__ */ oa.jsx("div", { ref: c, ...R, className: I, style: M, children: h });
-}), mn = (E, c, h, T, Y, A, P, y, b, _, u, m, w, F, G, ta, ea, C, l, da, ga, S, ba, la, pa, H, ca, ua, U, f, j, D, V, K, J, q, z, Z, Q, aa, xa, $, k, N, X, W, L) => {
-  const i = [];
-  if (E && i.push("starasia-box-fullWidth"), c && i.push("starasia-box-fullHeight"), h && i.push(`starasia-box-${h}`), T && i.push(`starasia-box-${T}`), Y && i.push(`starasia-box-justify-${Y}`), A && i.push(`starasia-box-${A}`), P && i.push(`starasia-box-gap-${P}`), y && i.push(`starasia-box-row-gap-${y}`), b && i.push(`starasia-box-bg-color-${b}`), _ && i.push(`starasia-box-flex-${_}`), u && i.push(`starasia-box-min-width${u}`), m && i.push(`starasia-box-margin-${m}`), w && i.push(`starasia-box-margin-top-${w}`), F && i.push(`starasia-box-margin-right-${F}`), G && i.push(`starasia-box-margin-bottom-${G}`), ta && i.push(`starasia-box-margin-left-${ta}`), W && i.push(`starasia-box-margin-inline-${W}`), L && i.push(`starasia-box-margin-block-${L}`), ea && i.push(`starasia-box-padding-${ea}`), C && i.push(`starasia-box-padding-top-${C}`), l && i.push(`starasia-box-padding-right-${l}`), da && i.push(`starasia-box-padding-bottom-${da}`), ga && i.push(`starasia-box-padding-left-${ga}`), N && i.push(`starasia-box-padding-block-${N}`), X && i.push(`starasia-box-padding-inline-${X}`), S && i.push(`starasia-box-${S}`), ba && i.push(`starasia-box-flex-${ba}`), la && i.push(`starasia-box-${la}`), pa && i.push(`starasia-box-${pa}`), H && i.push(`starasia-box-${H}`), ca && i.push(`starasia-box-top-left-${ca}`), ua && i.push(`starasia-box-top-right-${ua}`), U && i.push(`starasia-box-bottom-right-${U}`), f && i.push(`starasia-box-bottom-left-${f}`), j && i.push(`starasia-box-${j}`), D && i.push(`starasia-box-border-color-${D}`), V && i.push(`starasia-box-${V}`), K && i.push(`starasia-box-position-${K}`), J && i.push(`starasia-box-position-${J}`), q && i.push(`starasia-box-position-${q}`), z && i.push(`starasia-box-position-${z}`), Z && i.push(`starasia-box-position-${Z}`), Q && i.push(`starasia-box-${Q}`), aa && i.push(`starasia-box-${aa}`), xa && i.push(`starasia-box-cursor-${xa}`), typeof $ == "string")
-    $ === "mobile" ? (i.push("hideOnTablet"), i.push("hideOnDesktop")) : $ === "tablet" ? (i.push("hideOnMobile"), i.push("hideOnDesktop")) : $ === "desktop" && (i.push("hideOnMobile"), i.push("hideOnTablet"));
-  else if (typeof k == "string")
-    k === "mobile" ? i.push("hideOnMobile") : k === "tablet" ? i.push("hideOnTablet") : k === "desktop" && i.push("hideOnDesktop");
-  else if (typeof $ == "object") {
-    const { mobile: B = !0, tablet: na = !0, desktop: ra = !0 } = $;
-    B || i.push("hideOnMobile"), na || i.push("hideOnTablet"), ra || i.push("hideOnDesktop");
-  } else if (typeof k == "object") {
-    const { mobile: B = !0, tablet: na = !0, desktop: ra = !0 } = k;
-    B || i.push("hideOnMobile"), na || i.push("hideOnTablet"), ra || i.push("hideOnDesktop");
+  return i === "article" ? /* @__PURE__ */ b("article", { ref: n, ...s, className: e, style: g, children: r }) : i === "aside" ? /* @__PURE__ */ b("aside", { ref: n, ...s, className: e, style: g, children: r }) : i === "header" ? /* @__PURE__ */ b("header", { ref: n, ...s, className: e, style: g, children: r }) : i === "main" ? /* @__PURE__ */ b("main", { ref: n, ...s, className: e, style: g, children: r }) : i === "nav" ? /* @__PURE__ */ b("nav", { ref: n, ...s, className: e, style: g, children: r }) : i === "section" ? /* @__PURE__ */ b("section", { ref: n, ...s, className: e, style: g, children: r }) : /* @__PURE__ */ b("div", { ref: n, ...s, className: e, style: g, children: r });
+}), ha = (d, n, r, x, u, h, m, v, f, w, y, k, O, R, T, X, $, C, Y, I, D, i, S, A, E, M, N, L, B, G, aa, H, F, j, P, W, U, K, J, z, V, o, t, q, Q, Z, _) => {
+  const a = [];
+  if (d && a.push("starasia-box-fullWidth"), n && a.push("starasia-box-fullHeight"), r && a.push(`starasia-box-${r}`), x && a.push(`starasia-box-${x}`), u && a.push(`starasia-box-justify-${u}`), h && a.push(`starasia-box-${h}`), m && a.push(`starasia-box-gap-${m}`), v && a.push(`starasia-box-row-gap-${v}`), f && a.push(`starasia-box-bg-color-${f}`), w && a.push(`starasia-box-flex-${w}`), y && a.push(`starasia-box-min-width${y}`), k && a.push(`starasia-box-margin-${k}`), O && a.push(`starasia-box-margin-top-${O}`), R && a.push(`starasia-box-margin-right-${R}`), T && a.push(`starasia-box-margin-bottom-${T}`), X && a.push(`starasia-box-margin-left-${X}`), Z && a.push(`starasia-box-margin-inline-${Z}`), _ && a.push(`starasia-box-margin-block-${_}`), $ && a.push(`starasia-box-padding-${$}`), C && a.push(`starasia-box-padding-top-${C}`), Y && a.push(`starasia-box-padding-right-${Y}`), I && a.push(`starasia-box-padding-bottom-${I}`), D && a.push(`starasia-box-padding-left-${D}`), q && a.push(`starasia-box-padding-block-${q}`), Q && a.push(`starasia-box-padding-inline-${Q}`), i && a.push(`starasia-box-${i}`), S && a.push(`starasia-box-flex-${S}`), A && a.push(`starasia-box-${A}`), E && a.push(`starasia-box-${E}`), M && a.push(`starasia-box-${M}`), N && a.push(`starasia-box-top-left-${N}`), L && a.push(`starasia-box-top-right-${L}`), B && a.push(`starasia-box-bottom-right-${B}`), G && a.push(`starasia-box-bottom-left-${G}`), aa && a.push(`starasia-box-${aa}`), H && a.push(`starasia-box-border-color-${H}`), F && a.push(`starasia-box-${F}`), j && a.push(`starasia-box-position-${j}`), P && a.push(`starasia-box-position-${P}`), W && a.push(`starasia-box-position-${W}`), U && a.push(`starasia-box-position-${U}`), K && a.push(`starasia-box-position-${K}`), J && a.push(`starasia-box-${J}`), z && a.push(`starasia-box-${z}`), V && a.push(`starasia-box-cursor-${V}`), typeof o == "string")
+    o === "mobile" ? (a.push("hideOnTablet"), a.push("hideOnDesktop")) : o === "tablet" ? (a.push("hideOnMobile"), a.push("hideOnDesktop")) : o === "desktop" && (a.push("hideOnMobile"), a.push("hideOnTablet"));
+  else if (typeof t == "string")
+    t === "mobile" ? a.push("hideOnMobile") : t === "tablet" ? a.push("hideOnTablet") : t === "desktop" && a.push("hideOnDesktop");
+  else if (typeof o == "object") {
+    const { mobile: l = !0, tablet: p = !0, desktop: c = !0 } = o;
+    l || a.push("hideOnMobile"), p || a.push("hideOnTablet"), c || a.push("hideOnDesktop");
+  } else if (typeof t == "object") {
+    const { mobile: l = !0, tablet: p = !0, desktop: c = !0 } = t;
+    l || a.push("hideOnMobile"), p || a.push("hideOnTablet"), c || a.push("hideOnDesktop");
   }
-  return i.push(""), i.join(" ");
-}, wn = [
+  return a.push(""), a.join(" ");
+}, ya = [
   "flex",
   "block",
   "inline-block",
   "inline-flex",
   "none"
-], kn = [
+], ka = [
   "row",
   "column",
   "sm-row",
@@ -6315,20 +5690,20 @@ const yn = pn((E, c) => {
   "lg-column",
   "xl-row",
   "xl-column"
-], Rn = [
+], Oa = [
   "flex-start",
   "flex-end",
   "center",
   "space-between",
   "space-around",
   "space-evenly"
-], On = [
+], Ra = [
   "flex-start",
   "flex-end",
   "center",
   "baseline",
   "stretch"
-], En = [
+], Ta = [
   "auto",
   "xs",
   "sm",
@@ -6363,7 +5738,7 @@ const yn = pn((E, c) => {
   "spacing-192",
   "spacing-224",
   "spacing-256"
-], Tn = [
+], Xa = [
   "xs",
   "sm",
   "md",
@@ -6397,7 +5772,7 @@ const yn = pn((E, c) => {
   "spacing-192",
   "spacing-224",
   "spacing-256"
-], vn = [
+], ma = [
   {
     name: "brand",
     colors: ["primary", "secondary", "tertiary", "border-base"]
@@ -6560,9 +5935,9 @@ const yn = pn((E, c) => {
       "aloha-900"
     ]
   }
-], _n = vn.map(
-  (E) => E.colors
-).flat(), Cn = [
+], $a = ma.map(
+  (d) => d.colors
+).flat(), Ca = [
   "1",
   "2",
   "3",
@@ -6608,7 +5983,7 @@ const yn = pn((E, c) => {
   "43",
   "44",
   "45"
-], Sn = [
+], Ya = [
   "width-0",
   "width-1",
   "width-2",
@@ -6661,7 +6036,7 @@ const yn = pn((E, c) => {
   "width-min",
   "width-max",
   "width-fit "
-], jn = [
+], Ia = [
   "shadow-sm",
   "shadow-md",
   "shadow-lg",
@@ -6669,13 +6044,13 @@ const yn = pn((E, c) => {
   "shadow-2xl",
   "shadow-inner",
   "shadow"
-], Pn = [
+], Da = [
   "nowrap",
   "wrap",
   "wrap-reverse",
   "initial",
   "inherit"
-], Dn = [
+], Sa = [
   "height-0",
   "height-1",
   "height-2",
@@ -6728,7 +6103,7 @@ const yn = pn((E, c) => {
   "height-min",
   "height-max",
   "height-fit"
-], $n = [
+], Aa = [
   "rounded-none",
   "rounded-xs",
   "rounded-sm",
@@ -6737,7 +6112,7 @@ const yn = pn((E, c) => {
   "rounded-xl",
   "rounded-2xl",
   "rounded-full"
-], In = [
+], Ea = [
   "border-0",
   "border-2",
   "border-4",
@@ -6815,7 +6190,7 @@ const yn = pn((E, c) => {
   "border-ltr-4",
   "border-ltr-8",
   "border-ltr"
-], Yn = [
+], Ma = [
   "border-solid",
   "border-dashed",
   "border-dotted",
@@ -6908,7 +6283,7 @@ const yn = pn((E, c) => {
   "border-double-ltr",
   "border-hidden-ltr",
   "border-none-ltr"
-], An = [
+], Na = [
   "static",
   "absolute",
   "fixed",
@@ -6916,7 +6291,7 @@ const yn = pn((E, c) => {
   "sticky",
   "initial",
   "inherit"
-], Fn = [
+], La = [
   "translate-x-0",
   "translate-y-0",
   "translate-x-1",
@@ -6991,26 +6366,26 @@ const yn = pn((E, c) => {
   "translate-y-2-4",
   "translate-y-3-4",
   "translate-y-full"
-], Xn = ["pointer"];
+], Ba = ["pointer"];
 export {
-  $n as BorderRadiusConst,
-  Yn as BorderStyleConst,
-  In as BorderWidthConst,
-  yn as Box,
-  _n as ColorConst,
-  vn as ColorSchemeGenerator,
-  Xn as CursorVariantConst,
-  kn as DirectionConst,
-  On as DisplayAlignConst,
-  wn as DisplayConst,
-  Pn as FlexWrapConst,
-  Cn as FluidConst,
-  Dn as HeightConst,
-  Rn as JustifyConst,
-  Tn as PaddingConst,
-  An as PositionConst,
-  jn as ShadowConst,
-  En as SpacingConst,
-  Fn as TranslateConts,
-  Sn as WidthConst
+  Aa as BorderRadiusConst,
+  Ma as BorderStyleConst,
+  Ea as BorderWidthConst,
+  wa as Box,
+  $a as ColorConst,
+  ma as ColorSchemeGenerator,
+  Ba as CursorVariantConst,
+  ka as DirectionConst,
+  Ra as DisplayAlignConst,
+  ya as DisplayConst,
+  Da as FlexWrapConst,
+  Ca as FluidConst,
+  Sa as HeightConst,
+  Oa as JustifyConst,
+  Xa as PaddingConst,
+  Na as PositionConst,
+  Ia as ShadowConst,
+  Ta as SpacingConst,
+  La as TranslateConts,
+  Ya as WidthConst
 };

package/dist/box.umd.js

@@ -1,33 +1,4 @@
-(function(g,H){typeof exports=="object"&&typeof module<"u"?H(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],H):(g=typeof globalThis<"u"?globalThis:g||self,H(g.Box={},g.React))})(this,function(g,H){"use strict";var _a={exports:{}},ka={};/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var Fa;function qa(){if(Fa)return ka;Fa=1;var T=H,u=Symbol.for("react.element"),m=Symbol.for("react.fragment"),C=Object.prototype.hasOwnProperty,Y=T.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,F={key:!0,ref:!0,__self:!0,__source:!0};function D(w,l,_){var x,v={},k=null,X=null;_!==void 0&&(k=""+_),l.key!==void 0&&(k=""+l.key),l.ref!==void 0&&(X=l.ref);for(x in l)C.call(l,x)&&!F.hasOwnProperty(x)&&(v[x]=l[x]);if(w&&w.defaultProps)for(x in l=w.defaultProps,l)v[x]===void 0&&(v[x]=l[x]);return{$$typeof:u,type:w,key:k,ref:X,props:v,_owner:Y.current}}return ka.Fragment=m,ka.jsx=D,ka.jsxs=D,ka}var Ra={};/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var Xa;function za(){return Xa||(Xa=1,process.env.NODE_ENV!=="production"&&function(){var T=H,u=Symbol.for("react.element"),m=Symbol.for("react.portal"),C=Symbol.for("react.fragment"),Y=Symbol.for("react.strict_mode"),F=Symbol.for("react.profiler"),D=Symbol.for("react.provider"),w=Symbol.for("react.context"),l=Symbol.for("react.forward_ref"),_=Symbol.for("react.suspense"),x=Symbol.for("react.suspense_list"),v=Symbol.for("react.memo"),k=Symbol.for("react.lazy"),X=Symbol.for("react.offscreen"),V=Symbol.iterator,da="@@iterator";function ga(a){if(a===null||typeof a!="object")return null;var n=V&&a[V]||a[da];return typeof n=="function"?n:null}var S=T.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function p(a){{for(var n=arguments.length,r=new Array(n>1?n-1:0),s=1;s<n;s++)r[s-1]=arguments[s];ba("error",a,r)}}function ba(a,n,r){{var s=S.ReactDebugCurrentFrame,e=s.getStackAddendum();e!==""&&(n+="%s",r=r.concat([e]));var d=r.map(function(t){return String(t)});d.unshift("Warning: "+n),Function.prototype.apply.call(console[a],console,d)}}var la=!1,j=!1,pa=!1,ca=!1,ua=!1,J;J=Symbol.for("react.module.reference");function xa(a){return!!(typeof a=="string"||typeof a=="function"||a===C||a===F||ua||a===Y||a===_||a===x||ca||a===X||la||j||pa||typeof a=="object"&&a!==null&&(a.$$typeof===k||a.$$typeof===v||a.$$typeof===D||a.$$typeof===w||a.$$typeof===l||a.$$typeof===J||a.getModuleId!==void 0))}function ha(a,n,r){var s=a.displayName;if(s)return s;var e=n.displayName||n.name||"";return e!==""?r+"("+e+")":r}function K(a){return a.displayName||"Context"}function y(a){if(a==null)return null;if(typeof a.tag=="number"&&p("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof a=="function")return a.displayName||a.name||null;if(typeof a=="string")return a;switch(a){case C:return"Fragment";case m:return"Portal";case F:return"Profiler";case Y:return"StrictMode";case _:return"Suspense";case x:return"SuspenseList"}if(typeof a=="object")switch(a.$$typeof){case w:var n=a;return K(n)+".Consumer";case D:var r=a;return K(r._context)+".Provider";case l:return ha(a,a.render,"ForwardRef");case v:var s=a.displayName||null;return s!==null?s:y(a.type)||"Memo";case k:{var e=a,d=e._payload,t=e._init;try{return y(t(d))}catch{return null}}}return null}var P=Object.assign,I=0,q,z,Z,Q,aa,na,ra;function ia(){}ia.__reactDisabledLog=!0;function ma(){{if(I===0){q=console.log,z=console.info,Z=console.warn,Q=console.error,aa=console.group,na=console.groupCollapsed,ra=console.groupEnd;var a={configurable:!0,enumerable:!0,value:ia,writable:!0};Object.defineProperties(console,{info:a,log:a,warn:a,error:a,group:a,groupCollapsed:a,groupEnd:a})}I++}}function $(){{if(I--,I===0){var a={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:P({},a,{value:q}),info:P({},a,{value:z}),warn:P({},a,{value:Z}),error:P({},a,{value:Q}),group:P({},a,{value:aa}),groupCollapsed:P({},a,{value:na}),groupEnd:P({},a,{value:ra})})}I<0&&p("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var R=S.ReactCurrentDispatcher,N;function M(a,n,r){{if(N===void 0)try{throw Error()}catch(e){var s=e.stack.trim().match(/\n( *(at )?)/);N=s&&s[1]||""}return`
-`+N+a}}var B=!1,L;{var i=typeof WeakMap=="function"?WeakMap:Map;L=new i}function G(a,n){if(!a||B)return"";{var r=L.get(a);if(r!==void 0)return r}var s;B=!0;var e=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d;d=R.current,R.current=null,ma();try{if(n){var t=function(){throw Error()};if(Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(t,[])}catch(f){s=f}Reflect.construct(a,[],t)}else{try{t.call()}catch(f){s=f}a.call(t.prototype)}}else{try{throw Error()}catch(f){s=f}a()}}catch(f){if(f&&s&&typeof f.stack=="string"){for(var o=f.stack.split(`
-`),h=s.stack.split(`
-`),b=o.length-1,c=h.length-1;b>=1&&c>=0&&o[b]!==h[c];)c--;for(;b>=1&&c>=0;b--,c--)if(o[b]!==h[c]){if(b!==1||c!==1)do if(b--,c--,c<0||o[b]!==h[c]){var E=`
-`+o[b].replace(" at new "," at ");return a.displayName&&E.includes("<anonymous>")&&(E=E.replace("<anonymous>",a.displayName)),typeof a=="function"&&L.set(a,E),E}while(b>=1&&c>=0);break}}}finally{B=!1,R.current=d,$(),Error.prepareStackTrace=e}var wa=a?a.displayName||a.name:"",ea=wa?M(wa):"";return typeof a=="function"&&L.set(a,ea),ea}function sa(a,n,r){return G(a,!1)}function oa(a){var n=a.prototype;return!!(n&&n.isReactComponent)}function va(a,n,r){if(a==null)return"";if(typeof a=="function")return G(a,oa(a));if(typeof a=="string")return M(a);switch(a){case _:return M("Suspense");case x:return M("SuspenseList")}if(typeof a=="object")switch(a.$$typeof){case l:return sa(a.render);case v:return va(a.type,n,r);case k:{var s=a,e=s._payload,d=s._init;try{return va(d(e),n,r)}catch{}}}return""}var ta=Object.prototype.hasOwnProperty,Ea={},Ta=S.ReactDebugCurrentFrame;function fa(a){if(a){var n=a._owner,r=va(a.type,a._source,n?n.type:null);Ta.setExtraStackFrame(r)}else Ta.setExtraStackFrame(null)}function Sa(a,n,r,s,e){{var d=Function.call.bind(ta);for(var t in a)if(d(a,t)){var o=void 0;try{if(typeof a[t]!="function"){var h=Error((s||"React class")+": "+r+" type `"+t+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof a[t]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw h.name="Invariant Violation",h}o=a[t](n,t,s,r,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(b){o=b}o&&!(o instanceof Error)&&(fa(e),p("%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).",s||"React class",r,t,typeof o),fa(null)),o instanceof Error&&!(o.message in Ea)&&(Ea[o.message]=!0,fa(e),p("Failed %s type: %s",r,o.message),fa(null))}}}var ja=Array.isArray;function Oa(a){return ja(a)}function Pa(a){{var n=typeof Symbol=="function"&&Symbol.toStringTag,r=n&&a[Symbol.toStringTag]||a.constructor.name||"Object";return r}}function Da(a){try{return Ca(a),!1}catch{return!0}}function Ca(a){return""+a}function O(a){if(Da(a))return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Pa(a)),Ca(a)}var A=S.ReactCurrentOwner,W={key:!0,ref:!0,__self:!0,__source:!0},Wa,Na;function yn(a){if(ta.call(a,"ref")){var n=Object.getOwnPropertyDescriptor(a,"ref").get;if(n&&n.isReactWarning)return!1}return a.ref!==void 0}function wn(a){if(ta.call(a,"key")){var n=Object.getOwnPropertyDescriptor(a,"key").get;if(n&&n.isReactWarning)return!1}return a.key!==void 0}function kn(a,n){typeof a.ref=="string"&&A.current}function Rn(a,n){{var r=function(){Wa||(Wa=!0,p("%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)",n))};r.isReactWarning=!0,Object.defineProperty(a,"key",{get:r,configurable:!0})}}function On(a,n){{var r=function(){Na||(Na=!0,p("%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)",n))};r.isReactWarning=!0,Object.defineProperty(a,"ref",{get:r,configurable:!0})}}var En=function(a,n,r,s,e,d,t){var o={$$typeof:u,type:a,key:n,ref:r,props:t,_owner:d};return o._store={},Object.defineProperty(o._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(o,"_self",{configurable:!1,enumerable:!1,writable:!1,value:s}),Object.defineProperty(o,"_source",{configurable:!1,enumerable:!1,writable:!1,value:e}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o};function Tn(a,n,r,s,e){{var d,t={},o=null,h=null;r!==void 0&&(O(r),o=""+r),wn(n)&&(O(n.key),o=""+n.key),yn(n)&&(h=n.ref,kn(n,e));for(d in n)ta.call(n,d)&&!W.hasOwnProperty(d)&&(t[d]=n[d]);if(a&&a.defaultProps){var b=a.defaultProps;for(d in b)t[d]===void 0&&(t[d]=b[d])}if(o||h){var c=typeof a=="function"?a.displayName||a.name||"Unknown":a;o&&Rn(t,c),h&&On(t,c)}return En(a,o,h,e,s,A.current,t)}}var Ia=S.ReactCurrentOwner,Ba=S.ReactDebugCurrentFrame;function ya(a){if(a){var n=a._owner,r=va(a.type,a._source,n?n.type:null);Ba.setExtraStackFrame(r)}else Ba.setExtraStackFrame(null)}var $a;$a=!1;function Aa(a){return typeof a=="object"&&a!==null&&a.$$typeof===u}function Ga(){{if(Ia.current){var a=y(Ia.current.type);if(a)return`
-
-Check the render method of \``+a+"`."}return""}}function Cn(a){return""}var Ha={};function _n(a){{var n=Ga();if(!n){var r=typeof a=="string"?a:a.displayName||a.name;r&&(n=`
-
-Check the top-level render call using <`+r+">.")}return n}}function Ua(a,n){{if(!a._store||a._store.validated||a.key!=null)return;a._store.validated=!0;var r=_n(n);if(Ha[r])return;Ha[r]=!0;var s="";a&&a._owner&&a._owner!==Ia.current&&(s=" It was passed a child from "+y(a._owner.type)+"."),ya(a),p('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',r,s),ya(null)}}function Va(a,n){{if(typeof a!="object")return;if(Oa(a))for(var r=0;r<a.length;r++){var s=a[r];Aa(s)&&Ua(s,n)}else if(Aa(a))a._store&&(a._store.validated=!0);else if(a){var e=ga(a);if(typeof e=="function"&&e!==a.entries)for(var d=e.call(a),t;!(t=d.next()).done;)Aa(t.value)&&Ua(t.value,n)}}}function Sn(a){{var n=a.type;if(n==null||typeof n=="string")return;var r;if(typeof n=="function")r=n.propTypes;else if(typeof n=="object"&&(n.$$typeof===l||n.$$typeof===v))r=n.propTypes;else return;if(r){var s=y(n);Sa(r,a.props,"prop",s,a)}else if(n.PropTypes!==void 0&&!$a){$a=!0;var e=y(n);p("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",e||"Unknown")}typeof n.getDefaultProps=="function"&&!n.getDefaultProps.isReactClassApproved&&p("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function jn(a){{for(var n=Object.keys(a.props),r=0;r<n.length;r++){var s=n[r];if(s!=="children"&&s!=="key"){ya(a),p("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",s),ya(null);break}}a.ref!==null&&(ya(a),p("Invalid attribute `ref` supplied to `React.Fragment`."),ya(null))}}var Ja={};function Ka(a,n,r,s,e,d){{var t=xa(a);if(!t){var o="";(a===void 0||typeof a=="object"&&a!==null&&Object.keys(a).length===0)&&(o+=" 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 h=Cn();h?o+=h:o+=Ga();var b;a===null?b="null":Oa(a)?b="array":a!==void 0&&a.$$typeof===u?(b="<"+(y(a.type)||"Unknown")+" />",o=" Did you accidentally export a JSX literal instead of a component?"):b=typeof a,p("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",b,o)}var c=Tn(a,n,r,e,d);if(c==null)return c;if(t){var E=n.children;if(E!==void 0)if(s)if(Oa(E)){for(var wa=0;wa<E.length;wa++)Va(E[wa],a);Object.freeze&&Object.freeze(E)}else p("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 Va(E,a)}if(ta.call(n,"key")){var ea=y(a),f=Object.keys(n).filter(function(Yn){return Yn!=="key"}),Ya=f.length>0?"{key: someKey, "+f.join(": ..., ")+": ...}":"{key: someKey}";if(!Ja[ea+Ya]){var An=f.length>0?"{"+f.join(": ..., ")+": ...}":"{}";p(`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} />`,Ya,ea,An,ea),Ja[ea+Ya]=!0}}return a===C?jn(c):Sn(c),c}}function Pn(a,n,r){return Ka(a,n,r,!0)}function Dn(a,n,r){return Ka(a,n,r,!1)}var In=Dn,$n=Pn;Ra.Fragment=C,Ra.jsx=In,Ra.jsxs=$n}()),Ra}process.env.NODE_ENV==="production"?_a.exports=qa():_a.exports=za();var U=_a.exports;const Za=`:root {
+(function(n,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],i):(n=typeof globalThis<"u"?globalThis:n||self,i(n.Box={},n.jsxRuntime,n.React))})(this,function(n,i,sa){"use strict";const oa=`:root {
   /* gray */
   --starasia-ui-color-gray-50: #fffeff;
   --starasia-ui-color-gray-100: #eff3f8;
@@ -144,9 +115,9 @@ React keys must be passed directly to JSX without using spread:
   --starasia-ui-color-pink-900: #6b094e;
 
   /* primary */
-  --starasia-ui-brand-primary-default: var(--starasia-ui-color-blue-700);
-  --starasia-ui-brand-primary-secondary: var(--starasia-ui-color-blue-300);
-  --starasia-ui-brand-primary-tertiary: var(--starasia-ui-color-blue-50);
+  --starasia-ui-brand-primary-default: rgba(74, 106, 148, 1);
+  --starasia-ui-brand-primary-secondary: rgba(144, 176, 218, 1);
+  --starasia-ui-brand-primary-tertiary: rgba(227, 237, 248, 1);
 
   /* dark */
   --starasia-ui-utility-dark-default: var(--starasia-ui-color-gray-600);
@@ -5554,4 +5525,4 @@ React keys must be passed directly to JSX without using spread:
     display: none;
   }
 }
-`,Ma="starasia-box-styles";(T=>{if(!document.getElementById(Ma)){const u=document.createElement("style");u.id=Ma,u.textContent=T,document.head.appendChild(u)}})(Za);const Qa=H.forwardRef((T,u)=>{const{children:m,fullWidth:C,fullHeight:Y,display:F="flex",direction:D="column",justify:w,align:l,gap:_,margin:x,marginTop:v,marginRight:k,marginBottom:X,marginLeft:V,padding:da,paddingTop:ga,paddingRight:S,paddingBottom:p,paddingLeft:ba,bg:la,variant:j,show:pa,hide:ca,flex:ua,minWidth:J,shadow:xa,flexWrap:ha,width:K,height:y,wrap:P,borderRadius:I="rounded-none",borderWidth:q,borderColor:z,borderStyle:Z,position:Q,top:aa,left:na,right:ra,bottom:ia,Translate:ma,overflow:$,rowGap:R,borderTopLeftRadius:N,borderTopRightRadius:M,borderBottomRightRadius:B,borderBottomLeftRadius:L,cursor:i,paddingBlock:G,paddingInline:sa,marginInline:oa,marginBlock:va,customBorder:ta,customHeight:Ea,customWidth:Ta,customMaxHeight:fa,customMinHeight:Sa,customMaxWidth:ja,customMinWidth:Oa,customMargin:Pa,customPadding:Da,customBackgroundColor:Ca,...O}=T,A=`${an(C,Y,F,D,w,l,_,R,la,ua,J,x,v,k,X,V,da,ga,S,p,ba,xa,ha,K,y,I,N,M,B,L,q,z,Z,Q,aa,na,ra,ia,ma,$,i,pa,ca,G,sa,oa,va)} ${O.className}`,W={border:ta,height:Ea,width:Ta,maxHeight:fa,minHeight:Sa,maxWidth:ja,minWidth:Oa,margin:Pa,padding:Da,background:Ca,...O.style};return j==="article"?U.jsx("article",{ref:u,...O,className:A,style:W,children:m}):j==="aside"?U.jsx("aside",{ref:u,...O,className:A,style:W,children:m}):j==="header"?U.jsx("header",{ref:u,...O,className:A,style:W,children:m}):j==="main"?U.jsx("main",{ref:u,...O,className:A,style:W,children:m}):j==="nav"?U.jsx("nav",{ref:u,...O,className:A,style:W,children:m}):j==="section"?U.jsx("section",{ref:u,...O,className:A,style:W,children:m}):U.jsx("div",{ref:u,...O,className:A,style:W,children:m})}),an=(T,u,m,C,Y,F,D,w,l,_,x,v,k,X,V,da,ga,S,p,ba,la,j,pa,ca,ua,J,xa,ha,K,y,P,I,q,z,Z,Q,aa,na,ra,ia,ma,$,R,N,M,B,L)=>{const i=[];if(T&&i.push("starasia-box-fullWidth"),u&&i.push("starasia-box-fullHeight"),m&&i.push(`starasia-box-${m}`),C&&i.push(`starasia-box-${C}`),Y&&i.push(`starasia-box-justify-${Y}`),F&&i.push(`starasia-box-${F}`),D&&i.push(`starasia-box-gap-${D}`),w&&i.push(`starasia-box-row-gap-${w}`),l&&i.push(`starasia-box-bg-color-${l}`),_&&i.push(`starasia-box-flex-${_}`),x&&i.push(`starasia-box-min-width${x}`),v&&i.push(`starasia-box-margin-${v}`),k&&i.push(`starasia-box-margin-top-${k}`),X&&i.push(`starasia-box-margin-right-${X}`),V&&i.push(`starasia-box-margin-bottom-${V}`),da&&i.push(`starasia-box-margin-left-${da}`),B&&i.push(`starasia-box-margin-inline-${B}`),L&&i.push(`starasia-box-margin-block-${L}`),ga&&i.push(`starasia-box-padding-${ga}`),S&&i.push(`starasia-box-padding-top-${S}`),p&&i.push(`starasia-box-padding-right-${p}`),ba&&i.push(`starasia-box-padding-bottom-${ba}`),la&&i.push(`starasia-box-padding-left-${la}`),N&&i.push(`starasia-box-padding-block-${N}`),M&&i.push(`starasia-box-padding-inline-${M}`),j&&i.push(`starasia-box-${j}`),pa&&i.push(`starasia-box-flex-${pa}`),ca&&i.push(`starasia-box-${ca}`),ua&&i.push(`starasia-box-${ua}`),J&&i.push(`starasia-box-${J}`),xa&&i.push(`starasia-box-top-left-${xa}`),ha&&i.push(`starasia-box-top-right-${ha}`),K&&i.push(`starasia-box-bottom-right-${K}`),y&&i.push(`starasia-box-bottom-left-${y}`),P&&i.push(`starasia-box-${P}`),I&&i.push(`starasia-box-border-color-${I}`),q&&i.push(`starasia-box-${q}`),z&&i.push(`starasia-box-position-${z}`),Z&&i.push(`starasia-box-position-${Z}`),Q&&i.push(`starasia-box-position-${Q}`),aa&&i.push(`starasia-box-position-${aa}`),na&&i.push(`starasia-box-position-${na}`),ra&&i.push(`starasia-box-${ra}`),ia&&i.push(`starasia-box-${ia}`),ma&&i.push(`starasia-box-cursor-${ma}`),typeof $=="string")$==="mobile"?(i.push("hideOnTablet"),i.push("hideOnDesktop")):$==="tablet"?(i.push("hideOnMobile"),i.push("hideOnDesktop")):$==="desktop"&&(i.push("hideOnMobile"),i.push("hideOnTablet"));else if(typeof R=="string")R==="mobile"?i.push("hideOnMobile"):R==="tablet"?i.push("hideOnTablet"):R==="desktop"&&i.push("hideOnDesktop");else if(typeof $=="object"){const{mobile:G=!0,tablet:sa=!0,desktop:oa=!0}=$;G||i.push("hideOnMobile"),sa||i.push("hideOnTablet"),oa||i.push("hideOnDesktop")}else if(typeof R=="object"){const{mobile:G=!0,tablet:sa=!0,desktop:oa=!0}=R;G||i.push("hideOnMobile"),sa||i.push("hideOnTablet"),oa||i.push("hideOnDesktop")}return i.push(""),i.join(" ")},nn=["flex","block","inline-block","inline-flex","none"],rn=["row","column","sm-row","sm-column","md-row","md-column","lg-row","lg-column","xl-row","xl-column"],sn=["flex-start","flex-end","center","space-between","space-around","space-evenly"],on=["flex-start","flex-end","center","baseline","stretch"],tn=["auto","xs","sm","md","lg","xl","2xl","3xl","spacing-0","spacing-1","spacing-2","spacing-4","spacing-6","spacing-8","spacing-10","spacing-12","spacing-14","spacing-16","spacing-18","spacing-20","spacing-24","spacing-28","spacing-32","spacing-36","spacing-40","spacing-48","spacing-64","spacing-80","spacing-96","spacing-128","spacing-160","spacing-192","spacing-224","spacing-256"],en=["xs","sm","md","lg","xl","2xl","3xl","spacing-0","spacing-1","spacing-2","spacing-4","spacing-6","spacing-8","spacing-10","spacing-12","spacing-14","spacing-16","spacing-18","spacing-20","spacing-24","spacing-28","spacing-32","spacing-36","spacing-40","spacing-48","spacing-64","spacing-80","spacing-96","spacing-128","spacing-160","spacing-192","spacing-224","spacing-256"],La=[{name:"brand",colors:["primary","secondary","tertiary","border-base"]},{name:"accent",colors:["accent-dark-primary","accent-dark-secondary","accent-dark-tertiary"]},{name:"state",colors:["success","error","warning","info"]},{name:"text",colors:["text","text-light","text-muted","text-dark"]},{name:"gray",colors:["gray-50","gray-100","gray-200","gray-300","gray-400","gray-500","gray-600","gray-700","gray-800","gray-900","gray-950"]},{name:"red",colors:["red-50","red-100","red-200","red-300","red-400","red-500","red-600","red-700","red-800","red-900","red-950"]},{name:"orange",colors:["orange-50","orange-100","orange-200","orange-300","orange-400","orange-500","orange-600","orange-700","orange-800","orange-900","orange-950"]},{name:"yellow",colors:["yellow-50","yellow-100","yellow-200","yellow-300","yellow-400","yellow-500","yellow-600","yellow-700","yellow-800","yellow-900","yellow-950"]},{name:"green",colors:["green-50","green-100","green-200","green-300","green-400","green-500","green-600","green-700","green-800","green-900","green-950"]},{name:"blue",colors:["blue-50","blue-100","blue-200","blue-300","blue-400","blue-500","blue-600","blue-700","blue-800","blue-900","blue-950"]},{name:"purple",colors:["purple-50","purple-100","purple-200","purple-300","purple-400","purple-500","purple-600","purple-700","purple-800","purple-900","purple-950"]},{name:"pink",colors:["pink-50","pink-100","pink-200","pink-300","pink-400","pink-500","pink-600","pink-700","pink-800","pink-900"]},{name:"aloha",colors:["aloha-50","aloha-100","aloha-200","aloha-300","aloha-400","aloha-500","aloha-600","aloha-700","aloha-800","aloha-900"]}],dn=La.map(T=>T.colors).flat(),gn=["1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","31","32","33","34","35","36","37","38","39","40","41","42","43","44","45"],bn=["width-0","width-1","width-2","width-4","width-6","width-8","width-10","width-12","width-14","width-16","width-18","width-20","width-24","width-28","width-32","width-36","width-40","width-48","width-56","width-64","width-80","width-96","width-128","width-160","width-192","width-224","width-256","width-xs","width-sm","width-md","width-lg","width-auto","width-1-2","width-1-3","width-2-3","width-1-4","width-2-4","width-3-4","width-1-5","width-2-5","width-3-5","width-4-5","width-1-6","width-2-6","width-3-6","width-4-6","width-5-6","width-full","width-screen","width-min","width-max","width-fit "],ln=["shadow-sm","shadow-md","shadow-lg","shadow-xl","shadow-2xl","shadow-inner","shadow"],pn=["nowrap","wrap","wrap-reverse","initial","inherit"],cn=["height-0","height-1","height-2","height-4","height-6","height-8","height-10","height-12","height-14","height-16","height-18","height-20","height-24","height-28","height-32","height-36","height-40","height-48","height-56","height-64","height-80","height-96","height-128","height-160","height-192","height-224","height-256","height-xs","height-sm","height-md","height-lg","height-auto","height-1-2","height-1-3","height-2-3","height-1-4","height-2-4","height-3-4","height-1-5","height-2-5","height-3-5","height-4-5","height-1-6","height-2-6","height-3-6","height-4-6","height-5-6","height-full","height-screen","height-min","height-max","height-fit"],un=["rounded-none","rounded-xs","rounded-sm","rounded-md","rounded-lg","rounded-xl","rounded-2xl","rounded-full"],xn=["border-0","border-2","border-4","border-8","border","border-t-0","border-t-2","border-t-4","border-t-8","border-t","border-r-0","border-r-2","border-r-4","border-r-8","border-r","border-b-0","border-b-2","border-b-4","border-b-8","border-b","border-l-0","border-l-2","border-l-4","border-l-8","border-l","border-x-0","border-x-2","border-x-4","border-x-8","border-x","border-y-0","border-y-2","border-y-4","border-y-8","border-y","border-tr-0","border-tr-2","border-tr-4","border-tr-8","border-tr","border-rb-0","border-rb-2","border-rb-4","border-rb-8","border-rb","border-bl-0","border-bl-2","border-bl-4","border-bl-8","border-bl","border-lt-0","border-lt-2","border-lt-4","border-lt-8","border-lt","border-trb-0","border-trb-2","border-trb-4","border-trb-8","border-trb","border-rbl-0","border-rbl-2","border-rbl-4","border-rbl-8","border-rbl","border-blt-0","border-blt-2","border-blt-4","border-blt-8","border-blt","border-ltr-0","border-ltr-2","border-ltr-4","border-ltr-8","border-ltr"],hn=["border-solid","border-dashed","border-dotted","border-double","border-hidden","border-none","border-solid-t","border-dashed-t","border-dotted-t","border-double-t","border-hidden-t","border-none-t","border-solid-r","border-dashed-r","border-dotted-r","border-double-r","border-hidden-r","border-none-r","border-solid-b","border-dashed-b","border-dotted-b","border-double-b","border-hidden-b","border-none-b","border-solid-l","border-dashed-l","border-dotted-l","border-double-l","border-hidden-l","border-none-l","border-solid-y","border-dashed-y","border-dotted-y","border-double-y","border-hidden-y","border-none-y","border-solid-x","border-dashed-x","border-dotted-x","border-double-x","border-hidden-x","border-none-x","border-solid-tr","border-dashed-tr","border-dotted-tr","border-double-tr","border-hidden-tr","border-none-tr","border-solid-rb","border-dashed-rb","border-dotted-rb","border-double-rb","border-hidden-rb","border-none-rb","border-solid-bl","border-dashed-bl","border-dotted-bl","border-double-bl","border-hidden-bl","border-none-bl","border-solid-lt","border-dashed-lt","border-dotted-lt","border-double-lt","border-hidden-lt","border-none-lt","border-solid-trb","border-dashed-trb","border-dotted-trb","border-double-trb","border-hidden-trb","border-none-trb","border-solid-rbl","border-dashed-rbl","border-dotted-rbl","border-double-rbl","border-hidden-rbl","border-none-rbl","border-solid-blt","border-dashed-blt","border-dotted-blt","border-double-blt","border-hidden-blt","border-none-blt","border-solid-ltr","border-dashed-ltr","border-dotted-ltr","border-double-ltr","border-hidden-ltr","border-none-ltr"],mn=["static","absolute","fixed","relative","sticky","initial","inherit"],vn=["translate-x-0","translate-y-0","translate-x-1","translate-y-1","translate-x-2","translate-y-2","translate-x-3","translate-y-3","translate-x-4","translate-y-4","translate-x-5","translate-y-5","translate-x-6","translate-y-6","translate-x-7","translate-y-7","translate-x-8","translate-y-8","translate-x-9","translate-y-9","translate-x-10","translate-y-10","translate-x-11","translate-y-11","translate-x-12","translate-y-12","translate-x-14","translate-y-14","translate-x-16","translate-y-16","translate-x-20","translate-y-20","translate-x-24","translate-y-24","translate-x-28","translate-y-28","translate-x-32","translate-y-32","translate-x-36","translate-y-36","translate-x-40","translate-y-40","translate-x-44","translate-y-44","translate-x-48","translate-y-48","translate-x-52","translate-y-52","translate-x-56","translate-y-56","translate-x-60","translate-y-60","translate-x-64","translate-y-64","translate-x-72","translate-y-72","translate-x-80","translate-y-80","translate-x-96","translate-y-96","translate-x-1-2","translate-x-1-3","translate-x-2-3","translate-x-1-4","translate-x-2-4","translate-x-3-4","translate-x-full","translate-y-1-2","translate-y-1-3","translate-y-2-3","translate-y-1-4","translate-y-2-4","translate-y-3-4","translate-y-full"],fn=["pointer"];g.BorderRadiusConst=un,g.BorderStyleConst=hn,g.BorderWidthConst=xn,g.Box=Qa,g.ColorConst=dn,g.ColorSchemeGenerator=La,g.CursorVariantConst=fn,g.DirectionConst=rn,g.DisplayAlignConst=on,g.DisplayConst=nn,g.FlexWrapConst=pn,g.FluidConst=gn,g.HeightConst=cn,g.JustifyConst=sn,g.PaddingConst=en,g.PositionConst=mn,g.ShadowConst=ln,g.SpacingConst=tn,g.TranslateConts=vn,g.WidthConst=bn,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});
+`,ra="starasia-box-styles";(g=>{if(!document.getElementById(ra)){const r=document.createElement("style");r.id=ra,r.textContent=g,document.head.appendChild(r)}})(oa);const ta=sa.forwardRef((g,r)=>{const{children:s,fullWidth:u,fullHeight:h,display:m="flex",direction:v="column",justify:f,align:w,gap:y,margin:k,marginTop:O,marginRight:C,marginBottom:T,marginLeft:R,padding:X,paddingTop:$,paddingRight:Y,paddingBottom:D,paddingLeft:I,bg:S,variant:o,show:A,hide:B,flex:E,minWidth:M,shadow:N,flexWrap:L,width:j,height:F,wrap:na,borderRadius:G="rounded-none",borderWidth:H,borderColor:P,borderStyle:W,position:U,top:K,left:J,right:q,bottom:V,Translate:z,overflow:d,rowGap:e,borderTopLeftRadius:Q,borderTopRightRadius:Z,borderBottomRightRadius:_,borderBottomLeftRadius:aa,cursor:a,paddingBlock:p,paddingInline:c,marginInline:x,marginBlock:Ra,customBorder:Xa,customHeight:$a,customWidth:Ya,customMaxHeight:Da,customMinHeight:Ia,customMaxWidth:Sa,customMinWidth:Aa,customMargin:Ba,customPadding:Ea,customBackgroundColor:Ma,...t}=g,b=`${da(u,h,m,v,f,w,y,e,S,E,M,k,O,C,T,R,X,$,Y,D,I,N,L,j,F,G,Q,Z,_,aa,H,P,W,U,K,J,q,V,z,d,a,A,B,p,c,x,Ra)} ${t.className}`,l={border:Xa,height:$a,width:Ya,maxHeight:Da,minHeight:Ia,maxWidth:Sa,minWidth:Aa,margin:Ba,padding:Ea,background:Ma,...t.style};return o==="article"?i.jsx("article",{ref:r,...t,className:b,style:l,children:s}):o==="aside"?i.jsx("aside",{ref:r,...t,className:b,style:l,children:s}):o==="header"?i.jsx("header",{ref:r,...t,className:b,style:l,children:s}):o==="main"?i.jsx("main",{ref:r,...t,className:b,style:l,children:s}):o==="nav"?i.jsx("nav",{ref:r,...t,className:b,style:l,children:s}):o==="section"?i.jsx("section",{ref:r,...t,className:b,style:l,children:s}):i.jsx("div",{ref:r,...t,className:b,style:l,children:s})}),da=(g,r,s,u,h,m,v,f,w,y,k,O,C,T,R,X,$,Y,D,I,S,o,A,B,E,M,N,L,j,F,na,G,H,P,W,U,K,J,q,V,z,d,e,Q,Z,_,aa)=>{const a=[];if(g&&a.push("starasia-box-fullWidth"),r&&a.push("starasia-box-fullHeight"),s&&a.push(`starasia-box-${s}`),u&&a.push(`starasia-box-${u}`),h&&a.push(`starasia-box-justify-${h}`),m&&a.push(`starasia-box-${m}`),v&&a.push(`starasia-box-gap-${v}`),f&&a.push(`starasia-box-row-gap-${f}`),w&&a.push(`starasia-box-bg-color-${w}`),y&&a.push(`starasia-box-flex-${y}`),k&&a.push(`starasia-box-min-width${k}`),O&&a.push(`starasia-box-margin-${O}`),C&&a.push(`starasia-box-margin-top-${C}`),T&&a.push(`starasia-box-margin-right-${T}`),R&&a.push(`starasia-box-margin-bottom-${R}`),X&&a.push(`starasia-box-margin-left-${X}`),_&&a.push(`starasia-box-margin-inline-${_}`),aa&&a.push(`starasia-box-margin-block-${aa}`),$&&a.push(`starasia-box-padding-${$}`),Y&&a.push(`starasia-box-padding-top-${Y}`),D&&a.push(`starasia-box-padding-right-${D}`),I&&a.push(`starasia-box-padding-bottom-${I}`),S&&a.push(`starasia-box-padding-left-${S}`),Q&&a.push(`starasia-box-padding-block-${Q}`),Z&&a.push(`starasia-box-padding-inline-${Z}`),o&&a.push(`starasia-box-${o}`),A&&a.push(`starasia-box-flex-${A}`),B&&a.push(`starasia-box-${B}`),E&&a.push(`starasia-box-${E}`),M&&a.push(`starasia-box-${M}`),N&&a.push(`starasia-box-top-left-${N}`),L&&a.push(`starasia-box-top-right-${L}`),j&&a.push(`starasia-box-bottom-right-${j}`),F&&a.push(`starasia-box-bottom-left-${F}`),na&&a.push(`starasia-box-${na}`),G&&a.push(`starasia-box-border-color-${G}`),H&&a.push(`starasia-box-${H}`),P&&a.push(`starasia-box-position-${P}`),W&&a.push(`starasia-box-position-${W}`),U&&a.push(`starasia-box-position-${U}`),K&&a.push(`starasia-box-position-${K}`),J&&a.push(`starasia-box-position-${J}`),q&&a.push(`starasia-box-${q}`),V&&a.push(`starasia-box-${V}`),z&&a.push(`starasia-box-cursor-${z}`),typeof d=="string")d==="mobile"?(a.push("hideOnTablet"),a.push("hideOnDesktop")):d==="tablet"?(a.push("hideOnMobile"),a.push("hideOnDesktop")):d==="desktop"&&(a.push("hideOnMobile"),a.push("hideOnTablet"));else if(typeof e=="string")e==="mobile"?a.push("hideOnMobile"):e==="tablet"?a.push("hideOnTablet"):e==="desktop"&&a.push("hideOnDesktop");else if(typeof d=="object"){const{mobile:p=!0,tablet:c=!0,desktop:x=!0}=d;p||a.push("hideOnMobile"),c||a.push("hideOnTablet"),x||a.push("hideOnDesktop")}else if(typeof e=="object"){const{mobile:p=!0,tablet:c=!0,desktop:x=!0}=e;p||a.push("hideOnMobile"),c||a.push("hideOnTablet"),x||a.push("hideOnDesktop")}return a.push(""),a.join(" ")},ea=["flex","block","inline-block","inline-flex","none"],ga=["row","column","sm-row","sm-column","md-row","md-column","lg-row","lg-column","xl-row","xl-column"],ba=["flex-start","flex-end","center","space-between","space-around","space-evenly"],la=["flex-start","flex-end","center","baseline","stretch"],pa=["auto","xs","sm","md","lg","xl","2xl","3xl","spacing-0","spacing-1","spacing-2","spacing-4","spacing-6","spacing-8","spacing-10","spacing-12","spacing-14","spacing-16","spacing-18","spacing-20","spacing-24","spacing-28","spacing-32","spacing-36","spacing-40","spacing-48","spacing-64","spacing-80","spacing-96","spacing-128","spacing-160","spacing-192","spacing-224","spacing-256"],ca=["xs","sm","md","lg","xl","2xl","3xl","spacing-0","spacing-1","spacing-2","spacing-4","spacing-6","spacing-8","spacing-10","spacing-12","spacing-14","spacing-16","spacing-18","spacing-20","spacing-24","spacing-28","spacing-32","spacing-36","spacing-40","spacing-48","spacing-64","spacing-80","spacing-96","spacing-128","spacing-160","spacing-192","spacing-224","spacing-256"],ia=[{name:"brand",colors:["primary","secondary","tertiary","border-base"]},{name:"accent",colors:["accent-dark-primary","accent-dark-secondary","accent-dark-tertiary"]},{name:"state",colors:["success","error","warning","info"]},{name:"text",colors:["text","text-light","text-muted","text-dark"]},{name:"gray",colors:["gray-50","gray-100","gray-200","gray-300","gray-400","gray-500","gray-600","gray-700","gray-800","gray-900","gray-950"]},{name:"red",colors:["red-50","red-100","red-200","red-300","red-400","red-500","red-600","red-700","red-800","red-900","red-950"]},{name:"orange",colors:["orange-50","orange-100","orange-200","orange-300","orange-400","orange-500","orange-600","orange-700","orange-800","orange-900","orange-950"]},{name:"yellow",colors:["yellow-50","yellow-100","yellow-200","yellow-300","yellow-400","yellow-500","yellow-600","yellow-700","yellow-800","yellow-900","yellow-950"]},{name:"green",colors:["green-50","green-100","green-200","green-300","green-400","green-500","green-600","green-700","green-800","green-900","green-950"]},{name:"blue",colors:["blue-50","blue-100","blue-200","blue-300","blue-400","blue-500","blue-600","blue-700","blue-800","blue-900","blue-950"]},{name:"purple",colors:["purple-50","purple-100","purple-200","purple-300","purple-400","purple-500","purple-600","purple-700","purple-800","purple-900","purple-950"]},{name:"pink",colors:["pink-50","pink-100","pink-200","pink-300","pink-400","pink-500","pink-600","pink-700","pink-800","pink-900"]},{name:"aloha",colors:["aloha-50","aloha-100","aloha-200","aloha-300","aloha-400","aloha-500","aloha-600","aloha-700","aloha-800","aloha-900"]}],xa=ia.map(g=>g.colors).flat(),ua=["1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","31","32","33","34","35","36","37","38","39","40","41","42","43","44","45"],ha=["width-0","width-1","width-2","width-4","width-6","width-8","width-10","width-12","width-14","width-16","width-18","width-20","width-24","width-28","width-32","width-36","width-40","width-48","width-56","width-64","width-80","width-96","width-128","width-160","width-192","width-224","width-256","width-xs","width-sm","width-md","width-lg","width-auto","width-1-2","width-1-3","width-2-3","width-1-4","width-2-4","width-3-4","width-1-5","width-2-5","width-3-5","width-4-5","width-1-6","width-2-6","width-3-6","width-4-6","width-5-6","width-full","width-screen","width-min","width-max","width-fit "],ma=["shadow-sm","shadow-md","shadow-lg","shadow-xl","shadow-2xl","shadow-inner","shadow"],va=["nowrap","wrap","wrap-reverse","initial","inherit"],fa=["height-0","height-1","height-2","height-4","height-6","height-8","height-10","height-12","height-14","height-16","height-18","height-20","height-24","height-28","height-32","height-36","height-40","height-48","height-56","height-64","height-80","height-96","height-128","height-160","height-192","height-224","height-256","height-xs","height-sm","height-md","height-lg","height-auto","height-1-2","height-1-3","height-2-3","height-1-4","height-2-4","height-3-4","height-1-5","height-2-5","height-3-5","height-4-5","height-1-6","height-2-6","height-3-6","height-4-6","height-5-6","height-full","height-screen","height-min","height-max","height-fit"],wa=["rounded-none","rounded-xs","rounded-sm","rounded-md","rounded-lg","rounded-xl","rounded-2xl","rounded-full"],ya=["border-0","border-2","border-4","border-8","border","border-t-0","border-t-2","border-t-4","border-t-8","border-t","border-r-0","border-r-2","border-r-4","border-r-8","border-r","border-b-0","border-b-2","border-b-4","border-b-8","border-b","border-l-0","border-l-2","border-l-4","border-l-8","border-l","border-x-0","border-x-2","border-x-4","border-x-8","border-x","border-y-0","border-y-2","border-y-4","border-y-8","border-y","border-tr-0","border-tr-2","border-tr-4","border-tr-8","border-tr","border-rb-0","border-rb-2","border-rb-4","border-rb-8","border-rb","border-bl-0","border-bl-2","border-bl-4","border-bl-8","border-bl","border-lt-0","border-lt-2","border-lt-4","border-lt-8","border-lt","border-trb-0","border-trb-2","border-trb-4","border-trb-8","border-trb","border-rbl-0","border-rbl-2","border-rbl-4","border-rbl-8","border-rbl","border-blt-0","border-blt-2","border-blt-4","border-blt-8","border-blt","border-ltr-0","border-ltr-2","border-ltr-4","border-ltr-8","border-ltr"],ka=["border-solid","border-dashed","border-dotted","border-double","border-hidden","border-none","border-solid-t","border-dashed-t","border-dotted-t","border-double-t","border-hidden-t","border-none-t","border-solid-r","border-dashed-r","border-dotted-r","border-double-r","border-hidden-r","border-none-r","border-solid-b","border-dashed-b","border-dotted-b","border-double-b","border-hidden-b","border-none-b","border-solid-l","border-dashed-l","border-dotted-l","border-double-l","border-hidden-l","border-none-l","border-solid-y","border-dashed-y","border-dotted-y","border-double-y","border-hidden-y","border-none-y","border-solid-x","border-dashed-x","border-dotted-x","border-double-x","border-hidden-x","border-none-x","border-solid-tr","border-dashed-tr","border-dotted-tr","border-double-tr","border-hidden-tr","border-none-tr","border-solid-rb","border-dashed-rb","border-dotted-rb","border-double-rb","border-hidden-rb","border-none-rb","border-solid-bl","border-dashed-bl","border-dotted-bl","border-double-bl","border-hidden-bl","border-none-bl","border-solid-lt","border-dashed-lt","border-dotted-lt","border-double-lt","border-hidden-lt","border-none-lt","border-solid-trb","border-dashed-trb","border-dotted-trb","border-double-trb","border-hidden-trb","border-none-trb","border-solid-rbl","border-dashed-rbl","border-dotted-rbl","border-double-rbl","border-hidden-rbl","border-none-rbl","border-solid-blt","border-dashed-blt","border-dotted-blt","border-double-blt","border-hidden-blt","border-none-blt","border-solid-ltr","border-dashed-ltr","border-dotted-ltr","border-double-ltr","border-hidden-ltr","border-none-ltr"],Oa=["static","absolute","fixed","relative","sticky","initial","inherit"],Ca=["translate-x-0","translate-y-0","translate-x-1","translate-y-1","translate-x-2","translate-y-2","translate-x-3","translate-y-3","translate-x-4","translate-y-4","translate-x-5","translate-y-5","translate-x-6","translate-y-6","translate-x-7","translate-y-7","translate-x-8","translate-y-8","translate-x-9","translate-y-9","translate-x-10","translate-y-10","translate-x-11","translate-y-11","translate-x-12","translate-y-12","translate-x-14","translate-y-14","translate-x-16","translate-y-16","translate-x-20","translate-y-20","translate-x-24","translate-y-24","translate-x-28","translate-y-28","translate-x-32","translate-y-32","translate-x-36","translate-y-36","translate-x-40","translate-y-40","translate-x-44","translate-y-44","translate-x-48","translate-y-48","translate-x-52","translate-y-52","translate-x-56","translate-y-56","translate-x-60","translate-y-60","translate-x-64","translate-y-64","translate-x-72","translate-y-72","translate-x-80","translate-y-80","translate-x-96","translate-y-96","translate-x-1-2","translate-x-1-3","translate-x-2-3","translate-x-1-4","translate-x-2-4","translate-x-3-4","translate-x-full","translate-y-1-2","translate-y-1-3","translate-y-2-3","translate-y-1-4","translate-y-2-4","translate-y-3-4","translate-y-full"],Ta=["pointer"];n.BorderRadiusConst=wa,n.BorderStyleConst=ka,n.BorderWidthConst=ya,n.Box=ta,n.ColorConst=xa,n.ColorSchemeGenerator=ia,n.CursorVariantConst=Ta,n.DirectionConst=ga,n.DisplayAlignConst=la,n.DisplayConst=ea,n.FlexWrapConst=va,n.FluidConst=ua,n.HeightConst=fa,n.JustifyConst=ba,n.PaddingConst=ca,n.PositionConst=Oa,n.ShadowConst=ma,n.SpacingConst=pa,n.TranslateConts=Ca,n.WidthConst=ha,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@starasia/box",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "box component for starasia UI",
   "author": "Prawito Hudoro",
   "main": "dist/box.umd.js",