@ninoop/tng-design-system 0.1.0 → 0.2.1

package/dist/index.js

@@ -1,148 +1,149 @@
-import ee from "react";
-var p = { exports: {} }, d = {};
-var $;
-function re() {
-  if ($) return d;
-  $ = 1;
-  var u = /* @__PURE__ */ Symbol.for("react.transitional.element"), i = /* @__PURE__ */ Symbol.for("react.fragment");
-  function l(c, o, s) {
+import * as i from "react";
+import ge from "react";
+var D = { exports: {} }, A = {};
+var ae;
+function be() {
+  if (ae) return A;
+  ae = 1;
+  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
+  function n(o, a, c) {
     var _ = null;
-    if (s !== void 0 && (_ = "" + s), o.key !== void 0 && (_ = "" + o.key), "key" in o) {
-      s = {};
-      for (var m in o)
-        m !== "key" && (s[m] = o[m]);
-    } else s = o;
-    return o = s.ref, {
-      $$typeof: u,
-      type: c,
+    if (c !== void 0 && (_ = "" + c), a.key !== void 0 && (_ = "" + a.key), "key" in a) {
+      c = {};
+      for (var u in a)
+        u !== "key" && (c[u] = a[u]);
+    } else c = a;
+    return a = c.ref, {
+      $$typeof: t,
+      type: o,
       key: _,
-      ref: o !== void 0 ? o : null,
-      props: s
+      ref: a !== void 0 ? a : null,
+      props: c
     };
   }
-  return d.Fragment = i, d.jsx = l, d.jsxs = l, d;
+  return A.Fragment = r, A.jsx = n, A.jsxs = n, A;
 }
-var E = {};
-var I;
-function te() {
-  return I || (I = 1, process.env.NODE_ENV !== "production" && (function() {
-    function u(e) {
+var P = {};
+var le;
+function ve() {
+  return le || (le = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === Z ? null : e.displayName || e.name || null;
+        return e.$$typeof === me ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case v:
+        case k:
           return "Fragment";
-        case q:
+        case O:
           return "Profiler";
-        case U:
+        case R:
           return "StrictMode";
-        case G:
+        case m:
           return "Suspense";
-        case X:
+        case W:
           return "SuspenseList";
-        case H:
+        case de:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case W:
+          case q:
             return "Portal";
-          case V:
+          case Y:
             return e.displayName || "Context";
-          case J:
+          case M:
             return (e._context.displayName || "Context") + ".Consumer";
-          case z:
-            var r = e.render;
-            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case B:
-            return r = e.displayName || null, r !== null ? r : u(e.type) || "Memo";
-          case T:
-            r = e._payload, e = e._init;
+          case F:
+            var l = e.render;
+            return e = e.displayName, e || (e = l.displayName || l.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case ue:
+            return l = e.displayName || null, l !== null ? l : t(e.type) || "Memo";
+          case U:
+            l = e._payload, e = e._init;
             try {
-              return u(e(r));
+              return t(e(l));
             } catch {
             }
         }
       return null;
     }
-    function i(e) {
+    function r(e) {
       return "" + e;
     }
-    function l(e) {
+    function n(e) {
       try {
-        i(e);
-        var r = !1;
+        r(e);
+        var l = !1;
       } catch {
-        r = !0;
+        l = !0;
       }
-      if (r) {
-        r = console;
-        var t = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t.call(
-          r,
+      if (l) {
+        l = console;
+        var d = l.error, f = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return d.call(
+          l,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          n
-        ), i(e);
+          f
+        ), r(e);
       }
     }
-    function c(e) {
-      if (e === v) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === T)
+    function o(e) {
+      if (e === k) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === U)
         return "<...>";
       try {
-        var r = u(e);
-        return r ? "<" + r + ">" : "<...>";
+        var l = t(e);
+        return l ? "<" + l + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function o() {
-      var e = k.A;
+    function a() {
+      var e = G.A;
       return e === null ? null : e.getOwner();
     }
-    function s() {
+    function c() {
       return Error("react-stack-top-frame");
     }
     function _(e) {
-      if (w.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning) return !1;
+      if (ee.call(e, "key")) {
+        var l = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (l && l.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function m(e, r) {
-      function t() {
-        x || (x = !0, console.error(
+    function u(e, l) {
+      function d() {
+        te || (te = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          r
+          l
         ));
       }
-      t.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: t,
+      d.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: d,
         configurable: !0
       });
     }
-    function L() {
-      var e = u(this.type);
-      return h[e] || (h[e] = !0, console.error(
+    function g() {
+      var e = t(this.type);
+      return re[e] || (re[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function M(e, r, t, n, R, O) {
-      var a = t.ref;
+    function b(e, l, d, f, z, H) {
+      var p = d.ref;
       return e = {
-        $$typeof: j,
+        $$typeof: L,
         type: e,
-        key: r,
-        props: t,
-        _owner: n
-      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        key: l,
+        props: d,
+        _owner: f
+      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: L
+        get: g
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -157,117 +158,587 @@ function te() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: R
+        value: z
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: O
+        value: H
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function S(e, r, t, n, R, O) {
-      var a = r.children;
-      if (a !== void 0)
-        if (n)
-          if (Q(a)) {
-            for (n = 0; n < a.length; n++)
-              P(a[n]);
-            Object.freeze && Object.freeze(a);
+    function y(e, l, d, f, z, H) {
+      var p = l.children;
+      if (p !== void 0)
+        if (f)
+          if (fe(p)) {
+            for (f = 0; f < p.length; f++)
+              j(p[f]);
+            Object.freeze && Object.freeze(p);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else P(a);
-      if (w.call(r, "key")) {
-        a = u(e);
-        var f = Object.keys(r).filter(function(K) {
-          return K !== "key";
+        else j(p);
+      if (ee.call(l, "key")) {
+        p = t(e);
+        var N = Object.keys(l).filter(function(pe) {
+          return pe !== "key";
         });
-        n = 0 < f.length ? "{key: someKey, " + f.join(": ..., ") + ": ...}" : "{key: someKey}", Y[a + n] || (f = 0 < f.length ? "{" + f.join(": ..., ") + ": ...}" : "{}", console.error(
+        f = 0 < N.length ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}", oe[p + f] || (N = 0 < N.length ? "{" + N.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          n,
-          a,
           f,
-          a
-        ), Y[a + n] = !0);
+          p,
+          N,
+          p
+        ), oe[p + f] = !0);
       }
-      if (a = null, t !== void 0 && (l(t), a = "" + t), _(r) && (l(r.key), a = "" + r.key), "key" in r) {
-        t = {};
-        for (var A in r)
-          A !== "key" && (t[A] = r[A]);
-      } else t = r;
-      return a && m(
-        t,
+      if (p = null, d !== void 0 && (n(d), p = "" + d), _(l) && (n(l.key), p = "" + l.key), "key" in l) {
+        d = {};
+        for (var V in l)
+          V !== "key" && (d[V] = l[V]);
+      } else d = l;
+      return p && u(
+        d,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), M(
+      ), b(
         e,
-        a,
-        t,
-        o(),
-        R,
-        O
+        p,
+        d,
+        a(),
+        z,
+        H
       );
     }
-    function P(e) {
-      g(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === T && (e._payload.status === "fulfilled" ? g(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function j(e) {
+      v(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === U && (e._payload.status === "fulfilled" ? v(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function g(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === j;
+    function v(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === L;
     }
-    var b = ee, j = /* @__PURE__ */ Symbol.for("react.transitional.element"), W = /* @__PURE__ */ Symbol.for("react.portal"), v = /* @__PURE__ */ Symbol.for("react.fragment"), U = /* @__PURE__ */ Symbol.for("react.strict_mode"), q = /* @__PURE__ */ Symbol.for("react.profiler"), J = /* @__PURE__ */ Symbol.for("react.consumer"), V = /* @__PURE__ */ Symbol.for("react.context"), z = /* @__PURE__ */ Symbol.for("react.forward_ref"), G = /* @__PURE__ */ Symbol.for("react.suspense"), X = /* @__PURE__ */ Symbol.for("react.suspense_list"), B = /* @__PURE__ */ Symbol.for("react.memo"), T = /* @__PURE__ */ Symbol.for("react.lazy"), H = /* @__PURE__ */ Symbol.for("react.activity"), Z = /* @__PURE__ */ Symbol.for("react.client.reference"), k = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, w = Object.prototype.hasOwnProperty, Q = Array.isArray, y = console.createTask ? console.createTask : function() {
+    var h = ge, L = /* @__PURE__ */ Symbol.for("react.transitional.element"), q = /* @__PURE__ */ Symbol.for("react.portal"), k = /* @__PURE__ */ Symbol.for("react.fragment"), R = /* @__PURE__ */ Symbol.for("react.strict_mode"), O = /* @__PURE__ */ Symbol.for("react.profiler"), M = /* @__PURE__ */ Symbol.for("react.consumer"), Y = /* @__PURE__ */ Symbol.for("react.context"), F = /* @__PURE__ */ Symbol.for("react.forward_ref"), m = /* @__PURE__ */ Symbol.for("react.suspense"), W = /* @__PURE__ */ Symbol.for("react.suspense_list"), ue = /* @__PURE__ */ Symbol.for("react.memo"), U = /* @__PURE__ */ Symbol.for("react.lazy"), de = /* @__PURE__ */ Symbol.for("react.activity"), me = /* @__PURE__ */ Symbol.for("react.client.reference"), G = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ee = Object.prototype.hasOwnProperty, fe = Array.isArray, J = console.createTask ? console.createTask : function() {
       return null;
     };
-    b = {
+    h = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var x, h = {}, N = b.react_stack_bottom_frame.bind(
-      b,
-      s
-    )(), C = y(c(s)), Y = {};
-    E.Fragment = v, E.jsx = function(e, r, t) {
-      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
-      return S(
+    var te, re = {}, ne = h.react_stack_bottom_frame.bind(
+      h,
+      c
+    )(), se = J(o(c)), oe = {};
+    P.Fragment = k, P.jsx = function(e, l, d) {
+      var f = 1e4 > G.recentlyCreatedOwnerStacks++;
+      return y(
         e,
-        r,
-        t,
+        l,
+        d,
         !1,
-        n ? Error("react-stack-top-frame") : N,
-        n ? y(c(e)) : C
+        f ? Error("react-stack-top-frame") : ne,
+        f ? J(o(e)) : se
       );
-    }, E.jsxs = function(e, r, t) {
-      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
-      return S(
+    }, P.jsxs = function(e, l, d) {
+      var f = 1e4 > G.recentlyCreatedOwnerStacks++;
+      return y(
         e,
-        r,
-        t,
+        l,
+        d,
         !0,
-        n ? Error("react-stack-top-frame") : N,
-        n ? y(c(e)) : C
+        f ? Error("react-stack-top-frame") : ne,
+        f ? J(o(e)) : se
       );
     };
-  })()), E;
+  })()), P;
 }
-var F;
-function ne() {
-  return F || (F = 1, process.env.NODE_ENV === "production" ? p.exports = re() : p.exports = te()), p.exports;
+var ce;
+function xe() {
+  return ce || (ce = 1, process.env.NODE_ENV === "production" ? D.exports = be() : D.exports = ve()), D.exports;
 }
-var ae = ne();
-const oe = "_button_k91y8_1", se = "_primary_k91y8_17", ue = "_ghost_k91y8_35", D = {
-  button: oe,
-  primary: se,
-  ghost: ue
+var s = xe();
+const ie = i.createContext(void 0);
+function he() {
+  return typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function gr({
+  children: t,
+  defaultTheme: r = "system",
+  defaultAccent: n = "blue"
+}) {
+  const [o, a] = i.useState(r), [c, _] = i.useState(n), [u, g] = i.useState(he);
+  i.useEffect(() => {
+    const j = window.matchMedia("(prefers-color-scheme: dark)"), v = (h) => g(h.matches ? "dark" : "light");
+    return j.addEventListener("change", v), () => j.removeEventListener("change", v);
+  }, []);
+  const b = o === "system" ? u : o, y = i.useMemo(
+    () => ({ theme: o, resolvedTheme: b, accentColor: c, setTheme: a, setAccentColor: _ }),
+    [o, b, c]
+  );
+  return /* @__PURE__ */ s.jsx(ie.Provider, { value: y, children: /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      className: "tng-root",
+      "data-tng-theme": b,
+      "data-tng-accent": c,
+      children: t
+    }
+  ) });
+}
+function br() {
+  const t = i.useContext(ie);
+  if (!t) throw new Error("useTheme must be used within a <ThemeProvider>");
+  return t;
+}
+const je = "_button_77t7q_1", ye = "_sm_77t7q_33", we = "_md_77t7q_40", ke = "_lg_77t7q_46", Te = "_iconOnly_77t7q_54", Ee = "_solid_77t7q_60", Re = "_soft_77t7q_73", Ne = "_outline_77t7q_82", $e = "_ghost_77t7q_93", Se = "_loading_77t7q_104", Ce = "_hiddenContent_77t7q_108", Oe = "_spinner_77t7q_112", T = {
+  button: je,
+  sm: ye,
+  md: we,
+  lg: ke,
+  iconOnly: Te,
+  solid: Ee,
+  soft: Re,
+  outline: Ne,
+  ghost: $e,
+  loading: Se,
+  hiddenContent: Ce,
+  spinner: Oe,
+  "button-spin": "_button-spin_77t7q_1"
+}, Ae = i.forwardRef(
+  ({ variant: t = "solid", size: r = "md", loading: n, iconOnly: o, className: a, disabled: c, children: _, ...u }, g) => {
+    const b = [
+      T.button,
+      T[t],
+      T[r],
+      o && T.iconOnly,
+      n && T.loading,
+      a
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ s.jsxs("button", { ref: g, className: b, disabled: c || n, ...u, children: [
+      n && /* @__PURE__ */ s.jsx("span", { className: T.spinner, "aria-hidden": "true" }),
+      /* @__PURE__ */ s.jsx("span", { className: n ? T.hiddenContent : void 0, children: _ })
+    ] });
+  }
+);
+Ae.displayName = "Button";
+const Pe = "_input_1abtm_1", Be = "_sm_1abtm_33", Le = "_md_1abtm_39", ze = "_lg_1abtm_45", De = "_error_1abtm_53", X = {
+  input: Pe,
+  sm: Be,
+  md: Le,
+  lg: ze,
+  error: De
+}, Ie = i.forwardRef(
+  ({ inputSize: t = "md", error: r, className: n, ...o }, a) => {
+    const c = [
+      X.input,
+      X[t],
+      r && X.error,
+      n
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ s.jsx("input", { ref: a, className: c, ...o });
+  }
+);
+Ie.displayName = "Input";
+const qe = "_textarea_a0d05_1", Me = "_sm_a0d05_34", Ye = "_md_a0d05_39", Fe = "_lg_a0d05_44", We = "_error_a0d05_51", Z = {
+  textarea: qe,
+  sm: Me,
+  md: Ye,
+  lg: Fe,
+  error: We
+}, Ue = i.forwardRef(
+  ({ textAreaSize: t = "md", error: r, resize: n = "vertical", className: o, style: a, ...c }, _) => {
+    const u = [
+      Z.textarea,
+      Z[t],
+      r && Z.error,
+      o
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ s.jsx(
+      "textarea",
+      {
+        ref: _,
+        className: u,
+        style: { ...a, resize: n },
+        ...c
+      }
+    );
+  }
+);
+Ue.displayName = "TextArea";
+const Ge = "_wrapper_nd7m8_1", Je = "_input_nd7m8_9", He = "_control_nd7m8_23", Ve = "_icon_nd7m8_57", Xe = "_label_nd7m8_61", Ze = "_sm_nd7m8_68", Qe = "_md_nd7m8_72", Ke = "_lg_nd7m8_76", $ = {
+  wrapper: Ge,
+  input: Je,
+  control: He,
+  icon: Ve,
+  label: Xe,
+  sm: Ze,
+  md: Qe,
+  lg: Ke
+}, et = i.forwardRef(
+  ({ label: t, checkboxSize: r = "md", className: n, id: o, ...a }, c) => {
+    const _ = i.useId(), u = o ?? _;
+    return /* @__PURE__ */ s.jsxs("label", { className: [$.wrapper, $[r], n].filter(Boolean).join(" "), htmlFor: u, children: [
+      /* @__PURE__ */ s.jsx("input", { ref: c, type: "checkbox", id: u, className: $.input, ...a }),
+      /* @__PURE__ */ s.jsx("span", { className: $.control, "aria-hidden": "true", children: /* @__PURE__ */ s.jsx("svg", { className: $.icon, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ s.jsx("path", { d: "M2.5 6L5 8.5L9.5 3.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+      t && /* @__PURE__ */ s.jsx("span", { className: $.label, children: t })
+    ] });
+  }
+);
+et.displayName = "Checkbox";
+const tt = "_wrapper_wtcfo_1", rt = "_input_wtcfo_9", nt = "_control_wtcfo_23", st = "_dot_wtcfo_35", ot = "_label_wtcfo_69", at = "_sm_wtcfo_76", lt = "_md_wtcfo_80", ct = "_lg_wtcfo_84", S = {
+  wrapper: tt,
+  input: rt,
+  control: nt,
+  dot: st,
+  label: ot,
+  sm: at,
+  md: lt,
+  lg: ct
+}, it = i.forwardRef(
+  ({ label: t, radioSize: r = "md", className: n, id: o, ...a }, c) => {
+    const _ = i.useId(), u = o ?? _;
+    return /* @__PURE__ */ s.jsxs("label", { className: [S.wrapper, S[r], n].filter(Boolean).join(" "), htmlFor: u, children: [
+      /* @__PURE__ */ s.jsx("input", { ref: c, type: "radio", id: u, className: S.input, ...a }),
+      /* @__PURE__ */ s.jsx("span", { className: S.control, "aria-hidden": "true", children: /* @__PURE__ */ s.jsx("span", { className: S.dot }) }),
+      t && /* @__PURE__ */ s.jsx("span", { className: S.label, children: t })
+    ] });
+  }
+);
+it.displayName = "Radio";
+const _t = "_wrapper_kg1pu_1", ut = "_trigger_kg1pu_7", dt = "_open_kg1pu_39", mt = "_sm_kg1pu_46", ft = "_md_kg1pu_52", pt = "_lg_kg1pu_58", gt = "_error_kg1pu_66", bt = "_placeholder_kg1pu_78", vt = "_selectedText_kg1pu_82", xt = "_chevron_kg1pu_88", ht = "_menu_kg1pu_100", jt = "_option_kg1pu_129", yt = "_selected_kg1pu_82", wt = "_optionDisabled_kg1pu_147", x = {
+  wrapper: _t,
+  trigger: ut,
+  open: dt,
+  sm: mt,
+  md: ft,
+  lg: pt,
+  error: gt,
+  placeholder: bt,
+  selectedText: vt,
+  chevron: xt,
+  menu: ht,
+  "dropdown-enter": "_dropdown-enter_kg1pu_1",
+  option: jt,
+  selected: yt,
+  optionDisabled: wt
+}, kt = i.forwardRef(
+  ({ options: t, value: r, defaultValue: n, onChange: o, placeholder: a = "Select...", disabled: c, error: _, dropdownSize: u = "md", className: g, id: b, name: y }, j) => {
+    const [v, h] = i.useState(!1), [L, q] = i.useState(n ?? ""), k = i.useRef(null), R = r !== void 0 ? r : L, O = t.find((m) => m.value === R), M = (m) => {
+      r === void 0 && q(m), o?.(m), h(!1);
+    };
+    i.useEffect(() => {
+      if (!v) return;
+      const m = (W) => {
+        k.current && !k.current.contains(W.target) && h(!1);
+      };
+      return document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
+    }, [v]);
+    const Y = (m) => {
+      m.key === "Escape" && h(!1);
+    }, F = [
+      x.trigger,
+      x[u],
+      _ && x.error,
+      v && x.open,
+      g
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ s.jsxs("div", { ref: k, className: x.wrapper, onKeyDown: Y, children: [
+      y && /* @__PURE__ */ s.jsx("input", { type: "hidden", name: y, value: R }),
+      /* @__PURE__ */ s.jsxs(
+        "button",
+        {
+          ref: j,
+          type: "button",
+          id: b,
+          className: F,
+          disabled: c,
+          "aria-haspopup": "listbox",
+          "aria-expanded": v,
+          onClick: () => h(!v),
+          children: [
+            /* @__PURE__ */ s.jsx("span", { className: O ? x.selectedText : x.placeholder, children: O ? O.label : a }),
+            /* @__PURE__ */ s.jsx("svg", { className: x.chevron, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ s.jsx("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
+          ]
+        }
+      ),
+      v && /* @__PURE__ */ s.jsx("ul", { className: x.menu, role: "listbox", children: t.map((m) => /* @__PURE__ */ s.jsx(
+        "li",
+        {
+          role: "option",
+          "aria-selected": m.value === R,
+          "aria-disabled": m.disabled,
+          className: [
+            x.option,
+            m.value === R && x.selected,
+            m.disabled && x.optionDisabled
+          ].filter(Boolean).join(" "),
+          onClick: () => !m.disabled && M(m.value),
+          children: m.label
+        },
+        m.value
+      )) })
+    ] });
+  }
+);
+kt.displayName = "Dropdown";
+const Tt = "_wrapper_1sgjx_1", Et = "_table_1sgjx_6", Rt = "_thead_1sgjx_14", Nt = "_th_1sgjx_14", $t = "_td_1sgjx_29", St = "_tr_1sgjx_33", Ct = "_tbody_1sgjx_38", Ot = "_striped_1sgjx_48", w = {
+  wrapper: Tt,
+  table: Et,
+  thead: Rt,
+  th: Nt,
+  td: $t,
+  tr: St,
+  tbody: Ct,
+  striped: Ot
+}, At = i.forwardRef(
+  ({ variant: t = "default", className: r, ...n }, o) => {
+    const a = [w.table, w[t], r].filter(Boolean).join(" ");
+    return /* @__PURE__ */ s.jsx("div", { className: w.wrapper, children: /* @__PURE__ */ s.jsx("table", { ref: o, className: a, ...n }) });
+  }
+);
+At.displayName = "Table";
+const Pt = i.forwardRef(
+  ({ className: t, ...r }, n) => /* @__PURE__ */ s.jsx("thead", { ref: n, className: [w.thead, t].filter(Boolean).join(" "), ...r })
+);
+Pt.displayName = "TableHead";
+const Bt = i.forwardRef(
+  ({ className: t, ...r }, n) => /* @__PURE__ */ s.jsx("tbody", { ref: n, className: [w.tbody, t].filter(Boolean).join(" "), ...r })
+);
+Bt.displayName = "TableBody";
+const Lt = i.forwardRef(
+  ({ className: t, ...r }, n) => /* @__PURE__ */ s.jsx("tr", { ref: n, className: [w.tr, t].filter(Boolean).join(" "), ...r })
+);
+Lt.displayName = "TableRow";
+const zt = i.forwardRef(
+  ({ className: t, ...r }, n) => /* @__PURE__ */ s.jsx("th", { ref: n, className: [w.th, t].filter(Boolean).join(" "), ...r })
+);
+zt.displayName = "TableHeaderCell";
+const Dt = i.forwardRef(
+  ({ className: t, ...r }, n) => /* @__PURE__ */ s.jsx("td", { ref: n, className: [w.td, t].filter(Boolean).join(" "), ...r })
+);
+Dt.displayName = "TableCell";
+const It = "_grid_rsz4l_1", Q = {
+  grid: It,
+  "gap-sm": "_gap-sm_rsz4l_6",
+  "gap-md": "_gap-md_rsz4l_7",
+  "gap-lg": "_gap-lg_rsz4l_8",
+  "gap-xl": "_gap-xl_rsz4l_9",
+  "align-start": "_align-start_rsz4l_12",
+  "align-center": "_align-center_rsz4l_13",
+  "align-end": "_align-end_rsz4l_14",
+  "align-stretch": "_align-stretch_rsz4l_15"
+}, qt = i.forwardRef(
+  ({ columns: t = 3, minChildWidth: r = "200px", gap: n = "md", align: o, className: a, style: c, ..._ }, u) => {
+    const g = [
+      Q.grid,
+      n !== "none" && Q[`gap-${n}`],
+      o && Q[`align-${o}`],
+      a
+    ].filter(Boolean).join(" "), b = typeof t == "number" ? `repeat(${t}, minmax(0, 1fr))` : `repeat(${t}, minmax(${r}, 1fr))`;
+    return /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        ref: u,
+        className: g,
+        style: { ...c, gridTemplateColumns: b },
+        ..._
+      }
+    );
+  }
+);
+qt.displayName = "Grid";
+const Mt = "_overlay_y78yx_1", Yt = "_content_y78yx_18", Ft = "_title_y78yx_44", Wt = "_description_y78yx_52", Ut = "_footer_y78yx_59", B = {
+  overlay: Mt,
+  content: Yt,
+  title: Ft,
+  description: Wt,
+  footer: Ut
 };
-function ce({ variant: u = "primary", className: i, ...l }) {
-  const c = [D.button, D[u], i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ ae.jsx("button", { ...l, className: c });
+function vr({ open: t, onOpenChange: r, children: n }) {
+  return i.useEffect(() => {
+    if (!t) return;
+    const o = (a) => {
+      a.key === "Escape" && r(!1);
+    };
+    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
+  }, [t, r]), i.useEffect(() => {
+    if (!t) return;
+    const o = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = o;
+    };
+  }, [t]), t ? /* @__PURE__ */ s.jsx("div", { className: B.overlay, onClick: () => r(!1), children: /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      className: B.content,
+      role: "dialog",
+      "aria-modal": "true",
+      onClick: (o) => o.stopPropagation(),
+      children: n
+    }
+  ) }) : null;
+}
+function xr({ className: t, ...r }) {
+  return /* @__PURE__ */ s.jsx("h2", { className: [B.title, t].filter(Boolean).join(" "), ...r });
+}
+function hr({ className: t, ...r }) {
+  return /* @__PURE__ */ s.jsx("p", { className: [B.description, t].filter(Boolean).join(" "), ...r });
+}
+function jr({ className: t, ...r }) {
+  return /* @__PURE__ */ s.jsx("div", { className: [B.footer, t].filter(Boolean).join(" "), ...r });
+}
+const Gt = "_spinner_cnszt_1", Jt = "_svg_cnszt_7", Ht = "_spin_cnszt_1", Vt = "_track_cnszt_11", Xt = "_arc_cnszt_15", Zt = "_primary_cnszt_21", Qt = "_current_cnszt_25", Kt = "_sm_cnszt_31", er = "_md_cnszt_32", tr = "_lg_cnszt_33", rr = "_srOnly_cnszt_37", E = {
+  spinner: Gt,
+  svg: Jt,
+  spin: Ht,
+  track: Vt,
+  arc: Xt,
+  primary: Zt,
+  current: Qt,
+  sm: Kt,
+  md: er,
+  lg: tr,
+  srOnly: rr
+}, nr = i.forwardRef(
+  ({ size: t = "md", color: r = "primary", label: n = "Loading", className: o, ...a }, c) => {
+    const _ = [
+      E.spinner,
+      E[t],
+      E[r],
+      o
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ s.jsxs("span", { ref: c, role: "status", className: _, ...a, children: [
+      /* @__PURE__ */ s.jsxs("svg", { className: E.svg, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+        /* @__PURE__ */ s.jsx("circle", { className: E.track, cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3" }),
+        /* @__PURE__ */ s.jsx(
+          "path",
+          {
+            className: E.arc,
+            d: "M12 2a10 10 0 019.8 8",
+            stroke: "currentColor",
+            strokeWidth: "3",
+            strokeLinecap: "round"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ s.jsx("span", { className: E.srOnly, children: n })
+    ] });
+  }
+);
+nr.displayName = "Spinner";
+const sr = "_list_1jgnk_3", or = "_trigger_1jgnk_22", ar = "_active_1jgnk_54", lr = "_content_1jgnk_74", C = {
+  list: sr,
+  "list-underline": "_list-underline_1jgnk_9",
+  "list-pills": "_list-pills_1jgnk_14",
+  trigger: or,
+  "trigger-underline": "_trigger-underline_1jgnk_48",
+  active: ar,
+  "trigger-pills": "_trigger-pills_1jgnk_61",
+  content: lr,
+  "tab-enter": "_tab-enter_1jgnk_1"
+}, _e = i.createContext(void 0);
+function K() {
+  const t = i.useContext(_e);
+  if (!t) throw new Error("Tabs compound components must be used within <Tabs>");
+  return t;
+}
+function yr({ value: t, defaultValue: r = "", onValueChange: n, variant: o = "underline", children: a, className: c }) {
+  const [_, u] = i.useState(r), g = t !== void 0 ? t : _, b = i.useCallback(
+    (j) => {
+      t === void 0 && u(j), n?.(j);
+    },
+    [t, n]
+  ), y = i.useMemo(() => ({ value: g, onSelect: b, variant: o }), [g, b, o]);
+  return /* @__PURE__ */ s.jsx(_e.Provider, { value: y, children: /* @__PURE__ */ s.jsx("div", { className: c, children: a }) });
+}
+function wr({ className: t, ...r }) {
+  const { variant: n } = K(), o = [C.list, C[`list-${n}`], t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ s.jsx("div", { role: "tablist", className: o, ...r });
+}
+function kr({ value: t, className: r, ...n }) {
+  const { value: o, onSelect: a, variant: c } = K(), _ = t === o, u = [
+    C.trigger,
+    C[`trigger-${c}`],
+    _ && C.active,
+    r
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ s.jsx(
+    "button",
+    {
+      role: "tab",
+      type: "button",
+      "aria-selected": _,
+      className: u,
+      onClick: () => a(t),
+      ...n
+    }
+  );
+}
+function Tr({ value: t, className: r, ...n }) {
+  const { value: o } = K();
+  return t !== o ? null : /* @__PURE__ */ s.jsx("div", { role: "tabpanel", className: [C.content, r].filter(Boolean).join(" "), ...n });
+}
+const cr = "_wrapper_1vxu8_1", ir = "_tooltip_1vxu8_6", _r = "_arrow_1vxu8_32", ur = "_top_1vxu8_42", dr = "_bottom_1vxu8_54", mr = "_left_1vxu8_66", fr = "_right_1vxu8_78", I = {
+  wrapper: cr,
+  tooltip: ir,
+  "tooltip-enter": "_tooltip-enter_1vxu8_1",
+  arrow: _r,
+  top: ur,
+  bottom: dr,
+  left: mr,
+  right: fr
+};
+function Er({ content: t, side: r = "top", delayMs: n = 200, children: o }) {
+  const [a, c] = i.useState(!1), _ = i.useRef(void 0), u = () => {
+    clearTimeout(_.current), _.current = setTimeout(() => c(!0), n);
+  }, g = () => {
+    clearTimeout(_.current), c(!1);
+  };
+  return i.useEffect(() => () => clearTimeout(_.current), []), /* @__PURE__ */ s.jsxs(
+    "span",
+    {
+      className: I.wrapper,
+      onMouseEnter: u,
+      onMouseLeave: g,
+      onFocus: u,
+      onBlur: g,
+      children: [
+        o,
+        a && /* @__PURE__ */ s.jsxs("span", { role: "tooltip", className: [I.tooltip, I[r]].join(" "), children: [
+          t,
+          /* @__PURE__ */ s.jsx("span", { className: I.arrow })
+        ] })
+      ]
+    }
+  );
 }
 export {
-  ce as Button
+  Ae as Button,
+  et as Checkbox,
+  vr as Dialog,
+  hr as DialogDescription,
+  jr as DialogFooter,
+  xr as DialogTitle,
+  kt as Dropdown,
+  qt as Grid,
+  Ie as Input,
+  it as Radio,
+  nr as Spinner,
+  Tr as TabContent,
+  wr as TabList,
+  kr as TabTrigger,
+  At as Table,
+  Bt as TableBody,
+  Dt as TableCell,
+  Pt as TableHead,
+  zt as TableHeaderCell,
+  Lt as TableRow,
+  yr as Tabs,
+  Ue as TextArea,
+  gr as ThemeProvider,
+  Er as Tooltip,
+  br as useTheme
 };