@ledgerhq/lumen-ui-react 0.1.11 → 0.1.13

package/dist/lib/Components/SegmentedControl/SegmentedControl.js

@@ -1,74 +1,112 @@
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { cn as m } from "../../../libs/utils-shared/dist/index.js";
-import { useRef as p } from "react";
-import { useSegmentedControlContext as b, SegmentedControlContextProvider as x } from "./SegmentedControlContext.js";
-import { useSegmentedControlSelectedIndex as g, usePillElementLayoutEffect as h } from "./usePillElementLayoutEffect.js";
-function v({
+import { jsx as s, jsxs as b } from "react/jsx-runtime";
+import { cn as p, useDisabledContext as g } from "../../../libs/utils-shared/dist/index.js";
+import { cva as c } from "class-variance-authority";
+import { useRef as x } from "react";
+import { useSegmentedControlContext as h, SegmentedControlContextProvider as v } from "./SegmentedControlContext.js";
+import { useSegmentedControlSelectedIndex as C, usePillElementLayoutEffect as y } from "./usePillElementLayoutEffect.js";
+const f = {
+  root: c("relative flex w-full flex-row items-center rounded-sm", {
+    variants: {
+      appearance: {
+        background: "bg-surface",
+        "no-background": "bg-transparent"
+      }
+    }
+  }),
+  pill: c(
+    "pointer-events-none absolute top-0 left-0 z-0 rounded-sm transition-transform duration-250 ease-in-out",
+    {
+      variants: {
+        disabled: {
+          true: "bg-base-transparent-pressed",
+          false: "bg-muted-transparent"
+        }
+      }
+    }
+  ),
+  item: c(
+    "z-10 flex min-w-0 flex-1 cursor-pointer flex-row items-center justify-center rounded-sm px-16 py-8 select-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus disabled:cursor-not-allowed",
+    {
+      variants: {
+        selected: {
+          true: "body-2-semi-bold text-base",
+          false: "body-2 text-muted hover:body-2-semi-bold hover:text-muted-hover"
+        }
+      }
+    }
+  )
+};
+function S({
   value: o,
-  children: l,
+  children: a,
   icon: e,
-  onClick: d,
-  className: n,
-  ...a
+  onClick: l,
+  className: d,
+  ...m
 }) {
-  const { selectedValue: u, onSelectedChange: i, disabled: r } = b(), t = u === o;
+  const { selectedValue: u, onSelectedChange: n, disabled: t } = h(), i = u === o;
   return /* @__PURE__ */ s(
     "button",
     {
       type: "button",
       role: "radio",
-      "aria-checked": t,
-      "aria-disabled": r,
-      disabled: r,
-      onClick: (f) => {
-        r || (i(o), d?.(f));
+      "aria-checked": i,
+      "aria-disabled": t,
+      disabled: t,
+      onClick: (r) => {
+        t || (n(o), l?.(r));
       },
-      className: m(
-        "z-10 flex min-w-0 flex-1 cursor-pointer flex-row items-center justify-center rounded-sm px-16 py-8 select-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus disabled:cursor-not-allowed",
-        t ? "body-2-semi-bold text-base" : "body-2 text-muted hover:body-2-semi-bold hover:text-muted-hover",
-        n
+      className: p(
+        f.item({
+          selected: i
+        }),
+        d
       ),
-      ...a,
-      children: /* @__PURE__ */ c("span", { className: "inline-flex shrink-0 items-center justify-center gap-8", children: [
+      ...m,
+      children: /* @__PURE__ */ b("span", { className: "inline-flex shrink-0 items-center justify-center gap-8", children: [
         e && /* @__PURE__ */ s(e, { size: 16 }),
-        /* @__PURE__ */ s("span", { children: l })
+        /* @__PURE__ */ s("span", { children: a })
       ] })
     }
   );
 }
-v.displayName = "SegmentedControlButton";
-function y({
+S.displayName = "SegmentedControlButton";
+function w({
   selectedValue: o,
-  onSelectedChange: l,
+  onSelectedChange: a,
   children: e,
-  className: d,
-  disabled: n,
-  appearance: a = "background",
+  className: l,
+  disabled: d,
+  appearance: m = "background",
   ...u
 }) {
-  const i = p(null), r = g(
+  const n = g({
+    consumerName: "SegmentedControl",
+    mergeWith: { disabled: d }
+  }), t = x(null), i = C(
     o,
     e
-  ), { pill: t } = h({
-    ref: i,
-    selectedIndex: r,
+  ), { pill: r } = y({
+    ref: t,
+    selectedIndex: i,
     children: e
   });
   return /* @__PURE__ */ s(
-    x,
+    v,
     {
-      value: { selectedValue: o, onSelectedChange: l, disabled: n },
-      children: /* @__PURE__ */ c(
+      value: { selectedValue: o, onSelectedChange: a, disabled: n },
+      children: /* @__PURE__ */ b(
         "div",
         {
           ...u,
-          ref: i,
+          ref: t,
           role: "radiogroup",
           "aria-disabled": n,
-          className: m(
-            "relative flex w-full flex-row items-center rounded-sm",
-            a === "background" && "bg-surface",
-            d
+          className: p(
+            f.root({
+              appearance: m
+            }),
+            l
           ),
           children: [
             e,
@@ -76,14 +114,13 @@ function y({
               "div",
               {
                 "aria-hidden": !0,
-                className: m(
-                  "pointer-events-none absolute top-0 left-0 z-0 rounded-sm transition-transform duration-250 ease-in-out",
-                  n ? "bg-base-transparent-pressed" : "bg-muted-transparent"
-                ),
+                className: f.pill({
+                  disabled: n
+                }),
                 style: {
-                  width: t.width,
-                  height: t.height,
-                  transform: `translateX(${t.x}px)`
+                  width: r.width,
+                  height: r.height,
+                  transform: `translateX(${r.x}px)`
                 }
               }
             )
@@ -93,8 +130,8 @@ function y({
     }
   );
 }
-y.displayName = "SegmentedControl";
+w.displayName = "SegmentedControl";
 export {
-  y as SegmentedControl,
-  v as SegmentedControlButton
+  w as SegmentedControl,
+  S as SegmentedControlButton
 };

package/dist/lib/Components/SegmentedControl/SegmentedControlContext.d.ts

@@ -1,7 +1,7 @@
 export type SegmentedControlContextValue = {
     selectedValue: string;
     onSelectedChange: (value: string) => void;
-    disabled?: boolean;
+    disabled: boolean;
 };
 declare const SegmentedControlContextProvider: import('react').FC<{
     children: import('react').ReactNode;

package/dist/lib/Components/SegmentedControl/SegmentedControlContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlContext.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/SegmentedControlContext.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,4BAA4B,GAAG;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,QAAA,MAAO,+BAA+B;;;EAC+B,CAAC;AAEtE,eAAO,MAAM,0BAA0B,oCAInC,CAAC;AAEL,OAAO,EAAE,+BAA+B,EAAE,CAAC"}
+{"version":3,"file":"SegmentedControlContext.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/SegmentedControlContext.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,4BAA4B,GAAG;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAO,+BAA+B;;;EAC+B,CAAC;AAEtE,eAAO,MAAM,0BAA0B,oCAInC,CAAC;AAEL,OAAO,EAAE,+BAA+B,EAAE,CAAC"}

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

@@ -1,8 +1,8 @@
-import { SelectProps, SelectTriggerProps, SelectContentProps, SelectGroupProps, SelectLabelProps, SelectItemTextProps, SelectItemProps, SelectSeparatorProps, SelectButtonTriggerProps } from './types';
-declare function Select({ value, defaultValue, onValueChange, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
+import { SelectProps, SelectTriggerProps, SelectContentProps, SelectGroupProps, SelectLabelProps, SelectItemTextProps, SelectItemProps, SelectSeparatorProps, SelectTriggerButtonProps } from './types';
+declare function Select({ value, defaultValue, onValueChange, disabled: disabledProp, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectGroup({ ...props }: SelectGroupProps): import("react/jsx-runtime").JSX.Element;
 declare const SelectTrigger: {
-    ({ render, ...props }: SelectTriggerProps): import("react/jsx-runtime").JSX.Element;
+    ({ render, disabled, ...props }: SelectTriggerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string | undefined;
 };
 declare const SelectContent: {
@@ -25,6 +25,6 @@ declare const SelectItemText: {
     ({ ref, className, ...props }: SelectItemTextProps): import("react/jsx-runtime").JSX.Element;
     displayName: string | undefined;
 };
-declare const SelectButtonTrigger: ({ selectedValue, selectedContent, label, ...props }: SelectButtonTriggerProps) => import("react/jsx-runtime").JSX.Element;
-export { Select, SelectGroup, SelectTrigger, SelectContent, SelectLabel, SelectItemText, SelectItem, SelectSeparator, SelectButtonTrigger, };
+declare const SelectTriggerButton: ({ selectedValue, selectedContent, label, ...props }: SelectTriggerButtonProps) => import("react/jsx-runtime").JSX.Element;
+export { Select, SelectGroup, SelectTrigger, SelectContent, SelectLabel, SelectItemText, SelectItem, SelectSeparator, SelectTriggerButton, };
 //# sourceMappingURL=Select.d.ts.map

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":"AASA,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,oBAAoB,EACpB,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAEjB,iBAAS,MAAM,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAiB5E;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAElD;AAwDD,QAAA,MAAM,aAAa;2BAA0B,kBAAkB;;CAoB9D,CAAC;AAwCF,QAAA,MAAM,aAAa;uDAMhB,kBAAkB;;CAgBpB,CAAC;AAGF,QAAA,MAAM,WAAW;mCAAkC,gBAAgB;;CAOlE,CAAC;AAcF,QAAA,MAAM,UAAU;6CAKb,eAAe;;CAcjB,CAAC;AAGF,QAAA,MAAM,eAAe;mCAIlB,oBAAoB;;CAEtB,CAAC;AAGF,QAAA,MAAM,cAAc;mCAAkC,mBAAmB;;CAOxE,CAAC;AAuCF,QAAA,MAAM,mBAAmB,GAAI,qDAK1B,wBAAwB,4CAI1B,CAAC;AAEF,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,cAAc,EACd,UAAU,EACV,eAAe,EACf,mBAAmB,GACpB,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Select/Select.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,oBAAoB,EACpB,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAEjB,iBAAS,MAAM,CAAC,EACd,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EAAE,YAAY,EACtB,GAAG,KAAK,EACT,EAAE,WAAW,2CAsBb;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAElD;AAwDD,QAAA,MAAM,aAAa;qCAAoC,kBAAkB;;CA2BxE,CAAC;AAwCF,QAAA,MAAM,aAAa;uDAMhB,kBAAkB;;CAgBpB,CAAC;AAGF,QAAA,MAAM,WAAW;mCAAkC,gBAAgB;;CAOlE,CAAC;AAcF,QAAA,MAAM,UAAU;6CAKb,eAAe;;CAcjB,CAAC;AAGF,QAAA,MAAM,eAAe;mCAIlB,oBAAoB;;CAEtB,CAAC;AAGF,QAAA,MAAM,cAAc;mCAAkC,mBAAmB;;CAOxE,CAAC;AAuCF,QAAA,MAAM,mBAAmB,GAAI,qDAK1B,wBAAwB,4CAI1B,CAAC;AAEF,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,cAAc,EACd,UAAU,EACV,eAAe,EACf,mBAAmB,GACpB,CAAC"}

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

@@ -1,51 +1,61 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { cn as s } from "../../../libs/utils-shared/dist/index.js";
+import { useDisabledContext as g, cn as o } from "../../../libs/utils-shared/dist/index.js";
 import * as l from "@radix-ui/react-select";
-import { cva as c } from "class-variance-authority";
-import { SelectProvider as p, useSelectContext as u } from "./SelectContext.js";
-import { useControllableState as g } from "../../../utils/useControllableState/useControllableState.js";
-import { Check as f } from "../../Symbols/Icons/Check.js";
-import { Divider as h } from "../Divider/Divider.js";
-import { ButtonTrigger as b } from "../ButtonTrigger/ButtonTrigger.js";
-import { ChevronDown as m } from "../../Symbols/Icons/ChevronDown.js";
-import { ChevronUp as x } from "../../Symbols/Icons/ChevronUp.js";
-function J({ value: t, defaultValue: a, onValueChange: r, ...o }) {
-  const [i, n] = g({
+import { cva as m } from "class-variance-authority";
+import { SelectProvider as f, useSelectContext as b } from "./SelectContext.js";
+import { useControllableState as h } from "../../../utils/useControllableState/useControllableState.js";
+import { Check as x } from "../../Symbols/Icons/Check.js";
+import { Divider as y } from "../Divider/Divider.js";
+import { TriggerButton as S } from "../TriggerButton/TriggerButton.js";
+import { ChevronDown as u } from "../../Symbols/Icons/ChevronDown.js";
+import { ChevronUp as N } from "../../Symbols/Icons/ChevronUp.js";
+function M({
+  value: t,
+  defaultValue: a,
+  onValueChange: r,
+  disabled: s,
+  ...i
+}) {
+  const n = g({
+    consumerName: "Select",
+    mergeWith: { disabled: s }
+  }), [c, p] = h({
     prop: t,
     defaultProp: a ?? "",
     onChange: r
   });
-  return /* @__PURE__ */ e(p, { value: { selectedValue: i }, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(f, { value: { selectedValue: c }, children: /* @__PURE__ */ e(
     l.Root,
     {
       "data-slot": "select",
-      value: i,
-      onValueChange: n,
-      ...o
+      value: c,
+      onValueChange: p,
+      disabled: n,
+      ...i
     }
   ) });
 }
-function K({ ...t }) {
+function O({ ...t }) {
   return /* @__PURE__ */ e(l.Group, { "data-slot": "select-group", ...t });
 }
-const y = s(
+const v = o(
   "group relative flex h-48 w-full cursor-pointer items-center justify-between gap-8",
   "rounded-sm bg-muted px-16",
   "body-2 text-base",
   "hover:bg-muted-hover",
   "transition-colors duration-200 focus:ring-2 focus:ring-focus focus:outline-hidden",
   "disabled:cursor-not-allowed disabled:text-disabled"
-), S = s(
+), w = o(
   "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",
   "max-w-[calc(100%-var(--size-56))] truncate"
-), N = ({
+), C = ({
   ref: t,
   className: a,
   labelClassName: r,
-  label: o,
+  label: s,
   selectedContent: i,
   ...n
 }) => /* @__PURE__ */ d(
@@ -53,22 +63,22 @@ const y = s(
   {
     ref: t,
     "data-slot": "select-trigger",
-    className: s(y, a),
+    className: o(v, a),
     ...n,
     children: [
-      o && /* @__PURE__ */ e("label", { className: s(S, r), children: o }),
+      s && /* @__PURE__ */ e("label", { className: o(w, r), children: s }),
       /* @__PURE__ */ e(
         "span",
         {
-          className: s(
+          className: o(
             "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"
+            s && "mt-16 opacity-100 transition-opacity delay-100 duration-300 group-data-placeholder:mt-0 group-data-placeholder:opacity-0"
           ),
           children: i
         }
       ),
       /* @__PURE__ */ e(l.Icon, { asChild: !0, children: /* @__PURE__ */ e(
-        m,
+        u,
         {
           size: 20,
           className: "shrink-0 text-muted group-data-disabled:text-disabled"
@@ -76,23 +86,31 @@ const y = s(
       ) })
     ]
   }
-), v = ({ render: t, ...a }) => {
-  const { selectedValue: r } = u({
+), T = ({ render: t, disabled: a, ...r }) => {
+  const { selectedValue: s } = b({
     consumerName: "SelectTrigger",
     contextRequired: !0
-  }), o = /* @__PURE__ */ e(l.Value, { "data-slot": "select-value" });
+  }), i = /* @__PURE__ */ e(l.Value, { "data-slot": "select-value" });
   return t ? /* @__PURE__ */ e(
     l.Trigger,
     {
-      ref: a.ref,
+      disabled: a,
+      ref: r.ref,
       "data-slot": "select-trigger",
       asChild: !0,
-      children: t({ selectedValue: r, selectedContent: o })
+      children: t({ selectedValue: s, selectedContent: i })
     }
-  ) : /* @__PURE__ */ e(N, { ...a, selectedContent: o });
+  ) : /* @__PURE__ */ e(
+    C,
+    {
+      ...r,
+      disabled: a,
+      selectedContent: i
+    }
+  );
 };
-v.displayName = l.Trigger.displayName;
-const w = c(
+T.displayName = l.Trigger.displayName;
+const I = m(
   [
     "relative z-select max-h-(--radix-select-content-available-height) overflow-x-hidden overflow-y-auto",
     "rounded-sm bg-muted",
@@ -113,7 +131,7 @@ const w = c(
       position: "popper"
     }
   }
-), C = c("p-8", {
+), V = m("p-8", {
   variants: {
     position: {
       popper: "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)",
@@ -123,39 +141,39 @@ const w = c(
   defaultVariants: {
     position: "popper"
   }
-}), T = ({
+}), z = ({
   ref: t,
   className: a,
   children: r,
-  position: o = "popper",
+  position: s = "popper",
   ...i
 }) => /* @__PURE__ */ e(l.Portal, { "data-slot": "select-portal", children: /* @__PURE__ */ d(
   l.Content,
   {
     ref: t,
     "data-slot": "select-content",
-    className: s(w({ position: o }), a),
-    position: o,
+    className: o(I({ position: s }), a),
+    position: s,
     ...i,
     children: [
-      /* @__PURE__ */ e(D, {}),
-      /* @__PURE__ */ e(l.Viewport, { className: C({ position: o }), children: r }),
-      /* @__PURE__ */ e(P, {})
+      /* @__PURE__ */ e(L, {}),
+      /* @__PURE__ */ e(l.Viewport, { className: V({ position: s }), children: r }),
+      /* @__PURE__ */ e(U, {})
     ]
   }
 ) });
-T.displayName = l.Content.displayName;
-const I = ({ ref: t, className: a, ...r }) => /* @__PURE__ */ e(
+z.displayName = l.Content.displayName;
+const j = ({ ref: t, className: a, ...r }) => /* @__PURE__ */ e(
   l.Label,
   {
     ref: t,
     "data-slot": "select-label",
-    className: s("mb-4 px-8 pt-8 pb-0 body-3-semi-bold text-muted", a),
+    className: o("mb-4 px-8 pt-8 pb-0 body-3-semi-bold text-muted", a),
     ...r
   }
 );
-I.displayName = l.Label.displayName;
-const V = s(
+j.displayName = l.Label.displayName;
+const B = o(
   "relative flex w-full cursor-pointer items-center bg-base-transparent select-none",
   "rounded-sm p-8",
   "body-2 text-base",
@@ -164,42 +182,42 @@ const V = s(
   "focus:bg-base-transparent-hover",
   "active:bg-base-transparent-pressed",
   "data-disabled:cursor-not-allowed data-disabled:text-disabled"
-), z = ({
+), D = ({
   ref: t,
   className: a,
   children: r,
-  ...o
+  ...s
 }) => /* @__PURE__ */ d(
   l.Item,
   {
     ref: t,
     "data-slot": "select-item",
-    className: s(V, a),
-    ...o,
+    className: o(B, a),
+    ...s,
     children: [
       r,
-      /* @__PURE__ */ e("span", { className: "absolute right-8 flex size-24 items-center justify-center", children: /* @__PURE__ */ e(l.ItemIndicator, { children: /* @__PURE__ */ e(f, { size: 24, className: "ms-8 shrink-0 text-active" }) }) })
+      /* @__PURE__ */ e("span", { className: "absolute right-8 flex size-24 items-center justify-center", children: /* @__PURE__ */ e(l.ItemIndicator, { children: /* @__PURE__ */ e(x, { size: 24, className: "ms-8 shrink-0 text-active" }) }) })
     ]
   }
 );
-z.displayName = l.Item.displayName;
-const j = ({
+D.displayName = l.Item.displayName;
+const P = ({
   ref: t,
   className: a,
   ...r
-}) => /* @__PURE__ */ e(h, { ref: t, className: s("mx-8 my-4 w-auto", a), ...r });
-j.displayName = "SelectSeparator";
-const B = ({ ref: t, className: a, ...r }) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(y, { ref: t, className: o("mx-8 my-4 w-auto", a), ...r });
+P.displayName = "SelectSeparator";
+const k = ({ ref: t, className: a, ...r }) => /* @__PURE__ */ e(
   l.ItemText,
   {
     ref: t,
     "data-slot": "select-item-text",
-    className: s("body-2 text-muted", a),
+    className: o("body-2 text-muted", a),
     ...r
   }
 );
-B.displayName = l.ItemText.displayName;
-function D({
+k.displayName = l.ItemText.displayName;
+function L({
   className: t,
   ...a
 }) {
@@ -207,16 +225,16 @@ function D({
     l.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: s(
+      className: o(
         "flex cursor-default items-center justify-center py-1 text-muted",
         t
       ),
       ...a,
-      children: /* @__PURE__ */ e(x, { className: "size-4" })
+      children: /* @__PURE__ */ e(N, { className: "size-4" })
     }
   );
 }
-function P({
+function U({
   className: t,
   ...a
 }) {
@@ -224,29 +242,29 @@ function P({
     l.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
-      className: s(
+      className: o(
         "flex cursor-default items-center justify-center py-1 text-muted",
         t
       ),
       ...a,
-      children: /* @__PURE__ */ e(m, { className: "size-4" })
+      children: /* @__PURE__ */ e(u, { className: "size-4" })
     }
   );
 }
-const M = ({
+const Q = ({
   selectedValue: t,
   selectedContent: a,
   label: r,
-  ...o
-}) => /* @__PURE__ */ e(b, { ...o, children: t ? a : r });
+  ...s
+}) => /* @__PURE__ */ e(S, { ...s, children: t ? a : r });
 export {
-  J as Select,
-  M as SelectButtonTrigger,
-  T as SelectContent,
-  K as SelectGroup,
-  z as SelectItem,
-  B as SelectItemText,
-  I as SelectLabel,
-  j as SelectSeparator,
-  v as SelectTrigger
+  M as Select,
+  z as SelectContent,
+  O as SelectGroup,
+  D as SelectItem,
+  k as SelectItemText,
+  j as SelectLabel,
+  P as SelectSeparator,
+  T as SelectTrigger,
+  Q as SelectTriggerButton
 };

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

@@ -1,3 +1,3 @@
 export * from './Select';
-export type { SelectProps, SelectTriggerProps, SelectTriggerRenderProps, SelectContentProps, SelectGroupProps, SelectLabelProps, SelectItemTextProps, SelectItemProps, SelectSeparatorProps, SelectButtonTriggerProps, } from './types';
+export type { SelectProps, SelectTriggerProps, SelectTriggerRenderProps, SelectContentProps, SelectGroupProps, SelectLabelProps, SelectItemTextProps, SelectItemProps, SelectSeparatorProps, SelectTriggerButtonProps, } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef, ReactElement, ReactNode } from 'react';
-import { ButtonTriggerProps } from '../ButtonTrigger';
+import { TriggerButtonProps } from '../TriggerButton';
 type Direction = 'ltr' | 'rtl';
 type PointerDownOutsideEvent = CustomEvent<{
     originalEvent: PointerEvent;
@@ -73,9 +73,9 @@ export type SelectTriggerProps = {
      * Render function that replaces the default input-style trigger.
      * When provided, `SelectPrimitive.Trigger` renders with `asChild` and
      * delegates rendering to this function.
-     * Can be a preset component (e.g. `SelectButtonTrigger`) or a custom render function.
+     * Can be a preset component (e.g. `SelectTriggerButton`) or a custom render function.
      *
-     * @example render={(props) => <SelectButtonTrigger {...props} label="Label" />}
+     * @example render={(props) => <SelectTriggerButton {...props} label="Label" />}
      * @example render={({ selectedValue, selectedContent }) => <MyTrigger />}
      */
     render?: (props: SelectTriggerRenderProps) => ReactElement;
@@ -253,7 +253,7 @@ export type SelectSeparatorProps = {
      */
     className?: string;
 } & ComponentPropsWithRef<'div'>;
-export type SelectButtonTriggerProps = SelectTriggerRenderProps & Omit<ButtonTriggerProps, 'children'> & {
+export type SelectTriggerButtonProps = SelectTriggerRenderProps & Omit<TriggerButtonProps, 'children'> & {
     /**
      * The label displayed when no value is selected.
      * Once a value is selected, it is replaced by the selected item's content.

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

@@ -63,7 +63,7 @@ export declare const SideBarTrailing: {
  * />
  */
 export declare const SideBarItem: {
-    ({ ref, value, icon: Icon, activeIcon: ActiveIcon, label, tooltipContent: tooltipContentProp, disabled, className, onClick, ...props }: SideBarItemProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref, value, icon: Icon, activeIcon: ActiveIcon, label, tooltipContent: tooltipContentProp, disabled: disabledProp, className, onClick, ...props }: SideBarItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 /**

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":"AAOA,OAAO,EAEL,YAAY,EACZ,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAmDjB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO;2KAWjB,YAAY;;CA2Bd,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,cAAc;6CAKxB,mBAAmB;;CAUrB,CAAC;AAGF;;;;GAIG;AACH,eAAO,MAAM,eAAe;6CAKzB,oBAAoB;;CAUtB,CAAC;AAGF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,WAAW;4IAWrB,gBAAgB;;CAmDlB,CAAC;AAGF;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB;8BAG/B,0BAA0B;;CAgC5B,CAAC"}
+{"version":3,"file":"SideBar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SideBar/SideBar.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEL,YAAY,EACZ,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAmDjB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO;2KAWjB,YAAY;;CA2Bd,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,cAAc;6CAKxB,mBAAmB;;CAUrB,CAAC;AAGF;;;;GAIG;AACH,eAAO,MAAM,eAAe;6CAKzB,oBAAoB;;CAUtB,CAAC;AAGF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,WAAW;0JAWrB,gBAAgB;;CAuDlB,CAAC;AAGF;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB;8BAG/B,0BAA0B;;CAgC5B,CAAC"}