orange-core-ui 0.1.0

package/dist/index.js

@@ -0,0 +1,4031 @@
+import { jsx as n, jsxs as T } from "react/jsx-runtime";
+import * as c from "react";
+import { appendErrors as Le, useForm as Ge, FormProvider as Ee, useFormContext as Be, Controller as Fe } from "react-hook-form";
+import { validateFieldsNatively as We, toNestErrors as He } from "@hookform/resolvers";
+import { z } from "zod";
+import * as ae from "@radix-ui/react-checkbox";
+import * as _ from "@radix-ui/react-radio-group";
+import * as se from "@radix-ui/react-switch";
+import * as C from "@radix-ui/react-select";
+import * as U from "@radix-ui/react-slider";
+import * as G from "@radix-ui/react-tabs";
+import * as L from "@radix-ui/react-accordion";
+import * as q from "@radix-ui/react-popover";
+import * as D from "@radix-ui/react-tooltip";
+import * as ne from "@radix-ui/react-progress";
+import * as Ne from "@radix-ui/react-separator";
+const u = {
+  // Orange
+  orange: {
+    100: "#ff7900",
+    200: "#f16e00"
+  },
+  // White, grays and black
+  white: {
+    100: "#fff"
+  },
+  gray: {
+    200: "#eee",
+    300: "#ddd",
+    400: "#ccc",
+    500: "#999",
+    600: "#666",
+    700: "#595959",
+    800: "#333",
+    900: "#141414"
+  },
+  black: {
+    900: "#000"
+  },
+  // Forest
+  forest: {
+    100: "#6c6",
+    200: "#228722"
+  },
+  // Fire
+  fire: {
+    100: "#ff4d4d",
+    200: "#cd3c14"
+  },
+  // Water
+  water: {
+    100: "#69f",
+    200: "#4170d8"
+  },
+  // Sun
+  sun: {
+    100: "#fc0",
+    200: "#8f7200"
+  },
+  // Blue
+  blue: {
+    100: "#b5e8f7",
+    200: "#80ceef",
+    300: "#4bb4e6",
+    400: "#3e9dd6",
+    500: "#237eca",
+    600: "#085ebd"
+  },
+  // Green
+  green: {
+    100: "#b8ebd6",
+    200: "#84d5af",
+    300: "#50be87",
+    400: "#27a971",
+    500: "#198c51",
+    600: "#0a6e31"
+  },
+  // Pink
+  pink: {
+    100: "#ffe8f7",
+    200: "#ffceef",
+    300: "#ffb4e6",
+    400: "#ff8ad4",
+    500: "#d573bb",
+    600: "#bc4d9a"
+  },
+  // Purple
+  purple: {
+    100: "#d9c2f0",
+    200: "#c1a4e4",
+    300: "#a885d8",
+    400: "#9373bd",
+    500: "#6e4aa7",
+    600: "#492191"
+  },
+  // Yellow
+  yellow: {
+    100: "#fff6b6",
+    200: "#ffe45b",
+    300: "#ffd200",
+    400: "#ffb400",
+    500: "#b98f11",
+    600: "#9d6e06"
+  }
+}, $ = {
+  green: u.forest[200],
+  // #228722
+  blue: u.water[200],
+  // #4170d8
+  yellow: u.sun[100],
+  // #fc0
+  red: u.fire[200]
+  // #cd3c14
+}, Ve = {
+  blue: u.blue[300],
+  // #4bb4e6
+  yellow: u.yellow[300],
+  // #ffd200
+  green: u.green[300],
+  // #50be87
+  purple: u.purple[300],
+  // #a885d8
+  pink: u.pink[300],
+  // #ffb4e6
+  orange: u.orange[100]
+  // #ff7900
+}, ke = {
+  primary: u.orange[200],
+  // #f16e00
+  secondary: u.black[900],
+  // #000
+  success: $.green,
+  // #228722
+  info: $.blue,
+  // #4170d8
+  warning: $.yellow,
+  // #fc0
+  danger: $.red,
+  // #cd3c14
+  light: u.gray[500],
+  // #999
+  dark: u.black[900]
+  // #000
+}, Ce = {
+  100: "#fafafa",
+  200: u.gray[200],
+  // #eee
+  300: u.gray[300],
+  // #ddd
+  400: u.gray[400],
+  // #ccc
+  500: u.gray[500],
+  // #999
+  600: u.gray[600],
+  // #666
+  700: u.gray[700],
+  // #595959
+  800: u.gray[800],
+  // #333
+  900: u.gray[900],
+  // #141414
+  950: u.gray[900]
+  // #141414
+}, Ue = {
+  white: u.white[100],
+  black: u.black[900],
+  body: {
+    color: u.black[900],
+    bg: u.white[100],
+    secondaryColor: u.gray[700],
+    secondaryBg: u.gray[300],
+    tertiaryColor: u.gray[500],
+    tertiaryBg: Ce[100],
+    emphasisColor: u.black[900]
+  },
+  link: {
+    color: u.black[900],
+    hoverColor: ke.primary
+  },
+  border: {
+    color: u.black[900],
+    colorSubtle: u.gray[500],
+    colorTranslucent: "rgba(0, 0, 0, 0.175)"
+  }
+}, $e = {
+  ...u,
+  functional: $,
+  supporting: Ve,
+  theme: ke,
+  gray: Ce,
+  semantic: Ue
+}, _e = "1.25rem", qe = {
+  0: "0",
+  1: "0.3125rem",
+  // spacer * 0.25 = 5px
+  2: "0.625rem",
+  // spacer * 0.5 = 10px
+  3: "1.25rem",
+  // spacer = 20px
+  4: "1.875rem",
+  // spacer * 1.5 = 30px
+  5: "3.75rem"
+  // spacer * 3 = 60px
+}, De = "2.75rem", Re = _e, Oe = Re, Xe = {
+  ...qe,
+  targetSize: De,
+  gridGutter: Re,
+  containerPadding: Oe
+}, fe = {
+  sansSerif: [
+    "HelvNeueOrange",
+    "Helvetica Neue",
+    "Helvetica",
+    "Noto Sans",
+    "Liberation Sans",
+    "Arial",
+    "sans-serif",
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol",
+    "Noto Color Emoji"
+  ].join(", "),
+  monospace: [
+    "SFMono-Regular",
+    "Menlo",
+    "Monaco",
+    "Consolas",
+    "Liberation Mono",
+    "Courier New",
+    "monospace"
+  ].join(", ")
+}, Z = {
+  root: null,
+  // Browser default
+  base: "1rem",
+  // 16px
+  sm: "0.875rem",
+  // 14px (base * 0.875)
+  lg: "1.125rem",
+  // 18px (base * 1.125)
+  xlg: "1.25rem"
+  // 20px (base * 1.25)
+}, Se = {
+  h1: "2.125rem",
+  // 34px (base * 2.125)
+  h2: "1.875rem",
+  // 30px (base * 1.875)
+  h3: "1.5rem",
+  // 24px (base * 1.5)
+  h4: Z.xlg,
+  // 20px
+  h5: Z.lg,
+  // 18px
+  h6: Z.base
+  // 16px
+}, Je = {
+  display1: "3.75rem",
+  // 60px (xlg * 3)
+  display2: "3.125rem",
+  // 50px (xlg * 2.5)
+  display3: "2.5rem",
+  // 40px (xlg * 2)
+  display4: Se.h1
+  // 34px
+}, he = "calc(18 / 16)", ve = "1", Ze = {
+  base: he,
+  sm: "calc(16 / 14)",
+  // ~1.143
+  lg: "calc(30 / 16)",
+  // 1.875
+  h1: ve,
+  h2: "calc(32 / 30)",
+  // ~1.067
+  h3: "calc(26 / 24)",
+  // ~1.083
+  h4: "calc(22 / 20)",
+  // 1.1
+  h5: "calc(20 / 18)",
+  // ~1.111
+  h6: he,
+  display: ve,
+  lead: "1.5"
+}, xe = "-0.00625rem", te = "-0.0625rem", Ke = {
+  base: xe,
+  h1: te,
+  h2: "-0.05rem",
+  // -0.8px (base * 8)
+  mid: "-0.0375rem",
+  // -0.6px (base * 6)
+  h3: "-0.03125rem",
+  // -0.5px (base * 5)
+  h4: "-0.025rem",
+  // -0.4px (base * 4)
+  h5: "-0.0125rem",
+  // -0.2px (base * 2)
+  h6: xe,
+  display1: "-0.125rem",
+  // -2px (base * 20)
+  display2: "-0.1rem",
+  // -1.6px (base * 16)
+  display3: te,
+  display4: te,
+  lead: "-0.025rem"
+  // -0.4px (base * 4)
+}, Qe = {
+  light: "300",
+  normal: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700"
+}, Ye = {
+  fontFamily: {
+    sans: fe.sansSerif,
+    mono: fe.monospace
+  },
+  fontSize: Z,
+  heading: Se,
+  display: Je,
+  lineHeight: Ze,
+  letterSpacing: Ke,
+  fontWeight: Qe
+}, ze = "0.125rem", er = {
+  1: "0.0625rem",
+  // 1px (width * 0.5)
+  2: ze,
+  // 2px
+  3: "0.1875rem",
+  // 3px (width * 1.5)
+  4: "0.25rem",
+  // 4px (width * 2)
+  5: "0.3125rem"
+  // 5px (width * 2.5)
+}, rr = "solid", tr = {
+  none: "0",
+  sm: "0.25rem",
+  // 4px
+  base: "0.375rem",
+  // 6px
+  lg: "0.5rem",
+  // 8px
+  xl: "1rem",
+  // 16px
+  xxl: "2rem",
+  // 32px
+  pill: "50rem"
+  // Very large for pill shape
+}, or = {
+  default: "#000",
+  // black
+  subtle: "#999",
+  // gray-500
+  translucent: "rgba(0, 0, 0, 0.175)"
+}, ar = {
+  width: ze,
+  widths: er,
+  style: rr,
+  radius: tr,
+  color: or
+}, sr = {
+  none: "none",
+  sm: null,
+  // No small shadow in Boosted
+  base: null,
+  // No default shadow in Boosted
+  lg: null,
+  // No large shadow in Boosted
+  inset: null
+  // No inset shadow in Boosted
+}, nr = sr, ir = {
+  xs: "0",
+  sm: "480px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px",
+  xxl: "1440px"
+}, lr = {
+  xs: "312px",
+  sm: "468px",
+  md: "744px",
+  lg: "960px",
+  xl: "1200px",
+  xxl: "1320px"
+}, cr = {
+  xs: "4px",
+  sm: "6px",
+  md: "12px",
+  lg: "32px",
+  xl: "40px",
+  xxl: "60px"
+}, dr = {
+  breakpoints: ir,
+  containerMaxWidths: lr,
+  containerFluidMargins: cr
+}, Qt = {
+  colors: $e,
+  spacing: Xe,
+  typography: Ye,
+  borders: ar,
+  shadows: nr,
+  responsive: dr
+};
+function Me(e) {
+  var r, t, o = "";
+  if (typeof e == "string" || typeof e == "number") o += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var a = e.length;
+    for (r = 0; r < a; r++) e[r] && (t = Me(e[r])) && (o && (o += " "), o += t);
+  } else for (t in e) e[t] && (o && (o += " "), o += t);
+  return o;
+}
+function br() {
+  for (var e, r, t = 0, o = "", a = arguments.length; t < a; t++) (e = arguments[t]) && (r = Me(e)) && (o && (o += " "), o += r);
+  return o;
+}
+const le = "-", pr = (e) => {
+  const r = gr(e), {
+    conflictingClassGroups: t,
+    conflictingClassGroupModifiers: o
+  } = e;
+  return {
+    getClassGroupId: (i) => {
+      const l = i.split(le);
+      return l[0] === "" && l.length !== 1 && l.shift(), Ie(l, r) || mr(i);
+    },
+    getConflictingClassGroupIds: (i, l) => {
+      const b = t[i] || [];
+      return l && o[i] ? [...b, ...o[i]] : b;
+    }
+  };
+}, Ie = (e, r) => {
+  var i;
+  if (e.length === 0)
+    return r.classGroupId;
+  const t = e[0], o = r.nextPart.get(t), a = o ? Ie(e.slice(1), o) : void 0;
+  if (a)
+    return a;
+  if (r.validators.length === 0)
+    return;
+  const s = e.join(le);
+  return (i = r.validators.find(({
+    validator: l
+  }) => l(s))) == null ? void 0 : i.classGroupId;
+}, ye = /^\[(.+)\]$/, mr = (e) => {
+  if (ye.test(e)) {
+    const r = ye.exec(e)[1], t = r == null ? void 0 : r.substring(0, r.indexOf(":"));
+    if (t)
+      return "arbitrary.." + t;
+  }
+}, gr = (e) => {
+  const {
+    theme: r,
+    prefix: t
+  } = e, o = {
+    nextPart: /* @__PURE__ */ new Map(),
+    validators: []
+  };
+  return fr(Object.entries(e.classGroups), t).forEach(([s, i]) => {
+    ie(i, o, s, r);
+  }), o;
+}, ie = (e, r, t, o) => {
+  e.forEach((a) => {
+    if (typeof a == "string") {
+      const s = a === "" ? r : we(r, a);
+      s.classGroupId = t;
+      return;
+    }
+    if (typeof a == "function") {
+      if (ur(a)) {
+        ie(a(o), r, t, o);
+        return;
+      }
+      r.validators.push({
+        validator: a,
+        classGroupId: t
+      });
+      return;
+    }
+    Object.entries(a).forEach(([s, i]) => {
+      ie(i, we(r, s), t, o);
+    });
+  });
+}, we = (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;
+}, ur = (e) => e.isThemeGetter, fr = (e, r) => r ? e.map(([t, o]) => {
+  const a = o.map((s) => typeof s == "string" ? r + s : typeof s == "object" ? Object.fromEntries(Object.entries(s).map(([i, l]) => [r + i, l])) : s);
+  return [t, a];
+}) : e, hr = (e) => {
+  if (e < 1)
+    return {
+      get: () => {
+      },
+      set: () => {
+      }
+    };
+  let r = 0, t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+  const a = (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 a(s, i), i;
+    },
+    set(s, i) {
+      t.has(s) ? t.set(s, i) : a(s, i);
+    }
+  };
+}, Te = "!", vr = (e) => {
+  const {
+    separator: r,
+    experimentalParseClassName: t
+  } = e, o = r.length === 1, a = r[0], s = r.length, i = (l) => {
+    const b = [];
+    let g = 0, p = 0, f;
+    for (let y = 0; y < l.length; y++) {
+      let k = l[y];
+      if (g === 0) {
+        if (k === a && (o || l.slice(y, y + s) === r)) {
+          b.push(l.slice(p, y)), p = y + s;
+          continue;
+        }
+        if (k === "/") {
+          f = y;
+          continue;
+        }
+      }
+      k === "[" ? g++ : k === "]" && g--;
+    }
+    const h = b.length === 0 ? l : l.substring(p), w = h.startsWith(Te), R = w ? h.substring(1) : h, N = f && f > p ? f - p : void 0;
+    return {
+      modifiers: b,
+      hasImportantModifier: w,
+      baseClassName: R,
+      maybePostfixModifierPosition: N
+    };
+  };
+  return t ? (l) => t({
+    className: l,
+    parseClassName: i
+  }) : i;
+}, xr = (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;
+}, yr = (e) => ({
+  cache: hr(e.cacheSize),
+  parseClassName: vr(e),
+  ...pr(e)
+}), wr = /\s+/, Nr = (e, r) => {
+  const {
+    parseClassName: t,
+    getClassGroupId: o,
+    getConflictingClassGroupIds: a
+  } = r, s = [], i = e.trim().split(wr);
+  let l = "";
+  for (let b = i.length - 1; b >= 0; b -= 1) {
+    const g = i[b], {
+      modifiers: p,
+      hasImportantModifier: f,
+      baseClassName: h,
+      maybePostfixModifierPosition: w
+    } = t(g);
+    let R = !!w, N = o(R ? h.substring(0, w) : h);
+    if (!N) {
+      if (!R) {
+        l = g + (l.length > 0 ? " " + l : l);
+        continue;
+      }
+      if (N = o(h), !N) {
+        l = g + (l.length > 0 ? " " + l : l);
+        continue;
+      }
+      R = !1;
+    }
+    const y = xr(p).join(":"), k = f ? y + Te : y, S = k + N;
+    if (s.includes(S))
+      continue;
+    s.push(S);
+    const F = a(N, R);
+    for (let j = 0; j < F.length; ++j) {
+      const O = F[j];
+      s.push(k + O);
+    }
+    l = g + (l.length > 0 ? " " + l : l);
+  }
+  return l;
+};
+function kr() {
+  let e = 0, r, t, o = "";
+  for (; e < arguments.length; )
+    (r = arguments[e++]) && (t = Ae(r)) && (o && (o += " "), o += t);
+  return o;
+}
+const Ae = (e) => {
+  if (typeof e == "string")
+    return e;
+  let r, t = "";
+  for (let o = 0; o < e.length; o++)
+    e[o] && (r = Ae(e[o])) && (t && (t += " "), t += r);
+  return t;
+};
+function Cr(e, ...r) {
+  let t, o, a, s = i;
+  function i(b) {
+    const g = r.reduce((p, f) => f(p), e());
+    return t = yr(g), o = t.cache.get, a = t.cache.set, s = l, l(b);
+  }
+  function l(b) {
+    const g = o(b);
+    if (g)
+      return g;
+    const p = Nr(b, t);
+    return a(b, p), p;
+  }
+  return function() {
+    return s(kr.apply(null, arguments));
+  };
+}
+const v = (e) => {
+  const r = (t) => t[e] || [];
+  return r.isThemeGetter = !0, r;
+}, Pe = /^\[(?:([a-z-]+):)?(.+)\]$/i, Rr = /^\d+\/\d+$/, Sr = /* @__PURE__ */ new Set(["px", "full", "screen"]), zr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Mr = /\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$/, Ir = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Tr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Ar = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, I = (e) => E(e) || Sr.has(e) || Rr.test(e), A = (e) => B(e, "length", Wr), E = (e) => !!e && !Number.isNaN(Number(e)), oe = (e) => B(e, "number", E), H = (e) => !!e && Number.isInteger(Number(e)), Pr = (e) => e.endsWith("%") && E(e.slice(0, -1)), m = (e) => Pe.test(e), P = (e) => zr.test(e), jr = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Lr = (e) => B(e, jr, je), Gr = (e) => B(e, "position", je), Er = /* @__PURE__ */ new Set(["image", "url"]), Br = (e) => B(e, Er, Vr), Fr = (e) => B(e, "", Hr), V = () => !0, B = (e, r, t) => {
+  const o = Pe.exec(e);
+  return o ? o[1] ? typeof r == "string" ? o[1] === r : r.has(o[1]) : t(o[2]) : !1;
+}, Wr = (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.
+  Mr.test(e) && !Ir.test(e)
+), je = () => !1, Hr = (e) => Tr.test(e), Vr = (e) => Ar.test(e), Ur = () => {
+  const e = v("colors"), r = v("spacing"), t = v("blur"), o = v("brightness"), a = v("borderColor"), s = v("borderRadius"), i = v("borderSpacing"), l = v("borderWidth"), b = v("contrast"), g = v("grayscale"), p = v("hueRotate"), f = v("invert"), h = v("gap"), w = v("gradientColorStops"), R = v("gradientColorStopPositions"), N = v("inset"), y = v("margin"), k = v("opacity"), S = v("padding"), F = v("saturate"), j = v("scale"), O = v("sepia"), ce = v("skew"), de = v("space"), be = v("translate"), Q = () => ["auto", "contain", "none"], Y = () => ["auto", "hidden", "clip", "visible", "scroll"], ee = () => ["auto", m, r], x = () => [m, r], pe = () => ["", I, A], X = () => ["auto", E, m], me = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], J = () => ["solid", "dashed", "dotted", "double", "none"], ge = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], re = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], W = () => ["", "0", m], ue = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], M = () => [E, m];
+  return {
+    cacheSize: 500,
+    separator: ":",
+    theme: {
+      colors: [V],
+      spacing: [I, A],
+      blur: ["none", "", P, m],
+      brightness: M(),
+      borderColor: [e],
+      borderRadius: ["none", "", "full", P, m],
+      borderSpacing: x(),
+      borderWidth: pe(),
+      contrast: M(),
+      grayscale: W(),
+      hueRotate: M(),
+      invert: W(),
+      gap: x(),
+      gradientColorStops: [e],
+      gradientColorStopPositions: [Pr, A],
+      inset: ee(),
+      margin: ee(),
+      opacity: M(),
+      padding: x(),
+      saturate: M(),
+      scale: M(),
+      sepia: W(),
+      skew: M(),
+      space: x(),
+      translate: x()
+    },
+    classGroups: {
+      // Layout
+      /**
+       * Aspect Ratio
+       * @see https://tailwindcss.com/docs/aspect-ratio
+       */
+      aspect: [{
+        aspect: ["auto", "square", "video", m]
+      }],
+      /**
+       * Container
+       * @see https://tailwindcss.com/docs/container
+       */
+      container: ["container"],
+      /**
+       * Columns
+       * @see https://tailwindcss.com/docs/columns
+       */
+      columns: [{
+        columns: [P]
+      }],
+      /**
+       * Break After
+       * @see https://tailwindcss.com/docs/break-after
+       */
+      "break-after": [{
+        "break-after": ue()
+      }],
+      /**
+       * Break Before
+       * @see https://tailwindcss.com/docs/break-before
+       */
+      "break-before": [{
+        "break-before": ue()
+      }],
+      /**
+       * 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: [...me(), m]
+      }],
+      /**
+       * Overflow
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      overflow: [{
+        overflow: Y()
+      }],
+      /**
+       * Overflow X
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-x": [{
+        "overflow-x": Y()
+      }],
+      /**
+       * Overflow Y
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-y": [{
+        "overflow-y": Y()
+      }],
+      /**
+       * Overscroll Behavior
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      overscroll: [{
+        overscroll: Q()
+      }],
+      /**
+       * Overscroll Behavior X
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-x": [{
+        "overscroll-x": Q()
+      }],
+      /**
+       * Overscroll Behavior Y
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-y": [{
+        "overscroll-y": Q()
+      }],
+      /**
+       * 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: [N]
+      }],
+      /**
+       * Right / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-x": [{
+        "inset-x": [N]
+      }],
+      /**
+       * Top / Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-y": [{
+        "inset-y": [N]
+      }],
+      /**
+       * Start
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      start: [{
+        start: [N]
+      }],
+      /**
+       * End
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      end: [{
+        end: [N]
+      }],
+      /**
+       * Top
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      top: [{
+        top: [N]
+      }],
+      /**
+       * Right
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      right: [{
+        right: [N]
+      }],
+      /**
+       * Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      bottom: [{
+        bottom: [N]
+      }],
+      /**
+       * Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      left: [{
+        left: [N]
+      }],
+      /**
+       * Visibility
+       * @see https://tailwindcss.com/docs/visibility
+       */
+      visibility: ["visible", "invisible", "collapse"],
+      /**
+       * Z-Index
+       * @see https://tailwindcss.com/docs/z-index
+       */
+      z: [{
+        z: ["auto", H, m]
+      }],
+      // Flexbox and Grid
+      /**
+       * Flex Basis
+       * @see https://tailwindcss.com/docs/flex-basis
+       */
+      basis: [{
+        basis: ee()
+      }],
+      /**
+       * 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", m]
+      }],
+      /**
+       * Flex Grow
+       * @see https://tailwindcss.com/docs/flex-grow
+       */
+      grow: [{
+        grow: W()
+      }],
+      /**
+       * Flex Shrink
+       * @see https://tailwindcss.com/docs/flex-shrink
+       */
+      shrink: [{
+        shrink: W()
+      }],
+      /**
+       * Order
+       * @see https://tailwindcss.com/docs/order
+       */
+      order: [{
+        order: ["first", "last", "none", H, m]
+      }],
+      /**
+       * Grid Template Columns
+       * @see https://tailwindcss.com/docs/grid-template-columns
+       */
+      "grid-cols": [{
+        "grid-cols": [V]
+      }],
+      /**
+       * Grid Column Start / End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start-end": [{
+        col: ["auto", {
+          span: ["full", H, m]
+        }, m]
+      }],
+      /**
+       * Grid Column Start
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start": [{
+        "col-start": X()
+      }],
+      /**
+       * Grid Column End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-end": [{
+        "col-end": X()
+      }],
+      /**
+       * Grid Template Rows
+       * @see https://tailwindcss.com/docs/grid-template-rows
+       */
+      "grid-rows": [{
+        "grid-rows": [V]
+      }],
+      /**
+       * Grid Row Start / End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start-end": [{
+        row: ["auto", {
+          span: [H, m]
+        }, m]
+      }],
+      /**
+       * Grid Row Start
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start": [{
+        "row-start": X()
+      }],
+      /**
+       * Grid Row End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-end": [{
+        "row-end": X()
+      }],
+      /**
+       * 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", m]
+      }],
+      /**
+       * Grid Auto Rows
+       * @see https://tailwindcss.com/docs/grid-auto-rows
+       */
+      "auto-rows": [{
+        "auto-rows": ["auto", "min", "max", "fr", m]
+      }],
+      /**
+       * Gap
+       * @see https://tailwindcss.com/docs/gap
+       */
+      gap: [{
+        gap: [h]
+      }],
+      /**
+       * Gap X
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-x": [{
+        "gap-x": [h]
+      }],
+      /**
+       * Gap Y
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-y": [{
+        "gap-y": [h]
+      }],
+      /**
+       * Justify Content
+       * @see https://tailwindcss.com/docs/justify-content
+       */
+      "justify-content": [{
+        justify: ["normal", ...re()]
+      }],
+      /**
+       * 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", ...re(), "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": [...re(), "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: [S]
+      }],
+      /**
+       * Padding X
+       * @see https://tailwindcss.com/docs/padding
+       */
+      px: [{
+        px: [S]
+      }],
+      /**
+       * Padding Y
+       * @see https://tailwindcss.com/docs/padding
+       */
+      py: [{
+        py: [S]
+      }],
+      /**
+       * Padding Start
+       * @see https://tailwindcss.com/docs/padding
+       */
+      ps: [{
+        ps: [S]
+      }],
+      /**
+       * Padding End
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pe: [{
+        pe: [S]
+      }],
+      /**
+       * Padding Top
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pt: [{
+        pt: [S]
+      }],
+      /**
+       * Padding Right
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pr: [{
+        pr: [S]
+      }],
+      /**
+       * Padding Bottom
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pb: [{
+        pb: [S]
+      }],
+      /**
+       * Padding Left
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pl: [{
+        pl: [S]
+      }],
+      /**
+       * Margin
+       * @see https://tailwindcss.com/docs/margin
+       */
+      m: [{
+        m: [y]
+      }],
+      /**
+       * Margin X
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mx: [{
+        mx: [y]
+      }],
+      /**
+       * Margin Y
+       * @see https://tailwindcss.com/docs/margin
+       */
+      my: [{
+        my: [y]
+      }],
+      /**
+       * Margin Start
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ms: [{
+        ms: [y]
+      }],
+      /**
+       * Margin End
+       * @see https://tailwindcss.com/docs/margin
+       */
+      me: [{
+        me: [y]
+      }],
+      /**
+       * Margin Top
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mt: [{
+        mt: [y]
+      }],
+      /**
+       * Margin Right
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mr: [{
+        mr: [y]
+      }],
+      /**
+       * Margin Bottom
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mb: [{
+        mb: [y]
+      }],
+      /**
+       * Margin Left
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ml: [{
+        ml: [y]
+      }],
+      /**
+       * Space Between X
+       * @see https://tailwindcss.com/docs/space
+       */
+      "space-x": [{
+        "space-x": [de]
+      }],
+      /**
+       * 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": [de]
+      }],
+      /**
+       * 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", m, r]
+      }],
+      /**
+       * Min-Width
+       * @see https://tailwindcss.com/docs/min-width
+       */
+      "min-w": [{
+        "min-w": [m, r, "min", "max", "fit"]
+      }],
+      /**
+       * Max-Width
+       * @see https://tailwindcss.com/docs/max-width
+       */
+      "max-w": [{
+        "max-w": [m, r, "none", "full", "min", "max", "fit", "prose", {
+          screen: [P]
+        }, P]
+      }],
+      /**
+       * Height
+       * @see https://tailwindcss.com/docs/height
+       */
+      h: [{
+        h: [m, r, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
+      }],
+      /**
+       * Min-Height
+       * @see https://tailwindcss.com/docs/min-height
+       */
+      "min-h": [{
+        "min-h": [m, r, "min", "max", "fit", "svh", "lvh", "dvh"]
+      }],
+      /**
+       * Max-Height
+       * @see https://tailwindcss.com/docs/max-height
+       */
+      "max-h": [{
+        "max-h": [m, r, "min", "max", "fit", "svh", "lvh", "dvh"]
+      }],
+      /**
+       * Size
+       * @see https://tailwindcss.com/docs/size
+       */
+      size: [{
+        size: [m, r, "auto", "min", "max", "fit"]
+      }],
+      // Typography
+      /**
+       * Font Size
+       * @see https://tailwindcss.com/docs/font-size
+       */
+      "font-size": [{
+        text: ["base", P, A]
+      }],
+      /**
+       * 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", oe]
+      }],
+      /**
+       * Font Family
+       * @see https://tailwindcss.com/docs/font-family
+       */
+      "font-family": [{
+        font: [V]
+      }],
+      /**
+       * 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", m]
+      }],
+      /**
+       * Line Clamp
+       * @see https://tailwindcss.com/docs/line-clamp
+       */
+      "line-clamp": [{
+        "line-clamp": ["none", E, oe]
+      }],
+      /**
+       * Line Height
+       * @see https://tailwindcss.com/docs/line-height
+       */
+      leading: [{
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", I, m]
+      }],
+      /**
+       * List Style Image
+       * @see https://tailwindcss.com/docs/list-style-image
+       */
+      "list-image": [{
+        "list-image": ["none", m]
+      }],
+      /**
+       * List Style Type
+       * @see https://tailwindcss.com/docs/list-style-type
+       */
+      "list-style-type": [{
+        list: ["none", "disc", "decimal", m]
+      }],
+      /**
+       * 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": [k]
+      }],
+      /**
+       * 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": [k]
+      }],
+      /**
+       * 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: [...J(), "wavy"]
+      }],
+      /**
+       * Text Decoration Thickness
+       * @see https://tailwindcss.com/docs/text-decoration-thickness
+       */
+      "text-decoration-thickness": [{
+        decoration: ["auto", "from-font", I, A]
+      }],
+      /**
+       * Text Underline Offset
+       * @see https://tailwindcss.com/docs/text-underline-offset
+       */
+      "underline-offset": [{
+        "underline-offset": ["auto", I, m]
+      }],
+      /**
+       * 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: x()
+      }],
+      /**
+       * Vertical Alignment
+       * @see https://tailwindcss.com/docs/vertical-align
+       */
+      "vertical-align": [{
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", m]
+      }],
+      /**
+       * 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", m]
+      }],
+      // 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": [k]
+      }],
+      /**
+       * 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: [...me(), Gr]
+      }],
+      /**
+       * 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", Lr]
+      }],
+      /**
+       * Background Image
+       * @see https://tailwindcss.com/docs/background-image
+       */
+      "bg-image": [{
+        bg: ["none", {
+          "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
+        }, Br]
+      }],
+      /**
+       * 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: [R]
+      }],
+      /**
+       * Gradient Color Stops Via Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via-pos": [{
+        via: [R]
+      }],
+      /**
+       * Gradient Color Stops To Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to-pos": [{
+        to: [R]
+      }],
+      /**
+       * Gradient Color Stops From
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from": [{
+        from: [w]
+      }],
+      /**
+       * Gradient Color Stops Via
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via": [{
+        via: [w]
+      }],
+      /**
+       * Gradient Color Stops To
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to": [{
+        to: [w]
+      }],
+      // 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: [l]
+      }],
+      /**
+       * Border Width X
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-x": [{
+        "border-x": [l]
+      }],
+      /**
+       * Border Width Y
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-y": [{
+        "border-y": [l]
+      }],
+      /**
+       * Border Width Start
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-s": [{
+        "border-s": [l]
+      }],
+      /**
+       * Border Width End
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-e": [{
+        "border-e": [l]
+      }],
+      /**
+       * Border Width Top
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-t": [{
+        "border-t": [l]
+      }],
+      /**
+       * Border Width Right
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-r": [{
+        "border-r": [l]
+      }],
+      /**
+       * Border Width Bottom
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-b": [{
+        "border-b": [l]
+      }],
+      /**
+       * Border Width Left
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-l": [{
+        "border-l": [l]
+      }],
+      /**
+       * Border Opacity
+       * @see https://tailwindcss.com/docs/border-opacity
+       */
+      "border-opacity": [{
+        "border-opacity": [k]
+      }],
+      /**
+       * Border Style
+       * @see https://tailwindcss.com/docs/border-style
+       */
+      "border-style": [{
+        border: [...J(), "hidden"]
+      }],
+      /**
+       * Divide Width X
+       * @see https://tailwindcss.com/docs/divide-width
+       */
+      "divide-x": [{
+        "divide-x": [l]
+      }],
+      /**
+       * 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": [l]
+      }],
+      /**
+       * 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": [k]
+      }],
+      /**
+       * Divide Style
+       * @see https://tailwindcss.com/docs/divide-style
+       */
+      "divide-style": [{
+        divide: J()
+      }],
+      /**
+       * Border Color
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color": [{
+        border: [a]
+      }],
+      /**
+       * Border Color X
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-x": [{
+        "border-x": [a]
+      }],
+      /**
+       * Border Color Y
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-y": [{
+        "border-y": [a]
+      }],
+      /**
+       * Border Color S
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-s": [{
+        "border-s": [a]
+      }],
+      /**
+       * Border Color E
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-e": [{
+        "border-e": [a]
+      }],
+      /**
+       * Border Color Top
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-t": [{
+        "border-t": [a]
+      }],
+      /**
+       * Border Color Right
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-r": [{
+        "border-r": [a]
+      }],
+      /**
+       * Border Color Bottom
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-b": [{
+        "border-b": [a]
+      }],
+      /**
+       * Border Color Left
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-l": [{
+        "border-l": [a]
+      }],
+      /**
+       * Divide Color
+       * @see https://tailwindcss.com/docs/divide-color
+       */
+      "divide-color": [{
+        divide: [a]
+      }],
+      /**
+       * Outline Style
+       * @see https://tailwindcss.com/docs/outline-style
+       */
+      "outline-style": [{
+        outline: ["", ...J()]
+      }],
+      /**
+       * Outline Offset
+       * @see https://tailwindcss.com/docs/outline-offset
+       */
+      "outline-offset": [{
+        "outline-offset": [I, m]
+      }],
+      /**
+       * Outline Width
+       * @see https://tailwindcss.com/docs/outline-width
+       */
+      "outline-w": [{
+        outline: [I, A]
+      }],
+      /**
+       * 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: pe()
+      }],
+      /**
+       * 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": [k]
+      }],
+      /**
+       * Ring Offset Width
+       * @see https://tailwindcss.com/docs/ring-offset-width
+       */
+      "ring-offset-w": [{
+        "ring-offset": [I, A]
+      }],
+      /**
+       * 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", P, Fr]
+      }],
+      /**
+       * Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow-color
+       */
+      "shadow-color": [{
+        shadow: [V]
+      }],
+      /**
+       * Opacity
+       * @see https://tailwindcss.com/docs/opacity
+       */
+      opacity: [{
+        opacity: [k]
+      }],
+      /**
+       * Mix Blend Mode
+       * @see https://tailwindcss.com/docs/mix-blend-mode
+       */
+      "mix-blend": [{
+        "mix-blend": [...ge(), "plus-lighter", "plus-darker"]
+      }],
+      /**
+       * Background Blend Mode
+       * @see https://tailwindcss.com/docs/background-blend-mode
+       */
+      "bg-blend": [{
+        "bg-blend": ge()
+      }],
+      // 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: [b]
+      }],
+      /**
+       * Drop Shadow
+       * @see https://tailwindcss.com/docs/drop-shadow
+       */
+      "drop-shadow": [{
+        "drop-shadow": ["", "none", P, m]
+      }],
+      /**
+       * Grayscale
+       * @see https://tailwindcss.com/docs/grayscale
+       */
+      grayscale: [{
+        grayscale: [g]
+      }],
+      /**
+       * Hue Rotate
+       * @see https://tailwindcss.com/docs/hue-rotate
+       */
+      "hue-rotate": [{
+        "hue-rotate": [p]
+      }],
+      /**
+       * Invert
+       * @see https://tailwindcss.com/docs/invert
+       */
+      invert: [{
+        invert: [f]
+      }],
+      /**
+       * Saturate
+       * @see https://tailwindcss.com/docs/saturate
+       */
+      saturate: [{
+        saturate: [F]
+      }],
+      /**
+       * Sepia
+       * @see https://tailwindcss.com/docs/sepia
+       */
+      sepia: [{
+        sepia: [O]
+      }],
+      /**
+       * 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": [b]
+      }],
+      /**
+       * Backdrop Grayscale
+       * @see https://tailwindcss.com/docs/backdrop-grayscale
+       */
+      "backdrop-grayscale": [{
+        "backdrop-grayscale": [g]
+      }],
+      /**
+       * Backdrop Hue Rotate
+       * @see https://tailwindcss.com/docs/backdrop-hue-rotate
+       */
+      "backdrop-hue-rotate": [{
+        "backdrop-hue-rotate": [p]
+      }],
+      /**
+       * Backdrop Invert
+       * @see https://tailwindcss.com/docs/backdrop-invert
+       */
+      "backdrop-invert": [{
+        "backdrop-invert": [f]
+      }],
+      /**
+       * Backdrop Opacity
+       * @see https://tailwindcss.com/docs/backdrop-opacity
+       */
+      "backdrop-opacity": [{
+        "backdrop-opacity": [k]
+      }],
+      /**
+       * Backdrop Saturate
+       * @see https://tailwindcss.com/docs/backdrop-saturate
+       */
+      "backdrop-saturate": [{
+        "backdrop-saturate": [F]
+      }],
+      /**
+       * Backdrop Sepia
+       * @see https://tailwindcss.com/docs/backdrop-sepia
+       */
+      "backdrop-sepia": [{
+        "backdrop-sepia": [O]
+      }],
+      // 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", m]
+      }],
+      /**
+       * Transition Duration
+       * @see https://tailwindcss.com/docs/transition-duration
+       */
+      duration: [{
+        duration: M()
+      }],
+      /**
+       * Transition Timing Function
+       * @see https://tailwindcss.com/docs/transition-timing-function
+       */
+      ease: [{
+        ease: ["linear", "in", "out", "in-out", m]
+      }],
+      /**
+       * Transition Delay
+       * @see https://tailwindcss.com/docs/transition-delay
+       */
+      delay: [{
+        delay: M()
+      }],
+      /**
+       * Animation
+       * @see https://tailwindcss.com/docs/animation
+       */
+      animate: [{
+        animate: ["none", "spin", "ping", "pulse", "bounce", m]
+      }],
+      // Transforms
+      /**
+       * Transform
+       * @see https://tailwindcss.com/docs/transform
+       */
+      transform: [{
+        transform: ["", "gpu", "none"]
+      }],
+      /**
+       * Scale
+       * @see https://tailwindcss.com/docs/scale
+       */
+      scale: [{
+        scale: [j]
+      }],
+      /**
+       * Scale X
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-x": [{
+        "scale-x": [j]
+      }],
+      /**
+       * Scale Y
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-y": [{
+        "scale-y": [j]
+      }],
+      /**
+       * Rotate
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      rotate: [{
+        rotate: [H, m]
+      }],
+      /**
+       * Translate X
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-x": [{
+        "translate-x": [be]
+      }],
+      /**
+       * Translate Y
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-y": [{
+        "translate-y": [be]
+      }],
+      /**
+       * Skew X
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-x": [{
+        "skew-x": [ce]
+      }],
+      /**
+       * Skew Y
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-y": [{
+        "skew-y": [ce]
+      }],
+      /**
+       * 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", m]
+      }],
+      // 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", m]
+      }],
+      /**
+       * 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": x()
+      }],
+      /**
+       * Scroll Margin X
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mx": [{
+        "scroll-mx": x()
+      }],
+      /**
+       * Scroll Margin Y
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-my": [{
+        "scroll-my": x()
+      }],
+      /**
+       * Scroll Margin Start
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ms": [{
+        "scroll-ms": x()
+      }],
+      /**
+       * Scroll Margin End
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-me": [{
+        "scroll-me": x()
+      }],
+      /**
+       * Scroll Margin Top
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mt": [{
+        "scroll-mt": x()
+      }],
+      /**
+       * Scroll Margin Right
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mr": [{
+        "scroll-mr": x()
+      }],
+      /**
+       * Scroll Margin Bottom
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mb": [{
+        "scroll-mb": x()
+      }],
+      /**
+       * Scroll Margin Left
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ml": [{
+        "scroll-ml": x()
+      }],
+      /**
+       * Scroll Padding
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-p": [{
+        "scroll-p": x()
+      }],
+      /**
+       * Scroll Padding X
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-px": [{
+        "scroll-px": x()
+      }],
+      /**
+       * Scroll Padding Y
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-py": [{
+        "scroll-py": x()
+      }],
+      /**
+       * Scroll Padding Start
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-ps": [{
+        "scroll-ps": x()
+      }],
+      /**
+       * Scroll Padding End
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pe": [{
+        "scroll-pe": x()
+      }],
+      /**
+       * Scroll Padding Top
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pt": [{
+        "scroll-pt": x()
+      }],
+      /**
+       * Scroll Padding Right
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pr": [{
+        "scroll-pr": x()
+      }],
+      /**
+       * Scroll Padding Bottom
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pb": [{
+        "scroll-pb": x()
+      }],
+      /**
+       * Scroll Padding Left
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pl": [{
+        "scroll-pl": x()
+      }],
+      /**
+       * 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", m]
+      }],
+      // SVG
+      /**
+       * Fill
+       * @see https://tailwindcss.com/docs/fill
+       */
+      fill: [{
+        fill: [e, "none"]
+      }],
+      /**
+       * Stroke Width
+       * @see https://tailwindcss.com/docs/stroke-width
+       */
+      "stroke-w": [{
+        stroke: [I, A, oe]
+      }],
+      /**
+       * 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"]
+    }
+  };
+}, $r = /* @__PURE__ */ Cr(Ur);
+function d(...e) {
+  return $r(br(e));
+}
+const _r = c.forwardRef(
+  ({
+    className: e,
+    variant: r = "primary",
+    size: t = "base",
+    icon: o = !1,
+    active: a = !1,
+    disabled: s = !1,
+    children: i,
+    ...l
+  }, b) => {
+    const g = "inline-flex items-center justify-center font-sans font-normal leading-[1.25] text-base border border-transparent cursor-pointer select-none transition-all duration-200 ease-in-out target-size", p = {
+      primary: "bg-supporting-orange text-black hover:bg-supporting-orange hover:text-black active:bg-[var(--highlight-color)] active:border-[var(--border-color)] active:text-[var(--body-color)] focus-visible:z-[5]",
+      secondary: "bg-black text-[var(--highlight-color)] hover:bg-[var(--highlight-color)] hover:border-[var(--border-color)] hover:text-[var(--body-color)] active:bg-[var(--highlight-color)] active:border-[var(--border-color)] active:text-[var(--body-color)]",
+      success: "bg-success text-[var(--highlight-color)] hover:bg-success hover:text-[var(--highlight-color)] active:bg-success active:text-[var(--highlight-color)]",
+      danger: "bg-danger text-[var(--highlight-color)] hover:bg-danger hover:text-[var(--highlight-color)] active:bg-danger active:text-[var(--highlight-color)]",
+      warning: "bg-warning text-black hover:bg-warning hover:text-black active:bg-warning active:text-black",
+      info: "bg-info text-[var(--highlight-color)] hover:bg-info hover:text-[var(--highlight-color)] active:bg-info active:text-[var(--highlight-color)]",
+      light: "bg-light text-black hover:bg-light hover:text-black active:bg-light active:text-black",
+      dark: "bg-dark text-white hover:bg-white hover:border-[var(--border-color)] hover:text-black active:bg-white active:border-[var(--border-color)] active:text-black",
+      "outline-primary": "bg-transparent border-primary text-primary hover:bg-primary hover:text-black active:bg-primary active:text-black",
+      "outline-secondary": "bg-transparent border-black text-black hover:bg-[var(--highlight-color)] hover:border-[var(--border-color)] hover:text-[var(--body-color)] active:bg-[var(--highlight-color)] active:border-[var(--border-color)] active:text-[var(--body-color)]",
+      "outline-success": "bg-transparent border-success text-success hover:bg-success hover:text-[var(--highlight-color)] active:bg-success active:text-[var(--highlight-color)]",
+      "outline-danger": "bg-transparent border-danger text-danger hover:bg-danger hover:text-[var(--highlight-color)] active:bg-danger active:text-[var(--highlight-color)]",
+      "outline-warning": "bg-transparent border-warning text-warning hover:bg-warning hover:text-black active:bg-warning active:text-black",
+      "outline-info": "bg-transparent border-info text-info hover:bg-info hover:text-[var(--highlight-color)] active:bg-info active:text-[var(--highlight-color)]",
+      "outline-light": "bg-transparent border-light text-light hover:bg-light hover:text-black active:bg-light active:text-black",
+      "outline-dark": "bg-transparent border-dark text-dark hover:bg-white hover:border-[var(--border-color)] hover:text-black active:bg-white active:border-[var(--border-color)] active:text-black",
+      "no-outline": "bg-transparent border-transparent text-[var(--body-color)] hover:border-[var(--border-color-subtle)] hover:text-[var(--body-color)] active:border-[var(--border-color-subtle)] active:text-primary disabled:text-[var(--disabled-color)]",
+      toggle: "bg-transparent border-[var(--border-color-subtle)] text-[var(--body-color)] hover:border-[var(--border-color-subtle)] hover:text-primary active:bg-supporting-orange active:border-supporting-orange active:text-black",
+      dropdown: "bg-[var(--body-bg)] border-[var(--border-color-subtle)] text-[var(--body-color)] hover:bg-[var(--body-bg)] hover:border-[var(--border-color-subtle)] hover:text-[var(--body-color)] active:bg-[var(--body-bg)] active:border-[var(--body-color)] active:text-[var(--body-color)] disabled:bg-[var(--body-bg)] disabled:border-[var(--disabled-color)] disabled:text-[var(--disabled-color)]",
+      link: "bg-transparent border-transparent text-black underline-offset-4 hover:text-primary hover:underline active:text-primary"
+    }, f = {
+      sm: "px-2 py-1 text-sm leading-[calc(16/14)] tracking-[-0.00625rem]",
+      base: "px-3 py-[calc(1.25rem-1px)] text-base leading-[1.25] tracking-[-0.00625rem]",
+      lg: "px-5 py-[calc(1.25rem-1px)] text-lg leading-[calc(20/18)] tracking-[-0.0125rem]"
+    }, h = o ? "btn-icon" : "";
+    return /* @__PURE__ */ n(
+      "button",
+      {
+        ref: b,
+        className: d(
+          g,
+          p[r],
+          f[t],
+          h,
+          a && "active",
+          s && "pointer-events-none opacity-65",
+          e
+        ),
+        disabled: s,
+        ...l,
+        children: i
+      }
+    );
+  }
+);
+_r.displayName = "Button";
+const qr = c.forwardRef(
+  ({ className: e, type: r = "text", size: t = "base", error: o = !1, ...a }, s) => {
+    const i = "block w-full font-sans border border-black bg-white text-[var(--body-color)] transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2", l = {
+      sm: "px-2 py-1 text-sm leading-[1.25]",
+      base: "px-3 py-[calc(1.25rem-1px)] text-base leading-[1.25]",
+      lg: "px-5 py-[calc(1.25rem-1px)] text-lg leading-[calc(20/18)]"
+    }, b = o ? "border-danger focus:border-danger focus:ring-danger" : "focus:border-primary focus:ring-primary";
+    return /* @__PURE__ */ n(
+      "input",
+      {
+        type: r,
+        className: d(i, l[t], b, e),
+        ref: s,
+        ...a
+      }
+    );
+  }
+);
+qr.displayName = "Input";
+const Dr = c.forwardRef(
+  ({ className: e, variant: r = "default", children: t, ...o }, a) => /* @__PURE__ */ n(
+    "div",
+    {
+      ref: a,
+      className: d("flex flex-col", {
+        default: "bg-white",
+        outline: "border border-black bg-white"
+      }[r], e),
+      ...o,
+      children: t
+    }
+  )
+);
+Dr.displayName = "Card";
+const Or = c.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+  "div",
+  {
+    ref: t,
+    className: d("flex flex-col space-y-1.5 p-5", e),
+    ...r
+  }
+));
+Or.displayName = "CardHeader";
+const Xr = c.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+  "h3",
+  {
+    ref: t,
+    className: d("text-2xl font-semibold leading-none tracking-tight", e),
+    ...r
+  }
+));
+Xr.displayName = "CardTitle";
+const Jr = c.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("p", { ref: t, className: d("text-sm text-body-secondary-color", e), ...r }));
+Jr.displayName = "CardDescription";
+const Zr = c.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("div", { ref: t, className: d("p-5 pt-0", e), ...r }));
+Zr.displayName = "CardContent";
+const Kr = c.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("div", { ref: t, className: d("flex items-center p-5 pt-0", e), ...r }));
+Kr.displayName = "CardFooter";
+const Qr = c.forwardRef(
+  ({ as: e, variant: r = "body", className: t, children: o, ...a }, s) => {
+    const i = {
+      h1: "text-h1 leading-h1 tracking-h1 font-normal",
+      h2: "text-h2 leading-h2 tracking-h2 font-normal",
+      h3: "text-h3 leading-h3 tracking-h3 font-normal",
+      h4: "text-h4 leading-h4 tracking-h4 font-normal",
+      h5: "text-h5 leading-h5 tracking-h5 font-normal",
+      h6: "text-h6 leading-h6 tracking-h6 font-normal",
+      body: "text-base leading-base font-normal",
+      lead: "text-xlg leading-lead tracking-lead font-normal",
+      small: "text-sm leading-sm font-normal",
+      display1: "text-display-1 leading-display tracking-display-1 font-normal",
+      display2: "text-display-2 leading-display tracking-display-2 font-normal",
+      display3: "text-display-3 leading-display tracking-display-3 font-normal",
+      display4: "text-display-4 leading-display tracking-display-4 font-normal"
+    }, l = r.startsWith("h") ? r : r === "lead" || r === "small" ? "p" : "div", b = e || l;
+    return c.createElement(
+      b,
+      {
+        ref: s,
+        className: d(i[r], t),
+        ...a
+      },
+      o
+    );
+  }
+);
+Qr.displayName = "Typography";
+const Yr = c.forwardRef(
+  ({ className: e, fluid: r = !1, size: t, children: o, ...a }, s) => {
+    const i = "w-full mx-auto px-5", l = {
+      xs: "max-w-[312px]",
+      sm: "max-w-[468px]",
+      md: "max-w-[744px]",
+      lg: "max-w-[960px]",
+      xl: "max-w-[1200px]",
+      xxl: "max-w-[1320px]"
+    };
+    return r ? /* @__PURE__ */ n("div", { ref: s, className: d(i, e), ...a, children: o }) : /* @__PURE__ */ n(
+      "div",
+      {
+        ref: s,
+        className: d(i, l[t || "xxl"], e),
+        ...a,
+        children: o
+      }
+    );
+  }
+);
+Yr.displayName = "Container";
+const et = c.forwardRef(
+  ({ className: e, cols: r = 12, gap: t = 3, children: o, ...a }, s) => {
+    const i = "grid", l = {
+      1: "grid-cols-1",
+      2: "grid-cols-2",
+      3: "grid-cols-3",
+      4: "grid-cols-4",
+      5: "grid-cols-5",
+      6: "grid-cols-6",
+      7: "grid-cols-7",
+      8: "grid-cols-8",
+      9: "grid-cols-9",
+      10: "grid-cols-10",
+      11: "grid-cols-11",
+      12: "grid-cols-12"
+    }, b = {
+      0: "gap-0",
+      1: "gap-1",
+      2: "gap-2",
+      3: "gap-3",
+      4: "gap-4",
+      5: "gap-5"
+    };
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        ref: s,
+        className: d(i, l[r], b[t], e),
+        ...a,
+        children: o
+      }
+    );
+  }
+);
+et.displayName = "Grid";
+const rt = c.forwardRef(
+  ({ className: e, span: r, children: t, ...o }, a) => {
+    const s = r ? {
+      1: "col-span-1",
+      2: "col-span-2",
+      3: "col-span-3",
+      4: "col-span-4",
+      5: "col-span-5",
+      6: "col-span-6",
+      7: "col-span-7",
+      8: "col-span-8",
+      9: "col-span-9",
+      10: "col-span-10",
+      11: "col-span-11",
+      12: "col-span-12"
+    }[r] : "";
+    return /* @__PURE__ */ n("div", { ref: a, className: d(s, e), ...o, children: t });
+  }
+);
+rt.displayName = "GridItem";
+var tt = function(e, r) {
+  for (var t = {}; e.length; ) {
+    var o = e[0], a = o.code, s = o.message, i = o.path.join(".");
+    if (!t[i]) if ("unionErrors" in o) {
+      var l = o.unionErrors[0].errors[0];
+      t[i] = { message: l.message, type: l.code };
+    } else t[i] = { message: s, type: a };
+    if ("unionErrors" in o && o.unionErrors.forEach(function(p) {
+      return p.errors.forEach(function(f) {
+        return e.push(f);
+      });
+    }), r) {
+      var b = t[i].types, g = b && b[o.code];
+      t[i] = Le(i, r, t, a, g ? [].concat(g, o.message) : o.message);
+    }
+    e.shift();
+  }
+  return t;
+}, ot = function(e, r, t) {
+  return t === void 0 && (t = {}), function(o, a, s) {
+    try {
+      return Promise.resolve((function(i, l) {
+        try {
+          var b = Promise.resolve(e[t.mode === "sync" ? "parse" : "parseAsync"](o, r)).then(function(g) {
+            return s.shouldUseNativeValidation && We({}, s), { errors: {}, values: t.raw ? o : g };
+          });
+        } catch (g) {
+          return l(g);
+        }
+        return b && b.then ? b.then(void 0, l) : b;
+      })(0, function(i) {
+        if ((function(l) {
+          return Array.isArray(l == null ? void 0 : l.errors);
+        })(i)) return { values: {}, errors: He(tt(i.errors, !s.shouldUseNativeValidation && s.criteriaMode === "all"), s) };
+        throw i;
+      }));
+    } catch (i) {
+      return Promise.reject(i);
+    }
+  };
+};
+function Yt({
+  schema: e,
+  defaultValues: r,
+  onSubmit: t,
+  children: o,
+  className: a,
+  ...s
+}) {
+  const i = Ge({
+    resolver: ot(e),
+    defaultValues: r
+  }), l = i.handleSubmit(async (b) => {
+    await t(b);
+  });
+  return /* @__PURE__ */ n(Ee, { ...i, children: /* @__PURE__ */ n("form", { onSubmit: l, className: d("space-y-4", a), ...s, children: o(i) }) });
+}
+function eo({ name: e, control: r, render: t, children: o, className: a, ...s }) {
+  const i = Be();
+  return /* @__PURE__ */ n(
+    Fe,
+    {
+      name: e,
+      control: r || i.control,
+      ...s,
+      render: (l) => {
+        const b = t ? t(l) : o ? o(l) : null;
+        return /* @__PURE__ */ n("div", { className: d("space-y-1", a), children: b });
+      }
+    }
+  );
+}
+const at = c.forwardRef(
+  ({ className: e, ...r }, t) => /* @__PURE__ */ n("div", { ref: t, className: d("space-y-1", e), ...r })
+);
+at.displayName = "FormItem";
+const st = c.forwardRef(
+  ({ className: e, required: r, children: t, ...o }, a) => /* @__PURE__ */ T(
+    "label",
+    {
+      ref: a,
+      className: d(
+        "block text-base font-normal leading-[1.25] text-[var(--body-color)]",
+        e
+      ),
+      ...o,
+      children: [
+        t,
+        r && /* @__PURE__ */ n("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+      ]
+    }
+  )
+);
+st.displayName = "FormLabel";
+const nt = c.forwardRef(
+  ({ className: e, error: r, children: t, ...o }, a) => !r && !t ? null : /* @__PURE__ */ n(
+    "p",
+    {
+      ref: a,
+      className: d(
+        "text-sm leading-sm text-danger",
+        e
+      ),
+      role: "alert",
+      "aria-live": "polite",
+      ...o,
+      children: r || t
+    }
+  )
+);
+nt.displayName = "FormMessage";
+const it = c.forwardRef(
+  ({ className: e, ...r }, t) => /* @__PURE__ */ n(
+    "p",
+    {
+      ref: t,
+      className: d("text-sm leading-sm text-body-secondary-color", e),
+      ...r
+    }
+  )
+);
+it.displayName = "FormDescription";
+const ro = z.string().email("Invalid email address"), to = z.string().min(1, "This field is required"), oo = z.string().optional(), ao = z.string().regex(/^[+]?[(]?[0-9]{1,4}[)]?[-\s.]?[(]?[0-9]{1,4}[)]?[-\s.]?[0-9]{1,9}$/, {
+  message: "Invalid phone number"
+}), so = z.string().url("Invalid URL"), no = z.number().positive("Must be a positive number"), io = z.number().nonnegative("Must be a non-negative number"), lo = z.date(), co = z.date().refine((e) => e > /* @__PURE__ */ new Date(), {
+  message: "Date must be in the future"
+}), bo = z.date().refine((e) => e < /* @__PURE__ */ new Date(), {
+  message: "Date must be in the past"
+}), lt = c.forwardRef(
+  ({ className: e, variant: r = "info", dismissible: t = !1, onDismiss: o, children: a, ...s }, i) => {
+    const [l, b] = c.useState(!0), g = () => {
+      b(!1), o == null || o();
+    };
+    return l ? /* @__PURE__ */ T(
+      "div",
+      {
+        ref: i,
+        role: "alert",
+        className: d(
+          "relative px-5 py-4 mb-4 border rounded",
+          {
+            success: "bg-success text-[var(--highlight-color)] border-success",
+            danger: "bg-danger text-[var(--highlight-color)] border-danger",
+            warning: "bg-warning text-black border-warning",
+            info: "bg-info text-[var(--highlight-color)] border-info"
+          }[r],
+          e
+        ),
+        ...s,
+        children: [
+          a,
+          t && /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: "absolute top-0 right-0 p-4 text-current opacity-50 hover:opacity-75 focus:outline-none",
+              onClick: g,
+              "aria-label": "Close alert",
+              children: /* @__PURE__ */ n("span", { "aria-hidden": "true", children: "×" })
+            }
+          )
+        ]
+      }
+    ) : null;
+  }
+);
+lt.displayName = "Alert";
+const ct = c.forwardRef(
+  ({ className: e, open: r = !1, onClose: t, size: o = "md", children: a, ...s }, i) => {
+    const [l, b] = c.useState(r);
+    c.useEffect(() => {
+      b(r);
+    }, [r]);
+    const g = (f) => {
+      f.target === f.currentTarget && (b(!1), t == null || t());
+    };
+    return l ? /* @__PURE__ */ n(
+      "div",
+      {
+        className: "fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50",
+        onClick: g,
+        role: "dialog",
+        "aria-modal": "true",
+        children: /* @__PURE__ */ n(
+          "div",
+          {
+            ref: i,
+            className: d(
+              "relative bg-white rounded p-5 w-full mx-4",
+              {
+                sm: "max-w-sm",
+                md: "max-w-md",
+                lg: "max-w-lg",
+                xl: "max-w-xl"
+              }[o],
+              e
+            ),
+            onClick: (f) => f.stopPropagation(),
+            ...s,
+            children: a
+          }
+        )
+      }
+    ) : null;
+  }
+);
+ct.displayName = "Modal";
+const dt = c.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("div", { ref: t, className: d("mb-4", e), ...r }));
+dt.displayName = "ModalHeader";
+const bt = c.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("h2", { ref: t, className: d("text-2xl font-semibold", e), ...r }));
+bt.displayName = "ModalTitle";
+const pt = c.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("div", { ref: t, className: d("mb-4", e), ...r }));
+pt.displayName = "ModalBody";
+const mt = c.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("div", { ref: t, className: d("flex justify-end gap-2", e), ...r }));
+mt.displayName = "ModalFooter";
+const gt = c.forwardRef(
+  ({ className: e, trigger: r, open: t, onOpenChange: o, children: a, ...s }, i) => {
+    const [l, b] = c.useState(!1), g = c.useRef(null), p = t ?? l, f = () => {
+      const h = !p;
+      b(h), o == null || o(h);
+    };
+    return c.useEffect(() => {
+      const h = (w) => {
+        g.current && !g.current.contains(w.target) && (b(!1), o == null || o(!1));
+      };
+      return p && document.addEventListener("mousedown", h), () => {
+        document.removeEventListener("mousedown", h);
+      };
+    }, [p, o]), /* @__PURE__ */ T("div", { ref: g, className: d("relative inline-block", e), ...s, children: [
+      /* @__PURE__ */ n("div", { onClick: f, role: "button", tabIndex: 0, children: r }),
+      p && /* @__PURE__ */ n(
+        "div",
+        {
+          ref: i,
+          className: "absolute z-50 mt-1 bg-white border border-black rounded shadow-lg min-w-[8rem]",
+          role: "menu",
+          children: a
+        }
+      )
+    ] });
+  }
+);
+gt.displayName = "Dropdown";
+const ut = c.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+  "button",
+  {
+    ref: t,
+    className: d(
+      "block w-full text-left px-4 py-2 text-base hover:bg-gray-200 focus:bg-gray-200 focus:outline-none",
+      e
+    ),
+    role: "menuitem",
+    ...r
+  }
+));
+ut.displayName = "DropdownItem";
+const ft = c.forwardRef(
+  ({ className: e, brand: r, children: t, ...o }, a) => /* @__PURE__ */ T(
+    "nav",
+    {
+      ref: a,
+      className: d(
+        "relative flex flex-wrap items-center justify-between px-5 py-4 bg-white border-b border-black",
+        e
+      ),
+      ...o,
+      children: [
+        r && /* @__PURE__ */ n("div", { className: "flex items-center", children: r }),
+        /* @__PURE__ */ n("div", { className: "flex items-center", children: t })
+      ]
+    }
+  )
+);
+ft.displayName = "Navbar";
+const ht = c.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("ul", { ref: t, className: d("flex flex-row space-x-4 list-none", e), ...r }));
+ht.displayName = "NavbarNav";
+const vt = c.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("li", { ref: t, className: d("", e), ...r }));
+vt.displayName = "NavbarItem";
+const xt = c.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+  "a",
+  {
+    ref: t,
+    className: d(
+      "block px-2 py-2 text-base text-black no-underline hover:text-primary focus:outline-none",
+      e
+    ),
+    ...r
+  }
+));
+xt.displayName = "NavbarLink";
+const yt = c.forwardRef(({ className: e, size: r = "base", ...t }, o) => {
+  const a = {
+    sm: "h-4 w-4",
+    base: "h-5 w-5",
+    lg: "h-6 w-6"
+  };
+  return /* @__PURE__ */ n(
+    ae.Root,
+    {
+      ref: o,
+      className: d(
+        "peer h-5 w-5 shrink-0 rounded border-2 border-black bg-white transition-colors",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-white",
+        a[r],
+        e
+      ),
+      ...t,
+      children: /* @__PURE__ */ n(
+        ae.Indicator,
+        {
+          className: d("flex items-center justify-center text-current"),
+          children: /* @__PURE__ */ n(
+            "svg",
+            {
+              className: "h-4 w-4",
+              viewBox: "0 0 12 12",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              children: /* @__PURE__ */ n(
+                "path",
+                {
+                  d: "M10 3L4.5 8.5L2 6",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              )
+            }
+          )
+        }
+      )
+    }
+  );
+});
+yt.displayName = ae.Root.displayName;
+const wt = c.forwardRef(({ className: e, size: r = "base", ...t }, o) => /* @__PURE__ */ n(
+  _.Root,
+  {
+    className: d("grid gap-2", e),
+    ...t,
+    ref: o
+  }
+));
+wt.displayName = _.Root.displayName;
+const Nt = c.forwardRef(({ className: e, size: r = "base", ...t }, o) => {
+  const a = {
+    sm: "h-4 w-4",
+    base: "h-5 w-5",
+    lg: "h-6 w-6"
+  };
+  return /* @__PURE__ */ n(
+    _.Item,
+    {
+      ref: o,
+      className: d(
+        "aspect-square rounded-full border-2 border-black bg-white transition-colors",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-[state=checked]:border-primary",
+        a[r],
+        e
+      ),
+      ...t,
+      children: /* @__PURE__ */ n(_.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ n("div", { className: "h-2.5 w-2.5 rounded-full bg-primary" }) })
+    }
+  );
+});
+Nt.displayName = _.Item.displayName;
+const kt = c.forwardRef(({ className: e, size: r = "base", ...t }, o) => {
+  const a = {
+    sm: "h-4 w-7",
+    base: "h-5 w-9",
+    lg: "h-6 w-11"
+  }, s = {
+    sm: "h-3 w-3",
+    base: "h-4 w-4",
+    lg: "h-5 w-5"
+  };
+  return /* @__PURE__ */ n(
+    se.Root,
+    {
+      className: d(
+        "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-black bg-white transition-colors",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-[state=checked]:bg-primary data-[state=checked]:border-primary",
+        a[r],
+        e
+      ),
+      ...t,
+      ref: o,
+      children: /* @__PURE__ */ n(
+        se.Thumb,
+        {
+          className: d(
+            "pointer-events-none block rounded-full bg-black transition-transform",
+            "translate-x-0.5 will-change-transform",
+            "data-[state=checked]:translate-x-[calc(100%-0.125rem)] data-[state=checked]:bg-white",
+            s[r]
+          )
+        }
+      )
+    }
+  );
+});
+kt.displayName = se.Root.displayName;
+const po = C.Root, mo = C.Group, go = C.Value, Ct = c.forwardRef(({ className: e, children: r, size: t = "base", error: o = !1, ...a }, s) => {
+  const i = {
+    sm: "h-8 px-2 text-sm",
+    base: "h-10 px-3 text-base",
+    lg: "h-12 px-4 text-lg"
+  };
+  return /* @__PURE__ */ T(
+    C.Trigger,
+    {
+      ref: s,
+      className: d(
+        "flex w-full items-center justify-between rounded border-2 border-black bg-white",
+        "placeholder:text-gray-500",
+        "focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        o && "border-danger focus:ring-danger",
+        i[t],
+        e
+      ),
+      ...a,
+      children: [
+        r,
+        /* @__PURE__ */ n(C.Icon, { asChild: !0, children: /* @__PURE__ */ n(
+          "svg",
+          {
+            className: "h-4 w-4 opacity-50",
+            viewBox: "0 0 12 12",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ n(
+              "path",
+              {
+                d: "M3 4.5L6 7.5L9 4.5",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+});
+Ct.displayName = C.Trigger.displayName;
+const Rt = c.forwardRef(({ className: e, children: r, position: t = "popper", ...o }, a) => /* @__PURE__ */ n(C.Portal, { children: /* @__PURE__ */ n(
+  C.Content,
+  {
+    ref: a,
+    className: d(
+      "relative z-50 min-w-[8rem] overflow-hidden rounded border-2 border-black bg-white shadow-lg",
+      t === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      e
+    ),
+    position: t,
+    ...o,
+    children: /* @__PURE__ */ n(
+      C.Viewport,
+      {
+        className: d(
+          "p-1",
+          t === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+        ),
+        children: r
+      }
+    )
+  }
+) }));
+Rt.displayName = C.Content.displayName;
+const St = c.forwardRef(({ className: e, children: r, ...t }, o) => /* @__PURE__ */ n(
+  C.Item,
+  {
+    ref: o,
+    className: d(
+      "relative flex w-full cursor-pointer select-none items-center rounded px-3 py-2 text-base outline-none",
+      "focus:bg-primary focus:text-white",
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...t,
+    children: /* @__PURE__ */ n(C.ItemText, { children: r })
+  }
+));
+St.displayName = C.Item.displayName;
+const zt = c.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+  C.Separator,
+  {
+    ref: t,
+    className: d("-mx-1 my-1 h-px bg-gray-300", e),
+    ...r
+  }
+));
+zt.displayName = C.Separator.displayName;
+const Mt = c.forwardRef(
+  ({ className: e, error: r = !1, size: t = "base", ...o }, a) => /* @__PURE__ */ n(
+    "textarea",
+    {
+      className: d(
+        "flex min-h-[80px] w-full rounded border-2 border-black bg-white px-3 py-2 text-base",
+        "placeholder:text-gray-500",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        r && "border-danger focus-visible:ring-danger",
+        {
+          sm: "px-2 py-1 text-sm",
+          base: "px-3 py-2 text-base",
+          lg: "px-4 py-3 text-lg"
+        }[t],
+        e
+      ),
+      ref: a,
+      ...o
+    }
+  )
+);
+Mt.displayName = "Textarea";
+const It = c.forwardRef(({ className: e, size: r = "base", ...t }, o) => {
+  const a = {
+    sm: "h-1",
+    base: "h-2",
+    lg: "h-3"
+  }, s = {
+    sm: "h-4 w-4",
+    base: "h-5 w-5",
+    lg: "h-6 w-6"
+  };
+  return /* @__PURE__ */ T(
+    U.Root,
+    {
+      ref: o,
+      className: d(
+        "relative flex w-full touch-none select-none items-center",
+        a[r],
+        e
+      ),
+      ...t,
+      children: [
+        /* @__PURE__ */ n(U.Track, { className: "relative h-full w-full grow rounded-full bg-gray-300", children: /* @__PURE__ */ n(U.Range, { className: "absolute h-full rounded-full bg-primary" }) }),
+        /* @__PURE__ */ n(
+          U.Thumb,
+          {
+            className: d(
+              "block rounded-full border-2 border-black bg-white transition-colors",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary",
+              "disabled:pointer-events-none disabled:opacity-50",
+              s[r]
+            )
+          }
+        )
+      ]
+    }
+  );
+});
+It.displayName = U.Root.displayName;
+const Tt = c.forwardRef(
+  ({ className: e, separator: r = "/", children: t, ...o }, a) => {
+    const s = c.Children.toArray(t);
+    return /* @__PURE__ */ n(
+      "nav",
+      {
+        ref: a,
+        "aria-label": "Breadcrumb",
+        className: d("flex items-center space-x-2", e),
+        ...o,
+        children: /* @__PURE__ */ n("ol", { className: "flex items-center space-x-2", children: c.Children.map(t, (i, l) => {
+          const b = l === s.length - 1;
+          return /* @__PURE__ */ T("li", { className: "flex items-center", children: [
+            i,
+            !b && /* @__PURE__ */ n("span", { className: "mx-2 text-gray-500", "aria-hidden": "true", children: r })
+          ] }, l);
+        }) })
+      }
+    );
+  }
+);
+Tt.displayName = "Breadcrumbs";
+const At = c.forwardRef(
+  ({ className: e, active: r = !1, ...t }, o) => r ? /* @__PURE__ */ n(
+    "span",
+    {
+      ref: o,
+      className: d("text-gray-500", e),
+      "aria-current": "page",
+      ...t,
+      children: t.children
+    }
+  ) : /* @__PURE__ */ n(
+    "a",
+    {
+      ref: o,
+      className: d(
+        "text-black hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary",
+        e
+      ),
+      ...t
+    }
+  )
+);
+At.displayName = "BreadcrumbItem";
+const Pt = c.forwardRef(
+  ({
+    className: e,
+    currentPage: r,
+    totalPages: t,
+    onPageChange: o,
+    showFirstLast: a = !0,
+    maxVisible: s = 5,
+    ...i
+  }, l) => {
+    const g = (() => {
+      const p = [], f = Math.floor(s / 2);
+      let h = Math.max(1, r - f), w = Math.min(t, r + f);
+      w - h < s - 1 && (h === 1 ? w = Math.min(t, h + s - 1) : h = Math.max(1, w - s + 1)), h > 1 && a && (p.push(1), h > 2 && p.push("ellipsis-start"));
+      for (let R = h; R <= w; R++)
+        p.push(R);
+      return w < t && a && (w < t - 1 && p.push("ellipsis-end"), p.push(t)), p;
+    })();
+    return /* @__PURE__ */ T(
+      "nav",
+      {
+        ref: l,
+        "aria-label": "Pagination",
+        className: d("flex items-center justify-center gap-1", e),
+        ...i,
+        children: [
+          /* @__PURE__ */ n(
+            K,
+            {
+              onClick: () => o(r - 1),
+              disabled: r === 1,
+              "aria-label": "Previous page",
+              children: "‹"
+            }
+          ),
+          g.map((p, f) => typeof p == "string" ? /* @__PURE__ */ n("span", { className: "px-2 text-gray-500", children: "..." }, f) : /* @__PURE__ */ n(
+            K,
+            {
+              onClick: () => o(p),
+              active: p === r,
+              "aria-label": `Page ${p}`,
+              "aria-current": p === r ? "page" : void 0,
+              children: p
+            },
+            p
+          )),
+          /* @__PURE__ */ n(
+            K,
+            {
+              onClick: () => o(r + 1),
+              disabled: r === t,
+              "aria-label": "Next page",
+              children: "›"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Pt.displayName = "Pagination";
+const K = c.forwardRef(({ className: e, active: r = !1, ...t }, o) => /* @__PURE__ */ n(
+  "button",
+  {
+    ref: o,
+    className: d(
+      "min-h-[2.75rem] min-w-[2.75rem] rounded border-2 border-black px-3 py-2 text-base font-medium transition-colors",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary",
+      r ? "bg-primary text-white border-primary" : "bg-white text-black hover:bg-gray-200",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      e
+    ),
+    ...t
+  }
+));
+K.displayName = "PaginationButton";
+const uo = G.Root, jt = c.forwardRef(({ className: e, variant: r = "default", ...t }, o) => /* @__PURE__ */ n(
+  G.List,
+  {
+    ref: o,
+    className: d(
+      "inline-flex items-center justify-center rounded",
+      r === "default" && "border-2 border-black",
+      r === "pills" && "bg-gray-200 p-1",
+      e
+    ),
+    ...t
+  }
+));
+jt.displayName = G.List.displayName;
+const Lt = c.forwardRef(({ className: e, variant: r = "default", ...t }, o) => /* @__PURE__ */ n(
+  G.Trigger,
+  {
+    ref: o,
+    className: d(
+      "inline-flex items-center justify-center whitespace-nowrap rounded px-4 py-2 text-base font-medium transition-colors",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary",
+      "disabled:pointer-events-none disabled:opacity-50",
+      r === "default" && "border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:text-primary",
+      r === "pills" && "data-[state=active]:bg-white data-[state=active]:text-black data-[state=active]:shadow-sm",
+      e
+    ),
+    ...t
+  }
+));
+Lt.displayName = G.Trigger.displayName;
+const Gt = c.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+  G.Content,
+  {
+    ref: t,
+    className: d(
+      "mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary",
+      e
+    ),
+    ...r
+  }
+));
+Gt.displayName = G.Content.displayName;
+const fo = L.Root, Et = c.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+  L.Item,
+  {
+    ref: t,
+    className: d("border-b-2 border-black", e),
+    ...r
+  }
+));
+Et.displayName = "AccordionItem";
+const Bt = c.forwardRef(({ className: e, children: r, ...t }, o) => /* @__PURE__ */ n(L.Header, { className: "flex", children: /* @__PURE__ */ T(
+  L.Trigger,
+  {
+    ref: o,
+    className: d(
+      "flex flex-1 items-center justify-between py-4 text-left text-base font-medium transition-all",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary",
+      "[&[data-state=open]>svg]:rotate-180",
+      e
+    ),
+    ...t,
+    children: [
+      r,
+      /* @__PURE__ */ n(
+        "svg",
+        {
+          className: "h-5 w-5 shrink-0 transition-transform duration-200",
+          viewBox: "0 0 12 12",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ n(
+            "path",
+            {
+              d: "M3 4.5L6 7.5L9 4.5",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        }
+      )
+    ]
+  }
+) }));
+Bt.displayName = L.Trigger.displayName;
+const Ft = c.forwardRef(({ className: e, children: r, ...t }, o) => /* @__PURE__ */ n(
+  L.Content,
+  {
+    ref: o,
+    className: "overflow-hidden text-base transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...t,
+    children: /* @__PURE__ */ n("div", { className: d("pb-4 pt-0", e), children: r })
+  }
+));
+Ft.displayName = L.Content.displayName;
+const ho = q.Root, vo = q.Trigger, Wt = c.forwardRef(({ className: e, align: r = "center", sideOffset: t = 4, ...o }, a) => /* @__PURE__ */ n(q.Portal, { children: /* @__PURE__ */ n(
+  q.Content,
+  {
+    ref: a,
+    align: r,
+    sideOffset: t,
+    className: d(
+      "z-50 w-72 rounded border-2 border-black bg-white p-4 shadow-lg",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...o
+  }
+) }));
+Wt.displayName = q.Content.displayName;
+const xo = D.Provider, yo = D.Root, wo = D.Trigger, Ht = c.forwardRef(({ className: e, sideOffset: r = 4, ...t }, o) => /* @__PURE__ */ n(
+  D.Content,
+  {
+    ref: o,
+    sideOffset: r,
+    className: d(
+      "z-50 overflow-hidden rounded border-2 border-black bg-black px-3 py-1.5 text-sm text-white shadow-md",
+      "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...t
+  }
+));
+Ht.displayName = D.Content.displayName;
+const Vt = c.forwardRef(
+  ({ className: e, variant: r = "primary", size: t = "base", ...o }, a) => {
+    const s = {
+      primary: "bg-primary text-white",
+      secondary: "bg-secondary text-white",
+      success: "bg-success text-white",
+      danger: "bg-danger text-white",
+      warning: "bg-warning text-black",
+      info: "bg-info text-white",
+      light: "bg-light text-black",
+      dark: "bg-dark text-white"
+    }, i = {
+      sm: "px-2 py-0.5 text-xs",
+      base: "px-2.5 py-1 text-sm",
+      lg: "px-3 py-1.5 text-base"
+    };
+    return /* @__PURE__ */ n(
+      "span",
+      {
+        ref: a,
+        className: d(
+          "inline-flex items-center rounded font-medium",
+          s[r],
+          i[t],
+          e
+        ),
+        ...o
+      }
+    );
+  }
+);
+Vt.displayName = "Badge";
+const Ut = c.forwardRef(
+  ({ className: e, src: r, alt: t, fallback: o, size: a = "base", ...s }, i) => {
+    const l = {
+      sm: "h-8 w-8 text-xs",
+      base: "h-10 w-10 text-sm",
+      lg: "h-12 w-12 text-base"
+    }, [b, g] = c.useState(!1);
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        ref: i,
+        className: d(
+          "relative flex shrink-0 items-center justify-center overflow-hidden rounded-full bg-gray-300",
+          l[a],
+          e
+        ),
+        ...s,
+        children: r && !b ? /* @__PURE__ */ n(
+          "img",
+          {
+            src: r,
+            alt: t,
+            className: "h-full w-full object-cover",
+            onError: () => g(!0)
+          }
+        ) : /* @__PURE__ */ n("span", { className: "font-medium text-gray-700", children: o || "?" })
+      }
+    );
+  }
+);
+Ut.displayName = "Avatar";
+const $t = c.forwardRef(
+  ({ className: e, orientation: r = "horizontal", variant: t = "solid", ...o }, a) => r === "vertical" ? /* @__PURE__ */ n(
+    "div",
+    {
+      ref: a,
+      className: d(
+        "w-px bg-black",
+        t === "dashed" && "border-dashed",
+        e
+      ),
+      role: "separator",
+      "aria-orientation": "vertical",
+      ...o
+    }
+  ) : /* @__PURE__ */ n(
+    "hr",
+    {
+      ref: a,
+      className: d(
+        "border-0 border-t-2 border-black",
+        t === "dashed" && "border-dashed",
+        e
+      ),
+      role: "separator",
+      "aria-orientation": "horizontal",
+      ...o
+    }
+  )
+);
+$t.displayName = "Divider";
+const _t = c.forwardRef(
+  ({
+    className: e,
+    variant: r = "rectangular",
+    width: t,
+    height: o,
+    style: a,
+    ...s
+  }, i) => /* @__PURE__ */ n(
+    "div",
+    {
+      ref: i,
+      className: d(
+        "animate-pulse bg-gray-300",
+        {
+          text: "rounded",
+          circular: "rounded-full",
+          rectangular: "rounded"
+        }[r],
+        e
+      ),
+      style: {
+        width: t || (r === "text" ? "100%" : void 0),
+        height: o || (r === "text" ? "1em" : void 0),
+        ...a
+      },
+      ...s
+    }
+  )
+);
+_t.displayName = "Skeleton";
+const qt = c.forwardRef(({ className: e, variant: r = "primary", size: t = "base", value: o, ...a }, s) => {
+  const i = {
+    primary: "bg-primary",
+    success: "bg-success",
+    danger: "bg-danger",
+    warning: "bg-warning",
+    info: "bg-info"
+  }, l = {
+    sm: "h-1",
+    base: "h-2",
+    lg: "h-3"
+  };
+  return /* @__PURE__ */ n(
+    ne.Root,
+    {
+      ref: s,
+      className: d(
+        "relative h-2 w-full overflow-hidden rounded-full bg-gray-300",
+        l[t],
+        e
+      ),
+      ...a,
+      children: /* @__PURE__ */ n(
+        ne.Indicator,
+        {
+          className: d(
+            "h-full w-full flex-1 transition-all",
+            i[r]
+          ),
+          style: { transform: `translateX(-${100 - (o || 0)}%)` }
+        }
+      )
+    }
+  );
+});
+qt.displayName = ne.Root.displayName;
+const Dt = c.forwardRef(
+  ({ className: e, size: r = "base", variant: t = "primary", ...o }, a) => {
+    const s = {
+      sm: "h-4 w-4 border-2",
+      base: "h-6 w-6 border-2",
+      lg: "h-8 w-8 border-[3px]"
+    }, i = {
+      primary: "border-primary border-t-transparent",
+      secondary: "border-secondary border-t-transparent",
+      white: "border-white border-t-transparent"
+    };
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        ref: a,
+        className: d(
+          "animate-spin rounded-full",
+          s[r],
+          i[t],
+          e
+        ),
+        role: "status",
+        "aria-label": "Loading",
+        ...o,
+        children: /* @__PURE__ */ n("span", { className: "sr-only", children: "Loading..." })
+      }
+    );
+  }
+);
+Dt.displayName = "Spinner";
+const Ot = c.forwardRef(
+  ({ className: e, orientation: r = "horizontal", decorative: t = !0, ...o }, a) => /* @__PURE__ */ n(
+    Ne.Root,
+    {
+      ref: a,
+      decorative: t,
+      orientation: r,
+      className: d(
+        "shrink-0 bg-black",
+        r === "horizontal" ? "h-px w-full" : "h-full w-px",
+        e
+      ),
+      ...o
+    }
+  )
+);
+Ot.displayName = Ne.Root.displayName;
+export {
+  fo as Accordion,
+  Ft as AccordionContent,
+  Et as AccordionItem,
+  Bt as AccordionTrigger,
+  lt as Alert,
+  Ut as Avatar,
+  Vt as Badge,
+  At as BreadcrumbItem,
+  Tt as Breadcrumbs,
+  _r as Button,
+  Dr as Card,
+  Zr as CardContent,
+  Jr as CardDescription,
+  Kr as CardFooter,
+  Or as CardHeader,
+  Xr as CardTitle,
+  yt as Checkbox,
+  Yr as Container,
+  $t as Divider,
+  gt as Dropdown,
+  ut as DropdownItem,
+  Yt as Form,
+  it as FormDescription,
+  eo as FormField,
+  at as FormItem,
+  st as FormLabel,
+  nt as FormMessage,
+  et as Grid,
+  rt as GridItem,
+  qr as Input,
+  ct as Modal,
+  pt as ModalBody,
+  mt as ModalFooter,
+  dt as ModalHeader,
+  bt as ModalTitle,
+  ft as Navbar,
+  vt as NavbarItem,
+  xt as NavbarLink,
+  ht as NavbarNav,
+  Pt as Pagination,
+  K as PaginationButton,
+  ho as Popover,
+  Wt as PopoverContent,
+  vo as PopoverTrigger,
+  qt as Progress,
+  wt as RadioGroup,
+  Nt as RadioItem,
+  po as Select,
+  Rt as SelectContent,
+  mo as SelectGroup,
+  St as SelectItem,
+  zt as SelectSeparator,
+  Ct as SelectTrigger,
+  go as SelectValue,
+  Ot as Separator,
+  _t as Skeleton,
+  It as Slider,
+  Dt as Spinner,
+  kt as Switch,
+  uo as Tabs,
+  Gt as TabsContent,
+  jt as TabsList,
+  Lt as TabsTrigger,
+  Mt as Textarea,
+  yo as Tooltip,
+  Ht as TooltipContent,
+  xo as TooltipProvider,
+  wo as TooltipTrigger,
+  Qr as Typography,
+  or as borderColors,
+  tr as borderRadius,
+  rr as borderStyle,
+  ze as borderWidth,
+  er as borderWidths,
+  ar as borders,
+  sr as boxShadows,
+  ir as breakpoints,
+  $e as colors,
+  cr as containerFluidMargins,
+  lr as containerMaxWidths,
+  Oe as containerPaddingX,
+  lo as dateSchema,
+  Je as displaySizes,
+  ro as emailSchema,
+  fe as fontFamilies,
+  Z as fontSizes,
+  Qe as fontWeights,
+  $ as functionalColors,
+  co as futureDateSchema,
+  Ce as grays,
+  Re as gridGutterWidth,
+  Se as headingSizes,
+  Ke as letterSpacing,
+  Ze as lineHeights,
+  io as nonNegativeNumber,
+  u as odsColors,
+  oo as optionalString,
+  bo as pastDateSchema,
+  ao as phoneSchema,
+  no as positiveNumber,
+  to as requiredString,
+  dr as responsive,
+  Ue as semanticColors,
+  nr as shadows,
+  _e as spacer,
+  qe as spacers,
+  Xe as spacing,
+  Ve as supportingColors,
+  De as targetSize,
+  ke as themeColors,
+  Qt as tokens,
+  Ye as typography,
+  so as urlSchema
+};
+//# sourceMappingURL=index.js.map