@ledgerhq/lumen-ui-react 0.0.62 → 0.0.64

package/dist/lib/Components/Button/BaseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/BaseButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAqDzC,eAAO,MAAM,UAAU;;;;;;;;;YAxCf,CAAR;iBACU,CAAT;;;2FAkHA,CAAC"}
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/BaseButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAqDzC,eAAO,MAAM,UAAU;;;;;;;;;YAxCf,CAAF;iBACI,CAAH;;;2FAkHN,CAAC"}

package/dist/lib/Components/Button/BaseButton.js

@@ -5,7 +5,7 @@ import { cva as l } from "class-variance-authority";
 import y, { useCallback as B } from "react";
 import { Spinner as N } from "../Spinner/Spinner.js";
 const j = l(
-  'inline-flex size-fit cursor-pointer items-center justify-center rounded-full transition-colors duration-200 body-1-semi-bold focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus [&[data-disabled="true"]]:bg-disabled [&[data-disabled="true"]]:text-disabled',
+  'inline-flex size-fit cursor-pointer items-center justify-center rounded-full body-1-semi-bold transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus data-[disabled="true"]:bg-disabled data-[disabled="true"]:text-disabled',
   {
     variants: {
       appearance: {

package/dist/lib/Components/CardButton/CardButton.js

@@ -9,7 +9,7 @@ const p = c(
     variants: {
       appearance: {
         base: "bg-muted text-base hover:bg-muted-hover active:bg-muted-pressed disabled:bg-disabled",
-        outline: "bg-base-transparent text-base outline-dashed outline-1 outline-muted-subtle hover:bg-base-transparent-hover hover:outline-muted-subtle-hover focus-visible:outline-none focus-visible:outline-offset-0 active:bg-base-transparent-pressed active:outline-muted-subtle-pressed disabled:bg-base-transparent disabled:outline-disabled"
+        outline: "bg-base-transparent text-base outline-dashed outline-1 outline-muted-subtle hover:bg-base-transparent-hover hover:outline-muted-subtle-hover focus-visible:outline-hidden focus-visible:outline-offset-0 active:bg-base-transparent-pressed active:outline-muted-subtle-pressed disabled:bg-base-transparent disabled:outline-disabled"
       }
     },
     defaultVariants: {

package/dist/lib/Components/Checkbox/Checkbox.js

@@ -1,11 +1,11 @@
 import { jsx as e } from "react/jsx-runtime";
-import { cn as d } from "../../../libs/utils-shared/dist/index.js";
+import { cn as a } from "../../../libs/utils-shared/dist/index.js";
 import * as t from "@radix-ui/react-checkbox";
 import i from "react";
 import { Check as o } from "../../Symbols/Icons/Check.js";
-const r = [
-  "h-20 w-20 shrink-0 rounded-xs transition-colors",
-  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2",
+const r = a(
+  "size-20 shrink-0 cursor-pointer rounded-xs transition-colors",
+  "focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 focus-visible:outline-hidden",
   "data-[state=unchecked]:border data-[state=unchecked]:border-muted data-[state=unchecked]:bg-base",
   "data-[state=unchecked]:hover:bg-base-hover",
   "data-[state=unchecked]:active:bg-base-pressed",
@@ -14,12 +14,12 @@ const r = [
   "data-[state=checked]:hover:bg-active-hover",
   "data-[state=checked]:active:bg-active-pressed",
   "data-[state=checked]:disabled:bg-disabled data-[state=checked]:disabled:text-disabled"
-].join(" "), b = i.forwardRef(({ className: a, ...s }, c) => /* @__PURE__ */ e(
+), b = i.forwardRef(({ className: s, ...d }, c) => /* @__PURE__ */ e(
   t.Root,
   {
     ref: c,
-    className: d(r, a),
-    ...s,
+    className: a(r, s),
+    ...d,
     children: /* @__PURE__ */ e(t.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(o, { size: 16 }) })
   }
 ));

package/dist/lib/Components/Dialog/Dialog.d.ts

@@ -73,7 +73,7 @@ export declare function DialogTrigger({ ...props }: DialogTriggerProps): import(
  * // With custom styling for layout
  * <DialogContent className="max-w-md">
  *   <div className="space-y-4">
- *     <h4 className="heading-4-semi-bold">Dialog Title</h4>
+ *     <h4 className="heading-5-semi-bold">Dialog Title</h4>
  *     <p>Detailed content here.</p>
  *   </div>
  * </DialogContent>

package/dist/lib/Components/Dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAEL,kBAAkB,EAIlB,WAAW,EACX,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAwBjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,MAAM,CAAC,EAAE,MAAc,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAM/D;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAE7D;AAuDD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAepB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU;;;;+EAiBtB,CAAC;AAGF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,YAAY;;;+EAaxB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAEL,kBAAkB,EAIlB,WAAW,EACX,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAwBjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,MAAM,CAAC,EAAE,MAAc,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAM/D;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAE7D;AAuDD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAkBpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU;;;;+EAsBtB,CAAC;AAGF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,YAAY;;;+EAaxB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/lib/Components/Dialog/Dialog.js

@@ -1,14 +1,12 @@
-import { jsx as o, jsxs as f } from "react/jsx-runtime";
-import { cn as n } from "../../../libs/utils-shared/dist/index.js";
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { createSafeContext as u, cn as l } from "../../../libs/utils-shared/dist/index.js";
 import * as r from "@radix-ui/react-dialog";
-import { cva as m } from "class-variance-authority";
-import * as i from "react";
-const d = i.createContext({
-  height: "hug"
-}), u = m(
+import { cva as h } from "class-variance-authority";
+import * as n from "react";
+const [p, s] = u("Dialog"), x = h(
   [
-    "w-400 bg-canvas-sheet flex max-w-[calc(100%-2rem)] flex-col overflow-hidden rounded-2xl pb-24",
-    "z-dialog-content fixed left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%]",
+    "flex w-400 max-w-[calc(100%-2rem)] flex-col overflow-hidden rounded-2xl bg-canvas-sheet pb-24",
+    "fixed top-[50%] left-[50%] z-dialog-content translate-[-50%]",
     "data-[state=closed]:animate-content-hide data-[state=open]:animate-content-show"
   ],
   {
@@ -23,85 +21,95 @@ const d = i.createContext({
     }
   }
 );
-function w({ height: a = "hug", ...t }) {
-  return /* @__PURE__ */ o(d.Provider, { value: { height: a }, children: /* @__PURE__ */ o(r.Root, { "data-slot": "dialog", ...t }) });
+function C({ height: a = "hug", ...t }) {
+  return /* @__PURE__ */ o(p, { value: { height: a }, children: /* @__PURE__ */ o(r.Root, { "data-slot": "dialog", ...t }) });
 }
-function b({ ...a }) {
+function R({ ...a }) {
   return /* @__PURE__ */ o(r.Trigger, { "data-slot": "dialog-trigger", ...a });
 }
-function h({
+function v({
   ...a
 }) {
   return /* @__PURE__ */ o(r.Portal, { "data-slot": "dialog-portal", ...a });
 }
-const s = i.forwardRef(
+const d = n.forwardRef(
   ({ className: a, ...t }, e) => /* @__PURE__ */ o(
     r.Overlay,
     {
       ref: e,
       "data-slot": "dialog-overlay",
-      className: n(
+      className: l(
         a,
-        "z-dialog-overlay bg-canvas-overlay data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in fixed inset-0 backdrop-blur-sm"
+        "fixed inset-0 z-dialog-overlay bg-canvas-overlay backdrop-blur-sm data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in"
       ),
       ...t
     }
   )
 );
-s.displayName = "DialogOverlay";
-function N({
+d.displayName = "DialogOverlay";
+function O({
   className: a,
   children: t,
   ...e
 }) {
-  const { height: l } = i.useContext(d);
-  return /* @__PURE__ */ f(h, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ o(s, {}),
+  const { height: i } = s({
+    consumerName: "DialogContent",
+    contextRequired: !0
+  });
+  return /* @__PURE__ */ m(v, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ o(d, {}),
     /* @__PURE__ */ o(
       r.Content,
       {
         "data-slot": "dialog-content",
-        className: n(u({ height: l }), a),
+        className: l(x({ height: i }), a),
         ...e,
         children: t
       }
     )
   ] });
 }
-const p = i.forwardRef(
-  ({ className: a, children: t, scrollbarWidth: e = "none", style: l, ...g }, c) => /* @__PURE__ */ o(
-    "div",
-    {
-      ref: c,
-      "data-slot": "dialog-body",
-      style: { scrollbarWidth: e, ...l },
-      className: n(
-        "-mb-24 flex min-h-0 grow flex-col overflow-y-auto px-24 pb-24",
-        a
-      ),
-      ...g,
-      children: t
-    }
-  )
+const y = n.forwardRef(
+  ({ className: a, children: t, scrollbarWidth: e = "none", style: i, ...g }, c) => {
+    const { height: f } = s({
+      consumerName: "DialogBody",
+      contextRequired: !0
+    });
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        ref: c,
+        "data-slot": "dialog-body",
+        style: { scrollbarWidth: e, ...i },
+        className: l(
+          "-mb-24 flex min-h-0 grow flex-col overflow-y-auto px-24 pb-24",
+          f === "hug" ? "basis-auto" : "basis-0",
+          a
+        ),
+        ...g,
+        children: t
+      }
+    );
+  }
 );
-p.displayName = "DialogBody";
-const x = i.forwardRef(
-  ({ className: a, children: t, ...e }, l) => /* @__PURE__ */ o(
+y.displayName = "DialogBody";
+const D = n.forwardRef(
+  ({ className: a, children: t, ...e }, i) => /* @__PURE__ */ o(
     "div",
     {
-      ref: l,
+      ref: i,
       "data-slot": "dialog-footer",
-      className: n("flex shrink-0 justify-end gap-8 px-24 pt-24", a),
+      className: l("flex shrink-0 justify-end gap-8 px-24 pt-24", a),
       ...e,
       children: t
     }
   )
 );
-x.displayName = "DialogFooter";
+D.displayName = "DialogFooter";
 export {
-  w as Dialog,
-  p as DialogBody,
-  N as DialogContent,
-  x as DialogFooter,
-  b as DialogTrigger
+  C as Dialog,
+  y as DialogBody,
+  O as DialogContent,
+  D as DialogFooter,
+  R as DialogTrigger
 };

package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.js

@@ -79,8 +79,8 @@ const y = b("flex px-24 text-base", {
                 "pl-40": !i
               }),
               children: [
-                o && /* @__PURE__ */ e("div", { className: "truncate text-center heading-4-semi-bold", children: o }),
-                l && /* @__PURE__ */ e("div", { className: "truncate text-center text-muted body-2", children: l })
+                o && /* @__PURE__ */ e("div", { className: "truncate text-center heading-5-semi-bold", children: o }),
+                l && /* @__PURE__ */ e("div", { className: "truncate text-center body-2 text-muted", children: l })
               ]
             }
           ),
@@ -92,8 +92,8 @@ const y = b("flex px-24 text-base", {
             /* @__PURE__ */ e("div", { className: "ml-auto", children: /* @__PURE__ */ e(d, { onClose: n }) })
           ] }),
           (o || l) && /* @__PURE__ */ t("div", { className: "flex flex-col gap-4", children: [
-            o && /* @__PURE__ */ e("div", { className: "heading-2-semi-bold", children: o }),
-            l && /* @__PURE__ */ e("div", { className: "text-muted body-2", children: l })
+            o && /* @__PURE__ */ e("div", { className: "heading-3-semi-bold", children: o }),
+            l && /* @__PURE__ */ e("div", { className: "body-2 text-muted", children: l })
           ] })
         ] })
       ]

package/dist/lib/Components/InteractiveIcon/InteractiveIcon.js

@@ -1,9 +1,9 @@
-import { jsx as i } from "react/jsx-runtime";
-import { cn as o } from "../../../libs/utils-shared/dist/index.js";
+import { jsx as o } from "react/jsx-runtime";
+import { cn as i } from "../../../libs/utils-shared/dist/index.js";
 import { cva as a } from "class-variance-authority";
 import n from "react";
 const c = a(
-  "inline-flex size-fit items-center justify-center rounded-full text-muted transition-colors hover:text-muted-hover focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus active:text-muted-pressed disabled:text-disabled",
+  "inline-flex size-fit cursor-pointer items-center justify-center rounded-full text-muted transition-colors hover:text-muted-hover focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus active:text-muted-pressed disabled:text-disabled",
   {
     variants: {
       iconType: {
@@ -12,12 +12,12 @@ const c = a(
       }
     }
   }
-), d = n.forwardRef(({ className: e, iconType: t, ...s }, r) => /* @__PURE__ */ i(
+), d = n.forwardRef(({ className: e, iconType: t, ...r }, s) => /* @__PURE__ */ o(
   "button",
   {
-    ref: r,
-    className: o(e, c({ iconType: t })),
-    ...s
+    ref: s,
+    className: i(e, c({ iconType: t })),
+    ...r
   }
 ));
 d.displayName = "InteractiveIcon";

package/dist/lib/Components/ListItem/ListItem.js

@@ -76,7 +76,7 @@ const N = n.forwardRef(({ children: e, className: t }, s) => {
     {
       ref: s,
       className: a(
-        "w-full items-center truncate text-muted body-3",
+        "w-full items-center truncate body-3 text-muted",
         o ? "justify-end text-end" : "justify-start text-start",
         r && "text-disabled",
         t

package/dist/lib/Components/Menu/Menu.js

@@ -11,14 +11,14 @@ const c = o(
   "data-[state=open]:animate-fade-in",
   "data-[state=closed]:animate-fade-out"
 ), d = o(
-  "relative flex cursor-default select-none items-center gap-12",
-  "h-44 rounded-sm px-8 outline-none",
-  "text-base body-2-semi-bold",
+  "relative flex cursor-default items-center gap-12 select-none",
+  "h-44 rounded-sm px-8 outline-hidden",
+  "body-2-semi-bold text-base",
   "transition-colors",
   "focus:bg-base-transparent-hover",
   "active:bg-base-transparent-pressed",
-  "data-[disabled]:pointer-events-none data-[disabled]:text-disabled"
-), b = o("px-8 py-4 text-muted body-3-semi-bold"), N = o(
+  "data-disabled:pointer-events-none data-disabled:text-disabled"
+), b = o("px-8 py-4 body-3-semi-bold text-muted"), N = o(
   d,
   "data-[state=open]:bg-base-transparent-hover"
 );

package/dist/lib/Components/SearchInput/SearchInput.js

@@ -7,7 +7,7 @@ const c = a.forwardRef(
     s,
     {
       size: 20,
-      className: "text-muted group-has-[:disabled]:text-disabled",
+      className: "text-muted group-has-disabled:text-disabled",
       "aria-hidden": "true"
     }
   ), ...r })

package/dist/lib/Components/Select/Select.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { cn as r } from "../../../libs/utils-shared/dist/index.js";
+import { cn as l } from "../../../libs/utils-shared/dist/index.js";
 import * as a from "@radix-ui/react-select";
 import { cva as c } from "class-variance-authority";
 import * as s from "react";
@@ -13,34 +13,34 @@ function k({ ...t }) {
 function G({ ...t }) {
   return /* @__PURE__ */ e(a.Group, { "data-slot": "select-group", ...t });
 }
-const b = r(
-  "group relative flex h-48 w-full items-center justify-between gap-8",
+const b = l(
+  "group relative flex h-48 w-full cursor-pointer items-center justify-between gap-8",
   "rounded-sm bg-muted px-16",
-  "text-base body-2",
+  "body-2 text-base",
   "hover:bg-muted-hover",
-  "transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-focus",
+  "transition-colors duration-200 focus:ring-2 focus:ring-focus focus:outline-hidden",
   "disabled:cursor-not-allowed disabled:text-disabled"
-), g = r(
+), g = l(
   "pointer-events-none absolute left-16 origin-left text-muted transition-all duration-300",
   "top-10 -translate-y-4 body-4",
-  "group-data-[placeholder]:top-14 group-data-[placeholder]:translate-y-0 group-data-[placeholder]:body-2",
-  "group-data-[:disabled]:text-disabled disabled:text-disabled group-data-[disabled]:text-disabled group-data-[placeholder][disabled]:text-disabled",
+  "group-data-placeholder:top-14 group-data-placeholder:translate-y-0 group-data-placeholder:body-2",
+  "group-data-disabled:text-disabled disabled:text-disabled",
   "max-w-[calc(100%-var(--size-56))] truncate"
-), x = s.forwardRef(({ className: t, labelClassName: l, label: o, ...d }, i) => /* @__PURE__ */ n(
+), h = s.forwardRef(({ className: t, labelClassName: o, label: r, ...i }, d) => /* @__PURE__ */ n(
   a.Trigger,
   {
-    ref: i,
+    ref: d,
     "data-slot": "select-trigger",
-    className: r(b, t),
-    ...d,
+    className: l(b, t),
+    ...i,
     children: [
-      o && /* @__PURE__ */ e("label", { className: r(g, l), children: o }),
+      r && /* @__PURE__ */ e("label", { className: l(g, o), children: r }),
       /* @__PURE__ */ e(
         "span",
         {
-          className: r(
-            "flex-1 truncate text-left ",
-            o && "mt-16 opacity-100 transition-opacity delay-100 duration-300 group-data-[placeholder]:mt-0 group-data-[placeholder]:opacity-0",
+          className: l(
+            "flex-1 truncate text-left",
+            r && "mt-16 opacity-100 transition-opacity delay-100 duration-300 group-data-placeholder:mt-0 group-data-placeholder:opacity-0",
             t
           ),
           children: /* @__PURE__ */ e(a.Value, { "data-slot": "select-value" })
@@ -50,22 +50,22 @@ const b = r(
         m,
         {
           size: 20,
-          className: "shrink-0 text-muted group-data-[disabled]:text-disabled"
+          className: "shrink-0 text-muted group-data-disabled:text-disabled"
         }
       ) })
     ]
   }
 ));
-x.displayName = a.Trigger.displayName;
-const h = c(
+h.displayName = a.Trigger.displayName;
+const x = c(
   [
-    "relative z-select max-h-[var(--radix-select-content-available-height)] overflow-y-auto overflow-x-hidden",
+    "relative z-select max-h-(--radix-select-content-available-height) overflow-x-hidden overflow-y-auto",
     "rounded-sm bg-muted",
     "shadow-md",
-    "data-[side=bottom]:animate-slide-in-from-top-8",
-    "data-[side=top]:animate-slide-in-from-bottom-8",
-    "data-[side=left]:animate-slide-in-from-right-8",
-    "data-[side=right]:animate-slide-in-from-left-8"
+    "data-[side=bottom]:animate-slide-in-from-top",
+    "data-[side=top]:animate-slide-in-from-bottom",
+    "data-[side=left]:animate-slide-in-from-right",
+    "data-[side=right]:animate-slide-in-from-left"
   ],
   {
     variants: {
@@ -81,112 +81,112 @@ const h = c(
 ), y = c("p-8", {
   variants: {
     position: {
-      popper: "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]",
+      popper: "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)",
       "item-aligned": ""
     }
   },
   defaultVariants: {
     position: "popper"
   }
-}), N = s.forwardRef(({ className: t, children: l, position: o = "popper", ...d }, i) => /* @__PURE__ */ e(a.Portal, { "data-slot": "select-portal", children: /* @__PURE__ */ n(
+}), N = s.forwardRef(({ className: t, children: o, position: r = "popper", ...i }, d) => /* @__PURE__ */ e(a.Portal, { "data-slot": "select-portal", children: /* @__PURE__ */ n(
   a.Content,
   {
-    ref: i,
+    ref: d,
     "data-slot": "select-content",
-    className: r(h({ position: o }), t),
-    position: o,
-    ...d,
+    className: l(x({ position: r }), t),
+    position: r,
+    ...i,
     children: [
       /* @__PURE__ */ e(R, {}),
-      /* @__PURE__ */ e(a.Viewport, { className: y({ position: o }), children: l }),
+      /* @__PURE__ */ e(a.Viewport, { className: y({ position: r }), children: o }),
       /* @__PURE__ */ e(C, {})
     ]
   }
 ) }));
 N.displayName = a.Content.displayName;
-const v = s.forwardRef(({ className: t, ...l }, o) => /* @__PURE__ */ e(
+const w = s.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ e(
   a.Label,
   {
-    ref: o,
+    ref: r,
     "data-slot": "select-label",
-    className: r("mb-4 px-8 pb-0 pt-8 text-muted body-3-semi-bold", t),
-    ...l
+    className: l("mb-4 px-8 pt-8 pb-0 body-3-semi-bold text-muted", t),
+    ...o
   }
 ));
-v.displayName = a.Label.displayName;
-const w = r(
-  "relative flex w-full cursor-default select-none items-center bg-base-transparent",
+w.displayName = a.Label.displayName;
+const S = l(
+  "relative flex w-full cursor-pointer items-center bg-base-transparent select-none",
   "rounded-sm p-8",
-  "text-base body-2",
-  "outline-none",
+  "body-2 text-base",
+  "outline-hidden",
   "focus:bg-base-transparent-hover",
   "active:bg-base-transparent-pressed",
-  "data-[disabled]:cursor-not-allowed data-[disabled]:text-disabled"
-), S = s.forwardRef(({ className: t, children: l, ...o }, d) => /* @__PURE__ */ n(
+  "data-disabled:cursor-not-allowed data-disabled:text-disabled"
+), v = s.forwardRef(({ className: t, children: o, ...r }, i) => /* @__PURE__ */ n(
   a.Item,
   {
-    ref: d,
+    ref: i,
     "data-slot": "select-item",
-    className: r(w, t),
-    ...o,
+    className: l(S, t),
+    ...r,
     children: [
-      l,
+      o,
       /* @__PURE__ */ e("span", { className: "absolute right-8 flex size-24 items-center justify-center", children: /* @__PURE__ */ e(a.ItemIndicator, { children: /* @__PURE__ */ e(p, { size: 24, className: "text-active" }) }) })
     ]
   }
 ));
-S.displayName = a.Item.displayName;
+v.displayName = a.Item.displayName;
 const I = s.forwardRef(
-  ({ className: t, ...l }, o) => /* @__PURE__ */ e(
+  ({ className: t, ...o }, r) => /* @__PURE__ */ e(
     u,
     {
-      ref: o,
-      className: r("mx-8 my-4 w-auto", t),
-      ...l
+      ref: r,
+      className: l("mx-8 my-4 w-auto", t),
+      ...o
     }
   )
 );
 I.displayName = "SelectSeparator";
-const z = s.forwardRef(({ className: t, ...l }, o) => /* @__PURE__ */ e(
+const z = s.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ e(
   a.ItemText,
   {
-    ref: o,
+    ref: r,
     "data-slot": "select-item-text",
-    className: r("text-muted body-2", t),
-    ...l
+    className: l("body-2 text-muted", t),
+    ...o
   }
 ));
 z.displayName = a.ItemText.displayName;
 function R({
   className: t,
-  ...l
+  ...o
 }) {
   return /* @__PURE__ */ e(
     a.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: r(
+      className: l(
         "flex cursor-default items-center justify-center py-1 text-muted",
         t
       ),
-      ...l,
+      ...o,
       children: /* @__PURE__ */ e(f, { className: "size-4" })
     }
   );
 }
 function C({
   className: t,
-  ...l
+  ...o
 }) {
   return /* @__PURE__ */ e(
     a.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
-      className: r(
+      className: l(
         "flex cursor-default items-center justify-center py-1 text-muted",
         t
       ),
-      ...l,
+      ...o,
       children: /* @__PURE__ */ e(m, { className: "size-4" })
     }
   );
@@ -195,9 +195,9 @@ export {
   k as Select,
   N as SelectContent,
   G as SelectGroup,
-  S as SelectItem,
+  v as SelectItem,
   z as SelectItemText,
-  v as SelectLabel,
+  w as SelectLabel,
   I as SelectSeparator,
-  x as SelectTrigger
+  h as SelectTrigger
 };

package/dist/lib/Components/Spot/Spot.js

@@ -20,7 +20,7 @@ const F = h(
         warning: "text-warning",
         info: "text-muted",
         loader: "",
-        number: "text-base heading-4"
+        number: "heading-5 text-base"
       },
       disabled: {
         true: "text-disabled"
@@ -41,10 +41,10 @@ const F = h(
     72: 40
   }, m = {
     32: "body-2-semi-bold",
-    48: "heading-4",
-    56: "heading-3",
-    72: "heading-1"
-  }, t = l[o] ?? 20, n = m[o] ?? "heading-4", p = f(() => {
+    48: "heading-5",
+    56: "heading-4",
+    72: "heading-2"
+  }, t = l[o] ?? 20, n = m[o] ?? "heading-5", p = f(() => {
     switch (r.appearance) {
       case "icon": {
         const { icon: u } = r;

package/dist/lib/Components/Subheader/Subheader.js

@@ -24,7 +24,7 @@ const a = ({ children: e }) => /* @__PURE__ */ i("div", { className: "flex shrin
       ...d,
       children: [
         /* @__PURE__ */ s("div", { className: "flex min-w-0 items-center gap-2", children: [
-          /* @__PURE__ */ i("h2", { className: "min-w-0 truncate heading-4-semi-bold", children: m }),
+          /* @__PURE__ */ i("h2", { className: "min-w-0 truncate heading-5-semi-bold", children: m }),
           u
         ] }),
         S

package/dist/lib/Components/Switch/Switch.js

@@ -5,10 +5,10 @@ import { cva as d } from "class-variance-authority";
 import m from "react";
 const u = d(
   s(
-    "group flex items-center rounded-full p-2 transition-colors duration-200 ease-in-out focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",
+    "group flex cursor-pointer items-center rounded-full p-2 transition-colors duration-200 ease-in-out focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",
     "[&[data-state=unchecked]:not([data-disabled])]:bg-muted-strong [&[data-state=unchecked]:not([data-disabled])]:hover:bg-muted-strong-hover [&[data-state=unchecked]:not([data-disabled])]:active:bg-muted-strong-pressed",
     "[&[data-state=checked]:not([data-disabled])]:bg-active [&[data-state=checked]:not([data-disabled])]:hover:bg-active-hover [&[data-state=checked]:not([data-disabled])]:active:bg-active-pressed",
-    "data-[disabled]:bg-disabled-strong"
+    "data-disabled:bg-disabled-strong"
   ),
   {
     variants: {
@@ -22,7 +22,7 @@ const u = d(
     }
   }
 ), h = d(
-  "translate-x-0 rounded-full bg-white transition-transform duration-200 ease-in-out group-data-[disabled]:bg-base",
+  "translate-x-0 rounded-full bg-white transition-transform duration-200 ease-in-out group-data-disabled:bg-base",
   {
     variants: {
       size: {

package/dist/lib/Components/Tile/Tile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,gBAAgB,EAEhB,oBAAoB,EACpB,SAAS,EACT,wBAAwB,EACxB,aAAa,EACb,cAAc,EACf,MAAM,SAAS,CAAC;AAgEjB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI;sIAWd,SAAS;;CAqFX,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,QAAQ;YAAW,aAAa;;CAM5C,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;wCAIrB,gBAAgB;;CAYlB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,SAAS;wCAInB,cAAc;;CAiBhB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,eAAe;wCAIzB,oBAAoB;;CAiBtB,CAAC;AAGF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB;sEAM7B,wBAAwB;;CAmC1B,CAAC"}
+{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,gBAAgB,EAEhB,oBAAoB,EACpB,SAAS,EACT,wBAAwB,EACxB,aAAa,EACb,cAAc,EACf,MAAM,SAAS,CAAC;AAgEjB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI;sIAWd,SAAS;;CAqFX,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,QAAQ;YAAW,aAAa;;CAM5C,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;wCAIrB,gBAAgB;;CASlB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,SAAS;wCAInB,cAAc;;CAiBhB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,eAAe;wCAIzB,oBAAoB;;CAiBtB,CAAC;AAGF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB;sEAM7B,wBAAwB;;CAmC1B,CAAC"}