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

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

@@ -1,2 +1,19 @@
 import { RadioProps } from './types';
+/**
+ * A radio button control implementing Material Design 3 Radio guidelines.
+ *
+ * Designed for single-choice options within a [`RadioGroup`](src/components/Input/Radio/RadioGroup.tsx).
+ * Features animated selection dot scaling, an accessible touch target, interaction state layers,
+ * and configurable label positioning. Built on React Aria's `RadioField` and `RadioButton`.
+ *
+ * @example
+ * ```tsx
+ * import { RadioGroup, Radio } from "@adgytec/web-ui-components";
+ *
+ * <RadioGroup label="Select an option">
+ *     <Radio value="1">Option One</Radio>
+ *     <Radio value="2" labelPlacement="start">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 [`Radio`](src/components/Input/Radio/Radio.tsx) 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,12 @@
 import { RadioLabelPlacement } from './types';
-export type RadioGroupContextValue = {
+/**
+ * Configuration context value passed down from [`RadioGroup`](src/components/Input/Radio/RadioGroup.tsx) to child [`Radio`](src/components/Input/Radio/Radio.tsx) components.
+ */
+export interface RadioGroupContextValue {
+    /** Inherited label placement for child radio items. */
     labelPlacement?: RadioLabelPlacement;
-    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/index.js

@@ -1,2 +1 @@
-import { n as e, t } from "../../../chunks/Radio";
-export { e as Radio, t as RadioGroup };
+export { n as Radio, t as RadioGroup } from "../../../chunks/Radio";

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

@@ -1,14 +1,40 @@
 import { ReactNode } from 'react';
-import { Radio, RadioGroup } from 'react-aria-components';
+import { RadioField, 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";
-export interface RadioGroupProps extends Omit<React.ComponentPropsWithRef<typeof RadioGroup>, "children">, CoreInputProps {
+/**
+ * Props for the [`RadioGroup`](src/components/Input/Radio/RadioGroup.tsx) component.
+ *
+ * Extends React Aria's `RadioGroup` props (excluding `children` and `orientation`) and [`CoreInputProps`](src/components/Input/core/types.ts).
+ */
+export interface RadioGroupProps extends Omit<React.ComponentPropsWithRef<typeof RadioGroup>, "children" | "orientation">, CoreInputProps {
+    /** The child radio buttons or custom layout structure rendered within the group. */
     children?: ReactNode;
-    radioItemsGap?: number;
+    /**
+     * Default label placement applied to all child radio items within the group.
+     * Can be overridden per individual [`Radio`](src/components/Input/Radio/Radio.tsx).
+     *
+     * @default "end"
+     */
     labelPlacement?: RadioLabelPlacement;
-    containerStateLayer?: boolean;
 }
-export interface RadioProps extends React.ComponentPropsWithRef<typeof Radio> {
+/**
+ * Props for the [`Radio`](src/components/Input/Radio/Radio.tsx) component.
+ *
+ * Extends all properties from React Aria's `RadioField`, including selection value and accessibility states.
+ */
+export interface RadioProps extends React.ComponentPropsWithRef<typeof RadioField> {
+    /**
+     * Alignment of the label text relative to the indicator circle.
+     * If omitted, inherits from the parent [`RadioGroup`](src/components/Input/Radio/RadioGroup.tsx) `labelPlacement`.
+     *
+     * @default "end"
+     */
     labelPlacement?: RadioLabelPlacement;
-    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/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../chunks/SearchField";
-export { e as SearchField };
+export { t as SearchField } from "../../../chunks/SearchField";

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/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/ComboBox";
-export { e as ComboBox };
+export { t as ComboBox } from "../../../../chunks/ComboBox";

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/ComboBoxPopover/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/ComboBoxPopover";
-export { e as ComboBoxPopover };
+export { t as ComboBoxPopover } from "../../../../chunks/ComboBoxPopover";

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/ComboBoxTrigger/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/ComboBoxTrigger";
-export { e as ComboBoxTrigger };
+export { t as ComboBoxTrigger } from "../../../../chunks/ComboBoxTrigger";

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

@@ -5,7 +5,7 @@ import { c as r, l as i, n as a } from "../../../../chunks/core4";
 import o from "clsx";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 import { Select as u } from "react-aria-components";
-//#region src/components/Input/Select/Select/Select.tsx
+// src/components/Input/Select/Select/Select.tsx
 var d = ({ label: d, description: f, errorMessage: p, showDescriptionOnInvalid: m = !1, children: h, className: g, ..._ }) => /* @__PURE__ */ c(u, {
 	className: (e) => o(a, r, typeof g == "function" ? g(e) : g),
 	..._,
@@ -25,7 +25,6 @@ var d = ({ label: d, description: f, errorMessage: p, showDescriptionOnInvalid:
 		] });
 	}
 });
-//#endregion
 export { d as Select };
 
 //# sourceMappingURL=index.js.map

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

@@ -6,7 +6,7 @@ import l from "clsx";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { ListBoxItem as p } from "react-aria-components";
 import { Check as m } from "lucide-react";
-//#region src/components/Input/Select/SelectItem/SelectItem.tsx
+// src/components/Input/Select/SelectItem/SelectItem.tsx
 var h = ({ leadingIcon: h, label: g, supportingText: _, trailingText: v, trailingIcon: y, className: b, onPress: x, textValue: S = g, ...C }) => {
 	let { splashInfo: w, handlePress: T } = r(x);
 	return /* @__PURE__ */ d(p, {
@@ -45,7 +45,6 @@ var h = ({ leadingIcon: h, label: g, supportingText: _, trailingText: v, trailin
 		] })
 	});
 };
-//#endregion
 export { h as SelectItem };
 
 //# sourceMappingURL=index.js.map

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

@@ -2,12 +2,11 @@ import { d as e, l as t, o as n, s as r, u as i } from "../../../../chunks/core6
 import { clsx as a } from "clsx";
 import { jsx as o } from "react/jsx-runtime";
 import { ListBox as s } from "react-aria-components";
-//#region src/components/Input/Select/SelectList/SelectList.tsx
+// src/components/Input/Select/SelectList/SelectList.tsx
 var c = ({ color: c = "standard", menuLayout: l = "standard", className: u, ...d }) => /* @__PURE__ */ o(s, {
 	className: (o) => a(e(c), i, r, t(l), n, typeof u == "function" ? u(o) : u),
 	...d
 });
-//#endregion
 export { c as SelectList };
 
 //# sourceMappingURL=index.js.map

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

@@ -3,7 +3,7 @@ import { a as t } from "../../../../chunks/core6";
 import { clsx as n } from "clsx";
 import { jsx as r } from "react/jsx-runtime";
 import { ListBoxSection as i } from "react-aria-components";
-//#region src/components/Input/Select/SelectListSection/SelectListSection.tsx
+// src/components/Input/Select/SelectListSection/SelectListSection.tsx
 var a = e(), o = (e) => {
 	let o = (0, a.c)(8), s, c;
 	o[0] === e ? (s = o[1], c = o[2]) : ({className: s, ...c} = e, o[0] = e, o[1] = s, o[2] = c);
@@ -15,7 +15,6 @@ var a = e(), o = (e) => {
 		...c
 	}), o[5] = c, o[6] = l, o[7] = u) : u = o[7], u;
 };
