droplinked-ui-kit 0.0.1

package/dist/droplinked-ui-kit.js

@@ -0,0 +1,2276 @@
+import { jsx as c, jsxs as L } from "react/jsx-runtime";
+import ne, { useState as oe, useId as Se } from "react";
+import { Box as D, Icon as Z, Button as We, Flex as P, Text as U, useDisclosure as ke, Popover as Q, Portal as _e, Image as Ie, Dialog as X, Drawer as J, useBreakpointValue as $e, chakra as pe, Input as Me, defineConfig as De, createSystem as Oe, defaultConfig as He, ChakraProvider as Ee } from "@chakra-ui/react";
+import { ThemeProvider as Fe } from "next-themes";
+var re = { exports: {} }, de = {};
+var ge;
+function je() {
+  if (ge) return de;
+  ge = 1;
+  var i = ne.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+  return de.c = function(e) {
+    return i.H.useMemoCache(e);
+  }, de;
+}
+var ue = {};
+var be;
+function Ve() {
+  return be || (be = 1, process.env.NODE_ENV !== "production" && (function() {
+    var i = ne.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    ue.c = function(e) {
+      var t = i.H;
+      return t === null && console.error(
+        `Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
+1. You might have mismatching versions of React and the renderer (such as React DOM)
+2. You might be breaking the Rules of Hooks
+3. You might have more than one copy of React in the same app
+See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`
+      ), t.useMemoCache(e);
+    };
+  })()), ue;
+}
+var me;
+function Ae() {
+  return me || (me = 1, process.env.NODE_ENV === "production" ? re.exports = je() : re.exports = Ve()), re.exports;
+}
+var $ = Ae();
+const Pe = (i) => {
+  const e = $.c(5);
+  let t;
+  e[0] !== i ? ({
+    ...t
+  } = i, e[0] = i, e[1] = t) : t = e[1];
+  let o;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ c("path", { d: "M10 12L6 8L10 4", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), e[2] = o) : o = e[2];
+  let n;
+  return e[3] !== t ? (n = /* @__PURE__ */ c("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: o }), e[3] = t, e[4] = n) : n = e[4], n;
+}, qe = (i) => {
+  const e = $.c(5);
+  let t;
+  e[0] !== i ? ({
+    ...t
+  } = i, e[0] = i, e[1] = t) : t = e[1];
+  let o;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ c("path", { d: "M6 12L10 8L6 4", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), e[2] = o) : o = e[2];
+  let n;
+  return e[3] !== t ? (n = /* @__PURE__ */ c("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: o }), e[3] = t, e[4] = n) : n = e[4], n;
+}, G = {
+  primary: {
+    bg: "primary.main",
+    borderColor: "primary.main",
+    color: "text.inverse",
+    _hover: {
+      bg: "primary.hover"
+    },
+    _active: {
+      bg: "primary.hover"
+    }
+  },
+  outlined: {
+    bg: "neutral.bgLight",
+    borderColor: "neutral.30",
+    color: "text.main",
+    _hover: {
+      bg: "neutral.10"
+    },
+    _active: {
+      bg: "neutral.30"
+    }
+  },
+  filled: {
+    bg: "neutral.10",
+    borderColor: "transparent",
+    color: "text.main",
+    _hover: {
+      bg: "neutral.30"
+    },
+    _active: {
+      bg: "neutral.50"
+    }
+  },
+  muted: {
+    bg: "primary.tint10",
+    borderColor: "primary.tint10",
+    color: "primary.main",
+    _hover: {
+      bg: "primary.tint20",
+      borderColor: "primary.tint20"
+    },
+    _active: {
+      bg: "primary.main"
+    }
+  },
+  transparent: {
+    bg: "transparent",
+    borderColor: "transparent",
+    color: "text.main",
+    _hover: {
+      bg: "neutral.10"
+    },
+    _active: {
+      bg: "neutral.30"
+    }
+  },
+  information: {
+    bg: "state.info.tint10",
+    borderColor: "state.info.tint10",
+    color: "state.info.main",
+    _hover: {
+      bg: "state.info.tint20",
+      borderColor: "state.info.tint20"
+    },
+    _active: {
+      bg: "state.info.main"
+    }
+  },
+  success: {
+    bg: "state.success.tint10",
+    borderColor: "state.success.tint10",
+    color: "state.success.main",
+    _hover: {
+      bg: "state.success.tint20",
+      borderColor: "state.success.tint20"
+    },
+    _active: {
+      bg: "state.success.main"
+    }
+  },
+  warning: {
+    bg: "state.warning.tint10",
+    borderColor: "state.warning.tint10",
+    color: "state.warning.main",
+    _hover: {
+      bg: "state.warning.tint20",
+      borderColor: "state.warning.tint20"
+    },
+    _active: {
+      bg: "state.warning.main"
+    }
+  },
+  error: {
+    bg: "state.error.tint10",
+    borderColor: "state.error.tint10",
+    color: "state.error.main",
+    _hover: {
+      bg: "state.error.tint20",
+      borderColor: "state.error.tint20"
+    },
+    _active: {
+      bg: "state.error.main"
+    }
+  },
+  disabled: {
+    bg: "neutral.10",
+    borderColor: "transparent",
+    color: "text.disabled",
+    _hover: {
+      bg: "neutral.10"
+    },
+    _active: {
+      bg: "neutral.10"
+    }
+  }
+};
+function ze(i, e, t) {
+  return {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "4px",
+    padding: "2px 8px",
+    borderRadius: "dynamic.xs",
+    bg: t.bg,
+    borderWidth: "1px",
+    borderStyle: "solid",
+    borderColor: t.borderColor,
+    color: t.color,
+    cursor: e ? "pointer" : i === "disabled" ? "not-allowed" : "default",
+    opacity: i === "disabled" ? 0.6 : 1,
+    userSelect: "none",
+    whiteSpace: "nowrap",
+    fontFamily: "Inter, sans-serif",
+    fontSize: "14px",
+    fontWeight: 400,
+    lineHeight: "20px",
+    height: "24px"
+  };
+}
+function le(i) {
+  const e = $.c(26);
+  let t, o, n, r, l, p, u, a;
+  e[0] !== i ? ({
+    label: l,
+    showLeftIcon: p,
+    showRightIcon: u,
+    leftIcon: t,
+    rightIcon: r,
+    variant: a,
+    onClick: o,
+    ...n
+  } = i, e[0] = i, e[1] = t, e[2] = o, e[3] = n, e[4] = r, e[5] = l, e[6] = p, e[7] = u, e[8] = a) : (t = e[1], o = e[2], n = e[3], r = e[4], l = e[5], p = e[6], u = e[7], a = e[8]);
+  const s = l === void 0 ? "24" : l, h = p === void 0 ? !1 : p, d = u === void 0 ? !1 : u, f = a === void 0 ? "outlined" : a, x = G[f];
+  let m;
+  e[9] !== o || e[10] !== f || e[11] !== x ? (m = ze(f, o, x), e[9] = o, e[10] = f, e[11] = x, e[12] = m) : m = e[12];
+  const g = m, v = f !== "disabled" ? o : void 0;
+  let b;
+  e[13] !== t || e[14] !== h ? (b = h && /* @__PURE__ */ c(D, { display: "flex", flexShrink: 0, children: t || /* @__PURE__ */ c(Z, { as: Pe }) }), e[13] = t, e[14] = h, e[15] = b) : b = e[15];
+  let y;
+  e[16] !== r || e[17] !== d ? (y = d && /* @__PURE__ */ c(D, { display: "flex", flexShrink: 0, children: r || /* @__PURE__ */ c(Z, { as: qe }) }), e[16] = r, e[17] = d, e[18] = y) : y = e[18];
+  let w;
+  return e[19] !== g || e[20] !== s || e[21] !== n || e[22] !== v || e[23] !== b || e[24] !== y ? (w = /* @__PURE__ */ L(D, { onClick: v, ...g, ...n, children: [
+    b,
+    s,
+    y
+  ] }), e[19] = g, e[20] = s, e[21] = n, e[22] = v, e[23] = b, e[24] = y, e[25] = w) : w = e[25], w;
+}
+function Ne(i, e, t, o) {
+  return {
+    padding: i === "text" ? "8px 16px" : "8px",
+    gap: "8px",
+    borderRadius: "dynamic.md",
+    bg: o.bg,
+    borderWidth: "1px",
+    borderStyle: "solid",
+    borderColor: o.borderColor,
+    textStyle: "body2Regular",
+    color: o.color,
+    opacity: t || e === "disabled" ? 0.6 : 1,
+    cursor: t || e === "disabled" ? "not-allowed" : "pointer",
+    width: i === "icon" ? "40px" : void 0,
+    height: i === "icon" ? "40px" : void 0,
+    minW: i === "text" ? "96px" : void 0,
+    _hover: o._hover,
+    _active: o._active
+  };
+}
+function ee(i) {
+  const e = $.c(31);
+  let t, o, n, r, l, p, u, a;
+  e[0] !== i ? ({
+    children: t,
+    leftIcon: n,
+    rightIcon: l,
+    icon: o,
+    variant: p,
+    buttonType: u,
+    disabled: a,
+    ...r
+  } = i, e[0] = i, e[1] = t, e[2] = o, e[3] = n, e[4] = r, e[5] = l, e[6] = p, e[7] = u, e[8] = a) : (t = e[1], o = e[2], n = e[3], r = e[4], l = e[5], p = e[6], u = e[7], a = e[8]);
+  const s = p === void 0 ? "outlined" : p, h = u === void 0 ? "text" : u, d = a === void 0 ? !1 : a, f = G[s];
+  let x;
+  e[9] !== h || e[10] !== d || e[11] !== s || e[12] !== f ? (x = Ne(h, s, d, f), e[9] = h, e[10] = d, e[11] = s, e[12] = f, e[13] = x) : x = e[13];
+  const m = x, g = d || s === "disabled";
+  let v;
+  e[14] !== h || e[15] !== n ? (v = h === "text" && n && /* @__PURE__ */ c(Z, { as: n }), e[14] = h, e[15] = n, e[16] = v) : v = e[16];
+  const b = h === "text" && t;
+  let y;
+  e[17] !== h || e[18] !== o ? (y = h === "icon" && o && /* @__PURE__ */ c(Z, { as: o }), e[17] = h, e[18] = o, e[19] = y) : y = e[19];
+  let w;
+  e[20] !== h || e[21] !== l ? (w = h === "text" && l && /* @__PURE__ */ c(Z, { as: l }), e[20] = h, e[21] = l, e[22] = w) : w = e[22];
+  let S;
+  return e[23] !== m || e[24] !== r || e[25] !== g || e[26] !== v || e[27] !== b || e[28] !== y || e[29] !== w ? (S = /* @__PURE__ */ L(We, { disabled: g, ...m, ...r, children: [
+    v,
+    b,
+    y,
+    w
+  ] }), e[23] = m, e[24] = r, e[25] = g, e[26] = v, e[27] = b, e[28] = y, e[29] = w, e[30] = S) : S = e[30], S;
+}
+const Ue = (i) => {
+  const e = $.c(5);
+  let t;
+  e[0] !== i ? ({
+    ...t
+  } = i, e[0] = i, e[1] = t) : t = e[1];
+  let o;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ c("path", { d: "M9 3V5M12 3V5M15 3V5M13 9H9M15 13H9M8.2 21H15.8C16.9201 21 17.4802 21 17.908 20.782C18.2843 20.5903 18.5903 20.2843 18.782 19.908C19 19.4802 19 18.9201 19 17.8V7.2C19 6.0799 19 5.51984 18.782 5.09202C18.5903 4.71569 18.2843 4.40973 17.908 4.21799C17.4802 4 16.9201 4 15.8 4H8.2C7.0799 4 6.51984 4 6.09202 4.21799C5.71569 4.40973 5.40973 4.71569 5.21799 5.09202C5 5.51984 5 6.07989 5 7.2V17.8C5 18.9201 5 19.4802 5.21799 19.908C5.40973 20.2843 5.71569 20.5903 6.09202 20.782C6.51984 21 7.07989 21 8.2 21Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), e[2] = o) : o = e[2];
+  let n;
+  return e[3] !== t ? (n = /* @__PURE__ */ c("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: o }), e[3] = t, e[4] = n) : n = e[4], n;
+};
+function qt(i) {
+  const e = $.c(24);
+  let t, o, n, r, l, p, u;
+  e[0] !== i ? ({
+    title: r,
+    icon: t,
+    rightContent: n,
+    showIcon: l,
+    width: p,
+    gap: u,
+    ...o
+  } = i, e[0] = i, e[1] = t, e[2] = o, e[3] = n, e[4] = r, e[5] = l, e[6] = p, e[7] = u) : (t = e[1], o = e[2], n = e[3], r = e[4], l = e[5], p = e[6], u = e[7]);
+  const a = r === void 0 ? "Title Here" : r, s = l === void 0 ? !0 : l, h = p === void 0 ? "720px" : p, d = u === void 0 ? "16px" : u;
+  let f;
+  e[8] !== t || e[9] !== s ? (f = s && /* @__PURE__ */ c(D, { bg: "neutral.10", padding: "8px", borderRadius: "dynamic.md", flexShrink: 0, children: t || /* @__PURE__ */ c(Z, { as: Ue, color: "text.main", boxSize: "24px" }) }), e[8] = t, e[9] = s, e[10] = f) : f = e[10];
+  let x;
+  e[11] !== a ? (x = /* @__PURE__ */ c(U, { flex: "1", fontSize: "16px", fontWeight: 500, fontFamily: "Inter, sans-serif", lineHeight: "24px", color: "text.main", whiteSpace: "pre-wrap", children: a }), e[11] = a, e[12] = x) : x = e[12];
+  let m;
+  e[13] !== f || e[14] !== x ? (m = /* @__PURE__ */ L(P, { flex: "1", gap: "12px", alignItems: "center", children: [
+    f,
+    x
+  ] }), e[13] = f, e[14] = x, e[15] = m) : m = e[15];
+  let g;
+  e[16] !== n ? (g = n && /* @__PURE__ */ c(P, { gap: "12px", alignItems: "center", flexShrink: 0, children: n }), e[16] = n, e[17] = g) : g = e[17];
+  let v;
+  return e[18] !== d || e[19] !== o || e[20] !== m || e[21] !== g || e[22] !== h ? (v = /* @__PURE__ */ L(P, { width: h, gap: d, alignItems: "flex-end", justifyContent: "start", ...o, children: [
+    m,
+    g
+  ] }), e[18] = d, e[19] = o, e[20] = m, e[21] = g, e[22] = h, e[23] = v) : v = e[23], v;
+}
+function fe(i) {
+  const e = $.c(6);
+  let t, o;
+  e[0] !== i ? ({
+    children: t,
+    ...o
+  } = i, e[0] = i, e[1] = t, e[2] = o) : (t = e[1], o = e[2]);
+  let n;
+  return e[3] !== t || e[4] !== o ? (n = /* @__PURE__ */ c(P, { flexDirection: "column", p: 4, borderRadius: "dynamic.2xl", border: "1px solid", borderColor: "neutral.30", background: "neutral.bgLight", boxShadow: "0 4px 36px 0 rgba(0, 0, 0, 0.12)", ...o, children: t }), e[3] = t, e[4] = o, e[5] = n) : n = e[5], n;
+}
+function Ze({
+  type: i = "text",
+  isSelected: e,
+  isDisabled: t,
+  isInvalid: o
+}) {
+  const n = i === "icon";
+  let r = o ? "state.error.main" : "text.main";
+  e && (r = o ? "state.error.main" : "primary.main"), t && (r = "text.disabled");
+  const l = r;
+  return {
+    container: {
+      display: "flex",
+      alignItems: "center",
+      gap: "8px",
+      padding: n ? "8px" : "8px 12px",
+      width: n ? "auto" : "100%",
+      height: "40px",
+      borderRadius: "dynamic.md",
+      cursor: t ? "not-allowed" : "pointer",
+      userSelect: "none",
+      _hover: t ? void 0 : {
+        bg: o ? "state.error.tint10" : "primary.tint10"
+      }
+    },
+    label: {
+      flex: "1 0 0",
+      textStyle: "body2Regular",
+      color: r,
+      whiteSpace: "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis"
+    },
+    icon: {
+      color: l,
+      flexShrink: 0
+    },
+    chips: {
+      flexShrink: 0
+    },
+    rightIcon: {
+      color: l,
+      flexShrink: 0
+    },
+    checkbox: {
+      flexShrink: 0
+    }
+  };
+}
+function Ye(i, e, t) {
+  return e ? "disabled" : t ? "error" : i ? "muted" : "outlined";
+}
+function Ke(i) {
+  const e = $.c(32), {
+    leftIcon: t,
+    type: o,
+    isSelected: n,
+    isDisabled: r,
+    isInvalid: l,
+    onClick: p
+  } = i, u = o === void 0 ? "text" : o, a = n === void 0 ? !1 : n, s = r === void 0 ? !1 : r, h = l === void 0 ? !1 : l, d = u !== "icon", f = d ? i : void 0, x = f?.label, m = f?.chipsLabel, g = f?.rightContent;
+  let v;
+  e[0] !== s || e[1] !== h || e[2] !== a || e[3] !== u ? (v = Ze({
+    type: u,
+    isSelected: a,
+    isDisabled: s,
+    isInvalid: h
+  }), e[0] = s, e[1] = h, e[2] = a, e[3] = u, e[4] = v) : v = e[4];
+  const b = v;
+  let y;
+  e[5] !== s || e[6] !== h || e[7] !== a ? (y = Ye(a, s, h), e[5] = s, e[6] = h, e[7] = a, e[8] = y) : y = e[8];
+  const w = y, S = d && !!x, I = d && !!m, k = s ? void 0 : p;
+  let _;
+  e[9] !== t || e[10] !== b.icon ? (_ = t && /* @__PURE__ */ c(D, { ...b.icon, children: /* @__PURE__ */ c(Z, { as: t, boxSize: "24px", color: "currentColor" }) }), e[9] = t, e[10] = b.icon, e[11] = _) : _ = e[11];
+  let R;
+  e[12] !== x || e[13] !== S || e[14] !== b.label ? (R = S && /* @__PURE__ */ c(D, { ...b.label, children: x }), e[12] = x, e[13] = S, e[14] = b.label, e[15] = R) : R = e[15];
+  let T;
+  e[16] !== m || e[17] !== w || e[18] !== I || e[19] !== b.chips ? (T = I && /* @__PURE__ */ c(D, { ...b.chips, children: /* @__PURE__ */ c(le, { label: m, variant: w }) }), e[16] = m, e[17] = w, e[18] = I, e[19] = b.chips, e[20] = T) : T = e[20];
+  let B;
+  e[21] !== d || e[22] !== g || e[23] !== b.rightIcon ? (B = d && g && /* @__PURE__ */ c(D, { ...b.rightIcon, color: "currentColor", children: g }), e[21] = d, e[22] = g, e[23] = b.rightIcon, e[24] = B) : B = e[24];
+  let C;
+  return e[25] !== b.container || e[26] !== B || e[27] !== k || e[28] !== _ || e[29] !== R || e[30] !== T ? (C = /* @__PURE__ */ L(D, { ...b.container, onClick: k, children: [
+    _,
+    R,
+    T,
+    B
+  ] }), e[25] = b.container, e[26] = B, e[27] = k, e[28] = _, e[29] = R, e[30] = T, e[31] = C) : C = e[31], C;
+}
+const Ge = (i) => {
+  const e = $.c(5);
+  let t;
+  e[0] !== i ? ({
+    ...t
+  } = i, e[0] = i, e[1] = t) : t = e[1];
+  let o;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ c("path", { d: "M9.99984 9.99996H10.0082M9.99984 4.99996H10.0082M9.99984 15H10.0082M10.8332 9.99996C10.8332 10.4602 10.4601 10.8333 9.99984 10.8333C9.53959 10.8333 9.1665 10.4602 9.1665 9.99996C9.1665 9.53971 9.53959 9.16663 9.99984 9.16663C10.4601 9.16663 10.8332 9.53971 10.8332 9.99996ZM10.8332 15C10.8332 15.4602 10.4601 15.8333 9.99984 15.8333C9.53959 15.8333 9.1665 15.4602 9.1665 15C9.1665 14.5397 9.53959 14.1666 9.99984 14.1666C10.4601 14.1666 10.8332 14.5397 10.8332 15ZM10.8332 4.99996C10.8332 5.46019 10.4601 5.83329 9.99984 5.83329C9.53959 5.83329 9.1665 5.46019 9.1665 4.99996C9.1665 4.53973 9.53959 4.16663 9.99984 4.16663C10.4601 4.16663 10.8332 4.53973 10.8332 4.99996Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), e[2] = o) : o = e[2];
+  let n;
+  return e[3] !== t ? (n = /* @__PURE__ */ c("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: o }), e[3] = t, e[4] = n) : n = e[4], n;
+};
+function Xe() {
+  return {
+    divider: {
+      width: "100%",
+      borderBottom: "1px solid",
+      borderColor: "neutral.30",
+      my: "8px"
+    },
+    list: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "4px",
+      width: "100%"
+    }
+  };
+}
+function Je(i) {
+  return {
+    isInvalid: i === "error",
+    isDisabled: i === "disabled",
+    isSelected: i === "selected"
+  };
+}
+function Qe(i) {
+  const e = $.c(34), {
+    items: t,
+    triggerIcon: o,
+    triggerAriaLabel: n,
+    buttonVariant: r,
+    buttonProps: l,
+    open: p,
+    defaultOpen: u,
+    onOpenChange: a,
+    closeOnSelect: s,
+    menuWidth: h
+  } = i, d = o === void 0 ? Ge : o, f = n === void 0 ? "Open action menu" : n, x = r === void 0 ? "outlined" : r, m = u === void 0 ? !1 : u, g = s === void 0 ? !0 : s, v = h === void 0 ? "240px" : h;
+  let b;
+  e[0] !== m ? (b = {
+    defaultOpen: m
+  }, e[0] = m, e[1] = b) : b = e[1];
+  const {
+    open: y,
+    onOpen: w,
+    onClose: S
+  } = ke(b), I = p !== void 0, k = I ? p : y;
+  let _;
+  e[2] !== I || e[3] !== S || e[4] !== w || e[5] !== a ? (_ = (A) => {
+    const N = typeof A == "boolean" ? A : A.open;
+    I || (N ? w() : S()), a?.(N);
+  }, e[2] = I, e[3] = S, e[4] = w, e[5] = a, e[6] = _) : _ = e[6];
+  const R = _;
+  let T;
+  e[7] !== R ? (T = () => R(!1), e[7] = R, e[8] = T) : T = e[8];
+  const B = T;
+  let C;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = Xe(), e[9] = C) : C = e[9];
+  const E = C;
+  let M;
+  e[10] !== B || e[11] !== g ? (M = (A) => {
+    A.variant !== "disabled" && (A.onClick?.(), g && B());
+  }, e[10] = B, e[11] = g, e[12] = M) : M = e[12];
+  const j = M;
+  let z;
+  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = {
+    placement: "bottom-start"
+  }, e[13] = z) : z = e[13];
+  let O;
+  e[14] !== l || e[15] !== x || e[16] !== f || e[17] !== d ? (O = /* @__PURE__ */ c(Q.Trigger, { asChild: !0, children: /* @__PURE__ */ c(ee, { "aria-label": f, buttonType: "icon", icon: d, variant: x, ...l }) }), e[14] = l, e[15] = x, e[16] = f, e[17] = d, e[18] = O) : O = e[18];
+  const W = E.list;
+  let H;
+  if (e[19] !== j || e[20] !== t) {
+    let A;
+    e[22] !== j ? (A = (N, Y) => {
+      const K = Je(N.variant);
+      return /* @__PURE__ */ L(D, { width: "100%", children: [
+        /* @__PURE__ */ c(Ke, { label: N.title, leftIcon: N.icon, onClick: () => j(N), ...K }),
+        N.hasBottomDivider && /* @__PURE__ */ c(D, { ...E.divider })
+      ] }, `${N.title}-${Y}`);
+    }, e[22] = j, e[23] = A) : A = e[23], H = t.map(A), e[19] = j, e[20] = t, e[21] = H;
+  } else
+    H = e[21];
+  let V;
+  e[24] !== H ? (V = /* @__PURE__ */ c(D, { ...W, children: H }), e[24] = H, e[25] = V) : V = e[25];
+  let F;
+  e[26] !== v || e[27] !== V ? (F = /* @__PURE__ */ c(_e, { children: /* @__PURE__ */ c(Q.Positioner, { children: /* @__PURE__ */ c(Q.Content, { width: "max-content", border: "none", background: "transparent", boxShadow: "none", p: 0, children: /* @__PURE__ */ c(fe, { p: 3, gap: "12px", width: v, children: V }) }) }) }), e[26] = v, e[27] = V, e[28] = F) : F = e[28];
+  let q;
+  return e[29] !== k || e[30] !== R || e[31] !== O || e[32] !== F ? (q = /* @__PURE__ */ L(Q.Root, { positioning: z, open: k, onOpenChange: R, children: [
+    O,
+    F
+  ] }), e[29] = k, e[30] = R, e[31] = O, e[32] = F, e[33] = q) : q = e[33], q;
+}
+const ve = "outlined";
+function et(i) {
+  return i ? i === "secondary" ? "filled" : i === "image" ? ve : i : ve;
+}
+function tt(i, e) {
+  const t = et(e), o = G[t], n = i === "image" || e === "image";
+  return {
+    container: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      borderRadius: "dynamic.md",
+      width: "40px",
+      height: "40px",
+      padding: n ? 0 : "8px",
+      bg: n ? "neutral.bgLight" : o.bg,
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderColor: n ? "neutral.30" : o.borderColor
+    },
+    icon: {
+      color: o.color,
+      width: "24px",
+      height: "24px"
+    },
+    text: {
+      textStyle: "body2Regular",
+      color: o.color
+    },
+    image: {
+      width: "100%",
+      height: "100%",
+      objectFit: "cover",
+      borderRadius: "dynamic.md"
+    }
+  };
+}
+function se(i) {
+  const e = $.c(21), {
+    type: t,
+    variant: o,
+    icon: n,
+    text: r,
+    imageSrc: l,
+    imageAlt: p
+  } = i, u = t === void 0 ? "icon" : t, a = o === void 0 ? "outlined" : o, s = p === void 0 ? "" : p;
+  let h;
+  e[0] !== u || e[1] !== a ? (h = tt(u, a), e[0] = u, e[1] = a, e[2] = h) : h = e[2];
+  const d = h;
+  let f;
+  e[3] !== n || e[4] !== d.icon || e[5] !== u ? (f = u === "icon" && n && /* @__PURE__ */ c(Z, { as: n, ...d.icon }), e[3] = n, e[4] = d.icon, e[5] = u, e[6] = f) : f = e[6];
+  let x;
+  e[7] !== d.text || e[8] !== r || e[9] !== u ? (x = u === "text" && r && /* @__PURE__ */ c(D, { ...d.text, children: r }), e[7] = d.text, e[8] = r, e[9] = u, e[10] = x) : x = e[10];
+  let m;
+  e[11] !== s || e[12] !== l || e[13] !== d.image || e[14] !== u ? (m = u === "image" && l && /* @__PURE__ */ c(Ie, { src: l, alt: s, ...d.image }), e[11] = s, e[12] = l, e[13] = d.image, e[14] = u, e[15] = m) : m = e[15];
+  let g;
+  return e[16] !== d.container || e[17] !== f || e[18] !== x || e[19] !== m ? (g = /* @__PURE__ */ L(D, { ...d.container, children: [
+    f,
+    x,
+    m
+  ] }), e[16] = d.container, e[17] = f, e[18] = x, e[19] = m, e[20] = g) : g = e[20], g;
+}
+const ye = (i) => {
+  const e = $.c(5);
+  let t;
+  e[0] !== i ? ({
+    ...t
+  } = i, e[0] = i, e[1] = t) : t = e[1];
+  let o;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ c("path", { d: "M15 18L9 12L15 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), e[2] = o) : o = e[2];
+  let n;
+  return e[3] !== t ? (n = /* @__PURE__ */ c("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: o }), e[3] = t, e[4] = n) : n = e[4], n;
+};
+function nt() {
+  return {
+    container: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "16px",
+      padding: "16px 24px",
+      width: "100%",
+      background: "neutral.bgLight",
+      position: "relative"
+    },
+    buttonWrapper: {
+      position: "absolute",
+      left: "24px",
+      display: "flex",
+      alignItems: "center"
+    }
+  };
+}
+function zt(i) {
+  const e = $.c(18), {
+    buttonLabel: t,
+    onClick: o,
+    imageSrc: n,
+    imageAlt: r
+  } = i;
+  let l;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = nt(), e[0] = l) : l = e[0];
+  const p = l;
+  let u;
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = {
+    base: "none",
+    md: "inline-flex"
+  }, e[1] = u) : u = e[1];
+  let a;
+  e[2] !== t || e[3] !== o ? (a = /* @__PURE__ */ c(ee, { variant: "transparent", leftIcon: ye, onClick: o, display: u, children: t }), e[2] = t, e[3] = o, e[4] = a) : a = e[4];
+  let s;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = {
+    base: "inline-flex",
+    md: "none"
+  }, e[5] = s) : s = e[5];
+  let h;
+  e[6] !== t || e[7] !== o ? (h = /* @__PURE__ */ c(ee, { variant: "transparent", buttonType: "icon", icon: ye, onClick: o, "aria-label": t, display: s }), e[6] = t, e[7] = o, e[8] = h) : h = e[8];
+  let d;
+  e[9] !== a || e[10] !== h ? (d = /* @__PURE__ */ L(D, { ...p.buttonWrapper, children: [
+    a,
+    h
+  ] }), e[9] = a, e[10] = h, e[11] = d) : d = e[11];
+  let f;
+  e[12] !== r || e[13] !== n ? (f = /* @__PURE__ */ c(se, { type: "image", variant: "image", imageSrc: n, imageAlt: r }), e[12] = r, e[13] = n, e[14] = f) : f = e[14];
+  let x;
+  return e[15] !== d || e[16] !== f ? (x = /* @__PURE__ */ L(D, { ...p.container, children: [
+    d,
+    f
+  ] }), e[15] = d, e[16] = f, e[17] = x) : x = e[17], x;
+}
+function ot(i) {
+  return {
+    container: {
+      display: "flex",
+      alignItems: "center",
+      gap: "16px",
+      padding: "16px",
+      borderRadius: "dynamic.md",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderColor: i ? "primary.main" : "neutral.30",
+      bg: i ? "primary.tint10" : "neutral.bgLight",
+      width: "100%",
+      cursor: "pointer",
+      _hover: i ? void 0 : {
+        bg: "neutral.10",
+        borderColor: "neutral.30"
+      }
+    },
+    content: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "8px",
+      flex: "1 0 0",
+      minWidth: 0
+    },
+    title: {
+      textStyle: "body2Regular",
+      color: "text.main"
+    },
+    subtitle: {
+      textStyle: "body3Regular",
+      color: "text.subtext"
+    },
+    action: {
+      flexShrink: 0,
+      position: "relative"
+    }
+  };
+}
+function Nt(i) {
+  const e = $.c(23), {
+    title: t,
+    subtitle: o,
+    actionMenuItems: n,
+    actionMenuProps: r,
+    isSelected: l,
+    onClick: p
+  } = i;
+  let u;
+  e[0] !== l ? (u = ot(l), e[0] = l, e[1] = u) : u = e[1];
+  const a = u;
+  let s;
+  e[2] !== a.title || e[3] !== t ? (s = /* @__PURE__ */ c(D, { ...a.title, children: t }), e[2] = a.title, e[3] = t, e[4] = s) : s = e[4];
+  let h;
+  e[5] !== a.subtitle || e[6] !== o ? (h = /* @__PURE__ */ c(D, { ...a.subtitle, children: o }), e[5] = a.subtitle, e[6] = o, e[7] = h) : h = e[7];
+  let d;
+  e[8] !== a.content || e[9] !== s || e[10] !== h ? (d = /* @__PURE__ */ L(D, { ...a.content, children: [
+    s,
+    h
+  ] }), e[8] = a.content, e[9] = s, e[10] = h, e[11] = d) : d = e[11];
+  let f;
+  e[12] !== n || e[13] !== r ? (f = /* @__PURE__ */ c(Qe, { items: n, buttonVariant: "transparent", ...r }), e[12] = n, e[13] = r, e[14] = f) : f = e[14];
+  let x;
+  e[15] !== a.action || e[16] !== f ? (x = /* @__PURE__ */ c(D, { ...a.action, onClick: it, children: f }), e[15] = a.action, e[16] = f, e[17] = x) : x = e[17];
+  let m;
+  return e[18] !== p || e[19] !== a.container || e[20] !== d || e[21] !== x ? (m = /* @__PURE__ */ L(D, { ...a.container, role: "button", onClick: p, children: [
+    d,
+    x
+  ] }), e[18] = p, e[19] = a.container, e[20] = d, e[21] = x, e[22] = m) : m = e[22], m;
+}
+function it(i) {
+  return i.stopPropagation();
+}
+const rt = (i) => {
+  const e = $.c(5);
+  let t;
+  e[0] !== i ? ({
+    ...t
+  } = i, e[0] = i, e[1] = t) : t = e[1];
+  let o;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ c("path", { d: "M10 6.29559H10.0093M10 9.07393V13.7045M18.335 10C18.335 14.6034 14.6034 18.335 10 18.335C5.39675 18.335 1.66504 14.6034 1.66504 10C1.66504 5.39675 5.39675 1.66504 10 1.66504C14.6034 1.66504 18.335 5.39675 18.335 10Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), e[2] = o) : o = e[2];
+  let n;
+  return e[3] !== t ? (n = /* @__PURE__ */ c("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: o }), e[3] = t, e[4] = n) : n = e[4], n;
+}, lt = (i) => {
+  const e = $.c(5);
+  let t;
+  e[0] !== i ? ({
+    ...t
+  } = i, e[0] = i, e[1] = t) : t = e[1];
+  let o;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ c("path", { d: "M5 9.99374L8.33124 13.325L14.993 6.66248", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), e[2] = o) : o = e[2];
+  let n;
+  return e[3] !== t ? (n = /* @__PURE__ */ c("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: o }), e[3] = t, e[4] = n) : n = e[4], n;
+}, st = (i) => {
+  const e = $.c(7);
+  let t;
+  e[0] !== i ? ({
+    ...t
+  } = i, e[0] = i, e[1] = t) : t = e[1];
+  let o, n, r;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ c("path", { d: "M16.7024 17.5H3.29756C2.01587 17.5 1.21383 16.1137 1.85272 15.0026L8.55518 3.34614C9.19602 2.23163 10.804 2.23162 11.4448 3.34613L18.1474 15.0026C18.7862 16.1137 17.9842 17.5 16.7024 17.5Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }), n = /* @__PURE__ */ c("path", { d: "M10 7.5V10.8333", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }), r = /* @__PURE__ */ c("path", { d: "M10 14.1727L10.0063 14.1658", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), e[2] = o, e[3] = n, e[4] = r) : (o = e[2], n = e[3], r = e[4]);
+  let l;
+  return e[5] !== t ? (l = /* @__PURE__ */ L("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: [
+    o,
+    n,
+    r
+  ] }), e[5] = t, e[6] = l) : l = e[6], l;
+}, Re = (i) => {
+  const e = $.c(5);
+  let t;
+  e[0] !== i ? ({
+    ...t
+  } = i, e[0] = i, e[1] = t) : t = e[1];
+  let o;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ c("path", { d: "M14 6L6 14M6 6L14 14", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), e[2] = o) : o = e[2];
+  let n;
+  return e[3] !== t ? (n = /* @__PURE__ */ c("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: o }), e[3] = t, e[4] = n) : n = e[4], n;
+}, xe = (i) => {
+  const e = $.c(5);
+  let t;
+  e[0] !== i ? ({
+    ...t
+  } = i, e[0] = i, e[1] = t) : t = e[1];
+  let o;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ c("path", { d: "M17 7L7 17M7 7L17 17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), e[2] = o) : o = e[2];
+  let n;
+  return e[3] !== t ? (n = /* @__PURE__ */ c("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: o }), e[3] = t, e[4] = n) : n = e[4], n;
+}, at = {
+  information: rt,
+  success: lt,
+  warning: st,
+  error: Re
+};
+function Ut(i) {
+  const e = $.c(27), {
+    variant: t,
+    title: o,
+    description: n,
+    secondaryTitle: r,
+    primaryTitle: l,
+    onSecondaryClick: p,
+    onPrimaryClick: u,
+    onClose: a
+  } = i, s = t === void 0 ? "information" : t, h = at[s];
+  let d;
+  e[0] !== h || e[1] !== s ? (d = /* @__PURE__ */ c(se, { type: "icon", variant: s, icon: h }), e[0] = h, e[1] = s, e[2] = d) : d = e[2];
+  let f;
+  e[3] !== o ? (f = /* @__PURE__ */ c(U, { textStyle: "body2Regular", color: "text.main", children: o }), e[3] = o, e[4] = f) : f = e[4];
+  let x;
+  e[5] !== n ? (x = /* @__PURE__ */ c(U, { width: "230px", textStyle: "body3Regular", color: "text.subtext", children: n }), e[5] = n, e[6] = x) : x = e[6];
+  let m;
+  e[7] !== p || e[8] !== r ? (m = /* @__PURE__ */ c(D, { width: "50%", children: /* @__PURE__ */ c(ee, { variant: "outlined", width: "100%", onClick: p, children: r }) }), e[7] = p, e[8] = r, e[9] = m) : m = e[9];
+  let g;
+  e[10] !== u || e[11] !== l || e[12] !== s ? (g = /* @__PURE__ */ c(D, { width: "50%", children: /* @__PURE__ */ c(ee, { variant: s, width: "100%", onClick: u, children: l }) }), e[10] = u, e[11] = l, e[12] = s, e[13] = g) : g = e[13];
+  let v;
+  e[14] !== m || e[15] !== g ? (v = /* @__PURE__ */ L(P, { flexDirection: "row", gap: 2, mt: 3, children: [
+    m,
+    g
+  ] }), e[14] = m, e[15] = g, e[16] = v) : v = e[16];
+  let b;
+  e[17] !== f || e[18] !== x || e[19] !== v ? (b = /* @__PURE__ */ L(P, { flexDirection: "column", gap: 1, flex: 1, minWidth: 0, children: [
+    f,
+    x,
+    v
+  ] }), e[17] = f, e[18] = x, e[19] = v, e[20] = b) : b = e[20];
+  let y;
+  e[21] !== a ? (y = /* @__PURE__ */ c(ee, { variant: "transparent", buttonType: "icon", icon: xe, onClick: a, "aria-label": "Close", position: "absolute", top: 2, right: 2 }), e[21] = a, e[22] = y) : y = e[22];
+  let w;
+  return e[23] !== d || e[24] !== b || e[25] !== y ? (w = /* @__PURE__ */ L(fe, { flexDirection: "row", alignItems: "flex-start", gap: 3, width: "358px", position: "relative", children: [
+    d,
+    b,
+    y
+  ] }), e[23] = d, e[24] = b, e[25] = y, e[26] = w) : w = e[26], w;
+}
+function ct(i) {
+  const e = $.c(8), {
+    thumbnail: t,
+    title: o,
+    quantity: n
+  } = i;
+  let r;
+  e[0] !== t || e[1] !== o ? (r = /* @__PURE__ */ c(P, { width: "80px", height: "80px", borderRadius: "dynamic.md", bg: "neutral.10", overflow: "hidden", children: /* @__PURE__ */ c(Ie, { src: t, alt: o, width: "100%", height: "100%", objectFit: "cover" }) }), e[0] = t, e[1] = o, e[2] = r) : r = e[2];
+  let l;
+  e[3] !== n ? (l = /* @__PURE__ */ c(P, { position: "absolute", top: "-4px", right: "-4px", px: "6px", py: "2px", bg: "neutral.bgDark", color: "neutral.bgLight", border: "1px solid", borderColor: "neutral.bgLight", borderRadius: "dynamic.sm", fontSize: "12px", fontWeight: 500, lineHeight: "16px", children: n }), e[3] = n, e[4] = l) : l = e[4];
+  let p;
+  return e[5] !== r || e[6] !== l ? (p = /* @__PURE__ */ L(P, { position: "relative", flexShrink: 0, children: [
+    r,
+    l
+  ] }), e[5] = r, e[6] = l, e[7] = p) : p = e[7], p;
+}
+function dt(i) {
+  const e = $.c(23), {
+    title: t,
+    sku: o,
+    price: n,
+    abbreviation: r
+  } = i;
+  let l;
+  e[0] !== t ? (l = /* @__PURE__ */ c(U, { textStyle: "body2Regular", color: "text.main", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", width: "100%", children: t }), e[0] = t, e[1] = l) : l = e[1];
+  let p;
+  if (e[2] !== o) {
+    let m;
+    e[4] !== o.length ? (m = (g, v) => /* @__PURE__ */ L(P, { flexDirection: "row", alignItems: "center", gap: 2, children: [
+      /* @__PURE__ */ c(U, { textStyle: "body3Regular", color: "text.subtext", children: g }),
+      v < o.length - 1 && /* @__PURE__ */ c(P, { width: "4px", height: "4px", borderRadius: "full", bg: "neutral.30" })
+    ] }, v), e[4] = o.length, e[5] = m) : m = e[5], p = o.map(m), e[2] = o, e[3] = p;
+  } else
+    p = e[3];
+  let u;
+  e[6] !== p ? (u = /* @__PURE__ */ c(P, { flexDirection: "row", flexWrap: "wrap", gap: 2, alignItems: "center", width: "100%", children: p }), e[6] = p, e[7] = u) : u = e[7];
+  let a;
+  e[8] !== l || e[9] !== u ? (a = /* @__PURE__ */ L(P, { flexDirection: "column", gap: 1, width: "100%", children: [
+    l,
+    u
+  ] }), e[8] = l, e[9] = u, e[10] = a) : a = e[10];
+  let s;
+  e[11] !== n ? (s = n.toFixed(2), e[11] = n, e[12] = s) : s = e[12];
+  let h;
+  e[13] !== s ? (h = /* @__PURE__ */ L(U, { textStyle: "body2Regular", color: "text.main", children: [
+    "$",
+    s
+  ] }), e[13] = s, e[14] = h) : h = e[14];
+  let d;
+  e[15] !== r ? (d = /* @__PURE__ */ c(U, { textStyle: "body2Regular", color: "text.subtext", children: r }), e[15] = r, e[16] = d) : d = e[16];
+  let f;
+  e[17] !== h || e[18] !== d ? (f = /* @__PURE__ */ L(P, { flexDirection: "row", gap: 1, alignItems: "center", children: [
+    h,
+    d
+  ] }), e[17] = h, e[18] = d, e[19] = f) : f = e[19];
+  let x;
+  return e[20] !== a || e[21] !== f ? (x = /* @__PURE__ */ L(P, { flexDirection: "column", gap: 2, flex: 1, minWidth: 0, children: [
+    a,
+    f
+  ] }), e[20] = a, e[21] = f, e[22] = x) : x = e[22], x;
+}
+function Zt(i) {
+  const e = $.c(24), {
+    title: t,
+    price: o,
+    abbreviation: n,
+    sku: r,
+    quantity: l,
+    url: p,
+    thumbnail: u,
+    rightContent: a
+  } = i;
+  let s;
+  e[0] !== l || e[1] !== u || e[2] !== t ? (s = /* @__PURE__ */ c(ct, { thumbnail: u, title: t, quantity: l }), e[0] = l, e[1] = u, e[2] = t, e[3] = s) : s = e[3];
+  let h;
+  e[4] !== n || e[5] !== o || e[6] !== r || e[7] !== t ? (h = /* @__PURE__ */ c(dt, { title: t, sku: r, price: o, abbreviation: n }), e[4] = n, e[5] = o, e[6] = r, e[7] = t, e[8] = h) : h = e[8];
+  let d;
+  e[9] !== a ? (d = a && /* @__PURE__ */ c(P, { flexShrink: 0, alignItems: "center", display: {
+    base: "none",
+    md: "flex"
+  }, children: a }), e[9] = a, e[10] = d) : d = e[10];
+  let f;
+  e[11] !== s || e[12] !== h || e[13] !== d ? (f = /* @__PURE__ */ L(P, { flexDirection: "row", gap: 3, alignItems: "flex-start", width: "100%", children: [
+    s,
+    h,
+    d
+  ] }), e[11] = s, e[12] = h, e[13] = d, e[14] = f) : f = e[14];
+  let x;
+  e[15] !== a ? (x = a && /* @__PURE__ */ c(P, { width: "100%", display: {
+    base: "flex",
+    md: "none"
+  }, children: a }), e[15] = a, e[16] = x) : x = e[16];
+  let m;
+  e[17] !== f || e[18] !== x ? (m = /* @__PURE__ */ L(P, { flexDirection: "column", gap: 3, alignItems: "flex-start", width: "100%", children: [
+    f,
+    x
+  ] }), e[17] = f, e[18] = x, e[19] = m) : m = e[19];
+  const g = m;
+  if (p) {
+    let v;
+    e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = {
+      textDecoration: "none",
+      color: "inherit",
+      display: "block"
+    }, e[20] = v) : v = e[20];
+    let b;
+    return e[21] !== g || e[22] !== p ? (b = /* @__PURE__ */ c("a", { href: p, style: v, children: g }), e[21] = g, e[22] = p, e[23] = b) : b = e[23], b;
+  }
+  return g;
+}
+function ut(i) {
+  const e = $.c(34), {
+    open: t,
+    onOpenChange: o,
+    headerContent: n,
+    children: r,
+    footerContent: l,
+    title: p,
+    icon: u,
+    showCloseButton: a,
+    hasBlurBg: s,
+    size: h,
+    maxHeight: d,
+    minHeight: f
+  } = i, x = a === void 0 ? !0 : a, m = s === void 0 ? !1 : s, g = h === void 0 ? "md" : h, v = d === void 0 ? "560px" : d;
+  let b;
+  e[0] !== o ? (b = (j) => o?.(j.open), e[0] = o, e[1] = b) : b = e[1];
+  const y = m ? "rgba(0, 0, 0, 0.50)" : "rgba(23, 26, 28, 0.6)", w = m ? "blur(100px)" : void 0;
+  let S;
+  e[2] !== y || e[3] !== w ? (S = /* @__PURE__ */ c(X.Backdrop, { bg: y, backdropFilter: w }), e[2] = y, e[3] = w, e[4] = S) : S = e[4];
+  let I;
+  e[5] !== u ? (I = u && /* @__PURE__ */ c(se, { type: "icon", variant: "secondary", icon: u }), e[5] = u, e[6] = I) : I = e[6];
+  let k;
+  e[7] !== p ? (k = /* @__PURE__ */ c(X.Title, { flex: 1, textAlign: "center", fontSize: "16px", fontWeight: 500, lineHeight: "24px", color: "text.main", children: p }), e[7] = p, e[8] = k) : k = e[8];
+  let _;
+  e[9] !== x ? (_ = x && /* @__PURE__ */ c(X.CloseTrigger, { position: "unset", asChild: !0, children: /* @__PURE__ */ c(ee, { variant: "outlined", buttonType: "icon", icon: xe, "aria-label": "Close" }) }), e[9] = x, e[10] = _) : _ = e[10];
+  let R;
+  e[11] !== _ || e[12] !== I || e[13] !== k ? (R = /* @__PURE__ */ L(P, { gap: 4, alignItems: "center", width: "100%", children: [
+    I,
+    k,
+    _
+  ] }), e[11] = _, e[12] = I, e[13] = k, e[14] = R) : R = e[14];
+  let T;
+  e[15] !== n || e[16] !== R ? (T = /* @__PURE__ */ L(X.Header, { bg: "neutral.bgLight", borderBottom: "1px solid", borderColor: "neutral.30", p: 4, flexDirection: "column", gap: 4, children: [
+    R,
+    n
+  ] }), e[15] = n, e[16] = R, e[17] = T) : T = e[17];
+  let B;
+  e[18] !== r ? (B = /* @__PURE__ */ c(X.Body, { flex: 1, overflow: "auto", p: 0, children: r }), e[18] = r, e[19] = B) : B = e[19];
+  let C;
+  e[20] !== l ? (C = l && /* @__PURE__ */ c(X.Footer, { bg: "neutral.bgLight", borderTop: "1px solid", borderColor: "neutral.30", p: 4, gap: 3, justifyContent: "flex-end", children: l }), e[20] = l, e[21] = C) : C = e[21];
+  let E;
+  e[22] !== v || e[23] !== f || e[24] !== T || e[25] !== B || e[26] !== C ? (E = /* @__PURE__ */ c(X.Positioner, { children: /* @__PURE__ */ L(X.Content, { bg: "neutral.bgLight", border: "1px solid", borderColor: "neutral.30", borderRadius: "dynamic.2xl", maxH: v, minH: f, overflow: "hidden", children: [
+    T,
+    B,
+    C
+  ] }) }), e[22] = v, e[23] = f, e[24] = T, e[25] = B, e[26] = C, e[27] = E) : E = e[27];
+  let M;
+  return e[28] !== t || e[29] !== g || e[30] !== E || e[31] !== b || e[32] !== S ? (M = /* @__PURE__ */ L(X.Root, { open: t, onOpenChange: b, size: g, placement: "center", children: [
+    S,
+    E
+  ] }), e[28] = t, e[29] = g, e[30] = E, e[31] = b, e[32] = S, e[33] = M) : M = e[33], M;
+}
+function ht(i) {
+  const e = $.c(34), {
+    open: t,
+    onOpenChange: o,
+    headerContent: n,
+    children: r,
+    footerContent: l,
+    title: p,
+    icon: u,
+    showCloseButton: a,
+    hasBlurBg: s,
+    size: h,
+    maxHeight: d,
+    minHeight: f
+  } = i, x = a === void 0 ? !0 : a, m = s === void 0 ? !1 : s, g = h === void 0 ? "md" : h, v = d === void 0 ? "calc(100vh - 56px)" : d;
+  let b;
+  e[0] !== o ? (b = (j) => o?.(j.open), e[0] = o, e[1] = b) : b = e[1];
+  const y = m ? "rgba(0, 0, 0, 0.50)" : "rgba(23, 26, 28, 0.6)", w = m ? "blur(100px)" : void 0;
+  let S;
+  e[2] !== y || e[3] !== w ? (S = /* @__PURE__ */ c(J.Backdrop, { bg: y, backdropFilter: w }), e[2] = y, e[3] = w, e[4] = S) : S = e[4];
+  let I;
+  e[5] !== u ? (I = u && /* @__PURE__ */ c(se, { type: "icon", variant: "secondary", icon: u }), e[5] = u, e[6] = I) : I = e[6];
+  let k;
+  e[7] !== p ? (k = /* @__PURE__ */ c(J.Title, { flex: 1, textAlign: "center", fontSize: "16px", fontWeight: 500, lineHeight: "24px", color: "text.main", children: p }), e[7] = p, e[8] = k) : k = e[8];
+  let _;
+  e[9] !== x ? (_ = x && /* @__PURE__ */ c(J.CloseTrigger, { position: "unset", asChild: !0, children: /* @__PURE__ */ c(ee, { variant: "outlined", buttonType: "icon", icon: xe, "aria-label": "Close" }) }), e[9] = x, e[10] = _) : _ = e[10];
+  let R;
+  e[11] !== _ || e[12] !== I || e[13] !== k ? (R = /* @__PURE__ */ L(P, { gap: 4, alignItems: "center", width: "100%", children: [
+    I,
+    k,
+    _
+  ] }), e[11] = _, e[12] = I, e[13] = k, e[14] = R) : R = e[14];
+  let T;
+  e[15] !== n || e[16] !== R ? (T = /* @__PURE__ */ L(J.Header, { bg: "neutral.bgLight", borderBottom: "1px solid", borderColor: "neutral.30", p: 4, flexDirection: "column", gap: 4, children: [
+    R,
+    n
+  ] }), e[15] = n, e[16] = R, e[17] = T) : T = e[17];
+  let B;
+  e[18] !== r ? (B = /* @__PURE__ */ c(J.Body, { flex: 1, overflow: "auto", p: 0, children: r }), e[18] = r, e[19] = B) : B = e[19];
+  let C;
+  e[20] !== l ? (C = l && /* @__PURE__ */ c(J.Footer, { bg: "neutral.bgLight", borderTop: "1px solid", borderColor: "neutral.30", p: 4, gap: 3, justifyContent: "flex-end", children: l }), e[20] = l, e[21] = C) : C = e[21];
+  let E;
+  e[22] !== v || e[23] !== f || e[24] !== T || e[25] !== B || e[26] !== C ? (E = /* @__PURE__ */ c(J.Positioner, { children: /* @__PURE__ */ L(J.Content, { bg: "neutral.bgLight", border: "1px solid", borderColor: "neutral.30", borderTopRadius: "dynamic.2xl", borderBottomRadius: 0, overflow: "hidden", maxH: v, minH: f, children: [
+    T,
+    B,
+    C
+  ] }) }), e[22] = v, e[23] = f, e[24] = T, e[25] = B, e[26] = C, e[27] = E) : E = e[27];
+  let M;
+  return e[28] !== t || e[29] !== g || e[30] !== E || e[31] !== b || e[32] !== S ? (M = /* @__PURE__ */ L(J.Root, { open: t, onOpenChange: b, placement: "bottom", size: g, children: [
+    S,
+    E
+  ] }), e[28] = t, e[29] = g, e[30] = E, e[31] = b, e[32] = S, e[33] = M) : M = e[33], M;
+}
+function Yt(i) {
+  const e = $.c(5);
+  let t;
+  if (e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = {
+    base: !1,
+    md: !0
+  }, e[0] = t) : t = e[0], $e(t)) {
+    let r;
+    return e[1] !== i ? (r = /* @__PURE__ */ c(ut, { ...i }), e[1] = i, e[2] = r) : r = e[2], r;
+  }
+  let n;
+  return e[3] !== i ? (n = /* @__PURE__ */ c(ht, { ...i }), e[3] = i, e[4] = n) : n = e[4], n;
+}
+const pt = (i, e, t) => ({
+  display: "flex",
+  alignItems: "center",
+  flex: 1,
+  minHeight: "40px",
+  padding: `${t ? "7px" : "8px"} 12px`,
+  gap: "8px",
+  borderRadius: "dynamic.md",
+  borderWidth: "1px",
+  borderStyle: "solid",
+  transition: "all 0.2s",
+  bg: e.bg,
+  borderColor: Ce(i, e),
+  color: e.color,
+  cursor: i === "disabled" ? "not-allowed" : "text",
+  _hover: {
+    ...e._hover,
+    borderColor: Ce(i, e)
+  },
+  _active: e._active,
+  _focusWithin: {
+    borderColor: "primary.main"
+  }
+}), ft = () => ({
+  flex: 1,
+  bg: "transparent",
+  border: "none",
+  outline: "none",
+  width: "100%",
+  height: "100%",
+  padding: 0,
+  margin: 0,
+  textStyle: "body2Regular",
+  color: "inherit",
+  _placeholder: {
+    color: "text.subtext"
+  },
+  _disabled: {
+    cursor: "not-allowed"
+  }
+}), Ce = (i, e) => {
+  switch (i) {
+    case "disabled":
+      return "neutral.30";
+    case "outlined":
+      return e.borderColor;
+    default:
+      return e.color;
+  }
+}, Le = (i) => {
+  const e = $.c(16), {
+    title: t,
+    subtitle: o,
+    required: n,
+    secondaryText: r,
+    chipsLabel: l
+  } = i, p = t || "Title Here";
+  let u;
+  e[0] !== p ? (u = /* @__PURE__ */ c(U, { textStyle: "body2Regular", color: "text.main", children: p }), e[0] = p, e[1] = u) : u = e[1];
+  let a;
+  e[2] !== n || e[3] !== r ? (a = n && /* @__PURE__ */ c(U, { textStyle: "body3Regular", color: "text.subtext", children: r }), e[2] = n, e[3] = r, e[4] = a) : a = e[4];
+  let s;
+  e[5] !== l ? (s = l && /* @__PURE__ */ c(le, { label: l, variant: "muted" }), e[5] = l, e[6] = s) : s = e[6];
+  let h;
+  e[7] !== u || e[8] !== a || e[9] !== s ? (h = /* @__PURE__ */ L(P, { gap: "4px", alignItems: "center", width: "100%", children: [
+    u,
+    a,
+    s
+  ] }), e[7] = u, e[8] = a, e[9] = s, e[10] = h) : h = e[10];
+  let d;
+  e[11] !== o ? (d = o && /* @__PURE__ */ c(U, { textStyle: "body3Regular", color: "text.subtext", children: o }), e[11] = o, e[12] = d) : d = e[12];
+  let f;
+  return e[13] !== h || e[14] !== d ? (f = /* @__PURE__ */ L(P, { direction: "column", gap: "4px", width: "100%", children: [
+    h,
+    d
+  ] }), e[13] = h, e[14] = d, e[15] = f) : f = e[15], f;
+}, xt = ne.forwardRef((i, e) => {
+  const t = $.c(38);
+  let o, n, r, l, p, u, a, s, h, d, f, x;
+  t[0] !== i ? ({
+    title: d,
+    leftIcon: p,
+    rightIcon: s,
+    placeholder: h,
+    isDisabled: l,
+    value: f,
+    defaultValue: o,
+    maxLength: u,
+    wrapperStyles: x,
+    inputStyles: r,
+    handleChange: n,
+    ...a
+  } = i, t[0] = i, t[1] = o, t[2] = n, t[3] = r, t[4] = l, t[5] = p, t[6] = u, t[7] = a, t[8] = s, t[9] = h, t[10] = d, t[11] = f, t[12] = x) : (o = t[1], n = t[2], r = t[3], l = t[4], p = t[5], u = t[6], a = t[7], s = t[8], h = t[9], d = t[10], f = t[11], x = t[12]);
+  const m = h === void 0 ? "Enter Text" : h;
+  let g;
+  t[13] !== d ? (g = () => {
+    const I = document.getElementById(`input-${d}`);
+    I && I.focus();
+  }, t[13] = d, t[14] = g) : g = t[14];
+  let v;
+  t[15] !== r || t[16] !== p ? (v = p && /* @__PURE__ */ c(D, { flexShrink: 0, width: "24px", height: "24px", display: "flex", alignItems: "center", justifyContent: "center", color: r.color, children: p }), t[15] = r, t[16] = p, t[17] = v) : v = t[17];
+  const b = `input-${d}`;
+  let y;
+  t[18] !== o || t[19] !== n || t[20] !== r || t[21] !== l || t[22] !== u || t[23] !== m || t[24] !== e || t[25] !== a || t[26] !== b || t[27] !== f ? (y = /* @__PURE__ */ c(pe.input, { ref: e, id: b, placeholder: m, disabled: l, value: f, defaultValue: o, onChange: n, maxLength: u, ...r, ...a }), t[18] = o, t[19] = n, t[20] = r, t[21] = l, t[22] = u, t[23] = m, t[24] = e, t[25] = a, t[26] = b, t[27] = f, t[28] = y) : y = t[28];
+  let w;
+  t[29] !== r || t[30] !== s ? (w = s && /* @__PURE__ */ c(D, { flexShrink: 0, width: "24px", height: "24px", display: "flex", alignItems: "center", justifyContent: "center", color: r.color, children: s }), t[29] = r, t[30] = s, t[31] = w) : w = t[31];
+  let S;
+  return t[32] !== g || t[33] !== v || t[34] !== y || t[35] !== w || t[36] !== x ? (S = /* @__PURE__ */ L(D, { ...x, onClick: g, children: [
+    v,
+    y,
+    w
+  ] }), t[32] = g, t[33] = v, t[34] = y, t[35] = w, t[36] = x, t[37] = S) : S = t[37], S;
+}), Be = (i) => {
+  const e = $.c(10), {
+    supportingMessage: t,
+    charCount: o,
+    maxLength: n,
+    effectiveVariant: r
+  } = i, l = !!n, p = G[r];
+  if (!t && !l)
+    return null;
+  const u = r === "outlined" ? "text.subtext" : p.color;
+  let a;
+  e[0] !== t ? (a = t && /* @__PURE__ */ c(U, { flex: "1", children: t }), e[0] = t, e[1] = a) : a = e[1];
+  let s;
+  e[2] !== o || e[3] !== l || e[4] !== n ? (s = l && /* @__PURE__ */ L(U, { children: [
+    o,
+    n ? `/${n}` : ""
+  ] }), e[2] = o, e[3] = l, e[4] = n, e[5] = s) : s = e[5];
+  let h;
+  return e[6] !== u || e[7] !== a || e[8] !== s ? (h = /* @__PURE__ */ L(P, { width: "100%", paddingX: "12px", gap: "8px", justifyContent: "flex-end", textStyle: "body3Regular", color: u, children: [
+    a,
+    s
+  ] }), e[6] = u, e[7] = a, e[8] = s, e[9] = h) : h = e[9], h;
+}, Kt = ne.forwardRef((i, e) => {
+  const t = $.c(59);
+  let o, n, r, l, p, u, a, s, h, d, f, x, m, g, v, b, y;
+  t[0] !== i ? ({
+    title: b,
+    subtitle: f,
+    supportingMessage: x,
+    rightElement: h,
+    leftIcon: l,
+    rightIcon: d,
+    secondaryText: m,
+    required: a,
+    chipsLabel: o,
+    variant: g,
+    isDisabled: r,
+    value: y,
+    defaultValue: n,
+    onChange: u,
+    placeholder: v,
+    maxLength: p,
+    ...s
+  } = i, t[0] = i, t[1] = o, t[2] = n, t[3] = r, t[4] = l, t[5] = p, t[6] = u, t[7] = a, t[8] = s, t[9] = h, t[10] = d, t[11] = f, t[12] = x, t[13] = m, t[14] = g, t[15] = v, t[16] = b, t[17] = y) : (o = t[1], n = t[2], r = t[3], l = t[4], p = t[5], u = t[6], a = t[7], s = t[8], h = t[9], d = t[10], f = t[11], x = t[12], m = t[13], g = t[14], v = t[15], b = t[16], y = t[17]);
+  const w = m === void 0 ? "(Required)" : m, S = g === void 0 ? "outlined" : g, I = v === void 0 ? "Select" : v, k = y !== void 0;
+  let _;
+  t[18] !== n ? (_ = () => n !== void 0 ? String(n).length : 0, t[18] = n, t[19] = _) : _ = t[19];
+  const [R, T] = oe(_), B = k ? String(y).length : R;
+  let C;
+  t[20] !== k || t[21] !== u ? (C = (K) => {
+    k || T(K.target.value.length), u?.(K);
+  }, t[20] = k, t[21] = u, t[22] = C) : C = t[22];
+  const E = C, M = r ? "disabled" : S, j = G[M] || G.outlined, z = !!(l || d);
+  let O;
+  t[23] !== M || t[24] !== z || t[25] !== j ? (O = pt(M, j, z), t[23] = M, t[24] = z, t[25] = j, t[26] = O) : O = t[26];
+  const W = O;
+  let H;
+  t[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (H = ft(), t[27] = H) : H = t[27];
+  const V = H;
+  let F;
+  t[28] !== o || t[29] !== a || t[30] !== w || t[31] !== f || t[32] !== b ? (F = b && /* @__PURE__ */ c(Le, { title: b, subtitle: f, required: a, secondaryText: w, chipsLabel: o }), t[28] = o, t[29] = a, t[30] = w, t[31] = f, t[32] = b, t[33] = F) : F = t[33];
+  let q;
+  t[34] !== n || t[35] !== E || t[36] !== r || t[37] !== l || t[38] !== p || t[39] !== I || t[40] !== e || t[41] !== s || t[42] !== d || t[43] !== b || t[44] !== y || t[45] !== W ? (q = /* @__PURE__ */ c(xt, { ref: e, title: b, leftIcon: l, rightIcon: d, isDisabled: r, value: y, defaultValue: n, placeholder: I, maxLength: p, wrapperStyles: W, inputStyles: V, handleChange: E, ...s }), t[34] = n, t[35] = E, t[36] = r, t[37] = l, t[38] = p, t[39] = I, t[40] = e, t[41] = s, t[42] = d, t[43] = b, t[44] = y, t[45] = W, t[46] = q) : q = t[46];
+  let A;
+  t[47] !== h || t[48] !== q ? (A = /* @__PURE__ */ L(P, { gap: "8px", width: "100%", alignItems: "center", children: [
+    q,
+    h
+  ] }), t[47] = h, t[48] = q, t[49] = A) : A = t[49];
+  let N;
+  t[50] !== B || t[51] !== M || t[52] !== p || t[53] !== x ? (N = /* @__PURE__ */ c(Be, { supportingMessage: x, charCount: B, maxLength: p, effectiveVariant: M }), t[50] = B, t[51] = M, t[52] = p, t[53] = x, t[54] = N) : N = t[54];
+  let Y;
+  return t[55] !== N || t[56] !== F || t[57] !== A ? (Y = /* @__PURE__ */ L(P, { direction: "column", gap: "8px", width: "100%", alignItems: "flex-start", children: [
+    F,
+    A,
+    N
+  ] }), t[55] = N, t[56] = F, t[57] = A, t[58] = Y) : Y = t[58], Y;
+}), gt = (i) => {
+  const e = $.c(16), {
+    title: t,
+    subtitle: o,
+    required: n,
+    secondaryText: r,
+    chipsLabel: l
+  } = i, p = t || "Title Here";
+  let u;
+  e[0] !== p ? (u = /* @__PURE__ */ c(U, { textStyle: "body2Regular", color: "text.main", children: p }), e[0] = p, e[1] = u) : u = e[1];
+  let a;
+  e[2] !== n || e[3] !== r ? (a = n && /* @__PURE__ */ c(U, { textStyle: "body3Regular", color: "text.subtext", children: r }), e[2] = n, e[3] = r, e[4] = a) : a = e[4];
+  let s;
+  e[5] !== l ? (s = l && /* @__PURE__ */ c(le, { label: l, variant: "muted" }), e[5] = l, e[6] = s) : s = e[6];
+  let h;
+  e[7] !== u || e[8] !== a || e[9] !== s ? (h = /* @__PURE__ */ L(P, { gap: "4px", alignItems: "center", width: "100%", children: [
+    u,
+    a,
+    s
+  ] }), e[7] = u, e[8] = a, e[9] = s, e[10] = h) : h = e[10];
+  let d;
+  e[11] !== o ? (d = o && /* @__PURE__ */ c(U, { textStyle: "body3Regular", color: "text.subtext", children: o }), e[11] = o, e[12] = d) : d = e[12];
+  let f;
+  return e[13] !== h || e[14] !== d ? (f = /* @__PURE__ */ L(P, { direction: "column", gap: "4px", width: "100%", children: [
+    h,
+    d
+  ] }), e[13] = h, e[14] = d, e[15] = f) : f = e[15], f;
+}, bt = (i) => {
+  const e = $.c(10), {
+    supportingMessage: t,
+    charCount: o,
+    maxLength: n,
+    effectiveVariant: r
+  } = i, l = !!n, p = G[r];
+  if (!t && l)
+    return null;
+  const u = r === "outlined" ? "text.subtext" : p.color;
+  let a;
+  e[0] !== t ? (a = t && /* @__PURE__ */ c(U, { flex: "1", children: t }), e[0] = t, e[1] = a) : a = e[1];
+  let s;
+  e[2] !== o || e[3] !== l || e[4] !== n ? (s = l && /* @__PURE__ */ L(U, { children: [
+    o,
+    n ? `/${n}` : ""
+  ] }), e[2] = o, e[3] = l, e[4] = n, e[5] = s) : s = e[5];
+  let h;
+  return e[6] !== u || e[7] !== a || e[8] !== s ? (h = /* @__PURE__ */ L(P, { width: "100%", paddingX: "12px", gap: "8px", justifyContent: "flex-end", textStyle: "body3Regular", color: u, children: [
+    a,
+    s
+  ] }), e[6] = u, e[7] = a, e[8] = s, e[9] = h) : h = e[9], h;
+};
+function mt(i, e) {
+  return {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    flex: 1,
+    minHeight: "72px",
+    padding: "8px 12px",
+    gap: "8px",
+    borderRadius: "dynamic.md",
+    borderWidth: "1px",
+    borderStyle: "solid",
+    transition: "all 0.2s",
+    bg: e.bg,
+    borderColor: he(i, e),
+    color: e.color,
+    width: "100%",
+    cursor: i === "disabled" ? "not-allowed" : "text",
+    _hover: {
+      ...e._hover,
+      borderColor: he(i, e)
+    },
+    _active: {
+      bg: e.bg,
+      borderColor: he(i, e)
+    },
+    _focusWithin: {
+      borderColor: "primary.main"
+    }
+  };
+}
+function vt() {
+  return {
+    bg: "transparent",
+    border: "none",
+    outline: "none",
+    width: "100%",
+    alignSelf: "stretch",
+    height: "auto",
+    minHeight: "48px",
+    padding: 0,
+    margin: 0,
+    textStyle: "body2Regular",
+    color: "inherit",
+    resize: "vertical",
+    overflow: "auto",
+    _placeholder: {
+      color: "text.subtext"
+    },
+    _disabled: {
+      cursor: "not-allowed",
+      color: "text.disabled",
+      _placeholder: {
+        color: "text.disabled"
+      }
+    },
+    _focusWithin: {
+      bg: "transparent"
+    }
+  };
+}
+const he = (i, e) => {
+  switch (i) {
+    case "disabled":
+      return "neutral.30";
+    case "outlined":
+      return e.borderColor;
+    default:
+      return e.color;
+  }
+}, yt = ne.forwardRef((i, e) => {
+  const t = $.c(34);
+  let o, n, r, l, p, u, a, s, h, d, f;
+  t[0] !== i ? ({
+    id: l,
+    title: d,
+    placeholder: s,
+    isDisabled: p,
+    value: f,
+    defaultValue: o,
+    maxLength: u,
+    rows: h,
+    effectiveVariant: n,
+    handleChange: r,
+    ...a
+  } = i, t[0] = i, t[1] = o, t[2] = n, t[3] = r, t[4] = l, t[5] = p, t[6] = u, t[7] = a, t[8] = s, t[9] = h, t[10] = d, t[11] = f) : (o = t[1], n = t[2], r = t[3], l = t[4], p = t[5], u = t[6], a = t[7], s = t[8], h = t[9], d = t[10], f = t[11]);
+  const x = s === void 0 ? "Enter Text" : s, m = h === void 0 ? 3 : h, g = G[n] || G.outlined;
+  let v;
+  t[12] !== n || t[13] !== g ? (v = mt(n, g), t[12] = n, t[13] = g, t[14] = v) : v = t[14];
+  const b = v;
+  let y;
+  t[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = vt(), t[15] = y) : y = t[15];
+  const w = y;
+  let S;
+  t[16] !== l || t[17] !== d ? (S = () => {
+    const R = document.getElementById(l || `textarea-${d}`);
+    R && R.focus();
+  }, t[16] = l, t[17] = d, t[18] = S) : S = t[18];
+  const I = l || `textarea-${d}`;
+  let k;
+  t[19] !== o || t[20] !== r || t[21] !== p || t[22] !== u || t[23] !== x || t[24] !== e || t[25] !== a || t[26] !== m || t[27] !== I || t[28] !== f ? (k = /* @__PURE__ */ c(pe.textarea, { ref: e, id: I, placeholder: x, disabled: p, value: f, defaultValue: o, onChange: r, maxLength: u, rows: m, ...w, ...a }), t[19] = o, t[20] = r, t[21] = p, t[22] = u, t[23] = x, t[24] = e, t[25] = a, t[26] = m, t[27] = I, t[28] = f, t[29] = k) : k = t[29];
+  let _;
+  return t[30] !== S || t[31] !== k || t[32] !== b ? (_ = /* @__PURE__ */ c(D, { ...b, onClick: S, children: k }), t[30] = S, t[31] = k, t[32] = b, t[33] = _) : _ = t[33], _;
+}), Gt = ne.forwardRef((i, e) => {
+  const t = $.c(49);
+  let o, n, r, l, p, u, a, s, h, d, f, x, m, g, v;
+  t[0] !== i ? ({
+    title: g,
+    subtitle: s,
+    supportingMessage: h,
+    secondaryText: d,
+    required: u,
+    chipsLabel: o,
+    variant: f,
+    isDisabled: r,
+    value: v,
+    defaultValue: n,
+    onChange: p,
+    placeholder: x,
+    maxLength: l,
+    rows: m,
+    ...a
+  } = i, t[0] = i, t[1] = o, t[2] = n, t[3] = r, t[4] = l, t[5] = p, t[6] = u, t[7] = a, t[8] = s, t[9] = h, t[10] = d, t[11] = f, t[12] = x, t[13] = m, t[14] = g, t[15] = v) : (o = t[1], n = t[2], r = t[3], l = t[4], p = t[5], u = t[6], a = t[7], s = t[8], h = t[9], d = t[10], f = t[11], x = t[12], m = t[13], g = t[14], v = t[15]);
+  const b = d === void 0 ? "(Required)" : d, y = f === void 0 ? "outlined" : f, w = x === void 0 ? "Placeholder" : x, S = m === void 0 ? 3 : m, I = Se(), k = v !== void 0;
+  let _;
+  t[16] !== n ? (_ = () => n !== void 0 ? String(n).length : 0, t[16] = n, t[17] = _) : _ = t[17];
+  const [R, T] = oe(_), B = k ? String(v).length : R;
+  let C;
+  t[18] !== k || t[19] !== p ? (C = (V) => {
+    k || T(V.target.value.length), p?.(V);
+  }, t[18] = k, t[19] = p, t[20] = C) : C = t[20];
+  const E = C, M = r ? "disabled" : y;
+  let j;
+  t[21] !== o || t[22] !== u || t[23] !== b || t[24] !== s || t[25] !== g ? (j = g && /* @__PURE__ */ c(gt, { title: g, subtitle: s, required: u, secondaryText: b, chipsLabel: o }), t[21] = o, t[22] = u, t[23] = b, t[24] = s, t[25] = g, t[26] = j) : j = t[26];
+  const z = `textarea-${I}`;
+  let O;
+  t[27] !== n || t[28] !== M || t[29] !== E || t[30] !== r || t[31] !== l || t[32] !== w || t[33] !== e || t[34] !== a || t[35] !== S || t[36] !== z || t[37] !== g || t[38] !== v ? (O = /* @__PURE__ */ c(yt, { ref: e, id: z, title: g, isDisabled: r, value: v, defaultValue: n, placeholder: w, maxLength: l, rows: S, effectiveVariant: M, handleChange: E, ...a }), t[27] = n, t[28] = M, t[29] = E, t[30] = r, t[31] = l, t[32] = w, t[33] = e, t[34] = a, t[35] = S, t[36] = z, t[37] = g, t[38] = v, t[39] = O) : O = t[39];
+  let W;
+  t[40] !== B || t[41] !== M || t[42] !== l || t[43] !== h ? (W = /* @__PURE__ */ c(bt, { supportingMessage: h, charCount: B, maxLength: l, effectiveVariant: M }), t[40] = B, t[41] = M, t[42] = l, t[43] = h, t[44] = W) : W = t[44];
+  let H;
+  return t[45] !== j || t[46] !== O || t[47] !== W ? (H = /* @__PURE__ */ L(P, { direction: "column", gap: "8px", width: "100%", alignItems: "flex-start", children: [
+    j,
+    O,
+    W
+  ] }), t[45] = j, t[46] = O, t[47] = W, t[48] = H) : H = t[48], H;
+});
+function Ct({
+  variant: i,
+  isDisabled: e,
+  hasValue: t,
+  expanded: o
+}) {
+  const n = i === "icon", r = !!o || !n;
+  return {
+    container: {
+      display: "flex",
+      alignItems: "center",
+      gap: n && !r ? "0px" : "8px",
+      width: n ? r ? "100%" : "40px" : "100%",
+      height: n && !r ? "40px" : void 0,
+      padding: n && !r ? "0px" : "7px 12px",
+      borderRadius: "dynamic.md",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderColor: "neutral.30",
+      bg: "neutral.bgLight",
+      transition: "border-color 0.2s, background-color 0.2s, width 0.25s ease",
+      _hover: {
+        borderColor: "neutral.50"
+      },
+      _focusWithin: {
+        borderColor: "primary.main"
+      },
+      opacity: e ? 0.6 : 1,
+      cursor: e ? "not-allowed" : n && !r ? "pointer" : "text",
+      overflow: "hidden",
+      justifyContent: n && !r ? "center" : "flex-start",
+      ...n && !r ? {
+        padding: "8px",
+        borderWidth: "0px",
+        bg: "transparent",
+        _hover: {
+          bg: "neutral.10"
+        }
+      } : {}
+    },
+    input: {
+      flex: r ? "1 0 0" : "0 0 auto",
+      border: "none",
+      outline: "none",
+      padding: 0,
+      height: r ? "24px" : "0px",
+      overflow: "hidden",
+      minW: "0px",
+      minInlineSize: "0px",
+      textStyle: "body2Regular",
+      color: t ? "text.main" : "text.subtext",
+      _placeholder: {
+        color: "text.subtext"
+      },
+      bg: "transparent",
+      _focus: {
+        boxShadow: "none"
+      },
+      opacity: r ? 1 : 0,
+      pointerEvents: r ? "auto" : "none",
+      width: r ? "auto" : "0px",
+      maxW: r ? "none" : "0px",
+      transition: "opacity 0.2s ease, width 0.2s ease"
+    },
+    searchIconColor: e ? "text.disabled" : n && !r || t ? "text.main" : "text.subtext",
+    clearIconColor: e ? "text.disabled" : "text.subtext",
+    clearButton: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      opacity: r ? 1 : 0,
+      pointerEvents: r ? "auto" : "none",
+      transition: "opacity 0.2s ease, width 0.2s ease",
+      width: r ? "24px" : "0px",
+      height: r ? "24px" : "0px",
+      overflow: "hidden",
+      minW: "0px",
+      padding: 0,
+      borderRadius: "full",
+      bg: "transparent",
+      cursor: e ? "not-allowed" : "pointer",
+      _hover: {
+        bg: "neutral.10"
+      }
+    },
+    iconButton: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      padding: "8px",
+      borderRadius: "dynamic.md",
+      bg: n ? "transparent" : "neutral.10",
+      cursor: "pointer",
+      _hover: {
+        bg: "neutral.10"
+      }
+    }
+  };
+}
+const wt = (i) => {
+  const e = $.c(5);
+  let t;
+  e[0] !== i ? ({
+    ...t
+  } = i, e[0] = i, e[1] = t) : t = e[1];
+  let o;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ c("path", { d: "M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), e[2] = o) : o = e[2];
+  let n;
+  return e[3] !== t ? (n = /* @__PURE__ */ c("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: o }), e[3] = t, e[4] = n) : n = e[4], n;
+};
+function Xt(i) {
+  const e = $.c(49);
+  let t, o, n, r, l, p, u, a, s, h, d;
+  e[0] !== i ? ({
+    placeholder: p,
+    variant: u,
+    value: d,
+    defaultValue: t,
+    onChange: n,
+    showClear: a,
+    isDisabled: s,
+    isExpanded: o,
+    defaultExpanded: h,
+    onExpandedChange: r,
+    ...l
+  } = i, e[0] = i, e[1] = t, e[2] = o, e[3] = n, e[4] = r, e[5] = l, e[6] = p, e[7] = u, e[8] = a, e[9] = s, e[10] = h, e[11] = d) : (t = e[1], o = e[2], n = e[3], r = e[4], l = e[5], p = e[6], u = e[7], a = e[8], s = e[9], h = e[10], d = e[11]);
+  const f = p === void 0 ? "Search..." : p, x = u === void 0 ? "maximized" : u, m = a === void 0 ? !0 : a, g = s === void 0 ? !1 : s, v = h === void 0 ? !1 : h, b = d !== void 0, y = o !== void 0, [w, S] = oe(v), I = y ? o : w, [k, _] = oe(t || ""), R = b ? d : k;
+  let T;
+  e[12] !== b || e[13] !== n ? (T = (A) => {
+    b || _(A.target.value), n?.(A);
+  }, e[12] = b, e[13] = n, e[14] = T) : T = e[14];
+  const B = T;
+  let C;
+  e[15] !== b || e[16] !== n ? (C = () => {
+    if (!b) {
+      _("");
+      return;
+    }
+    n?.({
+      target: {
+        value: ""
+      }
+    });
+  }, e[15] = b, e[16] = n, e[17] = C) : C = e[17];
+  const E = C;
+  let M;
+  e[18] !== I || e[19] !== y || e[20] !== r || e[21] !== x ? (M = () => {
+    x !== "icon" || I || (y || S(!0), r?.(!0));
+  }, e[18] = I, e[19] = y, e[20] = r, e[21] = x, e[22] = M) : M = e[22];
+  const j = M, z = !!R;
+  let O;
+  e[23] !== I || e[24] !== g || e[25] !== z || e[26] !== x ? (O = Ct({
+    variant: x,
+    isDisabled: g,
+    hasValue: z,
+    expanded: I
+  }), e[23] = I, e[24] = g, e[25] = z, e[26] = x, e[27] = O) : O = e[27];
+  const W = O;
+  let H;
+  e[28] !== W.searchIconColor ? (H = /* @__PURE__ */ c(Z, { as: wt, color: W.searchIconColor, boxSize: "24px" }), e[28] = W.searchIconColor, e[29] = H) : H = e[29];
+  let V;
+  e[30] !== R || e[31] !== B || e[32] !== g || e[33] !== f || e[34] !== W.input ? (V = /* @__PURE__ */ c(Me, { value: R, placeholder: f, onChange: B, disabled: g, ...W.input }), e[30] = R, e[31] = B, e[32] = g, e[33] = f, e[34] = W.input, e[35] = V) : V = e[35];
+  let F;
+  e[36] !== R || e[37] !== E || e[38] !== m || e[39] !== W.clearButton || e[40] !== W.clearIconColor ? (F = m && /* @__PURE__ */ c(D, { visibility: R ? "visible" : "hidden", as: "button", ...W.clearButton, onClick: E, children: /* @__PURE__ */ c(Z, { as: Re, color: W.clearIconColor, boxSize: "24px" }) }), e[36] = R, e[37] = E, e[38] = m, e[39] = W.clearButton, e[40] = W.clearIconColor, e[41] = F) : F = e[41];
+  let q;
+  return e[42] !== j || e[43] !== l || e[44] !== W.container || e[45] !== H || e[46] !== V || e[47] !== F ? (q = /* @__PURE__ */ L(D, { ...W.container, ...l, onClick: j, children: [
+    H,
+    V,
+    F
+  ] }), e[42] = j, e[43] = l, e[44] = W.container, e[45] = H, e[46] = V, e[47] = F, e[48] = q) : q = e[48], q;
+}
+function St(i, e, t) {
+  return i ? "disabled" : e ? "error" : t ? "success" : "outlined";
+}
+function kt(i) {
+  const e = G[i];
+  return {
+    display: "flex",
+    alignItems: "center",
+    flex: 1,
+    minHeight: "40px",
+    padding: "7px 12px",
+    gap: "8px",
+    borderRadius: "dynamic.md",
+    borderWidth: "1px",
+    borderStyle: "solid",
+    transition: "all 0.2s",
+    bg: e.bg,
+    borderColor: we(i, e),
+    color: e.color,
+    cursor: i === "disabled" ? "not-allowed" : "pointer",
+    _hover: {
+      ...e._hover,
+      borderColor: we(i, e)
+    },
+    _active: e._active,
+    _focusWithin: {
+      borderColor: "primary.main"
+    }
+  };
+}
+const _t = {
+  flex: 1,
+  bg: "transparent",
+  border: "none",
+  outline: "none",
+  width: "100%",
+  height: "100%",
+  padding: 0,
+  margin: 0,
+  textStyle: "body2Regular",
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis"
+}, we = (i, e) => {
+  switch (i) {
+    case "disabled":
+      return "neutral.30";
+    case "outlined":
+      return e.borderColor;
+    default:
+      return e.color;
+  }
+}, It = (i) => {
+  const e = $.c(5);
+  let t;
+  e[0] !== i ? ({
+    ...t
+  } = i, e[0] = i, e[1] = t) : t = e[1];
+  let o;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ c("path", { d: "M5 7.5L10 12.5L15 7.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), e[2] = o) : o = e[2];
+  let n;
+  return e[3] !== t ? (n = /* @__PURE__ */ c("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: o }), e[3] = t, e[4] = n) : n = e[4], n;
+};
+function Jt(i) {
+  const e = $.c(50), {
+    triggerText: t,
+    children: o,
+    open: n,
+    defaultOpen: r,
+    onOpenChange: l,
+    title: p,
+    subtitle: u,
+    secondaryText: a,
+    required: s,
+    chipsLabel: h,
+    isDisabled: d,
+    isError: f,
+    isSuccess: x,
+    message: m,
+    leftIcon: g
+  } = i, v = t === void 0 ? "Select" : t, b = r === void 0 ? !1 : r, y = a === void 0 ? "(Required)" : a;
+  let w;
+  e[0] !== b ? (w = {
+    defaultOpen: b
+  }, e[0] = b, e[1] = w) : w = e[1];
+  const {
+    open: S,
+    onOpen: I,
+    onClose: k
+  } = ke(w), _ = n !== void 0, R = _ ? n : S;
+  let T;
+  e[2] !== _ || e[3] !== d || e[4] !== k || e[5] !== I || e[6] !== l ? (T = (ae) => {
+    const ce = typeof ae == "boolean" ? ae : ae.open;
+    d && ce || (_ || (ce ? I() : k()), l?.(ce));
+  }, e[2] = _, e[3] = d, e[4] = k, e[5] = I, e[6] = l, e[7] = T) : T = e[7];
+  const B = T;
+  let C;
+  e[8] !== B ? (C = () => B(!1), e[8] = B, e[9] = C) : C = e[9];
+  const E = C;
+  let M;
+  e[10] !== o || e[11] !== E || e[12] !== R ? (M = typeof o == "function" ? o({
+    open: R,
+    close: E
+  }) : o, e[10] = o, e[11] = E, e[12] = R, e[13] = M) : M = e[13];
+  const j = M;
+  let z, O;
+  e[14] !== d || e[15] !== f || e[16] !== x ? (O = St(d, f, x), z = kt(O), e[14] = d, e[15] = f, e[16] = x, e[17] = z, e[18] = O) : (z = e[17], O = e[18]);
+  const W = z;
+  let H;
+  e[19] !== h || e[20] !== s || e[21] !== y || e[22] !== u || e[23] !== p ? (H = p && /* @__PURE__ */ c(Le, { title: p, subtitle: u, required: s, secondaryText: y, chipsLabel: h }), e[19] = h, e[20] = s, e[21] = y, e[22] = u, e[23] = p, e[24] = H) : H = e[24];
+  let V;
+  e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (V = {
+    placement: "bottom-start",
+    sameWidth: !0
+  }, e[25] = V) : V = e[25];
+  let F;
+  e[26] !== g ? (F = g && /* @__PURE__ */ c(Z, { as: g, boxSize: "24px", color: "text.subtext" }), e[26] = g, e[27] = F) : F = e[27];
+  let q;
+  e[28] !== W.color || e[29] !== v ? (q = /* @__PURE__ */ c(D, { ..._t, color: W.color, children: v }), e[28] = W.color, e[29] = v, e[30] = q) : q = e[30];
+  let A;
+  e[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ c(Z, { as: It, boxSize: "24px", color: "text.subtext" }), e[31] = A) : A = e[31];
+  let N;
+  e[32] !== F || e[33] !== q || e[34] !== W ? (N = /* @__PURE__ */ c(Q.Trigger, { asChild: !0, children: /* @__PURE__ */ L(D, { ...W, width: "100%", alignItems: "center", children: [
+    F,
+    q,
+    A
+  ] }) }), e[32] = F, e[33] = q, e[34] = W, e[35] = N) : N = e[35];
+  let Y;
+  e[36] !== j ? (Y = /* @__PURE__ */ c(_e, { children: /* @__PURE__ */ c(Q.Positioner, { width: "100%", children: /* @__PURE__ */ c(Q.Content, { border: "none", background: "transparent", boxShadow: "none", p: 0, width: "100%", children: /* @__PURE__ */ c(fe, { gap: "12px", width: "100%", children: j }) }) }) }), e[36] = j, e[37] = Y) : Y = e[37];
+  let K;
+  e[38] !== R || e[39] !== B || e[40] !== N || e[41] !== Y ? (K = /* @__PURE__ */ L(Q.Root, { positioning: V, open: R, onOpenChange: B, children: [
+    N,
+    Y
+  ] }), e[38] = R, e[39] = B, e[40] = N, e[41] = Y, e[42] = K) : K = e[42];
+  let te;
+  e[43] !== m || e[44] !== O ? (te = /* @__PURE__ */ c(Be, { supportingMessage: m, charCount: 0, maxLength: 0, effectiveVariant: O }), e[43] = m, e[44] = O, e[45] = te) : te = e[45];
+  let ie;
+  return e[46] !== K || e[47] !== te || e[48] !== H ? (ie = /* @__PURE__ */ L(D, { display: "flex", flexDirection: "column", gap: "8px", width: "100%", alignItems: "flex-start", children: [
+    H,
+    K,
+    te
+  ] }), e[46] = K, e[47] = te, e[48] = H, e[49] = ie) : ie = e[49], ie;
+}
+function Rt({
+  isSelected: i,
+  isDisabled: e
+}) {
+  return {
+    container: {
+      display: "flex",
+      alignItems: "center",
+      gap: "8px",
+      padding: "7px 12px",
+      width: "100%",
+      borderRadius: "dynamic.md",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderColor: e ? "neutral.30" : i ? "primary.main" : "neutral.30",
+      bg: e ? "neutral.10" : i ? "primary.tint10" : "neutral.bgLight",
+      color: e ? "text.disabled" : i ? "primary.main" : "text.main",
+      cursor: e ? "not-allowed" : "pointer",
+      userSelect: "none",
+      _hover: e || i ? void 0 : {
+        bg: "primary.tint10",
+        borderColor: "transparent",
+        color: "primary.main"
+      }
+    },
+    icon: {
+      color: "currentColor",
+      flexShrink: 0
+    },
+    label: {
+      flex: "1 0 0",
+      textStyle: "body2Regular",
+      color: "inherit",
+      whiteSpace: "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis"
+    },
+    checkbox: {
+      flexShrink: 0,
+      width: "24px",
+      height: "24px",
+      borderRadius: "dynamic.sm",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderColor: e ? "neutral.30" : i ? "primary.main" : "neutral.30",
+      bg: e ? "neutral.10" : i ? "primary.main" : "transparent",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      color: e ? "text.disabled" : "text.inverse"
+    }
+  };
+}
+function Lt({
+  checked: i,
+  disabled: e
+}) {
+  return {
+    container: {
+      display: "flex",
+      gap: "12px",
+      alignItems: "flex-start",
+      cursor: e ? "not-allowed" : "pointer",
+      width: "max-content"
+    },
+    checkboxWrapper: {
+      position: "relative",
+      width: "24px",
+      height: "24px",
+      flexShrink: 0
+    },
+    checkbox: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      width: "24px",
+      height: "24px",
+      borderRadius: "dynamic.sm",
+      bg: e ? "neutral.10" : i ? "primary.main" : "transparent",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderColor: e ? "neutral.30" : i ? "primary.main" : "neutral.30",
+      transition: "background-color 0.2s, border-color 0.2s"
+    },
+    input: {
+      position: "absolute",
+      inset: 0,
+      opacity: 0,
+      cursor: e ? "not-allowed" : "pointer"
+    },
+    content: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "4px",
+      flex: "1 0 0",
+      minW: 0
+    },
+    titleRow: {
+      display: "flex",
+      gap: "4px",
+      alignItems: "center",
+      width: "max-content"
+    },
+    label: {
+      textStyle: "body2Regular",
+      color: e ? "text.disabled" : "text.main",
+      whiteSpace: "pre-wrap"
+    },
+    required: {
+      textStyle: "body3Regular",
+      color: e ? "text.disabled" : "text.subtext"
+    },
+    subtitle: {
+      textStyle: "body3Regular",
+      color: e ? "text.disabled" : "text.subtext",
+      whiteSpace: "pre-wrap"
+    }
+  };
+}
+const Bt = (i) => {
+  const e = $.c(5);
+  let t;
+  e[0] !== i ? ({
+    ...t
+  } = i, e[0] = i, e[1] = t) : t = e[1];
+  let o;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ c("path", { d: "M6 11.9926L9.99748 15.9901L17.9916 7.99512", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), e[2] = o) : o = e[2];
+  let n;
+  return e[3] !== t ? (n = /* @__PURE__ */ c("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: o }), e[3] = t, e[4] = n) : n = e[4], n;
+}, Tt = pe("input");
+function Wt(i) {
+  const e = $.c(55);
+  let t, o, n, r, l, p, u, a, s, h, d, f;
+  e[0] !== i ? ({
+    id: l,
+    label: p,
+    subtitle: s,
+    isRequired: h,
+    requiredText: d,
+    chipsLabel: o,
+    isDisabled: f,
+    checked: t,
+    defaultChecked: n,
+    onChange: u,
+    icon: r,
+    ...a
+  } = i, e[0] = i, e[1] = t, e[2] = o, e[3] = n, e[4] = r, e[5] = l, e[6] = p, e[7] = u, e[8] = a, e[9] = s, e[10] = h, e[11] = d, e[12] = f) : (t = e[1], o = e[2], n = e[3], r = e[4], l = e[5], p = e[6], u = e[7], a = e[8], s = e[9], h = e[10], d = e[11], f = e[12]);
+  const x = h === void 0 ? !1 : h, m = d === void 0 ? "(Required)" : d, g = f === void 0 ? !1 : f, v = Se(), b = l ?? v, y = typeof t == "boolean";
+  let w;
+  e[13] !== n ? (w = () => typeof n == "boolean" ? n : !1, e[13] = n, e[14] = w) : w = e[14];
+  const [S, I] = oe(w), k = y ? t : S;
+  let _;
+  e[15] !== y || e[16] !== u ? (_ = (A) => {
+    y || I(A.target.checked), u?.(A.target.checked, A);
+  }, e[15] = y, e[16] = u, e[17] = _) : _ = e[17];
+  const R = _, T = !!k;
+  let B;
+  e[18] !== g || e[19] !== T ? (B = Lt({
+    checked: T,
+    disabled: g
+  }), e[18] = g, e[19] = T, e[20] = B) : B = e[20];
+  const C = B, E = r || Bt, M = C.container, j = C.checkboxWrapper, z = !!k;
+  let O;
+  e[21] !== b || e[22] !== R || e[23] !== g || e[24] !== p || e[25] !== C.input || e[26] !== z ? (O = /* @__PURE__ */ c(Tt, { id: b, type: "checkbox", disabled: g, onChange: R, checked: z, "aria-label": p, ...C.input }), e[21] = b, e[22] = R, e[23] = g, e[24] = p, e[25] = C.input, e[26] = z, e[27] = O) : O = e[27];
+  let W;
+  e[28] !== E || e[29] !== k || e[30] !== g ? (W = k && /* @__PURE__ */ c(Z, { as: E, color: g ? "text.disabled" : "text.inverse", boxSize: "20px" }), e[28] = E, e[29] = k, e[30] = g, e[31] = W) : W = e[31];
+  let H;
+  e[32] !== C.checkbox || e[33] !== W ? (H = /* @__PURE__ */ c(D, { ...C.checkbox, children: W }), e[32] = C.checkbox, e[33] = W, e[34] = H) : H = e[34];
+  let V;
+  e[35] !== C.checkboxWrapper || e[36] !== O || e[37] !== H ? (V = /* @__PURE__ */ L(D, { ...j, children: [
+    O,
+    H
+  ] }), e[35] = C.checkboxWrapper, e[36] = O, e[37] = H, e[38] = V) : V = e[38];
+  let F;
+  e[39] !== o || e[40] !== x || e[41] !== p || e[42] !== m || e[43] !== C.content || e[44] !== C.label || e[45] !== C.required || e[46] !== C.subtitle || e[47] !== C.titleRow || e[48] !== s ? (F = (p || x || o || s) && /* @__PURE__ */ L(D, { ...C.content, children: [
+    /* @__PURE__ */ L(D, { ...C.titleRow, children: [
+      p && /* @__PURE__ */ c(U, { ...C.label, children: p }),
+      x && /* @__PURE__ */ c(U, { ...C.required, children: m }),
+      o && /* @__PURE__ */ c(le, { label: o, variant: "muted" })
+    ] }),
+    s && /* @__PURE__ */ c(U, { ...C.subtitle, children: s })
+  ] }), e[39] = o, e[40] = x, e[41] = p, e[42] = m, e[43] = C.content, e[44] = C.label, e[45] = C.required, e[46] = C.subtitle, e[47] = C.titleRow, e[48] = s, e[49] = F) : F = e[49];
+  let q;
+  return e[50] !== a || e[51] !== C.container || e[52] !== V || e[53] !== F ? (q = /* @__PURE__ */ L(D, { as: "label", ...M, ...a, children: [
+    V,
+    F
+  ] }), e[50] = a, e[51] = C.container, e[52] = V, e[53] = F, e[54] = q) : q = e[54], q;
+}
+const Qt = (i) => {
+  const e = $.c(31), {
+    label: t,
+    icon: o,
+    showIcon: n,
+    isSelected: r,
+    isDisabled: l,
+    onClick: p
+  } = i, u = n === void 0 ? !0 : n, a = r === void 0 ? !1 : r, s = l === void 0 ? !1 : l;
+  let h;
+  e[0] !== s || e[1] !== a ? (h = Rt({
+    isSelected: a,
+    isDisabled: s
+  }), e[0] = s, e[1] = a, e[2] = h) : h = e[2];
+  const d = h;
+  let f;
+  e[3] !== s || e[4] !== p ? (f = () => {
+    s || p?.();
+  }, e[3] = s, e[4] = p, e[5] = f) : f = e[5];
+  const x = f;
+  let m;
+  e[6] !== s || e[7] !== p ? (m = (k) => {
+    s || (k.key === "Enter" || k.key === " ") && (k.preventDefault(), p?.());
+  }, e[6] = s, e[7] = p, e[8] = m) : m = e[8];
+  const g = m, v = s ? -1 : 0;
+  let b;
+  e[9] !== o || e[10] !== u || e[11] !== d.icon ? (b = u && o && /* @__PURE__ */ c(Z, { as: o, boxSize: "24px", ...d.icon }), e[9] = o, e[10] = u, e[11] = d.icon, e[12] = b) : b = e[12];
+  let y;
+  e[13] !== t || e[14] !== d.label ? (y = /* @__PURE__ */ c(U, { ...d.label, children: t }), e[13] = t, e[14] = d.label, e[15] = y) : y = e[15];
+  let w;
+  e[16] !== p ? (w = (k, _) => {
+    _.stopPropagation(), p?.();
+  }, e[16] = p, e[17] = w) : w = e[17];
+  let S;
+  e[18] !== s || e[19] !== a || e[20] !== w ? (S = /* @__PURE__ */ c(D, { flexShrink: 0, "aria-hidden": !0, children: /* @__PURE__ */ c(Wt, { checked: a, isDisabled: s, onChange: w, onClick: $t, tabIndex: -1 }) }), e[18] = s, e[19] = a, e[20] = w, e[21] = S) : S = e[21];
+  let I;
+  return e[22] !== x || e[23] !== g || e[24] !== s || e[25] !== d.container || e[26] !== S || e[27] !== v || e[28] !== b || e[29] !== y ? (I = /* @__PURE__ */ L(D, { ...d.container, role: "button", "aria-disabled": s, tabIndex: v, onClick: x, onKeyDown: g, children: [
+    b,
+    y,
+    S
+  ] }), e[22] = x, e[23] = g, e[24] = s, e[25] = d.container, e[26] = S, e[27] = v, e[28] = b, e[29] = y, e[30] = I) : I = e[30], I;
+};
+function $t(i) {
+  return i.stopPropagation();
+}
+const Mt = {
+  isDarkTheme: !1,
+  themeName: "Default Light",
+  primary: {
+    main: "#3963F8",
+    hover: "#2D4EC6",
+    tint10: "rgba(57, 99, 248, 0.1)",
+    tint20: "rgba(57, 99, 248, 0.2)"
+  },
+  neutral: {
+    bgDark: "#171A1C",
+    bgLight: "#FFFFFF",
+    neutral10: "#F1F2F4",
+    neutral30: "#D8DBDF",
+    neutral50: "#B3BAC1"
+  },
+  text: {
+    main: "#171A1C",
+    inverse: "#FFFFFF",
+    subtext: "#6B7280",
+    disabled: "#B3BAC1"
+  },
+  state: {
+    success: {
+      main: "#07C067",
+      tint10: "rgba(7, 192, 103, 0.1)",
+      tint20: "rgba(7, 192, 103, 0.2)"
+    },
+    error: {
+      main: "#FF2244",
+      tint10: "rgba(255, 34, 68, 0.1)",
+      tint20: "rgba(255, 34, 68, 0.2)"
+    },
+    warning: {
+      main: "#EA8E16",
+      tint10: "rgba(234, 142, 22, 0.1)",
+      tint20: "rgba(234, 142, 22, 0.2)"
+    },
+    info: {
+      main: "#179EF8",
+      tint10: "rgba(23, 158, 248, 0.1)",
+      tint20: "rgba(23, 158, 248, 0.2)"
+    }
+  }
+}, Dt = {
+  fontFamily: "Inter, sans-serif",
+  fontSizes: {
+    h1: "48px",
+    h2: "40px",
+    h3: "36px",
+    h4: "32px",
+    h5: "28px",
+    h6: "24px",
+    subtitle: "20px",
+    body1: "18px",
+    body2: "16px",
+    body3: "14px",
+    caption: "12px"
+  }
+}, Te = {
+  option1: {
+    xs: "4px",
+    sm: "4px",
+    md: "8px",
+    lg: "12px",
+    xl: "16px",
+    "2xl": "20px"
+  },
+  option2: {
+    xs: "6px",
+    sm: "8px",
+    md: "12px",
+    lg: "16px",
+    xl: "20px",
+    "2xl": "24px"
+  },
+  option3: {
+    xs: "8px",
+    sm: "12px",
+    md: "16px",
+    lg: "20px",
+    xl: "24px",
+    "2xl": "28px"
+  },
+  option4: {
+    xs: "12px",
+    sm: "16px",
+    md: "20px",
+    lg: "24px",
+    xl: "28px",
+    "2xl": "32px"
+  }
+}, en = Te.option2;
+function Ot(i, e) {
+  const t = {
+    colors: {
+      // Primary colors
+      "primary.main": {
+        value: i.primary.main
+      },
+      "primary.hover": {
+        value: i.primary.hover
+      },
+      "primary.tint10": {
+        value: i.primary.tint10
+      },
+      "primary.tint20": {
+        value: i.primary.tint20
+      },
+      // Neutral colors
+      "neutral.bgDark": {
+        value: i.neutral.bgDark
+      },
+      "neutral.bgLight": {
+        value: i.neutral.bgLight
+      },
+      "neutral.10": {
+        value: i.neutral.neutral10
+      },
+      "neutral.30": {
+        value: i.neutral.neutral30
+      },
+      "neutral.50": {
+        value: i.neutral.neutral50
+      },
+      // Text colors
+      "text.main": {
+        value: i.text.main
+      },
+      "text.inverse": {
+        value: i.text.inverse
+      },
+      "text.subtext": {
+        value: i.text.subtext
+      },
+      "text.disabled": {
+        value: i.text.disabled
+      },
+      // State colors - Success
+      "state.success.main": {
+        value: i.state.success.main
+      },
+      "state.success.tint10": {
+        value: i.state.success.tint10
+      },
+      "state.success.tint20": {
+        value: i.state.success.tint20
+      },
+      // State colors - Error
+      "state.error.main": {
+        value: i.state.error.main
+      },
+      "state.error.tint10": {
+        value: i.state.error.tint10
+      },
+      "state.error.tint20": {
+        value: i.state.error.tint20
+      },
+      // State colors - Warning
+      "state.warning.main": {
+        value: i.state.warning.main
+      },
+      "state.warning.tint10": {
+        value: i.state.warning.tint10
+      },
+      "state.warning.tint20": {
+        value: i.state.warning.tint20
+      },
+      // State colors - Info
+      "state.info.main": {
+        value: i.state.info.main
+      },
+      "state.info.tint10": {
+        value: i.state.info.tint10
+      },
+      "state.info.tint20": {
+        value: i.state.info.tint20
+      }
+    }
+  };
+  return e && (t.radii = {
+    "dynamic.xs": {
+      value: e.xs
+    },
+    "dynamic.sm": {
+      value: e.sm
+    },
+    "dynamic.md": {
+      value: e.md
+    },
+    "dynamic.lg": {
+      value: e.lg
+    },
+    "dynamic.xl": {
+      value: e.xl
+    },
+    "dynamic.2xl": {
+      value: e["2xl"]
+    }
+  }), t;
+}
+function Ht(i) {
+  const e = i.fontSizes || {}, t = i.fontFamily, o = {
+    Regular: 400,
+    Medium: 500,
+    Bold: 700
+  }, n = {
+    h1: "64px",
+    h2: "56px",
+    h3: "52px",
+    h4: "48px",
+    h5: "40px",
+    h6: "36px",
+    subtitle: "32px",
+    body1: "28px",
+    body2: "24px",
+    body3: "20px",
+    caption: "16px"
+  }, r = {};
+  return Object.entries(e).forEach(([l, p]) => {
+    Object.entries(o).forEach(([u, a]) => {
+      const s = `${l}${u}`;
+      r[s] = {
+        value: {
+          fontFamily: t,
+          fontSize: p,
+          fontWeight: a,
+          lineHeight: n[l]
+        }
+      };
+    });
+  }), r;
+}
+function Et(i = Mt, e = Dt, t = "option2") {
+  const o = Te[t], n = Ot(i, o), r = Ht(e), l = De({
+    theme: {
+      semanticTokens: n,
+      textStyles: r,
+      breakpoints: {
+        sm: "390px",
+        // Mobile: 360px and above
+        md: "768px",
+        // Tablet (Portrait): 768px and above
+        lg: "1024px",
+        // Tablet (Landscape): 1024px and above
+        xl: "1280px",
+        // Desktop (Small): 1280px and above
+        "2xl": "1440px",
+        // Desktop (HD): 1440px and above
+        "3xl": "1920px"
+        // Desktop (FHD): 1920px and above
+      }
+    }
+  });
+  return Oe(He, l);
+}
+const Ft = Et();
+function tn(i) {
+  const e = $.c(5), {
+    children: t,
+    system: o
+  } = i, n = o === void 0 ? Ft : o;
+  let r;
+  e[0] !== t ? (r = /* @__PURE__ */ c(Fe, { attribute: "class", disableTransitionOnChange: !0, children: t }), e[0] = t, e[1] = r) : r = e[1];
+  let l;
+  return e[2] !== n || e[3] !== r ? (l = /* @__PURE__ */ c(Ee, { value: n, children: r }), e[2] = n, e[3] = r, e[4] = l) : l = e[4], l;
+}
+export {
+  Qe as ActionMenu,
+  fe as ActionOverlay,
+  ee as Button,
+  Wt as Checkbox,
+  zt as CheckoutHeader,
+  le as Chips,
+  Jt as Dropdown,
+  se as IconContainer,
+  Kt as Input,
+  Ke as ListItem,
+  Yt as Modal,
+  Zt as ProductCard,
+  Xt as SearchBar,
+  qt as SectionTitle,
+  Nt as SelectionCard,
+  Qt as SelectionTab,
+  Gt as TextArea,
+  Ut as Toast,
+  tn as UIKitProvider,
+  Te as cornerRadiusOptions,
+  Et as createThemeSystem,
+  Mt as defaultLightTheme,
+  en as defaultRadii,
+  Ft as defaultSystem,
+  Dt as defaultTypography
+};