@adgytec/adgytec-web-ui-components 2.3.0 → 2.3.1

package/dist/components/Input/Input/types.d.ts

@@ -3,16 +3,36 @@ import { ReactNode } from 'react';
 import { TextFieldProps as AriaTextFieldProps, Input } from 'react-aria-components';
 import { RefProp } from '../../../utils';
 import { CoreInputProps } from '../core';
+/**
+ * Render prop type for input adornments such as prefix, suffix, and trailing elements.
+ * Can be static React nodes or a render function providing current interaction states.
+ */
 export type InputRenderProp = ReactNode | (({ isDisabled, isInvalid, }: {
     isDisabled: boolean;
     isInvalid: boolean;
 }) => ReactNode);
+/**
+ * Props for the {@link Input} component.
+ * Extends React Aria's {@link AriaTextFieldProps}, {@link CoreInputProps}, and native input element ref.
+ */
 export interface InputProps extends Omit<AriaTextFieldProps, "children">, CoreInputProps, RefProp<typeof Input> {
+    /** Placeholder text displayed when the input field is empty. */
     placeholder?: string;
+    /** Text direction for the editable input area (e.g. `"ltr"`, `"rtl"`). */
     editorDir?: string;
+    /** Content or render prop displayed immediately before the editable text input. */
     prefix?: InputRenderProp;
+    /** Content or render prop displayed immediately after the editable text input. */
     suffix?: InputRenderProp;
+    /** Leading Lucide icon displayed at the far start of the input container. */
     leadingIcon?: LucideIcon;
+    /** Trailing content, such as action buttons or status indicators, displayed at the far end of the input container. */
     trailing?: InputRenderProp;
+    /**
+     * Whether to display the current character count below the field.
+     * Requires `maxLength` to display the limit ratio.
+     *
+     * @default false
+     */
     showCharacterCount?: boolean;
 }

package/dist/components/Input/Label/Label.d.ts

@@ -1,2 +1,13 @@
 import { Label as AriaLabel } from 'react-aria-components';
-export declare const Label: React.FC<React.ComponentPropsWithRef<typeof AriaLabel>>;
+/**
+ * Props for the {@link Label} component.
+ * Extends React Aria's {@link AriaLabel} props.
+ */
+export interface LabelProps extends React.ComponentPropsWithRef<typeof AriaLabel> {
+}
+/**
+ * Accessible field label rendered above or adjacent to an input component.
+ *
+ * Implements Material Design 3 `labelLarge` typography.
+ */
+export declare const Label: React.FC<LabelProps>;

