@unisane/ui 0.1.0-next.b67ebfd0

package/dist/components/search-bar.js

@@ -0,0 +1,71 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useMemo, useRef, useState } from 'react';
+import { cn } from '../lib/utils.js';
+import { Icon } from './icon.js';
+import { getFieldSizeStyles } from '../lib/field-size.js';
+function isIconElement(node) {
+    return React.isValidElement(node) && node.type === Icon;
+}
+function normalizeIconNode(node, size) {
+    if (!isIconElement(node) || node.props.size !== undefined) {
+        return node;
+    }
+    return React.cloneElement(node, { size });
+}
+export const SearchBar = ({ leadingIcon, trailingIcon, onTrailingIconClick, iconSize, className, placeholder = 'Search', value, defaultValue, onChange, disabled, readOnly, type, size = 'md', ...props }) => {
+    const inputRef = useRef(null);
+    const isControlled = value !== undefined;
+    const [internalValue, setInternalValue] = useState(() => {
+        if (typeof defaultValue === 'string')
+            return defaultValue;
+        if (typeof defaultValue === 'number')
+            return String(defaultValue);
+        return '';
+    });
+    const currentValue = useMemo(() => {
+        if (!isControlled)
+            return internalValue;
+        if (typeof value === 'string')
+            return value;
+        if (typeof value === 'number')
+            return String(value);
+        return '';
+    }, [internalValue, isControlled, value]);
+    const canClear = !disabled && !readOnly;
+    const shouldShowDefaultClear = !trailingIcon && canClear && currentValue.length > 0;
+    const fieldSize = getFieldSizeStyles(size);
+    const resolvedIconSize = iconSize ?? (size === 'lg' ? 'md' : 'sm');
+    const handleInputChange = (event) => {
+        if (!isControlled) {
+            setInternalValue(event.target.value);
+        }
+        onChange?.(event);
+    };
+    const handleTrailingAction = () => {
+        if (onTrailingIconClick) {
+            onTrailingIconClick();
+            return;
+        }
+        if (!shouldShowDefaultClear)
+            return;
+        const input = inputRef.current;
+        if (!input)
+            return;
+        if (!isControlled) {
+            setInternalValue('');
+        }
+        const valueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value')?.set;
+        valueSetter?.call(input, '');
+        input.dispatchEvent(new Event('input', { bubbles: true }));
+        input.focus();
+    };
+    const trailing = normalizeIconNode(trailingIcon ??
+        (shouldShowDefaultClear ? _jsx(Icon, { symbol: "close", size: resolvedIconSize }) : null), resolvedIconSize);
+    const trailingIsAction = Boolean(onTrailingIconClick || shouldShowDefaultClear);
+    const resolvedLeadingIcon = normalizeIconNode(leadingIcon ?? _jsx(Icon, { symbol: "search", size: resolvedIconSize }), resolvedIconSize);
+    return (_jsxs("div", { role: "search", className: cn('group bg-surface-container-low border-control-outline hover:bg-surface-container focus-within:bg-surface-container focus-within:border-primary duration-medium ease-standard relative w-full cursor-text rounded-sm border transition-all', fieldSize.containerHeight, className), children: [_jsx("div", { className: cn('text-on-surface pointer-events-none absolute inset-y-0 left-0 flex items-center', fieldSize.searchTriggerPadding), children: resolvedLeadingIcon }), _jsx("input", { ref: inputRef, type: type ?? 'search', value: value, defaultValue: defaultValue, onChange: handleInputChange, disabled: disabled, readOnly: readOnly, className: cn('text-on-surface placeholder:text-on-surface-variant h-full w-full [appearance:textfield] border-none bg-transparent outline-none [&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-webkit-search-results-button]:appearance-none [&::-webkit-search-results-decoration]:appearance-none', fieldSize.searchText, fieldSize.searchInputPaddingLeft, trailing
+                    ? fieldSize.searchInputPaddingRightWithTrailing
+                    : fieldSize.searchInputPaddingRightWithoutTrailing), placeholder: placeholder, ...props }), trailing ? (trailingIsAction ? (_jsx("button", { type: "button", onClick: handleTrailingAction, "aria-label": shouldShowDefaultClear ? 'Clear search' : 'Search action', className: cn('text-on-surface-variant hover:bg-state-hover hover:text-on-surface focus-visible:outline-focus-ring rounded-icon-button absolute top-1/2 inline-flex -translate-y-1/2 items-center justify-center transition-colors focus-visible:outline focus-visible:outline-2', fieldSize.actionInset, fieldSize.actionSize), children: trailing })) : (_jsx("div", { className: cn('text-on-surface-variant pointer-events-none absolute top-1/2 inline-flex -translate-y-1/2 items-center justify-center', fieldSize.passiveTrailingInset, fieldSize.passiveTrailingSize), children: trailing }))) : null] }));
+};
+//# sourceMappingURL=search-bar.js.map

