@ledgerhq/lumen-ui-react 0.0.58 → 0.0.60

package/ai-rules/RULES.md

@@ -211,7 +211,18 @@ import { ChevronRight, Settings } from '@ledgerhq/lumen-ui-react/symbols';
 const InteractiveList = () => (
   <div className='flex flex-col gap-2'>
     {items.map((item) => (
-      <ListItem key={item.id} title={item.title} description={item.subtitle} leadingContent={<Spot appearance='icon' icon={Settings} />} trailingContent={<ChevronRight size={24} />} onClick={() => console.log('Clicked:', item.id)} />
+      <ListItem>
+        <ListItemLeading>
+          <ListItemSpot appearance='icon' icon={Settings} />
+          <ListItemContent>
+            <ListItemTitle>Simple composition</ListItemTitle>
+            <ListItemDescription>With description</ListItemDescription>
+          </ListItemContent>
+        </ListItemLeading>
+        <ListItemTrailing>
+          <ChevronRight />
+        </ListItemTrailing>
+      </ListItem>
     ))}
   </div>
 );

package/dist/index.js

@@ -1,82 +1,97 @@
-import { AddressInput as r } from "./lib/Components/AddressInput/AddressInput.js";
+import { AddressInput as o } from "./lib/Components/AddressInput/AddressInput.js";
 import { AmountInput as n } from "./lib/Components/AmountInput/AmountInput.js";