package/dist/components/Input/Label/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Input/Label/Label.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Label as AriaLabel } from \"react-aria-components\";\nimport { typography } from \"@/utils/typography\";\n\nexport const Label: React.FC<React.ComponentPropsWithRef<typeof AriaLabel>> = ({\n    className,\n    ...props\n}) => {\n    return (\n        <AriaLabel\n            slot=\"label\"\n            className={clsx(typography.labelLarge, className)}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;aAIa,KAAiE,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAG7E,IAAA,EAAA,IAAA,IAAA,EAAA,OAH8E,kBAAA,KAAA,GAG9E,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IAI4D,IAAA,EAAA,MAAtC,IAAA,EAAK,EAAU,YAAa,CAAS,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAEnD,OAFmD,EAAA,OAAA,KAAA,EAAA,OAAA,KAFrD,IAAA,kBAAC,GAAD;EACS,MAAA;EACM,WAAA;EAAsC,GAC7C;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAJF;AAIE"}
+{"version":3,"file":"index.js","names":["_c","clsx","AriaLabel","require_compiler_runtime","clsx$1","Label$1","import_compiler_runtime","Label","$","className","props","t0","t1","typography","t2"],"sources":["../../../../src/components/Input/Label/Label.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Label as AriaLabel } from \"react-aria-components\";\nimport { typography } from \"@/utils/typography\";\n\n/**\n * Props for the {@link Label} component.\n * Extends React Aria's {@link AriaLabel} props.\n */\nexport interface LabelProps\n    extends React.ComponentPropsWithRef<typeof AriaLabel> {}\n\n/**\n * Accessible field label rendered above or adjacent to an input component.\n *\n * Implements Material Design 3 `labelLarge` typography.\n */\nexport const Label: React.FC<LabelProps> = ({ className, ...props }) => {\n    return (\n        <AriaLabel\n            slot=\"label\"\n            className={clsx(typography.labelLarge, className)}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;aAgBaO,KAA8B,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAAwB,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAAvB,eAAA,GAAAE,KAAAC,GAAuB,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAIN,IAAAD,EAAA,MAAtC,IAAAP,EAAKY,EAAU,YAAaJ,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAEnD,OAFmDN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAFrD,IAAA,kBAACV,GAAD;EACS,MAAA;EACM,WAAAU;EAAsC,GAC7CF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAJFM;AAIE"}

package/dist/components/Input/Radio/Radio.d.ts

@@ -1,2 +1,18 @@
 import { RadioProps } from './types';
+/**
+ * A radio button control implementing Material Design 3 Radio guidelines.
+ *
+ * Designed for single-choice options within a {@link RadioGroup}. Features animated
+ * selection dot scaling, state layers, and flexible label positioning.
+ *
+ * @example
+ * ```tsx
+ * import { RadioGroup, Radio } from '@adgytec/web-ui-components';
+ *
+ * <RadioGroup label="Select an option">
+ *     <Radio value="1">Option One</Radio>
+ *     <Radio value="2">Option Two</Radio>
+ * </RadioGroup>
+ * ```
+ */
 export declare const Radio: React.FC<RadioProps>;

package/dist/components/Input/Radio/RadioGroup.d.ts

@@ -1,2 +1,19 @@
 import { RadioGroupProps } from './types';
+/**
+ * A container managing mutually exclusive {@link Radio} options.
+ *
+ * Coordinates single-selection radio values, keyboard navigation arrow-key roving,
+ * accessible labels, helper descriptions, and validation error messages.
+ *
+ * @example
+ * ```tsx
+ * import { RadioGroup, Radio } from '@adgytec/web-ui-components';
+ *
+ * <RadioGroup label="Delivery Speed" defaultValue="standard">
+ *     <Radio value="standard">Standard (3-5 days)</Radio>
+ *     <Radio value="express">Express (1-2 days)</Radio>
+ *     <Radio value="overnight">Overnight</Radio>
+ * </RadioGroup>
+ * ```
+ */
 export declare const RadioGroup: React.FC<RadioGroupProps>;

package/dist/components/Input/Radio/context.d.ts

@@ -1,6 +1,14 @@
 import { RadioLabelPlacement } from './types';
-export type RadioGroupContextValue = {
+/**
+ * Shared context value provided by {@link RadioGroup} to child {@link Radio} components.
+ */
+export interface RadioGroupContextValue {
+    /** Inherited label placement. */
     labelPlacement?: RadioLabelPlacement;
+    /** Inherited container state layer flag. */
     containerStateLayer?: boolean;
-};
+}
+/**
+ * Context communicating group-level styling configurations to nested radio buttons.
+ */
 export declare const RadioGroupContext: import('react').Context<RadioGroupContextValue>;

package/dist/components/Input/Radio/types.d.ts

@@ -1,14 +1,54 @@
 import { ReactNode } from 'react';
 import { Radio, RadioGroup } from 'react-aria-components';
 import { CoreInputProps } from '../core';
+/**
+ * Alignment of the radio label text relative to the indicator circle.
+ *
+ * - `"start"`: Label precedes the radio indicator.
+ * - `"end"`: Label follows the radio indicator (default).
+ */
 export type RadioLabelPlacement = "start" | "end";
+/**
+ * Props for the {@link RadioGroup} component.
+ * Extends React Aria's `RadioGroup` props and {@link CoreInputProps}.
+ */
 export interface RadioGroupProps extends Omit<React.ComponentPropsWithRef<typeof RadioGroup>, "children">, CoreInputProps {
+    /** The child radio buttons or custom layout structure rendered within the group. */
     children?: ReactNode;
+    /**
+     * Spacing (in pixels) between adjacent radio items.
+     *
+     * @default 24
+     */
     radioItemsGap?: number;
+    /**
+     * Default label placement applied to all child radio items within the group.
+     *
+     * @default "end"
+     */
     labelPlacement?: RadioLabelPlacement;
+    /**
+     * When `true`, displays the state layer (hover, press, focus) across the entire radio container.
+     *
+     * @default false
+     */
     containerStateLayer?: boolean;
 }
+/**
+ * Props for the {@link Radio} component.
+ * Extends React Aria's `Radio` props.
+ */
 export interface RadioProps extends React.ComponentPropsWithRef<typeof Radio> {
+    /**
+     * Alignment of the label text relative to the indicator circle.
+     *
+     * @default "end"
+     */
     labelPlacement?: RadioLabelPlacement;
+    /**
+     * When `true`, displays the state layer (hover, press, focus) across the entire radio container.
+     *
+     * @default false
+     */
     containerStateLayer?: boolean;
 }

package/dist/components/Input/SearchField/SearchField.d.ts

@@ -1,2 +1,18 @@
 import { SearchFieldProps } from './types';
+/**
+ * A search input field providing a leading search icon and automatic clear button.
+ *
+ * Implements accessible search interactions based on React Aria's `SearchField`,
+ * clearing text via keyboard (`Escape`) or the integrated clear button.
+ *
+ * @example
+ * ```tsx
+ * import { SearchField } from '@adgytec/web-ui-components';
+ *
+ * <SearchField
+ *     placeholder="Search documents..."
+ *     onSubmit={(query) => console.log('Searching for:', query)}
+ * />
+ * ```
+ */
 export declare const SearchField: React.FC<SearchFieldProps>;

package/dist/components/Input/SearchField/types.d.ts

@@ -1,4 +1,13 @@
 import { SearchField } from 'react-aria-components';
+/**
+ * Props for the {@link SearchField} component.
+ * Extends React Aria's `SearchField` props (excluding `children`).
+ */
 export interface SearchFieldProps extends Omit<React.ComponentPropsWithRef<typeof SearchField>, "children"> {
+    /**
+     * Placeholder text displayed within the search field when empty.
+     *
+     * @default "Search"
+     */
     placeholder?: string;
 }

package/dist/components/Input/Select/ComboBox/ComboBox.d.ts

@@ -1,2 +1,30 @@
 import { ComboBoxProps } from './types';
-export declare const ComboBox: <T extends object, M extends "single" | "multiple" = "single">({ label, description, errorMessage, showDescriptionOnInvalid, children, className, hideMultiSelectionValue, ...props }: ComboBoxProps<T, M>) => import("react").JSX.Element;
+/**
+ * An autocomplete combobox component combining a text input field with a searchable options list popover.
+ *
+ * Implements Material Design 3 guidelines for auto-complete search inputs, supporting single or multi-selection,
+ * removable selection tag chips, keyboard navigation, and custom filter matching.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *     ComboBox,
+ *     ComboBoxTrigger,
+ *     ComboBoxPopover,
+ *     SelectList,
+ *     SelectItem
+ * } from '@adgytec/web-ui-components';
+ *
+ * <ComboBox label="Favorite Framework">
+ *     <ComboBoxTrigger placeholder="Type to search..." />
+ *     <ComboBoxPopover>
+ *         <SelectList>
+ *             <SelectItem id="react" label="React" />
+ *             <SelectItem id="vue" label="Vue" />
+ *             <SelectItem id="svelte" label="Svelte" />
+ *         </SelectList>
+ *     </ComboBoxPopover>
+ * </ComboBox>
+ * ```
+ */
+export declare const ComboBox: <T extends object, M extends "single" | "multiple" = "single">({ label, description, errorMessage, showDescriptionOnInvalid, children, className, hideMultiSelectionValue, ...props }: ComboBoxProps<T, M>) => import('react').JSX.Element;

package/dist/components/Input/Select/ComboBox/context.d.ts

@@ -1,2 +1,5 @@
 import { ComboBoxRenderProps } from 'react-aria-components';
+/**
+ * Context communicating ComboBox state (e.g. `isOpen`, `isInvalid`, `isDisabled`) down to {@link ComboBoxTrigger}.
+ */
 export declare const ComboboxContext: import('react').Context<Partial<ComboBoxRenderProps>>;

package/dist/components/Input/Select/ComboBox/types.d.ts

@@ -1,5 +1,14 @@
 import { ComboBox } from 'react-aria-components';
 import { CoreInputProps } from '../../core';
+/**
+ * Props for the {@link ComboBox} component.
+ * Extends React Aria's `ComboBox` props and {@link CoreInputProps}.
+ */
 export interface ComboBoxProps<T extends object, M extends "single" | "multiple" = "single"> extends React.ComponentPropsWithRef<typeof ComboBox<T, M>>, CoreInputProps {
+    /**
+     * Whether to hide the tag chips rendering selected values in multiple selection mode.
+     *
+     * @default false
+     */
     hideMultiSelectionValue?: boolean;
 }

package/dist/components/Input/Select/ComboBoxPopover/ComboBoxPopover.d.ts

@@ -1,2 +1,11 @@
 import { Popover } from '../../../Popover';
-export declare const ComboBoxPopover: React.FC<React.ComponentPropsWithRef<typeof Popover>>;
+/**
+ * Props for the {@link ComboBoxPopover} component.
+ * Extends {@link Popover} props.
+ */
+export interface ComboBoxPopoverProps extends React.ComponentPropsWithRef<typeof Popover> {
+}
+/**
+ * Dropdown popover container sized and positioned specifically beneath a {@link ComboBoxTrigger}.
+ */
+export declare const ComboBoxPopover: React.FC<ComboBoxPopoverProps>;

package/dist/components/Input/Select/ComboBoxTrigger/ComboBoxTrigger.d.ts

@@ -1,5 +1,13 @@
 import { Input } from 'react-aria-components';
 import { RefProp } from '../../../../utils';
-export declare const ComboBoxTrigger: React.FC<Omit<React.ComponentPropsWithoutRef<"span">, "children"> & RefProp<typeof Input> & {
+/**
+ * Props for the {@link ComboBoxTrigger} component.
+ */
+export interface ComboBoxTriggerProps extends Omit<React.ComponentPropsWithoutRef<"span">, "children">, RefProp<typeof Input> {
+    /** Placeholder text displayed when the combobox input is empty. */
     placeholder?: string;
-}>;
+}
+/**
+ * The composite editable text input and chevron dropdown trigger button for a {@link ComboBox}.
+ */
+export declare const ComboBoxTrigger: React.FC<ComboBoxTriggerProps>;

package/dist/components/Input/Select/Select/Select.d.ts

@@ -1,2 +1,30 @@
 import { SelectProps } from './types';
-export declare const Select: <T extends object, M extends "single" | "multiple" = "single">({ label, description, errorMessage, showDescriptionOnInvalid, children, className, ...props }: SelectProps<T, M>) => import("react").JSX.Element;
+/**
+ * A dropdown selection component implementing Material Design 3 Select specifications.
+ *
+ * Allows users to choose one or more options from a collapsible listbox popover.
+ * Manages accessible labels, helper descriptions, error messages, and keyboard navigation.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *     Select,
+ *     SelectTrigger,
+ *     SelectPopover,
+ *     SelectList,
+ *     SelectItem
+ * } from '@adgytec/web-ui-components';
+ *
+ * <Select label="Country" placeholder="Choose a country">
+ *     <SelectTrigger />
+ *     <SelectPopover>
+ *         <SelectList>
+ *             <SelectItem id="us" label="United States" />
+ *             <SelectItem id="ca" label="Canada" />
+ *             <SelectItem id="uk" label="United Kingdom" />
+ *         </SelectList>
+ *     </SelectPopover>
+ * </Select>
+ * ```
+ */
+export declare const Select: <T extends object, M extends "single" | "multiple" = "single">({ label, description, errorMessage, showDescriptionOnInvalid, children, className, ...props }: SelectProps<T, M>) => import('react').JSX.Element;

package/dist/components/Input/Select/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["renderProps"],"sources":["../../../../../src/components/Input/Select/Select/Select.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Select as AriaSelect } from \"react-aria-components\";\nimport { Colors, InputGroupStyles, SupportingTextStyles } from \"../../core\";\nimport { Description } from \"../../Description\";\nimport { FieldError } from \"../../FieldError\";\nimport { Label } from \"../../Label\";\nimport type { SelectProps } from \"./types\";\n\nexport const Select = <\n    T extends object,\n    M extends \"single\" | \"multiple\" = \"single\",\n>({\n    label,\n    description,\n    errorMessage,\n    showDescriptionOnInvalid = false,\n    children,\n    className,\n    ...props\n}: SelectProps<T, M>) => {\n    return (\n        <AriaSelect\n            className={(renderProps) =>\n                clsx(\n                    Colors,\n                    InputGroupStyles,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        >\n            {(renderProps) => {\n                const { isInvalid } = renderProps;\n                const showDescription =\n                    description &&\n                    (!isInvalid || (isInvalid && showDescriptionOnInvalid));\n\n                return (\n                    <>\n                        {label && <Label>{label}</Label>}\n\n                        {typeof children === \"function\"\n                            ? children(renderProps)\n                            : children}\n\n                        {showDescription && (\n                            <Description className={clsx(SupportingTextStyles)}>\n                                {description}\n                            </Description>\n                        )}\n\n                        <FieldError className={clsx(SupportingTextStyles)}>\n                            {errorMessage}\n                        </FieldError>\n                    </>\n                );\n            }}\n        </AriaSelect>\n    );\n};\n"],"mappings":";;;;;;;;AAQA,IAAa,KAGX,EACE,UACA,gBACA,iBACA,8BAA2B,IAC3B,aACA,cACA,GAAG,QAGC,kBAAC,GAAD;CACI,YAAY,MACR,EACI,GACA,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;YAEFA,MAAgB;EACd,IAAM,EAAE,iBAAcA,GAChB,IACF,MACC,CAAC,KAAc,KAAa;EAEjC,OACI,kBAAA,GAAA,EAAA,UAAA;GACK,KAAS,kBAAC,GAAD,EAAA,UAAQ,EAAa,CAAA;GAE9B,OAAO,KAAa,aACf,EAASA,CAAW,IACpB;GAEL,KACG,kBAAC,GAAD;IAAa,WAAW,EAAK,CAAoB;cAC5C;GACQ,CAAA;GAGjB,kBAAC,GAAD;IAAY,WAAW,EAAK,CAAoB;cAC3C;GACO,CAAA;EAChB,EAAA,CAAA;CAER;AACQ,CAAA"}
+{"version":3,"file":"index.js","names":["renderProps","AriaSelect","clsx","_Fragment","Label","FieldError","Label$1","InputGroupStyles","SupportingTextStyles","Colors","clsx$1","Select$1","Select","props","className","renderProps","renderProps_0","showDescription","description","isInvalid","showDescriptionOnInvalid","Fragment","label","children","Description","FieldError$1","errorMessage"],"sources":["../../../../../src/components/Input/Select/Select/Select.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Select as AriaSelect } from \"react-aria-components\";\nimport { Colors, InputGroupStyles, SupportingTextStyles } from \"../../core\";\nimport { Description } from \"../../Description\";\nimport { FieldError } from \"../../FieldError\";\nimport { Label } from \"../../Label\";\nimport type { SelectProps } from \"./types\";\n\n/**\n * A dropdown selection component implementing Material Design 3 Select specifications.\n *\n * Allows users to choose one or more options from a collapsible listbox popover.\n * Manages accessible labels, helper descriptions, error messages, and keyboard navigation.\n *\n * @example\n * ```tsx\n * import {\n *     Select,\n *     SelectTrigger,\n *     SelectPopover,\n *     SelectList,\n *     SelectItem\n * } from '@adgytec/web-ui-components';\n *\n * <Select label=\"Country\" placeholder=\"Choose a country\">\n *     <SelectTrigger />\n *     <SelectPopover>\n *         <SelectList>\n *             <SelectItem id=\"us\" label=\"United States\" />\n *             <SelectItem id=\"ca\" label=\"Canada\" />\n *             <SelectItem id=\"uk\" label=\"United Kingdom\" />\n *         </SelectList>\n *     </SelectPopover>\n * </Select>\n * ```\n */\nexport const Select = <\n    T extends object,\n    M extends \"single\" | \"multiple\" = \"single\",\n>({\n    label,\n    description,\n    errorMessage,\n    showDescriptionOnInvalid = false,\n    children,\n    className,\n    ...props\n}: SelectProps<T, M>) => {\n    return (\n        <AriaSelect\n            className={(renderProps) =>\n                clsx(\n                    Colors,\n                    InputGroupStyles,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        >\n            {(renderProps) => {\n                const { isInvalid } = renderProps;\n                const showDescription =\n                    description &&\n                    (!isInvalid || (isInvalid && showDescriptionOnInvalid));\n\n                return (\n                    <>\n                        {label && <Label>{label}</Label>}\n\n                        {typeof children === \"function\"\n                            ? children(renderProps)\n                            : children}\n\n                        {showDescription && (\n                            <Description className={clsx(SupportingTextStyles)}>\n                                {description}\n                            </Description>\n                        )}\n\n                        <FieldError className={clsx(SupportingTextStyles)}>\n                            {errorMessage}\n                        </FieldError>\n                    </>\n                );\n            }}\n        </AriaSelect>\n    );\n};\n"],"mappings":";;;;;;;;AAoCA,IAAaY,KAGX,EACE,UACA,gBACA,iBACA,8BAA2B,IAC3B,aACA,cACA,GAAGC,QAGC,kBAACZ,GAAD;CACI,YAAY,MACRC,EACIO,GACAF,GACA,OAAOO,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;CAEJ,GAAID;CAEFb,WAAAA,MAAgB;EACd,IAAM,EAAE,iBAAcA,GAChBiB,IACFC,MACC,CAACC,KAAcA,KAAaC;EAEjC,OACI,kBAAAjB,GAAA,EAAA,UAAA;GACKmB,KAAS,kBAAClB,GAAD,EAAA,UAAQkB,EAAa,CAAA;GAE9B,OAAOC,KAAa,aACfA,EAASvB,CAAW,IACpBuB;GAELN,KACG,kBAACO,GAAD;IAAa,WAAWtB,EAAKM,CAAoB;IAC5C,UAAAU;GACQ,CAAA;GAGjB,kBAACb,GAAD;IAAY,WAAWH,EAAKM,CAAoB;IAC3C,UAAAkB;GACO,CAAA;EAChB,EAAA,CAAA;CAER;AACQ,CAAA"}

