@ledgerhq/lumen-ui-react 0.1.15 → 0.1.17

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

@@ -4,8 +4,8 @@ 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 u } from "../../../node_modules/@base-ui/react/esm/popover/portal/PopoverPortal.js";
-import { PopoverBackdrop as P } from "../../../node_modules/@base-ui/react/esm/popover/backdrop/PopoverBackdrop.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(
@@ -13,7 +13,7 @@ const [x, b] = m("Popover"), y = l(
   {
     variants: {
       width: {
-        hug: "",
+        fit: "",
         fixed: "w-400"
       },
       side: {
@@ -36,7 +36,7 @@ const [x, b] = m("Popover"), y = l(
       }
     },
     defaultVariants: {
-      width: "hug"
+      width: "fit"
     }
   }
 ), C = p(
@@ -82,7 +82,7 @@ const O = ({
   side: o = "bottom",
   sideOffset: a = 8,
   align: r = "start",
-  width: e = "hug",
+  width: e = "fit",
   className: n,
   children: i
 }) => {
@@ -90,9 +90,9 @@ const O = ({
     consumerName: "PopoverContent",
     contextRequired: !0
   });
-  return /* @__PURE__ */ d(u, { children: [
+  return /* @__PURE__ */ d(P, { children: [
     s && /* @__PURE__ */ t(
-      P,
+      u,
       {
         "data-slot": "popover-overlay",
         className: C

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

@@ -1,7 +1,7 @@
 import { PopoverRootChangeEventDetails, Popover as PopoverNamespace } from '@base-ui/react/popover';
 import { ComponentPropsWithRef, ReactNode } from 'react';
 type PopoverHandle<Payload> = PopoverNamespace.Handle<Payload>;
-export type PopoverWidth = 'hug' | 'fixed';
+export type PopoverWidth = 'fit' | 'fixed';
 export type PopoverSide = 'top' | 'right' | 'bottom' | 'left';
 export type PopoverAlign = 'start' | 'center' | 'end';
 /**
@@ -104,10 +104,10 @@ export type PopoverContentProps = {
     align?: PopoverAlign;
     /**
      * The width behavior of the popover content panel.
-     * - `'hug'`: Content-fit width (default), define custom width with the `className` prop
+     * - `'fit'`: Content-fit width (default), define custom width with the `className` prop
      * - `'fixed'`: Always exactly 400px width
      *
-     * @default 'hug'
+     * @default 'fit'
      */
     width?: PopoverWidth;
     /**

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

@@ -54,7 +54,7 @@ import { SearchInputProps } from './types';
  * />
  */
 export declare const SearchInput: {
-    ({ ref, appearance, className, inputClassName, ...props }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref, appearance, className, inputClassName, containerClassName, ...props }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=SearchInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA4B3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,WAAW;+DAMrB,gBAAgB;;CAqBlB,CAAC"}
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA4B3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,WAAW;mFAOrB,gBAAgB;;CAwBlB,CAAC"}

package/dist/lib/Components/SearchInput/SearchInput.js

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
-import { cn as i } from "../../../libs/utils-shared/dist/index.js";
-import { cva as t } from "class-variance-authority";
-import { BaseInput as o } from "../BaseInput/BaseInput.js";
-import { Search as d } from "../../Symbols/Icons/Search.js";
-const c = t("", {
+import { cn as t } from "../../../libs/utils-shared/dist/index.js";
+import { cva as e } from "class-variance-authority";
+import { BaseInput as d } from "../BaseInput/BaseInput.js";
+import { Search as c } from "../../Symbols/Icons/Search.js";
+const m = e("", {
   variants: {
     appearance: {
       plain: "",
@@ -13,7 +13,7 @@ const c = t("", {
   defaultVariants: {
     appearance: "plain"
   }
-}), m = t("", {
+}), l = e("", {
   variants: {
     appearance: {
       plain: "",
@@ -23,31 +23,35 @@ const c = t("", {
   defaultVariants: {
     appearance: "plain"
   }
-}), l = ({
-  ref: e,
+}), u = ({
+  ref: n,
   appearance: a = "plain",
-  className: n,
-  inputClassName: s,
-  ...p
+  className: s,
+  inputClassName: p,
+  containerClassName: i,
+  ...o
 }) => /* @__PURE__ */ r(
-  o,
+  d,
   {
-    ref: e,
+    ref: n,
     prefix: /* @__PURE__ */ r(
-      d,
+      c,
       {
         size: 20,
         className: "text-muted group-has-disabled:text-disabled",
         "aria-hidden": "true"
       }
     ),
-    className: n,
-    containerClassName: c({ appearance: a }),
-    inputClassName: i(m({ appearance: a }), s),
-    ...p
+    className: s,
+    containerClassName: t(
+      m({ appearance: a }),
+      i
+    ),
+    inputClassName: t(l({ appearance: a }), p),
+    ...o
   }
 );
-l.displayName = "SearchInput";
+u.displayName = "SearchInput";
 export {
-  l as SearchInput
+  u as SearchInput
 };

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

@@ -1,6 +1,6 @@
 import { ComponentPropsWithRef } from 'react';
 import { BaseInputProps } from '../BaseInput/types';
-export type SearchInputProps = Omit<BaseInputProps, 'prefix' | 'label' | 'labelClassName' | 'containerClassName'> & {
+export type SearchInputProps = Omit<BaseInputProps, 'prefix' | 'label' | 'labelClassName'> & {
     /**
      * The visual appearance of the search input
      * @default 'plain'

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SearchInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,cAAc,EACd,QAAQ,GAAG,OAAO,GAAG,gBAAgB,GAAG,oBAAoB,CAC7D,GAAG;IACF;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;CACtC,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SearchInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,cAAc,EACd,QAAQ,GAAG,OAAO,GAAG,gBAAgB,CACtC,GAAG;IACF;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;CACtC,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC"}

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

@@ -3,7 +3,7 @@ export declare function SegmentedControlButton({ value, children, icon: Icon, on
 export declare namespace SegmentedControlButton {
     var displayName: string;
 }
-export declare function SegmentedControl({ selectedValue, onSelectedChange, children, className, disabled: disabledProp, appearance, ...props }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
+export declare function SegmentedControl({ selectedValue, onSelectedChange, children, className, disabled: disabledProp, appearance, tabLayout, ...props }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace SegmentedControl {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,2BAA2B,EAC3B,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAwCjB,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAgC7B;yBAvCe,sBAAsB;;;AA2CtC,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,QAAQ,EAAE,YAAY,EACtB,UAAyB,EACzB,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAgDvB;yBAxDe,gBAAgB"}
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,2BAA2B,EAC3B,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAwDjB,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,2BAA2B,2CA+B7B;yBAtCe,sBAAsB;;;AA0CtC,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,QAAQ,EAAE,YAAY,EACtB,UAAyB,EACzB,SAAmB,EACnB,GAAG,KAAK,EACT,EAAE,qBAAqB,2CA+CvB;yBAxDe,gBAAgB"}

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

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

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

@@ -2,6 +2,7 @@ export type SegmentedControlContextValue = {
     selectedValue: string;
     onSelectedChange: (value: string) => void;
     disabled: boolean;
+    tabLayout: 'fit' | 'fixed';
 };
 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,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"}
+{"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;IAClB,SAAS,EAAE,KAAK,GAAG,OAAO,CAAC;CAC5B,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/SegmentedControl/types.d.ts

@@ -18,6 +18,13 @@ export type SegmentedControlProps = {
      * @default 'background'
      */
     appearance?: 'background' | 'no-background';
+    /**
+     * Controls how tab widths are calculated.
+     * - "fit": each tab sizes to its content
+     * - "fixed": all tabs share equal width, filling the container
+     * @default 'fixed'
+     */
+    tabLayout?: 'fit' | 'fixed';
     /**
      * Segment buttons (SegmentedControlButton).
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;IAC5C;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD,KAAK,aAAa,GAAG,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;IAC5C;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD,KAAK,aAAa,GAAG,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC"}

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

@@ -1,17 +1,16 @@
-import { default as React } from 'react';
+import { ReactNode } from 'react';
 export type PillLayout = {
     width: number;
     height: number;
     x: number;
 };
-type UsePillElementLayoutEffectParams = {
+export declare function usePillElementLayoutEffect({ ref, selectedIndex, children, }: {
     ref: React.RefObject<HTMLDivElement | null>;
     selectedIndex: number;
     children: React.ReactNode;
-};
-export declare function usePillElementLayoutEffect({ ref, selectedIndex, children, }: UsePillElementLayoutEffectParams): {
+}): {
     pill: PillLayout;
+    isReady: boolean;
 };
-export declare function useSegmentedControlSelectedIndex(selectedValue: string, children: React.ReactNode): number;
-export {};
+export declare function useSegmentedControlSelectedIndex(selectedValue: string, children: ReactNode): number;
 //# sourceMappingURL=usePillElementLayoutEffect.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePillElementLayoutEffect.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/usePillElementLayoutEffect.ts"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAElE,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,KAAK,gCAAgC,GAAG;IACtC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,GAAG,EACH,aAAa,EACb,QAAQ,GACT,EAAE,gCAAgC,GAAG;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CA0BzD;AAED,wBAAgB,gCAAgC,CAC9C,aAAa,EAAE,MAAM,EACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,GACxB,MAAM,CAUR"}
+{"version":3,"file":"usePillElementLayoutEffect.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/usePillElementLayoutEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,GAAG,EACH,aAAa,EACb,QAAQ,GACT,EAAE;IACD,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAkCzC;AAED,wBAAgB,gCAAgC,CAC9C,aAAa,EAAE,MAAM,EACrB,QAAQ,EAAE,SAAS,GAClB,MAAM,CAUR"}

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

@@ -1,35 +1,40 @@
-import r, { useMemo as a, useState as m, useLayoutEffect as p } from "react";
-function y({
-  ref: e,
-  selectedIndex: t,
-  children: n
+import { useMemo as h, Children as y, isValidElement as g, useState as u, useLayoutEffect as p, useEffect as v } from "react";
+function R({
+  ref: n,
+  selectedIndex: e,
+  children: r
 }) {
-  const [f, l] = m({ width: 0, height: 0, x: 0 });
+  const [f, c] = u({ width: 0, height: 0, x: 0 }), [a, l] = u(!1);
   return p(() => {
-    const o = e.current;
-    if (!o) return;
-    const i = () => {
-      const { width: d, height: h } = o.getBoundingClientRect(), u = r.Children.count(n), c = u > 0 ? d / u : 0;
-      l({
-        width: c,
-        height: h,
-        x: t >= 0 ? t * c : 0
+    const t = n.current;
+    if (!t) return;
+    const o = () => {
+      const { height: d } = t.getBoundingClientRect(), m = Array.from(t.children).slice(0, -1), i = e >= 0 ? m[e] : void 0;
+      c({
+        width: i?.offsetWidth ?? 0,
+        height: d,
+        x: i?.offsetLeft ?? 0
       });
     };
-    if (i(), typeof ResizeObserver > "u") return;
-    const s = new ResizeObserver(i);
-    return s.observe(o), () => s.disconnect();
-  }, [n, t, e]), { pill: f };
+    if (o(), typeof ResizeObserver > "u") return;
+    const s = new ResizeObserver(o);
+    return s.observe(t), () => s.disconnect();
+  }, [r, e, n]), v(() => {
+    const t = requestAnimationFrame(() => {
+      l(!0);
+    });
+    return () => cancelAnimationFrame(t);
+  }, []), { pill: f, isReady: a };
 }
-function v(e, t) {
-  return a(
-    () => r.Children.toArray(t).findIndex(
-      (n) => r.isValidElement(n) && n.props.value === e
+function b(n, e) {
+  return h(
+    () => y.toArray(e).findIndex(
+      (r) => g(r) && r.props.value === n
     ),
-    [e, t]
+    [n, e]
   );
 }
 export {
-  y as usePillElementLayoutEffect,
-  v as useSegmentedControlSelectedIndex
+  R as usePillElementLayoutEffect,
+  b as useSegmentedControlSelectedIndex
 };

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

@@ -1,21 +1,20 @@
-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;
+import { SelectProps, SelectTriggerProps, SelectContentProps, SelectListProps, SelectSearchProps, SelectItemTextProps, SelectItemProps, SelectItemContentProps, SelectItemDescriptionProps, SelectSeparatorProps, SelectEmptyStateProps, SelectTriggerButtonProps } 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;
-    displayName: string | undefined;
+    displayName: string;
 };
 declare const SelectContent: {
-    ({ ref, className, children, position, ...props }: SelectContentProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string | undefined;
+    ({ ref, className, children, side, sideOffset, align, autoFocusSearch, ...props }: SelectContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
 };
-declare const SelectLabel: {
-    ({ ref, className, ...props }: SelectLabelProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string | undefined;
+declare const SelectList: {
+    ({ ref, className, renderItem, ...props }: SelectListProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
 };
 declare const SelectItem: {
     ({ ref, className, children, ...props }: SelectItemProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string | undefined;
+    displayName: string;
 };
 declare const SelectSeparator: {
     ({ ref, className, ...props }: SelectSeparatorProps): import("react/jsx-runtime").JSX.Element;
@@ -23,8 +22,24 @@ declare const SelectSeparator: {
 };
 declare const SelectItemText: {
     ({ ref, className, ...props }: SelectItemTextProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string | undefined;
+    displayName: string;
+};
+declare const SelectItemContent: {
+    ({ ref, className, children, ...props }: SelectItemContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SelectItemDescription: {
+    ({ ref, className, children, ...props }: SelectItemDescriptionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SelectSearch: {
+    ({ className, placeholder, errorMessage, "aria-invalid": ariaInvalid, suffix, onClear, hideClearButton, }: SelectSearchProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SelectEmptyState: {
+    ({ ref, className, title, description, ...props }: SelectEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
 };
 declare const SelectTriggerButton: ({ selectedValue, selectedContent, label, ...props }: SelectTriggerButtonProps) => import("react/jsx-runtime").JSX.Element;
-export { Select, SelectGroup, SelectTrigger, SelectContent, SelectLabel, SelectItemText, SelectItem, SelectSeparator, SelectTriggerButton, };
+export { Select, SelectTrigger, SelectContent, SelectSearch, SelectList, SelectItemText, SelectItemContent, SelectItemDescription, SelectItem, SelectSeparator, SelectEmptyState, 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,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"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Select/Select.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAEV,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EAEjB,mBAAmB,EACnB,eAAe,EACf,sBAAsB,EACtB,0BAA0B,EAC1B,oBAAoB,EACpB,qBAAqB,EACrB,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAGjB,iBAAS,MAAM,CAAC,EACd,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EAAE,YAAY,EACtB,KAAK,EACL,MAAM,EACN,aAAa,EACb,WAAW,EAAE,eAAe,EAC5B,kBAAkB,EAClB,mBAAmB,EACnB,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,WAAW,2CAsDb;AA6DD,QAAA,MAAM,aAAa;qCAAoC,kBAAkB;;CAmBxE,CAAC;AAiCF,QAAA,MAAM,aAAa;uFAShB,kBAAkB;;CAmBpB,CAAC;AAGF,QAAA,MAAM,UAAU;+CAKb,eAAe;;CA+BjB,CAAC;AAuBF,QAAA,MAAM,UAAU;6CAKb,eAAe;;CAYjB,CAAC;AAGF,QAAA,MAAM,eAAe;mCAIlB,oBAAoB;;CAEtB,CAAC;AAGF,QAAA,MAAM,cAAc;mCAAkC,mBAAmB;;CAOxE,CAAC;AAGF,QAAA,MAAM,iBAAiB;6CAKpB,sBAAsB;;CASxB,CAAC;AAGF,QAAA,MAAM,qBAAqB;6CAKxB,0BAA0B;;CAa5B,CAAC;AAGF,QAAA,MAAM,YAAY;+GAQf,iBAAiB;;CAyBnB,CAAC;AAGF,QAAA,MAAM,gBAAgB;uDAMnB,qBAAqB;;CAcvB,CAAC;AAGF,QAAA,MAAM,mBAAmB,GAAI,qDAK1B,wBAAwB,4CAI1B,CAAC;AAEF,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,YAAY,EACZ,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,qBAAqB,EACrB,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,mBAAmB,GACpB,CAAC"}