@ledgerhq/lumen-ui-react 0.0.53

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

@@ -0,0 +1,376 @@
+import type * as React from 'react';
+type PointerDownOutsideEvent = CustomEvent<{
+    originalEvent: PointerEvent;
+}>;
+type FocusOutsideEvent = CustomEvent<{
+    originalEvent: FocusEvent;
+}>;
+/**
+ * Props for the Menu root component.
+ *
+ * The root component contains all parts of a dropdown menu.
+ */
+export type MenuProps = {
+    /**
+     * The content of the dropdown menu (trigger and content components).
+     */
+    children?: React.ReactNode;
+    /**
+     * The controlled open state of the dropdown menu.
+     * Must be used in conjunction with `onOpenChange`.
+     */
+    open?: boolean;
+    /**
+     * The open state of the dropdown menu when it is initially rendered.
+     * Use when you do not need to control its open state.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Event handler called when the open state changes.
+     *
+     * @param open - The new open state
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * The modality of the dropdown menu.
+     * When set to `true`, interaction with outside elements will be disabled
+     * and only menu content will be visible to screen readers.
+     *
+     * @default true
+     */
+    modal?: boolean;
+};
+/**
+ * Props for the Menu trigger component.
+ *
+ * The button that toggles the dropdown menu.
+ * By default renders a button element.
+ */
+export type MenuTriggerProps = {
+    /**
+     * Change the default rendered element for the one passed as a child,
+     * merging their props and behavior.
+     *
+     * Use this when you need to trigger the menu from a custom component.
+     */
+    asChild?: boolean;
+} & React.ComponentPropsWithoutRef<'button'>;
+/**
+ * Props for the Menu content component.
+ *
+ * The component that pops out when the dropdown menu is open.
+ */
+export type MenuContentProps = {
+    /**
+     * Additional CSS class names to apply to the content.
+     */
+    className?: string;
+    /**
+     * Change the default rendered element for the one passed as a child,
+     * merging their props and behavior.
+     */
+    asChild?: boolean;
+    /**
+     * When `true`, keyboard navigation will loop from last item to first, and vice versa.
+     *
+     * @default false
+     */
+    loop?: boolean;
+    /**
+     * Event handler called when focus moves back after closing.
+     * Can be prevented by calling `event.preventDefault`.
+     */
+    onCloseAutoFocus?: (event: Event) => void;
+    /**
+     * Event handler called when the escape key is down.
+     * Can be prevented by calling `event.preventDefault`.
+     */
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    /**
+     * Event handler called when a pointer event occurs outside the bounds of the component.
+     * Can be prevented by calling `event.preventDefault`.
+     */
+    onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
+    /**
+     * Event handler called when focus moves outside the bounds of the component.
+     * Can be prevented by calling `event.preventDefault`.
+     */
+    onFocusOutside?: (event: FocusOutsideEvent) => void;
+    /**
+     * Event handler called when an interaction (pointer or focus) happens outside the bounds of the component.
+     * Can be prevented by calling `event.preventDefault`.
+     */
+    onInteractOutside?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
+    /**
+     * The preferred side of the trigger to render against when open.
+     * Will be reversed when collisions occur and `avoidCollisions` is enabled.
+     *
+     * @default 'bottom'
+     */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * The distance in pixels from the trigger.
+     *
+     * @default 0
+     */
+    sideOffset?: number;
+    /**
+     * The preferred alignment against the trigger.
+     * May change when collisions occur.
+     *
+     * @default 'start'
+     */
+    align?: 'start' | 'center' | 'end';
+    /**
+     * An offset in pixels from the "start" or "end" alignment options.
+     *
+     * @default 0
+     */
+    alignOffset?: number;
+    /**
+     * When `true`, overrides the side and align preferences to prevent collisions with boundary edges.
+     *
+     * @default true
+     */
+    avoidCollisions?: boolean;
+    /**
+     * The element used as the collision boundary.
+     *
+     * @default []
+     */
+    collisionBoundary?: Element | null | Array<Element | null>;
+    /**
+     * The distance in pixels from the boundary edges where collision detection should occur.
+     *
+     * @default 0
+     */
+    collisionPadding?: number | Partial<Record<'top' | 'right' | 'bottom' | 'left', number>>;
+    /**
+     * The sticky behavior on the align axis.
+     * "partial" will keep the content in the boundary as long as the trigger is at least partially in the boundary,
+     * whilst "always" will keep the content in the boundary regardless.
+     *
+     * @default 'partial'
+     */
+    sticky?: 'partial' | 'always';
+    /**
+     * Whether to hide the content when the trigger becomes fully occluded.
+     *
+     * @default false
+     */
+    hideWhenDetached?: boolean;
+} & React.ComponentPropsWithoutRef<'div'>;
+/**
+ * Props for a Menu item component.
+ *
+ * The component that contains the dropdown menu items.
+ */
+export type MenuItemProps = {
+    /**
+     * Additional CSS class names to apply to the item.
+     */
+    className?: string;
+    /**
+     * When `true`, the item will have left padding for alignment with labeled items.
+     */
+    inset?: boolean;
+    /**
+     * Change the default rendered element for the one passed as a child,
+     * merging their props and behavior.
+     */
+    asChild?: boolean;
+    /**
+     * When `true`, prevents the user from interacting with the item.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Event handler called when the user selects an item (via mouse or keyboard).
+     * Calling `event.preventDefault` in this handler will prevent the dropdown menu from closing when selecting that item.
+     */
+    onSelect?: (event: Event) => void;
+    /**
+     * Optional text used for typeahead purposes.
+     * By default, the typeahead behavior will use the `.textContent` of the item.
+     * Use this when the content is complex, or you have non-textual content inside.
+     */
+    textValue?: string;
+} & React.ComponentPropsWithoutRef<'div'>;
+/**
+ * Props for a Menu checkbox item component.
+ *
+ * An item that can be controlled and rendered like a checkbox.
+ */
+export type MenuCheckboxItemProps = {
+    /**
+     * The controlled checked state of the item.
+     * Must be used in conjunction with `onCheckedChange`.
+     */
+    checked?: boolean | 'indeterminate';
+    /**
+     * Event handler called when the checked state changes.
+     *
+     * @param checked - The new checked state
+     */
+    onCheckedChange?: (checked: boolean) => void;
+} & Omit<MenuItemProps, 'onSelect'>;
+/**
+ * Props for a Menu radio item component.
+ *
+ * An item that can be controlled and rendered like a radio button.
+ * Must be used within a `MenuRadioGroup`.
+ */
+export type MenuRadioItemProps = {
+    /**
+     * The unique value of the item.
+     *
+     * @required
+     */
+    value: string;
+} & Omit<MenuItemProps, 'onSelect'>;
+/**
+ * Props for a Menu label component.
+ *
+ * Used to render a label for a group of items.
+ * It won't be focusable using arrow keys.
+ */
+export type MenuLabelProps = {
+    /**
+     * Additional CSS class names to apply to the label.
+     */
+    className?: string;
+    /**
+     * When `true`, the label will have left padding for alignment with items.
+     */
+    inset?: boolean;
+    /**
+     * Change the default rendered element for the one passed as a child,
+     * merging their props and behavior.
+     */
+    asChild?: boolean;
+} & React.ComponentPropsWithoutRef<'div'>;
+/**
+ * Props for a Menu separator component.
+ *
+ * Used to visually separate items in the dropdown menu.
+ */
+export type MenuSeparatorProps = {
+    /**
+     * Additional CSS class names to apply to the separator.
+     */
+    className?: string;
+    /**
+     * Change the default rendered element for the one passed as a child,
+     * merging their props and behavior.
+     */
+    asChild?: boolean;
+} & React.ComponentPropsWithoutRef<'div'>;
+/**
+ * Props for a Menu group component.
+ *
+ * Used to group multiple items together.
+ */
+export type MenuGroupProps = {
+    /**
+     * Change the default rendered element for the one passed as a child,
+     * merging their props and behavior.
+     */
+    asChild?: boolean;
+} & React.ComponentPropsWithoutRef<'div'>;
+/**
+ * Props for a Menu radio group component.
+ *
+ * Used to group multiple radio items together.
+ */
+export type MenuRadioGroupProps = {
+    /**
+     * The controlled value of the radio item to check.
+     * Should be used in conjunction with `onValueChange`.
+     */
+    value?: string;
+    /**
+     * Event handler called when the value changes.
+     *
+     * @param value - The value of the radio item that was selected
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Change the default rendered element for the one passed as a child,
+     * merging their props and behavior.
+     */
+    asChild?: boolean;
+} & React.ComponentPropsWithoutRef<'div'>;
+/**
+ * Props for a Menu sub component.
+ *
+ * Contains all the parts of a submenu.
+ */
+export type MenuSubProps = {
+    /**
+     * The content of the submenu (trigger and content components).
+     */
+    children?: React.ReactNode;
+    /**
+     * The controlled open state of the submenu.
+     * Must be used in conjunction with `onOpenChange`.
+     */
+    open?: boolean;
+    /**
+     * The open state of the submenu when it is initially rendered.
+     * Use when you do not need to control its open state.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Event handler called when the open state changes.
+     *
+     * @param open - The new open state
+     */
+    onOpenChange?: (open: boolean) => void;
+};
+/**
+ * Props for a Menu sub trigger component.
+ *
+ * An item that opens a submenu. Must be rendered inside `MenuSub`.
+ */
+export type MenuSubTriggerProps = {
+    /**
+     * Additional CSS class names to apply to the sub trigger.
+     */
+    className?: string;
+    /**
+     * When `true`, the sub trigger will have left padding for alignment with labeled items.
+     */
+    inset?: boolean;
+    /**
+     * Change the default rendered element for the one passed as a child,
+     * merging their props and behavior.
+     */
+    asChild?: boolean;
+    /**
+     * When `true`, prevents the user from interacting with the item.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Optional text used for typeahead purposes.
+     * By default, the typeahead behavior will use the `.textContent` of the item.
+     * Use this when the content is complex, or you have non-textual content inside.
+     */
+    textValue?: string;
+} & React.ComponentPropsWithoutRef<'div'>;
+/**
+ * Props for a Menu sub content component.
+ *
+ * The component that pops out when a submenu is open.
+ * Must be rendered inside `MenuSub`.
+ */
+export type MenuSubContentProps = {
+    /**
+     * Additional CSS class names to apply to the sub content.
+     */
+    className?: string;
+} & Omit<MenuContentProps, 'side' | 'sideOffset' | 'align' | 'onCloseAutoFocus' | 'onEscapeKeyDown' | 'onPointerDownOutside' | 'onFocusOutside' | 'onInteractOutside'>;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,KAAK,uBAAuB,GAAG,WAAW,CAAC;IAAE,aAAa,EAAE,YAAY,CAAA;CAAE,CAAC,CAAC;AAC5E,KAAK,iBAAiB,GAAG,WAAW,CAAC;IAAE,aAAa,EAAE,UAAU,CAAA;CAAE,CAAC,CAAC;AAEpE;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC;AAE7C;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAE1C;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAEjD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAEhE;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAEpD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAClB,KAAK,EAAE,uBAAuB,GAAG,iBAAiB,KAC/C,IAAI,CAAC;IAEV;;;;;OAKG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAE3C;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAEnC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAE3D;;;;OAIG;IACH,gBAAgB,CAAC,EACb,MAAM,GACN,OAAO,CAAC,MAAM,CAAC,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAEjE;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAE9B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAElC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C;;;;GAIG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IAEpC;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;AAEpC;;;;;GAKG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;AAEpC;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C;;;;;GAKG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CACN,gBAAgB,EACd,MAAM,GACN,YAAY,GACZ,OAAO,GACP,kBAAkB,GAClB,iBAAiB,GACjB,sBAAsB,GACtB,gBAAgB,GAChB,mBAAmB,CACtB,CAAC"}

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

