componentables 0.1.0

package/dist/index.js

@@ -0,0 +1,3744 @@
+import E, { useMemo as Pe, useEffect as K, createContext as Se, useContext as De, useState as T, useCallback as he, useRef as ie } from "react";
+import { jsxs as k, jsx as l } from "react/jsx-runtime";
+function ye(e) {
+  var r, t, o = "";
+  if (typeof e == "string" || typeof e == "number") o += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var n = e.length;
+    for (r = 0; r < n; r++) e[r] && (t = ye(e[r])) && (o && (o += " "), o += t);
+  } else for (t in e) e[t] && (o && (o += " "), o += t);
+  return o;
+}
+function Ae() {
+  for (var e, r, t = 0, o = "", n = arguments.length; t < n; t++) (e = arguments[t]) && (r = ye(e)) && (o && (o += " "), o += r);
+  return o;
+}
+const le = "-", je = (e) => {
+  const r = Ie(e), {
+    conflictingClassGroups: t,
+    conflictingClassGroupModifiers: o
+  } = e;
+  return {
+    getClassGroupId: (i) => {
+      const a = i.split(le);
+      return a[0] === "" && a.length !== 1 && a.shift(), xe(a, r) || Oe(i);
+    },
+    getConflictingClassGroupIds: (i, a) => {
+      const p = t[i] || [];
+      return a && o[i] ? [...p, ...o[i]] : p;
+    }
+  };
+}, xe = (e, r) => {
+  if (e.length === 0)
+    return r.classGroupId;
+  const t = e[0], o = r.nextPart.get(t), n = o ? xe(e.slice(1), o) : void 0;
+  if (n)
+    return n;
+  if (r.validators.length === 0)
+    return;
+  const s = e.join(le);
+  return r.validators.find(({
+    validator: i
+  }) => i(s))?.classGroupId;
+}, ce = /^\[(.+)\]$/, Oe = (e) => {
+  if (ce.test(e)) {
+    const r = ce.exec(e)[1], t = r?.substring(0, r.indexOf(":"));
+    if (t)
+      return "arbitrary.." + t;
+  }
+}, Ie = (e) => {
+  const {
+    theme: r,
+    prefix: t
+  } = e, o = {
+    nextPart: /* @__PURE__ */ new Map(),
+    validators: []
+  };
+  return Te(Object.entries(e.classGroups), t).forEach(([s, i]) => {
+    ae(i, o, s, r);
+  }), o;
+}, ae = (e, r, t, o) => {
+  e.forEach((n) => {
+    if (typeof n == "string") {
+      const s = n === "" ? r : de(r, n);
+      s.classGroupId = t;
+      return;
+    }
+    if (typeof n == "function") {
+      if (Ee(n)) {
+        ae(n(o), r, t, o);
+        return;
+      }
+      r.validators.push({
+        validator: n,
+        classGroupId: t
+      });
+      return;
+    }
+    Object.entries(n).forEach(([s, i]) => {
+      ae(i, de(r, s), t, o);
+    });
+  });
+}, de = (e, r) => {
+  let t = e;
+  return r.split(le).forEach((o) => {
+    t.nextPart.has(o) || t.nextPart.set(o, {
+      nextPart: /* @__PURE__ */ new Map(),
+      validators: []
+    }), t = t.nextPart.get(o);
+  }), t;
+}, Ee = (e) => e.isThemeGetter, Te = (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(([i, a]) => [r + i, a])) : s);
+  return [t, n];
+}) : e, Re = (e) => {
+  if (e < 1)
+    return {
+      get: () => {
+      },
+      set: () => {
+      }
+    };
+  let r = 0, t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+  const n = (s, i) => {
+    t.set(s, i), r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ new Map());
+  };
+  return {
+    get(s) {
+      let i = t.get(s);
+      if (i !== void 0)
+        return i;
+      if ((i = o.get(s)) !== void 0)
+        return n(s, i), i;
+    },
+    set(s, i) {
+      t.has(s) ? t.set(s, i) : n(s, i);
+    }
+  };
+}, ve = "!", Ve = (e) => {
+  const {
+    separator: r,
+    experimentalParseClassName: t
+  } = e, o = r.length === 1, n = r[0], s = r.length, i = (a) => {
+    const p = [];
+    let c = 0, b = 0, C;
+    for (let d = 0; d < a.length; d++) {
+      let y = a[d];
+      if (c === 0) {
+        if (y === n && (o || a.slice(d, d + s) === r)) {
+          p.push(a.slice(b, d)), b = d + s;
+          continue;
+        }
+        if (y === "/") {
+          C = d;
+          continue;
+        }
+      }
+      y === "[" ? c++ : y === "]" && c--;
+    }
+    const w = p.length === 0 ? a : a.substring(b), v = w.startsWith(ve), g = v ? w.substring(1) : w, m = C && C > b ? C - b : void 0;
+    return {
+      modifiers: p,
+      hasImportantModifier: v,
+      baseClassName: g,
+      maybePostfixModifierPosition: m
+    };
+  };
+  return t ? (a) => t({
+    className: a,
+    parseClassName: i
+  }) : i;
+}, Ge = (e) => {
+  if (e.length <= 1)
+    return e;
+  const r = [];
+  let t = [];
+  return e.forEach((o) => {
+    o[0] === "[" ? (r.push(...t.sort(), o), t = []) : t.push(o);
+  }), r.push(...t.sort()), r;
+}, Fe = (e) => ({
+  cache: Re(e.cacheSize),
+  parseClassName: Ve(e),
+  ...je(e)
+}), Be = /\s+/, _e = (e, r) => {
+  const {
+    parseClassName: t,
+    getClassGroupId: o,
+    getConflictingClassGroupIds: n
+  } = r, s = [], i = e.trim().split(Be);
+  let a = "";
+  for (let p = i.length - 1; p >= 0; p -= 1) {
+    const c = i[p], {
+      modifiers: b,
+      hasImportantModifier: C,
+      baseClassName: w,
+      maybePostfixModifierPosition: v
+    } = t(c);
+    let g = !!v, m = o(g ? w.substring(0, v) : w);
+    if (!m) {
+      if (!g) {
+        a = c + (a.length > 0 ? " " + a : a);
+        continue;
+      }
+      if (m = o(w), !m) {
+        a = c + (a.length > 0 ? " " + a : a);
+        continue;
+      }
+      g = !1;
+    }
+    const d = Ge(b).join(":"), y = C ? d + ve : d, h = y + m;
+    if (s.includes(h))
+      continue;
+    s.push(h);
+    const S = n(m, g);
+    for (let M = 0; M < S.length; ++M) {
+      const j = S[M];
+      s.push(y + j);
+    }
+    a = c + (a.length > 0 ? " " + a : a);
+  }
+  return a;
+};
+function $e() {
+  let e = 0, r, t, o = "";
+  for (; e < arguments.length; )
+    (r = arguments[e++]) && (t = we(r)) && (o && (o += " "), o += t);
+  return o;
+}
+const we = (e) => {
+  if (typeof e == "string")
+    return e;
+  let r, t = "";
+  for (let o = 0; o < e.length; o++)
+    e[o] && (r = we(e[o])) && (t && (t += " "), t += r);
+  return t;
+};
+function We(e, ...r) {
+  let t, o, n, s = i;
+  function i(p) {
+    const c = r.reduce((b, C) => C(b), e());
+    return t = Fe(c), o = t.cache.get, n = t.cache.set, s = a, a(p);
+  }
+  function a(p) {
+    const c = o(p);
+    if (c)
+      return c;
+    const b = _e(p, t);
+    return n(p, b), b;
+  }
+  return function() {
+    return s($e.apply(null, arguments));
+  };
+}
+const D = (e) => {
+  const r = (t) => t[e] || [];
+  return r.isThemeGetter = !0, r;
+}, ke = /^\[(?:([a-z-]+):)?(.+)\]$/i, Ue = /^\d+\/\d+$/, He = /* @__PURE__ */ new Set(["px", "full", "screen"]), Ye = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ke = /\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$/, Je = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Xe = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Ze = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, V = (e) => J(e) || He.has(e) || Ue.test(e), G = (e) => X(e, "length", sr), J = (e) => !!e && !Number.isNaN(Number(e)), ne = (e) => X(e, "number", J), q = (e) => !!e && Number.isInteger(Number(e)), qe = (e) => e.endsWith("%") && J(e.slice(0, -1)), x = (e) => ke.test(e), F = (e) => Ye.test(e), Qe = /* @__PURE__ */ new Set(["length", "size", "percentage"]), er = (e) => X(e, Qe, Ce), rr = (e) => X(e, "position", Ce), tr = /* @__PURE__ */ new Set(["image", "url"]), or = (e) => X(e, tr, lr), nr = (e) => X(e, "", ar), Q = () => !0, X = (e, r, t) => {
+  const o = ke.exec(e);
+  return o ? o[1] ? typeof r == "string" ? o[1] === r : r.has(o[1]) : t(o[2]) : !1;
+}, sr = (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.
+  Ke.test(e) && !Je.test(e)
+), Ce = () => !1, ar = (e) => Xe.test(e), lr = (e) => Ze.test(e), ir = () => {
+  const e = D("colors"), r = D("spacing"), t = D("blur"), o = D("brightness"), n = D("borderColor"), s = D("borderRadius"), i = D("borderSpacing"), a = D("borderWidth"), p = D("contrast"), c = D("grayscale"), b = D("hueRotate"), C = D("invert"), w = D("gap"), v = D("gradientColorStops"), g = D("gradientColorStopPositions"), m = D("inset"), d = D("margin"), y = D("opacity"), h = D("padding"), S = D("saturate"), M = D("scale"), j = D("sepia"), N = D("skew"), z = D("space"), W = D("translate"), R = () => ["auto", "contain", "none"], _ = () => ["auto", "hidden", "clip", "visible", "scroll"], Z = () => ["auto", x, r], P = () => [x, r], U = () => ["", V, G], H = () => ["auto", J, x], ee = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], $ = () => ["solid", "dashed", "dotted", "double", "none"], re = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], f = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], L = () => ["", "0", x], O = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], I = () => [J, x];
+  return {
+    cacheSize: 500,
+    separator: ":",
+    theme: {
+      colors: [Q],
+      spacing: [V, G],
+      blur: ["none", "", F, x],
+      brightness: I(),
+      borderColor: [e],
+      borderRadius: ["none", "", "full", F, x],
+      borderSpacing: P(),
+      borderWidth: U(),
+      contrast: I(),
+      grayscale: L(),
+      hueRotate: I(),
+      invert: L(),
+      gap: P(),
+      gradientColorStops: [e],
+      gradientColorStopPositions: [qe, G],
+      inset: Z(),
+      margin: Z(),
+      opacity: I(),
+      padding: P(),
+      saturate: I(),
+      scale: I(),
+      sepia: L(),
+      skew: I(),
+      space: P(),
+      translate: P()
+    },
+    classGroups: {
+      // Layout
+      /**
+       * Aspect Ratio
+       * @see https://tailwindcss.com/docs/aspect-ratio
+       */
+      aspect: [{
+        aspect: ["auto", "square", "video", x]
+      }],
+      /**
+       * Container
+       * @see https://tailwindcss.com/docs/container
+       */
+      container: ["container"],
+      /**
+       * Columns
+       * @see https://tailwindcss.com/docs/columns
+       */
+      columns: [{
+        columns: [F]
+      }],
+      /**
+       * Break After
+       * @see https://tailwindcss.com/docs/break-after
+       */
+      "break-after": [{
+        "break-after": O()
+      }],
+      /**
+       * Break Before
+       * @see https://tailwindcss.com/docs/break-before
+       */
+      "break-before": [{
+        "break-before": O()
+      }],
+      /**
+       * Break Inside
+       * @see https://tailwindcss.com/docs/break-inside
+       */
+      "break-inside": [{
+        "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
+      }],
+      /**
+       * Box Decoration Break
+       * @see https://tailwindcss.com/docs/box-decoration-break
+       */
+      "box-decoration": [{
+        "box-decoration": ["slice", "clone"]
+      }],
+      /**
+       * Box Sizing
+       * @see https://tailwindcss.com/docs/box-sizing
+       */
+      box: [{
+        box: ["border", "content"]
+      }],
+      /**
+       * Display
+       * @see https://tailwindcss.com/docs/display
+       */
+      display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
+      /**
+       * Floats
+       * @see https://tailwindcss.com/docs/float
+       */
+      float: [{
+        float: ["right", "left", "none", "start", "end"]
+      }],
+      /**
+       * Clear
+       * @see https://tailwindcss.com/docs/clear
+       */
+      clear: [{
+        clear: ["left", "right", "both", "none", "start", "end"]
+      }],
+      /**
+       * Isolation
+       * @see https://tailwindcss.com/docs/isolation
+       */
+      isolation: ["isolate", "isolation-auto"],
+      /**
+       * Object Fit
+       * @see https://tailwindcss.com/docs/object-fit
+       */
+      "object-fit": [{
+        object: ["contain", "cover", "fill", "none", "scale-down"]
+      }],
+      /**
+       * Object Position
+       * @see https://tailwindcss.com/docs/object-position
+       */
+      "object-position": [{
+        object: [...ee(), x]
+      }],
+      /**
+       * Overflow
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      overflow: [{
+        overflow: _()
+      }],
+      /**
+       * Overflow X
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-x": [{
+        "overflow-x": _()
+      }],
+      /**
+       * Overflow Y
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-y": [{
+        "overflow-y": _()
+      }],
+      /**
+       * Overscroll Behavior
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      overscroll: [{
+        overscroll: R()
+      }],
+      /**
+       * Overscroll Behavior X
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-x": [{
+        "overscroll-x": R()
+      }],
+      /**
+       * Overscroll Behavior Y
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-y": [{
+        "overscroll-y": R()
+      }],
+      /**
+       * Position
+       * @see https://tailwindcss.com/docs/position
+       */
+      position: ["static", "fixed", "absolute", "relative", "sticky"],
+      /**
+       * Top / Right / Bottom / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      inset: [{
+        inset: [m]
+      }],
+      /**
+       * Right / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-x": [{
+        "inset-x": [m]
+      }],
+      /**
+       * Top / Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-y": [{
+        "inset-y": [m]
+      }],
+      /**
+       * Start
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      start: [{
+        start: [m]
+      }],
+      /**
+       * End
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      end: [{
+        end: [m]
+      }],
+      /**
+       * Top
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      top: [{
+        top: [m]
+      }],
+      /**
+       * Right
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      right: [{
+        right: [m]
+      }],
+      /**
+       * Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      bottom: [{
+        bottom: [m]
+      }],
+      /**
+       * Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      left: [{
+        left: [m]
+      }],
+      /**
+       * Visibility
+       * @see https://tailwindcss.com/docs/visibility
+       */
+      visibility: ["visible", "invisible", "collapse"],
+      /**
+       * Z-Index
+       * @see https://tailwindcss.com/docs/z-index
+       */
+      z: [{
+        z: ["auto", q, x]
+      }],
+      // Flexbox and Grid
+      /**
+       * Flex Basis
+       * @see https://tailwindcss.com/docs/flex-basis
+       */
+      basis: [{
+        basis: Z()
+      }],
+      /**
+       * Flex Direction
+       * @see https://tailwindcss.com/docs/flex-direction
+       */
+      "flex-direction": [{
+        flex: ["row", "row-reverse", "col", "col-reverse"]
+      }],
+      /**
+       * Flex Wrap
+       * @see https://tailwindcss.com/docs/flex-wrap
+       */
+      "flex-wrap": [{
+        flex: ["wrap", "wrap-reverse", "nowrap"]
+      }],
+      /**
+       * Flex
+       * @see https://tailwindcss.com/docs/flex
+       */
+      flex: [{
+        flex: ["1", "auto", "initial", "none", x]
+      }],
+      /**
+       * Flex Grow
+       * @see https://tailwindcss.com/docs/flex-grow
+       */
+      grow: [{
+        grow: L()
+      }],
+      /**
+       * Flex Shrink
+       * @see https://tailwindcss.com/docs/flex-shrink
+       */
+      shrink: [{
+        shrink: L()
+      }],
+      /**
+       * Order
+       * @see https://tailwindcss.com/docs/order
+       */
+      order: [{
+        order: ["first", "last", "none", q, x]
+      }],
+      /**
+       * Grid Template Columns
+       * @see https://tailwindcss.com/docs/grid-template-columns
+       */
+      "grid-cols": [{
+        "grid-cols": [Q]
+      }],
+      /**
+       * Grid Column Start / End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start-end": [{
+        col: ["auto", {
+          span: ["full", q, x]
+        }, x]
+      }],
+      /**
+       * Grid Column Start
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start": [{
+        "col-start": H()
+      }],
+      /**
+       * Grid Column End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-end": [{
+        "col-end": H()
+      }],
+      /**
+       * Grid Template Rows
+       * @see https://tailwindcss.com/docs/grid-template-rows
+       */
+      "grid-rows": [{
+        "grid-rows": [Q]
+      }],
+      /**
+       * Grid Row Start / End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start-end": [{
+        row: ["auto", {
+          span: [q, x]
+        }, x]
+      }],
+      /**
+       * Grid Row Start
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start": [{
+        "row-start": H()
+      }],
+      /**
+       * Grid Row End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-end": [{
+        "row-end": H()
+      }],
+      /**
+       * Grid Auto Flow
+       * @see https://tailwindcss.com/docs/grid-auto-flow
+       */
+      "grid-flow": [{
+        "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
+      }],
+      /**
+       * Grid Auto Columns
+       * @see https://tailwindcss.com/docs/grid-auto-columns
+       */
+      "auto-cols": [{
+        "auto-cols": ["auto", "min", "max", "fr", x]
+      }],
+      /**
+       * Grid Auto Rows
+       * @see https://tailwindcss.com/docs/grid-auto-rows
+       */
+      "auto-rows": [{
+        "auto-rows": ["auto", "min", "max", "fr", x]
+      }],
+      /**
+       * Gap
+       * @see https://tailwindcss.com/docs/gap
+       */
+      gap: [{
+        gap: [w]
+      }],
+      /**
+       * Gap X
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-x": [{
+        "gap-x": [w]
+      }],
+      /**
+       * Gap Y
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-y": [{
+        "gap-y": [w]
+      }],
+      /**
+       * Justify Content
+       * @see https://tailwindcss.com/docs/justify-content
+       */
+      "justify-content": [{
+        justify: ["normal", ...f()]
+      }],
+      /**
+       * Justify Items
+       * @see https://tailwindcss.com/docs/justify-items
+       */
+      "justify-items": [{
+        "justify-items": ["start", "end", "center", "stretch"]
+      }],
+      /**
+       * Justify Self
+       * @see https://tailwindcss.com/docs/justify-self
+       */
+      "justify-self": [{
+        "justify-self": ["auto", "start", "end", "center", "stretch"]
+      }],
+      /**
+       * Align Content
+       * @see https://tailwindcss.com/docs/align-content
+       */
+      "align-content": [{
+        content: ["normal", ...f(), "baseline"]
+      }],
+      /**
+       * Align Items
+       * @see https://tailwindcss.com/docs/align-items
+       */
+      "align-items": [{
+        items: ["start", "end", "center", "baseline", "stretch"]
+      }],
+      /**
+       * Align Self
+       * @see https://tailwindcss.com/docs/align-self
+       */
+      "align-self": [{
+        self: ["auto", "start", "end", "center", "stretch", "baseline"]
+      }],
+      /**
+       * Place Content
+       * @see https://tailwindcss.com/docs/place-content
+       */
+      "place-content": [{
+        "place-content": [...f(), "baseline"]
+      }],
+      /**
+       * Place Items
+       * @see https://tailwindcss.com/docs/place-items
+       */
+      "place-items": [{
+        "place-items": ["start", "end", "center", "baseline", "stretch"]
+      }],
+      /**
+       * Place Self
+       * @see https://tailwindcss.com/docs/place-self
+       */
+      "place-self": [{
+        "place-self": ["auto", "start", "end", "center", "stretch"]
+      }],
+      // Spacing
+      /**
+       * Padding
+       * @see https://tailwindcss.com/docs/padding
+       */
+      p: [{
+        p: [h]
+      }],
+      /**
+       * Padding X
+       * @see https://tailwindcss.com/docs/padding
+       */
+      px: [{
+        px: [h]
+      }],
+      /**
+       * Padding Y
+       * @see https://tailwindcss.com/docs/padding
+       */
+      py: [{
+        py: [h]
+      }],
+      /**
+       * Padding Start
+       * @see https://tailwindcss.com/docs/padding
+       */
+      ps: [{
+        ps: [h]
+      }],
+      /**
+       * Padding End
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pe: [{
+        pe: [h]
+      }],
+      /**
+       * Padding Top
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pt: [{
+        pt: [h]
+      }],
+      /**
+       * Padding Right
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pr: [{
+        pr: [h]
+      }],
+      /**
+       * Padding Bottom
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pb: [{
+        pb: [h]
+      }],
+      /**
+       * Padding Left
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pl: [{
+        pl: [h]
+      }],
+      /**
+       * Margin
+       * @see https://tailwindcss.com/docs/margin
+       */
+      m: [{
+        m: [d]
+      }],
+      /**
+       * Margin X
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mx: [{
+        mx: [d]
+      }],
+      /**
+       * Margin Y
+       * @see https://tailwindcss.com/docs/margin
+       */
+      my: [{
+        my: [d]
+      }],
+      /**
+       * Margin Start
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ms: [{
+        ms: [d]
+      }],
+      /**
+       * Margin End
+       * @see https://tailwindcss.com/docs/margin
+       */
+      me: [{
+        me: [d]
+      }],
+      /**
+       * Margin Top
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mt: [{
+        mt: [d]
+      }],
+      /**
+       * Margin Right
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mr: [{
+        mr: [d]
+      }],
+      /**
+       * Margin Bottom
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mb: [{
+        mb: [d]
+      }],
+      /**
+       * Margin Left
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ml: [{
+        ml: [d]
+      }],
+      /**
+       * Space Between X
+       * @see https://tailwindcss.com/docs/space
+       */
+      "space-x": [{
+        "space-x": [z]
+      }],
+      /**
+       * Space Between X Reverse
+       * @see https://tailwindcss.com/docs/space
+       */
+      "space-x-reverse": ["space-x-reverse"],
+      /**
+       * Space Between Y
+       * @see https://tailwindcss.com/docs/space
+       */
+      "space-y": [{
+        "space-y": [z]
+      }],
+      /**
+       * Space Between Y Reverse
+       * @see https://tailwindcss.com/docs/space
+       */
+      "space-y-reverse": ["space-y-reverse"],
+      // Sizing
+      /**
+       * Width
+       * @see https://tailwindcss.com/docs/width
+       */
+      w: [{
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", x, r]
+      }],
+      /**
+       * Min-Width
+       * @see https://tailwindcss.com/docs/min-width
+       */
+      "min-w": [{
+        "min-w": [x, r, "min", "max", "fit"]
+      }],
+      /**
+       * Max-Width
+       * @see https://tailwindcss.com/docs/max-width
+       */
+      "max-w": [{
+        "max-w": [x, r, "none", "full", "min", "max", "fit", "prose", {
+          screen: [F]
+        }, F]
+      }],
+      /**
+       * Height
+       * @see https://tailwindcss.com/docs/height
+       */
+      h: [{
+        h: [x, r, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
+      }],
+      /**
+       * Min-Height
+       * @see https://tailwindcss.com/docs/min-height
+       */
+      "min-h": [{
+        "min-h": [x, r, "min", "max", "fit", "svh", "lvh", "dvh"]
+      }],
+      /**
+       * Max-Height
+       * @see https://tailwindcss.com/docs/max-height
+       */
+      "max-h": [{
+        "max-h": [x, r, "min", "max", "fit", "svh", "lvh", "dvh"]
+      }],
+      /**
+       * Size
+       * @see https://tailwindcss.com/docs/size
+       */
+      size: [{
+        size: [x, r, "auto", "min", "max", "fit"]
+      }],
+      // Typography
+      /**
+       * Font Size
+       * @see https://tailwindcss.com/docs/font-size
+       */
+      "font-size": [{
+        text: ["base", F, G]
+      }],
+      /**
+       * Font Smoothing
+       * @see https://tailwindcss.com/docs/font-smoothing
+       */
+      "font-smoothing": ["antialiased", "subpixel-antialiased"],
+      /**
+       * Font Style
+       * @see https://tailwindcss.com/docs/font-style
+       */
+      "font-style": ["italic", "not-italic"],
+      /**
+       * Font Weight
+       * @see https://tailwindcss.com/docs/font-weight
+       */
+      "font-weight": [{
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", ne]
+      }],
+      /**
+       * Font Family
+       * @see https://tailwindcss.com/docs/font-family
+       */
+      "font-family": [{
+        font: [Q]
+      }],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-normal": ["normal-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-ordinal": ["ordinal"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-slashed-zero": ["slashed-zero"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-figure": ["lining-nums", "oldstyle-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-spacing": ["proportional-nums", "tabular-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
+      /**
+       * Letter Spacing
+       * @see https://tailwindcss.com/docs/letter-spacing
+       */
+      tracking: [{
+        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", x]
+      }],
+      /**
+       * Line Clamp
+       * @see https://tailwindcss.com/docs/line-clamp
+       */
+      "line-clamp": [{
+        "line-clamp": ["none", J, ne]
+      }],
+      /**
+       * Line Height
+       * @see https://tailwindcss.com/docs/line-height
+       */
+      leading: [{
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", V, x]
+      }],
+      /**
+       * List Style Image
+       * @see https://tailwindcss.com/docs/list-style-image
+       */
+      "list-image": [{
+        "list-image": ["none", x]
+      }],
+      /**
+       * List Style Type
+       * @see https://tailwindcss.com/docs/list-style-type
+       */
+      "list-style-type": [{
+        list: ["none", "disc", "decimal", x]
+      }],
+      /**
+       * List Style Position
+       * @see https://tailwindcss.com/docs/list-style-position
+       */
+      "list-style-position": [{
+        list: ["inside", "outside"]
+      }],
+      /**
+       * Placeholder Color
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://tailwindcss.com/docs/placeholder-color
+       */
+      "placeholder-color": [{
+        placeholder: [e]
+      }],
+      /**
+       * Placeholder Opacity
+       * @see https://tailwindcss.com/docs/placeholder-opacity
+       */
+      "placeholder-opacity": [{
+        "placeholder-opacity": [y]
+      }],
+      /**
+       * Text Alignment
+       * @see https://tailwindcss.com/docs/text-align
+       */
+      "text-alignment": [{
+        text: ["left", "center", "right", "justify", "start", "end"]
+      }],
+      /**
+       * Text Color
+       * @see https://tailwindcss.com/docs/text-color
+       */
+      "text-color": [{
+        text: [e]
+      }],
+      /**
+       * Text Opacity
+       * @see https://tailwindcss.com/docs/text-opacity
+       */
+      "text-opacity": [{
+        "text-opacity": [y]
+      }],
+      /**
+       * Text Decoration
+       * @see https://tailwindcss.com/docs/text-decoration
+       */
+      "text-decoration": ["underline", "overline", "line-through", "no-underline"],
+      /**
+       * Text Decoration Style
+       * @see https://tailwindcss.com/docs/text-decoration-style
+       */
+      "text-decoration-style": [{
+        decoration: [...$(), "wavy"]
+      }],
+      /**
+       * Text Decoration Thickness
+       * @see https://tailwindcss.com/docs/text-decoration-thickness
+       */
+      "text-decoration-thickness": [{
+        decoration: ["auto", "from-font", V, G]
+      }],
+      /**
+       * Text Underline Offset
+       * @see https://tailwindcss.com/docs/text-underline-offset
+       */
+      "underline-offset": [{
+        "underline-offset": ["auto", V, x]
+      }],
+      /**
+       * Text Decoration Color
+       * @see https://tailwindcss.com/docs/text-decoration-color
+       */
+      "text-decoration-color": [{
+        decoration: [e]
+      }],
+      /**
+       * Text Transform
+       * @see https://tailwindcss.com/docs/text-transform
+       */
+      "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
+      /**
+       * Text Overflow
+       * @see https://tailwindcss.com/docs/text-overflow
+       */
+      "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
+      /**
+       * Text Wrap
+       * @see https://tailwindcss.com/docs/text-wrap
+       */
+      "text-wrap": [{
+        text: ["wrap", "nowrap", "balance", "pretty"]
+      }],
+      /**
+       * Text Indent
+       * @see https://tailwindcss.com/docs/text-indent
+       */
+      indent: [{
+        indent: P()
+      }],
+      /**
+       * Vertical Alignment
+       * @see https://tailwindcss.com/docs/vertical-align
+       */
+      "vertical-align": [{
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", x]
+      }],
+      /**
+       * Whitespace
+       * @see https://tailwindcss.com/docs/whitespace
+       */
+      whitespace: [{
+        whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
+      }],
+      /**
+       * Word Break
+       * @see https://tailwindcss.com/docs/word-break
+       */
+      break: [{
+        break: ["normal", "words", "all", "keep"]
+      }],
+      /**
+       * Hyphens
+       * @see https://tailwindcss.com/docs/hyphens
+       */
+      hyphens: [{
+        hyphens: ["none", "manual", "auto"]
+      }],
+      /**
+       * Content
+       * @see https://tailwindcss.com/docs/content
+       */
+      content: [{
+        content: ["none", x]
+      }],
+      // Backgrounds
+      /**
+       * Background Attachment
+       * @see https://tailwindcss.com/docs/background-attachment
+       */
+      "bg-attachment": [{
+        bg: ["fixed", "local", "scroll"]
+      }],
+      /**
+       * Background Clip
+       * @see https://tailwindcss.com/docs/background-clip
+       */
+      "bg-clip": [{
+        "bg-clip": ["border", "padding", "content", "text"]
+      }],
+      /**
+       * Background Opacity
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://tailwindcss.com/docs/background-opacity
+       */
+      "bg-opacity": [{
+        "bg-opacity": [y]
+      }],
+      /**
+       * Background Origin
+       * @see https://tailwindcss.com/docs/background-origin
+       */
+      "bg-origin": [{
+        "bg-origin": ["border", "padding", "content"]
+      }],
+      /**
+       * Background Position
+       * @see https://tailwindcss.com/docs/background-position
+       */
+      "bg-position": [{
+        bg: [...ee(), rr]
+      }],
+      /**
+       * Background Repeat
+       * @see https://tailwindcss.com/docs/background-repeat
+       */
+      "bg-repeat": [{
+        bg: ["no-repeat", {
+          repeat: ["", "x", "y", "round", "space"]
+        }]
+      }],
+      /**
+       * Background Size
+       * @see https://tailwindcss.com/docs/background-size
+       */
+      "bg-size": [{
+        bg: ["auto", "cover", "contain", er]
+      }],
+      /**
+       * Background Image
+       * @see https://tailwindcss.com/docs/background-image
+       */
+      "bg-image": [{
+        bg: ["none", {
+          "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
+        }, or]
+      }],
+      /**
+       * Background Color
+       * @see https://tailwindcss.com/docs/background-color
+       */
+      "bg-color": [{
+        bg: [e]
+      }],
+      /**
+       * Gradient Color Stops From Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from-pos": [{
+        from: [g]
+      }],
+      /**
+       * Gradient Color Stops Via Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via-pos": [{
+        via: [g]
+      }],
+      /**
+       * Gradient Color Stops To Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to-pos": [{
+        to: [g]
+      }],
+      /**
+       * Gradient Color Stops From
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from": [{
+        from: [v]
+      }],
+      /**
+       * Gradient Color Stops Via
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via": [{
+        via: [v]
+      }],
+      /**
+       * Gradient Color Stops To
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to": [{
+        to: [v]
+      }],
+      // Borders
+      /**
+       * Border Radius
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      rounded: [{
+        rounded: [s]
+      }],
+      /**
+       * Border Radius Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-s": [{
+        "rounded-s": [s]
+      }],
+      /**
+       * Border Radius End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-e": [{
+        "rounded-e": [s]
+      }],
+      /**
+       * Border Radius Top
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-t": [{
+        "rounded-t": [s]
+      }],
+      /**
+       * Border Radius Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-r": [{
+        "rounded-r": [s]
+      }],
+      /**
+       * Border Radius Bottom
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-b": [{
+        "rounded-b": [s]
+      }],
+      /**
+       * Border Radius Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-l": [{
+        "rounded-l": [s]
+      }],
+      /**
+       * Border Radius Start Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ss": [{
+        "rounded-ss": [s]
+      }],
+      /**
+       * Border Radius Start End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-se": [{
+        "rounded-se": [s]
+      }],
+      /**
+       * Border Radius End End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ee": [{
+        "rounded-ee": [s]
+      }],
+      /**
+       * Border Radius End Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-es": [{
+        "rounded-es": [s]
+      }],
+      /**
+       * Border Radius Top Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tl": [{
+        "rounded-tl": [s]
+      }],
+      /**
+       * Border Radius Top Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tr": [{
+        "rounded-tr": [s]
+      }],
+      /**
+       * Border Radius Bottom Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-br": [{
+        "rounded-br": [s]
+      }],
+      /**
+       * Border Radius Bottom Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-bl": [{
+        "rounded-bl": [s]
+      }],
+      /**
+       * Border Width
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w": [{
+        border: [a]
+      }],
+      /**
+       * Border Width X
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-x": [{
+        "border-x": [a]
+      }],
+      /**
+       * Border Width Y
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-y": [{
+        "border-y": [a]
+      }],
+      /**
+       * Border Width Start
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-s": [{
+        "border-s": [a]
+      }],
+      /**
+       * Border Width End
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-e": [{
+        "border-e": [a]
+      }],
+      /**
+       * Border Width Top
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-t": [{
+        "border-t": [a]
+      }],
+      /**
+       * Border Width Right
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-r": [{
+        "border-r": [a]
+      }],
+      /**
+       * Border Width Bottom
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-b": [{
+        "border-b": [a]
+      }],
+      /**
+       * Border Width Left
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-l": [{
+        "border-l": [a]
+      }],
+      /**
+       * Border Opacity
+       * @see https://tailwindcss.com/docs/border-opacity
+       */
+      "border-opacity": [{
+        "border-opacity": [y]
+      }],
+      /**
+       * Border Style
+       * @see https://tailwindcss.com/docs/border-style
+       */
+      "border-style": [{
+        border: [...$(), "hidden"]
+      }],
+      /**
+       * Divide Width X
+       * @see https://tailwindcss.com/docs/divide-width
+       */
+      "divide-x": [{
+        "divide-x": [a]
+      }],
+      /**
+       * Divide Width X Reverse
+       * @see https://tailwindcss.com/docs/divide-width
+       */
+      "divide-x-reverse": ["divide-x-reverse"],
+      /**
+       * Divide Width Y
+       * @see https://tailwindcss.com/docs/divide-width
+       */
+      "divide-y": [{
+        "divide-y": [a]
+      }],
+      /**
+       * Divide Width Y Reverse
+       * @see https://tailwindcss.com/docs/divide-width
+       */
+      "divide-y-reverse": ["divide-y-reverse"],
+      /**
+       * Divide Opacity
+       * @see https://tailwindcss.com/docs/divide-opacity
+       */
+      "divide-opacity": [{
+        "divide-opacity": [y]
+      }],
+      /**
+       * Divide Style
+       * @see https://tailwindcss.com/docs/divide-style
+       */
+      "divide-style": [{
+        divide: $()
+      }],
+      /**
+       * Border Color
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color": [{
+        border: [n]
+      }],
+      /**
+       * Border Color X
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-x": [{
+        "border-x": [n]
+      }],
+      /**
+       * Border Color Y
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-y": [{
+        "border-y": [n]
+      }],
+      /**
+       * Border Color S
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-s": [{
+        "border-s": [n]
+      }],
+      /**
+       * Border Color E
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-e": [{
+        "border-e": [n]
+      }],
+      /**
+       * Border Color Top
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-t": [{
+        "border-t": [n]
+      }],
+      /**
+       * Border Color Right
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-r": [{
+        "border-r": [n]
+      }],
+      /**
+       * Border Color Bottom
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-b": [{
+        "border-b": [n]
+      }],
+      /**
+       * Border Color Left
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-l": [{
+        "border-l": [n]
+      }],
+      /**
+       * Divide Color
+       * @see https://tailwindcss.com/docs/divide-color
+       */
+      "divide-color": [{
+        divide: [n]
+      }],
+      /**
+       * Outline Style
+       * @see https://tailwindcss.com/docs/outline-style
+       */
+      "outline-style": [{
+        outline: ["", ...$()]
+      }],
+      /**
+       * Outline Offset
+       * @see https://tailwindcss.com/docs/outline-offset
+       */
+      "outline-offset": [{
+        "outline-offset": [V, x]
+      }],
+      /**
+       * Outline Width
+       * @see https://tailwindcss.com/docs/outline-width
+       */
+      "outline-w": [{
+        outline: [V, G]
+      }],
+      /**
+       * Outline Color
+       * @see https://tailwindcss.com/docs/outline-color
+       */
+      "outline-color": [{
+        outline: [e]
+      }],
+      /**
+       * Ring Width
+       * @see https://tailwindcss.com/docs/ring-width
+       */
+      "ring-w": [{
+        ring: U()
+      }],
+      /**
+       * Ring Width Inset
+       * @see https://tailwindcss.com/docs/ring-width
+       */
+      "ring-w-inset": ["ring-inset"],
+      /**
+       * Ring Color
+       * @see https://tailwindcss.com/docs/ring-color
+       */
+      "ring-color": [{
+        ring: [e]
+      }],
+      /**
+       * Ring Opacity
+       * @see https://tailwindcss.com/docs/ring-opacity
+       */
+      "ring-opacity": [{
+        "ring-opacity": [y]
+      }],
+      /**
+       * Ring Offset Width
+       * @see https://tailwindcss.com/docs/ring-offset-width
+       */
+      "ring-offset-w": [{
+        "ring-offset": [V, G]
+      }],
+      /**
+       * Ring Offset Color
+       * @see https://tailwindcss.com/docs/ring-offset-color
+       */
+      "ring-offset-color": [{
+        "ring-offset": [e]
+      }],
+      // Effects
+      /**
+       * Box Shadow
+       * @see https://tailwindcss.com/docs/box-shadow
+       */
+      shadow: [{
+        shadow: ["", "inner", "none", F, nr]
+      }],
+      /**
+       * Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow-color
+       */
+      "shadow-color": [{
+        shadow: [Q]
+      }],
+      /**
+       * Opacity
+       * @see https://tailwindcss.com/docs/opacity
+       */
+      opacity: [{
+        opacity: [y]
+      }],
+      /**
+       * Mix Blend Mode
+       * @see https://tailwindcss.com/docs/mix-blend-mode
+       */
+      "mix-blend": [{
+        "mix-blend": [...re(), "plus-lighter", "plus-darker"]
+      }],
+      /**
+       * Background Blend Mode
+       * @see https://tailwindcss.com/docs/background-blend-mode
+       */
+      "bg-blend": [{
+        "bg-blend": re()
+      }],
+      // Filters
+      /**
+       * Filter
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://tailwindcss.com/docs/filter
+       */
+      filter: [{
+        filter: ["", "none"]
+      }],
+      /**
+       * Blur
+       * @see https://tailwindcss.com/docs/blur
+       */
+      blur: [{
+        blur: [t]
+      }],
+      /**
+       * Brightness
+       * @see https://tailwindcss.com/docs/brightness
+       */
+      brightness: [{
+        brightness: [o]
+      }],
+      /**
+       * Contrast
+       * @see https://tailwindcss.com/docs/contrast
+       */
+      contrast: [{
+        contrast: [p]
+      }],
+      /**
+       * Drop Shadow
+       * @see https://tailwindcss.com/docs/drop-shadow
+       */
+      "drop-shadow": [{
+        "drop-shadow": ["", "none", F, x]
+      }],
+      /**
+       * Grayscale
+       * @see https://tailwindcss.com/docs/grayscale
+       */
+      grayscale: [{
+        grayscale: [c]
+      }],
+      /**
+       * Hue Rotate
+       * @see https://tailwindcss.com/docs/hue-rotate
+       */
+      "hue-rotate": [{
+        "hue-rotate": [b]
+      }],
+      /**
+       * Invert
+       * @see https://tailwindcss.com/docs/invert
+       */
+      invert: [{
+        invert: [C]
+      }],
+      /**
+       * Saturate
+       * @see https://tailwindcss.com/docs/saturate
+       */
+      saturate: [{
+        saturate: [S]
+      }],
+      /**
+       * Sepia
+       * @see https://tailwindcss.com/docs/sepia
+       */
+      sepia: [{
+        sepia: [j]
+      }],
+      /**
+       * Backdrop Filter
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://tailwindcss.com/docs/backdrop-filter
+       */
+      "backdrop-filter": [{
+        "backdrop-filter": ["", "none"]
+      }],
+      /**
+       * Backdrop Blur
+       * @see https://tailwindcss.com/docs/backdrop-blur
+       */
+      "backdrop-blur": [{
+        "backdrop-blur": [t]
+      }],
+      /**
+       * Backdrop Brightness
+       * @see https://tailwindcss.com/docs/backdrop-brightness
+       */
+      "backdrop-brightness": [{
+        "backdrop-brightness": [o]
+      }],
+      /**
+       * Backdrop Contrast
+       * @see https://tailwindcss.com/docs/backdrop-contrast
+       */
+      "backdrop-contrast": [{
+        "backdrop-contrast": [p]
+      }],
+      /**
+       * Backdrop Grayscale
+       * @see https://tailwindcss.com/docs/backdrop-grayscale
+       */
+      "backdrop-grayscale": [{
+        "backdrop-grayscale": [c]
+      }],
+      /**
+       * Backdrop Hue Rotate
+       * @see https://tailwindcss.com/docs/backdrop-hue-rotate
+       */
+      "backdrop-hue-rotate": [{
+        "backdrop-hue-rotate": [b]
+      }],
+      /**
+       * Backdrop Invert
+       * @see https://tailwindcss.com/docs/backdrop-invert
+       */
+      "backdrop-invert": [{
+        "backdrop-invert": [C]
+      }],
+      /**
+       * Backdrop Opacity
+       * @see https://tailwindcss.com/docs/backdrop-opacity
+       */
+      "backdrop-opacity": [{
+        "backdrop-opacity": [y]
+      }],
+      /**
+       * Backdrop Saturate
+       * @see https://tailwindcss.com/docs/backdrop-saturate
+       */
+      "backdrop-saturate": [{
+        "backdrop-saturate": [S]
+      }],
+      /**
+       * Backdrop Sepia
+       * @see https://tailwindcss.com/docs/backdrop-sepia
+       */
+      "backdrop-sepia": [{
+        "backdrop-sepia": [j]
+      }],
+      // Tables
+      /**
+       * Border Collapse
+       * @see https://tailwindcss.com/docs/border-collapse
+       */
+      "border-collapse": [{
+        border: ["collapse", "separate"]
+      }],
+      /**
+       * Border Spacing
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing": [{
+        "border-spacing": [i]
+      }],
+      /**
+       * Border Spacing X
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-x": [{
+        "border-spacing-x": [i]
+      }],
+      /**
+       * Border Spacing Y
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-y": [{
+        "border-spacing-y": [i]
+      }],
+      /**
+       * Table Layout
+       * @see https://tailwindcss.com/docs/table-layout
+       */
+      "table-layout": [{
+        table: ["auto", "fixed"]
+      }],
+      /**
+       * Caption Side
+       * @see https://tailwindcss.com/docs/caption-side
+       */
+      caption: [{
+        caption: ["top", "bottom"]
+      }],
+      // Transitions and Animation
+      /**
+       * Tranisition Property
+       * @see https://tailwindcss.com/docs/transition-property
+       */
+      transition: [{
+        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", x]
+      }],
+      /**
+       * Transition Duration
+       * @see https://tailwindcss.com/docs/transition-duration
+       */
+      duration: [{
+        duration: I()
+      }],
+      /**
+       * Transition Timing Function
+       * @see https://tailwindcss.com/docs/transition-timing-function
+       */
+      ease: [{
+        ease: ["linear", "in", "out", "in-out", x]
+      }],
+      /**
+       * Transition Delay
+       * @see https://tailwindcss.com/docs/transition-delay
+       */
+      delay: [{
+        delay: I()
+      }],
+      /**
+       * Animation
+       * @see https://tailwindcss.com/docs/animation
+       */
+      animate: [{
+        animate: ["none", "spin", "ping", "pulse", "bounce", x]
+      }],
+      // Transforms
+      /**
+       * Transform
+       * @see https://tailwindcss.com/docs/transform
+       */
+      transform: [{
+        transform: ["", "gpu", "none"]
+      }],
+      /**
+       * Scale
+       * @see https://tailwindcss.com/docs/scale
+       */
+      scale: [{
+        scale: [M]
+      }],
+      /**
+       * Scale X
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-x": [{
+        "scale-x": [M]
+      }],
+      /**
+       * Scale Y
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-y": [{
+        "scale-y": [M]
+      }],
+      /**
+       * Rotate
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      rotate: [{
+        rotate: [q, x]
+      }],
+      /**
+       * Translate X
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-x": [{
+        "translate-x": [W]
+      }],
+      /**
+       * Translate Y
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-y": [{
+        "translate-y": [W]
+      }],
+      /**
+       * Skew X
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-x": [{
+        "skew-x": [N]
+      }],
+      /**
+       * Skew Y
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-y": [{
+        "skew-y": [N]
+      }],
+      /**
+       * Transform Origin
+       * @see https://tailwindcss.com/docs/transform-origin
+       */
+      "transform-origin": [{
+        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", x]
+      }],
+      // Interactivity
+      /**
+       * Accent Color
+       * @see https://tailwindcss.com/docs/accent-color
+       */
+      accent: [{
+        accent: ["auto", e]
+      }],
+      /**
+       * Appearance
+       * @see https://tailwindcss.com/docs/appearance
+       */
+      appearance: [{
+        appearance: ["none", "auto"]
+      }],
+      /**
+       * Cursor
+       * @see https://tailwindcss.com/docs/cursor
+       */
+      cursor: [{
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", x]
+      }],
+      /**
+       * Caret Color
+       * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
+       */
+      "caret-color": [{
+        caret: [e]
+      }],
+      /**
+       * Pointer Events
+       * @see https://tailwindcss.com/docs/pointer-events
+       */
+      "pointer-events": [{
+        "pointer-events": ["none", "auto"]
+      }],
+      /**
+       * Resize
+       * @see https://tailwindcss.com/docs/resize
+       */
+      resize: [{
+        resize: ["none", "y", "x", ""]
+      }],
+      /**
+       * Scroll Behavior
+       * @see https://tailwindcss.com/docs/scroll-behavior
+       */
+      "scroll-behavior": [{
+        scroll: ["auto", "smooth"]
+      }],
+      /**
+       * Scroll Margin
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-m": [{
+        "scroll-m": P()
+      }],
+      /**
+       * Scroll Margin X
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mx": [{
+        "scroll-mx": P()
+      }],
+      /**
+       * Scroll Margin Y
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-my": [{
+        "scroll-my": P()
+      }],
+      /**
+       * Scroll Margin Start
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ms": [{
+        "scroll-ms": P()
+      }],
+      /**
+       * Scroll Margin End
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-me": [{
+        "scroll-me": P()
+      }],
+      /**
+       * Scroll Margin Top
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mt": [{
+        "scroll-mt": P()
+      }],
+      /**
+       * Scroll Margin Right
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mr": [{
+        "scroll-mr": P()
+      }],
+      /**
+       * Scroll Margin Bottom
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mb": [{
+        "scroll-mb": P()
+      }],
+      /**
+       * Scroll Margin Left
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ml": [{
+        "scroll-ml": P()
+      }],
+      /**
+       * Scroll Padding
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-p": [{
+        "scroll-p": P()
+      }],
+      /**
+       * Scroll Padding X
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-px": [{
+        "scroll-px": P()
+      }],
+      /**
+       * Scroll Padding Y
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-py": [{
+        "scroll-py": P()
+      }],
+      /**
+       * Scroll Padding Start
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-ps": [{
+        "scroll-ps": P()
+      }],
+      /**
+       * Scroll Padding End
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pe": [{
+        "scroll-pe": P()
+      }],
+      /**
+       * Scroll Padding Top
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pt": [{
+        "scroll-pt": P()
+      }],
+      /**
+       * Scroll Padding Right
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pr": [{
+        "scroll-pr": P()
+      }],
+      /**
+       * Scroll Padding Bottom
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pb": [{
+        "scroll-pb": P()
+      }],
+      /**
+       * Scroll Padding Left
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pl": [{
+        "scroll-pl": P()
+      }],
+      /**
+       * Scroll Snap Align
+       * @see https://tailwindcss.com/docs/scroll-snap-align
+       */
+      "snap-align": [{
+        snap: ["start", "end", "center", "align-none"]
+      }],
+      /**
+       * Scroll Snap Stop
+       * @see https://tailwindcss.com/docs/scroll-snap-stop
+       */
+      "snap-stop": [{
+        snap: ["normal", "always"]
+      }],
+      /**
+       * Scroll Snap Type
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-type": [{
+        snap: ["none", "x", "y", "both"]
+      }],
+      /**
+       * Scroll Snap Type Strictness
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-strictness": [{
+        snap: ["mandatory", "proximity"]
+      }],
+      /**
+       * Touch Action
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      touch: [{
+        touch: ["auto", "none", "manipulation"]
+      }],
+      /**
+       * Touch Action X
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-x": [{
+        "touch-pan": ["x", "left", "right"]
+      }],
+      /**
+       * Touch Action Y
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-y": [{
+        "touch-pan": ["y", "up", "down"]
+      }],
+      /**
+       * Touch Action Pinch Zoom
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-pz": ["touch-pinch-zoom"],
+      /**
+       * User Select
+       * @see https://tailwindcss.com/docs/user-select
+       */
+      select: [{
+        select: ["none", "text", "all", "auto"]
+      }],
+      /**
+       * Will Change
+       * @see https://tailwindcss.com/docs/will-change
+       */
+      "will-change": [{
+        "will-change": ["auto", "scroll", "contents", "transform", x]
+      }],
+      // SVG
+      /**
+       * Fill
+       * @see https://tailwindcss.com/docs/fill
+       */
+      fill: [{
+        fill: [e, "none"]
+      }],
+      /**
+       * Stroke Width
+       * @see https://tailwindcss.com/docs/stroke-width
+       */
+      "stroke-w": [{
+        stroke: [V, G, ne]
+      }],
+      /**
+       * Stroke
+       * @see https://tailwindcss.com/docs/stroke
+       */
+      stroke: [{
+        stroke: [e, "none"]
+      }],
+      // Accessibility
+      /**
+       * Screen Readers
+       * @see https://tailwindcss.com/docs/screen-readers
+       */
+      sr: ["sr-only", "not-sr-only"],
+      /**
+       * Forced Color Adjust
+       * @see https://tailwindcss.com/docs/forced-color-adjust
+       */
+      "forced-color-adjust": [{
+        "forced-color-adjust": ["auto", "none"]
+      }]
+    },
+    conflictingClassGroups: {
+      overflow: ["overflow-x", "overflow-y"],
+      overscroll: ["overscroll-x", "overscroll-y"],
+      inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
+      "inset-x": ["right", "left"],
+      "inset-y": ["top", "bottom"],
+      flex: ["basis", "grow", "shrink"],
+      gap: ["gap-x", "gap-y"],
+      p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
+      px: ["pr", "pl"],
+      py: ["pt", "pb"],
+      m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
+      mx: ["mr", "ml"],
+      my: ["mt", "mb"],
+      size: ["w", "h"],
+      "font-size": ["leading"],
+      "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
+      "fvn-ordinal": ["fvn-normal"],
+      "fvn-slashed-zero": ["fvn-normal"],
+      "fvn-figure": ["fvn-normal"],
+      "fvn-spacing": ["fvn-normal"],
+      "fvn-fraction": ["fvn-normal"],
+      "line-clamp": ["display", "overflow"],
+      rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
+      "rounded-s": ["rounded-ss", "rounded-es"],
+      "rounded-e": ["rounded-se", "rounded-ee"],
+      "rounded-t": ["rounded-tl", "rounded-tr"],
+      "rounded-r": ["rounded-tr", "rounded-br"],
+      "rounded-b": ["rounded-br", "rounded-bl"],
+      "rounded-l": ["rounded-tl", "rounded-bl"],
+      "border-spacing": ["border-spacing-x", "border-spacing-y"],
+      "border-w": ["border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
+      "border-w-x": ["border-w-r", "border-w-l"],
+      "border-w-y": ["border-w-t", "border-w-b"],
+      "border-color": ["border-color-s", "border-color-e", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
+      "border-color-x": ["border-color-r", "border-color-l"],
+      "border-color-y": ["border-color-t", "border-color-b"],
+      "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
+      "scroll-mx": ["scroll-mr", "scroll-ml"],
+      "scroll-my": ["scroll-mt", "scroll-mb"],
+      "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
+      "scroll-px": ["scroll-pr", "scroll-pl"],
+      "scroll-py": ["scroll-pt", "scroll-pb"],
+      touch: ["touch-x", "touch-y", "touch-pz"],
+      "touch-x": ["touch"],
+      "touch-y": ["touch"],
+      "touch-pz": ["touch"]
+    },
+    conflictingClassGroupModifiers: {
+      "font-size": ["leading"]
+    }
+  };
+}, cr = /* @__PURE__ */ We(ir);
+function u(...e) {
+  return cr(Ae(e));
+}
+function dr(e) {
+  const r = parseInt(e.slice(1, 3), 16) / 255, t = parseInt(e.slice(3, 5), 16) / 255, o = parseInt(e.slice(5, 7), 16) / 255, n = Math.max(r, t, o), s = Math.min(r, t, o);
+  let i = 0, a = 0;
+  const p = (n + s) / 2;
+  if (n !== s) {
+    const c = n - s;
+    switch (a = p > 0.5 ? c / (2 - n - s) : c / (n + s), n) {
+      case r:
+        i = ((t - o) / c + (t < o ? 6 : 0)) / 6;
+        break;
+      case t:
+        i = ((o - r) / c + 2) / 6;
+        break;
+      case o:
+        i = ((r - t) / c + 4) / 6;
+        break;
+    }
+  }
+  return [i * 360, a * 100, p * 100];
+}
+function ue(e, r, t) {
+  t /= 100;
+  const o = r * Math.min(t, 1 - t) / 100, n = (s) => {
+    const i = (s + e / 30) % 12, a = t - o * Math.max(Math.min(i - 3, 9 - i, 1), -1);
+    return Math.round(255 * a).toString(16).padStart(2, "0");
+  };
+  return `#${n(0)}${n(8)}${n(4)}`;
+}
+function se(e) {
+  const [r, t, o] = dr(e);
+  return {
+    base: e,
+    light: ue(r, Math.max(0, t - 10), Math.min(100, o + 15)),
+    dark: ue(r, Math.min(100, t + 10), Math.max(0, o - 15))
+  };
+}
+const A = {
+  colors: {
+    primary: "#6366f1",
+    primaryLight: "#818cf8",
+    primaryDark: "#4f46e5",
+    secondary: "#8b5cf6",
+    secondaryLight: "#a78bfa",
+    secondaryDark: "#7c3aed",
+    danger: "#ef4444",
+    dangerLight: "#f87171",
+    dangerDark: "#dc2626",
+    text: "#1f2937",
+    textMuted: "#6b7280",
+    textLight: "#9ca3af",
+    border: "#e5e7eb",
+    borderDark: "#d1d5db",
+    background: "#ffffff",
+    backgroundDark: "#f9fafb",
+    backgroundLight: "#f3f4f6",
+    disabled: "#e5e7eb",
+    light: "#f9fafb",
+    active: "#4338ca"
+  }
+}, Ne = Se(A);
+function Or() {
+  return De(Ne);
+}
+function ur(e) {
+  const r = document.documentElement;
+  r.style.setProperty("--componentables-primary", e.colors.primary), r.style.setProperty(
+    "--componentables-primary-light",
+    e.colors.primaryLight
+  ), r.style.setProperty(
+    "--componentables-primary-dark",
+    e.colors.primaryDark
+  ), r.style.setProperty("--componentables-secondary", e.colors.secondary), r.style.setProperty(
+    "--componentables-secondary-light",
+    e.colors.secondaryLight
+  ), r.style.setProperty(
+    "--componentables-secondary-dark",
+    e.colors.secondaryDark
+  ), r.style.setProperty("--componentables-danger", e.colors.danger), r.style.setProperty(
+    "--componentables-danger-light",
+    e.colors.dangerLight
+  ), r.style.setProperty(
+    "--componentables-danger-dark",
+    e.colors.dangerDark
+  ), r.style.setProperty("--componentables-text", e.colors.text), r.style.setProperty("--componentables-text-muted", e.colors.textMuted), r.style.setProperty("--componentables-text-light", e.colors.textLight), r.style.setProperty("--componentables-border", e.colors.border), r.style.setProperty(
+    "--componentables-border-dark",
+    e.colors.borderDark
+  ), r.style.setProperty(
+    "--componentables-background",
+    e.colors.background
+  ), r.style.setProperty(
+    "--componentables-background-dark",
+    e.colors.backgroundDark
+  ), r.style.setProperty(
+    "--componentables-background-light",
+    e.colors.backgroundLight
+  ), r.style.setProperty("--componentables-disabled", e.colors.disabled), r.style.setProperty("--componentables-light", e.colors.light), r.style.setProperty("--componentables-active", e.colors.active);
+}
+function Ir({
+  children: e,
+  theme: r
+}) {
+  const t = Pe(() => {
+    const o = r?.colors || {}, n = o.primary ? se(o.primary) : null, s = o.secondary ? se(o.secondary) : null, i = o.danger ? se(o.danger) : null;
+    return {
+      colors: {
+        primary: o.primary || A.colors.primary,
+        primaryLight: n?.light || A.colors.primaryLight,
+        primaryDark: n?.dark || A.colors.primaryDark,
+        secondary: o.secondary || A.colors.secondary,
+        secondaryLight: s?.light || A.colors.secondaryLight,
+        secondaryDark: s?.dark || A.colors.secondaryDark,
+        danger: o.danger || A.colors.danger,
+        dangerLight: i?.light || A.colors.dangerLight,
+        dangerDark: i?.dark || A.colors.dangerDark,
+        text: o.text || A.colors.text,
+        textMuted: o.textMuted || A.colors.textMuted,
+        textLight: o.textLight || A.colors.textLight,
+        border: o.border || A.colors.border,
+        borderDark: o.borderDark || A.colors.borderDark,
+        background: o.background || A.colors.background,
+        backgroundDark: o.backgroundDark || A.colors.backgroundDark,
+        backgroundLight: o.backgroundLight || A.colors.backgroundLight,
+        disabled: o.disabled || A.colors.disabled,
+        light: o.light || A.colors.light,
+        active: o.active || A.colors.active
+      }
+    };
+  }, [r]);
+  return K(() => {
+    ur(t);
+  }, [t]), E.createElement(Ne.Provider, { value: t }, e);
+}
+const pr = {
+  primary: "bg-primary text-white border-primary hover:bg-primary-dark hover:border-primary-dark active:bg-active",
+  secondary: "bg-secondary text-white border-secondary hover:bg-secondary-dark hover:border-secondary-dark",
+  outline: "bg-transparent text-primary border-primary hover:bg-primary hover:text-white",
+  ghost: "bg-transparent text-primary border-transparent hover:bg-primary hover:text-white hover:border-primary",
+  light: "bg-light text-text border-border hover:bg-background-light",
+  danger: "bg-transparent text-danger border-danger hover:text-white hover:bg-danger hover:border-danger active:bg-danger-dark"
+}, br = {
+  sm: "px-3 py-1.5 text-sm",
+  md: "px-4 py-2 text-base",
+  lg: "px-6 py-3 text-lg",
+  xl: "px-8 py-4 text-xl"
+};
+function pe({
+  children: e,
+  onClick: r,
+  disabled: t = !1,
+  type: o = "button",
+  variant: n = "primary",
+  size: s = "md",
+  fullWidth: i = !1,
+  loading: a = !1,
+  className: p = "",
+  ...c
+}) {
+  return /* @__PURE__ */ k(
+    "button",
+    {
+      type: o,
+      onClick: t || a ? void 0 : r,
+      disabled: t || a,
+      className: u(
+        "inline-flex shadow-md hover:shadow-lg cursor-pointer items-center justify-center font-medium rounded-lg border transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-opacity-50",
+        t || a ? "bg-disabled text-text-muted border-disabled cursor-not-allowed hover:bg-disabled hover:border-disabled hover:text-text-muted" : pr[n],
+        br[s],
+        i && "w-full",
+        a && "cursor-wait opacity-75",
+        p
+      ),
+      ...c,
+      children: [
+        a && /* @__PURE__ */ k(
+          "svg",
+          {
+            className: "w-4 h-4 mr-2 animate-spin",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            children: [
+              /* @__PURE__ */ l(
+                "circle",
+                {
+                  className: "opacity-25",
+                  cx: "12",
+                  cy: "12",
+                  r: "10",
+                  stroke: "currentColor",
+                  strokeWidth: "4"
+                }
+              ),
+              /* @__PURE__ */ l(
+                "path",
+                {
+                  className: "opacity-75",
+                  fill: "currentColor",
+                  d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                }
+              )
+            ]
+          }
+        ),
+        e
+      ]
+    }
+  );
+}
+function Er({
+  id: e,
+  name: r,
+  type: t = "text",
+  value: o,
+  onChange: n,
+  placeholder: s,
+  label: i,
+  error: a,
+  disabled: p = !1,
+  required: c = !1,
+  colorScheme: b = "secondary",
+  className: C = "",
+  ...w
+}) {
+  const v = () => {
+    const m = "w-full p-4 border-2 rounded-lg text-base bg-background transition-all duration-300 focus:outline-none focus:ring-1 disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed placeholder:text-text-muted";
+    if (a)
+      return u(
+        m,
+        "border-danger focus:border-danger focus:shadow-danger-light"
+      );
+    switch (b) {
+      case "primary":
+        return u(
+          m,
+          "text-primary border-primary focus:border-primary"
+        );
+      case "secondary":
+      default:
+        return u(
+          m,
+          "text-secondary border-secondary focus:border-secondary"
+        );
+    }
+  }, g = () => b === "primary" ? "text-primary" : "text-secondary";
+  return /* @__PURE__ */ k("div", { className: u("mb-6", C), children: [
+    i && /* @__PURE__ */ k(
+      "label",
+      {
+        htmlFor: e,
+        className: u("block mb-2 text-sm font-medium", g()),
+        children: [
+          i,
+          c && /* @__PURE__ */ l("span", { className: "text-danger ml-1", children: "*" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ l(
+      "input",
+      {
+        id: e,
+        name: r,
+        type: t,
+        value: o,
+        onChange: n,
+        placeholder: s,
+        disabled: p,
+        required: c,
+        className: v(),
+        ...w
+      }
+    ),
+    a && /* @__PURE__ */ l("span", { className: "block mt-1 text-xs text-danger font-medium", children: a })
+  ] });
+}
+function Tr({
+  id: e,
+  name: r,
+  value: t,
+  onChange: o,
+  placeholder: n,
+  label: s,
+  error: i,
+  disabled: a = !1,
+  required: p = !1,
+  colorScheme: c = "secondary",
+  className: b = "",
+  rows: C = 4,
+  ...w
+}) {
+  const v = () => {
+    const m = "w-full p-4 border-2 rounded-lg text-base bg-background transition-all duration-300 focus:outline-none focus:ring-1 disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed placeholder:text-text-muted resize-none";
+    if (i)
+      return u(
+        m,
+        "border-danger focus:border-danger focus:shadow-danger-light"
+      );
+    switch (c) {
+      case "primary":
+        return u(
+          m,
+          "text-primary border-primary focus:border-primary"
+        );
+      case "secondary":
+      default:
+        return u(
+          m,
+          "text-secondary border-secondary focus:border-secondary"
+        );
+    }
+  }, g = () => c === "primary" ? "text-primary" : "text-secondary";
+  return /* @__PURE__ */ k("div", { className: u("mb-6", b), children: [
+    s && /* @__PURE__ */ k(
+      "label",
+      {
+        htmlFor: e,
+        className: u("block mb-2 text-sm font-medium", g()),
+        children: [
+          s,
+          p && /* @__PURE__ */ l("span", { className: "text-danger ml-1", children: "*" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ l(
+      "textarea",
+      {
+        id: e,
+        name: r,
+        value: t,
+        onChange: o,
+        placeholder: n,
+        disabled: a,
+        required: p,
+        rows: C,
+        className: v(),
+        ...w
+      }
+    ),
+    i && /* @__PURE__ */ l("span", { className: "block mt-1 text-xs text-danger font-medium", children: i })
+  ] });
+}
+function Rr({
+  id: e,
+  name: r,
+  checked: t = !1,
+  onChange: o,
+  disabled: n = !1,
+  label: s,
+  colorScheme: i = "secondary",
+  size: a = "md",
+  className: p = "",
+  ...c
+}) {
+  const [b, C] = T(t), w = (h) => {
+    const S = h.target.checked;
+    C(S), o?.(S);
+  }, v = () => ({
+    primary: {
+      bg: "bg-primary",
+      border: "border-primary",
+      text: "text-primary"
+    },
+    secondary: {
+      bg: "bg-secondary",
+      border: "border-secondary",
+      text: "text-secondary"
+    }
+  })[i], g = () => {
+    switch (a) {
+      case "sm":
+        return "w-10 h-6";
+      case "lg":
+        return "w-16 h-8";
+      case "md":
+      default:
+        return "w-13 h-7";
+    }
+  }, m = () => {
+    switch (a) {
+      case "sm":
+        return "w-5 h-5";
+      case "lg":
+        return "w-7 h-7";
+      case "md":
+      default:
+        return "w-6 h-6";
+    }
+  }, d = () => {
+    if (!b) return "translate-x-0";
+    switch (a) {
+      case "sm":
+        return "translate-x-5";
+      case "lg":
+        return "translate-x-8";
+      case "md":
+      default:
+        return "translate-x-6";
+    }
+  }, y = v();
+  return /* @__PURE__ */ k("div", { className: u("flex items-center gap-3", p), children: [
+    /* @__PURE__ */ k("div", { className: "relative", children: [
+      /* @__PURE__ */ l(
+        "input",
+        {
+          type: "checkbox",
+          id: e,
+          name: r,
+          checked: b,
+          onChange: w,
+          disabled: n,
+          className: "sr-only",
+          ...c
+        }
+      ),
+      /* @__PURE__ */ l(
+        "label",
+        {
+          htmlFor: e,
+          className: u(
+            "block cursor-pointer transition-all duration-300 rounded-full border-2",
+            g(),
+            b ? u(y.bg, y.border) : "bg-gray-200 border-gray-300",
+            n ? "opacity-50 cursor-not-allowed" : "hover:shadow-md"
+          ),
+          children: /* @__PURE__ */ l(
+            "span",
+            {
+              className: u(
+                "absolute top-0.5 left-0.5 inline-block rounded-full bg-white transition-all duration-300 shadow-sm",
+                m(),
+                d()
+              )
+            }
+          )
+        }
+      )
+    ] }),
+    s && /* @__PURE__ */ l(
+      "label",
+      {
+        htmlFor: e,
+        className: u(
+          "text-sm font-medium cursor-pointer select-none",
+          y.text,
+          n && "opacity-50 cursor-not-allowed"
+        ),
+        children: s
+      }
+    )
+  ] });
+}
+var Me = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, be = E.createContext && /* @__PURE__ */ E.createContext(Me), mr = ["attr", "size", "title"];
+function gr(e, r) {
+  if (e == null) return {};
+  var t = fr(e, r), o, n;
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < s.length; n++)
+      o = s[n], !(r.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(e, o) && (t[o] = e[o]);
+  }
+  return t;
+}
+function fr(e, r) {
+  if (e == null) return {};
+  var t = {};
+  for (var o in e)
+    if (Object.prototype.hasOwnProperty.call(e, o)) {
+      if (r.indexOf(o) >= 0) continue;
+      t[o] = e[o];
+    }
+  return t;
+}
+function te() {
+  return te = Object.assign ? Object.assign.bind() : function(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var t = arguments[r];
+      for (var o in t)
+        Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
+    }
+    return e;
+  }, te.apply(this, arguments);
+}
+function me(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(n) {
+      return Object.getOwnPropertyDescriptor(e, n).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function oe(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? me(Object(t), !0).forEach(function(o) {
+      hr(e, o, t[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : me(Object(t)).forEach(function(o) {
+      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
+    });
+  }
+  return e;
+}
+function hr(e, r, t) {
+  return r = yr(r), r in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e;
+}
+function yr(e) {
+  var r = xr(e, "string");
+  return typeof r == "symbol" ? r : r + "";
+}
+function xr(e, r) {
+  if (typeof e != "object" || !e) return e;
+  var t = e[Symbol.toPrimitive];
+  if (t !== void 0) {
+    var o = t.call(e, r);
+    if (typeof o != "object") return o;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (r === "string" ? String : Number)(e);
+}
+function ze(e) {
+  return e && e.map((r, t) => /* @__PURE__ */ E.createElement(r.tag, oe({
+    key: t
+  }, r.attr), ze(r.child)));
+}
+function B(e) {
+  return (r) => /* @__PURE__ */ E.createElement(vr, te({
+    attr: oe({}, e.attr)
+  }, r), ze(e.child));
+}
+function vr(e) {
+  var r = (t) => {
+    var {
+      attr: o,
+      size: n,
+      title: s
+    } = e, i = gr(e, mr), a = n || t.size || "1em", p;
+    return t.className && (p = t.className), e.className && (p = (p ? p + " " : "") + e.className), /* @__PURE__ */ E.createElement("svg", te({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, t.attr, o, i, {
+      className: p,
+      style: oe(oe({
+        color: e.color || t.color
+      }, t.style), e.style),
+      height: a,
+      width: a,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), s && /* @__PURE__ */ E.createElement("title", null, s), e.children);
+  };
+  return be !== void 0 ? /* @__PURE__ */ E.createElement(be.Consumer, null, (t) => r(t)) : r(Me);
+}
+function wr(e) {
+  return B({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "circle", attr: { cx: "11", cy: "11", r: "8" }, child: [] }, { tag: "line", attr: { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }, child: [] }] })(e);
+}
+function kr(e, r) {
+  const [t, o] = T(e);
+  return K(() => {
+    const n = setTimeout(() => {
+      o(e);
+    }, r);
+    return () => {
+      clearTimeout(n);
+    };
+  }, [e, r]), t;
+}
+function Vr({
+  value: e,
+  onChange: r,
+  placeholder: t = "Search...",
+  disabled: o = !1,
+  colorScheme: n = "secondary",
+  label: s,
+  className: i = "",
+  debounceDelay: a = 500,
+  ...p
+}) {
+  const [c, b] = T(e || ""), C = kr(c, a), w = he(r, [r]);
+  K(() => {
+    w(C);
+  }, [C, w]);
+  const v = () => {
+    const d = "w-full px-4 py-4 pl-10 border-2 rounded-lg text-base bg-background transition-all duration-300 focus:outline-none focus:ring-1 disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed placeholder:text-text-muted";
+    switch (n) {
+      case "primary":
+        return u(
+          d,
+          "text-primary border-primary focus:border-primary"
+        );
+      case "secondary":
+      default:
+        return u(
+          d,
+          "text-secondary border-secondary focus:border-secondary"
+        );
+    }
+  }, g = () => n === "primary" ? "text-primary" : "text-secondary", m = () => n === "primary" ? "text-primary" : "text-secondary";
+  return /* @__PURE__ */ k("div", { className: u("mb-0", i), children: [
+    s && /* @__PURE__ */ l(
+      "label",
+      {
+        className: u("block mb-2 text-sm font-medium", m()),
+        children: s
+      }
+    ),
+    /* @__PURE__ */ k("div", { className: "relative w-full", children: [
+      /* @__PURE__ */ l(
+        wr,
+        {
+          className: u(
+            "absolute left-3 top-1/2 -translate-y-1/2 text-base pointer-events-none",
+            g()
+          )
+        }
+      ),
+      /* @__PURE__ */ l(
+        "input",
+        {
+          type: "text",
+          value: c,
+          onChange: (d) => b(d.target.value),
+          placeholder: t,
+          disabled: o,
+          className: v(),
+          ...p
+        }
+      )
+    ] })
+  ] });
+}
+function Cr(e) {
+  return B({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z" }, child: [] }] })(e);
+}
+function Nr(e) {
+  return B({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z" }, child: [] }] })(e);
+}
+function Gr({
+  labelPage: e = "Page",
+  labelOf: r = "of",
+  setPagination: t,
+  totalPages: o,
+  currentPage: n,
+  showLabel: s = !0,
+  className: i = "",
+  isLoading: a = !1,
+  fetchPage: p
+}) {
+  const c = parseInt(String(n)) === 1 || parseInt(String(o)) === 0 || a, b = parseInt(String(n)) === parseInt(String(o)) || parseInt(String(o)) === 0 || a, C = () => {
+    a || (p ? p(n - 1) : t && t((v) => ({
+      ...v,
+      page: v.page - 1
+    })));
+  }, w = () => {
+    a || (p ? p(n + 1) : t && t((v) => ({
+      ...v,
+      page: v.page + 1
+    })));
+  };
+  return /* @__PURE__ */ k("div", { className: u("flex justify-center items-center mt-8", i), children: [
+    /* @__PURE__ */ l(
+      pe,
+      {
+        disabled: c,
+        onClick: C,
+        variant: "secondary",
+        children: /* @__PURE__ */ l(Cr, { size: 14 })
+      }
+    ),
+    /* @__PURE__ */ l("h5", { className: "font-bold mx-2.5 text-text", children: `${s ? e : ""} ${n}${s ? ` ${r} ` : " / "}${o}` }),
+    /* @__PURE__ */ l(
+      pe,
+      {
+        disabled: b,
+        onClick: w,
+        variant: "primary",
+        children: /* @__PURE__ */ l(Nr, { size: 14 })
+      }
+    )
+  ] });
+}
+function Le(e) {
+  return B({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "48", d: "m112 184 144 144 144-144" }, child: [] }] })(e);
+}
+function Mr(e) {
+  return B({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34z" }, child: [] }] })(e);
+}
+function zr(e) {
+  return B({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M456.69 421.39 362.6 327.3a173.81 173.81 0 0 0 34.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 0 0 327.3 362.6l94.09 94.09a25 25 0 0 0 35.3-35.3zM97.92 222.72a124.8 124.8 0 1 1 124.8 124.8 124.95 124.95 0 0 1-124.8-124.8z" }, child: [] }] })(e);
+}
+function Fr({
+  title: e,
+  subtitle: r,
+  children: t,
+  defaultExpanded: o = !1,
+  expanded: n,
+  onToggle: s,
+  className: i = "",
+  colorScheme: a = "primary",
+  icon: p,
+  disabled: c = !1,
+  headerExtra: b
+}) {
+  const [C, w] = T(o), v = n !== void 0 ? n : C, g = () => {
+    if (c) return;
+    const h = !v;
+    n === void 0 && w(h), s?.(h);
+  }, m = () => a === "primary" ? "border-primary" : "border-secondary", d = () => a === "primary" ? "text-primary" : "text-secondary", y = () => a === "primary" ? "hover:bg-primary/5" : "hover:bg-secondary/5";
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      className: u(
+        "w-full rounded-lg border-2 bg-background transition-all duration-300",
+        m(),
+        v && "shadow-lg",
+        i
+      ),
+      children: [
+        /* @__PURE__ */ k(
+          "button",
+          {
+            type: "button",
+            onClick: g,
+            disabled: c,
+            className: u(
+              "w-full flex cursor-pointer items-center justify-between p-4 text-left transition-all duration-300 rounded-lg",
+              !c && y(),
+              c && "opacity-50"
+            ),
+            "aria-expanded": v,
+            children: [
+              /* @__PURE__ */ k("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
+                p && /* @__PURE__ */ l("div", { className: u("shrink-0", d()), children: p }),
+                /* @__PURE__ */ k("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ l(
+                    "h3",
+                    {
+                      className: u("text-base font-medium truncate", d()),
+                      children: e
+                    }
+                  ),
+                  r && /* @__PURE__ */ l("p", { className: "text-sm text-text-muted truncate mt-0.5", children: r })
+                ] })
+              ] }),
+              /* @__PURE__ */ k("div", { className: "flex items-center gap-3 shrink-0", children: [
+                b && /* @__PURE__ */ l("div", { onClick: (h) => h.stopPropagation(), children: b }),
+                /* @__PURE__ */ l(
+                  "div",
+                  {
+                    className: u(
+                      "h-5 w-5 transition-transform duration-300",
+                      d(),
+                      v && "rotate-180"
+                    ),
+                    children: /* @__PURE__ */ l(Le, { className: "h-5 w-5" })
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(
+          "div",
+          {
+            className: u(
+              "overflow-hidden transition-all duration-300 ease-in-out",
+              v ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"
+            ),
+            children: /* @__PURE__ */ l("div", { className: u("p-4 pt-0 border-t-0", m()), children: /* @__PURE__ */ l("div", { className: "border-t border-border pt-4", children: t }) })
+          }
+        )
+      ]
+    }
+  );
+}
+function Br({ children: e, className: r = "" }) {
+  return /* @__PURE__ */ l("div", { className: u("py-4", r), children: e });
+}
+function _r({
+  options: e,
+  value: r,
+  onChange: t,
+  children: o,
+  className: n = "",
+  colorScheme: s = "primary",
+  variant: i = "underline"
+}) {
+  const [a, p] = T(
+    r ?? e[0]?.value ?? ""
+  ), c = r !== void 0 ? r : a, b = (g) => {
+    r === void 0 && p(g), t?.(g);
+  }, C = (g, m) => {
+    const d = c === g, y = "px-4 py-3 cursor-pointer text-sm font-medium transition-all duration-300 focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed";
+    if (m)
+      return u(y, "text-text-muted");
+    switch (i) {
+      case "filled":
+        return u(
+          y,
+          "rounded-lg",
+          d ? s === "primary" ? "bg-primary text-white" : "bg-secondary text-white" : "text-text-muted hover:bg-background-light"
+        );
+      case "pills":
+        return u(
+          y,
+          "rounded-full",
+          d ? s === "primary" ? "bg-primary/10 text-primary border-2 border-primary" : "bg-secondary/10 text-secondary border-2 border-secondary" : "text-text-muted hover:bg-background-light border-2 border-transparent"
+        );
+      case "underline":
+      default:
+        return u(
+          y,
+          "border-b-2",
+          d ? s === "primary" ? "border-primary text-primary" : "border-secondary text-secondary" : "border-transparent text-text-muted hover:text-text hover:border-border"
+        );
+    }
+  }, w = () => {
+    switch (i) {
+      case "filled":
+        return "flex gap-1 p-1 bg-background-light rounded-lg";
+      case "pills":
+        return "flex gap-2 flex-wrap";
+      case "underline":
+      default:
+        return "flex border-b-2 border-border";
+    }
+  }, v = E.Children.toArray(o).find((g) => E.isValidElement(g) ? g.props.value === c : !1);
+  return /* @__PURE__ */ k("div", { className: u("w-full", n), children: [
+    /* @__PURE__ */ l("div", { className: w(), role: "tablist", children: e.map((g) => /* @__PURE__ */ l(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        "aria-selected": c === g.value,
+        "aria-controls": `tabpanel-${g.value}`,
+        disabled: g.disabled,
+        onClick: () => !g.disabled && b(g.value),
+        className: C(g.value, g.disabled),
+        children: g.label
+      },
+      g.value
+    )) }),
+    /* @__PURE__ */ l("div", { role: "tabpanel", id: `tabpanel-${c}`, children: v })
+  ] });
+}
+function ge(e) {
+  return B({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" }, child: [] }] })(e);
+}
+function fe(e) {
+  return B({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }, child: [] }] })(e);
+}
+const Lr = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], Pr = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+function Sr(e) {
+  return new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate();
+}
+function Dr(e) {
+  const r = new Date(e.getFullYear(), e.getMonth(), 1).getDay();
+  return r === 0 ? 6 : r - 1;
+}
+function $r({
+  value: e,
+  onChange: r,
+  disabled: t = !1,
+  className: o = "",
+  colorScheme: n = "secondary",
+  locale: s = "en-US",
+  dayNames: i = Lr,
+  monthNames: a = Pr,
+  ...p
+}) {
+  const [c, b] = T(e || /* @__PURE__ */ new Date()), C = Sr(c), w = Dr(c), v = [];
+  for (let N = 0; N < w; N++)
+    v.push(null);
+  for (let N = 1; N <= C; N++) {
+    const z = new Date(
+      c.getFullYear(),
+      c.getMonth(),
+      N,
+      12,
+      0,
+      0
+    );
+    v.push(z);
+  }
+  const g = () => {
+    b(
+      new Date(
+        c.getFullYear(),
+        c.getMonth() - 1,
+        1,
+        12,
+        0,
+        0
+      )
+    );
+  }, m = () => {
+    b(
+      new Date(
+        c.getFullYear(),
+        c.getMonth() + 1,
+        1,
+        12,
+        0,
+        0
+      )
+    );
+  }, d = () => {
+    b(
+      new Date(
+        c.getFullYear() - 1,
+        c.getMonth(),
+        1,
+        12,
+        0,
+        0
+      )
+    );
+  }, y = () => {
+    b(
+      new Date(
+        c.getFullYear() + 1,
+        c.getMonth(),
+        1,
+        12,
+        0,
+        0
+      )
+    );
+  }, h = (N) => {
+    if (N && !t) {
+      const z = new Date(
+        N.getFullYear(),
+        N.getMonth(),
+        N.getDate(),
+        12,
+        0,
+        0
+      );
+      b(z), r?.(z);
+    }
+  }, M = (() => {
+    switch (n) {
+      case "primary":
+        return {
+          header: "text-primary",
+          selected: "bg-primary text-white",
+          hover: "hover:bg-primary/10",
+          button: "text-primary border-primary hover:bg-primary/20"
+        };
+      case "secondary":
+      default:
+        return {
+          header: "text-secondary",
+          selected: "bg-secondary text-white",
+          hover: "hover:bg-secondary/10",
+          button: "text-secondary border-secondary hover:bg-secondary/20"
+        };
+    }
+  })(), j = (N) => N && e ? N.toDateString() === e.toDateString() : !1;
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      className: u(
+        "w-full max-w-sm bg-background border-2 border-border rounded-lg p-6 shadow-md",
+        o
+      ),
+      ...p,
+      children: [
+        /* @__PURE__ */ k("div", { className: "mb-6", children: [
+          /* @__PURE__ */ k(
+            "div",
+            {
+              className: u(
+                "flex items-center justify-between mb-4",
+                M.header
+              ),
+              children: [
+                /* @__PURE__ */ l(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: d,
+                    disabled: t,
+                    className: u(
+                      "p-2 rounded-lg border transition-all duration-300",
+                      M.button,
+                      t && "opacity-50 cursor-not-allowed"
+                    ),
+                    children: /* @__PURE__ */ l(ge, { size: 18 })
+                  }
+                ),
+                /* @__PURE__ */ l("h2", { className: "font-semibold text-lg", children: c.getFullYear() }),
+                /* @__PURE__ */ l(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: y,
+                    disabled: t,
+                    className: u(
+                      "p-2 rounded-lg border transition-all duration-300",
+                      M.button,
+                      t && "opacity-50 cursor-not-allowed"
+                    ),
+                    children: /* @__PURE__ */ l(fe, { size: 18 })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ k("div", { className: u("flex items-center justify-between", M.header), children: [
+            /* @__PURE__ */ l(
+              "button",
+              {
+                type: "button",
+                onClick: g,
+                disabled: t,
+                className: u(
+                  "p-2 rounded-lg border transition-all duration-300",
+                  M.button,
+                  t && "opacity-50 cursor-not-allowed"
+                ),
+                children: /* @__PURE__ */ l(ge, { size: 18 })
+              }
+            ),
+            /* @__PURE__ */ l("h2", { className: "font-semibold text-lg", children: a[c.getMonth()] }),
+            /* @__PURE__ */ l(
+              "button",
+              {
+                type: "button",
+                onClick: m,
+                disabled: t,
+                className: u(
+                  "p-2 rounded-lg border transition-all duration-300",
+                  M.button,
+                  t && "opacity-50 cursor-not-allowed"
+                ),
+                children: /* @__PURE__ */ l(fe, { size: 18 })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ l("div", { className: "grid grid-cols-7 gap-2 mb-4", children: i.map((N) => /* @__PURE__ */ l(
+          "div",
+          {
+            className: u(
+              "text-center text-sm font-medium py-2",
+              M.header
+            ),
+            children: N
+          },
+          N
+        )) }),
+        /* @__PURE__ */ l("div", { className: "grid grid-cols-7 gap-2", children: v.map((N, z) => /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            onClick: () => h(N),
+            disabled: !N || t,
+            className: u(
+              "p-2 rounded-lg text-sm font-medium transition-all duration-300",
+              N ? u(
+                "cursor-pointer",
+                M.hover,
+                j(N) ? M.selected : "text-text border border-transparent hover:border-border",
+                t && "opacity-50 cursor-not-allowed"
+              ) : "cursor-default"
+            ),
+            children: N ? N.getDate() : ""
+          },
+          z
+        )) }),
+        e && /* @__PURE__ */ l(
+          "div",
+          {
+            className: u(
+              "mt-6 p-3 rounded-lg bg-background-dark border border-border text-center text-sm font-medium",
+              M.header
+            ),
+            children: e.toLocaleDateString(s, {
+              year: "numeric",
+              month: "long",
+              day: "numeric"
+            })
+          }
+        )
+      ]
+    }
+  );
+}
+function Wr({
+  headers: e,
+  data: r,
+  loading: t,
+  loadingText: o = "Loading...",
+  actions: n,
+  actionsHeader: s = "Actions",
+  onRowClick: i,
+  className: a = "",
+  rowClassName: p = "",
+  cellClassName: c = "",
+  headerClassName: b = "",
+  emptyText: C = "No data available",
+  showCount: w = !0,
+  countText: v = (m) => `Showing ${m} record${m !== 1 ? "s" : ""}`,
+  keyExtractor: g = (m, d) => m._id || m.id || d
+}) {
+  if (t)
+    return /* @__PURE__ */ l("div", { className: "flex justify-center items-center min-h-[400px]", children: /* @__PURE__ */ l("div", { className: "text-lg text-text-light", children: o }) });
+  if (r.length === 0)
+    return /* @__PURE__ */ l("div", { className: "flex justify-center items-center min-h-[200px]", children: /* @__PURE__ */ l("div", { className: "text-lg text-text-muted", children: C }) });
+  const m = (d, y) => {
+    const h = y.toLowerCase().replace(/\s+/g, "_");
+    let S = d[h];
+    if (S === void 0) {
+      const M = [
+        h.replace(/_/g, ""),
+        y.toLowerCase().replace(/\s+/g, ""),
+        h.replace(/_([a-z])/g, (j, N) => N.toUpperCase())
+      ];
+      for (const j of M)
+        if (d[j] !== void 0) {
+          S = d[j];
+          break;
+        }
+    }
+    if (S === void 0) {
+      const M = y.toLowerCase().split(" "), j = Object.keys(d).find(
+        (N) => M.some((z) => N.toLowerCase().includes(z))
+      );
+      j && (S = d[j]);
+    }
+    return S != null ? String(S) : "N/A";
+  };
+  return /* @__PURE__ */ k("div", { className: u("overflow-x-auto", a), children: [
+    /* @__PURE__ */ k("table", { className: "w-full border-collapse", children: [
+      /* @__PURE__ */ l("thead", { children: /* @__PURE__ */ k("tr", { className: "border-b-2 border-border", children: [
+        e.map((d, y) => /* @__PURE__ */ l(
+          "th",
+          {
+            className: u(
+              "text-left py-3 px-4 font-semibold text-text",
+              b
+            ),
+            children: d
+          },
+          y
+        )),
+        n && /* @__PURE__ */ l(
+          "th",
+          {
+            className: u(
+              "text-center py-3 px-4 font-semibold text-text",
+              b
+            ),
+            children: s
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ l("tbody", { children: r.map((d, y) => /* @__PURE__ */ k(
+        "tr",
+        {
+          className: u(
+            "border-b border-border-dark hover:bg-background-light transition-colors",
+            i && "cursor-pointer",
+            p
+          ),
+          onClick: () => i?.(d),
+          children: [
+            e.map((h, S) => /* @__PURE__ */ l("td", { className: u("py-4 px-4", c), children: /* @__PURE__ */ l("div", { className: "text-text-light", children: m(d, h) }) }, S)),
+            n && /* @__PURE__ */ l("td", { className: u("py-4 px-4", c), children: /* @__PURE__ */ l("div", { className: "flex gap-2 justify-center", children: n.map((h, S) => {
+              const M = h.component || "button";
+              return /* @__PURE__ */ k(
+                M,
+                {
+                  onClick: (j) => {
+                    j.stopPropagation(), h.onClick?.(d);
+                  },
+                  className: h.className || "",
+                  ...h.props || {},
+                  children: [
+                    h.icon && /* @__PURE__ */ l("span", { className: "inline-block", children: E.createElement(h.icon) }),
+                    h.label && h.label
+                  ]
+                },
+                S
+              );
+            }) }) })
+          ]
+        },
+        g(d, y)
+      )) })
+    ] }),
+    w && r.length > 0 && /* @__PURE__ */ l("div", { className: "mt-6 text-center text-text-light text-sm", children: v(r.length) })
+  ] });
+}
+function Ur({
+  label: e,
+  options: r,
+  value: t = "",
+  onChange: o,
+  multiple: n = !1,
+  className: s = "",
+  searchable: i = !1,
+  onSearchInputCustom: a,
+  placeholder: p = "Select...",
+  disabled: c = !1,
+  error: b,
+  required: C = !1,
+  colorScheme: w = "primary",
+  noResultsText: v = "No results found",
+  searchPlaceholder: g = "Search...",
+  ...m
+}) {
+  const [d, y] = T(!1), [h, S] = T(""), [M, j] = T({
+    top: 0,
+    left: 0,
+    openUpward: !1
+  }), N = Array.isArray(t) ? t : t ? [t] : [], [z, W] = T(
+    N.map((f) => r.find((L) => L.value === f)).filter(Boolean)
+  ), R = ie(null), _ = ie(null), Z = () => {
+    const f = "w-full p-4 border-2 rounded-lg text-base bg-background transition-all duration-300 focus:outline-none focus:ring-1 disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed";
+    if (b)
+      return u(f, "border-danger focus:border-danger");
+    switch (w) {
+      case "primary":
+        return u(
+          f,
+          "text-primary border-primary focus:border-primary"
+        );
+      case "secondary":
+      default:
+        return u(
+          f,
+          "text-secondary border-secondary focus:border-secondary"
+        );
+    }
+  }, P = () => w === "primary" ? "text-primary" : "text-secondary";
+  K(() => {
+    const L = (Array.isArray(t) ? t : t !== "" && t !== null && t !== void 0 ? [t] : []).map((O) => r.find((I) => I.value === O)).filter(Boolean);
+    W(L);
+  }, [t, r]), K(() => {
+    d && i && _.current && _.current.focus();
+  }, [d, i]);
+  const U = he(() => {
+    if (!R.current) return;
+    const f = R.current.getBoundingClientRect(), L = window.innerHeight, O = 250, Y = L - f.bottom < O && f.top > O;
+    j({
+      top: Y ? f.top : f.bottom,
+      left: f.left,
+      width: f.width,
+      openUpward: Y
+    });
+  }, []);
+  K(() => {
+    function f(O) {
+      R.current && !R.current.contains(O.target) && y(!1);
+    }
+    function L() {
+      d && U();
+    }
+    return document.addEventListener("mousedown", f), window.addEventListener("scroll", L, !0), window.addEventListener("resize", L), () => {
+      document.removeEventListener("mousedown", f), window.removeEventListener("scroll", L, !0), window.removeEventListener("resize", L);
+    };
+  }, [d, U]);
+  const H = (f) => {
+    const L = r.find((I) => I.value === f);
+    if (!L) return;
+    let O;
+    n ? (O = z.some((Y) => Y.value === f) ? z.filter((Y) => Y.value !== f) : [...z, L], W(O), o(O)) : (O = [L], W(O), o(L), y(!1), S(""));
+  }, ee = (f) => {
+    S(f), a?.(f);
+  }, $ = i ? r.filter(
+    (f) => f.label.toLowerCase().includes(h.toLowerCase())
+  ) : r, re = () => z.length === 0 ? p : n ? z.length === 1 ? z[0].label : `${z.length} selected` : z[0]?.label || p;
+  return /* @__PURE__ */ k("div", { className: u("mb-6", s), children: [
+    e && /* @__PURE__ */ k(
+      "label",
+      {
+        className: u("block mb-2 text-sm font-medium", P()),
+        children: [
+          e,
+          C && /* @__PURE__ */ l("span", { className: "text-danger ml-1", children: "*" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ k("div", { ref: R, className: "relative w-full", children: [
+      /* @__PURE__ */ k(
+        "button",
+        {
+          type: "button",
+          onClick: (f) => {
+            f.preventDefault(), f.stopPropagation(), d || U(), y(!d);
+          },
+          className: u(
+            Z(),
+            "inline-flex items-center justify-between cursor-pointer h-auto min-h-14",
+            c && "cursor-not-allowed",
+            d && "ring-1"
+          ),
+          disabled: c,
+          ...m,
+          children: [
+            /* @__PURE__ */ k("div", { className: "flex items-center gap-2 flex-1", children: [
+              z.length > 0 && z[0].hex && /* @__PURE__ */ l(
+                "div",
+                {
+                  className: "h-4 w-4 rounded border border-border",
+                  style: { backgroundColor: z[0].hex }
+                }
+              ),
+              /* @__PURE__ */ l(
+                "span",
+                {
+                  className: z.length > 0 ? "" : "text-text-muted",
+                  children: re()
+                }
+              )
+            ] }),
+            /* @__PURE__ */ l(
+              "div",
+              {
+                className: u(
+                  "h-5 w-5 transition-transform duration-200",
+                  d && "rotate-180"
+                ),
+                children: /* @__PURE__ */ l(Le, { className: "h-5 w-5" })
+              }
+            )
+          ]
+        }
+      ),
+      d && /* @__PURE__ */ k(
+        "div",
+        {
+          className: u(
+            "fixed z-[9999] rounded-lg border-2 bg-background shadow-xl",
+            b ? "border-danger" : w === "primary" ? "border-primary" : "border-secondary"
+          ),
+          style: {
+            top: `${M.top + (M.openUpward ? 0 : 8)}px`,
+            left: `${M.left}px`,
+            width: `${M.width}px`,
+            transform: M.openUpward ? "translateY(-100%)" : "none"
+          },
+          children: [
+            i && /* @__PURE__ */ l("div", { className: "border-b border-border p-3", children: /* @__PURE__ */ k("div", { className: "relative", children: [
+              /* @__PURE__ */ l(zr, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 transform text-text-muted" }),
+              /* @__PURE__ */ l(
+                "input",
+                {
+                  ref: _,
+                  type: "text",
+                  value: h,
+                  onChange: (f) => ee(f.target.value),
+                  placeholder: g,
+                  className: u(
+                    "w-full rounded-lg border-2 py-2 pr-10 pl-10 text-sm transition-all duration-300 focus:outline-none focus:ring-1",
+                    w === "primary" ? "border-primary text-primary" : "border-secondary text-secondary"
+                  )
+                }
+              ),
+              h && /* @__PURE__ */ l(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => S(""),
+                  className: "absolute top-1/2 right-3 h-4 w-4 -translate-y-1/2 transform text-text-muted hover:text-text",
+                  children: /* @__PURE__ */ l(Mr, { className: "h-4 w-4" })
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ k("div", { className: "max-h-60 overflow-y-auto py-1", children: [
+              $.map((f) => /* @__PURE__ */ l(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => H(f.value ?? ""),
+                  className: u(
+                    "w-full px-4 py-3 text-left text-sm transition-colors",
+                    z.some((L) => L.value === f.value) ? w === "primary" ? "bg-primary/10 text-primary font-medium" : "bg-secondary/10 text-secondary font-medium" : "text-text hover:bg-background-light"
+                  ),
+                  children: /* @__PURE__ */ k("div", { className: "flex items-center gap-3", children: [
+                    n && /* @__PURE__ */ l(
+                      "div",
+                      {
+                        className: u(
+                          "flex h-4 w-4 items-center justify-center rounded border-2 transition-colors",
+                          z.some((L) => L.value === f.value) ? w === "primary" ? "border-primary bg-primary" : "border-secondary bg-secondary" : "border-border"
+                        ),
+                        children: z.some(
+                          (L) => L.value === f.value
+                        ) && /* @__PURE__ */ l(
+                          "svg",
+                          {
+                            className: "h-3 w-3 text-white",
+                            fill: "currentColor",
+                            viewBox: "0 0 20 20",
+                            children: /* @__PURE__ */ l(
+                              "path",
+                              {
+                                fillRule: "evenodd",
+                                d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+                                clipRule: "evenodd"
+                              }
+                            )
+                          }
+                        )
+                      }
+                    ),
+                    f.hex && /* @__PURE__ */ l(
+                      "div",
+                      {
+                        className: "h-4 w-4 rounded border border-border",
+                        style: { backgroundColor: f.hex }
+                      }
+                    ),
+                    /* @__PURE__ */ l("span", { children: f.label })
+                  ] })
+                },
+                f.value
+              )),
+              $.length === 0 && h && r.length > 0 && /* @__PURE__ */ l("div", { className: "px-4 py-3", children: /* @__PURE__ */ l("span", { className: "text-sm text-text-muted", children: v }) })
+            ] })
+          ]
+        }
+      )
+    ] }),
+    b && /* @__PURE__ */ l("span", { className: "block mt-1 text-xs text-danger font-medium", children: b })
+  ] });
+}
+export {
+  pe as Button,
+  $r as Calendar,
+  Ur as Dropdown,
+  Fr as ExpandableCard,
+  Er as Input,
+  Tr as InputArea,
+  Gr as Pagination,
+  Vr as SearchInput,
+  Br as TabPanel,
+  Wr as Table,
+  _r as Tabs,
+  Ir as ThemeProvider,
+  Rr as Toggle,
+  u as cn,
+  A as defaultTheme,
+  se as generateColorVariants,
+  dr as hexToHsl,
+  ue as hslToHex,
+  Or as useTheme
+};
+//# sourceMappingURL=index.js.map