@ledgerhq/lumen-ui-react 0.1.44 → 0.1.45

package/dist/lib/Components/Select/utils/groupItems.d.ts

@@ -1,4 +1,4 @@
-import { MetaShape, SelectItemData, SelectItemGroup } from '../types';
+import { MetaShape, SelectItemData, SelectItemGroup, SelectValue } from '../types';
 /**
  * base-ui's Combobox calls onValueChange with either a string (click on
  * Combobox.Item) or a full SelectItemData object (keyboard selection, which
@@ -10,7 +10,7 @@ export declare const resolveValue: (value: unknown) => string | null;
  * the insertion order of the first occurrence of each group key.
  * Items without a `group` value are collected under an empty-string key.
  */
-export declare function groupItemsByKey<TMeta extends MetaShape = MetaShape>(items: SelectItemData<TMeta>[]): SelectItemGroup<TMeta>[];
+export declare function groupItemsByKey<T extends SelectValue = SelectValue, TMeta extends MetaShape = MetaShape>(items: SelectItemData<T, TMeta>[]): SelectItemGroup<T, TMeta>[];
 /**
  * Case-insensitive substring match on `item.label`.
  * Returns `true` for empty/whitespace-only queries so all items are shown.

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

@@ -1 +1 @@
-{"version":3,"file":"groupItems.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Select/utils/groupItems.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3E;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,OAAO,KAAG,MAAM,GAAG,IAWtD,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,EACjE,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,GAC7B,eAAe,CAAC,KAAK,CAAC,EAAE,CAY1B;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAC7B,MAAM,cAAc,EACpB,OAAO,MAAM,KACZ,OAIF,CAAC"}
+{"version":3,"file":"groupItems.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Select/utils/groupItems.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,eAAe,EACf,WAAW,EACZ,MAAM,UAAU,CAAC;AAElB;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,OAAO,KAAG,MAAM,GAAG,IAWtD,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,CAAC,SAAS,WAAW,GAAG,WAAW,EACnC,KAAK,SAAS,SAAS,GAAG,SAAS,EACnC,KAAK,EAAE,cAAc,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,GAAG,eAAe,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,CAYhE;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAC7B,MAAM,cAAc,EACpB,OAAO,MAAM,KACZ,OAIF,CAAC"}

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

@@ -1,4 +1,5 @@
-import { SideBarProps, SideBarLeadingProps, SideBarTrailingProps, SideBarItemProps, SideBarCollapseToggleProps } from './types';
+import { ReactElement } from 'react';
+import { SideBarProps, SideBarLeadingProps, SideBarTrailingProps, SideBarItemProps, SideBarCollapseToggleProps, SideBarValue } from './types';
 /**
  * A responsive sidebar navigation component with collapsible functionality.
  * Uses a composite pattern for maximum flexibility with value-based selection.
@@ -19,7 +20,7 @@ import { SideBarProps, SideBarLeadingProps, SideBarTrailingProps, SideBarItemPro
  *   </SideBarTrailing>
  * </SideBar>
  */