-import { Banner as m } from "./lib/Components/Banner/Banner.js";
-import { BaseInput as x } from "./lib/Components/BaseInput/BaseInput.js";
-import { Button as a } from "./lib/Components/Button/Button.js";
-import { BaseButton as l } from "./lib/Components/Button/BaseButton.js";
-import { CardButton as g } from "./lib/Components/CardButton/CardButton.js";
-import { Checkbox as T } from "./lib/Components/Checkbox/Checkbox.js";
-import { Dialog as M, DialogBody as d, DialogContent as b, DialogFooter as B, DialogTrigger as C } from "./lib/Components/Dialog/Dialog.js";
-import { DialogHeader as s } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
-import { IconButton as k } from "./lib/Components/IconButton/IconButton.js";
-import { InteractiveIcon as v } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
-import { Link as P } from "./lib/Components/Link/Link.js";
-import { ListItem as R } from "./lib/Components/ListItem/ListItem.js";
-import { Menu as y, MenuCheckboxItem as F, MenuContent as H, MenuGroup as j, MenuItem as q, MenuLabel as z, MenuPortal as E, MenuRadioGroup as J, MenuRadioItem as K, MenuSeparator as N, MenuSub as O, MenuSubContent as Q, MenuSubTrigger as U, MenuTrigger as V } from "./lib/Components/Menu/Menu.js";
-import { SearchInput as X } from "./lib/Components/SearchInput/SearchInput.js";
-import { Select as Z, SelectContent as _, SelectGroup as $, SelectItem as ee, SelectItemText as oe, SelectLabel as re, SelectSeparator as te, SelectTrigger as ne } from "./lib/Components/Select/Select.js";
-import { Skeleton as me } from "./lib/Components/Skeleton/Skeleton.js";
-import { Spot as xe } from "./lib/Components/Spot/Spot.js";
-import { Subheader as ae } from "./lib/Components/Subheader/Subheader.js";
-import { Switch as le } from "./lib/Components/Switch/Switch.js";
-import { Tag as ge } from "./lib/Components/Tag/Tag.js";
-import { TextInput as Te } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as Me } from "./lib/Components/Tile/Tile.js";
-import { Tooltip as be, TooltipContent as Be, TooltipProvider as Ce, TooltipTrigger as he } from "./lib/Components/Tooltip/Tooltip.js";
-import { ThemeProvider as De, useTheme as ke } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { Banner as p } from "./lib/Components/Banner/Banner.js";
+import { BaseInput as u } from "./lib/Components/BaseInput/BaseInput.js";
+import { Button as x } from "./lib/Components/Button/Button.js";
+import { BaseButton as f } from "./lib/Components/Button/BaseButton.js";
+import { CardButton as I } from "./lib/Components/CardButton/CardButton.js";
+import { Checkbox as S } from "./lib/Components/Checkbox/Checkbox.js";
+import { Dialog as s, DialogBody as M, DialogContent as d, DialogFooter as L, DialogTrigger as C } from "./lib/Components/Dialog/Dialog.js";
+import { DialogHeader as b } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
+import { Divider as h } from "./lib/Components/Divider/Divider.js";
+import { IconButton as v } from "./lib/Components/IconButton/IconButton.js";
+import { InteractiveIcon as G } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
+import { Link as y } from "./lib/Components/Link/Link.js";
+import { ListItem as w, ListItemContent as F, ListItemDescription as H, ListItemIcon as j, ListItemLeading as q, ListItemSpot as z, ListItemTitle as E, ListItemTrailing as J, ListItemTruncate as K } from "./lib/Components/ListItem/ListItem.js";
+import { Menu as O, MenuCheckboxItem as Q, MenuContent as U, MenuGroup as V, MenuItem as W, MenuLabel as X, MenuPortal as Y, MenuRadioGroup as Z, MenuRadioItem as _, MenuSeparator as $, MenuSub as ee, MenuSubContent as te, MenuSubTrigger as oe, MenuTrigger as re } from "./lib/Components/Menu/Menu.js";
+import { SearchInput as ie } from "./lib/Components/SearchInput/SearchInput.js";
+import { Select as me, SelectContent as ue, SelectGroup as le, SelectItem as xe, SelectItemText as ae, SelectLabel as fe, SelectSeparator as Te, SelectTrigger as Ie } from "./lib/Components/Select/Select.js";
+import { Skeleton as Se } from "./lib/Components/Skeleton/Skeleton.js";
+import { Spot as se } from "./lib/Components/Spot/Spot.js";
+import { Subheader as de } from "./lib/Components/Subheader/Subheader.js";
+import { Switch as Ce } from "./lib/Components/Switch/Switch.js";
+import { Tag as be } from "./lib/Components/Tag/Tag.js";
+import { TextInput as he } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as ve, TileContent as Ae, TileDescription as Ge, TileSecondaryAction as Pe, TileSpot as ye, TileTitle as Re } from "./lib/Components/Tile/Tile.js";
+import { Tooltip as Fe, TooltipContent as He, TooltipProvider as je, TooltipTrigger as qe } from "./lib/Components/Tooltip/Tooltip.js";
+import { ThemeProvider as Ee, useTheme as Je } from "./lib/Components/ThemeProvider/ThemeProvider.js";
 export {
-  r as AddressInput,
+  o as AddressInput,
   n as AmountInput,
-  m as Banner,
-  l as BaseButton,
-  x as BaseInput,
-  a as Button,
-  g as CardButton,
-  T as Checkbox,
-  M as Dialog,
-  d as DialogBody,
-  b as DialogContent,
-  B as DialogFooter,
-  s as DialogHeader,
+  p as Banner,
+  f as BaseButton,
+  u as BaseInput,
+  x as Button,
+  I as CardButton,
+  S as Checkbox,
+  s as Dialog,
+  M as DialogBody,
+  d as DialogContent,
+  L as DialogFooter,
+  b as DialogHeader,
   C as DialogTrigger,
-  k as IconButton,
-  v as InteractiveIcon,
-  P as Link,
-  R as ListItem,
-  y as Menu,
-  F as MenuCheckboxItem,
-  H as MenuContent,
-  j as MenuGroup,
-  q as MenuItem,
-  z as MenuLabel,
-  E as MenuPortal,
-  J as MenuRadioGroup,
-  K as MenuRadioItem,
-  N as MenuSeparator,
-  O as MenuSub,
-  Q as MenuSubContent,
-  U as MenuSubTrigger,
-  V as MenuTrigger,
-  X as SearchInput,
-  Z as Select,
-  _ as SelectContent,
-  $ as SelectGroup,
-  ee as SelectItem,
-  oe as SelectItemText,
-  re as SelectLabel,
-  te as SelectSeparator,
-  ne as SelectTrigger,
-  me as Skeleton,
-  xe as Spot,
-  ae as Subheader,
-  le as Switch,
-  ge as Tag,
-  Te as TextInput,
-  De as ThemeProvider,
-  Me as Tile,
-  be as Tooltip,
-  Be as TooltipContent,
-  Ce as TooltipProvider,
-  he as TooltipTrigger,
-  ke as useTheme
+  h as Divider,
+  v as IconButton,
+  G as InteractiveIcon,
+  y as Link,
+  w as ListItem,
+  F as ListItemContent,
+  H as ListItemDescription,
+  j as ListItemIcon,
+  q as ListItemLeading,
+  z as ListItemSpot,
+  E as ListItemTitle,
+  J as ListItemTrailing,
+  K as ListItemTruncate,
+  O as Menu,
+  Q as MenuCheckboxItem,
+  U as MenuContent,
+  V as MenuGroup,
+  W as MenuItem,
+  X as MenuLabel,
+  Y as MenuPortal,
+  Z as MenuRadioGroup,
+  _ as MenuRadioItem,
+  $ as MenuSeparator,
+  ee as MenuSub,
+  te as MenuSubContent,
+  oe as MenuSubTrigger,
+  re as MenuTrigger,
+  ie as SearchInput,
+  me as Select,
+  ue as SelectContent,
+  le as SelectGroup,
+  xe as SelectItem,
+  ae as SelectItemText,
+  fe as SelectLabel,
+  Te as SelectSeparator,
+  Ie as SelectTrigger,
+  Se as Skeleton,
+  se as Spot,
+  de as Subheader,
+  Ce as Switch,
+  be as Tag,
+  he as TextInput,
+  Ee as ThemeProvider,
+  ve as Tile,
+  Ae as TileContent,
+  Ge as TileDescription,
+  Pe as TileSecondaryAction,
+  ye as TileSpot,
+  Re as TileTitle,
+  Fe as Tooltip,
+  He as TooltipContent,
+  je as TooltipProvider,
+  qe as TooltipTrigger,
+  Je as useTheme
 };

