@ledgerhq/lumen-ui-react 0.1.51 → 0.1.53

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

@@ -0,0 +1,162 @@
+import { jsx as a, jsxs as x } from "react/jsx-runtime";
+import { cn as g, useDisabledContext as v } from "../../../../libs/utils-shared/dist/index.js";
+import { cva as b } from "class-variance-authority";
+import { useRef as C } from "react";
+import { useSegmentedControlContext as y, SegmentedControlContextProvider as S } from "./SegmentedControlContext.js";
+import { useSegmentedControlSelectedIndex as w, usePillElementLayoutEffect as N } from "./usePillElementLayoutEffect.js";
+const p = {
+  root: b("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: b("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: b(
+    "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",
+          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 k({
+  value: s,
+  children: i,
+  icon: t,
+  trailingContent: l,
+  onClick: d,
+  className: c,
+  ...r
+}) {
+  const { selectedValue: u, onSelectedChange: o, disabled: e, tabLayout: m } = y(), n = u === s;
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      type: "button",
+      role: "radio",
+      "aria-checked": n,
+      "aria-disabled": e,
+      disabled: e,
+      onClick: (f) => {
+        e || (o(s), d?.(f));
+      },
+      className: g(
+        p.item({ selected: n, disabled: !!e }),
+        m === "fixed" && "min-w-0 flex-1",
+        c
+      ),
+      ...r,
+      children: /* @__PURE__ */ x("span", { className: "inline-flex min-w-0 items-center justify-center gap-8", children: [
+        t && /* @__PURE__ */ a(t, { size: 16, className: "shrink-0" }),
+        /* @__PURE__ */ a("span", { className: "min-w-0 truncate", children: i }),
+        l
+      ] })
+    }
+  );
+}
+function j({
+  selectedValue: s,
+  onSelectedChange: i,
+  children: t,
+  className: l,
+  disabled: d,
+  appearance: c = "background",
+  tabLayout: r = "fixed",
+  ...u
+}) {
+  const o = v({
+    consumerName: "SegmentedControl",
+    mergeWith: { disabled: d }
+  }), e = C(null), m = w(
+    s,
+    t
+  ), { pill: n, isReady: f } = N({
+    ref: e,
+    selectedIndex: m,
+    children: t
+  });
+  return /* @__PURE__ */ a(
+    S,
+    {
+      value: {
+        selectedValue: s,
+        onSelectedChange: (h) => i(h),
+        disabled: o,
+        tabLayout: r
+      },
+      children: /* @__PURE__ */ x(
+        "div",
+        {
+          ...u,
+          ref: e,
+          role: "radiogroup",
+          "aria-disabled": o,
+          className: g(
+            p.root({
+              appearance: c,
+              tabLayout: r
+            }),
+            l
+          ),
+          children: [
+            t,
+            /* @__PURE__ */ a(
+              "div",
+              {
+                "aria-hidden": !0,
+                className: p.pill({ disabled: o, isReady: f }),
+                style: {
+                  width: n.width,
+                  height: n.height,
+                  transform: `translateX(${n.x}px)`
+                }
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function D() {
+  return { SegmentedControl: j, SegmentedControlButton: k };
+}
+export {
+  j as SegmentedControl,
+  k as SegmentedControlButton,
+  D as createSegmentedControl
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlContext.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/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/core/SegmentedControl/SegmentedControlContext.js

@@ -0,0 +1,9 @@
+import { createSafeContext as e } from "../../../../libs/utils-shared/dist/index.js";
+const [n, t] = e("SegmentedControl"), r = () => t({
+  consumerName: "SegmentedControlButton",
+  contextRequired: !0
+});
+export {
+  n as SegmentedControlContextProvider,
+  r as useSegmentedControlContext
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/SegmentedControl/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,mBAAmB,SAAS,CAAC"}

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

@@ -0,0 +1,57 @@
+import { ComponentType, ReactNode, ComponentPropsWithoutRef } from 'react';
+import { IconSize } from '../../symbols/Icon/types';
+export type SegmentedControlValue = string;
+export type SegmentedControlProps<T extends SegmentedControlValue = SegmentedControlValue> = {
+    /**
+     * The value of the currently selected segment (drives the sliding pill).
+     */
+    selectedValue: T;
+    /**
+     * Callback when the selected segment value changes.
+     */
+    onSelectedChange: (value: T) => void;
+    /**
+     * When true, the entire control is disabled (no interaction, selected uses muted styling).
+     */
+    disabled?: boolean;
+    /**
+     * Visual style of the control container: "background" shows the surface bg, "no-background" is transparent.
+     * @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).
+     */
+    children: ReactNode;
+} & Omit<ComponentPropsWithoutRef<'div'>, 'children'>;
+type IconComponent = ComponentType<{
+    size?: IconSize;
+    className?: string;
+}>;
+export type SegmentedControlButtonProps<T extends SegmentedControlValue = SegmentedControlValue> = {
+    /**
+     * Value for this segment (must be unique among siblings).
+     */
+    value: T;
+    /**
+     * Button label.
+     */
+    children: ReactNode;
+    /**
+     * Optional icon shown to the left of the label (from Symbols).
+     */
+    icon?: IconComponent;
+    /**
+     * Optional content shown to the right of the label (e.g. DotCount badge).
+     */
+    trailingContent?: ReactNode;
+} & Omit<ComponentPropsWithoutRef<'button'>, 'children'>;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/SegmentedControl/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,qBAAqB,CAC/B,CAAC,SAAS,qBAAqB,GAAG,qBAAqB,IACrD;IACF;;OAEG;IACH,aAAa,EAAE,CAAC,CAAC;IACjB;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACrC;;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,CACrC,CAAC,SAAS,qBAAqB,GAAG,qBAAqB,IACrD;IACF;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IACT;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePillElementLayoutEffect.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/SegmentedControl/usePillElementLayoutEffect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,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/core/Select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Select/Select.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,430 @@
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { useDisabledContext as G, cn as l } from "../../../../libs/utils-shared/dist/index.js";
+import { cva as k } from "class-variance-authority";
+import { useLayoutEffect as F } from "react";
+import { SelectProvider as M, useSelectContext as p } from "./SelectContext.js";
+import { useControllableState as W } from "../../../../utils/useControllableState/useControllableState.js";
+import { useSelectItems as A } from "./useSelectItems/useSelectItems.js";
+import { resolveValue as f } from "./utils/groupItems.js";
+import { SearchInput as B } from "../SearchInput/SearchInput.js";
+import { Check as H } from "../../symbols/icons/Check.js";
+import { Divider as J } from "../Divider/Divider.js";
+import { ChevronDown as K } from "../../symbols/icons/ChevronDown.js";
+import { ComboboxRoot as O } from "../../../../node_modules/@base-ui/react/esm/combobox/root/ComboboxRoot.js";
+import { ComboboxTrigger as x } from "../../../../node_modules/@base-ui/react/esm/combobox/trigger/ComboboxTrigger.js";
+import { ComboboxPortal as Q } from "../../../../node_modules/@base-ui/react/esm/combobox/portal/ComboboxPortal.js";
+import { ComboboxPositioner as U } from "../../../../node_modules/@base-ui/react/esm/combobox/positioner/ComboboxPositioner.js";
+import { ComboboxPopup as X } from "../../../../node_modules/@base-ui/react/esm/combobox/popup/ComboboxPopup.js";
+import { ComboboxInput as Y } from "../../../../node_modules/@base-ui/react/esm/combobox/input/ComboboxInput.js";
+import { ComboboxList as Z } from "../../../../node_modules/@base-ui/react/esm/combobox/list/ComboboxList.js";
+import { ComboboxGroup as _ } from "../../../../node_modules/@base-ui/react/esm/combobox/group/ComboboxGroup.js";
+import { ComboboxCollection as $ } from "../../../../node_modules/@base-ui/react/esm/combobox/collection/ComboboxCollection.js";
+import { ComboboxItem as ee } from "../../../../node_modules/@base-ui/react/esm/combobox/item/ComboboxItem.js";
+import { ComboboxItemIndicator as te } from "../../../../node_modules/@base-ui/react/esm/combobox/item-indicator/ComboboxItemIndicator.js";
+import { ComboboxEmpty as oe } from "../../../../node_modules/@base-ui/react/esm/combobox/empty/ComboboxEmpty.js";
+import { ComboboxValue as g } from "../../../../node_modules/@base-ui/react/esm/combobox/value/ComboboxValue.js";
+import { ComboboxGroupLabel as ae } from "../../../../node_modules/@base-ui/react/esm/combobox/group-label/ComboboxGroupLabel.js";
+function re({
+  value: o,
+  defaultValue: a,
+  onValueChange: e,
+  disabled: r,
+  items: s,
+  filter: n,
+  filteredItems: i,
+  searchValue: c,
+  defaultSearchValue: m,
+  onSearchValueChange: b,
+  open: y,
+  defaultOpen: v,
+  onOpenChange: C,
+  name: N,
+  required: w,
+  children: I
+}) {
+  const V = G({
+    consumerName: "Select",
+    mergeWith: { disabled: r }
+  }), [h, T] = W(
+    {
+      prop: o,
+      defaultProp: a ?? null,
+      onChange: (d) => {
+        e?.(d);
+      }
+    }
+  ), {
+    isGrouped: L,
+    groupedItems: R,
+    filteredItemsForRoot: q,
+    resolvedSearchValue: P,
+    searchMounted: j,
+    registerSearch: z,
+    handleSearchValueChange: D
+  } = A({
+    items: s,
+    filter: n,
+    filteredItems: i,
+    searchValue: c,
+    defaultSearchValue: m,
+    onSearchValueChange: b
+  });
+  return /* @__PURE__ */ t(
+    O,
+    {
+      "data-slot": "select",
+      filter: null,
+      items: R ?? s,
+      filteredItems: q,
+      inputValue: P,
+      onInputValueChange: D,
+      value: h,
+      onValueChange: (d) => T(f(d)),
+      isItemEqualToValue: (d, E) => f(d) === f(E),
+      open: y,
+      defaultOpen: v,
+      onOpenChange: C,
+      name: N,
+      required: w,
+      disabled: V,
+      children: /* @__PURE__ */ t(
+        M,
+        {
+          value: { selectedValue: h, registerSearch: z, isGrouped: L, searchMounted: j },
+          children: I
+        }
+      )
+    }
+  );
+}
+const le = l(
+  "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-active focus:outline-hidden",
+  "disabled:cursor-not-allowed disabled:text-disabled"
+), se = l(
+  "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",
+  "max-w-[calc(100%-var(--size-56))] truncate"
+), ne = ({
+  ref: o,
+  className: a,
+  labelClassName: e,
+  label: r,
+  ...s
+}) => {
+  const { selectedValue: n } = p({
+    consumerName: "SelectInputTrigger",
+    contextRequired: !0
+  }), i = n !== null && n !== "";
+  return /* @__PURE__ */ u(
+    x,
+    {
+      ref: o,
+      "data-slot": "select-trigger",
+      "data-placeholder": i ? void 0 : "",
+      className: l(le, a),
+      ...s,
+      children: [
+        r && /* @__PURE__ */ t("label", { className: l(se, e), children: r }),
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: l(
+              "flex-1 truncate text-left",
+              r && "mt-16 opacity-100 transition-opacity delay-100 duration-300",
+              r && !i && "mt-0 opacity-0"
+            ),
+            children: /* @__PURE__ */ t(g, {})
+          }
+        ),
+        /* @__PURE__ */ t(
+          K,
+          {
+            size: 20,
+            className: "text-muted group-data-disabled:text-disabled"
+          }
+        )
+      ]
+    }
+  );
+}, ie = ({
+  render: o,
+  disabled: a,
+  ...e
+}) => {
+  const { selectedValue: r } = p({
+    consumerName: "SelectTrigger",
+    contextRequired: !0
+  }), s = /* @__PURE__ */ t(g, {});
+  return o ? /* @__PURE__ */ t(
+    x,
+    {
+      disabled: a,
+      ref: e.ref,
+      "data-slot": "select-trigger",
+      render: o({
+        selectedValue: r,
+        selectedContent: s
+      })
+    }
+  ) : /* @__PURE__ */ t(ne, { ...e, disabled: a });
+}, ce = k(
+  [
+    "group/select-content relative flex max-h-(--available-height) w-(--anchor-width) flex-col overflow-hidden",
+    "rounded-sm bg-surface",
+    "shadow-md"
+  ],
+  {
+    variants: {
+      side: {
+        top: [
+          "data-open:animate-slide-in-from-top",
+          "data-closed:animate-slide-out-to-top"
+        ],
+        bottom: [
+          "data-open:animate-slide-in-from-bottom",
+          "data-closed:animate-slide-out-to-bottom"
+        ],
+        left: [
+          "data-open:animate-slide-in-from-left",
+          "data-closed:animate-slide-out-to-left"
+        ],
+        right: [
+          "data-open:animate-slide-in-from-right",
+          "data-closed:animate-slide-out-to-right"
+        ]
+      }
+    }
+  }
+), de = ({
+  ref: o,
+  className: a,
+  children: e,
+  side: r = "bottom",
+  sideOffset: s = 8,
+  align: n = "start",
+  initialFocus: i = !0,
+  ...c
+}) => /* @__PURE__ */ t(Q, { "data-slot": "select-portal", children: /* @__PURE__ */ t(
+  U,
+  {
+    "data-slot": "select-positioner",
+    className: "pointer-events-auto z-select",
+    side: r,
+    sideOffset: s,
+    align: n,
+    children: /* @__PURE__ */ t(
+      X,
+      {
+        ref: o,
+        "data-slot": "select-content",
+        initialFocus: i,
+        className: l(ce({ side: r }), a),
+        ...c,
+        children: e
+      }
+    )
+  }
+) }), me = ({
+  ref: o,
+  className: a,
+  renderItem: e,
+  ...r
+}) => {
+  const { isGrouped: s } = p({
+    consumerName: "SelectList",
+    contextRequired: !0
+  });
+  return /* @__PURE__ */ t(
+    Z,
+    {
+      ref: o,
+      "data-slot": "select-list",
+      className: l(
+        "min-h-0 min-w-(--anchor-width) flex-1 overflow-y-auto p-8 group-data-empty/select-content:p-0 focus:ring-0 focus:outline-hidden",
+        a
+      ),
+      ...r,
+      children: s ? (n, i) => /* @__PURE__ */ u(
+        _,
+        {
+          items: n.items,
+          "data-slot": "select-group",
+          children: [
+            i > 0 && /* @__PURE__ */ t(S, {}),
+            n.label && /* @__PURE__ */ t(ue, { children: n.label }),
+            /* @__PURE__ */ t($, { children: e })
+          ]
+        },
+        n.label
+      ) : e
+    }
+  );
+}, ue = ({ ref: o, className: a, ...e }) => /* @__PURE__ */ t(
+  ae,
+  {
+    ref: o,
+    "data-slot": "select-label",
+    className: l("mb-4 px-8 pt-8 pb-0 body-3-semi-bold text-muted", a),
+    ...e
+  }
+), pe = l(
+  "group/item flex w-full min-w-0 cursor-pointer items-center gap-12 bg-base-transparent select-none",
+  "rounded-sm p-8",
+  "body-2 text-base",
+  "outline-hidden",
+  "data-highlighted:bg-base-transparent-hover",
+  "active:bg-base-transparent-pressed",
+  "data-disabled:cursor-not-allowed data-disabled:text-disabled"
+), be = ({
+  ref: o,
+  className: a,
+  children: e,
+  ...r
+}) => /* @__PURE__ */ u(
+  ee,
+  {
+    ref: o,
+    "data-slot": "select-item",
+    className: l(pe, a),
+    ...r,
+    children: [
+      e,
+      /* @__PURE__ */ t(te, { className: "ml-auto flex shrink-0 items-center justify-center", children: /* @__PURE__ */ t(H, { size: 24, className: "shrink-0 text-active" }) })
+    ]
+  }
+), S = ({
+  ref: o,
+  className: a,
+  ...e
+}) => /* @__PURE__ */ t(J, { ref: o, className: l("mx-8 my-4 w-auto", a), ...e }), fe = ({ ref: o, className: a, ...e }) => /* @__PURE__ */ t(
+  "span",
+  {
+    ref: o,
+    "data-slot": "select-item-text",
+    className: l("truncate body-2", a),
+    ...e
+  }
+), he = ({
+  ref: o,
+  className: a,
+  children: e,
+  ...r
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: o,
+    "data-slot": "select-item-content",
+    className: l("flex min-w-0 flex-1 flex-col gap-4", a),
+    ...r,
+    children: e
+  }
+), xe = ({
+  ref: o,
+  className: a,
+  children: e,
+  ...r
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: o,
+    "data-slot": "select-item-description",
+    className: l(
+      "truncate body-3 text-muted",
+      "group-data-disabled/item:text-disabled",
+      a
+    ),
+    ...r,
+    children: e
+  }
+), ge = ({
+  className: o,
+  placeholder: a = "Search",
+  helperText: e,
+  status: r,
+  "aria-invalid": s,
+  suffix: n,
+  onClear: i,
+  hideClearButton: c
+}) => {
+  const { registerSearch: m } = p({
+    consumerName: "SelectSearch",
+    contextRequired: !0
+  });
+  return F(() => m(), [m]), /* @__PURE__ */ t(
+    Y,
+    {
+      render: (b) => /* @__PURE__ */ t(
+        B,
+        {
+          ...b,
+          "aria-invalid": s,
+          helperText: e,
+          status: r,
+          suffix: n,
+          onClear: i,
+          hideClearButton: c,
+          placeholder: a,
+          containerClassName: "rounded-b-none ring-inset",
+          className: l(o, "rounded-b-none ring-inset")
+        }
+      )
+    }
+  );
+}, Se = ({
+  ref: o,
+  className: a,
+  title: e,
+  description: r,
+  ...s
+}) => /* @__PURE__ */ u(
+  oe,
+  {
+    ref: o,
+    "data-slot": "select-empty-state",
+    className: l(
+      "hidden w-full flex-col items-center gap-8 py-24",
+      "group-data-empty/select-content:flex",
+      a
+    ),
+    ...s,
+    children: [
+      /* @__PURE__ */ t("span", { className: "heading-4-semi-bold text-base", children: e }),
+      r && /* @__PURE__ */ t("span", { className: "body-2 text-muted", children: r })
+    ]
+  }
+);
+function Oe() {
+  return {
+    Select: re,
+    SelectTrigger: ie,
+    SelectContent: de,
+    SelectSearch: ge,
+    SelectList: me,
+    SelectItemText: fe,
+    SelectItemContent: he,
+    SelectItemDescription: xe,
+    SelectItem: be,
+    SelectSeparator: S,
+    SelectEmptyState: Se
+  };
+}
+export {
+  re as Select,
+  de as SelectContent,
+  Se as SelectEmptyState,
+  be as SelectItem,
+  he as SelectItemContent,
+  xe as SelectItemDescription,
+  fe as SelectItemText,
+  me as SelectList,
+  ge as SelectSearch,
+  S as SelectSeparator,
+  ie as SelectTrigger,
+  Oe as createSelect
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContext.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Select/SelectContext.tsx"],"names":[],"mappings":"AAEA,KAAK,kBAAkB,GAAG;IACxB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,EAAE,MAAM,MAAM,IAAI,CAAC;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,eAAO,MAAO,cAAc;;;IAAE,gBAAgB;;;qFACG,CAAC"}

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

@@ -0,0 +1,6 @@
+import { createSafeContext as e } from "../../../../libs/utils-shared/dist/index.js";
+const [o, r] = e("Select");
+export {
+  o as SelectProvider,
+  r as useSelectContext
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,YAAY,EACV,SAAS,EACT,WAAW,EACX,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,wBAAwB,EACxB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,sBAAsB,EACtB,0BAA0B,EAC1B,eAAe,EACf,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,SAAS,CAAC"}