ddingdong-design-system 0.2.18 → 0.2.19

package/dist/ddingdong-design-system.es.js

@@ -1,31 +1,31 @@
 import { jsx as l, jsxs as C, Fragment as ve } from "react/jsx-runtime";
 import * as c from "react";
-import { createContext as X, useContext as ae, useState as E, useId as le, useRef as se, useEffect as K, useCallback as D, createElement as $e, useMemo as Ze, Children as De, isValidElement as Ue } from "react";
-import { useReducedMotion as qe, motion as T, AnimatePresence as Ee } from "framer-motion";
-import { createPortal as Je } from "react-dom";
+import { createContext as X, useContext as Y, useState as E, useId as le, useRef as ie, useEffect as K, useCallback as D, createElement as Ze, useMemo as De, Children as Ue, isValidElement as qe } from "react";
+import { useReducedMotion as Je, motion as T, AnimatePresence as Ee } from "framer-motion";
+import { createPortal as Ke } from "react-dom";
 import * as Ce from "@radix-ui/react-switch";
 function ze(e) {
   var r, t, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var s = e.length;
-    for (r = 0; r < s; r++) e[r] && (t = ze(e[r])) && (o && (o += " "), o += t);
+    var n = e.length;
+    for (r = 0; r < n; r++) e[r] && (t = ze(e[r])) && (o && (o += " "), o += t);
   } else for (t in e) e[t] && (o && (o += " "), o += t);
   return o;
 }
 function Ie() {
-  for (var e, r, t = 0, o = "", s = arguments.length; t < s; t++) (e = arguments[t]) && (r = ze(e)) && (o && (o += " "), o += r);
+  for (var e, r, t = 0, o = "", n = arguments.length; t < n; t++) (e = arguments[t]) && (r = ze(e)) && (o && (o += " "), o += r);
   return o;
 }