package/dist/components/search-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.js","sourceRoot":"","sources":["../../src/components/search-bar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAkB,MAAM,mBAAmB,CAAC;AAEvE,SAAS,aAAa,CAAC,IAAqB;IAC1C,OAAO,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC;AAC1D,CAAC;AAED,SAAS,iBAAiB,CACxB,IAAqB,EACrB,IAAoC;IAEpC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC1D,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;AAC5C,CAAC;AAUD,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,WAAW,EACX,YAAY,EACZ,mBAAmB,EACnB,QAAQ,EACR,SAAS,EACT,WAAW,GAAG,QAAQ,EACtB,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,KAAK,KAAK,SAAS,CAAC;IACzC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;QACtD,IAAI,OAAO,YAAY,KAAK,QAAQ;YAAE,OAAO,YAAY,CAAC;QAC1D,IAAI,OAAO,YAAY,KAAK,QAAQ;YAAE,OAAO,MAAM,CAAC,YAAY,CAAC,CAAC;QAClE,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,IAAI,CAAC,YAAY;YAAE,OAAO,aAAa,CAAC;QACxC,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,OAAO,KAAK,CAAC;QAC5C,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;QACpD,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzC,MAAM,QAAQ,GAAG,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC;IACxC,MAAM,sBAAsB,GAAG,CAAC,YAAY,IAAI,QAAQ,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;IACpF,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,gBAAgB,GACpB,QAAQ,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAE5C,MAAM,iBAAiB,GAAG,CAAC,KAA0C,EAAE,EAAE;QACvE,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACvC,CAAC;QACD,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,IAAI,mBAAmB,EAAE,CAAC;YACxB,mBAAmB,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,sBAAsB;YAAE,OAAO;QACpC,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACvB,CAAC;QACD,MAAM,WAAW,GAAG,MAAM,CAAC,wBAAwB,CACjD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EACjC,OAAO,CACR,EAAE,GAAG,CAAC;QACP,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC7B,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC3D,KAAK,CAAC,KAAK,EAAE,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,iBAAiB,CAChC,YAAY;QACV,CAAC,sBAAsB,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,MAAM,EAAC,OAAO,EAAC,IAAI,EAAE,gBAAgB,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EACnF,gBAAgB,CACjB,CAAC;IACF,MAAM,gBAAgB,GAAG,OAAO,CAAC,mBAAmB,IAAI,sBAAsB,CAAC,CAAC;IAChF,MAAM,mBAAmB,GAAG,iBAAiB,CAC3C,WAAW,IAAI,KAAC,IAAI,IAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAE,gBAAgB,GAAI,EAC/D,gBAAgB,CACjB,CAAC;IAEF,OAAO,CACL,eACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACX,2OAA2O,EAC3O,SAAS,CAAC,eAAe,EACzB,SAAS,CACV,aAED,cACE,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,SAAS,CAAC,oBAAoB,CAC/B,YAEA,mBAAmB,GAChB,EAEN,gBACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,IAAI,IAAI,QAAQ,EACtB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,iBAAiB,EAC3B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,6UAA6U,EAC7U,SAAS,CAAC,UAAU,EACpB,SAAS,CAAC,sBAAsB,EAChC,QAAQ;oBACN,CAAC,CAAC,SAAS,CAAC,mCAAmC;oBAC/C,CAAC,CAAC,SAAS,CAAC,sCAAsC,CACrD,EACD,WAAW,EAAE,WAAW,KACpB,KAAK,GACT,EAED,QAAQ,CAAC,CAAC,CAAC,CACV,gBAAgB,CAAC,CAAC,CAAC,CACjB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,oBAAoB,gBACjB,sBAAsB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,EACrE,SAAS,EAAE,EAAE,CACX,mQAAmQ,EACnQ,SAAS,CAAC,WAAW,EACrB,SAAS,CAAC,UAAU,CACrB,YAEA,QAAQ,GACF,CACV,CAAC,CAAC,CAAC,CACF,cACE,SAAS,EAAE,EAAE,CACX,uHAAuH,EACvH,SAAS,CAAC,oBAAoB,EAC9B,SAAS,CAAC,mBAAmB,CAC9B,YAEA,QAAQ,GACL,CACP,CACF,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/segmented-button.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { type IconProps } from './icon.js';
+export interface SegmentedButtonOption<Value extends string = string> {
+    value: Value;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    className?: string;
+}
+export type SegmentedButtonSize = 'sm' | 'md' | 'lg';
+type AccessibleGroupName = {
+    'aria-label': string;
+    'aria-labelledby'?: string;
+} | {
+    'aria-label'?: string;
+    'aria-labelledby': string;
+};
+type SegmentedButtonCommonProps<Value extends string = string> = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'defaultValue' | 'onChange' | 'onSelect' | 'role'> & AccessibleGroupName & {
+    iconSize?: NonNullable<IconProps['size']>;
+    options: readonly SegmentedButtonOption<Value>[];
+    size?: SegmentedButtonSize;
+};
+export type SegmentedButtonSingleProps<Value extends string = string> = SegmentedButtonCommonProps<Value> & {
+    selectionMode?: 'single';
+    value?: NoInfer<Value> | null;
+    defaultValue?: NoInfer<Value> | null;
+    onValueChange?: (value: NoInfer<Value>) => void;
+};
+export type SegmentedButtonMultipleProps<Value extends string = string> = SegmentedButtonCommonProps<Value> & {
+    selectionMode: 'multiple';
+    value?: NoInfer<Value>[];
+    defaultValue?: NoInfer<Value>[];
+    onValueChange?: (value: NoInfer<Value>[]) => void;
+};
+export type SegmentedButtonProps<Value extends string = string> = SegmentedButtonSingleProps<Value> | SegmentedButtonMultipleProps<Value>;
+type SegmentedButtonComponent = <Value extends string = string>(props: SegmentedButtonProps<Value> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+export declare const SegmentedButton: SegmentedButtonComponent;
+export {};
+//# sourceMappingURL=segmented-button.d.ts.map

package/dist/components/segmented-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-button.d.ts","sourceRoot":"","sources":["../../src/components/segmented-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAG9C,MAAM,WAAW,qBAAqB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM;IAClE,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,KAAK,mBAAmB,GACpB;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAAE,GACpD;IAAE,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzD,KAAK,0BAA0B,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CACnE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAC/D,GACC,mBAAmB,GAAG;IACpB,QAAQ,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1C,OAAO,EAAE,SAAS,qBAAqB,CAAC,KAAK,CAAC,EAAE,CAAC;IACjD,IAAI,CAAC,EAAE,mBAAmB,CAAC;CAC5B,CAAC;AAEJ,MAAM,MAAM,0BAA0B,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAClE,0BAA0B,CAAC,KAAK,CAAC,GAAG;IAClC,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CACjD,CAAC;AAEJ,MAAM,MAAM,4BAA4B,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IACpE,0BAA0B,CAAC,KAAK,CAAC,GAAG;IAClC,aAAa,EAAE,UAAU,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC;CACnD,CAAC;AAEJ,MAAM,MAAM,oBAAoB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAC1D,0BAA0B,CAAC,KAAK,CAAC,GACjC,4BAA4B,CAAC,KAAK,CAAC,CAAC;AAwSxC,KAAK,wBAAwB,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EAC5D,KAAK,EAAE,oBAAoB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KACrE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAE/B,eAAO,MAAM,eAAe,EAA0B,wBAAwB,CAAC"}

package/dist/components/segmented-button.js

@@ -0,0 +1,162 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { actionFrameHeightClasses, actionFramePaddingXClasses } from '../lib/action-size.js';
+import { cn } from '../lib/utils.js';
+import { useControllableState } from '../lib/use-controllable-state.js';
+import { Icon } from './icon.js';
+import { Ripple } from './ripple.js';
+function isIconElement(node) {
+    return React.isValidElement(node) && node.type === Icon;
+}
+function normalizeIconNode(node, size) {
+    if (!isIconElement(node) || node.props.size !== undefined)
+        return node;
+    return React.cloneElement(node, { size });
+}
+function getDefaultIconSize(size) {
+    return size === 'lg' ? 'md' : 'sm';
+}
+function getSegmentedButtonSizeStyles(size) {
+    return {
+        containerHeight: actionFrameHeightClasses[size],
+        itemGap: 'gap-2.5',
+        itemPaddingX: actionFramePaddingXClasses[size],
+        itemText: size === 'sm' ? 'text-label-medium' : 'text-label-large',
+        iconClass: size === 'lg' ? 'size-icon-md' : 'size-icon-sm',
+        checkWidth: size === 'lg' ? 'w-[var(--icon-md)]' : 'w-[var(--icon-sm)]',
+        checkClass: size === 'lg' ? 'size-icon-md' : 'size-icon-sm',
+        checkStrokeWidth: size === 'sm' ? 3 : 4,
+    };
+}
+function getDirection(event) {
+    const localDirection = event.currentTarget.closest('[dir]')?.getAttribute('dir');
+    const documentDirection = document.documentElement.getAttribute('dir');
+    return localDirection === 'rtl' || documentDirection === 'rtl' ? 'rtl' : 'ltr';
+}
+function SegmentedButtonRoot({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, className, forwardedRef, iconSize, isSelected, onOptionSelect, options, selectionMode, size = 'md', ...groupProps }) {
+    const sizeStyles = getSegmentedButtonSizeStyles(size);
+    const resolvedIconSize = iconSize ?? getDefaultIconSize(size);
+    const buttonRefs = React.useRef([]);
+    const selectedIndex = options.findIndex((option) => !option.disabled && isSelected(option.value));
+    const firstEnabledIndex = options.findIndex((option) => !option.disabled);
+    const [tabStopIndex, setTabStopIndex] = React.useState(selectedIndex === -1 ? firstEnabledIndex : selectedIndex);
+    React.useEffect(() => {
+        if (selectionMode === 'single') {
+            setTabStopIndex(selectedIndex === -1 ? firstEnabledIndex : selectedIndex);
+        }
+    }, [firstEnabledIndex, selectedIndex, selectionMode]);
+    const resolvedTabStopIndex = options[tabStopIndex]?.disabled
+        ? selectedIndex === -1
+            ? firstEnabledIndex
+            : selectedIndex
+        : tabStopIndex;
+    const getNextEnabledIndex = React.useCallback((startIndex, direction) => {
+        if (options.length === 0)
+            return -1;
+        let index = startIndex;
+        for (let attempt = 0; attempt < options.length; attempt += 1) {
+            index = (index + direction + options.length) % options.length;
+            if (!options[index]?.disabled)
+                return index;
+        }
+        return -1;
+    }, [options]);
+    const moveFocus = (index) => {
+        if (index === -1)
+            return;
+        setTabStopIndex(index);
+        buttonRefs.current[index]?.focus();
+        if (selectionMode === 'single') {
+            const value = options[index]?.value;
+            if (value !== undefined)
+                onOptionSelect(value);
+        }
+    };
+    const handleKeyDown = (event, index) => {
+        const direction = getDirection(event);
+        switch (event.key) {
+            case 'ArrowRight':
+                event.preventDefault();
+                moveFocus(getNextEnabledIndex(index, direction === 'rtl' ? -1 : 1));
+                break;
+            case 'ArrowLeft':
+                event.preventDefault();
+                moveFocus(getNextEnabledIndex(index, direction === 'rtl' ? 1 : -1));
+                break;
+            case 'ArrowDown':
+                event.preventDefault();
+                moveFocus(getNextEnabledIndex(index, 1));
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                moveFocus(getNextEnabledIndex(index, -1));
+                break;
+            case 'Home':
+                event.preventDefault();
+                moveFocus(getNextEnabledIndex(-1, 1));
+                break;
+            case 'End':
+                event.preventDefault();
+                moveFocus(getNextEnabledIndex(0, -1));
+                break;
+            case ' ':
+            case 'Enter': {
+                event.preventDefault();
+                const value = options[index]?.value;
+                if (value !== undefined)
+                    onOptionSelect(value);
+                break;
+            }
+            default:
+                break;
+        }
+    };
+    return (_jsx("div", { ...groupProps, ref: forwardedRef, className: cn('border-control-outline rounded-button relative isolate inline-flex max-w-full overflow-hidden border', sizeStyles.containerHeight, className), role: selectionMode === 'single' ? 'radiogroup' : 'group', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children: options.map((option, index) => {
+            const selected = isSelected(option.value);
+            const isLast = index === options.length - 1;
+            return (_jsxs("button", { ref: (node) => {
+                    buttonRefs.current[index] = node;
+                }, type: "button", disabled: option.disabled, tabIndex: index === resolvedTabStopIndex ? 0 : -1, role: selectionMode === 'single' ? 'radio' : 'checkbox', "aria-checked": selected, onFocus: () => setTabStopIndex(index), onClick: () => onOptionSelect(option.value), onKeyDown: (event) => handleKeyDown(event, index), className: cn('focus-visible:outline-focus-ring relative flex h-full min-w-fit flex-1 items-center justify-center leading-none font-medium whitespace-nowrap transition-all select-none focus-visible:z-10 focus-visible:outline-2', sizeStyles.itemGap, sizeStyles.itemPaddingX, sizeStyles.itemText, !isLast && 'border-control-outline border-r', option.disabled && 'text-on-surface cursor-not-allowed bg-transparent opacity-38', selected && !option.disabled
+                    ? 'bg-secondary-container text-on-secondary-container'
+                    : 'text-on-surface-variant bg-surface hover:bg-surface-container-high', option.className), children: [_jsx(Ripple, { disabled: option.disabled }), _jsx("span", { "aria-hidden": "true", className: cn('duration-medium ease-emphasized flex items-center justify-center overflow-hidden transition-all', selected ? `${sizeStyles.checkWidth} opacity-100` : 'w-0 opacity-0'), children: _jsx("svg", { className: sizeStyles.checkClass, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: sizeStyles.checkStrokeWidth, children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }) }), option.icon && !selected ? (_jsx("span", { "aria-hidden": "true", className: cn('relative z-10 flex items-center justify-center', sizeStyles.iconClass), children: normalizeIconNode(option.icon, resolvedIconSize) })) : null, _jsx("span", { className: "relative z-10 truncate leading-none", children: option.label })] }, option.value));
+        }) }));
+}
+function SegmentedButtonSingle({ defaultValue, onValueChange, 
+// The discriminant is consumed by the wrapper and must not reach the root element.
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+selectionMode: _selectionMode, value, forwardedRef, ...commonProps }) {
+    const [currentValue, setCurrentValue] = useControllableState({
+        value,
+        defaultValue,
+        onChange: (nextValue) => {
+            if (nextValue !== null)
+                onValueChange?.(nextValue);
+        },
+    });
+    return (_jsx(SegmentedButtonRoot, { ...commonProps, forwardedRef: forwardedRef, selectionMode: "single", isSelected: (optionValue) => currentValue === optionValue, onOptionSelect: setCurrentValue }));
+}
+function SegmentedButtonMultiple({ defaultValue = [], onValueChange, 
+// The discriminant is consumed by the wrapper and must not reach the root element.
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+selectionMode: _selectionMode, value, forwardedRef, ...commonProps }) {
+    const [currentValue = [], setCurrentValue] = useControllableState({
+        value,
+        defaultValue,
+        onChange: onValueChange,
+    });
+    return (_jsx(SegmentedButtonRoot, { ...commonProps, forwardedRef: forwardedRef, selectionMode: "multiple", isSelected: (optionValue) => currentValue.includes(optionValue), onOptionSelect: (optionValue) => {
+            setCurrentValue(currentValue.includes(optionValue)
+                ? currentValue.filter((item) => item !== optionValue)
+                : [...currentValue, optionValue]);
+        } }));
+}
+const SegmentedButtonBase = React.forwardRef((props, forwardedRef) => {
+    if (props.selectionMode === 'multiple') {
+        return _jsx(SegmentedButtonMultiple, { ...props, forwardedRef: forwardedRef });
+    }
+    return _jsx(SegmentedButtonSingle, { ...props, forwardedRef: forwardedRef });
+});
+SegmentedButtonBase.displayName = 'SegmentedButton';
+export const SegmentedButton = SegmentedButtonBase;
+//# sourceMappingURL=segmented-button.js.map

package/dist/components/segmented-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-button.js","sourceRoot":"","sources":["../../src/components/segmented-button.tsx"],"names":[],"mappings":"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"}

package/dist/components/select-field.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { type FieldSize } from '../lib/field-size.js';
+import { type FieldShellVariant } from '../lib/field-shell.js';
+export interface SelectFieldOption {
+    value: string;
+    label: React.ReactNode;
+    textValue?: string;
+    disabled?: boolean;
+}
+type SelectFieldNamingProps = {
+    label: React.ReactNode;
+    hideLabel?: boolean;
+    'aria-label'?: string;
+} | {
+    label?: never;
+    hideLabel?: never;
+    'aria-label': string;
+};
+type SelectFieldCommonProps = {
+    id?: string;
+    options: SelectFieldOption[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    invalid?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    placeholder?: React.ReactNode;
+    portal?: boolean;
+    size?: FieldSize;
+    variant?: FieldShellVariant;
+    className?: string;
+    triggerClassName?: string;
+    contentClassName?: string;
+    'aria-describedby'?: string;
+};
+export type SelectFieldProps = SelectFieldCommonProps & SelectFieldNamingProps;
+export declare const SelectField: React.ForwardRefExoticComponent<SelectFieldProps & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=select-field.d.ts.map

package/dist/components/select-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-field.d.ts","sourceRoot":"","sources":["../../src/components/select-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAG5B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,KAAK,sBAAsB,GACvB;IACE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEN,KAAK,sBAAsB,GAAG;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GAAG,sBAAsB,CAAC;AAE/E,eAAO,MAAM,WAAW,4FA8IvB,CAAC"}

package/dist/components/select-field.js

@@ -0,0 +1,56 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Field, FieldDescription, FieldError, FieldLabel } from './field.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './select.js';
+import { cn } from '../lib/utils.js';
+import { getFieldSizeStyles } from '../lib/field-size.js';
+import { getFieldHelperTextClasses, getFieldLabelClasses, } from '../lib/field-shell.js';
+import { useControllableState } from '../lib/use-controllable-state.js';
+export const SelectField = React.forwardRef(({ 'aria-describedby': externalDescribedBy, 'aria-label': ariaLabel, className, contentClassName, defaultOpen = false, defaultValue, description, disabled = false, errorMessage, hideLabel = false, id, invalid = false, label, name, onOpenChange, onValueChange, open, options, placeholder = 'Select an option', portal = true, required = false, size = 'md', triggerClassName, value, variant = 'outlined', }, ref) => {
+    const generatedId = React.useId();
+    const fieldId = id ?? `select-field-${generatedId}`;
+    const labelId = label ? `${fieldId}-label` : undefined;
+    const descriptionId = description ? `${fieldId}-description` : undefined;
+    const errorId = errorMessage ? `${fieldId}-error` : undefined;
+    const resolvedInvalid = invalid || Boolean(errorMessage);
+    const messageId = errorMessage ? errorId : descriptionId;
+    const describedBy = mergeIds(externalDescribedBy, messageId);
+    const fieldSize = getFieldSizeStyles(size);
+    const [selectedValue, setSelectedValue] = useControllableState({
+        value,
+        defaultValue,
+        onChange: onValueChange,
+    });
+    const [openState, setOpenState] = useControllableState({
+        value: open,
+        defaultValue: defaultOpen,
+        onChange: onOpenChange,
+    });
+    const isOpen = openState ?? false;
+    const isFloating = hideLabel || isOpen || Boolean(selectedValue);
+    return (_jsxs(Field, { className: className, invalid: resolvedInvalid, children: [_jsxs(Select, { value: selectedValue, onValueChange: setSelectedValue, open: isOpen, onOpenChange: setOpenState, disabled: disabled, required: required, name: name, children: [_jsxs("div", { className: "relative", children: [_jsx(SelectTrigger, { ref: ref, id: fieldId, variant: variant, size: size, invalid: resolvedInvalid, "aria-label": ariaLabel, "aria-labelledby": labelId, "aria-describedby": describedBy, className: triggerClassName, children: _jsx("span", { className: cn('pointer-events-none flex h-full min-w-0 items-center', fieldSize.horizontalPadding, fieldSize.valueText, variant === 'filled' && label
+                                        ? cn('items-end', fieldSize.filledDisplayPadding)
+                                        : ''), children: _jsx(SelectValue, { placeholder: isFloating || !label ? placeholder : undefined }) }) }), label ? (_jsx(FieldLabel, { id: labelId, htmlFor: fieldId, required: required, className: hideLabel
+                                    ? 'sr-only'
+                                    : getFieldLabelClasses({
+                                        size,
+                                        variant,
+                                        floating: isFloating,
+                                        error: resolvedInvalid,
+                                        active: isOpen,
+                                        floatingClassName: variant === 'filled' ? fieldSize.filledDisplayFloatingLabel : undefined,
+                                    }), children: label })) : null] }), _jsxs(SelectContent, { portal: portal, className: contentClassName, children: [options.map((option) => (_jsx(SelectItem, { value: option.value, disabled: option.disabled, textValue: option.textValue ?? getOptionTextValue(option), children: option.label }, option.value))), options.length === 0 ? (_jsx("div", { className: "text-label-medium text-on-surface-variant px-3 py-3 font-medium", children: "No options" })) : null] })] }), errorMessage ? (_jsx(FieldError, { id: errorId, className: getFieldHelperTextClasses(size, true), children: errorMessage })) : description ? (_jsx(FieldDescription, { id: descriptionId, className: getFieldHelperTextClasses(size), children: description })) : null] }));
+});
+SelectField.displayName = 'SelectField';
+function mergeIds(...ids) {
+    const merged = ids.filter(Boolean).join(' ');
+    return merged || undefined;
+}
+function getOptionTextValue(option) {
+    if (typeof option.label === 'string' || typeof option.label === 'number') {
+        return String(option.label);
+    }
+    return option.value;
+}
+//# sourceMappingURL=select-field.js.map

package/dist/components/select-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-field.js","sourceRoot":"","sources":["../../src/components/select-field.tsx"],"names":[],"mappings":"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"}

package/dist/components/select.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { type FieldSize } from '../lib/field-size.js';
+import { type FieldShellVariant } from '../lib/field-shell.js';
+export interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+}
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
+export interface SelectTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    invalid?: boolean;
+    size?: FieldSize;
+    trailingIcon?: React.ReactNode;
+    variant?: FieldShellVariant;
+}
+export declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export interface SelectValueProps extends React.HTMLAttributes<HTMLSpanElement> {
+    placeholder?: React.ReactNode;
+}
+export declare const SelectValue: React.ForwardRefExoticComponent<SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+export interface SelectContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    portal?: boolean;
+    maxHeight?: number;
+    sideOffset?: number;
+}
+export declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface SelectItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    value: string;
+    disabled?: boolean;
+    textValue?: string;
+}
+export declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
+export type SelectGroupProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const SelectGroup: React.ForwardRefExoticComponent<SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+export type SelectLabelProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const SelectLabel: React.ForwardRefExoticComponent<SelectLabelProps & React.RefAttributes<HTMLDivElement>>;
+export type SelectSeparatorProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const SelectSeparator: React.ForwardRefExoticComponent<SelectSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=select.d.ts.map

package/dist/components/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAA0B,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAsCpF,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc,GAAG,UAAU,CAC5B;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,MAAM,oFAmNlB,CAAC;AAGF,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,8FAuHzB,CAAC;AAGF,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC7E,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,eAAO,MAAM,WAAW,0FAkBvB,CAAC;AAWF,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,2FAqIzB,CAAC;AAGF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC7F,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,wFA+EtB,CAAC;AAGF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEpE,eAAO,MAAM,WAAW,yFAEtB,CAAC;AAGH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEpE,eAAO,MAAM,WAAW,yFAQvB,CAAC;AAGF,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAExE,eAAO,MAAM,eAAe,6FAS3B,CAAC"}