@ledgerhq/lumen-ui-react 0.0.58 → 0.0.60

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

@@ -1,15 +1,16 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { cn as n } from "../../../libs/utils-shared/dist/index.js";
-import * as a from "@radix-ui/react-dropdown-menu";
-import * as m from "react";
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { cn as o } from "../../../libs/utils-shared/dist/index.js";
+import * as t from "@radix-ui/react-dropdown-menu";
+import * as i from "react";
 import { Check as u } from "../../Symbols/Icons/Check.js";
-import { ChevronRight as p } from "../../Symbols/Icons/ChevronRight.js";
-const c = n(
+import { Divider as p } from "../Divider/Divider.js";
+import { ChevronRight as f } from "../../Symbols/Icons/ChevronRight.js";
+const c = o(
   "z-menu min-w-160 overflow-hidden rounded-sm bg-muted p-8",
   "shadow-sm",
   "data-[state=open]:animate-fade-in",
   "data-[state=closed]:animate-fade-out"
-), d = n(
+), 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",
@@ -17,145 +18,146 @@ const c = n(
   "focus:bg-base-transparent-hover",
   "active:bg-base-transparent-pressed",
   "data-[disabled]:pointer-events-none data-[disabled]:text-disabled"
-), b = n("px-8 py-4 text-muted body-3-semi-bold"), f = n("mx-8 my-4 h-1 border-b border-muted-subtle"), N = n(
+), b = o("px-8 py-4 text-muted body-3-semi-bold"), N = o(
   d,
   "data-[state=open]:bg-base-transparent-hover"
 );
 function j({ ...e }) {
-  return /* @__PURE__ */ t(a.Root, { "data-slot": "menu", ...e });
+  return /* @__PURE__ */ a(t.Root, { "data-slot": "menu", ...e });
 }
-const y = m.forwardRef(({ ...e }, s) => /* @__PURE__ */ t(
-  a.Trigger,
+const y = i.forwardRef(({ ...e }, s) => /* @__PURE__ */ a(
+  t.Trigger,
   {
     ref: s,
     "data-slot": "menu-trigger",
     ...e
   }
 ));
-y.displayName = a.Trigger.displayName;
-function k({ ...e }) {
-  return /* @__PURE__ */ t(a.Group, { "data-slot": "menu-group", ...e });
+y.displayName = t.Trigger.displayName;
+function G({ ...e }) {
+  return /* @__PURE__ */ a(t.Group, { "data-slot": "menu-group", ...e });
 }
-function G({
+function P({
   ...e
 }) {
-  return /* @__PURE__ */ t(a.Portal, { ...e });
+  return /* @__PURE__ */ a(t.Portal, { ...e });
 }
-function P({
+function L({
   ...e
 }) {
-  return /* @__PURE__ */ t(a.Sub, { ...e });
+  return /* @__PURE__ */ a(t.Sub, { ...e });
 }
-function L({ ...e }) {
-  return /* @__PURE__ */ t(a.RadioGroup, { "data-slot": "menu-radio-group", ...e });
+function D({ ...e }) {
+  return /* @__PURE__ */ a(t.RadioGroup, { "data-slot": "menu-radio-group", ...e });
 }
-const g = m.forwardRef(({ className: e, inset: s, children: o, ...r }, i) => /* @__PURE__ */ l(
-  a.SubTrigger,
+const g = i.forwardRef(({ className: e, inset: s, children: n, ...r }, m) => /* @__PURE__ */ l(
+  t.SubTrigger,
   {
-    ref: i,
+    ref: m,
     "data-slot": "menu-sub-trigger",
-    className: n(N, s && "pl-32", e),
+    className: o(N, s && "pl-32", e),
     ...r,
     children: [
-      o,
-      /* @__PURE__ */ t(p, { size: 20, className: "ml-auto text-muted" })
+      n,
+      /* @__PURE__ */ a(f, { size: 20, className: "ml-auto text-muted" })
     ]
   }
 ));
-g.displayName = a.SubTrigger.displayName;
-const h = m.forwardRef(({ className: e, ...s }, o) => /* @__PURE__ */ t(
-  a.SubContent,
+g.displayName = t.SubTrigger.displayName;
+const h = i.forwardRef(({ className: e, ...s }, n) => /* @__PURE__ */ a(
+  t.SubContent,
   {
-    ref: o,
+    ref: n,
     "data-slot": "menu-sub-content",
-    className: n(c, e),
+    className: o(c, e),
     ...s
   }
 ));
-h.displayName = a.SubContent.displayName;
-const x = m.forwardRef(({ className: e, sideOffset: s = 4, align: o = "start", ...r }, i) => /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ t(
-  a.Content,
+h.displayName = t.SubContent.displayName;
+const x = i.forwardRef(({ className: e, sideOffset: s = 4, align: n = "start", ...r }, m) => /* @__PURE__ */ a(t.Portal, { children: /* @__PURE__ */ a(
+  t.Content,
   {
-    ref: i,
+    ref: m,
     "data-slot": "menu-content",
     sideOffset: s,
-    className: n(c, e),
-    align: o,
+    className: o(c, e),
+    align: n,
     ...r
   }
 ) }));
-x.displayName = a.Content.displayName;
-const R = m.forwardRef(({ className: e, inset: s, ...o }, r) => /* @__PURE__ */ t(
-  a.Item,
+x.displayName = t.Content.displayName;
+const R = i.forwardRef(({ className: e, inset: s, ...n }, r) => /* @__PURE__ */ a(
+  t.Item,
   {
     ref: r,
     "data-slot": "menu-item",
-    className: n(d, s && "pl-32", e),
-    ...o
+    className: o(d, s && "pl-32", e),
+    ...n
   }
 ));
-R.displayName = a.Item.displayName;
-const S = m.forwardRef(({ className: e, children: s, checked: o, ...r }, i) => /* @__PURE__ */ l(
-  a.CheckboxItem,
+R.displayName = t.Item.displayName;
+const M = i.forwardRef(({ className: e, children: s, checked: n, ...r }, m) => /* @__PURE__ */ l(
+  t.CheckboxItem,
   {
-    ref: i,
+    ref: m,
     "data-slot": "menu-checkbox-item",
-    className: n(d, e),
-    checked: o,
+    className: o(d, e),
+    checked: n,
     ...r,
     children: [
       s,
-      /* @__PURE__ */ t("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ t(a.ItemIndicator, { children: /* @__PURE__ */ t(u, { size: 24, className: "text-active" }) }) })
+      /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(u, { size: 24, className: "text-active" }) }) })
     ]
   }
 ));
-S.displayName = a.CheckboxItem.displayName;
-const M = m.forwardRef(({ className: e, children: s, ...o }, r) => /* @__PURE__ */ l(
-  a.RadioItem,
+M.displayName = t.CheckboxItem.displayName;
+const w = i.forwardRef(({ className: e, children: s, ...n }, r) => /* @__PURE__ */ l(
+  t.RadioItem,
   {
     ref: r,
     "data-slot": "menu-radio-item",
-    className: n(d, e),
-    ...o,
+    className: o(d, e),
+    ...n,
     children: [
       s,
-      /* @__PURE__ */ t("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ t(a.ItemIndicator, { children: /* @__PURE__ */ t(u, { size: 24, className: "text-active" }) }) })
+      /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(u, { size: 24, className: "text-active" }) }) })
     ]
   }
 ));
-M.displayName = a.RadioItem.displayName;
-const w = m.forwardRef(({ className: e, inset: s, ...o }, r) => /* @__PURE__ */ t(
-  a.Label,
+w.displayName = t.RadioItem.displayName;
+const S = i.forwardRef(({ className: e, inset: s, ...n }, r) => /* @__PURE__ */ a(
+  t.Label,
   {
     ref: r,
     "data-slot": "menu-label",
-    className: n(b, s && "pl-32", e),
-    ...o
+    className: o(b, s && "pl-32", e),
+    ...n
   }
 ));
-w.displayName = a.Label.displayName;
-const I = m.forwardRef(({ className: e, ...s }, o) => /* @__PURE__ */ t(
-  a.Separator,
-  {
-    ref: o,
-    "data-slot": "menu-separator",
-    className: n(f, e),
-    ...s
-  }
-));
-I.displayName = a.Separator.displayName;
+S.displayName = t.Label.displayName;
+const I = i.forwardRef(
+  ({ className: e, ...s }, n) => /* @__PURE__ */ a(
+    p,
+    {
+      ref: n,
+      className: o("mx-8 my-4 w-auto", e),
+      ...s
+    }
+  )
+);
+I.displayName = "MenuSeparator";
 export {
   j as Menu,
-  S as MenuCheckboxItem,
+  M as MenuCheckboxItem,
   x as MenuContent,
-  k as MenuGroup,
+  G as MenuGroup,
   R as MenuItem,
-  w as MenuLabel,
-  G as MenuPortal,
-  L as MenuRadioGroup,
-  M as MenuRadioItem,
+  S as MenuLabel,
+  P as MenuPortal,
+  D as MenuRadioGroup,
+  w as MenuRadioItem,
   I as MenuSeparator,
-  P as MenuSub,
+  L as MenuSub,
   h as MenuSubContent,
   g as MenuSubTrigger,
   y as MenuTrigger

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Select/Select.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAEjB,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAExC;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAElD;AAmBD,QAAA,MAAM,aAAa,8FA8BjB,CAAC;AAwCH,QAAA,MAAM,aAAa,2FAmBjB,CAAC;AAGH,QAAA,MAAM,WAAW,yFAUf,CAAC;AAaH,QAAA,MAAM,UAAU,wFAiBd,CAAC;AAGH,QAAA,MAAM,eAAe,6FAUnB,CAAC;AAGH,QAAA,MAAM,cAAc,6FAUlB,CAAC;AAuCH,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,cAAc,EACd,UAAU,EACV,eAAe,GAChB,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Select/Select.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAEjB,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAExC;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAElD;AAmBD,QAAA,MAAM,aAAa,8FA8BjB,CAAC;AAwCH,QAAA,MAAM,aAAa,2FAmBjB,CAAC;AAGH,QAAA,MAAM,WAAW,yFAUf,CAAC;AAaH,QAAA,MAAM,UAAU,wFAiBd,CAAC;AAGH,QAAA,MAAM,eAAe,6FAQpB,CAAC;AAGF,QAAA,MAAM,cAAc,6FAUlB,CAAC;AAuCH,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,cAAc,EACd,UAAU,EACV,eAAe,GAChB,CAAC"}

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

@@ -1,51 +1,52 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { cn as s } from "../../../libs/utils-shared/dist/index.js";
-import * as t from "@radix-ui/react-select";
+import { cn as r } 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 o from "react";
+import * as s from "react";
 import { ChevronDown as m } from "../../Symbols/Icons/ChevronDown.js";
 import { Check as p } from "../../Symbols/Icons/Check.js";
-import { ChevronUp as u } from "../../Symbols/Icons/ChevronUp.js";
-function L({ ...a }) {
-  return /* @__PURE__ */ e(t.Root, { "data-slot": "select", ...a });
+import { Divider as u } from "../Divider/Divider.js";
+import { ChevronUp as f } from "../../Symbols/Icons/ChevronUp.js";
+function k({ ...t }) {
+  return /* @__PURE__ */ e(a.Root, { "data-slot": "select", ...t });
 }
-function U({ ...a }) {
-  return /* @__PURE__ */ e(t.Group, { "data-slot": "select-group", ...a });
+function G({ ...t }) {
+  return /* @__PURE__ */ e(a.Group, { "data-slot": "select-group", ...t });
 }
-const f = s(
+const b = r(
   "group relative flex h-48 w-full items-center justify-between gap-8",
   "rounded-sm bg-muted px-16",
   "text-base body-2",
   "hover:bg-muted-hover",
   "transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-focus",
   "disabled:cursor-not-allowed disabled:text-disabled"
-), b = s(
+), g = r(
   "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",
   "max-w-[calc(100%-var(--size-56))] truncate"
-), g = o.forwardRef(({ className: a, labelClassName: l, label: r, ...d }, i) => /* @__PURE__ */ n(
-  t.Trigger,
+), x = s.forwardRef(({ className: t, labelClassName: l, label: o, ...d }, i) => /* @__PURE__ */ n(
+  a.Trigger,
   {
     ref: i,
     "data-slot": "select-trigger",
-    className: s(f, a),
+    className: r(b, t),
     ...d,
     children: [
-      r && /* @__PURE__ */ e("label", { className: s(b, l), children: r }),
+      o && /* @__PURE__ */ e("label", { className: r(g, l), children: o }),
       /* @__PURE__ */ e(
         "span",
         {
-          className: s(
+          className: r(
             "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",
-            a
+            o && "mt-16 opacity-100 transition-opacity delay-100 duration-300 group-data-[placeholder]:mt-0 group-data-[placeholder]:opacity-0",
+            t
           ),
-          children: /* @__PURE__ */ e(t.Value, { "data-slot": "select-value" })
+          children: /* @__PURE__ */ e(a.Value, { "data-slot": "select-value" })
         }
       ),
-      /* @__PURE__ */ e(t.Icon, { asChild: !0, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(a.Icon, { asChild: !0, children: /* @__PURE__ */ e(
         m,
         {
           size: 20,
@@ -55,8 +56,8 @@ const f = s(
     ]
   }
 ));
-g.displayName = t.Trigger.displayName;
-const x = c(
+x.displayName = a.Trigger.displayName;
+const h = c(
   [
     "relative z-select max-h-[var(--radix-select-content-available-height)] overflow-y-auto overflow-x-hidden",
     "rounded-sm bg-muted",
@@ -77,7 +78,7 @@ const x = c(
       position: "popper"
     }
   }
-), h = c("p-8", {
+), y = c("p-8", {
   variants: {
     position: {
       popper: "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]",
@@ -87,33 +88,33 @@ const x = c(
   defaultVariants: {
     position: "popper"
   }
-}), y = o.forwardRef(({ className: a, children: l, position: r = "popper", ...d }, i) => /* @__PURE__ */ e(t.Portal, { "data-slot": "select-portal", children: /* @__PURE__ */ n(
-  t.Content,
+}), N = s.forwardRef(({ className: t, children: l, position: o = "popper", ...d }, i) => /* @__PURE__ */ e(a.Portal, { "data-slot": "select-portal", children: /* @__PURE__ */ n(
+  a.Content,
   {
     ref: i,
     "data-slot": "select-content",
-    className: s(x({ position: r }), a),
-    position: r,
+    className: r(h({ position: o }), t),
+    position: o,
     ...d,
     children: [
       /* @__PURE__ */ e(R, {}),
-      /* @__PURE__ */ e(t.Viewport, { className: h({ position: r }), children: l }),
-      /* @__PURE__ */ e(j, {})
+      /* @__PURE__ */ e(a.Viewport, { className: y({ position: o }), children: l }),
+      /* @__PURE__ */ e(C, {})
     ]
   }
 ) }));
-y.displayName = t.Content.displayName;
-const N = o.forwardRef(({ className: a, ...l }, r) => /* @__PURE__ */ e(
-  t.Label,
+N.displayName = a.Content.displayName;
+const v = s.forwardRef(({ className: t, ...l }, o) => /* @__PURE__ */ e(
+  a.Label,
   {
-    ref: r,
+    ref: o,
     "data-slot": "select-label",
-    className: s("mb-4 px-8 pb-0 pt-8 text-muted body-3-semi-bold", a),
+    className: r("mb-4 px-8 pb-0 pt-8 text-muted body-3-semi-bold", t),
     ...l
   }
 ));
-N.displayName = t.Label.displayName;
-const v = s(
+v.displayName = a.Label.displayName;
+const w = r(
   "relative flex w-full cursor-default select-none items-center bg-base-transparent",
   "rounded-sm p-8",
   "text-base body-2",
@@ -121,68 +122,69 @@ const v = s(
   "focus:bg-base-transparent-hover",
   "active:bg-base-transparent-pressed",
   "data-[disabled]:cursor-not-allowed data-[disabled]:text-disabled"
-), w = o.forwardRef(({ className: a, children: l, ...r }, d) => /* @__PURE__ */ n(
-  t.Item,
+), S = s.forwardRef(({ className: t, children: l, ...o }, d) => /* @__PURE__ */ n(
+  a.Item,
   {
     ref: d,
     "data-slot": "select-item",
-    className: s(v, a),
-    ...r,
+    className: r(w, t),
+    ...o,
     children: [
       l,
-      /* @__PURE__ */ e("span", { className: "absolute right-8 flex size-24 items-center justify-center", children: /* @__PURE__ */ e(t.ItemIndicator, { children: /* @__PURE__ */ e(p, { size: 24, className: "text-active" }) }) })
+      /* @__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" }) }) })
     ]
   }
 ));
-w.displayName = t.Item.displayName;
-const S = o.forwardRef(({ className: a, ...l }, r) => /* @__PURE__ */ e(
-  t.Separator,
-  {
-    ref: r,
-    "data-slot": "select-separator",
-    className: s("mx-8 my-4 h-1 border-b border-muted-subtle", a),
-    ...l
-  }
-));
-S.displayName = t.Separator.displayName;
-const I = o.forwardRef(({ className: a, ...l }, r) => /* @__PURE__ */ e(
-  t.ItemText,
+S.displayName = a.Item.displayName;
+const I = s.forwardRef(
+  ({ className: t, ...l }, o) => /* @__PURE__ */ e(
+    u,
+    {
+      ref: o,
+      className: r("mx-8 my-4 w-auto", t),
+      ...l
+    }
+  )
+);
+I.displayName = "SelectSeparator";
+const z = s.forwardRef(({ className: t, ...l }, o) => /* @__PURE__ */ e(
+  a.ItemText,
   {
-    ref: r,
+    ref: o,
     "data-slot": "select-item-text",
-    className: s("text-muted body-2", a),
+    className: r("text-muted body-2", t),
     ...l
   }
 ));
-I.displayName = t.ItemText.displayName;
+z.displayName = a.ItemText.displayName;
 function R({
-  className: a,
+  className: t,
   ...l
 }) {
   return /* @__PURE__ */ e(
-    t.ScrollUpButton,
+    a.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: s(
+      className: r(
         "flex cursor-default items-center justify-center py-1 text-muted",
-        a
+        t
       ),
       ...l,
-      children: /* @__PURE__ */ e(u, { className: "size-4" })
+      children: /* @__PURE__ */ e(f, { className: "size-4" })
     }
   );
 }
-function j({
-  className: a,
+function C({
+  className: t,
   ...l
 }) {
   return /* @__PURE__ */ e(
-    t.ScrollDownButton,
+    a.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
-      className: s(
+      className: r(
         "flex cursor-default items-center justify-center py-1 text-muted",
-        a
+        t
       ),
       ...l,
       children: /* @__PURE__ */ e(m, { className: "size-4" })
@@ -190,12 +192,12 @@ function j({
   );
 }
 export {
-  L as Select,
-  y as SelectContent,
-  U as SelectGroup,
-  w as SelectItem,
-  I as SelectItemText,
-  N as SelectLabel,
-  S as SelectSeparator,
-  g as SelectTrigger
+  k as Select,
+  N as SelectContent,
+  G as SelectGroup,
+  S as SelectItem,
+  z as SelectItemText,
+  v as SelectLabel,
+  I as SelectSeparator,
+  x as SelectTrigger
 };

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

@@ -4,8 +4,8 @@ import { cva as h } from "class-variance-authority";
 import { useMemo as f } from "react";
 import { Spinner as b } from "../Spinner/Spinner.js";
 import { InformationFill as g } from "../../Symbols/Icons/InformationFill.js";
-import { WarningFill as x } from "../../Symbols/Icons/WarningFill.js";
-import { DeleteCircleFill as z } from "../../Symbols/Icons/DeleteCircleFill.js";
+import { WarningFill as z } from "../../Symbols/Icons/WarningFill.js";
+import { DeleteCircleFill as x } from "../../Symbols/Icons/DeleteCircleFill.js";
 import { CheckmarkCircleFill as w } from "../../Symbols/Icons/CheckmarkCircleFill.js";
 import { BluetoothCircleFill as y } from "../../Symbols/Icons/BluetoothCircleFill.js";
 const F = h(
@@ -57,9 +57,9 @@ const F = h(
       case "check":
         return /* @__PURE__ */ e(w, { size: t });
       case "error":
-        return /* @__PURE__ */ e(z, { size: t });
-      case "warning":
         return /* @__PURE__ */ e(x, { size: t });
+      case "warning":
+        return /* @__PURE__ */ e(z, { size: t });
       case "info":
         return /* @__PURE__ */ e(g, { size: t });
       case "loader":

package/dist/lib/Components/Spot/types.d.ts

@@ -1,29 +1,32 @@
 import { HTMLAttributes } from 'react';
 import { IconSize } from '../Icon/types';
 export type SpotAppearance = 'icon' | 'bluetooth' | 'check' | 'error' | 'warning' | 'info' | 'loader' | 'number';
-/**
- * A discriminated union that enforces type-safe props based on the `appearance`.
- */
-type DiscriminatedSpotProps = {
+type SpotIconProps = {
     /**
      * Custom icon appearance with neutral base styling.
      * @example <Spot appearance="icon" icon={SettingsIcon} />
      */
     appearance: 'icon';
-    /** Icon component to render. Required when appearance is 'icon'. */
+    /**
+     * Icon component to render. Required when appearance is 'icon'.
+     */
     icon: React.ComponentType<{
         size?: IconSize;
         className?: string;
     }>;
-} | {
+};
+type SpotNumberProps = {
     /**
      * Number appearance for displaying a single digit (0-9).
      * @example <Spot appearance="number" number={5} />
      */
     appearance: 'number';
-    /** Digit (0-9) to display. Required when appearance is 'number'. */
+    /**
+     * Digit (0-9) to display. Required when appearance is 'number'.
+     */
     number: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
-} | {
+};
+type SpotStatusProps = {
     /**
      * Predefined status indicators with semantic styling.
      * Options: 'bluetooth' | 'check' | 'error' | 'warning' | 'info' | 'loader'
@@ -31,8 +34,12 @@ type DiscriminatedSpotProps = {
      */
     appearance: Exclude<SpotAppearance, 'icon' | 'number'>;
 };
+/**
+ * A discriminated union that enforces type-safe props based on the `appearance`.
+ */
+export type DiscriminatedSpotProps = SpotIconProps | SpotNumberProps | SpotStatusProps;
 export type SpotSize = 32 | 48 | 56 | 72;
-export type SpotProps = DiscriminatedSpotProps & HTMLAttributes<HTMLDivElement> & {
+export type SpotProps = DiscriminatedSpotProps & {
     /**
      * Whether the spot is disabled.
      * @default false
@@ -43,6 +50,6 @@ export type SpotProps = DiscriminatedSpotProps & HTMLAttributes<HTMLDivElement>
      * @default 48
      */
     size?: SpotSize;
-};
+} & HTMLAttributes<HTMLDivElement>;
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/Spot/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Spot/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,WAAW,GACX,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,GACN,QAAQ,GACR,QAAQ,CAAC;AAEb;;GAEG;AACH,KAAK,sBAAsB,GACvB;IACE;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACpE,GACD;IACE;;;OAGG;IACH,UAAU,EAAE,QAAQ,CAAC;IACrB,oEAAoE;IACpE,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC/C,GACD;IACE;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC,cAAc,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC;CACxD,CAAC;AAEN,MAAM,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEzC,MAAM,MAAM,SAAS,GAAG,sBAAsB,GAC5C,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Spot/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,WAAW,GACX,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,GACN,QAAQ,GACR,QAAQ,CAAC;AAEb,KAAK,aAAa,GAAG;IACnB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACpE,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB;;;OAGG;IACH,UAAU,EAAE,QAAQ,CAAC;IACrB;;OAEG;IACH,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC/C,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC,cAAc,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC;CACxD,CAAC;AACF;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAC9B,aAAa,GACb,eAAe,GACf,eAAe,CAAC;AAEpB,MAAM,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEzC,MAAM,MAAM,SAAS,GAAG,sBAAsB,GAAG;IAC/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}

package/dist/lib/Components/ThemeProvider/ThemeProvider.js

@@ -19,7 +19,7 @@ const [x, p] = i("ThemeProvider"), D = ({
     [t, o]
   );
   return /* @__PURE__ */ r(x, { value: d, children: /* @__PURE__ */ r(h, { locale: o, children: e }) });
-}, P = () => {
+}, O = () => {
   const e = p({
     consumerName: "useTheme",
     contextRequired: !0
@@ -31,5 +31,5 @@ const [x, p] = i("ThemeProvider"), D = ({
 };
 export {
   D as ThemeProvider,
-  P as useTheme
+  O as useTheme
 };