@ledgerhq/lumen-ui-react 0.1.8 → 0.1.10

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

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

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

@@ -147,6 +147,16 @@ export type DialogBodyProps = {
      */
     scrollbarWidth?: 'none' | 'auto';
 } & ComponentPropsWithRef<'div'>;
+export type DialogBodyStickyContentProps = {
+    /**
+     * The content to display in the sticky region inside the dialog body.
+     */
+    children?: ReactNode;
+    /**
+     * Additional custom CSS classes to apply.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
 export type DialogFooterProps = {
     /**
      * The content to display inside the dialog footer.

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":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Dialog/types.ts"],"names":[],"mappings":"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"}

package/dist/lib/Components/Icon/createIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Icon/createIcon.ts"],"names":[],"mappings":"AAKA,OAAO,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC;;;;;;GAMG;AACH,QAAA,MAAM,UAAU,aACJ,MAAM,WACP,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;6CAOjD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;;CAkB/B,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Icon/createIcon.ts"],"names":[],"mappings":"AAKA,OAAO,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC;;;;;;GAMG;AACH,QAAA,MAAM,UAAU,GACd,UAAU,MAAM,EAChB,SAAS,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;6CAOjD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;;CAkB/B,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -1,6 +1,6 @@
 import { IconButtonProps } from './types';
 export declare const IconButton: {
-    ({ ref, className, icon, tooltip, tooltipPlacement, tooltipText, "aria-label": ariaLabel, ...props }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref, className, icon, tooltip, tooltipPlacement, tooltipText, onTooltipOpenChange, "aria-label": ariaLabel, ...props }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=IconButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,UAAU;0GASpB,eAAe;;CAuBjB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,UAAU;+HAUpB,eAAe;;CAuBjB,CAAC"}

package/dist/lib/Components/IconButton/IconButton.js

@@ -1,32 +1,33 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { Tooltip as m, TooltipTrigger as u, TooltipContent as d } from "../Tooltip/Tooltip.js";
-import { BaseButton as f } from "../Button/BaseButton.js";
-const h = ({
-  ref: i,
-  className: n,
-  icon: e,
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { Tooltip as u, TooltipTrigger as d, TooltipContent as f } from "../Tooltip/Tooltip.js";
+import { BaseButton as h } from "../Button/BaseButton.js";
+const B = ({
+  ref: r,
+  className: e,
+  icon: i,
   tooltip: l = !1,
-  tooltipPlacement: s = "top",
-  tooltipText: p,
+  tooltipPlacement: p = "top",
+  tooltipText: s,
+  onTooltipOpenChange: a,
   "aria-label": t,
-  ...a
+  ...c
 }) => {
-  const r = /* @__PURE__ */ o(
-    f,
+  const n = /* @__PURE__ */ o(
+    h,
     {
-      ref: i,
-      icon: e,
-      className: n,
+      ref: r,
+      icon: i,
+      className: e,
       "aria-label": t,
-      ...a
+      ...c
     }
   );
-  return l ? /* @__PURE__ */ c(m, { children: [
-    /* @__PURE__ */ o(u, { asChild: !0, children: r }),
-    /* @__PURE__ */ o(d, { side: s, children: p || t })
-  ] }) : r;
+  return l ? /* @__PURE__ */ m(u, { onOpenChange: a, children: [
+    /* @__PURE__ */ o(d, { asChild: !0, children: n }),
+    /* @__PURE__ */ o(f, { side: p, children: s || t })
+  ] }) : n;
 };
-h.displayName = "IconButton";
+B.displayName = "IconButton";
 export {
-  h as IconButton
+  B as IconButton
 };

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

@@ -24,5 +24,11 @@ export type IconButtonProps = {
      * Optional text to show in the tooltip. If not provided, aria-label will be used
      */
     tooltipText?: string;
+    /**
+     * Callback fired when the tooltip open state changes.
+     * Mirrors the Tooltip's `onOpenChange` API.
+     * Useful for analytics tracking (e.g. logging tooltip impressions).
+     */
+    onTooltipOpenChange?: (open: boolean) => void;
 } & Omit<BaseButtonProps, 'isFull'> & ComponentPropsWithRef<'button'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/IconButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,EAAE,WAAW,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAChE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,GACjC,qBAAqB,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/IconButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,EAAE,WAAW,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAChE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,GACjC,qBAAqB,CAAC,QAAQ,CAAC,CAAC"}

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

@@ -1,9 +1,8 @@
-import { SelectProps, SelectTriggerProps, SelectContentProps, SelectGroupProps, SelectLabelProps, SelectItemTextProps, SelectItemProps, SelectSeparatorProps } from './types';
-import * as React from 'react';
-declare function Select({ ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
+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;
 declare function SelectGroup({ ...props }: SelectGroupProps): import("react/jsx-runtime").JSX.Element;
 declare const SelectTrigger: {
-    ({ ref, className, labelClassName, label, ...props }: SelectTriggerProps): import("react/jsx-runtime").JSX.Element;
+    ({ render, ...props }: SelectTriggerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string | undefined;
 };
 declare const SelectContent: {
@@ -19,14 +18,13 @@ declare const SelectItem: {
     displayName: string | undefined;
 };
 declare const SelectSeparator: {
-    ({ ref, className, ...props }: SelectSeparatorProps & {
-        ref?: React.Ref<HTMLDivElement>;
-    }): import("react/jsx-runtime").JSX.Element;
+    ({ ref, className, ...props }: SelectSeparatorProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const SelectItemText: {
     ({ ref, className, ...props }: SelectItemTextProps): import("react/jsx-runtime").JSX.Element;
     displayName: string | undefined;
 };
-export { Select, SelectGroup, SelectTrigger, SelectContent, SelectLabel, SelectItemText, SelectItem, SelectSeparator, };
+declare const SelectButtonTrigger: ({ selectedValue, selectedContent, label, ...props }: SelectButtonTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export { Select, SelectGroup, SelectTrigger, SelectContent, SelectLabel, SelectItemText, SelectItem, SelectSeparator, SelectButtonTrigger, };
 //# 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":"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;0DAMhB,kBAAkB;;CA2BpB,CAAC;AAwCF,QAAA,MAAM,aAAa;uDAMhB,kBAAkB;;CAgBpB,CAAC;AAGF,QAAA,MAAM,WAAW;mCAAkC,gBAAgB;;CAOlE,CAAC;AAaF,QAAA,MAAM,UAAU;6CAKb,eAAe;;CAcjB,CAAC;AAGF,QAAA,MAAM,eAAe;mCAIlB,oBAAoB,GAAG;QACxB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;KACjC;;CAEA,CAAC;AAGF,QAAA,MAAM,cAAc;mCAAkC,mBAAmB;;CAOxE,CAAC;AAuCF,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":"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"}

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

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

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

@@ -0,0 +1,12 @@
+type SelectContextValue = {
+    selectedValue: string;
+};
+export declare const SelectProvider: import('react').FC<{
+    children: import('react').ReactNode;
+    value: SelectContextValue;
+}>, useSelectContext: <ContextRequired extends boolean = boolean>({ consumerName, contextRequired, }: {
+    consumerName: string;
+    contextRequired: ContextRequired;
+}) => ContextRequired extends true ? SelectContextValue : Partial<SelectContextValue>;
+export {};
+//# sourceMappingURL=SelectContext.d.ts.map