-const ce = "-", Ke = (e) => {
-  const r = Ye(e), {
+const ce = "-", Xe = (e) => {
+  const r = Qe(e), {
     conflictingClassGroups: t,
     conflictingClassGroupModifiers: o
   } = e;
   return {
     getClassGroupId: (a) => {
       const i = a.split(ce);
-      return i[0] === "" && i.length !== 1 && i.shift(), Se(i, r) || Xe(a);
+      return i[0] === "" && i.length !== 1 && i.shift(), Se(i, r) || Ye(a);
     },
     getConflictingClassGroupIds: (a, i) => {
       const d = t[a] || [];
@@ -36,22 +36,22 @@ const ce = "-", Ke = (e) => {
   var a;
   if (e.length === 0)
     return r.classGroupId;
-  const t = e[0], o = r.nextPart.get(t), s = o ? Se(e.slice(1), o) : void 0;
-  if (s)
-    return s;
+  const t = e[0], o = r.nextPart.get(t), n = o ? Se(e.slice(1), o) : void 0;
+  if (n)
+    return n;
   if (r.validators.length === 0)
     return;
-  const n = e.join(ce);
+  const s = e.join(ce);
   return (a = r.validators.find(({
     validator: i
-  }) => i(n))) == null ? void 0 : a.classGroupId;
-}, ke = /^\[(.+)\]$/, Xe = (e) => {
+  }) => i(s))) == null ? void 0 : a.classGroupId;
+}, ke = /^\[(.+)\]$/, Ye = (e) => {
   if (ke.test(e)) {
     const r = ke.exec(e)[1], t = r == null ? void 0 : r.substring(0, r.indexOf(":"));
     if (t)
       return "arbitrary.." + t;
   }
-}, Ye = (e) => {
+}, Qe = (e) => {
   const {
     theme: r,
     prefix: t
@@ -59,29 +59,29 @@ const ce = "-", Ke = (e) => {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return et(Object.entries(e.classGroups), t).forEach(([n, a]) => {
-    ie(a, o, n, r);
+  return tt(Object.entries(e.classGroups), t).forEach(([s, a]) => {
+    ae(a, o, s, r);
   }), o;
-}, ie = (e, r, t, o) => {
-  e.forEach((s) => {
-    if (typeof s == "string") {
-      const n = s === "" ? r : Ne(r, s);
-      n.classGroupId = t;
+}, ae = (e, r, t, o) => {
+  e.forEach((n) => {
+    if (typeof n == "string") {
+      const s = n === "" ? r : Ne(r, n);
+      s.classGroupId = t;
       return;
     }
-    if (typeof s == "function") {
-      if (Qe(s)) {
-        ie(s(o), r, t, o);
+    if (typeof n == "function") {
+      if (et(n)) {
+        ae(n(o), r, t, o);
         return;
       }
       r.validators.push({
-        validator: s,
+        validator: n,
         classGroupId: t
       });
       return;
     }
-    Object.entries(s).forEach(([n, a]) => {
-      ie(a, Ne(r, n), t, o);
+    Object.entries(n).forEach(([s, a]) => {
+      ae(a, Ne(r, s), t, o);
     });
   });
 }, Ne = (e, r) => {
@@ -92,10 +92,10 @@ const ce = "-", Ke = (e) => {
       validators: []
     }), t = t.nextPart.get(o);
   }), t;
-}, Qe = (e) => e.isThemeGetter, et = (e, r) => r ? e.map(([t, o]) => {
-  const s = o.map((n) => typeof n == "string" ? r + n : typeof n == "object" ? Object.fromEntries(Object.entries(n).map(([a, i]) => [r + a, i])) : n);
-  return [t, s];
-}) : e, tt = (e) => {
+}, et = (e) => e.isThemeGetter, tt = (e, r) => r ? e.map(([t, o]) => {
+  const n = o.map((s) => typeof s == "string" ? r + s : typeof s == "object" ? Object.fromEntries(Object.entries(s).map(([a, i]) => [r + a, i])) : s);
+  return [t, n];
+}) : e, rt = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -104,33 +104,33 @@ const ce = "-", Ke = (e) => {
       }
     };
   let r = 0, t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
-  const s = (n, a) => {
-    t.set(n, a), r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ new Map());
+  const n = (s, a) => {
+    t.set(s, a), r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ new Map());
   };
   return {
-    get(n) {
-      let a = t.get(n);
+    get(s) {
+      let a = t.get(s);
       if (a !== void 0)
         return a;
-      if ((a = o.get(n)) !== void 0)
-        return s(n, a), a;
+      if ((a = o.get(s)) !== void 0)
+        return n(s, a), a;
     },
-    set(n, a) {
-      t.has(n) ? t.set(n, a) : s(n, a);
+    set(s, a) {
+      t.has(s) ? t.set(s, a) : n(s, a);
     }
   };
-}, Ae = "!", rt = (e) => {
+}, Ae = "!", ot = (e) => {
   const {
     separator: r,
     experimentalParseClassName: t
-  } = e, o = r.length === 1, s = r[0], n = r.length, a = (i) => {
+  } = e, o = r.length === 1, n = r[0], s = r.length, a = (i) => {
     const d = [];
     let u = 0, m = 0, h;
     for (let g = 0; g < i.length; g++) {
       let w = i[g];
       if (u === 0) {
-        if (w === s && (o || i.slice(g, g + n) === r)) {
-          d.push(i.slice(m, g)), m = g + n;
+        if (w === n && (o || i.slice(g, g + s) === r)) {
+          d.push(i.slice(m, g)), m = g + s;
           continue;
         }
         if (w === "/") {
@@ -152,7 +152,7 @@ const ce = "-", Ke = (e) => {
     className: i,
     parseClassName: a
   }) : a;
-}, ot = (e) => {
+}, nt = (e) => {
   if (e.length <= 1)
     return e;
   const r = [];
@@ -160,16 +160,16 @@ const ce = "-", Ke = (e) => {
   return e.forEach((o) => {
     o[0] === "[" ? (r.push(...t.sort(), o), t = []) : t.push(o);
   }), r.push(...t.sort()), r;
-}, nt = (e) => ({
-  cache: tt(e.cacheSize),
-  parseClassName: rt(e),
-  ...Ke(e)
-}), st = /\s+/, it = (e, r) => {
+}, st = (e) => ({
+  cache: rt(e.cacheSize),
+  parseClassName: ot(e),
+  ...Xe(e)
+}), it = /\s+/, at = (e, r) => {
   const {
     parseClassName: t,
     getClassGroupId: o,
-    getConflictingClassGroupIds: s
-  } = r, n = [], a = e.trim().split(st);
+    getConflictingClassGroupIds: n
+  } = r, s = [], a = e.trim().split(it);
   let i = "";
   for (let d = a.length - 1; d >= 0; d -= 1) {
     const u = a[d], {
@@ -190,20 +190,20 @@ const ce = "-", Ke = (e) => {
       }
       k = !1;
     }
-    const g = ot(m).join(":"), w = h ? g + Ae : g, L = w + v;
-    if (n.includes(L))
+    const g = nt(m).join(":"), w = h ? g + Ae : g, L = w + v;
+    if (s.includes(L))
       continue;
-    n.push(L);
-    const V = s(v, k);
+    s.push(L);
+    const V = n(v, k);
     for (let j = 0; j < V.length; ++j) {
       const _ = V[j];
-      n.push(w + _);
+      s.push(w + _);
     }
     i = u + (i.length > 0 ? " " + i : i);
   }
   return i;
 };
-function at() {
+function lt() {
   let e = 0, r, t, o = "";
   for (; e < arguments.length; )
     (r = arguments[e++]) && (t = Te(r)) && (o && (o += " "), o += t);
@@ -217,36 +217,36 @@ const Te = (e) => {
     e[o] && (r = Te(e[o])) && (t && (t += " "), t += r);
   return t;
 };
-function lt(e, ...r) {
-  let t, o, s, n = a;
+function ct(e, ...r) {
+  let t, o, n, s = a;
   function a(d) {
     const u = r.reduce((m, h) => h(m), e());
-    return t = nt(u), o = t.cache.get, s = t.cache.set, n = i, i(d);
+    return t = st(u), o = t.cache.get, n = t.cache.set, s = i, i(d);
   }
   function i(d) {
     const u = o(d);
     if (u)
       return u;
-    const m = it(d, t);
-    return s(d, m), m;
+    const m = at(d, t);
+    return n(d, m), m;
   }
   return function() {
-    return n(at.apply(null, arguments));
+    return s(lt.apply(null, arguments));
   };
 }
 const f = (e) => {
   const r = (t) => t[e] || [];
   return r.isThemeGetter = !0, r;
-}, je = /^\[(?:([a-z-]+):)?(.+)\]$/i, ct = /^\d+\/\d+$/, dt = /* @__PURE__ */ new Set(["px", "full", "screen"]), ut = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, pt = /\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$/, gt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, mt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ht = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, I = (e) => O(e) || dt.has(e) || ct.test(e), S = (e) => R(e, "length", kt), O = (e) => !!e && !Number.isNaN(Number(e)), oe = (e) => R(e, "number", O), W = (e) => !!e && Number.isInteger(Number(e)), ft = (e) => e.endsWith("%") && O(e.slice(0, -1)), p = (e) => je.test(e), A = (e) => ut.test(e), bt = /* @__PURE__ */ new Set(["length", "size", "percentage"]), wt = (e) => R(e, bt, Be), xt = (e) => R(e, "position", Be), yt = /* @__PURE__ */ new Set(["image", "url"]), vt = (e) => R(e, yt, Lt), Ct = (e) => R(e, "", Nt), G = () => !0, R = (e, r, t) => {
+}, je = /^\[(?:([a-z-]+):)?(.+)\]$/i, dt = /^\d+\/\d+$/, ut = /* @__PURE__ */ new Set(["px", "full", "screen"]), pt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, gt = /\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$/, mt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, ht = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ft = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, I = (e) => O(e) || ut.has(e) || dt.test(e), S = (e) => R(e, "length", Nt), O = (e) => !!e && !Number.isNaN(Number(e)), ne = (e) => R(e, "number", O), W = (e) => !!e && Number.isInteger(Number(e)), bt = (e) => e.endsWith("%") && O(e.slice(0, -1)), p = (e) => je.test(e), A = (e) => pt.test(e), wt = /* @__PURE__ */ new Set(["length", "size", "percentage"]), xt = (e) => R(e, wt, Be), yt = (e) => R(e, "position", Be), vt = /* @__PURE__ */ new Set(["image", "url"]), Ct = (e) => R(e, vt, Mt), kt = (e) => R(e, "", Lt), G = () => !0, R = (e, r, t) => {
   const o = je.exec(e);
   return o ? o[1] ? typeof r == "string" ? o[1] === r : r.has(o[1]) : t(o[2]) : !1;
-}, kt = (e) => (
+}, Nt = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
-  pt.test(e) && !gt.test(e)
-), Be = () => !1, Nt = (e) => mt.test(e), Lt = (e) => ht.test(e), Mt = () => {
-  const e = f("colors"), r = f("spacing"), t = f("blur"), o = f("brightness"), s = f("borderColor"), n = f("borderRadius"), a = f("borderSpacing"), i = f("borderWidth"), d = f("contrast"), u = f("grayscale"), m = f("hueRotate"), h = f("invert"), y = f("gap"), N = f("gradientColorStops"), k = f("gradientColorStopPositions"), v = f("inset"), g = f("margin"), w = f("opacity"), L = f("padding"), V = f("saturate"), j = f("scale"), _ = f("sepia"), me = f("skew"), he = f("space"), fe = f("translate"), Q = () => ["auto", "contain", "none"], ee = () => ["auto", "hidden", "clip", "visible", "scroll"], te = () => ["auto", p, r], b = () => [p, r], be = () => ["", I, S], $ = () => ["auto", O, p], we = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], Z = () => ["solid", "dashed", "dotted", "double", "none"], xe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], re = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], P = () => ["", "0", p], ye = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], z = () => [O, p];
+  gt.test(e) && !mt.test(e)
+), Be = () => !1, Lt = (e) => ht.test(e), Mt = (e) => ft.test(e), Et = () => {
+  const e = f("colors"), r = f("spacing"), t = f("blur"), o = f("brightness"), n = f("borderColor"), s = f("borderRadius"), a = f("borderSpacing"), i = f("borderWidth"), d = f("contrast"), u = f("grayscale"), m = f("hueRotate"), h = f("invert"), y = f("gap"), N = f("gradientColorStops"), k = f("gradientColorStopPositions"), v = f("inset"), g = f("margin"), w = f("opacity"), L = f("padding"), V = f("saturate"), j = f("scale"), _ = f("sepia"), me = f("skew"), he = f("space"), fe = f("translate"), ee = () => ["auto", "contain", "none"], te = () => ["auto", "hidden", "clip", "visible", "scroll"], re = () => ["auto", p, r], b = () => [p, r], be = () => ["", I, S], $ = () => ["auto", O, p], we = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], Z = () => ["solid", "dashed", "dotted", "double", "none"], xe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], oe = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], P = () => ["", "0", p], ye = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], z = () => [O, p];
   return {
     cacheSize: 500,
     separator: ":",
@@ -265,9 +265,9 @@ const f = (e) => {
       invert: P(),
       gap: b(),
       gradientColorStops: [e],
-      gradientColorStopPositions: [ft, S],
-      inset: te(),
-      margin: te(),
+      gradientColorStopPositions: [bt, S],
+      inset: re(),
+      margin: re(),
       opacity: z(),
       padding: b(),
       saturate: z(),
@@ -376,42 +376,42 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: ee()
+        overflow: te()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": ee()
+        "overflow-x": te()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": ee()
+        "overflow-y": te()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: Q()
+        overscroll: ee()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": Q()
+        "overscroll-x": ee()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": Q()
+        "overscroll-y": ee()
       }],
       /**
        * Position
@@ -499,7 +499,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: te()
+        basis: re()
       }],
       /**
        * Flex Direction
@@ -650,7 +650,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...re()]
+        justify: ["normal", ...oe()]
       }],
       /**
        * Justify Items
@@ -671,7 +671,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...re(), "baseline"]
+        content: ["normal", ...oe(), "baseline"]
       }],
       /**
        * Align Items
@@ -692,7 +692,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...re(), "baseline"]
+        "place-content": [...oe(), "baseline"]
       }],
       /**
        * Place Items
@@ -934,7 +934,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", oe]
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", ne]
       }],
       /**
        * Font Family
@@ -985,7 +985,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": ["none", O, oe]
+        "line-clamp": ["none", O, ne]
       }],
       /**
        * Line Height
@@ -1178,7 +1178,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...we(), xt]
+        bg: [...we(), yt]
       }],
       /**
        * Background Repeat
@@ -1194,7 +1194,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", wt]
+        bg: ["auto", "cover", "contain", xt]
       }],
       /**
        * Background Image
@@ -1203,7 +1203,7 @@ const f = (e) => {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, vt]
+        }, Ct]
       }],
       /**
        * Background Color
@@ -1260,105 +1260,105 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: [n]
+        rounded: [s]
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": [n]
+        "rounded-s": [s]
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": [n]
+        "rounded-e": [s]
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": [n]
+        "rounded-t": [s]
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": [n]
+        "rounded-r": [s]
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": [n]
+        "rounded-b": [s]
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": [n]
+        "rounded-l": [s]
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": [n]
+        "rounded-ss": [s]
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": [n]
+        "rounded-se": [s]
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": [n]
+        "rounded-ee": [s]
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": [n]
+        "rounded-es": [s]
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": [n]
+        "rounded-tl": [s]
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": [n]
+        "rounded-tr": [s]
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": [n]
+        "rounded-br": [s]
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": [n]
+        "rounded-bl": [s]
       }],
       /**
        * Border Width
@@ -1480,70 +1480,70 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: [s]
+        border: [n]
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": [s]
+        "border-x": [n]
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": [s]
+        "border-y": [n]
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": [s]
+        "border-s": [n]
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": [s]
+        "border-e": [n]
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": [s]
+        "border-t": [n]
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": [s]
+        "border-r": [n]
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": [s]
+        "border-b": [n]
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": [s]
+        "border-l": [n]
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: [s]
+        divide: [n]
       }],
       /**
        * Outline Style
@@ -1619,7 +1619,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", A, Ct]
+        shadow: ["", "inner", "none", A, kt]
       }],
       /**
        * Box Shadow Color
@@ -2199,7 +2199,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [I, S, oe]
+        stroke: [I, S, ne]
       }],
       /**
        * Stroke
@@ -2274,8 +2274,8 @@ const f = (e) => {
       "font-size": ["leading"]
     }
   };
-}, Et = /* @__PURE__ */ lt(Mt), x = (...e) => Et(Ie(e)), Oe = X(null), zt = () => {
-  const e = ae(Oe);
+}, zt = /* @__PURE__ */ ct(Et), x = (...e) => zt(Ie(e)), Oe = X(null), It = () => {
+  const e = Y(Oe);
   if (!e)
     throw new Error("useAccordion must be used within an AccordionProvider");
   return e;
@@ -2319,29 +2319,29 @@ const f = (e) => {
   red: F.red[300],
   green: F.green[300],
   black: F.black
-}, It = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M12 5V19", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M19 12L5 12", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), St = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M6 9L12 15L18 9", stroke: "currentColor", strokeWidth: 2 })), At = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M15.5 5L8.5 12L15.5 19", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), Tt = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M8.5 19L15.5 12L8.5 5", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), jt = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M18 15L12 9L6 15", stroke: "currentColor", strokeWidth: 2 })), Bt = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M22.1354 12.4999C22.1354 7.17836 17.8215 2.86444 12.5 2.86444C7.17852 2.86444 2.8646 7.17836 2.8646 12.4999C2.8646 17.8214 7.17852 22.1353 12.5 22.1353C17.8215 22.1353 22.1354 17.8214 22.1354 12.4999Z", fill: "currentColor", stroke: "currentColor", strokeWidth: 1.83333 }), /* @__PURE__ */ c.createElement("path", { d: "M7.81272 11.9807L10.7307 15.3155C11.1089 15.7477 11.7866 15.7297 12.1414 15.2782L17.1877 8.85565", stroke: "white", strokeWidth: 1.83333, strokeLinecap: "round", strokeLinejoin: "round" })), Ot = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M19 19L5 5", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M19 5L5 19", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" })), Rt = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M9.58712 0.833984C9.05021 0.833984 8.61447 1.26944 8.61447 1.80664V12.0798L5.69651 9.19295L4.32896 10.5605L8.88779 15.1504C9.26809 15.5298 9.90614 15.5298 10.2864 15.1504L14.8453 10.5605L13.4777 9.19295L10.5598 12.0798V1.80664C10.5598 1.26944 10.124 0.833887 9.58712 0.833984ZM1.8059 12.5058C1.269 12.5058 0.833252 12.9415 0.833252 13.4785V15.4238C0.833252 17.5723 2.57527 19.3144 4.72386 19.3144H14.4504C16.599 19.3144 18.341 17.5723 18.341 15.4238V13.4785C18.341 12.9415 17.9052 12.5058 17.3683 12.5058C16.8314 12.5058 16.3957 12.9415 16.3957 13.4785V15.4238C16.3957 16.4985 15.5252 17.3691 14.4504 17.3691H4.72386C3.64908 17.3691 2.77856 16.4985 2.77856 15.4238V13.4785C2.77856 12.9415 2.34281 12.5058 1.8059 12.5058Z", fill: "currentColor" })), Vt = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M11.0002 5.4987C12.0127 5.4987 12.8335 4.67789 12.8335 3.66536C12.8335 2.65284 12.0127 1.83203 11.0002 1.83203C9.98764 1.83203 9.16683 2.65284 9.16683 3.66536C9.16683 4.67789 9.98764 5.4987 11.0002 5.4987Z", fill: "currentColor", stroke: "currentColor", strokeWidth: 0.458333 }), /* @__PURE__ */ c.createElement("path", { d: "M11.0002 12.8327C12.0127 12.8327 12.8335 12.0119 12.8335 10.9993C12.8335 9.98683 12.0127 9.16602 11.0002 9.16602C9.98764 9.16602 9.16683 9.98683 9.16683 10.9993C9.16683 12.0119 9.98764 12.8327 11.0002 12.8327Z", fill: "currentColor", stroke: "currentColor", strokeWidth: 0.458333 }), /* @__PURE__ */ c.createElement("path", { d: "M11.0002 20.1647C12.0127 20.1647 12.8335 19.3439 12.8335 18.3314C12.8335 17.3189 12.0127 16.498 11.0002 16.498C9.98764 16.498 9.16683 17.3189 9.16683 18.3314C9.16683 19.3439 9.98764 20.1647 11.0002 20.1647Z", fill: "currentColor", stroke: "currentColor", strokeWidth: 0.458333 })), Pt = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M6.4668 4.75H13.709C13.9521 4.75 14.1855 4.84669 14.3574 5.01855L18.1816 8.8418C18.3535 9.01368 18.4502 9.24716 18.4502 9.49023V18.333C18.4502 18.8392 18.0394 19.25 17.5332 19.25H6.4668C5.96054 19.25 5.5498 18.8393 5.5498 18.333V5.66699C5.5498 5.16073 5.96054 4.75 6.4668 4.75Z", stroke: "currentColor", strokeWidth: 1.5 }), /* @__PURE__ */ c.createElement("path", { d: "M12 10V14.8109", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M14.4058 12.4062L9.59482 12.4063", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), Wt = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 21 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M2.62402 5.33984C2.14102 5.33984 1.74902 5.73184 1.74902 6.21484C1.74902 6.69784 2.14102 7.08984 2.62402 7.08984H18.374C18.857 7.08984 19.249 6.69784 19.249 6.21484C19.249 5.73184 18.857 5.33984 18.374 5.33984H2.62402ZM2.62402 9.71484C2.14102 9.71484 1.74902 10.1068 1.74902 10.5898C1.74902 11.0728 2.14102 11.4648 2.62402 11.4648H18.374C18.857 11.4648 19.249 11.0728 19.249 10.5898C19.249 10.1068 18.857 9.71484 18.374 9.71484H2.62402ZM2.62402 14.0898C2.14102 14.0898 1.74902 14.4818 1.74902 14.9648C1.74902 15.4478 2.14102 15.8398 2.62402 15.8398H18.374C18.857 15.8398 19.249 15.4478 19.249 14.9648C19.249 14.4818 18.857 14.0898 18.374 14.0898H2.62402Z", fill: "currentColor" })), Gt = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...e }, /* @__PURE__ */ c.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }), /* @__PURE__ */ c.createElement("path", { d: "M18.364 5.636L16.95 7.05A7 7 0 1 0 19 12h2a9 9 0 1 1-2.636-6.364z" })), Ft = (e) => /* @__PURE__ */ c.createElement("svg", { width: 27, height: 27, viewBox: "0 0 27 27", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M17.9999 4.5L9.79537 12.7045C9.35603 13.1438 9.35603 13.8562 9.79537 14.2955L17.9999 22.5", stroke: "#4B5563", strokeWidth: 3, strokeLinecap: "round" })), Ht = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 21 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("circle", { cx: 10.0915, cy: 10.0915, r: 10.0915, fill: "currentColor" }), /* @__PURE__ */ c.createElement("path", { d: "M13.3923 5.83097V14H12.0835L8.21334 8.41482H8.14564V14H6.67883V5.83097H8.01024L11.8578 11.4161H11.9368V5.83097H13.3923Z", fill: "white" })), _t = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M15.0117 1.95312C14.7465 1.95312 14.4738 2.09163 14.2823 2.27493C12.7337 3.75773 12.2595 4.99773 12.8257 6.69633C11.5046 7.70893 10.6702 7.95743 9.02099 7.95743C6.76649 7.95743 5.29449 8.22923 4.29289 9.23013V9.26133C3.35569 10.1981 3.35569 11.6981 4.29289 12.6341L7.09309 15.4561L2.32199 20.2251C1.93149 20.6151 1.90239 21.2701 2.29289 21.6601C2.68349 22.0511 3.33989 22.0511 3.73049 21.6601L8.51929 16.8701L11.3242 19.6611C12.2615 20.5981 13.7619 20.5981 14.6992 19.6611H14.7305C15.7325 18.6601 16.0117 17.3771 16.0117 14.9451C16.0117 13.3991 16.329 12.3081 17.2897 11.1601C19.1386 11.7021 20.2143 11.1831 21.7305 9.66743C21.918 9.47993 22.0117 9.21413 22.0117 8.94903C22.0117 8.59733 21.9229 8.05823 21.6992 7.38743C21.3389 6.30733 20.7186 5.22063 19.7305 4.23303C18.7423 3.24553 17.6549 2.62553 16.5742 2.26543C15.903 2.04183 15.3636 1.95312 15.0117 1.95312Z", fill: "currentColor" })), $t = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M10.5 15C13.2614 15 15.5 12.7614 15.5 10C15.5 7.23858 13.2614 5 10.5 5C7.73858 5 5.5 7.23858 5.5 10C5.5 12.7614 7.73858 15 10.5 15Z", stroke: "currentColor", strokeWidth: 1.5 }), /* @__PURE__ */ c.createElement("path", { d: "M13.5 14L18.5 19", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" })), Zt = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M4.5 5L4.5 20C4.5 21.1046 5.39543 22 6.5 22H17.5C18.6046 22 19.5 21.1046 19.5 20V5", stroke: "currentColor", strokeWidth: 2 }), /* @__PURE__ */ c.createElement("path", { d: "M10 11V16", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M14 11V16", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2.5 5H21.5", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M7 5L7.22147 3.6712C7.3822 2.70683 8.21658 2 9.19425 2H12H14.8057C15.7834 2 16.6178 2.70683 16.7785 3.6712L17 5", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" })), Dt = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M12.5 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V11.5", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M17.7692 9.5553L11.4369 15.8419C11.2028 16.0743 10.9149 16.2452 10.5987 16.3394L6.84161 17.4584C6.65443 17.5141 6.47848 17.3434 6.52862 17.1546L7.44415 13.7085C7.53339 13.3726 7.70863 13.0657 7.95258 12.8182L14.4445 6.23064M17.7692 9.5553L19.5859 7.73859C20.3669 6.95754 20.3669 5.69122 19.5859 4.91017L19.0896 4.41394C18.3086 3.63289 17.0423 3.63289 16.2612 4.41394L14.4445 6.23064M17.7692 9.5553L14.4445 6.23064", stroke: "currentColor", strokeWidth: 2 })), Ve = {
-  add: It,
-  arrowDown: St,
-  arrowUp: jt,
-  arrowLeft: At,
-  arrowRight: Tt,
-  check: Bt,
-  close: Ot,
-  download: Rt,
-  etc: Vt,
-  file: Pt,
-  list: Wt,
-  navbarArrow: Ft,
-  new: Ht,
-  pin: _t,
-  search: $t,
-  trash: Zt,
-  write: Dt,
-  loading: Gt
+}, St = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M12 5V19", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M19 12L5 12", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), At = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M6 9L12 15L18 9", stroke: "currentColor", strokeWidth: 2 })), Tt = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M15.5 5L8.5 12L15.5 19", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), jt = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M8.5 19L15.5 12L8.5 5", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), Bt = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M18 15L12 9L6 15", stroke: "currentColor", strokeWidth: 2 })), Ot = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M22.1354 12.4999C22.1354 7.17836 17.8215 2.86444 12.5 2.86444C7.17852 2.86444 2.8646 7.17836 2.8646 12.4999C2.8646 17.8214 7.17852 22.1353 12.5 22.1353C17.8215 22.1353 22.1354 17.8214 22.1354 12.4999Z", fill: "currentColor", stroke: "currentColor", strokeWidth: 1.83333 }), /* @__PURE__ */ c.createElement("path", { d: "M7.81272 11.9807L10.7307 15.3155C11.1089 15.7477 11.7866 15.7297 12.1414 15.2782L17.1877 8.85565", stroke: "white", strokeWidth: 1.83333, strokeLinecap: "round", strokeLinejoin: "round" })), Rt = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M19 19L5 5", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M19 5L5 19", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" })), Vt = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M9.58712 0.833984C9.05021 0.833984 8.61447 1.26944 8.61447 1.80664V12.0798L5.69651 9.19295L4.32896 10.5605L8.88779 15.1504C9.26809 15.5298 9.90614 15.5298 10.2864 15.1504L14.8453 10.5605L13.4777 9.19295L10.5598 12.0798V1.80664C10.5598 1.26944 10.124 0.833887 9.58712 0.833984ZM1.8059 12.5058C1.269 12.5058 0.833252 12.9415 0.833252 13.4785V15.4238C0.833252 17.5723 2.57527 19.3144 4.72386 19.3144H14.4504C16.599 19.3144 18.341 17.5723 18.341 15.4238V13.4785C18.341 12.9415 17.9052 12.5058 17.3683 12.5058C16.8314 12.5058 16.3957 12.9415 16.3957 13.4785V15.4238C16.3957 16.4985 15.5252 17.3691 14.4504 17.3691H4.72386C3.64908 17.3691 2.77856 16.4985 2.77856 15.4238V13.4785C2.77856 12.9415 2.34281 12.5058 1.8059 12.5058Z", fill: "currentColor" })), Pt = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M11.0002 5.4987C12.0127 5.4987 12.8335 4.67789 12.8335 3.66536C12.8335 2.65284 12.0127 1.83203 11.0002 1.83203C9.98764 1.83203 9.16683 2.65284 9.16683 3.66536C9.16683 4.67789 9.98764 5.4987 11.0002 5.4987Z", fill: "currentColor", stroke: "currentColor", strokeWidth: 0.458333 }), /* @__PURE__ */ c.createElement("path", { d: "M11.0002 12.8327C12.0127 12.8327 12.8335 12.0119 12.8335 10.9993C12.8335 9.98683 12.0127 9.16602 11.0002 9.16602C9.98764 9.16602 9.16683 9.98683 9.16683 10.9993C9.16683 12.0119 9.98764 12.8327 11.0002 12.8327Z", fill: "currentColor", stroke: "currentColor", strokeWidth: 0.458333 }), /* @__PURE__ */ c.createElement("path", { d: "M11.0002 20.1647C12.0127 20.1647 12.8335 19.3439 12.8335 18.3314C12.8335 17.3189 12.0127 16.498 11.0002 16.498C9.98764 16.498 9.16683 17.3189 9.16683 18.3314C9.16683 19.3439 9.98764 20.1647 11.0002 20.1647Z", fill: "currentColor", stroke: "currentColor", strokeWidth: 0.458333 })), Wt = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M6.4668 4.75H13.709C13.9521 4.75 14.1855 4.84669 14.3574 5.01855L18.1816 8.8418C18.3535 9.01368 18.4502 9.24716 18.4502 9.49023V18.333C18.4502 18.8392 18.0394 19.25 17.5332 19.25H6.4668C5.96054 19.25 5.5498 18.8393 5.5498 18.333V5.66699C5.5498 5.16073 5.96054 4.75 6.4668 4.75Z", stroke: "currentColor", strokeWidth: 1.5 }), /* @__PURE__ */ c.createElement("path", { d: "M12 10V14.8109", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M14.4058 12.4062L9.59482 12.4063", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), Gt = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 21 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M2.62402 5.33984C2.14102 5.33984 1.74902 5.73184 1.74902 6.21484C1.74902 6.69784 2.14102 7.08984 2.62402 7.08984H18.374C18.857 7.08984 19.249 6.69784 19.249 6.21484C19.249 5.73184 18.857 5.33984 18.374 5.33984H2.62402ZM2.62402 9.71484C2.14102 9.71484 1.74902 10.1068 1.74902 10.5898C1.74902 11.0728 2.14102 11.4648 2.62402 11.4648H18.374C18.857 11.4648 19.249 11.0728 19.249 10.5898C19.249 10.1068 18.857 9.71484 18.374 9.71484H2.62402ZM2.62402 14.0898C2.14102 14.0898 1.74902 14.4818 1.74902 14.9648C1.74902 15.4478 2.14102 15.8398 2.62402 15.8398H18.374C18.857 15.8398 19.249 15.4478 19.249 14.9648C19.249 14.4818 18.857 14.0898 18.374 14.0898H2.62402Z", fill: "currentColor" })), Ft = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...e }, /* @__PURE__ */ c.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }), /* @__PURE__ */ c.createElement("path", { d: "M18.364 5.636L16.95 7.05A7 7 0 1 0 19 12h2a9 9 0 1 1-2.636-6.364z" })), Ht = (e) => /* @__PURE__ */ c.createElement("svg", { width: 27, height: 27, viewBox: "0 0 27 27", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M17.9999 4.5L9.79537 12.7045C9.35603 13.1438 9.35603 13.8562 9.79537 14.2955L17.9999 22.5", stroke: "#4B5563", strokeWidth: 3, strokeLinecap: "round" })), _t = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 21 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("circle", { cx: 10.0915, cy: 10.0915, r: 10.0915, fill: "currentColor" }), /* @__PURE__ */ c.createElement("path", { d: "M13.3923 5.83097V14H12.0835L8.21334 8.41482H8.14564V14H6.67883V5.83097H8.01024L11.8578 11.4161H11.9368V5.83097H13.3923Z", fill: "white" })), $t = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M15.0117 1.95312C14.7465 1.95312 14.4738 2.09163 14.2823 2.27493C12.7337 3.75773 12.2595 4.99773 12.8257 6.69633C11.5046 7.70893 10.6702 7.95743 9.02099 7.95743C6.76649 7.95743 5.29449 8.22923 4.29289 9.23013V9.26133C3.35569 10.1981 3.35569 11.6981 4.29289 12.6341L7.09309 15.4561L2.32199 20.2251C1.93149 20.6151 1.90239 21.2701 2.29289 21.6601C2.68349 22.0511 3.33989 22.0511 3.73049 21.6601L8.51929 16.8701L11.3242 19.6611C12.2615 20.5981 13.7619 20.5981 14.6992 19.6611H14.7305C15.7325 18.6601 16.0117 17.3771 16.0117 14.9451C16.0117 13.3991 16.329 12.3081 17.2897 11.1601C19.1386 11.7021 20.2143 11.1831 21.7305 9.66743C21.918 9.47993 22.0117 9.21413 22.0117 8.94903C22.0117 8.59733 21.9229 8.05823 21.6992 7.38743C21.3389 6.30733 20.7186 5.22063 19.7305 4.23303C18.7423 3.24553 17.6549 2.62553 16.5742 2.26543C15.903 2.04183 15.3636 1.95312 15.0117 1.95312Z", fill: "currentColor" })), Zt = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M10.5 15C13.2614 15 15.5 12.7614 15.5 10C15.5 7.23858 13.2614 5 10.5 5C7.73858 5 5.5 7.23858 5.5 10C5.5 12.7614 7.73858 15 10.5 15Z", stroke: "currentColor", strokeWidth: 1.5 }), /* @__PURE__ */ c.createElement("path", { d: "M13.5 14L18.5 19", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" })), Dt = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M4.5 5L4.5 20C4.5 21.1046 5.39543 22 6.5 22H17.5C18.6046 22 19.5 21.1046 19.5 20V5", stroke: "currentColor", strokeWidth: 2 }), /* @__PURE__ */ c.createElement("path", { d: "M10 11V16", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M14 11V16", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M2.5 5H21.5", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M7 5L7.22147 3.6712C7.3822 2.70683 8.21658 2 9.19425 2H12H14.8057C15.7834 2 16.6178 2.70683 16.7785 3.6712L17 5", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" })), Ut = (e) => /* @__PURE__ */ c.createElement("svg", { width: "current", height: "current", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.createElement("path", { d: "M12.5 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V11.5", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M17.7692 9.5553L11.4369 15.8419C11.2028 16.0743 10.9149 16.2452 10.5987 16.3394L6.84161 17.4584C6.65443 17.5141 6.47848 17.3434 6.52862 17.1546L7.44415 13.7085C7.53339 13.3726 7.70863 13.0657 7.95258 12.8182L14.4445 6.23064M17.7692 9.5553L19.5859 7.73859C20.3669 6.95754 20.3669 5.69122 19.5859 4.91017L19.0896 4.41394C18.3086 3.63289 17.0423 3.63289 16.2612 4.41394L14.4445 6.23064M17.7692 9.5553L14.4445 6.23064", stroke: "currentColor", strokeWidth: 2 })), Ve = {
+  add: St,
+  arrowDown: At,
+  arrowUp: Bt,
+  arrowLeft: Tt,
+  arrowRight: jt,
+  check: Ot,
+  close: Rt,
+  download: Vt,
+  etc: Pt,
+  file: Wt,
+  list: Gt,
+  navbarArrow: Ht,
+  new: _t,
+  pin: $t,
+  search: Zt,
+  trash: Dt,
+  write: Ut,
+  loading: Ft
 }, Mr = Object.keys(Ve);
 function M({ name: e, color: r = "gray", size: t = 25, ...o }) {
-  const s = Ve[e];
-  return /* @__PURE__ */ l(s, { width: `${t}px`, height: `${t}px`, style: { color: Re[r] }, ...o });
+  const n = Ve[e];
+  return /* @__PURE__ */ l(n, { width: `${t}px`, height: `${t}px`, style: { color: Re[r] }, ...o });
 }
 function Er({
   type: e = "single",
@@ -2349,16 +2349,16 @@ function Er({
   children: t,
   ...o
 }) {
-  const [s, n] = E([]), a = (i) => {
+  const [n, s] = E([]), a = (i) => {
     if (e === "single") {
-      n((d) => d.includes(i) ? [] : [i]);
+      s((d) => d.includes(i) ? [] : [i]);
       return;
     }
-    n(
+    s(
       (d) => d.includes(i) ? d.filter((u) => u !== i) : [...d, i]
     );
   };
-  return /* @__PURE__ */ l(Oe.Provider, { value: { openItems: s, toggleItem: a, type: e }, children: /* @__PURE__ */ l("div", { className: x("w-full", r), ...o, children: t }) });
+  return /* @__PURE__ */ l(Oe.Provider, { value: { openItems: n, toggleItem: a, type: e }, children: /* @__PURE__ */ l("div", { className: x("w-full", r), ...o, children: t }) });
 }
 const U = {
   initial: { height: 0, opacity: 0 },
@@ -2374,11 +2374,11 @@ function zr({
   isArrow: r = !0,
   value: t,
   btnClassName: o,
-  contentClassName: s,
-  children: n,
+  contentClassName: n,
+  children: s,
   ...a
 }) {
-  const i = zt(), d = le(), u = `accordion-trigger-${d}`, m = `accordion-content-${d}`, h = qe(), { openItems: y, toggleItem: N } = i, k = y.includes(t);
+  const i = It(), d = le(), u = `accordion-trigger-${d}`, m = `accordion-content-${d}`, h = Je(), { openItems: y, toggleItem: N } = i, k = y.includes(t);
   return /* @__PURE__ */ C("div", { className: "border-b border-gray-200", "data-state": k ? "open" : "closed", ...a, children: [
     /* @__PURE__ */ C(
       "button",
@@ -2416,19 +2416,19 @@ function zr({
         exit: h ? void 0 : U.exit,
         transition: h ? void 0 : U.transition,
         className: "overflow-hidden",
-        children: /* @__PURE__ */ l("div", { className: x("bg-gray-50 px-6 py-4", s), children: n })
+        children: /* @__PURE__ */ l("div", { className: x("bg-gray-50 px-6 py-4", n), children: s })
       }
     ) })
   ] });
 }
-const Ut = {
+const qt = {
   sm: { class: "size-14", width: 56, height: 56 },
   md: { class: "size-16", width: 64, height: 64 },
   lg: { class: "size-18", width: 72, height: 72 },
   xl: { class: "size-20", width: 80, height: 80 }
 };
-function Ir({ size: e = "lg", src: r, alt: t, className: o, ...s }) {
-  const { class: n, width: a, height: i } = Ut[e];
+function Ir({ size: e = "lg", src: r, alt: t, className: o, ...n }) {
+  const { class: s, width: a, height: i } = qt[e];
   return /* @__PURE__ */ l(
     "img",
     {
@@ -2437,18 +2437,18 @@ function Ir({ size: e = "lg", src: r, alt: t, className: o, ...s }) {
       width: a,
       height: i,
       loading: "lazy",
-      className: x("rounded-full border border-gray-200 object-cover", n, o),
-      ...s
+      className: x("rounded-full border border-gray-200 object-cover", s, o),
+      ...n
     }
   );
 }
-const qt = {
+const Jt = {
   positive: "bg-green-50 text-green-200",
   negative: "bg-red-100 text-red-300",
   neutral: "bg-gray-100 text-gray-400"
 };
 function Sr({ variant: e = "neutral", text: r, ...t }) {
-  const o = qt[e];
+  const o = Jt[e];
   return /* @__PURE__ */ l(
     "div",
     {
@@ -2461,14 +2461,14 @@ function Sr({ variant: e = "neutral", text: r, ...t }) {
     }
   );
 }
-const Le = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Me = Ie, Y = (e, r) => (t) => {
+const Le = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Me = Ie, Q = (e, r) => (t) => {
   var o;
   if ((r == null ? void 0 : r.variants) == null) return Me(e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
-  const { variants: s, defaultVariants: n } = r, a = Object.keys(s).map((u) => {
-    const m = t == null ? void 0 : t[u], h = n == null ? void 0 : n[u];
+  const { variants: n, defaultVariants: s } = r, a = Object.keys(n).map((u) => {
+    const m = t == null ? void 0 : t[u], h = s == null ? void 0 : s[u];
     if (m === null) return null;
     const y = Le(m) || Le(h);
-    return s[u][y];
+    return n[u][y];
   }), i = t && Object.entries(t).reduce((u, m) => {
     let [h, y] = m;
     return y === void 0 || (u[h] = y), u;
@@ -2477,10 +2477,10 @@ const Le = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Me = Ie, Y
     return Object.entries(N).every((k) => {
       let [v, g] = k;
       return Array.isArray(g) ? g.includes({
-        ...n,
+        ...s,
         ...i
       }[v]) : {
-        ...n,
+        ...s,
         ...i
       }[v] === g;
     }) ? [
@@ -2490,7 +2490,7 @@ const Le = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Me = Ie, Y
     ] : u;
   }, []);
   return Me(e, a, d, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
-}, Jt = Y(
+}, Kt = Q(
   "flex justify-center items-center text-sm font-medium py-2.5 md:py-4 md:text-base md:font-semibold cursor-pointer",
   {
     variants: {
@@ -2537,39 +2537,39 @@ function Ar({
   variant: r,
   color: t,
   size: o = "md",
-  rounded: s = !1,
-  isLoading: n = !1,
+  rounded: n = !1,
+  isLoading: s = !1,
   disabled: a,
   className: i,
   ...d
 }) {
-  const u = n || a;
+  const u = s || a;
   return /* @__PURE__ */ C(
     "button",
     {
       type: "button",
       className: x(
-        Jt({ variant: r, color: t, size: o }),
+        Kt({ variant: r, color: t, size: o }),
         u && "cursor-not-allowed bg-gray-100 text-gray-400 hover:bg-gray-100",
-        s ? "rounded-full" : "rounded-[10px] md:rounded-xl",
+        n ? "rounded-full" : "rounded-[10px] md:rounded-xl",
         i
       ),
       disabled: u,
       ...d,
       children: [
-        n && /* @__PURE__ */ l(M, { name: "loading", size: 25, className: "mr-1.5 -ml-1 animate-spin max-md:h-[20px]" }),
+        s && /* @__PURE__ */ l(M, { name: "loading", size: 25, className: "mr-1.5 -ml-1 animate-spin max-md:h-[20px]" }),
         e
       ]
     }
   );
 }
 const Pe = X(null), de = () => {
-  const e = ae(Pe);
+  const e = Y(Pe);
   if (!e)
     throw new Error("useCarousel must be used within a CarouselProvider");
   return e;
-}, Kt = () => {
-  const [e, r] = E(0), [t, o] = E(0), [s, n] = E(!1), a = se(null), i = se(null);
+}, Xt = () => {
+  const [e, r] = E(0), [t, o] = E(0), [n, s] = E(!1), a = ie(null), i = ie(null);
   K(() => {
     if (a.current) {
       const w = a.current.children.length;
@@ -2584,10 +2584,10 @@ const Pe = X(null), de = () => {
       behavior: "smooth"
     }), r(g);
   }, []), u = D(() => {
-    if (s || t === 0) return;
+    if (n || t === 0) return;
     const g = e >= t - 1 ? 0 : e + 1;
     d(g);
-  }, [d, s, e, t]), m = D(() => {
+  }, [d, n, e, t]), m = D(() => {
     const g = t - 1, w = Math.min(e + 1, g);
     d(w);
   }, [e, t, d]), h = D(() => {
@@ -2595,12 +2595,12 @@ const Pe = X(null), de = () => {
     d(g);
   }, [e, d]);
   K(() => {
-    if (!(t === 0 || s))
+    if (!(t === 0 || n))
       return i.current = setInterval(u, 3e3), () => {
         i.current && clearInterval(i.current);
       };
-  }, [u, t, s]);
-  const y = () => n(!0), N = () => n(!1), k = e < t - 1, v = e > 0;
+  }, [u, t, n]);
+  const y = () => s(!0), N = () => s(!1), k = e < t - 1, v = e > 0;
   return {
     currentIndex: e,
     totalItems: t,
@@ -2614,7 +2614,7 @@ const Pe = X(null), de = () => {
   };
 };
 function Tr({ className: e = "", children: r }) {
-  const t = Kt();
+  const t = Xt();
   return /* @__PURE__ */ l(Pe.Provider, { value: t, children: /* @__PURE__ */ C(
     "div",
     {
@@ -2625,8 +2625,8 @@ function Tr({ className: e = "", children: r }) {
       "aria-roledescription": "carousel",
       children: [
         r,
-        /* @__PURE__ */ l(Xt, {}),
-        /* @__PURE__ */ l(Yt, {})
+        /* @__PURE__ */ l(Yt, {}),
+        /* @__PURE__ */ l(Qt, {})
       ]
     }
   ) });
@@ -2648,7 +2648,7 @@ function jr({ children: e, className: r = "" }) {
 function Br({ children: e, className: r = "" }) {
   return /* @__PURE__ */ l("div", { className: x("w-full min-w-full flex-shrink-0", r), children: e });
 }
-function Xt() {
+function Yt() {
   const { goToPrevious: e, canGoNext: r, canGoPrevious: t } = de();
   return r || t ? /* @__PURE__ */ l(
     "button",
@@ -2661,7 +2661,7 @@ function Xt() {
     }
   ) : null;
 }
-function Yt() {
+function Qt() {
   const { goToNext: e, canGoNext: r, canGoPrevious: t } = de();
   return r || t ? /* @__PURE__ */ l(
     "button",
@@ -2692,18 +2692,18 @@ function Or({
     }
   );
 }
-const Qt = {
+const er = {
   row: "flex-row",
   "row-reverse": "flex-row-reverse",
   col: "flex-col",
   "col-reverse": "flex-col-reverse"
-}, er = {
+}, tr = {
   start: "items-start",
   end: "items-end",
   center: "items-center",
   baseline: "items-baseline",
   stretch: "items-stretch"
-}, tr = {
+}, rr = {
   start: "justify-start",
   end: "justify-end",
   center: "justify-center",
@@ -2712,7 +2712,7 @@ const Qt = {
   evenly: "justify-evenly",
   stretch: "justify-stretch",
   baseline: "justify-baseline"
-}, rr = {
+}, or = {
   nowrap: "flex-nowrap",
   wrap: "flex-wrap",
   "wrap-reverse": "flex-wrap-reverse"
@@ -2722,8 +2722,8 @@ function H({
   dir: r = "row",
   alignItems: t = "stretch",
   justifyContent: o = "start",
-  wrap: s = "nowrap",
-  gap: n = 0,
+  wrap: n = "nowrap",
+  gap: s = 0,
   className: a = "",
   children: i,
   ...d
@@ -2733,11 +2733,11 @@ function H({
     {
       className: x(
         "flex",
-        Qt[r],
-        er[t],
-        tr[o],
-        rr[s],
-        `gap-${n}`,
+        er[r],
+        tr[t],
+        rr[o],
+        or[n],
+        `gap-${s}`,
         a
       ),
       ...d,
@@ -2753,9 +2753,9 @@ function Rr({ left: e, right: r }) {
 }
 function ue({ isOpen: e, children: r }) {
   const [t, o] = E(!1);
-  return K(() => (o(!0), () => o(!1)), []), t ? Je(/* @__PURE__ */ l(Ee, { children: e && r }), document.body) : null;
+  return K(() => (o(!0), () => o(!1)), []), t ? Ke(/* @__PURE__ */ l(Ee, { children: e && r }), document.body) : null;
 }
-const ne = {
+const se = {
   initial: { opacity: 0 },
   animate: { opacity: 1 },
   exit: { opacity: 0 }
@@ -2772,9 +2772,9 @@ function Vr({ isOpen: e, onClose: r, children: t }) {
       {
         onClick: r,
         className: "fixed inset-0 bg-black/50",
-        initial: ne.initial,
-        animate: ne.animate,
-        exit: ne.exit
+        initial: se.initial,
+        animate: se.animate,
+        exit: se.exit
       }
     ),
     /* @__PURE__ */ l("div", { className: "fixed top-0 right-0 z-50 h-full", children: /* @__PURE__ */ l(
@@ -2790,7 +2790,7 @@ function Vr({ isOpen: e, onClose: r, children: t }) {
     ) })
   ] });
 }
-const or = Y("whitespace-pre-wrap", {
+const nr = Q("whitespace-pre-wrap", {
   variants: {
     type: {
       Title1: "md:text-4xl text-2xl",
@@ -2813,44 +2813,44 @@ const or = Y("whitespace-pre-wrap", {
     weight: "semibold"
   }
 });
-function nr({
+function sr({
   as: e,
   weight: r,
   className: t,
   children: o,
-  ...s
+  ...n
 }) {
-  return $e(
+  return Ze(
     e || "p",
     {
-      className: x(or({ type: s.variant, weight: r }), t),
-      ...s
+      className: x(nr({ type: n.variant, weight: r }), t),
+      ...n
     },
     o
   );
 }
 const B = (e) => {
   function r(t) {
-    return /* @__PURE__ */ l(nr, { variant: e, ...t });
+    return /* @__PURE__ */ l(sr, { variant: e, ...t });
   }
   return r;
-}, sr = B("Title1"), Pr = B("Title2"), ir = B("Title3"), Wr = B("Body1"), Gr = B("Body2"), ar = B("Body3"), We = B("Caption1");
+}, ir = B("Title1"), Pr = B("Title2"), ar = B("Title3"), Wr = B("Body1"), Gr = B("Body2"), lr = B("Body3"), We = B("Caption1");
 function Fr({ id: e, mode: r, ...t }) {
-  const o = le(), s = e || o;
+  const o = le(), n = e || o;
   return /* @__PURE__ */ C(
     "label",
     {
       className: "focus-within:bg-primary-50 block w-full cursor-pointer rounded-xl border border-gray-200 bg-gray-50 px-4 py-3 transition-colors hover:bg-gray-100 md:py-3.5",
-      htmlFor: s,
+      htmlFor: n,
       children: [
         /* @__PURE__ */ C(H, { alignItems: "center", children: [
           /* @__PURE__ */ l(M, { name: "file", size: 25, color: "gray" }),
-          /* @__PURE__ */ l(ar, { className: "text-gray-400", weight: "medium", children: t.placeholder || (r === "single" ? "파일을 업로드해주세요" : "파일 여러개를 선택해주세요") })
+          /* @__PURE__ */ l(lr, { className: "text-gray-400", weight: "medium", children: t.placeholder || (r === "single" ? "파일을 업로드해주세요" : "파일 여러개를 선택해주세요") })
         ] }),
         /* @__PURE__ */ l(
           "input",
           {
-            id: s,
+            id: n,
             name: "uploadFile",
             type: "file",
             multiple: r === "multiple",
@@ -2862,26 +2862,26 @@ function Fr({ id: e, mode: r, ...t }) {
     }
   );
 }
-const lr = {
+const cr = {
   primary: "hover:bg-primary-400/20",
   gray: "hover:bg-gray-400/20",
   red: "hover:bg-red-400/20",
   green: "hover:bg-green-400/20",
   black: "hover:bg-black/20"
 };
-function cr({
+function dr({
   iconName: e,
   color: r = "gray",
   size: t,
   className: o,
-  ...s
+  ...n
 }) {
   return /* @__PURE__ */ l(
     "button",
     {
       type: "button",
-      className: x("cursor-pointer rounded-md p-1 transition", lr[r], o),
-      ...s,
+      className: x("cursor-pointer rounded-md p-1 transition", cr[r], o),
+      ...n,
       children: /* @__PURE__ */ l(M, { name: e, color: r, size: t })
     }
   );
@@ -2897,7 +2897,7 @@ function Hr({ value: e, onClickReset: r, ...t }) {
       }
     ),
     e && /* @__PURE__ */ l(
-      cr,
+      dr,
       {
         title: "입력값 지우기",
         "aria-label": "입력값 지우기",
@@ -2917,8 +2917,8 @@ const J = {
   transition: { duration: 0.3 }
 };
 function _r({ isOpen: e, closeModal: r, children: t, className: o }) {
-  const s = (n) => {
-    n.target instanceof HTMLElement && n.target === n.currentTarget && r && r();
+  const n = (s) => {
+    s.target instanceof HTMLElement && s.target === s.currentTarget && r && r();
   };
   return /* @__PURE__ */ l(ue, { isOpen: e, children: /* @__PURE__ */ C(
     T.div,
@@ -2929,13 +2929,13 @@ function _r({ isOpen: e, closeModal: r, children: t, className: o }) {
       transition: J.transition,
       className: x("fixed inset-0 z-30 flex w-full items-center justify-center", o),
       children: [
-        /* @__PURE__ */ l("div", { className: "absolute inset-0 bg-black/50", onClick: s }),
-        /* @__PURE__ */ l(dr, { children: t })
+        /* @__PURE__ */ l("div", { className: "absolute inset-0 bg-black/50", onClick: n }),
+        /* @__PURE__ */ l(ur, { children: t })
       ]
     }
   ) });
 }
-function dr({ children: e }) {
+function ur({ children: e }) {
   return /* @__PURE__ */ l(
     H,
     {
@@ -2962,15 +2962,15 @@ function $r({ title: e, size: r, onClick: t }) {
       },
       children: r === "sm" ? /* @__PURE__ */ C(ve, { children: [
         /* @__PURE__ */ l(M, { name: "arrowLeft", className: "w-4 md:w-6" }),
-        /* @__PURE__ */ l(ir, { className: "whitespace-nowrap text-gray-500", children: e })
+        /* @__PURE__ */ l(ar, { className: "whitespace-nowrap text-gray-500", children: e })
       ] }) : /* @__PURE__ */ C(ve, { children: [
         /* @__PURE__ */ l(M, { name: "navbarArrow", className: "w-6 md:w-8" }),
-        /* @__PURE__ */ l(sr, { className: "whitespace-nowrap text-gray-500", children: e })
+        /* @__PURE__ */ l(ir, { className: "whitespace-nowrap text-gray-500", children: e })
       ] })
     }
   );
 }
-function ur({ className: e, ...r }) {
+function pr({ className: e, ...r }) {
   return /* @__PURE__ */ l(
     "nav",
     {
@@ -2981,7 +2981,7 @@ function ur({ className: e, ...r }) {
     }
   );
 }
-function pr({ page: e, isActive: r, onClick: t }) {
+function gr({ page: e, isActive: r, onClick: t }) {
   return /* @__PURE__ */ l(
     "button",
     {
@@ -2992,23 +2992,23 @@ function pr({ page: e, isActive: r, onClick: t }) {
   );
 }
 function Zr({ currentPage: e, totalPages: r, onPageChange: t, className: o = "" }) {
-  const s = () => {
+  const n = () => {
     e > 1 && t(e - 1);
-  }, n = () => {
+  }, s = () => {
     e < r && t(e + 1);
   };
-  return /* @__PURE__ */ C(ur, { className: o, children: [
+  return /* @__PURE__ */ C(pr, { className: o, children: [
     r >= 3 && e > 1 && /* @__PURE__ */ l(
       M,
       {
         name: "arrowLeft",
         size: 35,
         className: "size-9 rounded-md px-2 py-1 hover:bg-gray-100",
-        onClickCapture: s
+        onClickCapture: n
       }
     ),
     Array.from({ length: r }, (a, i) => /* @__PURE__ */ l(
-      pr,
+      gr,
       {
         page: i + 1,
         isActive: i + 1 === e,
@@ -3022,16 +3022,16 @@ function Zr({ currentPage: e, totalPages: r, onPageChange: t, className: o = ""
         name: "arrowRight",
         size: 35,
         className: "size-9 rounded-md px-2 py-1 hover:bg-gray-100",
-        onClickCapture: n
+        onClickCapture: s
       }
     )
   ] });
 }
 const Ge = X(null), Fe = () => {
-  const e = ae(Ge);
+  const e = Y(Ge);
   if (!e) throw new Error("error");
   return e;
-}, gr = Y(
+}, mr = Q(
   "font-semibold text- cursor-pointer first:rounded-t-md last:rounded-b-md hover:bg-gray-50",
   {
     variants: {
@@ -3046,26 +3046,26 @@ const Ge = X(null), Fe = () => {
   }
 );
 function He({ name: e, size: r, className: t }) {
-  const { onSelect: o, size: s, selected: n } = Fe();
+  const { onSelect: o, size: n, selected: s } = Fe();
   return /* @__PURE__ */ l(
     "div",
     {
       role: "option",
       tabIndex: 0,
-      "aria-selected": n === e,
+      "aria-selected": s === e,
       onClick: () => o(e),
       onKeyDown: (a) => {
         (a.key === "Enter" || a.key === " ") && (a.preventDefault(), o(e));
       },
-      className: x(gr({ size: r || s }), t),
+      className: x(mr({ size: r || n }), t),
       children: e
     }
   );
 }
-function mr({ name: e }) {
+function hr({ name: e }) {
   return /* @__PURE__ */ l("div", { className: "border-b-2 border-gray-100 px-5 py-2 text-base text-gray-300 md:text-lg", children: e });
 }
-const hr = Y(
+const fr = Q(
   "absolute top-full left-0 z-50 mt-1 max-h-60 w-full overflow-y-auto rounded-md border border-gray-200 bg-white font-semibold text-gray-400 shadow-lg",
   {
     variants: {
@@ -3081,9 +3081,9 @@ const hr = Y(
 );
 function pe({ children: e, size: r }) {
   const { size: t } = Fe();
-  return /* @__PURE__ */ l("div", { className: x(hr({ size: r || t })), children: e });
+  return /* @__PURE__ */ l("div", { className: x(fr({ size: r || t })), children: e });
 }
-const fr = {
+const br = {
   md: "px-3 py-1 text-sm w-fit min-w-24",
   lg: "px-5 py-1.5 md:py-2.5 min-w-64 md:w-72 text-base md:text-lg"
 };
@@ -3093,7 +3093,7 @@ function ge({ selected: e, onClick: r, isOpen: t, size: o = "lg" }) {
     {
       onClick: r,
       className: x(
-        fr[o],
+        br[o],
         "flex cursor-pointer items-center rounded-lg border border-gray-200 bg-white text-start font-semibold text-gray-400"
       ),
       children: /* @__PURE__ */ C(
@@ -3123,8 +3123,8 @@ function ge({ selected: e, onClick: r, isOpen: t, size: o = "lg" }) {
   );
 }
 function _e({ value: e, onChange: r, size: t = "lg", children: o }) {
-  const [s, n] = E(!1), a = (i) => {
-    n(!1), r == null || r(i);
+  const [n, s] = E(!1), a = (i) => {
+    s(!1), r == null || r(i);
   };
   return /* @__PURE__ */ l(
     Ge.Provider,
@@ -3139,12 +3139,12 @@ function _e({ value: e, onChange: r, size: t = "lg", children: o }) {
           ge,
           {
             selected: e,
-            onClick: () => n(!s),
+            onClick: () => s(!n),
             size: t,
-            isOpen: s
+            isOpen: n
           }
         ),
-        s && /* @__PURE__ */ l(pe, { children: o })
+        n && /* @__PURE__ */ l(pe, { children: o })
       ] })
     }
   );
@@ -3158,7 +3158,7 @@ Object.assign(_e, {
   Option: He,
   Select: ge,
   List: pe,
-  Group: mr
+  Group: hr
 });
 function Ur({ className: e, ...r }) {
   return /* @__PURE__ */ l("div", { className: x("w-full animate-pulse rounded-md bg-gray-200", e), ...r });
@@ -3174,21 +3174,21 @@ function qr({ color: e = "primary", ...r }) {
     }
   );
 }
-const br = X(void 0);
+const $e = X(void 0);
 function Jr({ children: e, defaultIndex: r = 0, ...t }) {
-  const o = Ze(
-    () => De.toArray(e).filter((a) => Ue(a)).map((a) => a.props.label),
+  const o = De(
+    () => Ue.toArray(e).filter((a) => qe(a)).map((a) => a.props.label),
     [e]
-  ), [s, n] = E(o[r]);
-  return /* @__PURE__ */ l(br.Provider, { value: { activeLabel: s }, children: /* @__PURE__ */ C("div", { ...t, children: [
+  ), [n, s] = E(o[r]);
+  return /* @__PURE__ */ l($e.Provider, { value: { activeLabel: n }, children: /* @__PURE__ */ C("div", { ...t, children: [
     /* @__PURE__ */ l("nav", { className: "flex w-full", children: o.map((a) => /* @__PURE__ */ C(
       T.button,
       {
-        className: `relative grow transform p-3 font-semibold ${s === a ? "text-primary-300 hover:bg-primary-50" : "text-gray-500 hover:bg-gray-50"} md:p-4 md:text-xl`,
-        onClick: () => n(a),
+        className: `relative grow transform p-3 font-semibold ${n === a ? "text-primary-300 hover:bg-primary-50" : "text-gray-500 hover:bg-gray-50"} md:p-4 md:text-xl`,
+        onClick: () => s(a),
         children: [
           a,
-          a === s && /* @__PURE__ */ l(
+          a === n && /* @__PURE__ */ l(
             T.div,
             {
               className: "bg-primary-300 absolute right-0 -bottom-0.5 left-0 h-0.5",
@@ -3203,17 +3203,21 @@ function Jr({ children: e, defaultIndex: r = 0, ...t }) {
     e
   ] }) });
 }
+function Kr({ label: e, children: r, ...t }) {
+  const o = Y($e), n = (o == null ? void 0 : o.activeLabel) === e;
+  return /* @__PURE__ */ l("div", { className: `${!n && "hidden"}`, ...t, children: r });
+}
 const wr = {
   gray: "bg-gray-50",
   white: "bg-white"
 };
-function Kr({
+function Xr({
   value: e,
   variant: r = "gray",
   rows: t = 3,
   showCounter: o = !1,
-  className: s,
-  ...n
+  className: n,
+  ...s
 }) {
   return /* @__PURE__ */ C(H, { dir: "col", gap: 2, children: [
     /* @__PURE__ */ l(
@@ -3223,15 +3227,15 @@ function Kr({
         className: x(
           "focus:border-primary-100 w-full resize-none rounded-xl border-none px-4 py-3 text-gray-900 outline-1 outline-gray-200 transition-colors placeholder:text-gray-400 focus:border-1",
           wr[r],
-          s
+          n
         ),
-        ...n
+        ...s
       }
     ),
-    o && n.maxLength && /* @__PURE__ */ C(We, { weight: "normal", className: "text-right text-gray-500", children: [
+    o && s.maxLength && /* @__PURE__ */ C(We, { weight: "normal", className: "text-right text-gray-500", children: [
       e.length ?? 0,
       "/",
-      n.maxLength
+      s.maxLength
     ] })
   ] });
 }
@@ -3328,27 +3332,27 @@ const xr = {
     text: "text-white"
   }
 }, vr = () => {
-  const [e, r] = E(!1), [t, o] = E(null), s = se(null), n = () => r(!0), a = () => r(!1);
+  const [e, r] = E(!1), [t, o] = E(null), n = ie(null), s = () => r(!0), a = () => r(!1);
   return K(() => {
-    if (s.current && e) {
-      const i = s.current.getBoundingClientRect();
+    if (n.current && e) {
+      const i = n.current.getBoundingClientRect();
       o({ top: i.top, left: i.left + i.width / 2 });
     }
   }, [e]), {
     open: e,
-    ref: s,
-    show: n,
+    ref: n,
+    show: s,
     hide: a,
     position: t
   };
 };
-function Xr({
+function Yr({
   content: e,
   color: r = "gray",
   animationMode: t = "SPRING",
   children: o
 }) {
-  const s = le(), { open: n, ref: a, show: i, hide: d, position: u } = vr(), m = yr[r], h = xr[t];
+  const n = le(), { open: s, ref: a, show: i, hide: d, position: u } = vr(), m = yr[r], h = xr[t];
   return /* @__PURE__ */ C(
     "div",
     {
@@ -3358,14 +3362,14 @@ function Xr({
       onMouseLeave: d,
       onFocus: i,
       onBlur: d,
-      onClick: () => n ? d() : i(),
-      "aria-describedby": n ? s : void 0,
+      onClick: () => s ? d() : i(),
+      "aria-describedby": s ? n : void 0,
       children: [
         o,
-        /* @__PURE__ */ l(ue, { isOpen: n, children: /* @__PURE__ */ l(
+        /* @__PURE__ */ l(ue, { isOpen: s, children: /* @__PURE__ */ l(
           T.div,
           {
-            id: s,
+            id: n,
             role: "tooltip",
             "aria-live": "polite",
             initial: h.initial,
@@ -3386,7 +3390,7 @@ function Xr({
     }
   );
 }
-const Yr = () => {
+const Qr = () => {
   const [e, r] = E(!1);
   return {
     isOpen: e,
@@ -3396,11 +3400,12 @@ const Yr = () => {
 };
 export {
   Er as Accordion,
+  zr as AccordionItem,
   Ir as Avatar,
   Sr as Badge,
   Wr as Body1,
   Gr as Body2,
-  ar as Body3,
+  lr as Body3,
   Ar as Button,
   We as Caption1,
   Or as Card,
@@ -3412,10 +3417,9 @@ export {
   Fr as FileUpload,
   H as Flex,
   M as Icon,
-  cr as IconButton,
+  dr as IconButton,
   Ve as Icons,
   Hr as Input,
-  zr as Item,
   _r as Modal,
   $r as NavBack,
   Zr as Pagination,
@@ -3424,14 +3428,15 @@ export {
   Ur as Skeleton,
   qr as Switch,
   Jr as Tabs,
-  Kr as TextArea,
-  sr as Title1,
+  Kr as TabsItem,
+  Xr as TextArea,
+  ir as Title1,
   Pr as Title2,
-  ir as Title3,
-  Xr as Tooltip,
+  ar as Title3,
+  Yr as Tooltip,
   x as cn,
   F as colors,
   Mr as iconNames,
-  Yr as usePortal
+  Qr as usePortal
 };
 //# sourceMappingURL=ddingdong-design-system.es.js.map