@@ -0,0 +1,59 @@
+import { default as React } from 'react';
+import { BaseInputProps } from '../BaseInput';
+export type SearchProps = Omit<BaseInputProps, 'prefix' | 'label' | 'labelClassName' | 'inputClassName'>;
+/**
+ * A customizable search input component with built-in search icon, automatic clear button, error states, and focus/hover effects.
+ *
+ * ## Key Features
+ * - **Built-in search icon prefix** automatically positioned on the left (fixed 20px size, muted color)
+ * - **Automatic clear button** appears when input has content
+ * - **No label support** - uses placeholder text for optimal search UX
+ * - **Suffix elements** for icons, buttons, or custom content
+ * - **Error state styling** with aria-invalid and errorMessage support
+ * - **Flexible styling** via className prop
+ *
+ * ## Clear Button Behavior
+ * - Shows automatically when input has content and is not disabled
+ * - Works with both controlled and uncontrolled inputs using native value setter
+ * - Can be hidden with `hideClearButton={true}`
+ * - Extended behavior via optional `onClear` prop
+ *
+ * ## Layout & Spacing
+ * Uses container-based spacing (px-16 padding + gap-8) for consistent element positioning.
+ * Search icon is always visible on the left, suffix elements are automatically hidden when clear button appears.
+ *
+ *
+ * @example
+ * // Basic search with automatic clear button
+ * <Search placeholder="Search" value={query} onChange={(e) => setQuery(e.target.value)} />
+ *
+ * // Search with error state
+ * <Search
+ *   placeholder="Search products"
+ *   value={searchTerm}
+ *   onChange={(e) => setSearchTerm(e.target.value)}
+ *   aria-invalid={!isValid}
+ *   errorMessage="Search failed. Please try again."
+ * />
+ *
+ * // Search with suffix element
+ * <Search
+ *   placeholder="Search with filter"
+ *   value={query}
+ *   onChange={(e) => setQuery(e.target.value)}
+ *   suffix={<FilterIcon size={20} className="text-muted" />}
+ *   hideClearButton={true} // Keep suffix visible
+ * />
+ *
+ * // Extend clear behavior with analytics
+ * <Search
+ *   placeholder="Search users"
+ *   value={userQuery}
+ *   onChange={(e) => setUserQuery(e.target.value)}
+ *   onClear={() => {
+ *     analytics.track('search_cleared');
+ *   }}
+ * />
+ */
+export declare const Search: React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Search.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,cAAc,EACd,QAAQ,GAAG,OAAO,GAAG,gBAAgB,GAAG,gBAAgB,CACzD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,MAAM,sFAclB,CAAC"}

