@ledgerhq/lumen-ui-react 0.1.20 → 0.1.22

package/dist/lib/Components/ListItem/ListItem.js

@@ -1,69 +1,105 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useDisabledContext as l, DisabledProvider as m, cn as a, createSafeContext as u } from "../../../libs/utils-shared/dist/index.js";
-const [b, d] = u("ListItemTrailing", {
+import { jsx as a } from "react/jsx-runtime";
+import { useDisabledContext as c, DisabledProvider as x, cn as r, getButtonA11yProps as b, createSafeContext as f } from "../../../libs/utils-shared/dist/index.js";
+import { cva as p } from "class-variance-authority";
+const [I, l] = f("ListItemTrailing", {
   isInTrailing: !1
-}), I = ({ ref: e, ...t }) => {
-  const { children: s, className: i, disabled: n, ...o } = t, c = l({
+}), g = p(
+  [
+    "flex w-full items-center gap-16 px-8",
+    "rounded-md bg-base-transparent text-base transition-colors"
+  ],
+  {
+    variants: {
+      density: {
+        compact: "h-40",
+        expanded: "h-64"
+      },
+      interactive: {
+        true: "",
+        false: ""
+      },
+      disabled: {
+        true: "cursor-default bg-base-transparent text-disabled",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        interactive: !0,
+        disabled: !1,
+        className: "cursor-pointer hover:bg-base-transparent-hover focus-visible:outline-2 focus-visible:outline-focus active:bg-base-transparent-pressed"
+      }
+    ]
+  }
+), T = ({ onClick: e, ref: t, ...s }) => {
+  const {
+    children: i,
+    className: n,
+    disabled: o = !1,
+    density: m = "expanded",
+    ...u
+  } = s, d = c({
     consumerName: "ListItem",
-    mergeWith: { disabled: n }
+    mergeWith: { disabled: o }
   });
-  return /* @__PURE__ */ r(m, { value: { disabled: c }, children: /* @__PURE__ */ r(
-    "button",
+  return /* @__PURE__ */ a(x, { value: { disabled: d }, children: /* @__PURE__ */ a(
+    "div",
     {
-      ref: e,
-      type: "button",
-      disabled: c,
-      className: a(
-        "flex h-64 w-full cursor-pointer items-center gap-16 rounded-md bg-base-transparent px-8 py-12 text-base transition-colors",
-        "hover:bg-base-transparent-hover focus-visible:outline-2 focus-visible:outline-focus active:bg-base-transparent-pressed",
-        "disabled:cursor-default disabled:bg-base-transparent disabled:text-disabled",
-        i
+      ref: t,
+      ...b({ onClick: e, disabled: d }),
+      className: r(
+        g({
+          density: m,
+          interactive: !!e,
+          disabled: d
+        }),
+        n
       ),
-      ...o,
-      children: s
+      ...u,
+      children: i
     }
   ) });
-}, p = ({
+}, y = ({
   ref: e,
   children: t,
   className: s,
   ...i
-}) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ a(
   "div",
   {
     ref: e,
-    className: a("flex min-w-0 flex-1 items-center gap-12", s),
+    className: r("flex min-w-0 flex-1 items-center gap-12", s),
     ...i,
     children: t
   }
-), g = ({
+), h = ({
   ref: e,
   children: t,
   className: s,
   ...i
-}) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ a(
   "div",
   {
     ref: e,
-    className: a("flex min-w-0 flex-1 flex-col gap-4", s),
+    className: r("flex min-w-0 flex-1 flex-col gap-4", s),
     ...i,
     children: t
   }
-), L = ({
+), w = ({
   ref: e,
   children: t,
   className: s,
   ...i
 }) => {
-  const { isInTrailing: n } = d({
+  const { isInTrailing: n } = l({
     consumerName: "ListItemContentRow",
     contextRequired: !1
   });
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(
     "div",
     {
       ref: e,
-      className: a(
+      className: r(
         "flex min-w-0 items-center gap-8",
         n && "justify-end",
         s
@@ -72,25 +108,25 @@ const [b, d] = u("ListItemTrailing", {
       children: t
     }
   );
-}, v = ({
+}, R = ({
   ref: e,
   children: t,
   className: s,
   ...i
 }) => {
-  const n = l({
+  const n = c({
     consumerName: "ListItemTitle",
     contextRequired: !0
-  }), { isInTrailing: o } = d({
+  }), { isInTrailing: o } = l({
     consumerName: "ListItemTitle",
     contextRequired: !1
   });
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(
     "div",
     {
       ref: e,
-      className: a(
-        "min-w-0 flex-1 truncate body-2-semi-bold",
+      className: r(
+        "min-w-0 truncate body-2-semi-bold",
         o ? "justify-end text-end" : "justify-start text-start",
         n && "text-disabled",
         s
@@ -99,25 +135,25 @@ const [b, d] = u("ListItemTrailing", {
       children: t
     }
   );
-}, N = ({
+}, j = ({
   ref: e,
   children: t,
   className: s,
   ...i
 }) => {
-  const n = l({
+  const n = c({
     consumerName: "ListItemDescription",
     contextRequired: !0
-  }), { isInTrailing: o } = d({
+  }), { isInTrailing: o } = l({
     consumerName: "ListItemDescription",
     contextRequired: !1
   });
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(
     "div",
     {
       ref: e,
-      className: a(
-        "min-w-0 flex-1 items-center truncate body-3 text-muted",
+      className: r(
+        "min-w-0 items-center truncate body-3 text-muted",
         o ? "justify-end text-end" : "justify-start text-start",
         n && "text-disabled",
         s
@@ -126,21 +162,21 @@ const [b, d] = u("ListItemTrailing", {
       children: t
     }
   );
-}, T = ({
+}, q = ({
   ref: e,
   children: t,
   className: s,
   ...i
 }) => {
-  const n = l({
+  const n = c({
     consumerName: "ListItemTrailing",
     contextRequired: !0
   });
-  return /* @__PURE__ */ r(b, { value: { isInTrailing: !0 }, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(I, { value: { isInTrailing: !0 }, children: /* @__PURE__ */ a(
     "div",
     {
       ref: e,
-      className: a(
+      className: r(
         "flex shrink-0 items-center",
         n && "text-disabled",
         s
@@ -151,11 +187,11 @@ const [b, d] = u("ListItemTrailing", {
   ) });
 };
 export {
-  I as ListItem,
-  g as ListItemContent,
-  L as ListItemContentRow,
-  N as ListItemDescription,
-  p as ListItemLeading,
-  v as ListItemTitle,
-  T as ListItemTrailing
+  T as ListItem,
+  h as ListItemContent,
+  w as ListItemContentRow,
+  j as ListItemDescription,
+  y as ListItemLeading,
+  R as ListItemTitle,
+  q as ListItemTrailing
 };

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

@@ -1,10 +1,5 @@
-import { ButtonHTMLAttributes, ComponentPropsWithRef, ReactNode } from 'react';
-/**
- * Context value for passing state to sub-components
- */
-export type ListItemContextValue = {
-    disabled?: boolean;
-};
+import { Density } from '@ledgerhq/lumen-utils-shared';
+import { ComponentPropsWithRef, MouseEventHandler, ReactNode } from 'react';
 /**
  * Props for the ListItem root component
  */
@@ -13,6 +8,11 @@ export type ListItemProps = {
      * The content of the list item (ListItemLeading, ListItemTrailing)
      */
     children: ReactNode;
+    /**
+     * The density of the list item.
+     * @default 'expanded'
+     */
+    density?: Density;
     /**
      * custom classname
      */
@@ -24,8 +24,8 @@ export type ListItemProps = {
     /**
      * Callback function when the list item is pressed.
      */
-    onClick?: ButtonHTMLAttributes<HTMLButtonElement>['onClick'];
-} & Omit<ComponentPropsWithRef<'button'>, 'children'>;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
 /**
  * Props for the ListItemLeading component
  */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,qBAAqB,EACrB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,SAAS,CAAC,CAAC;CAC9D,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;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,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;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,kBAAkB,GAAG;IAC/B;;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,wBAAwB,GAAG;IACrC;;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,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,KAAK,EACV,qBAAqB,EACrB,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CAC7C,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;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,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;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,kBAAkB,GAAG;IAC/B;;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,wBAAwB,GAAG;IACrC;;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,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

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

@@ -0,0 +1,30 @@
+import { MediaButtonProps } from './types';
+/**
+ * Media button for select/dropdown components. Displays a label with an optional
+ * leading icon and a trailing chevron indicator.
+ *
+ * This component is intended to be used exclusively as the trigger inside a Select or
+ * dropdown pattern. It should not be used as a standalone action button — use `Button`
+ * or `IconButton` instead.
+ *
+ * @see {@link https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=6389-45680 Figma}
+ *
+ * @example
+ * import { MediaButton } from '@ledgerhq/lumen-ui-react';
+ * import { Settings } from '@ledgerhq/lumen-ui-react/symbols';
+ *
+ * // With flat interface icon
+ * <MediaButton icon={<Settings size={20} />} iconType="flat">
+ *   Network
+ * </MediaButton>
+ *
+ * // With rounded crypto icon
+ * <MediaButton icon={<CryptoIcon ledgerId="bitcoin" size="32px" />} iconType="rounded">
+ *   Bitcoin
+ * </MediaButton>
+ *
+ * // Without icon
+ * <MediaButton>All accounts</MediaButton>
+ */
+export declare const MediaButton: ({ ref, className, appearance, size, disabled: disabledProp, asChild, icon, iconType, hideChevron, children, ...props }: MediaButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MediaButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaButton/MediaButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA4BhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,WAAW,GAAI,wHAYzB,gBAAgB,4CAmClB,CAAC"}

package/dist/lib/Components/{TriggerButton/TriggerButton.js → MediaButton/MediaButton.js}

@@ -1,10 +1,10 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { useDisabledContext as y, cn as u } from "../../../libs/utils-shared/dist/index.js";
-import { Slot as T, Slottable as g } from "@radix-ui/react-slot";
-import { cva as b } from "class-variance-authority";
-import { baseButtonVariants as x } from "../Button/BaseButton.js";
-import { ChevronDown as z } from "../../Symbols/Icons/ChevronDown.js";
-const v = b("gap-8 body-2-semi-bold", {
+import { useDisabledContext as u, cn as b } from "../../../libs/utils-shared/dist/index.js";
+import { Slot as x, Slottable as T } from "@radix-ui/react-slot";
+import { cva as z } from "class-variance-authority";
+import { baseButtonVariants as g } from "../Button/BaseButton.js";
+import { ChevronDown as v } from "../../Symbols/Icons/ChevronDown.js";
+const N = z("gap-8 body-2-semi-bold", {
   variants: {
     size: {
       sm: "",
@@ -31,45 +31,46 @@ const v = b("gap-8 body-2-semi-bold", {
 }), S = ({
   ref: i,
   className: p,
-  appearance: r = "gray",
-  size: l = "md",
-  disabled: m = !1,
+  appearance: l = "gray",
+  size: m = "md",
+  disabled: r = !1,
   asChild: n = !1,
   icon: s,
   iconType: c = "flat",
+  hideChevron: d = !1,
   children: o,
-  ...d
+  ...f
 }) => {
-  const a = y({
-    consumerName: "TriggerButton",
-    mergeWith: { disabled: m }
-  }), f = s ? c : "none";
+  const a = u({
+    consumerName: "MediaButton",
+    mergeWith: { disabled: r }
+  }), y = s ? c : "none";
   return /* @__PURE__ */ t(
-    n ? T : "button",
+    n ? x : "button",
     {
       ref: i,
-      className: u(
-        x({
-          appearance: r,
+      className: b(
+        g({
+          appearance: l,
           disabled: a,
           loading: !1
         }),
-        v({ size: l, iconType: f }),
+        N({ size: m, iconType: y }),
         p
       ),
       "data-disabled": a || void 0,
       disabled: a,
-      ...d,
+      ...f,
       children: [
         s && /* @__PURE__ */ e("span", { className: "shrink-0", children: s }),
         /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
-          n ? /* @__PURE__ */ e(g, { children: o }) : /* @__PURE__ */ e("span", { className: "line-clamp-1 text-left", children: o }),
-          /* @__PURE__ */ e(z, { size: 20 })
+          n ? /* @__PURE__ */ e(T, { children: o }) : /* @__PURE__ */ e("span", { className: "line-clamp-1 text-left", children: o }),
+          !d && /* @__PURE__ */ e(v, { size: 20 })
         ] })
       ]
     }
   );
 };
 export {
-  S as TriggerButton
+  S as MediaButton
 };

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

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

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

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

package/dist/lib/Components/{TriggerButton → MediaButton}/types.d.ts

@@ -1,13 +1,13 @@
 import { ComponentPropsWithRef, ReactNode } from 'react';
 import { BaseButtonProps } from '../Button/types';
-export type TriggerButtonProps = {
+export type MediaButtonProps = {
     /**
-     * The visual style of the trigger button.
+     * The visual style of the media button.
      * @default 'gray'
      */
     appearance?: 'gray' | 'transparent' | 'no-background';
     /**
-     * The size variant of the trigger button.
+     * The size variant of the media button.
      * @default 'md'
      */
     size?: 'sm' | 'md';
@@ -26,7 +26,12 @@ export type TriggerButtonProps = {
      */
     iconType?: 'flat' | 'rounded';
     /**
-     * The label content of the trigger button.
+     * When true, hides the trailing chevron indicator.
+     * @default false
+     */
+    hideChevron?: boolean;
+    /**
+     * The label content of the media button.
      */
     children: ReactNode;
 } & Pick<BaseButtonProps, 'disabled' | 'className' | 'asChild'> & ComponentPropsWithRef<'button'>;

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,eAAe,CAAC;IACtD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC,GAC7D,qBAAqB,CAAC,QAAQ,CAAC,CAAC"}

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

@@ -34,7 +34,7 @@ declare const PopoverTrigger: <Payload>({ handle, payload, render, className, ..
  *
  * @see {@link https://ldls.vercel.app/?path=/docs/components-popover-overview--docs Storybook}
  */
-declare const PopoverContent: ({ side, sideOffset, align, width, className, children, }: PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const PopoverContent: ({ side, sideOffset, align, width, initialFocus, className, children, }: PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Creates a handle for connecting a `Popover` with detached `PopoverTrigger` components.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAGrE,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AA4CjB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,OAAO,GAAI,OAAO,EAAG,iEAOxB,YAAY,CAAC,OAAO,CAAC,4CAcvB,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,cAAc,GAAI,OAAO,EAAG,kDAM/B,mBAAmB,CAAC,OAAO,CAAC,4CAS9B,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,cAAc,GAAI,0DAOrB,mBAAmB,4CA8BrB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,mBAAmB,sCAAgC,CAAC;AAE1D,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAGrE,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AA4CjB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,OAAO,GAAI,OAAO,EAAG,iEAOxB,YAAY,CAAC,OAAO,CAAC,4CAcvB,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,cAAc,GAAI,OAAO,EAAG,kDAM/B,mBAAmB,CAAC,OAAO,CAAC,4CAS9B,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,cAAc,GAAI,wEAQrB,mBAAmB,4CA+BrB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,mBAAmB,sCAAgC,CAAC;AAE1D,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/lib/Components/Popover/Popover.js

@@ -1,14 +1,14 @@
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import { createSafeContext as m, cn as p } from "../../../libs/utils-shared/dist/index.js";
-import { cva as l } from "class-variance-authority";
-import { createPopoverHandle as v } from "../../../node_modules/@base-ui/react/esm/popover/store/PopoverHandle.js";
-import { PopoverRoot as c } from "../../../node_modules/@base-ui/react/esm/popover/root/PopoverRoot.js";
-import { PopoverTrigger as f } from "../../../node_modules/@base-ui/react/esm/popover/trigger/PopoverTrigger.js";
-import { PopoverPortal as P } from "../../../node_modules/@base-ui/react/esm/popover/portal/PopoverPortal.js";
-import { PopoverBackdrop as u } from "../../../node_modules/@base-ui/react/esm/popover/backdrop/PopoverBackdrop.js";
-import { PopoverPositioner as g } from "../../../node_modules/@base-ui/react/esm/popover/positioner/PopoverPositioner.js";
-import { PopoverPopup as h } from "../../../node_modules/@base-ui/react/esm/popover/popup/PopoverPopup.js";
-const [x, b] = m("Popover"), y = l(
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { createSafeContext as l, cn as p } from "../../../libs/utils-shared/dist/index.js";
+import { cva as v } from "class-variance-authority";
+import { createPopoverHandle as c } from "../../../node_modules/@base-ui/react/esm/popover/store/PopoverHandle.js";
+import { PopoverRoot as f } from "../../../node_modules/@base-ui/react/esm/popover/root/PopoverRoot.js";
+import { PopoverTrigger as P } from "../../../node_modules/@base-ui/react/esm/popover/trigger/PopoverTrigger.js";
+import { PopoverPortal as u } from "../../../node_modules/@base-ui/react/esm/popover/portal/PopoverPortal.js";
+import { PopoverBackdrop as g } from "../../../node_modules/@base-ui/react/esm/popover/backdrop/PopoverBackdrop.js";
+import { PopoverPositioner as h } from "../../../node_modules/@base-ui/react/esm/popover/positioner/PopoverPositioner.js";
+import { PopoverPopup as x } from "../../../node_modules/@base-ui/react/esm/popover/popup/PopoverPopup.js";
+const [b, y] = l("Popover"), C = v(
   ["overflow-hidden rounded-md bg-canvas-sheet p-16 outline-none", "shadow-xl"],
   {
     variants: {
@@ -39,19 +39,19 @@ const [x, b] = m("Popover"), y = l(
       width: "fit"
     }
   }
-), C = p(
+), w = p(
   "fixed inset-0 z-dialog-overlay bg-canvas-overlay-subtle",
   "data-open:animate-fade-in",
   "data-closed:animate-fade-out"
-), q = ({
+), B = ({
   open: o,
   defaultOpen: a,
   onOpenChange: r,
   overlay: e = !1,
   handle: n,
   children: i
-}) => /* @__PURE__ */ t(x, { value: { overlay: e }, children: /* @__PURE__ */ t(
-  c,
+}) => /* @__PURE__ */ t(b, { value: { overlay: e }, children: /* @__PURE__ */ t(
+  f,
   {
     open: o,
     defaultOpen: a,
@@ -60,14 +60,14 @@ const [x, b] = m("Popover"), y = l(
     handle: n,
     children: i
   }
-) }), B = ({
+) }), O = ({
   handle: o,
   payload: a,
   render: r,
   className: e,
   ...n
 }) => /* @__PURE__ */ t(
-  f,
+  P,
   {
     "data-slot": "popover-trigger",
     handle: o,
@@ -76,28 +76,29 @@ const [x, b] = m("Popover"), y = l(
     className: p("data-popup-open:z-menu", e),
     ...n
   }
-), O = ({
+), V = ({
   side: o = "bottom",
   sideOffset: a = 8,
   align: r = "start",
   width: e = "fit",
-  className: n,
-  children: i
+  initialFocus: n = !1,
+  className: i,
+  children: s
 }) => {
-  const { overlay: s } = b({
+  const { overlay: d } = y({
     consumerName: "PopoverContent",
     contextRequired: !0
   });
-  return /* @__PURE__ */ d(P, { children: [
-    s && /* @__PURE__ */ t(
-      u,
+  return /* @__PURE__ */ m(u, { children: [
+    d && /* @__PURE__ */ t(
+      g,
       {
         "data-slot": "popover-overlay",
-        className: C
+        className: w
       }
     ),
     /* @__PURE__ */ t(
-      g,
+      h,
       {
         "data-slot": "popover-positioner",
         className: "z-menu",
@@ -105,20 +106,21 @@ const [x, b] = m("Popover"), y = l(
         sideOffset: a,
         align: r,
         children: /* @__PURE__ */ t(
-          h,
+          x,
           {
             "data-slot": "popover-content",
-            className: p(y({ width: e, side: o }), n),
-            children: i
+            initialFocus: n,
+            className: p(C({ width: e, side: o }), i),
+            children: s
           }
         )
       }
     )
   ] });
-}, V = v;
+}, A = c;
 export {
-  q as Popover,
-  O as PopoverContent,
-  B as PopoverTrigger,
-  V as createPopoverHandle
+  B as Popover,
+  V as PopoverContent,
+  O as PopoverTrigger,
+  A as createPopoverHandle
 };

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

@@ -1,5 +1,5 @@
 import { PopoverRootChangeEventDetails, Popover as PopoverNamespace } from '@base-ui/react/popover';
-import { ComponentPropsWithRef, ReactNode } from 'react';
+import { ComponentPropsWithRef, ReactNode, RefObject } from 'react';
 type PopoverHandle<Payload> = PopoverNamespace.Handle<Payload>;
 export type PopoverWidth = 'fit' | 'fixed';
 export type PopoverSide = 'top' | 'right' | 'bottom' | 'left';
@@ -110,6 +110,16 @@ export type PopoverContentProps = {
      * @default 'fit'
      */
     width?: PopoverWidth;
+    /**
+     * Determines the element to focus when the popover is opened.
+     *
+     * - `false`: Do not move focus.
+     * - `true`: Move focus based on the default behavior (first tabbable element or popup).
+     * - `RefObject`: Move focus to the ref element.
+     *
+     * @default false
+     */
+    initialFocus?: boolean | RefObject<HTMLElement | null>;
     /**
      * Additional CSS class names to apply to the popup panel.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,6BAA6B,EAC7B,OAAO,IAAI,gBAAgB,EAC5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,KAAK,aAAa,CAAC,OAAO,IAAI,gBAAgB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAE/D,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,CAAC;AAC3C,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC9D,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEtD;;;;;GAKG;AACH,MAAM,MAAM,YAAY,CAAC,OAAO,GAAG,OAAO,IAAI;IAC5C;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CACb,IAAI,EAAE,OAAO,EACb,YAAY,EAAE,6BAA6B,KACxC,IAAI,CAAC;IAEV;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAEhC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,GAAG,EAAE;QAAE,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;CAC/E,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,mBAAmB,CAAC,OAAO,GAAG,OAAO,IAAI;IACnD;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAEhC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;CACnD,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD;;;;;GAKG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,6BAA6B,EAC7B,OAAO,IAAI,gBAAgB,EAC5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzE,KAAK,aAAa,CAAC,OAAO,IAAI,gBAAgB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAE/D,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,CAAC;AAC3C,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC9D,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEtD;;;;;GAKG;AACH,MAAM,MAAM,YAAY,CAAC,OAAO,GAAG,OAAO,IAAI;IAC5C;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CACb,IAAI,EAAE,OAAO,EACb,YAAY,EAAE,6BAA6B,KACxC,IAAI,CAAC;IAEV;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAEhC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,GAAG,EAAE;QAAE,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;CAC/E,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,mBAAmB,CAAC,OAAO,GAAG,OAAO,IAAI;IACnD;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAEhC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;CACnD,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD;;;;;GAKG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAEvD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC"}

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

@@ -1,4 +1,4 @@
-import { SelectProps, SelectTriggerProps, SelectContentProps, SelectListProps, SelectSearchProps, SelectItemTextProps, SelectItemProps, SelectItemContentProps, SelectItemDescriptionProps, SelectSeparatorProps, SelectEmptyStateProps, SelectTriggerButtonProps } from './types';
+import { SelectProps, SelectTriggerProps, SelectContentProps, SelectListProps, SelectSearchProps, SelectItemTextProps, SelectItemProps, SelectItemContentProps, SelectItemDescriptionProps, SelectSeparatorProps, SelectEmptyStateProps } from './types';
 declare function Select({ value, defaultValue, onValueChange, disabled: disabledProp, items, filter, filteredItems, searchValue: searchValueProp, defaultSearchValue, onSearchValueChange, open, defaultOpen, onOpenChange, name, required, children, }: SelectProps): import("react/jsx-runtime").JSX.Element;
 declare const SelectTrigger: ({ render, disabled, ...props }: SelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
 declare const SelectContent: ({ ref, className, children, side, sideOffset, align, autoFocusSearch, ...props }: SelectContentProps) => import("react/jsx-runtime").JSX.Element;
@@ -10,6 +10,5 @@ declare const SelectItemContent: ({ ref, className, children, ...props }: Select
 declare const SelectItemDescription: ({ ref, className, children, ...props }: SelectItemDescriptionProps) => import("react/jsx-runtime").JSX.Element;
 declare const SelectSearch: ({ className, placeholder, errorMessage, "aria-invalid": ariaInvalid, suffix, onClear, hideClearButton, }: SelectSearchProps) => import("react/jsx-runtime").JSX.Element;
 declare const SelectEmptyState: ({ ref, className, title, description, ...props }: SelectEmptyStateProps) => import("react/jsx-runtime").JSX.Element;
-declare const SelectTriggerButton: ({ selectedValue, selectedContent, label, ...props }: SelectTriggerButtonProps) => import("react/jsx-runtime").JSX.Element;
-export { Select, SelectTrigger, SelectContent, SelectSearch, SelectList, SelectItemText, SelectItemContent, SelectItemDescription, SelectItem, SelectSeparator, SelectEmptyState, SelectTriggerButton, };
+export { Select, SelectTrigger, SelectContent, SelectSearch, SelectList, SelectItemText, SelectItemContent, SelectItemDescription, SelectItem, SelectSeparator, SelectEmptyState, };
 //# sourceMappingURL=Select.d.ts.map