package/dist/components/Input/Select/Select/types.d.ts

@@ -1,4 +1,8 @@
 import { Select } from 'react-aria-components';
 import { CoreInputProps } from '../../core';
+/**
+ * Props for the {@link Select} component.
+ * Extends React Aria's {@link Select} props and {@link CoreInputProps}.
+ */
 export interface SelectProps<T extends object, M extends "single" | "multiple" = "single"> extends React.ComponentPropsWithRef<typeof Select<T, M>>, CoreInputProps {
 }

package/dist/components/Input/Select/SelectItem/SelectItem.d.ts

@@ -1,2 +1,21 @@
 import { SelectItemProps } from './types';
+/**
+ * An individual option item within a {@link SelectList}.
+ *
+ * Implements Material Design 3 selection list item styling, featuring automatic checkmark
+ * display upon selection, optional leading and trailing icons, and multi-line supporting text.
+ *
+ * @example
+ * ```tsx
+ * import { SelectItem } from '@adgytec/web-ui-components';
+ * import { User } from 'lucide-react';
+ *
+ * <SelectItem
+ *     id="user-1"
+ *     label="Alex Smith"
+ *     supportingText="Administrator"
+ *     leadingIcon={User}
+ * />
+ * ```
+ */
 export declare const SelectItem: React.FC<SelectItemProps>;