package/dist/lib/Components/Search/Search.js

@@ -0,0 +1,18 @@
+import { jsx as e } from "react/jsx-runtime";
+import t from "react";
+import { BaseInput as o } from "../BaseInput/BaseInput.js";
+import { Search as s } from "../../Symbols/Icons/Search.js";
+const c = t.forwardRef(
+  (r, a) => /* @__PURE__ */ e(o, { ref: a, prefix: /* @__PURE__ */ e(
+    s,
+    {
+      size: 20,
+      className: "text-muted group-has-[:disabled]:text-disabled",
+      "aria-hidden": "true"
+    }
+  ), ...r })
+);
+c.displayName = "Search";
+export {
+  c as Search
+};

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

@@ -0,0 +1,2 @@
+export { Search } from './Search';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,12 @@
+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;
+declare function SelectGroup({ ...props }: SelectGroupProps): import("react/jsx-runtime").JSX.Element;
+declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<SelectLabelProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<SelectSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItemText: React.ForwardRefExoticComponent<SelectItemTextProps & React.RefAttributes<HTMLSpanElement>>;
+export { Select, SelectGroup, SelectTrigger, SelectContent, SelectLabel, SelectItemText, SelectItem, SelectSeparator, };
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Select/Select.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/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,8FA8BjB,CAAC;AAwCH,QAAA,MAAM,aAAa,2FAmBjB,CAAC;AAGH,QAAA,MAAM,WAAW,yFAUf,CAAC;AAaH,QAAA,MAAM,UAAU,wFAiBd,CAAC;AAGH,QAAA,MAAM,eAAe,6FAUnB,CAAC;AAGH,QAAA,MAAM,cAAc,6FAUlB,CAAC;AAuCH,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,cAAc,EACd,UAAU,EACV,eAAe,GAChB,CAAC"}

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

