@drdex0101/water-design-system 1.0.1 → 2.0.0

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

@@ -1,5 +1,5 @@
-import ge from "react";
-var L = { exports: {} }, x = {};
+import A from "react";
+var me = { exports: {} }, se = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,29 +9,29 @@ var L = { exports: {} }, x = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var X;
-function he() {
-  if (X) return x;
-  X = 1;
-  var c = Symbol.for("react.transitional.element"), E = Symbol.for("react.fragment");
-  function _(v, b, g) {
-    var T = null;
-    if (g !== void 0 && (T = "" + g), b.key !== void 0 && (T = "" + b.key), "key" in b) {
-      g = {};
-      for (var F in b)
-        F !== "key" && (g[F] = b[F]);
-    } else g = b;
-    return b = g.ref, {
-      $$typeof: c,
-      type: v,
-      key: T,
-      ref: b !== void 0 ? b : null,
-      props: g
+var xe;
+function Ie() {
+  if (xe) return se;
+  xe = 1;
+  var t = Symbol.for("react.transitional.element"), o = Symbol.for("react.fragment");
+  function a(r, i, c) {
+    var g = null;
+    if (c !== void 0 && (g = "" + c), i.key !== void 0 && (g = "" + i.key), "key" in i) {
+      c = {};
+      for (var f in i)
+        f !== "key" && (c[f] = i[f]);
+    } else c = i;
+    return i = c.ref, {
+      $$typeof: t,
+      type: r,
+      key: g,
+      ref: i !== void 0 ? i : null,
+      props: c
     };
   }
-  return x.Fragment = E, x.jsx = _, x.jsxs = _, x;
+  return se.Fragment = o, se.jsx = a, se.jsxs = a, se;
 }
-var W = {};
+var ae = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,240 +41,240 @@ var W = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Z;
-function ye() {
-  return Z || (Z = 1, process.env.NODE_ENV !== "production" && function() {
-    function c(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === me ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case P:
+var Se;
+function ze() {
+  return Se || (Se = 1, process.env.NODE_ENV !== "production" && function() {
+    function t(n) {
+      if (n == null) return null;
+      if (typeof n == "function")
+        return n.$$typeof === M ? null : n.displayName || n.name || null;
+      if (typeof n == "string") return n;
+      switch (n) {
+        case S:
           return "Fragment";
-        case re:
+        case O:
           return "Profiler";
-        case ne:
+        case R:
           return "StrictMode";
-        case se:
+        case D:
           return "Suspense";
-        case fe:
+        case U:
           return "SuspenseList";
-        case de:
+        case J:
           return "Activity";
       }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
+      if (typeof n == "object")
+        switch (typeof n.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case oe:
+        ), n.$$typeof) {
+          case B:
             return "Portal";
-          case ae:
-            return e.displayName || "Context";
-          case ie:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case le:
-            var t = e.render;
-            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case ce:
-            return t = e.displayName || null, t !== null ? t : c(e.type) || "Memo";
-          case M:
-            t = e._payload, e = e._init;
+          case F:
+            return n.displayName || "Context";
+          case L:
+            return (n._context.displayName || "Context") + ".Consumer";
+          case H:
+            var k = n.render;
+            return n = n.displayName, n || (n = k.displayName || k.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
+          case G:
+            return k = n.displayName || null, k !== null ? k : t(n.type) || "Memo";
+          case V:
+            k = n._payload, n = n._init;
             try {
-              return c(e(t));
+              return t(n(k));
             } catch {
             }
         }
       return null;
     }
-    function E(e) {
-      return "" + e;
+    function o(n) {
+      return "" + n;
     }
-    function _(e) {
+    function a(n) {
       try {
-        E(e);
-        var t = !1;
+        o(n);
+        var k = !1;
       } catch {
-        t = !0;
+        k = !0;
       }
-      if (t) {
-        t = console;
-        var a = t.error, s = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return a.call(
-          t,
+      if (k) {
+        k = console;
+        var z = k.error, T = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return z.call(
+          k,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          s
-        ), E(e);
+          T
+        ), o(n);
       }
     }
-    function v(e) {
-      if (e === P) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === M)
+    function r(n) {
+      if (n === S) return "<>";
+      if (typeof n == "object" && n !== null && n.$$typeof === V)
         return "<...>";
       try {
-        var t = c(e);
-        return t ? "<" + t + ">" : "<...>";
+        var k = t(n);
+        return k ? "<" + k + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function b() {
-      var e = H.A;
-      return e === null ? null : e.getOwner();
+    function i() {
+      var n = P.A;
+      return n === null ? null : n.getOwner();
     }
-    function g() {
+    function c() {
       return Error("react-stack-top-frame");
     }
-    function T(e) {
-      if (I.call(e, "key")) {
-        var t = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (t && t.isReactWarning) return !1;
+    function g(n) {
+      if (te.call(n, "key")) {
+        var k = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (k && k.isReactWarning) return !1;
       }
-      return e.key !== void 0;
+      return n.key !== void 0;
     }
-    function F(e, t) {
-      function a() {
-        U || (U = !0, console.error(
+    function f(n, k) {
+      function z() {
+        N || (N = !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)",
-          t
+          k
         ));
       }
-      a.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: a,
+      z.isReactWarning = !0, Object.defineProperty(n, "key", {
+        get: z,
         configurable: !0
       });
     }
-    function ee() {
-      var e = c(this.type);
-      return V[e] || (V[e] = !0, console.error(
+    function b() {
+      var n = t(this.type);
+      return le[n] || (le[n] = !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;
+      )), n = this.props.ref, n !== void 0 ? n : null;
     }
-    function te(e, t, a, s, z, C) {
-      var f = a.ref;
-      return e = {
-        $$typeof: D,
-        type: e,
-        key: t,
-        props: a,
-        _owner: s
-      }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(e, "ref", {
+    function u(n, k, z, T, fe, ue) {
+      var E = z.ref;
+      return n = {
+        $$typeof: I,
+        type: n,
+        key: k,
+        props: z,
+        _owner: T
+      }, (E !== void 0 ? E : null) !== null ? Object.defineProperty(n, "ref", {
         enumerable: !1,
-        get: ee
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        get: b
+      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
+      }), Object.defineProperty(n, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(e, "_debugStack", {
+      }), Object.defineProperty(n, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: z
-      }), Object.defineProperty(e, "_debugTask", {
+        value: fe
+      }), Object.defineProperty(n, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: C
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+        value: ue
+      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
     }
-    function Y(e, t, a, s, z, C) {
-      var f = t.children;
-      if (f !== void 0)
-        if (s)
-          if (ue(f)) {
-            for (s = 0; s < f.length; s++)
-              B(f[s]);
-            Object.freeze && Object.freeze(f);
+    function j(n, k, z, T, fe, ue) {
+      var E = k.children;
+      if (E !== void 0)
+        if (T)
+          if (re(E)) {
+            for (T = 0; T < E.length; T++)
+              C(E[T]);
+            Object.freeze && Object.freeze(E);
           } 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 B(f);
-      if (I.call(t, "key")) {
-        f = c(e);
-        var R = Object.keys(t).filter(function(be) {
-          return be !== "key";
+        else C(E);
+      if (te.call(k, "key")) {
+        E = t(n);
+        var ne = Object.keys(k).filter(function(We) {
+          return We !== "key";
         });
-        s = 0 < R.length ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}", J[f + s] || (R = 0 < R.length ? "{" + R.join(": ..., ") + ": ...}" : "{}", console.error(
+        T = 0 < ne.length ? "{key: someKey, " + ne.join(": ..., ") + ": ...}" : "{key: someKey}", be[E + T] || (ne = 0 < ne.length ? "{" + ne.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} />`,
-          s,
-          f,
-          R,
-          f
-        ), J[f + s] = !0);
+          T,
+          E,
+          ne,
+          E
+        ), be[E + T] = !0);
       }
-      if (f = null, a !== void 0 && (_(a), f = "" + a), T(t) && (_(t.key), f = "" + t.key), "key" in t) {
-        a = {};
-        for (var N in t)
-          N !== "key" && (a[N] = t[N]);
-      } else a = t;
-      return f && F(
-        a,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), te(
-        e,
-        f,
-        a,
-        b(),
+      if (E = null, z !== void 0 && (a(z), E = "" + z), g(k) && (a(k.key), E = "" + k.key), "key" in k) {
+        z = {};
+        for (var ge in k)
+          ge !== "key" && (z[ge] = k[ge]);
+      } else z = k;
+      return E && f(
+        z,
+        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
+      ), u(
+        n,
+        E,
         z,
-        C
+        i(),
+        fe,
+        ue
       );
     }
-    function B(e) {
-      $(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === M && (e._payload.status === "fulfilled" ? $(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function C(n) {
+      x(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === V && (n._payload.status === "fulfilled" ? x(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
     }
-    function $(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === D;
+    function x(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === I;
     }
-    var O = ge, D = Symbol.for("react.transitional.element"), oe = Symbol.for("react.portal"), P = Symbol.for("react.fragment"), ne = Symbol.for("react.strict_mode"), re = Symbol.for("react.profiler"), ie = Symbol.for("react.consumer"), ae = Symbol.for("react.context"), le = Symbol.for("react.forward_ref"), se = Symbol.for("react.suspense"), fe = Symbol.for("react.suspense_list"), ce = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), de = Symbol.for("react.activity"), me = Symbol.for("react.client.reference"), H = O.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, ue = Array.isArray, j = console.createTask ? console.createTask : function() {
+    var v = A, I = Symbol.for("react.transitional.element"), B = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), O = Symbol.for("react.profiler"), L = Symbol.for("react.consumer"), F = Symbol.for("react.context"), H = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), U = Symbol.for("react.suspense_list"), G = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), J = Symbol.for("react.activity"), M = Symbol.for("react.client.reference"), P = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, te = Object.prototype.hasOwnProperty, re = Array.isArray, q = console.createTask ? console.createTask : function() {
       return null;
     };
-    O = {
-      react_stack_bottom_frame: function(e) {
-        return e();
+    v = {
+      react_stack_bottom_frame: function(n) {
+        return n();
       }
     };
-    var U, V = {}, q = O.react_stack_bottom_frame.bind(
-      O,
-      g
-    )(), G = j(v(g)), J = {};
-    W.Fragment = P, W.jsx = function(e, t, a) {
-      var s = 1e4 > H.recentlyCreatedOwnerStacks++;
-      return Y(
-        e,
-        t,
-        a,
+    var N, le = {}, ce = v.react_stack_bottom_frame.bind(
+      v,
+      c
+    )(), Z = q(r(c)), be = {};
+    ae.Fragment = S, ae.jsx = function(n, k, z) {
+      var T = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return j(
+        n,
+        k,
+        z,
         !1,
-        s ? Error("react-stack-top-frame") : q,
-        s ? j(v(e)) : G
+        T ? Error("react-stack-top-frame") : ce,
+        T ? q(r(n)) : Z
       );
-    }, W.jsxs = function(e, t, a) {
-      var s = 1e4 > H.recentlyCreatedOwnerStacks++;
-      return Y(
-        e,
-        t,
-        a,
+    }, ae.jsxs = function(n, k, z) {
+      var T = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return j(
+        n,
+        k,
+        z,
         !0,
-        s ? Error("react-stack-top-frame") : q,
-        s ? j(v(e)) : G
+        T ? Error("react-stack-top-frame") : ce,
+        T ? q(r(n)) : Z
       );
     };
-  }()), W;
+  }()), ae;
 }
-process.env.NODE_ENV === "production" ? L.exports = he() : L.exports = ye();
-var pe = L.exports;
-const y = {
+process.env.NODE_ENV === "production" ? me.exports = Ie() : me.exports = ze();
+var e = me.exports;
+const _ = {
   50: "#fdecec",
   100: "#fac5c5",
   200: "#f8a9a9",
@@ -285,7 +285,7 @@ const y = {
   700: "#aa3030",
   800: "#832525",
   900: "#641d1d"
-}, S = {
+}, Q = {
   50: "#fdf1e6",
   100: "#f8d4b0",
   200: "#f4bf8a",
@@ -296,7 +296,7 @@ const y = {
   700: "#a45200",
   800: "#7f3f00",
   900: "#613000"
-}, p = {
+}, Y = {
   50: "#fef7e6",
   100: "#fae7b0",
   200: "#f8db8a",
@@ -307,7 +307,7 @@ const y = {
   700: "#aa7e00",
   800: "#846100",
   900: "#654a00"
-}, h = {
+}, X = {
   50: "#e7f7ed",
   100: "#b3e6c6",
   200: "#8fd9aa",
@@ -318,7 +318,7 @@ const y = {
   700: "#087b32",
   800: "#065f27",
   900: "#05491e"
-}, Q = {
+}, ye = {
   50: "#e6fdfe",
   100: "#b1f7fc",
   200: "#8bf4fb",
@@ -329,7 +329,7 @@ const y = {
   700: "#01a3af",
   800: "#017f87",
   900: "#016167"
-}, Se = {
+}, ee = {
   50: "#e6f8f6",
   100: "#b0ebe4",
   200: "#8ae1d7",
@@ -340,7 +340,7 @@ const y = {
   700: "#018677",
   800: "#01685c",
   900: "#004f46"
-}, d = {
+}, y = {
   50: "#eaf5ff",
   100: "#bee1ff",
   200: "#9fd2ff",
@@ -351,7 +351,7 @@ const y = {
   700: "#216fb5",
   800: "#19568c",
   900: "#13426b"
-}, l = {
+}, d = {
   50: "#eff0f2",
   100: "#cfd1d5",
   200: "#b7bac1",
@@ -362,7 +362,7 @@ const y = {
   700: "#464b56",
   800: "#363a43",
   900: "#2a2d33"
-}, A = {
+}, W = {
   50: "#fcfdfd",
   100: "#f7f8f9",
   200: "#f3f4f6",
@@ -373,206 +373,56 @@ const y = {
   700: "#a3a4a7",
   800: "#7e7f81",
   900: "#606163"
-}, ke = {
+}, oe = {
   50: "#f9fafb",
-  100: "#f3f4f6",
-  200: "#e5e7eb",
-  300: "#d1d5db",
-  400: "#9ca3af",
-  500: "#6b7280",
-  600: "#4b5563",
-  700: "#374151",
-  800: "#1f2937",
-  900: "#111827"
-}, Ee = {
-  50: "#e8f4f7",
-  100: "#c6e4eb",
-  200: "#a3d4df",
-  300: "#81c4d3",
-  400: "#5eb4c7",
-  500: "#3ca4bb",
-  600: "#358fa3",
-  700: "#2d7a8b",
-  800: "#256573",
-  900: "#1e505b"
-}, w = "#ffffff", K = "#000000", Pe = {
-  red: y,
-  orange: S,
-  yellow: p,
-  green: h,
-  cyan: Q,
-  teal: Se,
-  brandblue: d,
-  slate: l,
-  lightgrey: A,
-  grey: ke,
-  deepocean: Ee,
-  white: w,
-  black: K
-}, Re = d, _e = l, ve = h, Te = p, Fe = y, xe = Q, Me = {
-  primary: Re,
-  neutral: _e,
-  success: ve,
-  warning: Te,
-  error: Fe,
-  info: xe
-}, m = {
-  light: {
-    default: w,
-    // App main background
-    secondary: A[100],
-    // Secondary background, for containers/cards
-    tertiary: A[200],
-    // Tertiary, for input backgrounds, card hover states
-    overlay: l[900],
-    // Overlay backgrounds, for modals
-    disabled: A[300],
-    // Disabled states, for non-interactive elements
-    success: h[50],
-    // Success background
-    error: y[50],
-    // Error background
-    warning: p[50],
-    // Warning background
-    brand: d[500],
-    // Brand background, for Primary Button
-    brandSubtle: d[50],
-    // Subtle brand background
-    accent: S[500],
-    // Accent background
-    accent2: S[500]
-    // Accent 2 background
-  },
-  dark: {
-    default: l[900],
-    // App main background
-    secondary: l[800],
-    // Secondary background
-    tertiary: l[700],
-    // Tertiary background
-    overlay: K,
-    // Overlay backgrounds
-    disabled: l[700],
-    // Disabled states
-    success: h[900],
-    // Success background
-    error: y[900],
-    // Error background
-    warning: p[900],
-    // Warning background
-    brand: d[500],
-    // Brand background
-    brandSubtle: d[900],
-    // Subtle brand background
-    accent: S[500],
-    // Accent background
-    accent2: S[500]
-    // Accent 2 background
-  }
-}, u = {
-  light: {
-    primary: l[900],
-    // Main text, body content, high contrast
-    secondary: l[600],
-    // Secondary text, for supporting info
-    tertiary: l[500],
-    // Tertiary text, for metadata
-    disabled: l[400],
-    // Disabled text, non-interactive
-    placeholder: l[400],
-    // Placeholder text, for input hints
-    success: h[600],
-    // Success text
-    error: y[600],
-    // Error text, for error messages
-    warning: p[700],
-    // Warning text
-    link: d[500],
-    // Link text, for navigation
-    brand: d[500],
-    // Brand text
-    onBrand: w,
-    // Text on brand backgrounds
-    pokerCall: h[500],
-    // Poker call text
-    pokerRaise: S[500]
-    // Poker raise text
-  },
-  dark: {
-    primary: w,
-    // Main text
-    secondary: l[300],
-    // Secondary text
-    tertiary: l[400],
-    // Tertiary text
-    disabled: l[500],
-    // Disabled text
-    placeholder: l[500],
-    // Placeholder text
-    success: h[400],
-    // Success text
-    error: y[400],
-    // Error text
-    warning: p[400],
-    // Warning text
-    link: d[400],
-    // Link text
-    brand: d[400],
-    // Brand text
-    onBrand: w,
-    // Text on brand backgrounds
-    pokerCall: h[400],
-    // Poker call text
-    pokerRaise: S[400]
-    // Poker raise text
-  }
-}, k = {
-  light: {
-    primary: l[300],
-    // Main borders
-    subtle: l[200],
-    // Subtle borders
-    focus: d[500],
-    // Focus ring
-    success: h[500],
-    // Success borders
-    error: y[500],
-    // Error borders
-    warning: p[500]
-    // Warning borders
-  },
-  dark: {
-    primary: l[600],
-    // Main borders
-    subtle: l[700],
-    // Subtle borders
-    focus: d[400],
-    // Focus ring
-    success: h[400],
-    // Success borders
-    error: y[400],
-    // Error borders
-    warning: p[400]
-    // Warning borders
-  }
-}, He = {
-  background: m,
-  text: u,
-  border: k
-}, je = m.light.default, Ce = m.light.secondary, Ne = m.light.tertiary, Le = m.light.overlay, Ye = m.light.disabled, Be = m.light.success, $e = m.light.error, De = m.light.warning, We = m.light.brand, Ie = m.light.brandSubtle, Ue = m.light.accent, Ve = u.light.primary, qe = u.light.secondary, Ge = u.light.tertiary, Je = u.light.disabled, Xe = u.light.placeholder, Ze = u.light.success, Qe = u.light.error, Ke = u.light.warning, et = u.light.link, tt = u.light.brand, we = u.light.onBrand, ot = k.light.primary, nt = k.light.subtle, rt = k.light.focus, it = k.light.success, at = k.light.error, lt = k.light.warning, o = {
+  100: "#cdcdcd",
+  200: "#b5b5b5",
+  300: "#939393",
+  400: "#7e7e7e",
+  500: "#5e5e5e",
+  600: "#565656",
+  700: "#434343",
+  800: "#343434",
+  900: "#0f0f0f"
+}, K = {
+  50: "#e8ebee",
+  100: "#b9c0cb",
+  200: "#97a2b2",
+  300: "#68788f",
+  400: "#4a5d79",
+  500: "#1d3558",
+  600: "#1a3050",
+  700: "#15263e",
+  800: "#101d30",
+  900: "#071427"
+}, h = "#ffffff", Fe = "#000000", rt = {
+  red: _,
+  orange: Q,
+  yellow: Y,
+  green: X,
+  cyan: ye,
+  teal: ee,
+  brandblue: y,
+  slate: d,
+  lightgrey: W,
+  grey: oe,
+  deepocean: K,
+  white: h,
+  black: Fe
+}, l = {
   main: "'Inter', 'Noto Sans TC', -apple-system, BlinkMacSystemFont, Roboto, sans-serif",
   mono: "'SF Mono', 'Fira Code', 'Fira Mono', Menlo, Consolas, monospace"
-}, n = {
+}, s = {
   regular: 400,
   medium: 500,
   semibold: 600,
   bold: 700
-}, r = {
+}, p = {
   tight: 1.2,
   // 120% - for body text, dense content
   normal: 1.5
   // 150% - for headings, readable content
-}, i = {
+}, w = {
   // Mobile Scale
   mobile: {
     display: 28,
@@ -595,288 +445,2192 @@ const y = {
     caption: 12,
     poker: 10
   }
-}, Oe = {
+}, Te = {
   display: {
-    fontSize: i.mobile.display,
-    fontWeight: n.semibold,
-    lineHeight: r.normal,
-    fontFamily: o.main
+    fontSize: w.mobile.display,
+    fontWeight: s.semibold,
+    lineHeight: p.normal,
+    fontFamily: l.main
   },
   h1: {
-    fontSize: i.mobile.h1,
-    fontWeight: n.semibold,
-    lineHeight: r.normal,
-    fontFamily: o.main
+    fontSize: w.mobile.h1,
+    fontWeight: s.semibold,
+    lineHeight: p.normal,
+    fontFamily: l.main
   },
   h2: {
-    fontSize: i.mobile.h2,
-    fontWeight: n.semibold,
-    lineHeight: r.normal,
-    fontFamily: o.main
+    fontSize: w.mobile.h2,
+    fontWeight: s.semibold,
+    lineHeight: p.normal,
+    fontFamily: l.main
   },
   bodyLgBold: {
-    fontSize: i.mobile.bodyLg,
-    fontWeight: n.bold,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.mobile.bodyLg,
+    fontWeight: s.bold,
+    lineHeight: p.tight,
+    fontFamily: l.main
   },
   bodyLgMedium: {
-    fontSize: i.mobile.bodyLg,
-    fontWeight: n.medium,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.mobile.bodyLg,
+    fontWeight: s.medium,
+    lineHeight: p.tight,
+    fontFamily: l.main
   },
   bodyLgRegular: {
-    fontSize: i.mobile.bodyLg,
-    fontWeight: n.regular,
-    lineHeight: r.normal,
-    fontFamily: o.main
+    fontSize: w.mobile.bodyLg,
+    fontWeight: s.regular,
+    lineHeight: p.normal,
+    fontFamily: l.main
   },
   bodyMdSemiBold: {
-    fontSize: i.mobile.bodyMd,
-    fontWeight: n.semibold,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.mobile.bodyMd,
+    fontWeight: s.semibold,
+    lineHeight: p.tight,
+    fontFamily: l.main
   },
   bodyMdMedium: {
-    fontSize: i.mobile.bodyMd,
-    fontWeight: n.medium,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.mobile.bodyMd,
+    fontWeight: s.medium,
+    lineHeight: p.tight,
+    fontFamily: l.main
   },
   bodyMdRegular: {
-    fontSize: i.mobile.bodyMd,
-    fontWeight: n.regular,
-    lineHeight: r.normal,
-    fontFamily: o.main
+    fontSize: w.mobile.bodyMd,
+    fontWeight: s.regular,
+    lineHeight: p.normal,
+    fontFamily: l.main
   },
   bodySmSemiBold: {
-    fontSize: i.mobile.bodySm,
-    fontWeight: n.semibold,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.mobile.bodySm,
+    fontWeight: s.semibold,
+    lineHeight: p.tight,
+    fontFamily: l.main
   },
   bodySmMedium: {
-    fontSize: i.mobile.bodySm,
-    fontWeight: n.medium,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.mobile.bodySm,
+    fontWeight: s.medium,
+    lineHeight: p.tight,
+    fontFamily: l.main
   },
   bodySmRegular: {
-    fontSize: i.mobile.bodySm,
-    fontWeight: n.regular,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.mobile.bodySm,
+    fontWeight: s.regular,
+    lineHeight: p.tight,
+    fontFamily: l.main
   },
   captionSemiBold: {
-    fontSize: i.mobile.caption,
-    fontWeight: n.semibold,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.mobile.caption,
+    fontWeight: s.semibold,
+    lineHeight: p.tight,
+    fontFamily: l.main
   },
   captionMedium: {
-    fontSize: i.mobile.caption,
-    fontWeight: n.medium,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.mobile.caption,
+    fontWeight: s.medium,
+    lineHeight: p.tight,
+    fontFamily: l.main
   },
   captionRegular: {
-    fontSize: i.mobile.caption,
-    fontWeight: n.regular,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.mobile.caption,
+    fontWeight: s.regular,
+    lineHeight: p.tight,
+    fontFamily: l.main
   },
   pokerMedium: {
-    fontSize: i.mobile.poker,
-    fontWeight: n.medium,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.mobile.poker,
+    fontWeight: s.medium,
+    lineHeight: p.tight,
+    fontFamily: l.main
   }
-}, ze = {
+}, Ee = {
   display: {
-    fontSize: i.desktop.display,
-    fontWeight: n.semibold,
-    lineHeight: r.normal,
-    fontFamily: o.main
+    fontSize: w.desktop.display,
+    fontWeight: s.semibold,
+    lineHeight: p.normal,
+    fontFamily: l.main
   },
   h1: {
-    fontSize: i.desktop.h1,
-    fontWeight: n.semibold,
-    lineHeight: r.normal,
-    fontFamily: o.main
+    fontSize: w.desktop.h1,
+    fontWeight: s.semibold,
+    lineHeight: p.normal,
+    fontFamily: l.main
   },
   h2: {
-    fontSize: i.desktop.h2,
-    fontWeight: n.semibold,
-    lineHeight: r.normal,
-    fontFamily: o.main
+    fontSize: w.desktop.h2,
+    fontWeight: s.semibold,
+    lineHeight: p.normal,
+    fontFamily: l.main
   },
   bodyLgBold: {
-    fontSize: i.desktop.bodyLg,
-    fontWeight: n.bold,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.desktop.bodyLg,
+    fontWeight: s.bold,
+    lineHeight: p.tight,
+    fontFamily: l.main
   },
   bodyLgMedium: {
-    fontSize: i.desktop.bodyLg,
-    fontWeight: n.medium,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.desktop.bodyLg,
+    fontWeight: s.medium,
+    lineHeight: p.tight,
+    fontFamily: l.main
   },
   bodyLgRegular: {
-    fontSize: i.desktop.bodyLg,
-    fontWeight: n.regular,
-    lineHeight: r.normal,
-    fontFamily: o.main
+    fontSize: w.desktop.bodyLg,
+    fontWeight: s.regular,
+    lineHeight: p.normal,
+    fontFamily: l.main
   },
   bodyMdSemiBold: {
-    fontSize: i.desktop.bodyMd,
-    fontWeight: n.semibold,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.desktop.bodyMd,
+    fontWeight: s.semibold,
+    lineHeight: p.tight,
+    fontFamily: l.main
   },
   bodyMdMedium: {
-    fontSize: i.desktop.bodyMd,
-    fontWeight: n.medium,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.desktop.bodyMd,
+    fontWeight: s.medium,
+    lineHeight: p.tight,
+    fontFamily: l.main
   },
   bodyMdRegular: {
-    fontSize: i.desktop.bodyMd,
-    fontWeight: n.regular,
-    lineHeight: r.normal,
-    fontFamily: o.main
+    fontSize: w.desktop.bodyMd,
+    fontWeight: s.regular,
+    lineHeight: p.normal,
+    fontFamily: l.main
   },
   bodySmSemiBold: {
-    fontSize: i.desktop.bodySm,
-    fontWeight: n.semibold,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.desktop.bodySm,
+    fontWeight: s.semibold,
+    lineHeight: p.tight,
+    fontFamily: l.main
   },
   bodySmMedium: {
-    fontSize: i.desktop.bodySm,
-    fontWeight: n.medium,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.desktop.bodySm,
+    fontWeight: s.medium,
+    lineHeight: p.tight,
+    fontFamily: l.main
   },
   bodySmRegular: {
-    fontSize: i.desktop.bodySm,
-    fontWeight: n.regular,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.desktop.bodySm,
+    fontWeight: s.regular,
+    lineHeight: p.tight,
+    fontFamily: l.main
   },
   captionSemiBold: {
-    fontSize: i.desktop.caption,
-    fontWeight: n.semibold,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.desktop.caption,
+    fontWeight: s.semibold,
+    lineHeight: p.tight,
+    fontFamily: l.main
   },
   captionMedium: {
-    fontSize: i.desktop.caption,
-    fontWeight: n.medium,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.desktop.caption,
+    fontWeight: s.medium,
+    lineHeight: p.tight,
+    fontFamily: l.main
   },
   captionRegular: {
-    fontSize: i.desktop.caption,
-    fontWeight: n.regular,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.desktop.caption,
+    fontWeight: s.regular,
+    lineHeight: p.tight,
+    fontFamily: l.main
   },
   pokerMedium: {
-    fontSize: i.desktop.poker,
-    fontWeight: n.medium,
-    lineHeight: r.tight,
-    fontFamily: o.main
+    fontSize: w.desktop.poker,
+    fontWeight: s.medium,
+    lineHeight: p.tight,
+    fontFamily: l.main
+  }
+}, lt = {
+  fontFamily: l,
+  fontWeight: s,
+  lineHeight: p,
+  fontSize: w,
+  mobile: Te,
+  desktop: Ee
+}, st = (t) => ({
+  fontSize: `${t.fontSize}px`,
+  fontWeight: t.fontWeight,
+  lineHeight: t.lineHeight,
+  fontFamily: t.fontFamily
+}), m = {
+  p0: "0rem",
+  // 0px
+  p1: "0.25rem",
+  // 4px
+  p2: "0.5rem",
+  // 8px
+  p3: "0.75rem",
+  // 12px
+  p4: "1rem",
+  // 16px
+  p5: "1.25rem",
+  // 20px
+  p6: "1.5rem",
+  // 24px
+  p7: "1.75rem",
+  // 28px
+  p8: "2rem",
+  // 32px
+  p9: "2.25rem",
+  // 36px
+  p10: "2.5rem",
+  // 40px
+  p11: "2.75rem",
+  // 44px
+  p12: "3rem"
+  // 48px
+}, $ = {
+  xs: "0.25rem",
+  // 4px
+  sm: "0.5rem",
+  // 8px
+  md: "0.75rem",
+  // 12px
+  lg: "1rem",
+  // 16px
+  xl: "1.75rem",
+  // 28px
+  rounded: "624.9375rem"
+  // Pill
+}, at = {
+  spacing: m,
+  radius: $
+}, _e = {
+  default: {
+    background: y[500],
+    color: h
+  },
+  positive: {
+    background: X[500],
+    color: h
+  },
+  warning: {
+    background: Y[500],
+    color: h
+  },
+  error: {
+    background: _[500],
+    color: h
+  },
+  neutral: {
+    background: W[300],
+    color: d[400]
+  },
+  outline: {
+    background: "transparent",
+    color: d[700],
+    border: `1px solid ${W[400]}`
   }
-}, st = {
-  fontFamily: o,
-  fontWeight: n,
-  lineHeight: r,
-  fontSize: i,
-  mobile: Oe,
-  desktop: ze
-}, ft = (c) => ({
-  fontSize: `${c.fontSize}px`,
-  fontWeight: c.fontWeight,
-  lineHeight: c.lineHeight,
-  fontFamily: c.fontFamily
-}), ct = ({ label: c, ...E }) => /* @__PURE__ */ pe.jsx(
-  "button",
+}, Be = ({ color: t }) => /* @__PURE__ */ e.jsx(
+  "svg",
   {
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    style: { display: "block" },
+    children: /* @__PURE__ */ e.jsx(
+      "path",
+      {
+        d: "M9 3L3 9M3 3L9 9",
+        stroke: t,
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+), dt = ({
+  label: t,
+  type: o = "default",
+  leftIcon: a,
+  rightIcon: r,
+  onClose: i,
+  style: c,
+  ...g
+}) => {
+  const f = _e[o], b = o === "outline" ? d[700] : o === "neutral" ? d[400] : h, u = {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "4px",
+    padding: "4px 8px",
+    borderRadius: $.rounded,
+    backgroundColor: f.background,
+    color: f.color,
+    border: f.border || "none",
+    fontFamily: l.main,
+    fontSize: "10px",
+    fontWeight: s.medium,
+    lineHeight: p.tight,
+    whiteSpace: "nowrap",
+    ...c
+  };
+  return /* @__PURE__ */ e.jsxs("span", { style: u, ...g, children: [
+    a && /* @__PURE__ */ e.jsx("span", { style: { display: "flex", alignItems: "center", flexShrink: 0 }, children: a }),
+    /* @__PURE__ */ e.jsx("span", { style: { textAlign: "center" }, children: t }),
+    (r || i) && /* @__PURE__ */ e.jsx(
+      "span",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          flexShrink: 0,
+          cursor: i ? "pointer" : "default"
+        },
+        onClick: i,
+        children: i ? /* @__PURE__ */ e.jsx(Be, { color: b }) : r
+      }
+    )
+  ] });
+}, Oe = {
+  primary: {
+    background: y[500],
+    color: h,
+    hoverOverlay: "rgba(0, 0, 0, 0.1)",
+    pressedOverlay: "rgba(0, 0, 0, 0.2)"
+  },
+  secondary: {
+    background: W[300],
+    color: d[700],
+    hoverOverlay: "rgba(0, 0, 0, 0.05)",
+    pressedOverlay: "rgba(0, 0, 0, 0.1)"
+  },
+  outline: {
+    background: h,
+    color: d[700],
+    border: `1px solid ${W[400]}`,
+    hoverOverlay: "rgba(0, 0, 0, 0.03)",
+    pressedOverlay: "rgba(0, 0, 0, 0.08)"
+  },
+  warning: {
+    background: _[500],
+    color: h,
+    hoverOverlay: "rgba(0, 0, 0, 0.1)",
+    pressedOverlay: "rgba(0, 0, 0, 0.2)"
+  },
+  call: {
+    background: ee[500],
+    color: h,
+    hoverOverlay: "rgba(0, 0, 0, 0.1)",
+    pressedOverlay: "rgba(0, 0, 0, 0.2)"
+  },
+  raise: {
+    background: Q[500],
+    color: h,
+    hoverOverlay: "rgba(0, 0, 0, 0.1)",
+    pressedOverlay: "rgba(0, 0, 0, 0.2)"
+  },
+  disabled: {
+    background: d[100],
+    color: d[200],
+    hoverOverlay: "transparent",
+    pressedOverlay: "transparent"
+  }
+}, Le = {
+  L: {
+    height: 48,
+    paddingX: m.p7,
+    // 28px
+    paddingY: m.p3,
+    // 12px
+    fontSize: 16,
+    iconSize: 24,
+    gap: m.p2
+    // 8px
+  },
+  M: {
+    height: 36,
+    paddingX: m.p5,
+    // 20px
+    paddingY: m.p2,
+    // 8px
+    fontSize: 14,
+    iconSize: 20,
+    gap: m.p1
+    // 4px
+  },
+  S: {
+    height: 24,
+    paddingX: m.p2,
+    // 8px
+    paddingY: m.p1,
+    // 4px
+    fontSize: 12,
+    iconSize: 16,
+    gap: m.p1
+    // 4px
+  }
+}, He = ({ size: t, color: o }) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    width: t,
+    height: t,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
     style: {
-      padding: "10px 20px",
-      backgroundColor: We,
-      color: we,
-      border: "none",
-      borderRadius: "4px",
-      cursor: "pointer"
+      animation: "spin 1s linear infinite"
+    },
+    children: [
+      /* @__PURE__ */ e.jsx("style", { children: "@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }" }),
+      /* @__PURE__ */ e.jsx(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: o,
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeDasharray: "31.4 31.4",
+          opacity: "0.3"
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "path",
+        {
+          d: "M12 2a10 10 0 0 1 10 10",
+          stroke: o,
+          strokeWidth: "2",
+          strokeLinecap: "round"
+        }
+      )
+    ]
+  }
+), ct = ({
+  label: t,
+  variant: o = "primary",
+  size: a = "L",
+  shape: r = "rounded",
+  loading: i = !1,
+  leftIcon: c,
+  rightIcon: g,
+  children: f,
+  disabled: b,
+  style: u,
+  onMouseEnter: j,
+  onMouseLeave: C,
+  onMouseDown: x,
+  onMouseUp: v,
+  ...I
+}) => {
+  const [B, S] = A.useState(!1), [R, O] = A.useState(!1), L = b ? "disabled" : o, F = Oe[L], H = Le[a], D = r === "full-rounded" && !t && !f, U = (N) => {
+    S(!0), j == null || j(N);
+  }, G = (N) => {
+    S(!1), O(!1), C == null || C(N);
+  }, V = (N) => {
+    O(!0), x == null || x(N);
+  }, J = (N) => {
+    O(!1), v == null || v(N);
+  }, M = () => L === "disabled" ? "transparent" : R ? F.pressedOverlay : B ? F.hoverOverlay : "transparent", P = {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: H.gap,
+    height: H.height,
+    padding: D ? `${H.paddingY}` : `${H.paddingY} ${H.paddingX}`,
+    minWidth: D ? H.height : void 0,
+    backgroundColor: F.background,
+    color: F.color,
+    border: F.border || "none",
+    borderRadius: r === "full-rounded" ? $.rounded : $.sm,
+    fontFamily: l.main,
+    fontSize: `${H.fontSize}px`,
+    fontWeight: s.medium,
+    lineHeight: p.tight,
+    cursor: L === "disabled" ? "not-allowed" : "pointer",
+    position: "relative",
+    overflow: "hidden",
+    outline: "none",
+    transition: "background-color 0.15s ease",
+    boxSizing: "border-box",
+    ...u
+  }, te = {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: M(),
+    pointerEvents: "none",
+    transition: "background-color 0.15s ease"
+  }, re = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: H.gap,
+    position: "relative",
+    zIndex: 1
+  }, q = t || f;
+  return /* @__PURE__ */ e.jsxs(
+    "button",
+    {
+      style: P,
+      disabled: b || L === "disabled",
+      onMouseEnter: U,
+      onMouseLeave: G,
+      onMouseDown: V,
+      onMouseUp: J,
+      ...I,
+      children: [
+        /* @__PURE__ */ e.jsx("span", { style: te }),
+        /* @__PURE__ */ e.jsx("span", { style: re, children: i ? /* @__PURE__ */ e.jsx(He, { size: H.iconSize, color: F.color }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          c && /* @__PURE__ */ e.jsx("span", { style: { display: "flex", alignItems: "center", flexShrink: 0 }, children: c }),
+          q && /* @__PURE__ */ e.jsx("span", { children: q }),
+          g && /* @__PURE__ */ e.jsx("span", { style: { display: "flex", alignItems: "center", flexShrink: 0 }, children: g })
+        ] }) })
+      ]
+    }
+  );
+}, Pe = ({ color: t }) => /* @__PURE__ */ e.jsx(
+  "svg",
+  {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    style: { display: "block" },
+    children: /* @__PURE__ */ e.jsx(
+      "rect",
+      {
+        x: "2.5",
+        y: "2.5",
+        width: "15",
+        height: "15",
+        rx: "3",
+        stroke: t,
+        strokeWidth: "1.5",
+        fill: "none"
+      }
+    )
+  }
+), $e = ({ bgColor: t, checkColor: o }) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    style: { display: "block" },
+    children: [
+      /* @__PURE__ */ e.jsx(
+        "rect",
+        {
+          x: "2",
+          y: "2",
+          width: "16",
+          height: "16",
+          rx: "3.5",
+          fill: t
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "path",
+        {
+          d: "M6 10L9 13L14 7",
+          stroke: o,
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+), ft = ({
+  label: t,
+  checked: o,
+  defaultChecked: a,
+  disabled: r,
+  onChange: i,
+  id: c,
+  style: g,
+  ...f
+}) => {
+  const [b, u] = A.useState(a ?? !1), j = o !== void 0 ? o : b, C = c || A.useId(), x = (L) => {
+    o === void 0 && u(L.target.checked), i == null || i(L);
+  }, I = r ? {
+    uncheckedBorder: d[200],
+    checkedBg: d[200],
+    checkmark: h
+  } : {
+    uncheckedBorder: d[700],
+    checkedBg: y[500],
+    checkmark: h
+  }, B = {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: m.p2,
+    cursor: r ? "not-allowed" : "pointer",
+    opacity: r ? 0.6 : 1,
+    ...g
+  }, S = {
+    position: "absolute",
+    opacity: 0,
+    width: 0,
+    height: 0,
+    margin: 0,
+    padding: 0
+  }, R = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0,
+    position: "relative"
+  }, O = {
+    fontFamily: l.main,
+    fontSize: "14px",
+    fontWeight: s.medium,
+    lineHeight: p.tight,
+    color: r ? d[200] : d[700],
+    userSelect: "none"
+  };
+  return /* @__PURE__ */ e.jsxs("label", { style: B, htmlFor: C, children: [
+    /* @__PURE__ */ e.jsxs("span", { style: R, children: [
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          type: "checkbox",
+          id: C,
+          checked: j,
+          disabled: r,
+          onChange: x,
+          style: S,
+          ...f
+        }
+      ),
+      j ? /* @__PURE__ */ e.jsx($e, { bgColor: I.checkedBg, checkColor: I.checkmark }) : /* @__PURE__ */ e.jsx(Pe, { color: I.uncheckedBorder })
+    ] }),
+    t && /* @__PURE__ */ e.jsx("span", { style: O, children: t })
+  ] });
+}, pt = ({
+  orientation: t = "horizontal",
+  color: o = W[400],
+  style: a,
+  ...r
+}) => {
+  const i = {
+    border: "none",
+    margin: 0,
+    flexShrink: 0,
+    ...t === "horizontal" ? {
+      width: "100%",
+      height: "1px",
+      backgroundColor: o
+    } : {
+      width: "1px",
+      height: "100%",
+      backgroundColor: o
     },
-    ...E,
-    children: c
+    ...a
+  };
+  return /* @__PURE__ */ e.jsx("hr", { style: i, ...r });
+}, Me = A.forwardRef(
+  ({
+    label: t,
+    helperText: o,
+    error: a,
+    leftIcon: r,
+    rightIcon: i,
+    shape: c = "rounded",
+    fullWidth: g = !1,
+    disabled: f,
+    value: b,
+    defaultValue: u,
+    onFocus: j,
+    onBlur: C,
+    onChange: x,
+    style: v,
+    ...I
+  }, B) => {
+    const [S, R] = A.useState(!1), [O, L] = A.useState(u ?? ""), F = b !== void 0 ? b : O, H = F !== "" && F !== void 0, D = !!a, U = (Z) => {
+      R(!0), j == null || j(Z);
+    }, G = (Z) => {
+      R(!1), C == null || C(Z);
+    }, V = (Z) => {
+      b === void 0 && L(Z.target.value), x == null || x(Z);
+    }, J = () => f ? W[400] : D ? _[500] : S ? y[500] : W[400], M = () => f ? d[50] : h, P = () => f ? d[200] : H ? oe[900] : d[300], te = {
+      display: "flex",
+      flexDirection: "column",
+      gap: m.p1,
+      width: g ? "100%" : "auto",
+      ...v
+    }, re = {
+      fontFamily: l.main,
+      fontSize: "12px",
+      fontWeight: s.medium,
+      lineHeight: p.tight,
+      color: d[700]
+    }, q = {
+      display: "flex",
+      alignItems: "center",
+      gap: m.p2,
+      padding: m.p3,
+      backgroundColor: M(),
+      border: `1px solid ${J()}`,
+      borderRadius: c === "pill" ? $.rounded : $.sm,
+      transition: "border-color 0.15s ease"
+    }, N = {
+      flex: 1,
+      border: "none",
+      outline: "none",
+      backgroundColor: "transparent",
+      fontFamily: l.main,
+      fontSize: "14px",
+      fontWeight: s.medium,
+      lineHeight: p.tight,
+      color: P(),
+      width: "100%"
+    }, le = {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flexShrink: 0,
+      color: f ? d[200] : d[300]
+    }, ce = {
+      fontFamily: l.main,
+      fontSize: "10px",
+      fontWeight: s.medium,
+      lineHeight: p.tight,
+      color: D ? _[500] : d[300]
+    };
+    return /* @__PURE__ */ e.jsxs("div", { style: te, children: [
+      t && /* @__PURE__ */ e.jsx("label", { style: re, children: t }),
+      /* @__PURE__ */ e.jsxs("div", { style: q, children: [
+        r && /* @__PURE__ */ e.jsx("span", { style: le, children: r }),
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            ref: B,
+            style: N,
+            disabled: f,
+            value: F,
+            onFocus: U,
+            onBlur: G,
+            onChange: V,
+            ...I
+          }
+        ),
+        i && /* @__PURE__ */ e.jsx("span", { style: le, children: i })
+      ] }),
+      (o || a) && /* @__PURE__ */ e.jsx("span", { style: ce, children: a || o })
+    ] });
   }
 );
+Me.displayName = "Input";
+const ht = ({
+  min: t = 0,
+  max: o = 100,
+  step: a = 1,
+  value: r,
+  defaultValue: i,
+  onChange: c,
+  showLabels: g = !1,
+  formatLabel: f = (x) => String(x),
+  showInputs: b = !1,
+  disabled: u,
+  style: j,
+  ...C
+}) => {
+  const [x, v] = A.useState(i ?? t), I = r !== void 0 ? r : x, B = (M) => {
+    const P = Number(M.target.value);
+    r === void 0 && v(P), c == null || c(P);
+  }, S = (M) => {
+    const P = Math.min(o, Math.max(t, M));
+    r === void 0 && v(P), c == null || c(P);
+  }, R = (I - t) / (o - t) * 100, O = {
+    display: "flex",
+    flexDirection: "column",
+    gap: m.p2,
+    width: "100%",
+    ...j
+  }, L = {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center"
+  }, F = {
+    display: "flex",
+    alignItems: "center",
+    padding: `${m.p2} ${m.p3}`,
+    border: `1px solid ${W[400]}`,
+    borderRadius: "8px",
+    backgroundColor: h,
+    fontFamily: l.main,
+    fontSize: "12px",
+    fontWeight: s.medium,
+    lineHeight: p.tight,
+    color: "#0f0f0f",
+    minWidth: "60px",
+    textAlign: "center"
+  }, H = {
+    position: "relative",
+    width: "100%",
+    height: "20px",
+    display: "flex",
+    alignItems: "center"
+  }, D = {
+    position: "absolute",
+    width: "100%",
+    height: "4px",
+    backgroundColor: W[300],
+    borderRadius: "2px"
+  }, U = {
+    position: "absolute",
+    width: `${R}%`,
+    height: "4px",
+    backgroundColor: u ? W[400] : y[500],
+    borderRadius: "2px"
+  }, G = {
+    position: "absolute",
+    width: "100%",
+    height: "20px",
+    opacity: 0,
+    cursor: u ? "not-allowed" : "pointer",
+    margin: 0,
+    zIndex: 2
+  }, J = {
+    position: "absolute",
+    left: `calc(${R}% - 10px)`,
+    width: "20px",
+    height: "20px",
+    backgroundColor: h,
+    border: `2px solid ${u ? W[400] : y[500]}`,
+    borderRadius: "50%",
+    pointerEvents: "none",
+    transition: "transform 0.1s ease",
+    boxShadow: "0 2px 4px rgba(0,0,0,0.1)"
+  };
+  return /* @__PURE__ */ e.jsxs("div", { style: O, children: [
+    (g || b) && /* @__PURE__ */ e.jsxs("div", { style: L, children: [
+      b ? /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          type: "text",
+          value: f(t),
+          readOnly: !0,
+          style: F
+        }
+      ) : /* @__PURE__ */ e.jsx("span", { style: { ...F, border: "none", padding: 0, minWidth: "auto" }, children: f(t) }),
+      b ? /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          type: "text",
+          value: f(I),
+          onChange: (M) => {
+            const P = parseFloat(M.target.value.replace(/[^0-9.-]/g, ""));
+            isNaN(P) || S(P);
+          },
+          style: F,
+          disabled: u
+        }
+      ) : null,
+      b ? /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          type: "text",
+          value: f(o),
+          readOnly: !0,
+          style: F
+        }
+      ) : /* @__PURE__ */ e.jsx("span", { style: { ...F, border: "none", padding: 0, minWidth: "auto" }, children: f(o) })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { style: H, children: [
+      /* @__PURE__ */ e.jsx("div", { style: D }),
+      /* @__PURE__ */ e.jsx("div", { style: U }),
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          type: "range",
+          min: t,
+          max: o,
+          step: a,
+          value: I,
+          onChange: B,
+          disabled: u,
+          style: G,
+          ...C
+        }
+      ),
+      /* @__PURE__ */ e.jsx("div", { style: J })
+    ] })
+  ] });
+}, ut = ({
+  checked: t,
+  defaultChecked: o = !1,
+  onChange: a,
+  leftLabel: r,
+  rightLabel: i,
+  size: c = "md",
+  disabled: g,
+  style: f,
+  id: b,
+  ...u
+}) => {
+  const [j, C] = A.useState(o), x = t !== void 0 ? t : j, v = b || A.useId(), I = (J) => {
+    const M = J.target.checked;
+    t === void 0 && C(M), a == null || a(M);
+  }, B = {
+    sm: { width: 36, height: 20, thumbSize: 16 },
+    md: { width: 44, height: 24, thumbSize: 20 }
+  }, { width: S, height: R, thumbSize: O } = B[c], L = 2, F = S - O - L * 2, H = {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: m.p2,
+    cursor: g ? "not-allowed" : "pointer",
+    opacity: g ? 0.6 : 1,
+    ...f
+  }, D = {
+    fontFamily: l.main,
+    fontSize: "14px",
+    fontWeight: s.medium,
+    lineHeight: p.tight,
+    color: d[700],
+    userSelect: "none"
+  }, U = {
+    position: "relative",
+    width: `${S}px`,
+    height: `${R}px`,
+    backgroundColor: x ? y[500] : W[300],
+    borderRadius: `${R / 2}px`,
+    transition: "background-color 0.2s ease",
+    flexShrink: 0
+  }, G = {
+    position: "absolute",
+    top: `${L}px`,
+    left: `${L}px`,
+    width: `${O}px`,
+    height: `${O}px`,
+    backgroundColor: h,
+    borderRadius: "50%",
+    boxShadow: "0 2px 4px rgba(0, 0, 0, 0.2)",
+    transform: x ? `translateX(${F}px)` : "translateX(0)",
+    transition: "transform 0.2s ease"
+  }, V = {
+    position: "absolute",
+    opacity: 0,
+    width: 0,
+    height: 0
+  };
+  return /* @__PURE__ */ e.jsxs("label", { style: H, htmlFor: v, children: [
+    r && /* @__PURE__ */ e.jsx("span", { style: D, children: r }),
+    /* @__PURE__ */ e.jsxs("div", { style: U, children: [
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          type: "checkbox",
+          id: v,
+          checked: x,
+          onChange: I,
+          disabled: g,
+          style: V,
+          ...u
+        }
+      ),
+      /* @__PURE__ */ e.jsx("div", { style: G })
+    ] }),
+    i && /* @__PURE__ */ e.jsx("span", { style: D, children: i })
+  ] });
+}, gt = ({
+  items: t,
+  activeTab: o,
+  defaultActiveTab: a,
+  onChange: r,
+  variant: i = "default",
+  tool: c,
+  style: g,
+  ...f
+}) => {
+  const [b, u] = A.useState(
+    a || (t.length > 0 ? t[0].id : "")
+  ), j = o !== void 0 ? o : b, C = (S, R) => {
+    R || (o === void 0 && u(S), r == null || r(S));
+  }, x = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: i === "text" && c ? "space-between" : "flex-start",
+    gap: i === "text" ? m.p2 : m.p1,
+    backgroundColor: i === "default" ? W[100] : "transparent",
+    borderRadius: i === "default" ? $.sm : 0,
+    padding: i === "default" ? m.p1 : 0,
+    ...g
+  }, v = {
+    display: "flex",
+    alignItems: "center",
+    gap: i === "text" ? m.p2 : m.p1,
+    flex: i === "default" ? 1 : "none"
+  }, I = (S, R) => i === "text" ? {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: `${m.p3} ${m.p2}`,
+    backgroundColor: "transparent",
+    border: "none",
+    borderBottom: S ? `2px solid ${y[500]}` : "2px solid transparent",
+    fontFamily: l.main,
+    fontSize: "14px",
+    fontWeight: s.medium,
+    lineHeight: p.tight,
+    color: S ? y[600] : d[400],
+    cursor: R ? "not-allowed" : "pointer",
+    opacity: R ? 0.5 : 1,
+    transition: "color 0.15s ease, border-color 0.15s ease",
+    whiteSpace: "nowrap"
+  } : {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flex: 1,
+    padding: `${m.p3} ${m.p2}`,
+    backgroundColor: S ? y[500] : "transparent",
+    border: "none",
+    borderRadius: $.sm,
+    fontFamily: l.main,
+    fontSize: "14px",
+    fontWeight: s.medium,
+    lineHeight: p.tight,
+    color: S ? h : d[400],
+    cursor: R ? "not-allowed" : "pointer",
+    opacity: R ? 0.5 : 1,
+    transition: "background-color 0.15s ease, color 0.15s ease",
+    whiteSpace: "nowrap"
+  }, B = {
+    fontFamily: l.main,
+    fontSize: "10px",
+    fontWeight: s.medium,
+    lineHeight: p.tight,
+    color: d[300]
+  };
+  return /* @__PURE__ */ e.jsxs("div", { style: x, ...f, children: [
+    /* @__PURE__ */ e.jsx("div", { style: v, children: t.map((S) => /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        style: I(j === S.id, S.disabled),
+        onClick: () => C(S.id, S.disabled),
+        disabled: S.disabled,
+        type: "button",
+        children: S.label
+      },
+      S.id
+    )) }),
+    c && /* @__PURE__ */ e.jsx("div", { style: B, children: c })
+  ] });
+}, Ae = ({ color: t }) => /* @__PURE__ */ e.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ e.jsx(
+    "path",
+    {
+      d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
+      stroke: t,
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ e.jsx("path", { d: "M12 16V12", stroke: t, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M12 8H12.01", stroke: t, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+] }), De = ({ color: t }) => /* @__PURE__ */ e.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ e.jsx(
+    "path",
+    {
+      d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
+      stroke: t,
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ e.jsx("path", { d: "M9 12L11 14L15 10", stroke: t, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+] }), Ne = ({ color: t }) => /* @__PURE__ */ e.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ e.jsx(
+    "path",
+    {
+      d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
+      stroke: t,
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ e.jsx("path", { d: "M15 9L9 15", stroke: t, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M9 9L15 15", stroke: t, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+] }), Xe = {
+  neutral: {
+    iconColor: oe[900],
+    textColor: oe[900],
+    buttonBg: W[300],
+    buttonText: d[700],
+    Icon: null
+  },
+  info: {
+    iconColor: y[500],
+    textColor: y[500],
+    buttonBg: y[500],
+    buttonText: h,
+    Icon: Ae
+  },
+  success: {
+    iconColor: X[600],
+    textColor: X[600],
+    buttonBg: X[500],
+    buttonText: h,
+    Icon: De
+  },
+  alert: {
+    iconColor: _[500],
+    textColor: _[500],
+    buttonBg: _[500],
+    buttonText: h,
+    Icon: Ne
+  }
+}, mt = ({
+  title: t,
+  description: o,
+  type: a = "neutral",
+  actionLabel: r,
+  onAction: i,
+  onClose: c,
+  style: g,
+  ...f
+}) => {
+  const b = Xe[a], u = b.Icon, j = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: m.p3,
+    padding: m.p4,
+    backgroundColor: h,
+    borderRadius: $.sm,
+    boxShadow: "0 4px 12px rgba(13, 10, 44, 0.06)",
+    minWidth: "300px",
+    ...g
+  }, C = {
+    display: "flex",
+    alignItems: "center",
+    gap: m.p2
+  }, x = {
+    display: "flex",
+    flexDirection: "column",
+    gap: "4px"
+  }, v = {
+    fontFamily: l.main,
+    fontSize: "14px",
+    fontWeight: s.semibold,
+    lineHeight: p.tight,
+    color: a === "neutral" ? oe[900] : b.textColor,
+    margin: 0
+  }, I = {
+    fontFamily: l.main,
+    fontSize: "12px",
+    fontWeight: s.regular,
+    lineHeight: p.tight,
+    color: a === "neutral" ? d[400] : b.textColor,
+    margin: 0
+  }, B = {
+    display: "flex",
+    alignItems: "center",
+    gap: m.p2
+  }, S = {
+    padding: `${m.p1} ${m.p2}`,
+    backgroundColor: b.buttonBg,
+    color: b.buttonText,
+    border: "none",
+    borderRadius: $.xs,
+    fontFamily: l.main,
+    fontSize: "12px",
+    fontWeight: s.medium,
+    lineHeight: p.tight,
+    cursor: "pointer"
+  };
+  return /* @__PURE__ */ e.jsxs("div", { style: j, ...f, children: [
+    /* @__PURE__ */ e.jsxs("div", { style: C, children: [
+      u && /* @__PURE__ */ e.jsx(u, { color: b.iconColor }),
+      /* @__PURE__ */ e.jsxs("div", { style: x, children: [
+        /* @__PURE__ */ e.jsx("p", { style: v, children: t }),
+        o && /* @__PURE__ */ e.jsx("p", { style: I, children: o })
+      ] })
+    ] }),
+    (r || c) && /* @__PURE__ */ e.jsx("div", { style: B, children: r && i && /* @__PURE__ */ e.jsx("button", { style: S, onClick: i, children: r }) })
+  ] });
+}, Ve = ({
+  label: t,
+  selected: o,
+  defaultSelected: a = !1,
+  onChange: r,
+  rightIcon: i,
+  disabled: c,
+  style: g,
+  ...f
+}) => {
+  const [b, u] = A.useState(a), j = o !== void 0 ? o : b, C = () => {
+    if (c) return;
+    const I = !j;
+    o === void 0 && u(I), r == null || r(I);
+  }, x = {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: m.p1,
+    padding: `${m.p2} ${m.p3}`,
+    backgroundColor: j ? y[50] : W[100],
+    border: `1px solid ${j ? y[100] : W[300]}`,
+    borderRadius: $.sm,
+    fontFamily: l.main,
+    fontSize: "12px",
+    fontWeight: s.medium,
+    lineHeight: p.tight,
+    color: j ? y[500] : d[700],
+    cursor: c ? "not-allowed" : "pointer",
+    opacity: c ? 0.5 : 1,
+    transition: "background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease",
+    outline: "none",
+    ...g
+  }, v = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0,
+    color: j ? y[500] : d[700]
+  };
+  return /* @__PURE__ */ e.jsxs(
+    "button",
+    {
+      type: "button",
+      style: x,
+      onClick: C,
+      disabled: c,
+      ...f,
+      children: [
+        /* @__PURE__ */ e.jsx("span", { children: t }),
+        i && /* @__PURE__ */ e.jsx("span", { style: v, children: i })
+      ]
+    }
+  );
+}, yt = ({
+  items: t,
+  value: o,
+  defaultValue: a,
+  onChange: r,
+  allowDeselect: i = !1,
+  style: c,
+  ...g
+}) => {
+  const [f, b] = A.useState(a || ""), u = o !== void 0 ? o : f, j = (x) => {
+    let v;
+    u === x && i ? v = "" : v = x, o === void 0 && b(v), r == null || r(v);
+  }, C = {
+    display: "flex",
+    alignItems: "center",
+    gap: m.p2,
+    flexWrap: "wrap",
+    ...c
+  };
+  return /* @__PURE__ */ e.jsx("div", { style: C, ...g, children: t.map((x) => /* @__PURE__ */ e.jsx(
+    Ve,
+    {
+      label: x.label,
+      selected: u === x.id,
+      onChange: () => j(x.id),
+      rightIcon: x.rightIcon,
+      disabled: x.disabled
+    },
+    x.id
+  )) });
+}, ie = {
+  heart: "#ef4444",
+  spade: "#464b56",
+  diamond: "#2e9dff",
+  club: "#01bda7"
+}, ke = ({ color: t = ie.heart, size: o = 18 }) => /* @__PURE__ */ e.jsx("svg", { width: o, height: o, viewBox: "0 0 24 24", fill: t, children: /* @__PURE__ */ e.jsx("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" }) }), je = ({ color: t = ie.spade, size: o = 18 }) => /* @__PURE__ */ e.jsx("svg", { width: o, height: o, viewBox: "0 0 24 24", fill: t, children: /* @__PURE__ */ e.jsx("path", { d: "M12 2C9 7 4 9 4 14c0 2.5 2 4.5 4.5 4.5.83 0 1.61-.21 2.28-.58L10 22h4l-.78-4.08c.67.37 1.45.58 2.28.58C18 18.5 20 16.5 20 14c0-5-5-7-8-12z" }) }), ve = ({ color: t = ie.diamond, size: o = 18 }) => /* @__PURE__ */ e.jsx("svg", { width: o, height: o, viewBox: "0 0 24 24", fill: t, children: /* @__PURE__ */ e.jsx("path", { d: "M12 2L4 12l8 10 8-10L12 2z" }) }), we = ({ color: t = ie.club, size: o = 18 }) => /* @__PURE__ */ e.jsx("svg", { width: o, height: o, viewBox: "0 0 24 24", fill: t, children: /* @__PURE__ */ e.jsx("path", { d: "M12 2c-1.66 0-3 1.34-3 3 0 .93.42 1.76 1.08 2.31C8.3 8.06 7 9.88 7 12c0 2.21 1.79 4 4 4h.5l-.5 4h2l-.5-4h.5c2.21 0 4-1.79 4-4 0-2.12-1.3-3.94-3.08-4.69C14.58 6.76 15 5.93 15 5c0-1.66-1.34-3-3-3z" }) }), Ye = ({ color: t = h[100], size: o = 16 }) => /* @__PURE__ */ e.jsx("svg", { width: o, height: o, viewBox: "0 0 16 16", fill: t, children: /* @__PURE__ */ e.jsx("path", { d: "M8 2v12M2 8h12", stroke: t, strokeWidth: "2", strokeLinecap: "round" }) }), Re = ({
+  state: t = "default",
+  suit: o = "heart",
+  value: a = "7",
+  selected: r = !1,
+  onClick: i,
+  style: c
+}) => {
+  const g = {
+    width: 30,
+    height: 42,
+    borderRadius: $.xs,
+    border: `1px solid ${r ? y[500] : W[300]}`,
+    backgroundColor: h[100],
+    overflow: "hidden",
+    position: "relative",
+    cursor: i ? "pointer" : "default",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    fontFamily: l.main,
+    fontWeight: s.semibold,
+    transition: "border-color 0.15s ease",
+    ...c
+  };
+  if (t === "add")
+    return /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        style: {
+          ...g,
+          backgroundColor: "rgba(110, 179, 220, 0.5)"
+        },
+        onClick: i,
+        children: /* @__PURE__ */ e.jsx(Ye, {})
+      }
+    );
+  if (t === "back")
+    return /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        style: {
+          ...g,
+          background: "linear-gradient(180deg, #4D91CC 0%, #1D3558 100%)"
+        },
+        onClick: i,
+        children: /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            style: {
+              width: "100%",
+              height: "100%",
+              backgroundImage: `repeating-linear-gradient(
+              45deg,
+              transparent,
+              transparent 3px,
+              rgba(255, 255, 255, 0.1) 3px,
+              rgba(255, 255, 255, 0.1) 6px
+            )`
+            }
+          }
+        )
+      }
+    );
+  if (t === "pending") {
+    const u = o === "both";
+    return /* @__PURE__ */ e.jsxs("div", { style: g, onClick: i, children: [
+      u && /* @__PURE__ */ e.jsx(
+        "span",
+        {
+          style: {
+            fontSize: 10,
+            color: d[700],
+            position: "absolute",
+            top: 2,
+            right: 4
+          },
+          children: "x"
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "span",
+        {
+          style: {
+            fontSize: 20,
+            color: d[700],
+            marginTop: u ? 4 : 0
+          },
+          children: "X"
+        }
+      )
+    ] });
+  }
+  if (t === "option") {
+    const u = o === "heart" ? ke : o === "spade" ? je : o === "diamond" ? ve : we, j = ie[o] || d[700];
+    return /* @__PURE__ */ e.jsx("div", { style: g, onClick: i, children: /* @__PURE__ */ e.jsx(u, { color: j, size: 20 }) });
+  }
+  const f = o === "heart" ? ke : o === "spade" ? je : o === "diamond" ? ve : we, b = ie[o] || d[700];
+  return /* @__PURE__ */ e.jsxs("div", { style: g, onClick: i, children: [
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          top: 2,
+          left: "50%",
+          transform: "translateX(-50%)"
+        },
+        children: /* @__PURE__ */ e.jsx(f, { color: b, size: 14 })
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      "span",
+      {
+        style: {
+          fontSize: 20,
+          color: b,
+          marginTop: 8,
+          lineHeight: 1.5
+        },
+        children: a
+      }
+    )
+  ] });
+}, bt = ({ cards: t, gap: o = 2, style: a }) => {
+  const r = {
+    display: "flex",
+    alignItems: "center",
+    gap: o,
+    padding: 4,
+    borderRadius: $.xs,
+    ...a
+  };
+  return /* @__PURE__ */ e.jsx("div", { style: r, children: t.map((i, c) => /* @__PURE__ */ e.jsx(Re, { ...i }, c)) });
+}, pe = ({ rotation: t = 0 }) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    style: {
+      width: 19,
+      height: 27,
+      borderRadius: 3,
+      background: "linear-gradient(180deg, #4D91CC 0%, #1D3558 100%)",
+      border: "1px solid #eaecef",
+      transform: `rotate(${t}deg)`,
+      position: "absolute"
+    }
+  }
+), Ce = ({
+  state: t = "default",
+  isHero: o = !1,
+  playerName: a,
+  selected: r = !1,
+  position: i = "BTN",
+  stack: c = "2,000",
+  cards: g,
+  onClick: f,
+  style: b
+}) => {
+  const u = {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    gap: 3,
+    cursor: f ? "pointer" : "default",
+    ...b
+  }, j = {
+    width: 54,
+    height: 54,
+    borderRadius: "50%",
+    backgroundColor: "#eaf5ff",
+    border: `1px solid ${r ? y[500] : "#bee1ff"}`,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    position: "relative",
+    overflow: "visible"
+  }, C = {
+    backgroundColor: "#eaf5ff",
+    border: "1px solid #bee1ff",
+    borderRadius: $.xs,
+    padding: m.p1,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    minWidth: 50
+  }, x = {
+    fontFamily: l.main,
+    fontWeight: s.semibold,
+    fontSize: 10,
+    lineHeight: 1.2,
+    color: o ? y[500] : d[700]
+  }, v = {
+    fontFamily: l.main,
+    fontWeight: s.medium,
+    fontSize: 8,
+    lineHeight: 1.2,
+    color: "#828894"
+  };
+  return t === "start" ? /* @__PURE__ */ e.jsxs("div", { style: u, onClick: f, children: [
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        style: {
+          ...j,
+          border: `1px solid ${o ? y[500] : "#bee1ff"}`
+        },
+        children: /* @__PURE__ */ e.jsxs(
+          "span",
+          {
+            style: {
+              fontFamily: l.main,
+              fontWeight: s.semibold,
+              fontSize: 10,
+              lineHeight: 1.2,
+              color: "#0f0f0f",
+              textAlign: "center"
+            },
+            children: [
+              "選擇",
+              /* @__PURE__ */ e.jsx("br", {}),
+              "位置"
+            ]
+          }
+        )
+      }
+    ),
+    o && /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        style: {
+          backgroundColor: y[500],
+          borderRadius: 9999,
+          padding: "4px 8px",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        children: /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            style: {
+              fontFamily: l.main,
+              fontWeight: s.medium,
+              fontSize: 10,
+              color: h[100]
+            },
+            children: "Hero"
+          }
+        )
+      }
+    )
+  ] }) : t === "fold" ? /* @__PURE__ */ e.jsxs("div", { style: { ...u, opacity: 0.5 }, onClick: f, children: [
+    /* @__PURE__ */ e.jsx("div", { style: j, children: /* @__PURE__ */ e.jsxs("div", { style: { position: "relative", width: 48, height: 30 }, children: [
+      /* @__PURE__ */ e.jsx("div", { style: { position: "absolute", left: 0, top: 5 }, children: /* @__PURE__ */ e.jsx(pe, { rotation: -10 }) }),
+      /* @__PURE__ */ e.jsx("div", { style: { position: "absolute", left: 24, top: 6 }, children: /* @__PURE__ */ e.jsx(pe, { rotation: 10 }) })
+    ] }) }),
+    /* @__PURE__ */ e.jsxs("div", { style: C, children: [
+      /* @__PURE__ */ e.jsx("span", { style: x, children: o ? "Hero" : i }),
+      a && /* @__PURE__ */ e.jsx(
+        "span",
+        {
+          style: {
+            ...v,
+            fontSize: 8,
+            color: d[700],
+            marginBottom: 2
+          },
+          children: a
+        }
+      ),
+      /* @__PURE__ */ e.jsx("span", { style: v, children: c })
+    ] })
+  ] }) : /* @__PURE__ */ e.jsxs("div", { style: u, onClick: f, children: [
+    /* @__PURE__ */ e.jsxs("div", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ e.jsx("div", { style: j }),
+      /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            top: 5,
+            left: 0,
+            width: 54,
+            height: 30
+          },
+          children: [
+            /* @__PURE__ */ e.jsx("div", { style: { position: "absolute", left: 0, top: 0 }, children: /* @__PURE__ */ e.jsx(pe, { rotation: -10 }) }),
+            /* @__PURE__ */ e.jsx("div", { style: { position: "absolute", left: 24, top: 1 }, children: /* @__PURE__ */ e.jsx(pe, { rotation: 10 }) })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { style: { ...C, marginTop: -16, position: "relative", zIndex: 1 }, children: [
+      /* @__PURE__ */ e.jsx("span", { style: x, children: o ? "Hero" : i }),
+      a && /* @__PURE__ */ e.jsx(
+        "span",
+        {
+          style: {
+            ...v,
+            fontSize: 8,
+            color: d[700],
+            marginBottom: 2
+          },
+          children: a
+        }
+      ),
+      /* @__PURE__ */ e.jsx("span", { style: v, children: c })
+    ] })
+  ] });
+}, xt = ({
+  isHero: t = !1,
+  selected: o = !1,
+  onClick: a,
+  style: r
+}) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    style: {
+      width: 54,
+      height: 54,
+      borderRadius: "50%",
+      backgroundColor: "#eaf5ff",
+      border: `1px solid ${o ? y[500] : "#bee1ff"}`,
+      cursor: a ? "pointer" : "default",
+      ...r
+    },
+    onClick: a
+  }
+), Ue = {
+  bet: "#e77300",
+  raise: "#e77300",
+  call: "#01bda7",
+  fold: "#969ba5",
+  allin: "#ef4444",
+  waiting: h[100]
+}, Ge = {
+  bet: "Bet",
+  raise: "Raise",
+  call: "Call",
+  fold: "Fold",
+  allin: "All-in",
+  waiting: ""
+}, St = ({
+  action: t,
+  position: o = "SB",
+  amount: a,
+  style: r
+}) => {
+  const i = t === "waiting", c = {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    justifyContent: "center",
+    gap: m.p1,
+    padding: `${m.p2} ${m.p3}`,
+    backgroundColor: i ? y[500] : h[100],
+    border: i ? "none" : "0.5px solid #eaecef",
+    borderRadius: $.sm,
+    ...r
+  }, g = {
+    display: "flex",
+    alignItems: "center",
+    gap: 6
+  }, f = {
+    fontFamily: l.main,
+    fontWeight: s.medium,
+    fontSize: 10,
+    lineHeight: 1.2,
+    color: i ? h[100] : d[700]
+  }, b = {
+    fontFamily: l.main,
+    fontWeight: s.medium,
+    fontSize: 10,
+    lineHeight: 1.2,
+    color: Ue[t]
+  }, u = {
+    fontFamily: l.main,
+    fontWeight: s.medium,
+    fontSize: 10,
+    lineHeight: 1.2,
+    color: y[500]
+  };
+  return i ? /* @__PURE__ */ e.jsx("div", { style: c, children: /* @__PURE__ */ e.jsxs("div", { style: g, children: [
+    /* @__PURE__ */ e.jsx("span", { style: f, children: o }),
+    /* @__PURE__ */ e.jsx(Je, {})
+  ] }) }) : /* @__PURE__ */ e.jsxs("div", { style: c, children: [
+    /* @__PURE__ */ e.jsxs("div", { style: g, children: [
+      /* @__PURE__ */ e.jsx("span", { style: f, children: o }),
+      /* @__PURE__ */ e.jsx("span", { style: b, children: Ge[t] })
+    ] }),
+    a && t !== "fold" && /* @__PURE__ */ e.jsx("span", { style: u, children: a })
+  ] });
+}, Je = () => /* @__PURE__ */ e.jsxs(
+  "div",
+  {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: 2
+    },
+    children: [
+      [0, 1, 2].map((t) => /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          style: {
+            width: 4,
+            height: 4,
+            borderRadius: "50%",
+            backgroundColor: h[100],
+            opacity: 0.6,
+            animation: `pulse 1.5s ease-in-out ${t * 0.2}s infinite`
+          }
+        },
+        t
+      )),
+      /* @__PURE__ */ e.jsx("style", { children: `
+          @keyframes pulse {
+            0%, 100% { opacity: 0.3; }
+            50% { opacity: 1; }
+          }
+        ` })
+    ]
+  }
+), kt = ({ amount: t, variant: o = "negative", style: a }) => {
+  const r = {
+    display: "flex",
+    alignItems: "center",
+    gap: 4,
+    ...a
+  }, i = {
+    fontFamily: l.main,
+    fontWeight: s.semibold,
+    fontSize: 10,
+    lineHeight: 1.2,
+    color: o === "negative" ? "#ef4444" : "#01bda7"
+  };
+  return /* @__PURE__ */ e.jsxs("div", { style: r, children: [
+    /* @__PURE__ */ e.jsx(Ze, {}),
+    /* @__PURE__ */ e.jsx("span", { style: i, children: t })
+  ] });
+}, Ze = () => /* @__PURE__ */ e.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: [
+  /* @__PURE__ */ e.jsx("circle", { cx: "6", cy: "6", r: "5.5", fill: "#FFD700", stroke: "#FFA500" }),
+  /* @__PURE__ */ e.jsx("circle", { cx: "6", cy: "6", r: "3", fill: "#FFA500" })
+] }), qe = ({ style: t }) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    style: {
+      width: 14,
+      height: 14,
+      borderRadius: "50%",
+      backgroundColor: y[500],
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      ...t
+    },
+    children: /* @__PURE__ */ e.jsx(
+      "span",
+      {
+        style: {
+          fontFamily: l.main,
+          fontWeight: s.medium,
+          fontSize: 8,
+          color: h[100],
+          lineHeight: 1
+        },
+        children: "D"
+      }
+    )
+  }
+), Qe = ({ size: t = 114 }) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    style: {
+      width: t,
+      height: t * 1.6,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      opacity: 0.3
+    },
+    children: /* @__PURE__ */ e.jsx("svg", { width: t, height: t, viewBox: "0 0 100 100", fill: "#2e9dff", children: /* @__PURE__ */ e.jsx("path", { d: "M50 10 C30 35, 20 55, 20 70 C20 85, 33 95, 50 95 C67 95, 80 85, 80 70 C80 55, 70 35, 50 10Z" }) })
+  }
+), Ke = [
+  { left: "50%", top: "83%", transform: "translateX(-50%)" },
+  // 0 - bottom center (hero)
+  { left: "15%", top: "73%", transform: "translateX(-50%)" },
+  // 1 - bottom left
+  { left: "85%", top: "73%", transform: "translateX(-50%)" },
+  // 2 - bottom right
+  { left: "95%", top: "47%", transform: "translate(-50%, -50%)" },
+  // 3 - right
+  { left: "5%", top: "47%", transform: "translate(-50%, -50%)" },
+  // 4 - left
+  { left: "10%", top: "20%", transform: "translateX(-50%)" },
+  // 5 - top left
+  { left: "90%", top: "20%", transform: "translateX(-50%)" },
+  // 6 - top right
+  { left: "30%", top: "4%", transform: "translateX(-50%)" },
+  // 7 - top left center
+  { left: "70%", top: "4%", transform: "translateX(-50%)" }
+  // 8 - top right center
+], et = [
+  { left: "50%", top: "7%", transform: "translateX(-50%)" },
+  // 0 - top center
+  { left: "80%", top: "19%", transform: "translateX(-50%)" },
+  // 1 - top right
+  { left: "20%", top: "19%", transform: "translateX(-50%)" },
+  // 2 - top left
+  { left: "5%", top: "55%", transform: "translate(-50%, -50%)" },
+  // 3 - left
+  { left: "95%", top: "55%", transform: "translate(-50%, -50%)" },
+  // 4 - right
+  { left: "15%", top: "90%", transform: "translateX(-50%)" },
+  // 5 - bottom left
+  { left: "85%", top: "90%", transform: "translateX(-50%)" },
+  // 6 - bottom right
+  { left: "35%", top: "112%", transform: "translateX(-50%)" },
+  // 7 - bottom left center
+  { left: "65%", top: "112%", transform: "translateX(-50%)" }
+  // 8 - bottom right center
+], tt = ({
+  orientation: t = "vertical",
+  players: o = [],
+  communityCards: a = [],
+  pot: r = "0 BB",
+  blinds: i = "100 / 200 / 100",
+  dealerSeat: c,
+  onSeatClick: g,
+  onCardClick: f,
+  style: b
+}) => {
+  const u = t === "vertical", j = u ? Ke : et, C = {
+    position: "relative",
+    width: u ? 335 : 447,
+    height: u ? 447 : 335,
+    ...b
+  }, x = {
+    position: "absolute",
+    left: "50%",
+    top: u ? 37 : "50%",
+    transform: u ? "translateX(-50%)" : "translate(-50%, -50%)",
+    width: 260,
+    height: 362,
+    borderRadius: 9999,
+    backgroundColor: h[100]
+  }, v = {
+    position: "absolute",
+    left: 8,
+    top: 9,
+    width: 244,
+    height: 344,
+    borderRadius: 9999,
+    backgroundColor: "#bee1ff",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden"
+  }, I = [
+    ...a,
+    ...Array(5 - a.length).fill({ state: "add", suit: "empty" })
+  ].slice(0, 5), B = /* @__PURE__ */ new Map();
+  return o.forEach((S) => {
+    B.set(S.seat, S);
+  }), /* @__PURE__ */ e.jsxs("div", { style: C, children: [
+    /* @__PURE__ */ e.jsx("div", { style: x, children: /* @__PURE__ */ e.jsxs("div", { style: v, children: [
+      /* @__PURE__ */ e.jsx("div", { style: { position: "absolute", top: "20%" }, children: /* @__PURE__ */ e.jsx(Qe, { size: 80 }) }),
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            top: "30%",
+            display: "flex",
+            alignItems: "center",
+            gap: 2,
+            padding: m.p1,
+            borderRadius: $.xs
+          },
+          children: I.map((S, R) => /* @__PURE__ */ e.jsx(
+            Re,
+            {
+              ...S,
+              onClick: f ? () => f(R) : void 0
+            },
+            R
+          ))
+        }
+      ),
+      /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            top: "55%",
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            gap: m.p1
+          },
+          children: [
+            /* @__PURE__ */ e.jsxs(
+              "span",
+              {
+                style: {
+                  fontFamily: l.main,
+                  fontWeight: s.semibold,
+                  fontSize: 14,
+                  lineHeight: 1.2,
+                  color: "#0f0f0f"
+                },
+                children: [
+                  "Pot: ",
+                  r
+                ]
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              "span",
+              {
+                style: {
+                  fontFamily: l.main,
+                  fontWeight: s.medium,
+                  fontSize: 10,
+                  lineHeight: 1.2,
+                  color: h[100]
+                },
+                children: i
+              }
+            )
+          ]
+        }
+      ),
+      c !== void 0 && /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            bottom: "10%",
+            left: "35%"
+          },
+          children: /* @__PURE__ */ e.jsx(qe, {})
+        }
+      )
+    ] }) }),
+    j.map((S, R) => {
+      const O = B.get(R);
+      return /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            ...S,
+            zIndex: 10
+          },
+          children: O ? /* @__PURE__ */ e.jsx(
+            Ce,
+            {
+              ...O,
+              onClick: g ? () => g(R) : void 0
+            }
+          ) : /* @__PURE__ */ e.jsx(
+            Ce,
+            {
+              state: "start",
+              isHero: R === 0,
+              onClick: g ? () => g(R) : void 0
+            }
+          )
+        },
+        R
+      );
+    })
+  ] });
+}, jt = ({
+  orientation: t = "vertical",
+  scale: o = 0.5,
+  style: a
+}) => {
+  const r = t === "vertical";
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      style: {
+        width: r ? 335 * o : 447 * o,
+        height: r ? 447 * o : 335 * o,
+        transform: `scale(${o})`,
+        transformOrigin: "top left",
+        ...a
+      },
+      children: /* @__PURE__ */ e.jsx(tt, { orientation: t })
+    }
+  );
+}, de = {
+  light: {
+    default: h,
+    secondary: W[100],
+    tertiary: W[300],
+    overlay: "#2a2d3380",
+    disabled: d[100],
+    success: X[50],
+    error: _[50],
+    warning: Y[50],
+    brand: y[500],
+    brandSubtle: y[50],
+    accent: ee[500],
+    accent2: Q[500],
+    accent3: _[500],
+    inputfield: h
+  },
+  dark: {
+    default: K[900],
+    secondary: K[800],
+    tertiary: K[600],
+    overlay: "#2a2d33cc",
+    disabled: d[400],
+    success: X[50],
+    error: _[50],
+    warning: Y[50],
+    brand: y[500],
+    brandSubtle: y[50],
+    accent: ye[700],
+    accent2: Q[500],
+    accent3: _[500],
+    inputfield: K[900]
+  }
+}, he = {
+  light: {
+    primary: oe[900],
+    secondary: d[700],
+    tertiary: d[400],
+    disabled: d[200],
+    placeholder: d[300],
+    success: X[600],
+    error: _[500],
+    warning: Y[500],
+    link: y[600],
+    brand: y[500],
+    onBrand: h,
+    accent: Y[200],
+    pokerCall: ee[500],
+    pokerRaise: Q[500]
+  },
+  dark: {
+    primary: h,
+    secondary: W[400],
+    tertiary: W[600],
+    disabled: d[600],
+    placeholder: d[100],
+    success: X[500],
+    error: _[500],
+    warning: Y[500],
+    link: y[600],
+    brand: y[500],
+    onBrand: h,
+    accent: Y[200],
+    pokerCall: ee[400],
+    pokerRaise: Q[400]
+  }
+}, nt = {
+  light: {
+    primary: W[400],
+    subtle: W[100],
+    focus: y[500],
+    success: X[500],
+    error: _[500],
+    warning: Y[500],
+    brandSubtle: y[100]
+  },
+  dark: {
+    primary: d[600],
+    subtle: d[800],
+    focus: y[500],
+    success: X[500],
+    error: _[500],
+    warning: Y[500],
+    brandSubtle: y[500]
+  }
+}, ot = {
+  button: {
+    light: {
+      primaryBg: y[500],
+      primaryLabel: h,
+      secondaryBg: W[300],
+      secondaryLabel: d[700],
+      outlineBg: h,
+      outlineBorder: W[400],
+      outlineLabel: d[700],
+      disabledBg: d[100],
+      disabledLabel: d[200],
+      pokerCallBg: ee[500],
+      pokerCallLabel: h,
+      pokerRaiseBg: Q[500],
+      pokerRaiseLabel: h,
+      warningBg: _[500],
+      warningLabel: h,
+      hoverOverlay: "#0000001a",
+      pressedOverlay: "#00000033"
+    },
+    dark: {
+      primaryBg: y[500],
+      primaryLabel: h,
+      secondaryBg: K[600],
+      secondaryLabel: W[400],
+      outlineBg: K[900],
+      outlineBorder: d[600],
+      outlineLabel: W[400],
+      disabledBg: d[400],
+      disabledLabel: d[600],
+      pokerCallBg: ye[700],
+      pokerCallLabel: h,
+      pokerRaiseBg: Q[500],
+      pokerRaiseLabel: h,
+      warningBg: _[500],
+      warningLabel: h,
+      hoverOverlay: "#ffffff1a",
+      pressedOverlay: "#00000033"
+    }
+  },
+  pokerCard: {
+    bg: h,
+    bgEmpty: "#6eb3dc80",
+    border: W[400],
+    club: ee[500],
+    diamond: y[500],
+    heart: _[500],
+    spade: d[700]
+  }
+}, vt = {
+  background: de,
+  text: he,
+  border: nt,
+  components: ot
+}, wt = de.light.default, Ct = de.light.secondary, Rt = de.light.tertiary, Wt = de.light.brand, It = he.light.primary, zt = he.light.secondary, Ft = he.light.onBrand;
 export {
+  dt as Badge,
   ct as Button,
-  m as background,
-  Ue as bgAccent,
-  We as bgBrand,
-  Ie as bgBrandSubtle,
-  je as bgDefault,
-  Ye as bgDisabled,
-  $e as bgError,
-  Le as bgOverlay,
-  Ce as bgSecondary,
-  Be as bgSuccess,
-  Ne as bgTertiary,
-  De as bgWarning,
-  K as black,
-  k as border,
-  at as borderError,
-  rt as borderFocus,
-  ot as borderPrimary,
-  nt as borderSubtle,
-  it as borderSuccess,
-  lt as borderWarning,
-  d as brandblue,
-  Me as colors,
-  Q as cyan,
-  Ee as deepocean,
-  Fe as error,
-  o as fontFamily,
-  i as fontSize,
-  n as fontWeight,
-  ft as getTypographyStyles,
-  h as green,
-  ke as grey,
-  xe as info,
-  A as lightgrey,
-  r as lineHeight,
-  _e as neutral,
-  S as orange,
-  Re as primary,
-  Pe as primitiveColors,
-  y as red,
-  He as semanticColors,
-  l as slate,
-  ve as success,
-  Se as teal,
-  u as text,
-  tt as textBrand,
-  Je as textDisabled,
-  Qe as textError,
-  et as textLink,
-  we as textOnBrand,
-  Xe as textPlaceholder,
-  Ve as textPrimary,
-  qe as textSecondary,
-  Ze as textSuccess,
-  Ge as textTertiary,
-  Ke as textWarning,
-  st as typography,
-  ze as typographyDesktop,
-  Oe as typographyMobile,
-  Te as warning,
-  w as white,
-  p as yellow
+  ft as Checkbox,
+  qe as DealerButton,
+  pt as Divider,
+  Me as Input,
+  Re as PokerCard,
+  bt as PokerCardGroup,
+  kt as PokerChip,
+  Ce as PokerPlayer,
+  xt as PokerPlayerCircle,
+  St as PokerStatusIndicator,
+  tt as PokerTable,
+  jt as PokerTablePreview,
+  ht as Slider,
+  ut as Switch,
+  gt as Tabs,
+  mt as Toast,
+  Ve as Toggle,
+  yt as ToggleGroup,
+  de as background,
+  Wt as bgBrand,
+  wt as bgDefault,
+  Ct as bgSecondary,
+  Rt as bgTertiary,
+  Fe as black,
+  nt as border,
+  y as brandblue,
+  ot as components,
+  ye as cyan,
+  K as deepocean,
+  l as fontFamily,
+  w as fontSize,
+  s as fontWeight,
+  st as getTypographyStyles,
+  X as green,
+  oe as grey,
+  W as lightgrey,
+  p as lineHeight,
+  Q as orange,
+  rt as primitiveColors,
+  $ as radius,
+  _ as red,
+  vt as semanticColors,
+  d as slate,
+  m as spacing,
+  at as spacingTokens,
+  ee as teal,
+  he as text,
+  Ft as textOnBrand,
+  It as textPrimary,
+  zt as textSecondary,
+  lt as typography,
+  Ee as typographyDesktop,
+  Te as typographyMobile,
+  h as white,
+  Y as yellow
 };