package/dist/components/Input/Select/SelectItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Input/Select/SelectItem/SelectItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Check } from \"lucide-react\";\nimport { ListBoxItem } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport {\n    MenuItemIconSize,\n    MenuItemLeadingStyles,\n    MenuItemStyles,\n    MenuItemTrailingStyles,\n    menuItemBaseColor,\n    menuItemLabelColor,\n} from \"@/components/Menu\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { typography } from \"@/utils\";\nimport type { SelectItemProps } from \"./types\";\n\nexport const SelectItem: React.FC<SelectItemProps> = ({\n    leadingIcon,\n    label,\n    supportingText,\n    trailingText,\n    trailingIcon,\n    className,\n    onPress,\n    textValue = label,\n    ...props\n}) => {\n    const { splashInfo, handlePress } = useSplash(onPress);\n\n    return (\n        <ListBoxItem\n            className={(renderProps) =>\n                clsx(\n                    menuItemBaseColor,\n                    MenuItemStyles,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            textValue={textValue}\n            onPress={handlePress}\n            {...props}\n            data-multi-line={supportingText ? true : undefined}\n        >\n            {({ isSelected }) => (\n                <>\n                    {splashInfo && <Splash {...splashInfo} />}\n\n                    {/* leading comps */}\n                    <div className={clsx(MenuItemLeadingStyles)}>\n                        {isSelected ? (\n                            <Icon icon={Check} size={MenuItemIconSize} />\n                        ) : (\n                            leadingIcon && (\n                                <Icon\n                                    icon={leadingIcon}\n                                    size={MenuItemIconSize}\n                                />\n                            )\n                        )}\n\n                        <div>\n                            <p\n                                slot=\"label\"\n                                className={clsx(\n                                    typography.labelLarge,\n                                    menuItemLabelColor\n                                )}\n                            >\n                                {label}\n                            </p>\n\n                            {supportingText && (\n                                <p\n                                    slot=\"description\"\n                                    className={clsx(typography.bodySmall)}\n                                >\n                                    {supportingText}\n                                </p>\n                            )}\n                        </div>\n                    </div>\n\n                    {/* trailing comps */}\n                    <div className={clsx(MenuItemTrailingStyles)}>\n                        {trailingText && trailingText}\n\n                        {trailingIcon && (\n                            <Icon icon={trailingIcon} size={MenuItemIconSize} />\n                        )}\n                    </div>\n                </>\n            )}\n        </ListBoxItem>\n    );\n};\n"],"mappings":";;;;;;;;;AAiBA,IAAa,KAAyC,EAClD,gBACA,UACA,mBACA,iBACA,iBACA,cACA,YACA,eAAY,GACZ,GAAG,QACD;CACF,IAAM,EAAE,eAAY,mBAAgB,EAAU,CAAO;CAErD,OACI,kBAAC,GAAD;EACI,YAAY,MACR,EACI,GACA,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEO;EACX,SAAS;EACT,GAAI;EACJ,mBAAiB,IAAiB,KAAO,KAAA;aAEvC,EAAE,oBACA,kBAAA,GAAA,EAAA,UAAA;GACK,KAAc,kBAAC,GAAD,EAAQ,GAAI,EAAW,CAAA;GAGtC,kBAAC,OAAD;IAAK,WAAW,EAAK,CAAqB;cAA1C,CACK,IACG,kBAAC,GAAD;KAAM,MAAM;KAAO,MAAA;IAAuB,CAAA,IAE1C,KACI,kBAAC,GAAD;KACI,MAAM;KACN,MAAA;IAAuB,CAAA,GAKnC,kBAAC,OAAD,EAAA,UAAA,CACI,kBAAC,KAAD;KACI,MAAK;KACL,WAAW,EACP,EAAW,YACX,CACJ;eAEC;IACF,CAAA,GAEF,KACG,kBAAC,KAAD;KACI,MAAK;KACL,WAAW,EAAK,EAAW,SAAS;eAEnC;IACF,CAAA,CAEN,EAAA,CAAA,CACJ;;GAGL,kBAAC,OAAD;IAAK,WAAW,EAAK,CAAsB;cAA3C,CACK,KAAgB,GAEhB,KACG,kBAAC,GAAD;KAAM,MAAM;KAAc,MAAA;IAAuB,CAAA,CAEpD;;EACT,EAAA,CAAA;CAEK,CAAA;AAErB"}
+{"version":3,"file":"index.js","names":["clsx","_Fragment","typography","useSplash","menuItemBaseColor","MenuItemStyles","menuItemLabelColor","MenuItemTrailingStyles","MenuItemLeadingStyles","clsx$1","SelectItem","label","props","onPress","ListBoxItem","className","renderProps","handlePress","supportingText","Fragment","splashInfo","Splash","isSelected","Icon","Check","leadingIcon","trailingText","trailingIcon"],"sources":["../../../../../src/components/Input/Select/SelectItem/SelectItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Check } from \"lucide-react\";\nimport { ListBoxItem } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport {\n    MenuItemIconSize,\n    MenuItemLeadingStyles,\n    MenuItemStyles,\n    MenuItemTrailingStyles,\n    menuItemBaseColor,\n    menuItemLabelColor,\n} from \"@/components/Menu\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { typography } from \"@/utils\";\nimport type { SelectItemProps } from \"./types\";\n\n/**\n * An individual option item within a {@link SelectList}.\n *\n * Implements Material Design 3 selection list item styling, featuring automatic checkmark\n * display upon selection, optional leading and trailing icons, and multi-line supporting text.\n *\n * @example\n * ```tsx\n * import { SelectItem } from '@adgytec/web-ui-components';\n * import { User } from 'lucide-react';\n *\n * <SelectItem\n *     id=\"user-1\"\n *     label=\"Alex Smith\"\n *     supportingText=\"Administrator\"\n *     leadingIcon={User}\n * />\n * ```\n */\nexport const SelectItem: React.FC<SelectItemProps> = ({\n    leadingIcon,\n    label,\n    supportingText,\n    trailingText,\n    trailingIcon,\n    className,\n    onPress,\n    textValue = label,\n    ...props\n}) => {\n    const { splashInfo, handlePress } = useSplash(onPress);\n\n    return (\n        <ListBoxItem\n            className={(renderProps) =>\n                clsx(\n                    menuItemBaseColor,\n                    MenuItemStyles,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            textValue={textValue}\n            onPress={handlePress}\n            {...props}\n            data-multi-line={supportingText ? true : undefined}\n        >\n            {({ isSelected }) => (\n                <>\n                    {splashInfo && <Splash {...splashInfo} />}\n\n                    {/* leading comps */}\n                    <div className={clsx(MenuItemLeadingStyles)}>\n                        {isSelected ? (\n                            <Icon icon={Check} size={MenuItemIconSize} />\n                        ) : (\n                            leadingIcon && (\n                                <Icon\n                                    icon={leadingIcon}\n                                    size={MenuItemIconSize}\n                                />\n                            )\n                        )}\n\n                        <div>\n                            <p\n                                slot=\"label\"\n                                className={clsx(\n                                    typography.labelLarge,\n                                    menuItemLabelColor\n                                )}\n                            >\n                                {label}\n                            </p>\n\n                            {supportingText && (\n                                <p\n                                    slot=\"description\"\n                                    className={clsx(typography.bodySmall)}\n                                >\n                                    {supportingText}\n                                </p>\n                            )}\n                        </div>\n                    </div>\n\n                    {/* trailing comps */}\n                    <div className={clsx(MenuItemTrailingStyles)}>\n                        {trailingText && trailingText}\n\n                        {trailingIcon && (\n                            <Icon icon={trailingIcon} size={MenuItemIconSize} />\n                        )}\n                    </div>\n                </>\n            )}\n        </ListBoxItem>\n    );\n};\n"],"mappings":";;;;;;;;;AAoCA,IAAaU,KAAyC,EAClD,gBACA,UACA,mBACA,iBACA,iBACA,cACA,YACA,eAAYC,GACZ,GAAGC,QACD;CACF,IAAM,EAAE,eAAY,mBAAgBT,EAAUU,CAAO;CAErD,OACI,kBAACC,GAAD;EACI,YAAY,MACRd,EACII,GACAC,GACA,OAAOU,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;EAEO;EACX,SAASE;EACT,GAAIL;EACJ,mBAAiBM,IAAiB,KAAO,KAAA;EAEvC,WAAA,EAAE,oBACA,kBAAAjB,GAAA,EAAA,UAAA;GACKmB,KAAc,kBAACC,GAAD,EAAQ,GAAID,EAAW,CAAA;GAGtC,kBAAC,OAAD;IAAK,WAAWpB,EAAKQ,CAAqB;IAA1C,UAAA,CACKc,IACG,kBAACC,GAAD;KAAM,MAAMC;KAAO,MAAA;IAAuB,CAAA,IAE1CC,KACI,kBAACF,GAAD;KACI,MAAME;KACN,MAAA;IAAuB,CAAA,GAKnC,kBAAC,OAAD,EAAA,UAAA,CACI,kBAAC,KAAD;KACI,MAAK;KACL,WAAWzB,EACPE,EAAW,YACXI,CACJ;KAEC,UAAAK;IACF,CAAA,GAEFO,KACG,kBAAC,KAAD;KACI,MAAK;KACL,WAAWlB,EAAKE,EAAW,SAAS;KAEnC,UAAAgB;IACF,CAAA,CAEN,EAAA,CAAA,CACJ;;GAGL,kBAAC,OAAD;IAAK,WAAWlB,EAAKO,CAAsB;IAA3C,UAAA,CACKmB,KAAgBA,GAEhBC,KACG,kBAACJ,GAAD;KAAM,MAAMI;KAAc,MAAA;IAAuB,CAAA,CAEpD;;EACT,EAAA,CAAA;CAEK,CAAA;AAErB"}

