@abumble/design-system 0.0.3 → 0.0.5

package/dist/design-system.es.js

@@ -24,9 +24,9 @@ function Be() {
   return te.Fragment = o, te.jsx = r, te.jsxs = r, te;
 }
 var oe = {};
-var ke;
+var xe;
 function qe() {
-  return ke || (ke = 1, process.env.NODE_ENV !== "production" && (function() {
+  return xe || (xe = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(n) {
       if (n == null) return null;
       if (typeof n == "function")
@@ -50,7 +50,7 @@ function qe() {
         switch (typeof n.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), n.$$typeof) {
-          case _:
+          case E:
             return "Portal";
           case L:
             return n.displayName || "Context";
@@ -166,19 +166,19 @@ function qe() {
         value: q
       }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
     }
-    function k(n, b, h, y, I, q) {
+    function x(n, b, h, y, I, q) {
       var v = b.children;
       if (v !== void 0)
         if (y)
           if (K(v)) {
             for (y = 0; y < v.length; y++)
-              x(v[y]);
+              k(v[y]);
             Object.freeze && Object.freeze(v);
           } else
             console.error(
               "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 x(v);
+        else k(v);
       if (Q.call(b, "key")) {
         v = e(n);
         var M = Object.keys(b).filter(function(J) {
@@ -214,13 +214,13 @@ React keys must be passed directly to JSX without using spread:
         q
       );
     }
-    function x(n) {
+    function k(n) {
       R(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === A && (n._payload.status === "fulfilled" ? R(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
     }
     function R(n) {
       return typeof n == "object" && n !== null && n.$$typeof === T;
     }
-    var C = Ue, T = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), Y = Symbol.for("react.consumer"), L = Symbol.for("react.context"), G = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), se = Symbol.for("react.activity"), ae = Symbol.for("react.client.reference"), F = C.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Q = Object.prototype.hasOwnProperty, K = Array.isArray, z = console.createTask ? console.createTask : function() {
+    var C = Ue, T = Symbol.for("react.transitional.element"), E = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), Y = Symbol.for("react.consumer"), L = Symbol.for("react.context"), G = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), se = Symbol.for("react.activity"), ae = Symbol.for("react.client.reference"), F = C.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Q = Object.prototype.hasOwnProperty, K = Array.isArray, z = console.createTask ? console.createTask : function() {
       return null;
     };
     C = {
@@ -234,7 +234,7 @@ React keys must be passed directly to JSX without using spread:
     )(), ee = z(t(a)), re = {};
     oe.Fragment = w, oe.jsx = function(n, b, h) {
       var y = 1e4 > F.recentlyCreatedOwnerStacks++;
-      return k(
+      return x(
         n,
         b,
         h,
@@ -244,7 +244,7 @@ React keys must be passed directly to JSX without using spread:
       );
     }, oe.jsxs = function(n, b, h) {
       var y = 1e4 > F.recentlyCreatedOwnerStacks++;
-      return k(
+      return x(
         n,
         b,
         h,
@@ -255,9 +255,9 @@ React keys must be passed directly to JSX without using spread:
     };
   })()), oe;
 }
-var xe;
+var ke;
 function Je() {
-  return xe || (xe = 1, process.env.NODE_ENV === "production" ? le.exports = Be() : le.exports = qe()), le.exports;
+  return ke || (ke = 1, process.env.NODE_ENV === "production" ? le.exports = Be() : le.exports = qe()), le.exports;
 }
 var ge = Je();
 function we(e, o) {
@@ -295,8 +295,8 @@ function Qe(e) {
     Pe(a) && typeof ue == "function" && (a = ue(a._payload));
     const u = S.Children.toArray(a), d = u.find(tr);
     if (d) {
-      const f = d.props.children, k = u.map((x) => x === d ? S.Children.count(f) > 1 ? S.Children.only(null) : S.isValidElement(f) ? f.props.children : null : x);
-      return /* @__PURE__ */ ge.jsx(o, { ...i, ref: s, children: S.isValidElement(f) ? S.cloneElement(f, void 0, k) : null });
+      const f = d.props.children, x = u.map((k) => k === d ? S.Children.count(f) > 1 ? S.Children.only(null) : S.isValidElement(f) ? f.props.children : null : k);
+      return /* @__PURE__ */ ge.jsx(o, { ...i, ref: s, children: S.isValidElement(f) ? S.cloneElement(f, void 0, x) : null });
     }
     return /* @__PURE__ */ ge.jsx(o, { ...i, ref: s, children: a });
   });
@@ -347,35 +347,35 @@ function Oe() {
   for (var e, o, r = 0, t = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (o = ze(e)) && (t && (t += " "), t += o);
   return t;
 }
-const Re = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ee = Oe, sr = (e, o) => (r) => {
+const Re = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, _e = Oe, sr = (e, o) => (r) => {
   var t;
-  if (o?.variants == null) return Ee(e, r?.class, r?.className);
+  if (o?.variants == null) return _e(e, r?.class, r?.className);
   const { variants: s, defaultVariants: a } = o, i = Object.keys(s).map((f) => {
-    const k = r?.[f], x = a?.[f];
-    if (k === null) return null;
-    const R = Re(k) || Re(x);
+    const x = r?.[f], k = a?.[f];
+    if (x === null) return null;
+    const R = Re(x) || Re(k);
     return s[f][R];
-  }), u = r && Object.entries(r).reduce((f, k) => {
-    let [x, R] = k;
-    return R === void 0 || (f[x] = R), f;
-  }, {}), d = o == null || (t = o.compoundVariants) === null || t === void 0 ? void 0 : t.reduce((f, k) => {
-    let { class: x, className: R, ...C } = k;
+  }), u = r && Object.entries(r).reduce((f, x) => {
+    let [k, R] = x;
+    return R === void 0 || (f[k] = R), f;
+  }, {}), d = o == null || (t = o.compoundVariants) === null || t === void 0 ? void 0 : t.reduce((f, x) => {
+    let { class: k, className: R, ...C } = x;
     return Object.entries(C).every((T) => {
-      let [_, w] = T;
+      let [E, w] = T;
       return Array.isArray(w) ? w.includes({
         ...a,
         ...u
-      }[_]) : {
+      }[E]) : {
         ...a,
         ...u
-      }[_] === w;
+      }[E] === w;
     }) ? [
       ...f,
-      x,
+      k,
       R
     ] : f;
   }, []);
-  return Ee(e, i, d, r?.class, r?.className);
+  return _e(e, i, d, r?.class, r?.className);
 }, ar = (e, o) => {
   const r = new Array(e.length + o.length);
   for (let t = 0; t < e.length; t++)
@@ -390,7 +390,7 @@ const Re = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ee = Oe, s
   nextPart: e,
   validators: o,
   classGroupId: r
-}), me = "-", _e = [], lr = "arbitrary..", cr = (e) => {
+}), me = "-", Ee = [], lr = "arbitrary..", cr = (e) => {
   const o = ur(e), {
     conflictingClassGroups: r,
     conflictingClassGroupModifiers: t
@@ -405,9 +405,9 @@ const Re = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ee = Oe, s
     getConflictingClassGroupIds: (i, u) => {
       if (u) {
         const d = t[i], f = r[i];
-        return d ? f ? ar(f, d) : d : f || _e;
+        return d ? f ? ar(f, d) : d : f || Ee;
       }
-      return r[i] || _e;
+      return r[i] || Ee;
     }
   };
 }, Ne = (e, o, r) => {
@@ -423,9 +423,9 @@ const Re = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ee = Oe, s
     return;
   const u = o === 0 ? e.join(me) : e.slice(o).join(me), d = i.length;
   for (let f = 0; f < d; f++) {
-    const k = i[f];
-    if (k.validator(u))
-      return k.classGroupId;
+    const x = i[f];
+    if (x.validator(u))
+      return x.classGroupId;
   }
 }, dr = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const o = e.slice(1, -1), r = o.indexOf(":"), t = o.slice(0, r);
@@ -513,7 +513,7 @@ const Re = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ee = Oe, s
   baseClassName: r,
   maybePostfixModifierPosition: t,
   isExternal: s
-}), kr = (e) => {
+}), xr = (e) => {
   const {
     prefix: o,
     experimentalParseClassName: r
@@ -521,29 +521,29 @@ const Re = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ee = Oe, s
   let t = (s) => {
     const a = [];
     let i = 0, u = 0, d = 0, f;
-    const k = s.length;
-    for (let _ = 0; _ < k; _++) {
-      const w = s[_];
+    const x = s.length;
+    for (let E = 0; E < x; E++) {
+      const w = s[E];
       if (i === 0 && u === 0) {
         if (w === Se) {
-          a.push(s.slice(d, _)), d = _ + 1;
+          a.push(s.slice(d, E)), d = E + 1;
           continue;
         }
         if (w === "/") {
-          f = _;
+          f = E;
           continue;
         }
       }
       w === "[" ? i++ : w === "]" ? i-- : w === "(" ? u++ : w === ")" && u--;
     }
-    const x = a.length === 0 ? s : s.slice(d);
-    let R = x, C = !1;
-    x.endsWith(he) ? (R = x.slice(0, -1), C = !0) : (
+    const k = a.length === 0 ? s : s.slice(d);
+    let R = k, C = !1;
+    k.endsWith(he) ? (R = k.slice(0, -1), C = !0) : (
       /**
        * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
        * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
        */
-      x.startsWith(he) && (R = x.slice(1), C = !0)
+      k.startsWith(he) && (R = k.slice(1), C = !0)
     );
     const T = f && f > d ? f - d : void 0;
     return Ce(a, C, R, T);
@@ -560,7 +560,7 @@ const Re = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ee = Oe, s
     });
   }
   return t;
-}, xr = (e) => {
+}, kr = (e) => {
   const o = /* @__PURE__ */ new Map();
   return e.orderSensitiveModifiers.forEach((r, t) => {
     o.set(r, 1e6 + t);
@@ -575,10 +575,10 @@ const Re = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ee = Oe, s
   };
 }, wr = (e) => ({
   cache: vr(e.cacheSize),
-  parseClassName: kr(e),
-  sortModifiers: xr(e),
+  parseClassName: xr(e),
+  sortModifiers: kr(e),
   ...cr(e)
-}), Rr = /\s+/, Er = (e, o) => {
+}), Rr = /\s+/, _r = (e, o) => {
   const {
     parseClassName: r,
     getClassGroupId: t,
@@ -587,25 +587,25 @@ const Re = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ee = Oe, s
   } = o, i = [], u = e.trim().split(Rr);
   let d = "";
   for (let f = u.length - 1; f >= 0; f -= 1) {
-    const k = u[f], {
-      isExternal: x,
+    const x = u[f], {
+      isExternal: k,
       modifiers: R,
       hasImportantModifier: C,
       baseClassName: T,
-      maybePostfixModifierPosition: _
-    } = r(k);
-    if (x) {
-      d = k + (d.length > 0 ? " " + d : d);
+      maybePostfixModifierPosition: E
+    } = r(x);
+    if (k) {
+      d = x + (d.length > 0 ? " " + d : d);
       continue;
     }
-    let w = !!_, j = t(w ? T.substring(0, _) : T);
+    let w = !!E, j = t(w ? T.substring(0, E) : T);
     if (!j) {
       if (!w) {
-        d = k + (d.length > 0 ? " " + d : d);
+        d = x + (d.length > 0 ? " " + d : d);
         continue;
       }
       if (j = t(T), !j) {
-        d = k + (d.length > 0 ? " " + d : d);
+        d = x + (d.length > 0 ? " " + d : d);
         continue;
       }
       w = !1;
@@ -619,10 +619,10 @@ const Re = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ee = Oe, s
       const D = G[N];
       i.push(Y + D);
     }
-    d = k + (d.length > 0 ? " " + d : d);
+    d = x + (d.length > 0 ? " " + d : d);
   }
   return d;
-}, _r = (...e) => {
+}, Er = (...e) => {
   let o = 0, r, t, s = "";
   for (; o < e.length; )
     (r = e[o++]) && (t = Me(r)) && (s && (s += " "), s += t);
@@ -637,17 +637,17 @@ const Re = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ee = Oe, s
 }, Sr = (e, ...o) => {
   let r, t, s, a;
   const i = (d) => {
-    const f = o.reduce((k, x) => x(k), e());
+    const f = o.reduce((x, k) => k(x), e());
     return r = wr(f), t = r.cache.get, s = r.cache.set, a = u, u(d);
   }, u = (d) => {
     const f = t(d);
     if (f)
       return f;
-    const k = Er(d, r);
-    return s(d, k), k;
+    const x = _r(d, r);
+    return s(d, x), x;
   };
-  return a = i, (...d) => a(_r(...d));
-}, Cr = [], E = (e) => {
+  return a = i, (...d) => a(Er(...d));
+}, Cr = [], _ = (e) => {
   const o = (r) => r[e] || Cr;
   return o.isThemeGetter = !0, o;
 }, Ve = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Le = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ar = /^\d+\/\d+$/, Tr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Pr = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, zr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Or = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, jr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, X = (e) => Ar.test(e), g = (e) => !!e && !Number.isNaN(Number(e)), W = (e) => !!e && Number.isInteger(Number(e)), pe = (e) => e.endsWith("%") && g(e.slice(0, -1)), V = (e) => Tr.test(e), Nr = () => !0, Ir = (e) => (
@@ -662,7 +662,7 @@ const Re = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ee = Oe, s
   const t = Le.exec(e);
   return t ? t[1] ? o(t[1]) : r : !1;
 }, Fe = (e) => e === "position" || e === "percentage", $e = (e) => e === "image" || e === "url", We = (e) => e === "length" || e === "size" || e === "bg-size", Ye = (e) => e === "length", Dr = (e) => e === "number", Ur = (e) => e === "family-name", De = (e) => e === "shadow", Br = () => {
-  const e = E("color"), o = E("font"), r = E("text"), t = E("font-weight"), s = E("tracking"), a = E("leading"), i = E("breakpoint"), u = E("container"), d = E("spacing"), f = E("radius"), k = E("shadow"), x = E("inset-shadow"), R = E("text-shadow"), C = E("drop-shadow"), T = E("blur"), _ = E("perspective"), w = E("aspect"), j = E("ease"), B = E("animate"), Y = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], L = () => [
+  const e = _("color"), o = _("font"), r = _("text"), t = _("font-weight"), s = _("tracking"), a = _("leading"), i = _("breakpoint"), u = _("container"), d = _("spacing"), f = _("radius"), x = _("shadow"), k = _("inset-shadow"), R = _("text-shadow"), C = _("drop-shadow"), T = _("blur"), E = _("perspective"), w = _("aspect"), j = _("ease"), B = _("animate"), Y = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], L = () => [
     "center",
     "top",
     "bottom",
@@ -2052,7 +2052,7 @@ const Re = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ee = Oe, s
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          k,
+          x,
           de,
           ce
         ]
@@ -2069,7 +2069,7 @@ const Re = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ee = Oe, s
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", x, de, ce]
+        "inset-shadow": ["none", k, de, ce]
       }],
       /**
        * Inset Box Shadow Color
@@ -2636,7 +2636,7 @@ const Re = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ee = Oe, s
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [_, c, l]
+        perspective: [E, c, l]
       }],
       /**
        * Perspective Origin
@@ -3179,8 +3179,37 @@ function Zr({
     }
   );
 }
+const Qr = {
+  darkMode: ["class"],
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+    "./.storybook/**/*.{js,ts,jsx,tsx}"
+  ],
+  theme: {
+    extend: {
+      colors: {
+        "opac-white": "white"
+      },
+      textShadow: {
+        sm: "1px 1px 1px var(--tw-shadow-color)",
+        md: "2px 2px 4px var(--tw-shadow-color)",
+        lg: "4px 4px 8px var(--tw-shadow-color)",
+        none: "none"
+      },
+      listStyleType: {
+        square: "square",
+        roman: "upper-roman"
+      }
+    }
+  },
+  safelist: [
+    "opac-white"
+  ]
+};
 export {
   Zr as Button,
-  Xr as buttonVariants
+  Xr as buttonVariants,
+  Qr as dsConfig
 };
 //# sourceMappingURL=design-system.es.js.map