@drdex0101/water-design-system 1.0.1

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

@@ -0,0 +1,882 @@
+import ge from "react";
+var L = { exports: {} }, x = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * 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
+    };
+  }
+  return x.Fragment = E, x.jsx = _, x.jsxs = _, x;
+}
+var W = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * 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:
+          return "Fragment";
+        case re:
+          return "Profiler";
+        case ne:
+          return "StrictMode";
+        case se:
+          return "Suspense";
+        case fe:
+          return "SuspenseList";
+        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 oe:
+            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;
+            try {
+              return c(e(t));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function E(e) {
+      return "" + e;
+    }
+    function _(e) {
+      try {
+        E(e);
+        var t = !1;
+      } catch {
+        t = !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,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          s
+        ), E(e);
+      }
+    }
+    function v(e) {
+      if (e === P) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === M)
+        return "<...>";
+      try {
+        var t = c(e);
+        return t ? "<" + t + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function b() {
+      var e = H.A;
+      return e === null ? null : e.getOwner();
+    }
+    function g() {
+      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;
+      }
+      return e.key !== void 0;
+    }
+    function F(e, t) {
+      function a() {
+        U || (U = !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
+        ));
+      }
+      a.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: a,
+        configurable: !0
+      });
+    }
+    function ee() {
+      var e = c(this.type);
+      return V[e] || (V[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 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", {
+        enumerable: !1,
+        get: ee
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: z
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: C
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    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);
+          } 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";
+        });
+        s = 0 < R.length ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}", J[f + s] || (R = 0 < R.length ? "{" + R.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);
+      }
+      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(),
+        z,
+        C
+      );
+    }
+    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 $(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === D;
+    }
+    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() {
+      return null;
+    };
+    O = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    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,
+        !1,
+        s ? Error("react-stack-top-frame") : q,
+        s ? j(v(e)) : G
+      );
+    }, W.jsxs = function(e, t, a) {
+      var s = 1e4 > H.recentlyCreatedOwnerStacks++;
+      return Y(
+        e,
+        t,
+        a,
+        !0,
+        s ? Error("react-stack-top-frame") : q,
+        s ? j(v(e)) : G
+      );
+    };
+  }()), W;
+}
+process.env.NODE_ENV === "production" ? L.exports = he() : L.exports = ye();
+var pe = L.exports;
+const y = {
+  50: "#fdecec",
+  100: "#fac5c5",
+  200: "#f8a9a9",
+  300: "#f48282",
+  400: "#f26969",
+  500: "#ef4444",
+  600: "#d93e3e",
+  700: "#aa3030",
+  800: "#832525",
+  900: "#641d1d"
+}, S = {
+  50: "#fdf1e6",
+  100: "#f8d4b0",
+  200: "#f4bf8a",
+  300: "#efa154",
+  400: "#ec8f33",
+  500: "#e77300",
+  600: "#d26900",
+  700: "#a45200",
+  800: "#7f3f00",
+  900: "#613000"
+}, p = {
+  50: "#fef7e6",
+  100: "#fae7b0",
+  200: "#f8db8a",
+  300: "#f5cb54",
+  400: "#f3c133",
+  500: "#f0b100",
+  600: "#daa100",
+  700: "#aa7e00",
+  800: "#846100",
+  900: "#654a00"
+}, h = {
+  50: "#e7f7ed",
+  100: "#b3e6c6",
+  200: "#8fd9aa",
+  300: "#5cc884",
+  400: "#3cbd6c",
+  500: "#0bad47",
+  600: "#0a9d41",
+  700: "#087b32",
+  800: "#065f27",
+  900: "#05491e"
+}, Q = {
+  50: "#e6fdfe",
+  100: "#b1f7fc",
+  200: "#8bf4fb",
+  300: "#55eef9",
+  400: "#35ebf8",
+  500: "#02e6f6",
+  600: "#02d1e0",
+  700: "#01a3af",
+  800: "#017f87",
+  900: "#016167"
+}, Se = {
+  50: "#e6f8f6",
+  100: "#b0ebe4",
+  200: "#8ae1d7",
+  300: "#55d3c4",
+  400: "#34cab9",
+  500: "#01bda7",
+  600: "#01ac98",
+  700: "#018677",
+  800: "#01685c",
+  900: "#004f46"
+}, d = {
+  50: "#eaf5ff",
+  100: "#bee1ff",
+  200: "#9fd2ff",
+  300: "#73bdff",
+  400: "#58b1ff",
+  500: "#2e9dff",
+  600: "#2a8fe8",
+  700: "#216fb5",
+  800: "#19568c",
+  900: "#13426b"
+}, l = {
+  50: "#eff0f2",
+  100: "#cfd1d5",
+  200: "#b7bac1",
+  300: "#969ba5",
+  400: "#828894",
+  500: "#636a79",
+  600: "#5a606e",
+  700: "#464b56",
+  800: "#363a43",
+  900: "#2a2d33"
+}, A = {
+  50: "#fcfdfd",
+  100: "#f7f8f9",
+  200: "#f3f4f6",
+  300: "#eeeff2",
+  400: "#eaecef",
+  500: "#e5e7eb",
+  600: "#d0d2d6",
+  700: "#a3a4a7",
+  800: "#7e7f81",
+  900: "#606163"
+}, ke = {
+  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 = {
+  main: "'Inter', 'Noto Sans TC', -apple-system, BlinkMacSystemFont, Roboto, sans-serif",
+  mono: "'SF Mono', 'Fira Code', 'Fira Mono', Menlo, Consolas, monospace"
+}, n = {
+  regular: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700
+}, r = {
+  tight: 1.2,
+  // 120% - for body text, dense content
+  normal: 1.5
+  // 150% - for headings, readable content
+}, i = {
+  // Mobile Scale
+  mobile: {
+    display: 28,
+    h1: 24,
+    h2: 20,
+    bodyLg: 16,
+    bodyMd: 14,
+    bodySm: 12,
+    caption: 10,
+    poker: 8
+  },
+  // Desktop Scale
+  desktop: {
+    display: 40,
+    h1: 32,
+    h2: 24,
+    bodyLg: 18,
+    bodyMd: 16,
+    bodySm: 14,
+    caption: 12,
+    poker: 10
+  }
+}, Oe = {
+  display: {
+    fontSize: i.mobile.display,
+    fontWeight: n.semibold,
+    lineHeight: r.normal,
+    fontFamily: o.main
+  },
+  h1: {
+    fontSize: i.mobile.h1,
+    fontWeight: n.semibold,
+    lineHeight: r.normal,
+    fontFamily: o.main
+  },
+  h2: {
+    fontSize: i.mobile.h2,
+    fontWeight: n.semibold,
+    lineHeight: r.normal,
+    fontFamily: o.main
+  },
+  bodyLgBold: {
+    fontSize: i.mobile.bodyLg,
+    fontWeight: n.bold,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  },
+  bodyLgMedium: {
+    fontSize: i.mobile.bodyLg,
+    fontWeight: n.medium,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  },
+  bodyLgRegular: {
+    fontSize: i.mobile.bodyLg,
+    fontWeight: n.regular,
+    lineHeight: r.normal,
+    fontFamily: o.main
+  },
+  bodyMdSemiBold: {
+    fontSize: i.mobile.bodyMd,
+    fontWeight: n.semibold,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  },
+  bodyMdMedium: {
+    fontSize: i.mobile.bodyMd,
+    fontWeight: n.medium,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  },
+  bodyMdRegular: {
+    fontSize: i.mobile.bodyMd,
+    fontWeight: n.regular,
+    lineHeight: r.normal,
+    fontFamily: o.main
+  },
+  bodySmSemiBold: {
+    fontSize: i.mobile.bodySm,
+    fontWeight: n.semibold,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  },
+  bodySmMedium: {
+    fontSize: i.mobile.bodySm,
+    fontWeight: n.medium,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  },
+  bodySmRegular: {
+    fontSize: i.mobile.bodySm,
+    fontWeight: n.regular,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  },
+  captionSemiBold: {
+    fontSize: i.mobile.caption,
+    fontWeight: n.semibold,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  },
+  captionMedium: {
+    fontSize: i.mobile.caption,
+    fontWeight: n.medium,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  },
+  captionRegular: {
+    fontSize: i.mobile.caption,
+    fontWeight: n.regular,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  },
+  pokerMedium: {
+    fontSize: i.mobile.poker,
+    fontWeight: n.medium,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  }
+}, ze = {
+  display: {
+    fontSize: i.desktop.display,
+    fontWeight: n.semibold,
+    lineHeight: r.normal,
+    fontFamily: o.main
+  },
+  h1: {
+    fontSize: i.desktop.h1,
+    fontWeight: n.semibold,
+    lineHeight: r.normal,
+    fontFamily: o.main
+  },
+  h2: {
+    fontSize: i.desktop.h2,
+    fontWeight: n.semibold,
+    lineHeight: r.normal,
+    fontFamily: o.main
+  },
+  bodyLgBold: {
+    fontSize: i.desktop.bodyLg,
+    fontWeight: n.bold,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  },
+  bodyLgMedium: {
+    fontSize: i.desktop.bodyLg,
+    fontWeight: n.medium,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  },
+  bodyLgRegular: {
+    fontSize: i.desktop.bodyLg,
+    fontWeight: n.regular,
+    lineHeight: r.normal,
+    fontFamily: o.main
+  },
+  bodyMdSemiBold: {
+    fontSize: i.desktop.bodyMd,
+    fontWeight: n.semibold,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  },
+  bodyMdMedium: {
+    fontSize: i.desktop.bodyMd,
+    fontWeight: n.medium,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  },
+  bodyMdRegular: {
+    fontSize: i.desktop.bodyMd,
+    fontWeight: n.regular,
+    lineHeight: r.normal,
+    fontFamily: o.main
+  },
+  bodySmSemiBold: {
+    fontSize: i.desktop.bodySm,
+    fontWeight: n.semibold,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  },
+  bodySmMedium: {
+    fontSize: i.desktop.bodySm,
+    fontWeight: n.medium,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  },
+  bodySmRegular: {
+    fontSize: i.desktop.bodySm,
+    fontWeight: n.regular,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  },
+  captionSemiBold: {
+    fontSize: i.desktop.caption,
+    fontWeight: n.semibold,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  },
+  captionMedium: {
+    fontSize: i.desktop.caption,
+    fontWeight: n.medium,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  },
+  captionRegular: {
+    fontSize: i.desktop.caption,
+    fontWeight: n.regular,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  },
+  pokerMedium: {
+    fontSize: i.desktop.poker,
+    fontWeight: n.medium,
+    lineHeight: r.tight,
+    fontFamily: o.main
+  }
+}, 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",
+  {
+    style: {
+      padding: "10px 20px",
+      backgroundColor: We,
+      color: we,
+      border: "none",
+      borderRadius: "4px",
+      cursor: "pointer"
+    },
+    ...E,
+    children: c
+  }
+);
+export {
+  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
+};