@juspay/blend-design-system 0.0.37-beta.5 → 0.0.37-beta.7

package/dist/{node-C2uf3sNA.js → node-C_DmV86X.js}

@@ -1,4 +1,4 @@
-const L = {
+const E = {
   xs: "0px 1px 1px 0px rgba(5, 5, 6, 0.04)",
   sm: "0px 2px 3px 0px rgba(5, 5, 6, 0.05)",
   md: "0px 2px 8px 1px rgba(5, 5, 6, 0.07)",
@@ -265,7 +265,7 @@ const L = {
   200: "200px",
   350: "350px",
   auto: "auto"
-}, a = {
+}, C = {
   gray: {
     0: "#FFFFFF",
     25: "#FCFCFD",
@@ -361,7 +361,7 @@ const L = {
     900: "#733E0A",
     950: "#432004"
   }
-}, C = {
+}, a = {
   0: 0,
   10: 10,
   99: 99,
@@ -371,17 +371,17 @@ const L = {
   1e3: 1e3,
   1100: 1100,
   1200: 1200
-}, _r = {
-  shadows: L,
+}, Ur = {
+  shadows: E,
   border: N,
   font: H,
   opacity: D,
   unit: I,
-  colors: a,
-  zIndex: C
+  colors: C,
+  zIndex: a
 };
 var h = /* @__PURE__ */ ((r) => (r.LIGHT = "light", r.DARK = "dark", r))(h || {});
-const Pr = (r) => ({
+const Xr = (r) => ({
   // Small breakpoint (mobile)
   sm: {
     // Base properties
@@ -550,7 +550,7 @@ const Pr = (r) => ({
       gap: r.unit[16]
     }
   }
-}), Vr = (r) => ({
+}), _r = (r) => ({
   sm: {
     // Base sidebar properties
     maxWidth: {
@@ -693,7 +693,7 @@ const Pr = (r) => ({
       borderTop: `1px solid ${r.colors.gray[200]}`
     }
   }
-}), qr = (r) => {
+}), Pr = (r) => {
   const c = {
     backgroundColor: r.colors.gray[0],
     drawer: {
@@ -2240,7 +2240,7 @@ const Pr = (r) => ({
       }
     }
   }
-}), W = (r) => ({
+}), G = (r) => ({
   sm: {
     gap: r.unit[10],
     // Pattern: backgroundColor.[variant].[subType].[state]
@@ -3639,7 +3639,7 @@ const Pr = (r) => ({
       }
     }
   }
-}), Kr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? W(r) : A(r), G = (r) => ({
+}), Vr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? G(r) : A(r), W = (r) => ({
   sm: {
     gap: r.unit[6],
     backgroundColor: {
@@ -4309,7 +4309,7 @@ const Pr = (r) => ({
       }
     }
   }
-}), Yr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? G(r) : B(r);
+}), qr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? W(r) : B(r);
 var M = /* @__PURE__ */ ((r) => (r.START = "start", r.CENTER = "center", r.END = "end", r))(M || {}), F = /* @__PURE__ */ ((r) => (r.TOP = "top", r.LEFT = "left", r.RIGHT = "right", r.BOTTOM = "bottom", r))(F || {}), m = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.ACTION = "action", r))(m || {}), x = /* @__PURE__ */ ((r) => (r.PRIMARY = "primary", r.DANGER = "danger", r))(x || {});
 const U = (r) => ({
   sm: {
@@ -4965,7 +4965,7 @@ const U = (r) => ({
       marginLeft: r.unit[0]
     }
   }
-}), Jr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? X(r) : U(r), _ = (r) => ({
+}), Kr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? X(r) : U(r), _ = (r) => ({
   sm: {
     width: "100%",
     maxWidth: "900px",
@@ -5619,7 +5619,7 @@ const U = (r) => ({
       }
     }
   }
-}), jr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? _(r) : P(r);
+}), Yr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? _(r) : P(r);
 var p = /* @__PURE__ */ ((r) => (r.BORDER = "border", r.NO_BORDER = "noBorder", r))(p || {}), V = /* @__PURE__ */ ((r) => (r.LEFT = "left", r.RIGHT = "right", r))(V || {});
 const q = (r) => ({
   sm: {
@@ -6015,7 +6015,7 @@ const q = (r) => ({
       }
     }
   }
-}), Qr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? q(r) : K(r), Y = (r) => ({
+}), Jr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? q(r) : K(r), Y = (r) => ({
   sm: {
     width: "100%",
     maxWidth: "calc(100vw - 32px)",
@@ -6311,7 +6311,7 @@ const q = (r) => ({
   }
 });
 var j = /* @__PURE__ */ ((r) => (r.TOP = "top", r.BOTTOM = "bottom", r.LEFT = "left", r.RIGHT = "right", r))(j || {});
-const Zr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? Y(r) : J(r), Q = (r) => ({
+const jr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? Y(r) : J(r), Q = (r) => ({
   sm: {
     gap: r.unit[8],
     switch: {
@@ -6747,7 +6747,7 @@ const Zr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? Y(r) : J(r), Q = (
       }
     }
   }
-}), dr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? Z(r) : Q(r);
+}), Qr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? Z(r) : Q(r);
 var d = /* @__PURE__ */ ((r) => (r.START = "start", r.CENTER = "center", r.END = "end", r))(d || {}), g = /* @__PURE__ */ ((r) => (r.CONTAINER = "container", r.NO_CONTAINER = "no-container", r))(g || {}), y = /* @__PURE__ */ ((r) => (r.SM = "sm", r.MD = "md", r.LG = "lg", r))(y || {}), u = /* @__PURE__ */ ((r) => (r.TOP = "top", r.LEFT = "left", r.RIGHT = "right", r.BOTTOM = "bottom", r))(u || {});
 const f = (r) => {
   const w = {
@@ -7441,7 +7441,7 @@ const f = (r) => {
     }
   };
   return { sm: w, lg: w };
-}, ur = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? o(r) : f(r);
+}, Zr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? o(r) : f(r);
 var O = /* @__PURE__ */ ((r) => (r.COUNT = "count", r.TEXT = "text", r))(O || {});
 const T = (r) => {
   const w = {
@@ -8317,7 +8317,7 @@ const T = (r) => {
     sm: w,
     lg: w
   };
-}, fr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? k(r) : T(r);
+}, dr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? k(r) : T(r);
 var s = /* @__PURE__ */ ((r) => (r.SM = "sm", r.REGULAR = "regular", r.MD = "md", r.LG = "lg", r.XL = "xl", r))(s || {}), z = /* @__PURE__ */ ((r) => (r.CIRCULAR = "circular", r.ROUNDED = "rounded", r))(z || {}), n = /* @__PURE__ */ ((r) => (r.TOP_RIGHT = "topRight", r.BOTTOM_RIGHT = "bottomRight", r.TOP_LEFT = "topLeft", r.BOTTOM_LEFT = "bottomLeft", r))(n || {}), S = /* @__PURE__ */ ((r) => (r.NONE = "none", r.ONLINE = "online", r.OFFLINE = "offline", r.AWAY = "away", r.BUSY = "busy", r))(S || {}), rr = /* @__PURE__ */ ((r) => (r.IMAGE = "image", r.TEXT = "text", r.ICON = "icon", r))(rr || {});
 const lr = (r) => ({
   sm: {
@@ -8897,7 +8897,7 @@ const lr = (r) => ({
       width: r.unit[20]
     }
   }
-}), or = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? lr(r) : sr(r), gr = (r) => ({
+}), ur = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? lr(r) : sr(r), gr = (r) => ({
   sm: {
     gap: r.unit[8],
     topContainer: {
@@ -9733,7 +9733,7 @@ const lr = (r) => ({
       }
     }
   }
-}), Tr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? gr(r) : cr(r), tr = (r) => ({
+}), fr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? gr(r) : cr(r), tr = (r) => ({
   sm: {
     // Dark surface similar to shadcn dark charts (card on dark bg)
     border: `1px solid ${r.colors.gray[800]}`,
@@ -10114,7 +10114,7 @@ const lr = (r) => ({
       }
     }
   }
-}), kr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? tr(r) : ir(r);
+}), or = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? tr(r) : ir(r);
 var R = /* @__PURE__ */ ((r) => (r.SUCCESS = "success", r.WARNING = "warning", r.ERROR = "error", r.NEUTRAL = "neutral", r))(R || {});
 const pr = (r) => ({
   track: {
@@ -10370,7 +10370,7 @@ const pr = (r) => ({
 }), hr = (r) => {
   const c = yr(r);
   return { sm: c, lg: c };
-}, nr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? er(r) : hr(r), br = (r) => ({
+}, Tr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? er(r) : hr(r), br = (r) => ({
   sm: {
     gap: r.unit[8],
     checkbox: {
@@ -10987,7 +10987,7 @@ const pr = (r) => ({
       }
     }
   }
-}), r0 = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? mr(r) : br(r);
+}), kr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? mr(r) : br(r);
 var xr = /* @__PURE__ */ ((r) => (r[r.vertical = 0] = "vertical", r[r.horizontal = 1] = "horizontal", r))(xr || {}), v = /* @__PURE__ */ ((r) => (r.SM = "sm", r.MD = "md", r.LG = "lg", r))(v || {});
 const Sr = (r) => ({
   sm: {
@@ -11095,9 +11095,9 @@ const Sr = (r) => ({
       gap: r.unit[8]
     }
   }
-}), l0 = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? zr(r) : Sr(r);
-var $ = /* @__PURE__ */ ((r) => (r.CHART = "chart", r.PROGRESS_BAR = "progress", r.NUMBER = "number", r))($ || {}), vr = /* @__PURE__ */ ((r) => (r.UP = "up", r.DOWN = "down", r))(vr || {}), $r = /* @__PURE__ */ ((r) => (r.INCREASE = "increase", r.DECREASE = "decrease", r))($r || {}), wr = /* @__PURE__ */ ((r) => (r.LEFT = "left", r.CENTER = "center", r))(wr || {});
-const Or = (r) => ({
+}), nr = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? zr(r) : Sr(r);
+var $ = /* @__PURE__ */ ((r) => (r.CHART = "chart", r.PROGRESS_BAR = "progress", r.NUMBER = "number", r))($ || {}), vr = /* @__PURE__ */ ((r) => (r.INCREASE = "increase", r.DECREASE = "decrease", r))(vr || {});
+const $r = (r) => ({
   sm: {
     height: "auto",
     width: "auto",
@@ -11270,7 +11270,7 @@ const Or = (r) => ({
       }
     }
   }
-}), Rr = (r) => ({
+}), wr = (r) => ({
   sm: {
     height: "auto",
     width: "auto",
@@ -11443,7 +11443,7 @@ const Or = (r) => ({
       }
     }
   }
-}), s0 = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? Rr(r) : Or(r), Er = (r) => ({
+}), r0 = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? wr(r) : $r(r), Or = (r) => ({
   sm: {
     zIndex: r.zIndex[9999],
     // background (size-independent)
@@ -11546,7 +11546,7 @@ const Or = (r) => ({
       }
     }
   }
-}), Lr = (r) => ({
+}), Rr = (r) => ({
   sm: {
     zIndex: r.zIndex[9999],
     // background (size-independent)
@@ -11649,7 +11649,7 @@ const Or = (r) => ({
       }
     }
   }
-}), g0 = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? Lr(r) : Er(r), Nr = (r) => ({
+}), l0 = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? Rr(r) : Or(r), Lr = (r) => ({
   sm: {
     gap: r.unit[8],
     group: {
@@ -11918,7 +11918,7 @@ const Or = (r) => ({
       }
     }
   }
-}), Hr = (r) => ({
+}), Er = (r) => ({
   sm: {
     gap: r.unit[8],
     group: {
@@ -12187,7 +12187,7 @@ const Or = (r) => ({
       }
     }
   }
-}), c0 = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? Hr(r) : Nr(r), Dr = (r) => ({
+}), s0 = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? Er(r) : Lr(r), Nr = (r) => ({
   sm: {
     // background (size-independent)
     background: r.colors.gray[0],
@@ -12406,7 +12406,7 @@ const Or = (r) => ({
       }
     }
   }
-}), Ir = (r) => ({
+}), Hr = (r) => ({
   sm: {
     // background (size-independent)
     background: r.colors.gray[0],
@@ -12624,9 +12624,9 @@ const Or = (r) => ({
       }
     }
   }
-}), t0 = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? Ir(r) : Dr(r);
+}), g0 = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? Hr(r) : Nr(r);
 var l = /* @__PURE__ */ ((r) => (r.BOXED = "boxed", r.FLOATING = "floating", r.UNDERLINE = "underline", r.PILLS = "pills", r))(l || {}), t = /* @__PURE__ */ ((r) => (r.SM = "sm", r.MD = "md", r.LG = "lg", r))(t || {});
-const ar = (r) => ({
+const Dr = (r) => ({
   sm: {
     width: "100%",
     outline: "none",
@@ -12738,6 +12738,12 @@ const ar = (r) => ({
           }
         }
       },
+      borderBottom: {
+        [l.UNDERLINE]: `${r.border.width[1]} solid ${r.colors.gray[200]}`,
+        [l.BOXED]: "none",
+        [l.FLOATING]: "none",
+        [l.PILLS]: "none"
+      },
       activeIndicator: {
         height: r.border.width[2],
         color: r.colors.gray[700],
@@ -13051,6 +13057,12 @@ const ar = (r) => ({
           }
         }
       },
+      borderBottom: {
+        [l.UNDERLINE]: `${r.border.width[1]} solid ${r.colors.gray[200]}`,
+        [l.BOXED]: "none",
+        [l.FLOATING]: "none",
+        [l.PILLS]: "none"
+      },
       activeIndicator: {
         height: r.border.width[2],
         color: r.colors.gray[700],
@@ -13253,7 +13265,7 @@ const ar = (r) => ({
       }
     }
   }
-}), Cr = (r) => ({
+}), Ir = (r) => ({
   sm: {
     width: "100%",
     outline: "none",
@@ -13365,6 +13377,12 @@ const ar = (r) => ({
           }
         }
       },
+      borderBottom: {
+        [l.UNDERLINE]: `${r.border.width[1]} solid ${r.colors.gray[700]}`,
+        [l.BOXED]: "none",
+        [l.FLOATING]: "none",
+        [l.PILLS]: "none"
+      },
       activeIndicator: {
         height: r.border.width[2],
         color: r.colors.gray[200],
@@ -13678,6 +13696,12 @@ const ar = (r) => ({
           }
         }
       },
+      borderBottom: {
+        [l.UNDERLINE]: `${r.border.width[1]} solid ${r.colors.gray[700]}`,
+        [l.BOXED]: "none",
+        [l.FLOATING]: "none",
+        [l.PILLS]: "none"
+      },
       activeIndicator: {
         height: r.border.width[2],
         color: r.colors.gray[200],
@@ -13880,11 +13904,11 @@ const ar = (r) => ({
       }
     }
   }
-}), i0 = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? Cr(r) : ar(r);
-var Ar = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.NO_GUTTER = "no-gutter", r.DIFF = "diff", r))(Ar || {}), E = /* @__PURE__ */ ((r) => (r.LIGHT = "light", r.DARK = "dark", r))(E || {}), e = /* @__PURE__ */ ((r) => (r.ADDED = "added", r.REMOVED = "removed", r.UNCHANGED = "unchanged", r))(e || {});
-const Wr = (r) => ({
+}), c0 = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? Ir(r) : Dr(r);
+var e = /* @__PURE__ */ ((r) => (r.ADDED = "added", r.REMOVED = "removed", r.UNCHANGED = "unchanged", r))(e || {}), Cr = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.NO_GUTTER = "no-gutter", r.DIFF = "diff", r))(Cr || {}), L = /* @__PURE__ */ ((r) => (r.LIGHT = "light", r.DARK = "dark", r))(L || {});
+const ar = (r) => ({
   sm: {
-    theme: E.DARK,
+    theme: L.DARK,
     backgroundColor: r.colors.gray[25],
     border: `1px solid ${r.colors.gray[200]}`,
     borderRadius: r.border.radius[8],
@@ -13961,7 +13985,7 @@ const Wr = (r) => ({
     }
   },
   lg: {
-    theme: E.DARK,
+    theme: L.DARK,
     backgroundColor: r.colors.gray[25],
     border: `1px solid ${r.colors.gray[200]}`,
     borderRadius: r.border.radius[8],
@@ -14037,13 +14061,13 @@ const Wr = (r) => ({
       }
     }
   }
-}), Gr = (r) => ({
+}), Ar = (r) => ({
   sm: {
     backgroundColor: r.colors.gray[25],
     border: `1px solid ${r.colors.gray[200]}`,
     borderRadius: r.border.radius[8],
     boxShadow: "0px 2px 3px 0px rgba(5, 5, 6, 0.05)",
-    theme: E.LIGHT,
+    theme: L.LIGHT,
     header: {
       backgroundColor: r.colors.gray[50],
       borderBottom: `1px solid ${r.colors.gray[200]}`,
@@ -14120,7 +14144,7 @@ const Wr = (r) => ({
     border: `1px solid ${r.colors.gray[200]}`,
     borderRadius: r.border.radius[8],
     boxShadow: "0px 2px 3px 0px rgba(5, 5, 6, 0.05)",
-    theme: E.LIGHT,
+    theme: L.LIGHT,
     header: {
       backgroundColor: r.colors.gray[50],
       borderBottom: `1px solid ${r.colors.gray[200]}`,
@@ -14192,9 +14216,9 @@ const Wr = (r) => ({
       }
     }
   }
-}), p0 = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? Wr(r) : Gr(r);
-var b = /* @__PURE__ */ ((r) => (r.SM = "sm", r.MD = "md", r.LG = "lg", r))(b || {}), Br = /* @__PURE__ */ ((r) => (r.LINEAR = "linear", r.CIRCULAR = "circular", r))(Br || {}), i = /* @__PURE__ */ ((r) => (r.SOLID = "solid", r.SEGMENTED = "segmented", r))(i || {});
-const Mr = (r) => ({
+}), t0 = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? ar(r) : Ar(r);
+var b = /* @__PURE__ */ ((r) => (r.SM = "sm", r.MD = "md", r.LG = "lg", r))(b || {}), Gr = /* @__PURE__ */ ((r) => (r.LINEAR = "linear", r.CIRCULAR = "circular", r))(Gr || {}), i = /* @__PURE__ */ ((r) => (r.SOLID = "solid", r.SEGMENTED = "segmented", r))(i || {});
+const Wr = (r) => ({
   sm: {
     linear: {
       height: {
@@ -14385,7 +14409,7 @@ const Mr = (r) => ({
     },
     transition: "width 0.3s ease-in-out"
   }
-}), Fr = (r) => ({
+}), Br = (r) => ({
   sm: {
     linear: {
       height: {
@@ -14576,7 +14600,7 @@ const Mr = (r) => ({
     },
     transition: "width 0.3s ease-in-out"
   }
-}), e0 = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? Mr(r) : Fr(r), Ur = (r) => ({
+}), i0 = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? Wr(r) : Br(r), Mr = (r) => ({
   sm: {
     gap: r.unit[0],
     item: {
@@ -14625,7 +14649,7 @@ const Mr = (r) => ({
       color: r.colors.gray[400]
     }
   }
-}), Xr = (r) => ({
+}), Fr = (r) => ({
   sm: {
     gap: r.unit[0],
     item: {
@@ -14674,66 +14698,64 @@ const Mr = (r) => ({
       color: r.colors.gray[600]
     }
   }
-}), y0 = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? Xr(r) : Ur(r);
+}), p0 = (r, c = h.LIGHT) => c === h.DARK || c === "dark" ? Fr(r) : Mr(r);
 export {
-  E as $,
+  xr as $,
   V as A,
   p as B,
   x as C,
   F as D,
   M as E,
-  _r as F,
+  Ur as F,
   S as G,
   n as H,
   rr as I,
   s as J,
   z as K,
-  Br as L,
+  Gr as L,
   m as M,
   b as N,
-  d as O,
+  u as O,
   i as P,
-  u as Q,
-  g as R,
-  vr as S,
+  g as Q,
+  y as R,
+  d as S,
   h as T,
-  y as U,
-  $ as V,
-  $r as W,
-  l as X,
-  t as Y,
-  R as Z,
-  Ar as _,
-  Vr as a,
-  xr as a0,
-  v as a1,
-  O as a2,
-  wr as a3,
-  j as a4,
-  e as a5,
-  Pr as b,
-  g0 as c,
-  nr as d,
-  Tr as e,
-  Yr as f,
-  qr as g,
-  i0 as h,
-  s0 as i,
-  Zr as j,
-  dr as k,
-  ur as l,
-  c0 as m,
-  e0 as n,
-  t0 as o,
-  fr as p,
-  Jr as q,
-  l0 as r,
-  p0 as s,
-  r0 as t,
-  kr as u,
-  y0 as v,
-  or as w,
-  jr as x,
-  Qr as y,
-  Kr as z
+  $ as U,
+  vr as V,
+  l as W,
+  t as X,
+  R as Y,
+  Cr as Z,
+  L as _,
+  _r as a,
+  v as a0,
+  O as a1,
+  j as a2,
+  e as a3,
+  Xr as b,
+  l0 as c,
+  Tr as d,
+  fr as e,
+  qr as f,
+  Pr as g,
+  c0 as h,
+  r0 as i,
+  jr as j,
+  Qr as k,
+  Zr as l,
+  s0 as m,
+  i0 as n,
+  g0 as o,
+  dr as p,
+  Kr as q,
+  nr as r,
+  t0 as s,
+  kr as t,
+  or as u,
+  p0 as v,
+  ur as w,
+  Yr as x,
+  Jr as y,
+  Vr as z
 };

package/dist/node.js

@@ -1,4 +1,4 @@
-import { F as a, T as o, y as t, x as T, w as n, v as g, z as k, u as V, t as r, s as i, r as l, q as c, g as b, p as d, o as u, n as S, m as p, a as h, l as m, j as v, i as x, k as A, h as C, f as M, e as B, d as E, c as N, b as P } from "./node-C2uf3sNA.js";
+import { F as a, T as o, y as t, x as T, w as n, v as g, z as k, u as V, t as r, s as i, r as l, q as c, g as b, p as d, o as u, n as S, m as p, a as h, l as m, j as v, i as x, k as A, h as C, f as M, e as B, d as E, c as N, b as P } from "./node-C_DmV86X.js";
 export {
   a as FOUNDATION_THEME,
   o as Theme,

package/dist/tokens.js

@@ -1,4 +1,4 @@
-import { F as u, T as d, g as k, a as E, b as V, c as g, d as v, e as p, f as S, h, i as R, j as A, k as y, l as C, m as N, n as I, o as P, p as m, q as _, r as B, s as L, t as w, u as M, v as j, w as U, x as D, y as G, z as H } from "./node-C2uf3sNA.js";
+import { F as u, T as d, g as k, a as E, b as V, c as g, d as v, e as p, f as S, h, i as R, j as A, k as y, l as C, m as N, n as I, o as P, p as m, q as _, r as B, s as L, t as w, u as M, v as j, w as U, x as D, y as G, z as H } from "./node-C_DmV86X.js";
 import { BRANCH_COLLECTION as ie, BRANCH_ID_PATTERN as ae, PRESETS as ce, PRESET_BLEND_DEFAULT as fe, PRESET_GREEN as le, PRESET_JUSPAY as Te, PRESET_ORANGE as ue, PRESET_PURPLE as de, RADIUS_PRESETS as Oe, SNAPSHOT_SUBCOLLECTION as ke, STORAGE_KEYS as Ee, TEAM_ROLE_PERMISSIONS as Ve, VERSION_PATTERN as ge, VERSION_SUBCOLLECTION as ve, analyzeContrast as pe, canUserPerformAction as Se, diffBrandConfigs as he, extractOverridePaths as Re, generateBranchId as Ae, generateColorScale as ye, getContrastRatio as Ce, getContrastRatioHex as Ne, getDefaultOnboardingState as Ie, getDefaultPreferences as Pe, getPreset as me, hexToRgb as _e, incrementVersion as Be, isValidHexColor as Le, listPresets as we, meetsWCAG as Me, parseBranchId as je, relativeLuminance as Ue, resolveWithInheritance as De, snapshotsPath as Ge, suggestForeground as He, validateAgainstLocks as xe, validateBranchId as Ke, validateBrandConfig as Fe, validatePaletteContrast as Je, validateVersion as $e, versionsPath as Ye } from "./tokens-server.js";
 function O(e) {
   const o = typeof structuredClone == "function" ? structuredClone(u) : JSON.parse(JSON.stringify(u));

package/lib/components/AccordionV2/accordionV2.dark.tokens.ts

@@ -1,5 +1,5 @@
 import { FoundationTokenType } from '../../tokens/theme.token'
-import { ResponsiveAccordionV2Tokens } from './accordionV2.tokens'
+import type { ResponsiveAccordionV2Tokens } from './accordionV2.tokens.types'
 import { AccordionV2Type } from './accordionV2.types'
 
 export const getAccordionV2DarkTokens = (

package/lib/components/AccordionV2/accordionV2.light.tokens.ts

@@ -1,5 +1,5 @@
 import { FoundationTokenType } from '../../tokens/theme.token'
-import { ResponsiveAccordionV2Tokens } from './accordionV2.tokens'
+import type { ResponsiveAccordionV2Tokens } from './accordionV2.tokens.types'
 import { AccordionV2Type } from './accordionV2.types'
 
 export const getAccordionV2LightTokens = (

package/lib/components/AccordionV2/accordionV2.tokens.ts

@@ -1,81 +1,14 @@
-import type { CSSObject } from 'styled-components'
-import { AccordionV2Type } from './accordionV2.types'
 import type { FoundationTokenType } from '../../tokens/theme.token'
-import { type BreakpointType } from '../../breakpoints/breakPoints'
 import { Theme } from '../../context/theme.enum'
 import { getAccordionV2DarkTokens } from './accordionV2.dark.tokens'
 import { getAccordionV2LightTokens } from './accordionV2.light.tokens'
+import type { ResponsiveAccordionV2Tokens } from './accordionV2.tokens.types'
 
-export type AccordionV2State =
-    | 'default'
-    | 'hover'
-    | 'active'
-    | 'disabled'
-    | 'open'
-export type AccordionV2TokensType = {
-    gap: {
-        [key in AccordionV2Type]: CSSObject['gap']
-    }
-    borderRadius: {
-        [key in AccordionV2Type]: CSSObject['borderRadius']
-    }
-    trigger: {
-        content: {
-            gap: CSSObject['gap']
-        }
-        backgroundColor: {
-            [key in AccordionV2Type]: {
-                [key in AccordionV2State]: CSSObject['backgroundColor']
-            }
-        }
-        border: {
-            [key in AccordionV2Type]: {
-                [key in AccordionV2State]: CSSObject['border']
-            }
-        }
-        padding: {
-            [key in AccordionV2Type]: CSSObject['padding']
-        }
-        text: {
-            gap: CSSObject['gap']
-            title: {
-                fontSize: CSSObject['fontSize']
-                fontWeight: CSSObject['fontWeight']
-                lineHeight: CSSObject['lineHeight']
-                color: {
-                    [key in AccordionV2State]: CSSObject['color']
-                }
-            }
-            subtext: {
-                fontSize: CSSObject['fontSize']
-                fontWeight: CSSObject['fontWeight']
-                lineHeight: CSSObject['lineHeight']
-                gap: CSSObject['gap']
-                color: {
-                    [key in AccordionV2State]: CSSObject['color']
-                }
-            }
-        }
-        slot: {
-            height: CSSObject['height']
-        }
-    }
-    separator: {
-        color: {
-            [key in AccordionV2Type]: CSSObject['color']
-        }
-    }
-    chevron: {
-        height: CSSObject['height']
-        color: {
-            [key in AccordionV2State]: CSSObject['color']
-        }
-    }
-}
-
-export type ResponsiveAccordionV2Tokens = {
-    [key in keyof BreakpointType]: AccordionV2TokensType
-}
+export type {
+    AccordionV2State,
+    AccordionV2TokensType,
+    ResponsiveAccordionV2Tokens,
+} from './accordionV2.tokens.types'
 
 export const getAccordionV2Tokens = (
     foundationToken: FoundationTokenType,