@@ -0,0 +1,201 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { cn as s } from "../../../libs/utils-shared/dist/index.js";
+import * as t from "@radix-ui/react-select";
+import { cva as c } from "class-variance-authority";
+import * as o from "react";
+import { ChevronDown as m } from "../../Symbols/Icons/ChevronDown.js";
+import { Check as p } from "../../Symbols/Icons/Check.js";
+import { ChevronUp as u } from "../../Symbols/Icons/ChevronUp.js";
+function L({ ...a }) {
+  return /* @__PURE__ */ e(t.Root, { "data-slot": "select", ...a });
+}
+function U({ ...a }) {
+  return /* @__PURE__ */ e(t.Group, { "data-slot": "select-group", ...a });
+}
+const f = s(
+  "group relative flex h-48 w-full items-center justify-between gap-8",
+  "rounded-sm bg-muted px-16",
+  "text-base body-2",
+  "hover:bg-muted-hover",
+  "transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-focus",
+  "disabled:cursor-not-allowed disabled:text-disabled"
+), b = 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 group-data-[disabled]:text-disabled group-data-[placeholder][disabled]:text-disabled",
+  "max-w-[calc(100%-var(--size-56))] truncate"
+), g = o.forwardRef(({ className: a, labelClassName: l, label: r, ...d }, i) => /* @__PURE__ */ n(
+  t.Trigger,
+  {
+    ref: i,
+    "data-slot": "select-trigger",
+    className: s(f, a),
+    ...d,
+    children: [
+      r && /* @__PURE__ */ e("label", { className: s(b, l), children: r }),
+      /* @__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",
+            a
+          ),
+          children: /* @__PURE__ */ e(t.Value, { "data-slot": "select-value" })
+        }
+      ),
+      /* @__PURE__ */ e(t.Icon, { asChild: !0, children: /* @__PURE__ */ e(
+        m,
+        {
+          size: 20,
+          className: "shrink-0 text-muted group-data-[disabled]:text-disabled"
+        }
+      ) })
+    ]
+  }
+));
+g.displayName = t.Trigger.displayName;
+const x = c(
+  [
+    "relative z-select max-h-[var(--radix-select-content-available-height)] overflow-y-auto overflow-x-hidden",
+    "rounded-sm bg-muted",
+    "shadow-md",
+    "data-[side=bottom]:animate-slide-in-from-top-8",
+    "data-[side=top]:animate-slide-in-from-bottom-8",
+    "data-[side=left]:animate-slide-in-from-right-8",
+    "data-[side=right]:animate-slide-in-from-left-8"
+  ],
+  {
+    variants: {
+      position: {
+        popper: "data-[side=bottom]:translate-y-8 data-[side=left]:-translate-x-8 data-[side=right]:translate-x-8 data-[side=top]:-translate-y-8",
+        "item-aligned": ""
+      }
+    },
+    defaultVariants: {
+      position: "popper"
+    }
+  }
+), h = c("p-8", {
+  variants: {
+    position: {
+      popper: "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]",
+      "item-aligned": ""
+    }
+  },
+  defaultVariants: {
+    position: "popper"
+  }
+}), y = o.forwardRef(({ className: a, children: l, position: r = "popper", ...d }, i) => /* @__PURE__ */ e(t.Portal, { "data-slot": "select-portal", children: /* @__PURE__ */ n(
+  t.Content,
+  {
+    ref: i,
+    "data-slot": "select-content",
+    className: s(x({ position: r }), a),
+    position: r,
+    ...d,
+    children: [
+      /* @__PURE__ */ e(R, {}),
+      /* @__PURE__ */ e(t.Viewport, { className: h({ position: r }), children: l }),
+      /* @__PURE__ */ e(j, {})
+    ]
+  }
+) }));
+y.displayName = t.Content.displayName;
+const N = o.forwardRef(({ className: a, ...l }, r) => /* @__PURE__ */ e(
+  t.Label,
+  {
+    ref: r,
+    "data-slot": "select-label",
+    className: s("mb-4 px-8 pb-0 pt-8 text-muted body-3-semi-bold", a),
+    ...l
+  }
+));
+N.displayName = t.Label.displayName;
+const v = s(
+  "relative flex w-full cursor-default select-none items-center bg-base-transparent",
+  "rounded-sm p-8",
+  "text-base body-2",
+  "outline-none",
+  "focus:bg-base-transparent-hover",
+  "active:bg-base-transparent-pressed",
+  "data-[disabled]:cursor-not-allowed data-[disabled]:text-disabled"
+), w = o.forwardRef(({ className: a, children: l, ...r }, d) => /* @__PURE__ */ n(
+  t.Item,
+  {
+    ref: d,
+    "data-slot": "select-item",
+    className: s(v, a),
+    ...r,
+    children: [
+      l,
+      /* @__PURE__ */ e("span", { className: "absolute right-8 flex size-24 items-center justify-center", children: /* @__PURE__ */ e(t.ItemIndicator, { children: /* @__PURE__ */ e(p, { size: 24, className: "text-active" }) }) })
+    ]
+  }
+));
+w.displayName = t.Item.displayName;
+const S = o.forwardRef(({ className: a, ...l }, r) => /* @__PURE__ */ e(
+  t.Separator,
+  {
+    ref: r,
+    "data-slot": "select-separator",
+    className: s("mx-8 my-4 h-1 border-b border-muted-subtle", a),
+    ...l
+  }
+));
+S.displayName = t.Separator.displayName;
+const I = o.forwardRef(({ className: a, ...l }, r) => /* @__PURE__ */ e(
+  t.ItemText,
+  {
+    ref: r,
+    "data-slot": "select-item-text",
+    className: s("text-muted body-2", a),
+    ...l
+  }
+));
+I.displayName = t.ItemText.displayName;
+function R({
+  className: a,
+  ...l
+}) {
+  return /* @__PURE__ */ e(
+    t.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: s(
+        "flex cursor-default items-center justify-center py-1 text-muted",
+        a
+      ),
+      ...l,
+      children: /* @__PURE__ */ e(u, { className: "size-4" })
+    }
+  );
+}
+function j({
+  className: a,
+  ...l
+}) {
+  return /* @__PURE__ */ e(
+    t.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: s(
+        "flex cursor-default items-center justify-center py-1 text-muted",
+        a
+      ),
+      ...l,
+      children: /* @__PURE__ */ e(m, { className: "size-4" })
+    }
+  );
+}
+export {
+  L as Select,
+  y as SelectContent,
+  U as SelectGroup,
+  w as SelectItem,
+  I as SelectItemText,
+  N as SelectLabel,
+  S as SelectSeparator,
+  g as SelectTrigger
+};