package/dist/components/Input/Select/SelectItem/types.d.ts

@@ -1,10 +1,19 @@
 import { LucideIcon } from 'lucide-react';
 import { ReactNode } from 'react';
 import { ListBoxItem } from 'react-aria-components';
+/**
+ * Props for the {@link SelectItem} component.
+ * Extends React Aria's `ListBoxItem` props (excluding `children`).
+ */
 export interface SelectItemProps extends Omit<React.ComponentPropsWithRef<typeof ListBoxItem>, "children"> {
+    /** Optional leading icon displayed before the label text. */
     leadingIcon?: LucideIcon;
+    /** The primary text label of the selection item. */
     label: string;
+    /** Secondary descriptive supporting text placed beneath the label. */
     supportingText?: string;
+    /** Optional trailing text content (e.g. keyboard shortcut or counter). */
     trailingText?: ReactNode;
+    /** Optional trailing icon displayed at the far end of the item. */
     trailingIcon?: LucideIcon;
 }

package/dist/components/Input/Select/SelectList/SelectList.d.ts

@@ -1,6 +1,18 @@
 import { ListBox } from 'react-aria-components';
 import { MenuColor, MenuLayout } from '../../../Menu';
-export declare const SelectList: <T extends object>({ color, menuLayout, className, ...props }: React.ComponentPropsWithRef<typeof ListBox<T>> & {
+/**
+ * Props for the {@link SelectList} component.
+ * Extends React Aria's `ListBox` props with menu color and layout configuration.
+ */
+export interface SelectListProps<T extends object> extends React.ComponentPropsWithRef<typeof ListBox<T>> {
+    /** Visual color scheme for menu options. */
     color?: MenuColor;
+    /** Density and layout configuration of list items. */
     menuLayout?: MenuLayout;
-}) => import("react").JSX.Element;
+}
+/**
+ * The scrollable list of selectable options rendered within a {@link Select} or {@link ComboBox} popover.
+ *
+ * Implements Material Design 3 selection list styling, keyboard arrow navigation, and typeahead search.
+ */
+export declare const SelectList: <T extends object>({ color, menuLayout, className, ...props }: SelectListProps<T>) => import('react').JSX.Element;