-export declare const SideBar: ({ ref, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, active: controlledActive, defaultActive, onActiveChange, children, className, ...props }: SideBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SideBar: <T extends SideBarValue = SideBarValue>({ ref, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, active: controlledActive, defaultActive, onActiveChange, children, className, ...props }: SideBarProps<T>) => import("react/jsx-runtime").JSX.Element;
 /**
  * Container for the leading (top) section of the sidebar.
  * Typically contains the main navigation items.
@@ -53,7 +54,7 @@ export declare const SideBarTrailing: ({ ref, children, className, ...props }: S
  *   tooltipContent="Wallet"
  * />
  */
-export declare const SideBarItem: ({ ref, value, icon: Icon, activeIcon: ActiveIcon, label, tooltipContent: tooltipContentProp, disabled: disabledProp, className, onClick, ...props }: SideBarItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SideBarItem: <T extends SideBarValue = SideBarValue>({ ref, value, icon: Icon, activeIcon: ActiveIcon, label, tooltipContent: tooltipContentProp, disabled: disabledProp, className, onClick, ...props }: SideBarItemProps<T>) => import("react/jsx-runtime").JSX.Element;
 /**
  * Collapse toggle button for the sidebar.
  * Place inside SideBarTrailing to allow users to collapse/expand the sidebar.
@@ -64,4 +65,11 @@ export declare const SideBarItem: ({ ref, value, icon: Icon, activeIcon: ActiveI
  * </SideBarTrailing>
  */
 export declare const SideBarCollapseToggle: ({ className, tooltipContent: tooltipContentProp, ...props }: SideBarCollapseToggleProps) => import("react/jsx-runtime").JSX.Element;
+export declare function createSideBar<T extends SideBarValue = never>(): {
+    SideBar: (props: SideBarProps<T>) => ReactElement;
+    SideBarLeading: (props: SideBarLeadingProps) => ReactElement;
+    SideBarTrailing: (props: SideBarTrailingProps) => ReactElement;
+    SideBarItem: (props: SideBarItemProps<T>) => ReactElement;
+    SideBarCollapseToggle: (props: SideBarCollapseToggleProps) => ReactElement;
+};
 //# sourceMappingURL=SideBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SideBar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SideBar/SideBar.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAEV,YAAY,EACZ,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAmDjB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO,GAAI,sKAWrB,YAAY,4CA4Bd,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,wCAK5B,mBAAmB,4CAUrB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,wCAK7B,oBAAoB,4CAUtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,WAAW,GAAI,qJAWzB,gBAAgB,4CAuDlB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB,GAAI,6DAInC,0BAA0B,4CA2C5B,CAAC"}
+{"version":3,"file":"SideBar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SideBar/SideBar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAM1C,OAAO,KAAK,EAEV,YAAY,EACZ,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,0BAA0B,EAC1B,YAAY,EACb,MAAM,SAAS,CAAC;AAmDjB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,YAAY,GAAG,YAAY,EAAE,sKAW5D,YAAY,CAAC,CAAC,CAAC,4CA8BjB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,wCAK5B,mBAAmB,4CAUrB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,wCAK7B,oBAAoB,4CAUtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,YAAY,GAAG,YAAY,EAAE,qJAWhE,gBAAgB,CAAC,CAAC,CAAC,4CAuDrB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB,GAAI,6DAInC,0BAA0B,4CA2C5B,CAAC;AAEF,wBAAgB,aAAa,CAAC,CAAC,SAAS,YAAY,GAAG,KAAK,KAAK;IAC/D,OAAO,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IAClD,cAAc,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,YAAY,CAAC;IAC7D,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,YAAY,CAAC;IAC/D,WAAW,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IAC1D,qBAAqB,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,YAAY,CAAC;CAC5E,CAQA"}

package/dist/lib/Components/SideBar/SideBar.js

@@ -1,14 +1,14 @@
-import { jsx as e, jsxs as C, Fragment as P } from "react/jsx-runtime";
-import { createSafeContext as R, cn as m, useDisabledContext as V } from "../../../libs/utils-shared/dist/index.js";
-import { cva as h } from "class-variance-authority";
-import { useCallback as B } from "react";
-import { Tooltip as S, TooltipTrigger as N, TooltipContent as T } from "../Tooltip/Tooltip.js";
+import { jsx as e, jsxs as x, Fragment as R } from "react/jsx-runtime";
+import { createSafeContext as V, cn as m, useDisabledContext as q } from "../../../libs/utils-shared/dist/index.js";
+import { cva as C } from "class-variance-authority";
+import { useCallback as S } from "react";
+import { Tooltip as N, TooltipTrigger as T, TooltipContent as w } from "../Tooltip/Tooltip.js";
 import { useCommonTranslation as A } from "../../../i18n/useCommonTranslation.js";
-import { useControllableState as x } from "../../../utils/useControllableState/useControllableState.js";
-import { ExpandRight as q } from "../../Symbols/Icons/ExpandRight.js";
+import { useControllableState as B } from "../../../utils/useControllableState/useControllableState.js";
+import { ExpandRight as z } from "../../Symbols/Icons/ExpandRight.js";
 import { ExpandLeft as E } from "../../Symbols/Icons/ExpandLeft.js";
-const [O, w] = R("SideBar"), f = {
-  root: h(
+const [O, y] = V("SideBar"), f = {
+  root: C(
     [
       "flex h-full flex-col justify-between gap-16 overflow-y-auto rounded-xl bg-surface-transparent p-16",
       "transition-[width] duration-300 ease-in-out",
@@ -26,8 +26,8 @@ const [O, w] = R("SideBar"), f = {
       }
     }
   ),
-  section: h(["flex flex-col gap-16"]),
-  item: h(
+  section: C(["flex flex-col gap-16"]),
+  item: C(
     [
       "flex h-44 w-full cursor-pointer items-center overflow-hidden rounded-md p-12",
       "transition-all duration-300",
@@ -50,26 +50,26 @@ const [O, w] = R("SideBar"), f = {
       }
     }
   )
-}, U = ({
+}, D = ({
   ref: n,
   collapsed: t,
   defaultCollapsed: s = !1,
   onCollapsedChange: a,
   active: o,
   defaultActive: r,
-  onActiveChange: c,
+  onActiveChange: i,
   children: d,
-  className: i,
+  className: l,
   ...p
 }) => {
-  const { t: l } = A(), [b, g] = x({
+  const { t: c } = A(), [b, g] = B({
     prop: t,
     defaultProp: s,
     onChange: a
-  }), [v, u] = x({
+  }), [v, u] = B({
     prop: o,
     defaultProp: r ?? "",
-    onChange: c
+    onChange: i ? (h) => i(h) : void 0
   });
   return /* @__PURE__ */ e(
     O,
@@ -79,15 +79,15 @@ const [O, w] = R("SideBar"), f = {
         "nav",
         {
           ref: n,
-          className: m(f.root({ collapsed: b }), i),
-          "aria-label": l("components.sideBar.navigationAriaLabel"),
+          className: m(f.root({ collapsed: b }), l),
+          "aria-label": c("components.sideBar.navigationAriaLabel"),
           ...p,
           children: d
         }
       )
     }
   );
-}, X = ({
+}, F = ({
   ref: n,
   children: t,
   className: s,
@@ -100,7 +100,7 @@ const [O, w] = R("SideBar"), f = {
     ...a,
     children: t
   }
-), Y = ({
+), U = ({
   ref: n,
   children: t,
   className: s,
@@ -113,41 +113,41 @@ const [O, w] = R("SideBar"), f = {
     ...a,
     children: t
   }
-), Z = ({
+), W = ({
   ref: n,
   value: t,
   icon: s,
   activeIcon: a,
   label: o,
   tooltipContent: r,
-  disabled: c = !1,
+  disabled: i = !1,
   className: d,
-  onClick: i,
+  onClick: l,
   ...p
 }) => {
-  const l = V({
+  const c = q({
     consumerName: "SideBarItem",
-    mergeWith: { disabled: c }
-  }), { collapsed: b, active: g, onActiveChange: v } = w({
+    mergeWith: { disabled: i }
+  }), { collapsed: b, active: g, onActiveChange: v } = y({
     consumerName: "SideBarItem",
     contextRequired: !0
-  }), u = g === t, y = u ? a : s, I = r ?? o, L = B(
-    (z) => {
-      l || (i?.(z), v?.(t));
+  }), u = g === t, h = u ? a : s, I = r ?? o, L = S(
+    (P) => {
+      c || (l?.(P), v?.(t));
     },
-    [l, i, v, t]
-  ), j = /* @__PURE__ */ C(P, { children: [
-    /* @__PURE__ */ e(y, { size: 20 }),
+    [c, l, v, t]
+  ), j = /* @__PURE__ */ x(R, { children: [
+    /* @__PURE__ */ e(h, { size: 20 }),
     o != null && /* @__PURE__ */ e("span", { className: "translate-x-8 truncate", children: o })
   ] }), k = /* @__PURE__ */ e(
     "button",
     {
       ref: n,
       type: "button",
-      disabled: l,
+      disabled: c,
       onClick: L,
       className: m(
-        f.item({ active: u, disabled: l }),
+        f.item({ active: u, disabled: c }),
         d
       ),
       "aria-current": u ? "page" : void 0,
@@ -155,25 +155,25 @@ const [O, w] = R("SideBar"), f = {
       children: j
     }
   );
-  return /* @__PURE__ */ C(S, { open: b ? void 0 : !1, children: [
-    /* @__PURE__ */ e(N, { asChild: !0, children: k }),
-    /* @__PURE__ */ e(T, { side: "right", sideOffset: 8, children: I })
+  return /* @__PURE__ */ x(N, { open: b ? void 0 : !1, children: [
+    /* @__PURE__ */ e(T, { asChild: !0, children: k }),
+    /* @__PURE__ */ e(w, { side: "right", sideOffset: 8, children: I })
   ] });
-}, _ = ({
+}, G = ({
   className: n,
   tooltipContent: t,
   ...s
 }) => {
-  const { t: a } = A(), { collapsed: o, setCollapsed: r } = w({
+  const { t: a } = A(), { collapsed: o, setCollapsed: r } = y({
     consumerName: "SideBarCollapseToggle",
     contextRequired: !0
-  }), c = B(() => {
+  }), i = S(() => {
     r(!o);
-  }, [o, r]), d = o ? q : E, i = /* @__PURE__ */ e(
+  }, [o, r]), d = o ? z : E, l = /* @__PURE__ */ e(
     "button",
     {
       type: "button",
-      onClick: c,
+      onClick: i,
       className: m(
         f.item({ active: !1, disabled: !1 }),
         n
@@ -183,15 +183,25 @@ const [O, w] = R("SideBar"), f = {
       children: /* @__PURE__ */ e(d, { size: 20 })
     }
   ), p = t ?? a("components.sideBar.collapseAriaLabel");
-  return /* @__PURE__ */ C(S, { open: o ? void 0 : !1, children: [
-    /* @__PURE__ */ e(N, { asChild: !0, children: i }),
-    /* @__PURE__ */ e(T, { side: "right", sideOffset: 8, children: p })
+  return /* @__PURE__ */ x(N, { open: o ? void 0 : !1, children: [
+    /* @__PURE__ */ e(T, { asChild: !0, children: l }),
+    /* @__PURE__ */ e(w, { side: "right", sideOffset: 8, children: p })
   ] });
 };
+function $() {
+  return {
+    SideBar: D,
+    SideBarLeading: F,
+    SideBarTrailing: U,
+    SideBarItem: W,
+    SideBarCollapseToggle: G
+  };
+}
 export {
-  U as SideBar,
-  _ as SideBarCollapseToggle,
-  Z as SideBarItem,
-  X as SideBarLeading,
-  Y as SideBarTrailing
+  D as SideBar,
+  G as SideBarCollapseToggle,
+  W as SideBarItem,
+  F as SideBarLeading,
+  U as SideBarTrailing,
+  $ as createSideBar
 };

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

@@ -1,3 +1,3 @@
-export { SideBar, SideBarLeading, SideBarTrailing, SideBarItem, SideBarCollapseToggle, } from './SideBar';
-export * from './types';
+export * from './SideBar';
+export type * from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SideBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,cAAc,EACd,eAAe,EACf,WAAW,EACX,qBAAqB,GACtB,MAAM,WAAW,CAAC;AACnB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SideBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,mBAAmB,SAAS,CAAC"}

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

@@ -1,5 +1,6 @@
 import { ComponentPropsWithRef, ComponentType, MouseEventHandler, ReactNode } from 'react';
 import { IconSize } from '../Icon/types';
+export type SideBarValue = string;
 /**
  * Context value for passing state to SideBar sub-components
  */
@@ -24,7 +25,7 @@ export type SideBarContextValue = {
 /**
  * Props for the SideBar root component
  */
-export type SideBarProps = {
+export type SideBarProps<T extends SideBarValue = SideBarValue> = {
     /**
      * Controlled collapsed state. When provided, the component becomes controlled.
      */
@@ -42,15 +43,15 @@ export type SideBarProps = {
      * The value of the currently active item.
      * When provided, the component becomes controlled for selection.
      */
-    active?: string;
+    active?: T;
     /**
      * Default active item value for uncontrolled mode.
      */
-    defaultActive?: string;
+    defaultActive?: T;
     /**
      * Callback fired when the active item changes.
      */
-    onActiveChange?: (value: string) => void;
+    onActiveChange?: (value: T) => void;
     /**
      * The children of the sidebar (SideBarLeading, SideBarTrailing).
      */
@@ -89,11 +90,11 @@ export type SideBarTrailingProps = {
 /**
  * Props for the SideBarItem component
  */
-export type SideBarItemProps = {
+export type SideBarItemProps<T extends SideBarValue = SideBarValue> = {
     /**
      * Unique identifier for this item. Used to determine which item is active.
      */
-    value: string;
+    value: T;
     /**
      * The icon component to display when inactive.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SideBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,aAAa,EACb,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC;AAErD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7D;;OAEG;IACH,UAAU,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnE;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG;IACvC;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SideBar/types.ts"],"names":[],"mappings":"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"}

package/dist/lib/Components/Table/Table.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
 import { createSafeContext as N, cn as c } from "../../../libs/utils-shared/dist/index.js";
-import { cva as s } from "class-variance-authority";
+import { cva as o } from "class-variance-authority";
 import { useThrottledScrollBottom as y } from "./utils/useThrottledScrollBottom.js";
 import { Spot as T } from "../Spot/Spot.js";
 import { Information as w } from "../../Symbols/Icons/Information.js";
@@ -9,7 +9,7 @@ import { ChevronUpDown as R } from "../../Symbols/Icons/ChevronUpDown.js";
 import { ChevronDescending as j } from "../../Symbols/Icons/ChevronDescending.js";
 import { ChevronAscending as B } from "../../Symbols/Icons/ChevronAscending.js";
 import { InteractiveIcon as k } from "../InteractiveIcon/InteractiveIcon.js";
-const [H, u] = N("Table"), I = s(
+const [H, u] = N("Table"), I = o(
   "relative scrollbar-none w-full max-w-full border-collapse overflow-x-auto rounded-lg",
   {
     variants: {
@@ -24,19 +24,19 @@ const [H, u] = N("Table"), I = s(
   appearance: e = "no-background",
   className: t,
   onScrollBottom: n,
-  loading: l,
-  ref: o,
+  loading: s,
+  ref: l,
   ...i
 }) => {
   const d = y({
     onScrollBottom: n,
-    loading: l
+    loading: s
   });
-  return /* @__PURE__ */ r(H, { value: { appearance: e, loading: l }, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(H, { value: { appearance: e, loading: s }, children: /* @__PURE__ */ r(
     "div",
     {
       ...i,
-      ref: o,
+      ref: l,
       className: I({ appearance: e, className: t }),
       onScroll: d,
       children: a
@@ -65,22 +65,22 @@ const [H, u] = N("Table"), I = s(
   className: e,
   clickable: t = !1,
   onClick: n,
-  ref: l,
-  ...o
+  ref: s,
+  ...l
 }) => /* @__PURE__ */ r(
   "tr",
   {
-    ref: l,
+    ref: s,
     onClick: n,
     role: t ? "button" : void 0,
     className: c(
       t && "cursor-pointer outline-none select-none hover:bg-base-transparent-hover active:bg-base-transparent-pressed",
       e
     ),
-    ...o,
+    ...l,
     children: a
   }
-), S = s("", {
+), S = o("", {
   variants: {
     appearance: {
       "no-background": "bg-canvas",
@@ -96,9 +96,9 @@ const [H, u] = N("Table"), I = s(
   className: e,
   stickyHeader: t = !0,
   ref: n,
-  ...l
+  ...s
 }) => {
-  const { appearance: o } = u({
+  const { appearance: l } = u({
     consumerName: "TableHeaderRow",
     contextRequired: !0
   });
@@ -106,8 +106,8 @@ const [H, u] = N("Table"), I = s(
     "tr",
     {
       ref: n,
-      className: S({ appearance: o, stickyHeader: t, className: e }),
-      ...l,
+      className: S({ appearance: l, stickyHeader: t, className: e }),
+      ...s,
       children: a
     }
   );
@@ -116,24 +116,24 @@ const [H, u] = N("Table"), I = s(
   className: e,
   colSpan: t = 1,
   ref: n,
-  ...l
+  ...s
 }) => {
-  const { appearance: o } = u({
+  const { appearance: l } = u({
     consumerName: "TableGroupHeaderRow",
     contextRequired: !0
   });
-  return /* @__PURE__ */ r("tr", { ref: n, className: c("h-40", e), ...l, children: /* @__PURE__ */ r("td", { colSpan: t, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r("tr", { ref: n, className: c("h-40", e), ...s, children: /* @__PURE__ */ r("td", { colSpan: t, children: /* @__PURE__ */ r(
     "div",
     {
       className: c(
         "flex h-32 w-full items-center bg-muted px-12 body-3 text-base",
-        o === "no-background" && "rounded-sm"
+        l === "no-background" && "rounded-sm"
       ),
       children: a
     }
   ) }) });
 }, p = {
-  root: s(
+  root: o(
     "h-64 truncate p-12 body-3 text-base first:rounded-l-md last:rounded-r-md",
     {
       variants: {
@@ -147,7 +147,7 @@ const [H, u] = N("Table"), I = s(
       }
     }
   ),
-  inner: s("flex flex-1 justify-end", {
+  inner: o("flex flex-1 justify-end", {
     variants: {
       align: {
         start: "text-start justify-start",
@@ -160,17 +160,17 @@ const [H, u] = N("Table"), I = s(
   className: e,
   hideBelow: t,
   align: n = "start",
-  ref: l,
-  ...o
+  ref: s,
+  ...l
 }) => /* @__PURE__ */ r(
   "td",
   {
-    ref: l,
+    ref: s,
     className: p.root({ hideBelow: t, className: e }),
-    ...o,
+    ...l,
     children: /* @__PURE__ */ r("div", { className: p.inner({ align: n }), children: a })
   }
-), A = s("flex min-w-0 items-center gap-12", {
+), A = o("flex min-w-0 items-center gap-12", {
   variants: {
     align: {
       start: "text-start",
@@ -182,25 +182,25 @@ const [H, u] = N("Table"), I = s(
   align: e = "start",
   leadingContent: t,
   title: n,
-  description: l,
-  ref: o,
+  description: s,
+  ref: l,
   ...i
 }) => /* @__PURE__ */ m(
   "div",
   {
-    ref: o,
+    ref: l,
     className: A({ align: e, className: a }),
     ...i,
     children: [
       t && /* @__PURE__ */ r("div", { className: "shrink-0", children: t }),
       /* @__PURE__ */ m("div", { className: "flex min-w-0 flex-col gap-4", children: [
         /* @__PURE__ */ r("div", { className: "shrink-0 body-2 text-base", children: n }),
-        /* @__PURE__ */ r("div", { className: "truncate body-3 text-muted", children: l })
+        /* @__PURE__ */ r("div", { className: "truncate body-3 text-muted", children: s })
       ] })
     ]
   }
 ), f = {
-  root: s("group h-40 truncate p-12 body-3 text-base", {
+  root: o("group h-40 truncate p-12 body-3 text-base", {
     variants: {
       hideBelow: {
         xs: "hidden xs:table-cell",
@@ -211,7 +211,7 @@ const [H, u] = N("Table"), I = s(
       }
     }
   }),
-  content: s("flex min-w-0 items-center gap-4 truncate", {
+  content: o("flex min-w-0 items-center gap-4 truncate", {
     variants: {
       align: {
         start: "text-start justify-start",
@@ -219,7 +219,7 @@ const [H, u] = N("Table"), I = s(
       }
     }
   }),
-  trailingContent: s(
+  trailingContent: o(
     "flex items-center justify-center opacity-0 group-hover:opacity-100"
   )
 }, ee = ({
@@ -227,8 +227,8 @@ const [H, u] = N("Table"), I = s(
   className: e,
   scope: t = "col",
   hideBelow: n,
-  align: l = "start",
-  trailingContent: o,
+  align: s = "start",
+  trailingContent: l,
   ref: i,
   ...d
 }) => /* @__PURE__ */ r(
@@ -238,9 +238,9 @@ const [H, u] = N("Table"), I = s(
     scope: t,
     className: f.root({ hideBelow: n, className: e }),
     ...d,
-    children: /* @__PURE__ */ r("div", { className: "min-w-0", children: /* @__PURE__ */ m("div", { className: f.content({ align: l }), children: [
-      /* @__PURE__ */ r("span", { className: c("truncate", l === "end" && "order-1"), children: a }),
-      /* @__PURE__ */ r("div", { className: "flex items-center justify-center opacity-0 group-hover:opacity-100", children: o })
+    children: /* @__PURE__ */ r("div", { className: "min-w-0", children: /* @__PURE__ */ m("div", { className: f.content({ align: s }), children: [
+      /* @__PURE__ */ r("span", { className: c("truncate", s === "end" && "order-1"), children: a }),
+      /* @__PURE__ */ r("div", { className: "flex items-center justify-center opacity-0 group-hover:opacity-100", children: l })
     ] }) })
   }
 ), te = ({
@@ -303,7 +303,7 @@ const [H, u] = N("Table"), I = s(
       children: /* @__PURE__ */ r(T, { appearance: "loader", size: 48 })
     }
   ) : null;
-}, le = ({
+}, se = ({
   className: a,
   ref: e,
   ...t
@@ -322,7 +322,7 @@ const [H, u] = N("Table"), I = s(
   desc: j,
   idle: R
 }, h = {
-  root: s(
+  root: o(
     [
       "flex min-w-0 cursor-pointer items-center gap-4",
       "rounded-xs focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus"
@@ -336,7 +336,7 @@ const [H, u] = N("Table"), I = s(
       }
     }
   ),
-  icon: s("", {
+  icon: o("", {
     variants: {
       active: {
         true: "opacity-100",
@@ -344,13 +344,13 @@ const [H, u] = N("Table"), I = s(
       }
     }
   })
-}, oe = ({
+}, le = ({
   children: a,
   sortDirection: e,
   align: t = "start",
   onToggleSort: n,
-  className: l,
-  onClick: o,
+  className: s,
+  onClick: l,
   ref: i,
   ...d
 }) => {
@@ -364,10 +364,10 @@ const [H, u] = N("Table"), I = s(
       ...d,
       ref: i,
       type: "button",
-      className: h.root({ align: t, className: l }),
+      className: h.root({ align: t, className: s }),
       "aria-label": e ? x[e] : void 0,
       onClick: (g) => {
-        o?.(g), n?.(e === "asc" ? "desc" : "asc");
+        l?.(g), n?.(e === "asc" ? "desc" : "asc");
       },
       children: [
         /* @__PURE__ */ r("span", { className: "min-w-0 truncate", children: a }),
@@ -396,9 +396,9 @@ export {
   W as TableHeader,
   ee as TableHeaderCell,
   Z as TableHeaderRow,
-  le as TableInfoIcon,
+  se as TableInfoIcon,
   re as TableLoadingRow,
   O as TableRoot,
   Y as TableRow,
-  oe as TableSortButton
+  le as TableSortButton
 };