package/dist/lib/Components/AmountInput/AmountInput.js

@@ -1,5 +1,5 @@
-import { jsxs as I, jsx as l } from "react/jsx-runtime";
-import { getFontSize as V, cn as a, textFormatter as F } from "../../../libs/utils-shared/dist/index.js";
+import { jsxs as F, jsx as l } from "react/jsx-runtime";
+import { getFontSize as V, cn as a, textFormatter as j } from "../../../libs/utils-shared/dist/index.js";
 import { cva as z } from "class-variance-authority";
 import M, { useRef as p, useState as h, useMemo as _, useLayoutEffect as q, useEffect as D } from "react";
 const L = z(
@@ -42,8 +42,8 @@ const L = z(
     onChange: C,
     ...N
   }, A) => {
-    const c = p(null), s = p(null), [n, f] = h(u.toString()), [E, m] = h(!1), g = p(n);
-    function j(...t) {
+    const c = p(null), s = p(null), [n, f] = h(u.toString()), [I, m] = h(!1), g = p(n);
+    function k(...t) {
       return (e) => {
         t.forEach((o) => {
           o && (typeof o == "function" ? o(e) : o.current = e);
@@ -62,8 +62,8 @@ const L = z(
     }, [n]), D(() => {
       f(u.toString());
     }, [u]);
-    const k = (t) => {
-      const e = F(t.target.value, {
+    const E = (t) => {
+      const e = j(t.target.value, {
         allowDecimals: y,
         thousandsSeparator: R,
         maxIntegerLength: S,
@@ -71,7 +71,7 @@ const L = z(
       });
       f(e), C({ ...t, target: { ...t.target, value: e } }), e !== g.current && m(!0), g.current = e;
     };
-    return /* @__PURE__ */ I(
+    return /* @__PURE__ */ F(
       "div",
       {
         className: "group relative flex items-center justify-center transition-transform",
@@ -103,14 +103,14 @@ const L = z(
           /* @__PURE__ */ l(
             "input",
             {
-              ref: j(A, s),
+              ref: k(A, s),
               type: "text",
               inputMode: "decimal",
               disabled: w,
               value: n,
-              onChange: k,
+              onChange: E,
               onAnimationEnd: () => m(!1),
-              className: a(L({ isChanging: E }), x),
+              className: a(L({ isChanging: I }), x),
               ...N,
               style: { fontSize: i, letterSpacing: "normal" }
             }

package/dist/lib/Components/BaseInput/BaseInput.js

@@ -32,10 +32,10 @@ const $ = l(
     id: k,
     disabled: f,
     errorMessage: a,
-    suffix: j,
+    suffix: z,
     prefix: E,
     onClear: p,
-    hideClearButton: z = !1,
+    hideClearButton: j = !1,
     "aria-invalid": m,
     onChange: c,
     ...o
@@ -48,7 +48,7 @@ const $ = l(
         d || v(t.target.value), c == null || c(t);
       },
       [d, c]
-    ), g = (d ? !!o.value && o.value.toString().length > 0 : L.length > 0) && !f && !z, w = `${b}-error`, V = () => {
+    ), g = (d ? !!o.value && o.value.toString().length > 0 : L.length > 0) && !f && !j, w = `${b}-error`, V = () => {
       var e;
       if (!n.current) return;
       const t = (e = Object.getOwnPropertyDescriptor(
@@ -125,7 +125,7 @@ const $ = l(
                 children: /* @__PURE__ */ r(I, { size: 20 })
               }
             ),
-            !g && j
+            !g && z
           ]
         }
       ),

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

@@ -102,6 +102,7 @@ export declare function DialogContent({ className, children, ...props }: DialogC
 export declare const DialogBody: React.ForwardRefExoticComponent<{
     children?: React.ReactNode;
     className?: string;
+    scrollbarWidth?: "none" | "auto";
 } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 /**
  * The fixed footer area of the dialog.

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;;;+EAgBtB,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,2CAepB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU;;;;+EAiBtB,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,14 @@
-import { jsx as o, jsxs as g } from "react/jsx-runtime";
+import { jsx as o, jsxs as f } from "react/jsx-runtime";
 import { cn as n } from "../../../libs/utils-shared/dist/index.js";
 import * as r from "@radix-ui/react-dialog";
-import { cva as c } from "class-variance-authority";
+import { cva as m } from "class-variance-authority";
 import * as i from "react";
 const d = i.createContext({
   height: "hug"
-}), f = c(
+}), u = m(
   [
-    "flex w-400 max-w-[calc(100%-2rem)] flex-col overflow-hidden rounded-2xl bg-canvas-sheet pb-24",
-    "fixed left-[50%] top-[50%] z-dialog-content translate-x-[-50%] translate-y-[-50%]",
+    "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%]",
     "data-[state=closed]:animate-content-hide data-[state=open]:animate-content-show"
   ],
   {
@@ -23,13 +23,13 @@ const d = i.createContext({
     }
   }
 );
-function y({ height: a = "hug", ...t }) {
+function w({ height: a = "hug", ...t }) {
   return /* @__PURE__ */ o(d.Provider, { value: { height: a }, children: /* @__PURE__ */ o(r.Root, { "data-slot": "dialog", ...t }) });
 }
-function D({ ...a }) {
+function b({ ...a }) {
   return /* @__PURE__ */ o(r.Trigger, { "data-slot": "dialog-trigger", ...a });
 }
-function m({
+function h({
   ...a
 }) {
   return /* @__PURE__ */ o(r.Portal, { "data-slot": "dialog-portal", ...a });
@@ -42,49 +42,50 @@ const s = i.forwardRef(
       "data-slot": "dialog-overlay",
       className: n(
         a,
-        "fixed inset-0 z-dialog-overlay bg-canvas-overlay backdrop-blur-sm data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in"
+        "z-dialog-overlay bg-canvas-overlay data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in fixed inset-0 backdrop-blur-sm"
       ),
       ...t
     }
   )
 );
 s.displayName = "DialogOverlay";
-function w({
+function N({
   className: a,
   children: t,
   ...e
 }) {
   const { height: l } = i.useContext(d);
-  return /* @__PURE__ */ g(m, { "data-slot": "dialog-portal", children: [
+  return /* @__PURE__ */ f(h, { "data-slot": "dialog-portal", children: [
     /* @__PURE__ */ o(s, {}),
     /* @__PURE__ */ o(
       r.Content,
       {
         "data-slot": "dialog-content",
-        className: n(f({ height: l }), a),
+        className: n(u({ height: l }), a),
         ...e,
         children: t
       }
     )
   ] });
 }
-const u = i.forwardRef(
-  ({ className: a, children: t, ...e }, l) => /* @__PURE__ */ o(
+const p = i.forwardRef(
+  ({ className: a, children: t, scrollbarWidth: e = "none", style: l, ...g }, c) => /* @__PURE__ */ o(
     "div",
     {
-      ref: l,
+      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
       ),
-      ...e,
+      ...g,
       children: t
     }
   )
 );
-u.displayName = "DialogBody";
-const h = i.forwardRef(
+p.displayName = "DialogBody";
+const x = i.forwardRef(
   ({ className: a, children: t, ...e }, l) => /* @__PURE__ */ o(
     "div",
     {
@@ -96,11 +97,11 @@ const h = i.forwardRef(
     }
   )
 );
-h.displayName = "DialogFooter";
+x.displayName = "DialogFooter";
 export {
-  y as Dialog,
-  u as DialogBody,
-  w as DialogContent,
-  h as DialogFooter,
-  D as DialogTrigger
+  w as Dialog,
+  p as DialogBody,
+  N as DialogContent,
+  x as DialogFooter,
+  b as DialogTrigger
 };

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

@@ -129,6 +129,12 @@ export type DialogBodyProps = {
      * Additional custom CSS classes to apply.
      */
     className?: string;
+    /**
+     * The width of the scrollbar
+     * 'none' will keep the same DialogBody width and hide the scrollbar.
+     * @default 'none'
+     */
+    scrollbarWidth?: 'none' | 'auto';
 } & React.HTMLAttributes<HTMLDivElement>;
 export type DialogFooterProps = {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACpD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAC;AAE5D,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACpD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAC;AAE5D,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC"}

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

@@ -0,0 +1,24 @@
+/**
+ * A simple divider component for separating content sections.
+ *
+ * The Divider renders a horizontal or vertical line to create visual separation
+ * between content areas. It uses design system tokens for consistent styling.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/layout-divider--docs Storybook}
+ *
+ * @example
+ * // Horizontal divider (default)
+ * <Divider />
+ *
+ * @example
+ * // Vertical divider
+ * <Divider orientation="vertical" />
+ *
+ * @example
+ * // With custom styling
+ * <Divider className="my-16" />
+ */
+export declare const Divider: import('react').ForwardRefExoticComponent<{
+    orientation?: "horizontal" | "vertical";
+} & import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Divider/Divider.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO;;mGAgBnB,CAAC"}

package/dist/lib/Components/Divider/Divider.js

@@ -0,0 +1,23 @@
+import { jsx as i } from "react/jsx-runtime";
+import { cn as t } from "../../../libs/utils-shared/dist/index.js";
+import { forwardRef as l } from "react";
+const d = l(
+  ({ className: o, orientation: r = "horizontal", ...e }, a) => /* @__PURE__ */ i(
+    "div",
+    {
+      ref: a,
+      role: "separator",
+      "aria-orientation": r,
+      className: t(
+        "border-muted-subtle",
+        r === "horizontal" ? "w-full border-t" : "h-full border-l",
+        o
+      ),
+      ...e
+    }
+  )
+);
+d.displayName = "Divider";
+export {
+  d as Divider
+};

package/dist/lib/Components/Divider/index.d.ts

@@ -0,0 +1,3 @@
+export { Divider } from './Divider';
+export type { DividerProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/Components/Divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+export type DividerProps = {
+    /**
+     * The orientation of the divider
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+} & HTMLAttributes<HTMLDivElement>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Divider/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}

package/dist/lib/Components/Link/Link.js

@@ -4,7 +4,7 @@ import { Slot as b } from "@radix-ui/react-slot";
 import { cva as h } from "class-variance-authority";
 import x from "react";
 import { ExternalLink as k } from "../../Symbols/Icons/ExternalLink.js";
-const N = h(
+const z = h(
   "inline-flex w-fit max-w-full items-center justify-center transition-colors focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-focus",
   {
     variants: {
@@ -29,7 +29,7 @@ const N = h(
       underline: !0
     }
   }
-), w = x.forwardRef(
+), N = x.forwardRef(
   ({
     className: l,
     children: r,
@@ -51,7 +51,7 @@ const N = h(
         ref: d,
         className: v(
           l,
-          N({
+          z({
             appearance: m,
             size: i,
             underline: f
@@ -79,7 +79,7 @@ const N = h(
     );
   }
 );
-w.displayName = "Link";
+N.displayName = "Link";
 export {
-  w as Link
+  N as Link
 };