package/dist/components/Input/Select/SelectList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Input/Select/SelectList/SelectList.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ListBox } from \"react-aria-components\";\nimport {\n    MenuBaseLayout,\n    type MenuColor,\n    type MenuLayout,\n    MenuStyles,\n    menuBaseColor,\n    menuColorConfig,\n    menuLayoutConfig,\n} from \"@/components/Menu\";\n\nexport const SelectList = <T extends object>({\n    color = \"standard\",\n    menuLayout = \"standard\",\n    className,\n    ...props\n}: React.ComponentPropsWithRef<typeof ListBox<T>> & {\n    color?: MenuColor;\n    menuLayout?: MenuLayout;\n}) => {\n    return (\n        <ListBox\n            className={(renderProps) =>\n                clsx(\n                    menuColorConfig(color),\n                    menuBaseColor,\n                    MenuBaseLayout,\n                    menuLayoutConfig(menuLayout),\n                    MenuStyles,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;AAYA,IAAa,KAAgC,EACzC,WAAQ,YACR,gBAAa,YACb,cACA,GAAG,QAMC,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAgB,CAAK,GACrB,GACA,GACA,EAAiB,CAAU,GAC3B,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AAAM,CAAA"}
+{"version":3,"file":"index.js","names":["menuColorConfig","menuLayoutConfig","MenuStyles","MenuBaseLayout","menuBaseColor","SelectList","props","ListBox","clsx","color","menuLayout","className","renderProps"],"sources":["../../../../../src/components/Input/Select/SelectList/SelectList.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ListBox } from \"react-aria-components\";\nimport {\n    MenuBaseLayout,\n    type MenuColor,\n    type MenuLayout,\n    MenuStyles,\n    menuBaseColor,\n    menuColorConfig,\n    menuLayoutConfig,\n} from \"@/components/Menu\";\n\n/**\n * Props for the {@link SelectList} component.\n * Extends React Aria's `ListBox` props with menu color and layout configuration.\n */\nexport interface SelectListProps<T extends object>\n    extends React.ComponentPropsWithRef<typeof ListBox<T>> {\n    /** Visual color scheme for menu options. */\n    color?: MenuColor;\n    /** Density and layout configuration of list items. */\n    menuLayout?: MenuLayout;\n}\n\n/**\n * The scrollable list of selectable options rendered within a {@link Select} or {@link ComboBox} popover.\n *\n * Implements Material Design 3 selection list styling, keyboard arrow navigation, and typeahead search.\n */\nexport const SelectList = <T extends object>({\n    color = \"standard\",\n    menuLayout = \"standard\",\n    className,\n    ...props\n}: SelectListProps<T>) => {\n    return (\n        <ListBox\n            className={(renderProps) =>\n                clsx(\n                    menuColorConfig(color),\n                    menuBaseColor,\n                    MenuBaseLayout,\n                    menuLayoutConfig(menuLayout),\n                    MenuStyles,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;AA6BA,IAAaK,KAAgC,EACzC,WAAQ,YACR,gBAAa,YACb,cACA,GAAGC,QAGC,kBAACC,GAAD;CACI,YAAY,MACRC,EACIR,EAAgBS,CAAK,GACrBL,GACAD,GACAF,EAAiBS,CAAU,GAC3BR,GACA,OAAOS,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;CAEJ,GAAIL;AAAM,CAAA"}

package/dist/components/Input/Select/SelectListSection/SelectListSection.d.ts

@@ -1,2 +1,5 @@
 import { ListBoxSection } from 'react-aria-components';
-export declare const SelectListSection: <T extends object>({ className, ...props }: React.ComponentPropsWithRef<typeof ListBoxSection<T>>) => import("react").JSX.Element;
+/**
+ * A group section separating categorized items within a {@link SelectList}.
+ */
+export declare const SelectListSection: <T extends object>({ className, ...props }: React.ComponentPropsWithRef<typeof ListBoxSection<T>>) => import('react').JSX.Element;

package/dist/components/Input/Select/SelectListSection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Input/Select/SelectListSection/SelectListSection.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ListBoxSection } from \"react-aria-components\";\nimport { MenuSectionStyles } from \"@/components/Menu\";\n\nexport const SelectListSection = <T extends object>({\n    className,\n    ...props\n}: React.ComponentPropsWithRef<typeof ListBoxSection<T>>) => {\n    return (\n        <ListBoxSection\n            className={clsx(MenuSectionStyles, className)}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;aAIa,KAAoB,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAGuB,IAAA,EAAA,IAAA,IAAA,EAAA,OAHJ,kBAAA,KAAA,GAGI,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IAGC,IAAA,EAAA,MAAlC,IAAA,EAAK,GAAmB,CAAS,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAE/C,OAF+C,EAAA,OAAA,KAAA,EAAA,OAAA,KADjD,IAAA,kBAAC,GAAD;EACe,WAAA;EAAkC,GACzC;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAHF;AAGE"}
+{"version":3,"file":"index.js","names":["_c","require_compiler_runtime","MenuSectionStyles","import_compiler_runtime","SelectListSection","$","className","props","t0","t1","clsx","t2","ListBoxSection"],"sources":["../../../../../src/components/Input/Select/SelectListSection/SelectListSection.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ListBoxSection } from \"react-aria-components\";\nimport { MenuSectionStyles } from \"@/components/Menu\";\n\n/**\n * A group section separating categorized items within a {@link SelectList}.\n */\nexport const SelectListSection = <T extends object>({\n    className,\n    ...props\n}: React.ComponentPropsWithRef<typeof ListBoxSection<T>>) => {\n    return (\n        <ListBoxSection\n            className={clsx(MenuSectionStyles, className)}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;aAOaI,KAAoB,MAAA;CAAA,IAAAC,KAAA,GAAAL,EAAAA,EAAAA,CAAA,CAAA,GAAAM,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGuB,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHJ,eAAA,GAAAE,KAAAC,GAGI,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAGC,IAAAD,EAAA,MAAlC,IAAAK,EAAKR,GAAmBI,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAE/C,OAF+CN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KADjD,IAAA,kBAACG,GAAD;EACe,WAAAH;EAAkC,GACzCF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAHFM;AAGE"}

package/dist/components/Input/Select/SelectListSectionHeader/SelectListSectionHeader.d.ts

@@ -1 +1,4 @@
+/**
+ * Header label rendered at the top of a {@link SelectListSection}.
+ */
 export declare const SelectListSectionHeader: React.FC<React.ComponentPropsWithRef<"header">>;

package/dist/components/Input/Select/SelectListSectionHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Input/Select/SelectListSectionHeader/SelectListSectionHeader.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Header } from \"react-aria-components\";\nimport { MenuSectionHeaderStyles } from \"@/components/Menu\";\nimport { typography } from \"@/utils\";\n\nexport const SelectListSectionHeader: React.FC<\n    React.ComponentPropsWithRef<\"header\">\n> = ({ className, ...props }) => {\n    return (\n        <Header\n            className={clsx(\n                typography.labelLarge,\n                MenuSectionHeaderStyles,\n                className\n            )}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;;aAKa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAAwB,IAAA,EAAA,IAAA,IAAA,EAAA,OAAvB,kBAAA,KAAA,GAAuB,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IAOf,IAAA,EAAA,MAJU,IAAA,EACP,EAAU,YACV,GACA,CACJ,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAEH,OAFG,EAAA,OAAA,KAAA,EAAA,OAAA,KALL,IAAA,kBAAC,GAAD;EACe,WAAA;EAIV,GACG;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAPF;AAOE"}
+{"version":3,"file":"index.js","names":["_c","require_compiler_runtime","MenuSectionHeaderStyles","import_compiler_runtime","SelectListSectionHeader","$","className","props","t0","t1","clsx","typography","t2","Header"],"sources":["../../../../../src/components/Input/Select/SelectListSectionHeader/SelectListSectionHeader.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Header } from \"react-aria-components\";\nimport { MenuSectionHeaderStyles } from \"@/components/Menu\";\nimport { typography } from \"@/utils\";\n\n/**\n * Header label rendered at the top of a {@link SelectListSection}.\n */\nexport const SelectListSectionHeader: React.FC<\n    React.ComponentPropsWithRef<\"header\">\n> = ({ className, ...props }) => {\n    return (\n        <Header\n            className={clsx(\n                typography.labelLarge,\n                MenuSectionHeaderStyles,\n                className\n            )}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;;aAQaI,KAET,MAAA;CAAA,IAAAC,KAAA,GAAAL,EAAAA,EAAAA,CAAA,CAAA,GAAAM,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAAwB,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAAvB,eAAA,GAAAE,KAAAC,GAAuB,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAOf,IAAAD,EAAA,MAJU,IAAAK,EACPC,EAAU,YACVT,GACAI,CACJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAG;CAEH,OAFGP,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KALL,IAAA,kBAACI,GAAD;EACe,WAAAJ;EAIV,GACGF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAG,KAAA,IAAAP,EAAA,IAPFO;AAOE"}

package/dist/components/Input/Select/SelectPopover/SelectPopover.d.ts

@@ -1,2 +1,11 @@
 import { Popover } from '../../../Popover';
-export declare const SelectPopover: React.FC<React.ComponentPropsWithRef<typeof Popover>>;
+/**
+ * Props for the {@link SelectPopover} component.
+ * Extends {@link Popover} props.
+ */
+export interface SelectPopoverProps extends React.ComponentPropsWithRef<typeof Popover> {
+}
+/**
+ * Floating dropdown container for displaying {@link SelectList} items.
+ */
+export declare const SelectPopover: React.FC<SelectPopoverProps>;

package/dist/components/Input/Select/SelectTrigger/SelectTrigger.d.ts

@@ -1,2 +1,11 @@
 import { Button } from 'react-aria-components';
-export declare const SelectTrigger: React.FC<Omit<React.ComponentPropsWithRef<typeof Button>, "children">>;
+/**
+ * Props for the {@link SelectTrigger} component.
+ * Extends React Aria's `Button` props (excluding `children`).
+ */
+export interface SelectTriggerProps extends Omit<React.ComponentPropsWithRef<typeof Button>, "children"> {
+}
+/**
+ * The clickable input trigger button that displays the selected value and toggles the select dropdown menu.
+ */
+export declare const SelectTrigger: React.FC<SelectTriggerProps>;

package/dist/components/Input/Slider/CenteredSlider/CenteredSlider.d.ts

@@ -1,2 +1,24 @@
 import { CenteredSliderProps } from './types';
-export declare const CenteredSlider: <T extends number>({ label, thumbLabel, size, minValue, maxValue, step, defaultValue, showInBetweenSteps, maxStops, outputRenderer, className, ...props }: CenteredSliderProps<T>) => import("react").JSX.Element;
+/**
+ * Material Design 3 centered slider component.
+ *
+ * Visualizes deviation from a central neutral point (the midpoint between `minValue` and `maxValue`).
+ * The active track fills outward from the center towards the thumb in either direction,
+ * making it ideal for balance, pan, exposure, or plus/minus adjustments.
+ *
+ * @example
+ * ```tsx
+ * import { CenteredSlider } from "@adgytec/web-ui-components";
+ *
+ * <CenteredSlider
+ *     label="Stereo Balance"
+ *     minValue={-50}
+ *     maxValue={50}
+ *     defaultValue={0}
+ *     step={5}
+ *     showInBetweenSteps
+ *     thumbLabel="Balance"
+ * />
+ * ```
+ */
+export declare const CenteredSlider: <T extends number>({ label, thumbLabel, size, minValue, maxValue, step, defaultValue, showInBetweenSteps, maxStops, outputRenderer, className, ...props }: CenteredSliderProps<T>) => import('react').JSX.Element;

package/dist/components/Input/Slider/CenteredSlider/types.d.ts

@@ -1,5 +1,11 @@
 import { Slider } from 'react-aria-components';
 import { BaseSliderProps } from '../core';
+/**
+ * Props for the [`CenteredSlider`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Input/Slider/CenteredSlider/CenteredSlider.tsx) component.
+ */
 export interface CenteredSliderProps<T extends number> extends Omit<React.ComponentPropsWithRef<typeof Slider<T>>, "children">, BaseSliderProps {
+    /**
+     * Accessible label (`aria-label`) for the slider thumb.
+     */
     thumbLabel?: string;
 }

package/dist/components/Input/Slider/RangeSlider/RangeSlider.d.ts

@@ -1,2 +1,25 @@
 import { RangeSliderProps, RangeSliderType } from './types';
-export declare const RangeSlider: <T extends RangeSliderType>({ label, thumbLabels, size, minValue, maxValue, step, defaultValue, showInBetweenSteps, maxStops, outputRenderer, className, ...props }: RangeSliderProps<T>) => import("react").JSX.Element;
+/**
+ * Material Design 3 dual-thumb range slider component.
+ *
+ * Allows users to choose a numeric range `[start, end]` using two independently draggable
+ * thumbs. Displays an active filled track between the thumbs, supports step indicators
+ * via [`SliderStops`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Input/Slider/SliderStops/SliderStops.tsx),
+ * and handles thumb overlap transitions.
+ *
+ * @example
+ * ```tsx
+ * import { RangeSlider } from "@adgytec/web-ui-components";
+ *
+ * <RangeSlider
+ *     label="Price Range"
+ *     minValue={0}
+ *     maxValue={1000}
+ *     defaultValue={[100, 500]}
+ *     step={25}
+ *     showInBetweenSteps
+ *     thumbLabels={["Minimum Price", "Maximum Price"]}
+ * />
+ * ```
+ */
+export declare const RangeSlider: <T extends RangeSliderType>({ label, thumbLabels, size, minValue, maxValue, step, defaultValue, showInBetweenSteps, maxStops, outputRenderer, className, ...props }: RangeSliderProps<T>) => import('react').JSX.Element;