-//#endregion
 export { o as SelectListSection };
 
 //# sourceMappingURL=index.js.map

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":";;;;;;A,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

@@ -4,7 +4,7 @@ import { i as n } from "../../../../chunks/core6";
 import { clsx as r } from "clsx";
 import { jsx as i } from "react/jsx-runtime";
 import { Header as a } from "react-aria-components";
-//#region src/components/Input/Select/SelectListSectionHeader/SelectListSectionHeader.tsx
+// src/components/Input/Select/SelectListSectionHeader/SelectListSectionHeader.tsx
 var o = e(), s = (e) => {
 	let s = (0, o.c)(8), c, l;
 	s[0] === e ? (c = s[1], l = s[2]) : ({className: c, ...l} = e, s[0] = e, s[1] = c, s[2] = l);
@@ -16,7 +16,6 @@ var o = e(), s = (e) => {
 		...l
 	}), s[5] = l, s[6] = u, s[7] = d) : d = s[7], d;
 };
-//#endregion
 export { s as SelectListSectionHeader };
 
 //# sourceMappingURL=index.js.map

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":";;;;;;;A,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/SelectPopover/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/SelectPopover";
-export { e as SelectPopover };
+export { t as SelectPopover } from "../../../../chunks/SelectPopover";

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/Select/SelectTrigger/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/SelectTrigger";
-export { e as SelectTrigger };
+export { t as SelectTrigger } from "../../../../chunks/SelectTrigger";

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;