@homonoid/react 0.0.0-stage → 0.1.1

package/dist/components/select/Select.js

@@ -0,0 +1,216 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useId, useRef, useEffect, useCallback, Children, isValidElement, } from "react";
+import { useFloating, autoUpdate, offset as offsetMiddleware, flip, shift, size as sizeMiddleware, useClick, useDismiss, useRole, useListNavigation, useTypeahead, useInteractions, } from "@floating-ui/react";
+import { SelectContext } from "./SelectContext";
+import { SelectTrigger } from "./SelectTrigger";
+import { SelectValue } from "./SelectValue";
+import { SelectContent } from "./SelectContent";
+import { SelectList } from "./SelectList";
+import { SelectItem } from "./SelectItem";
+import { SelectGroup } from "./SelectGroup";
+import { Label } from "../label/Label";
+import { Description } from "../description/Description";
+import { any, cond, when } from "../../utils/condition";
+import { cn } from "../../utils/cn";
+export const Select = function Select({ children, value: controlledValue, defaultValue, onValueChange, open: controlledOpen, defaultOpen = false, onOpenChange, disabled = false, invalid = false, size = "md", radius = "lg", variant = "outlined", color = "surface", placeholder = "Select option", label, description, error, options, id, className, }) {
+    const itemsMapRef = useRef(new Map());
+    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
+    const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));
+    const isValueControlled = controlledValue !== undefined;
+    const isValue = cond(isValueControlled, controlledValue, uncontrolledValue);
+    const initialValue = cond(isValueControlled, controlledValue, defaultValue);
+    const getInitialLabel = () => {
+        if (!initialValue)
+            return undefined;
+        if (options && options.length > 0) {
+            return options.find((opt) => opt.value === initialValue)?.label || initialValue;
+        }
+        let foundLabel = undefined;
+        const extractFromChildren = (nodes) => {
+            Children.forEach(nodes, (child) => {
+                if (!isValidElement(child))
+                    return;
+                const props = child.props;
+                if (props.value === initialValue) {
+                    foundLabel = props.label || props.children || props.value;
+                    return;
+                }
+                if (props.children) {
+                    extractFromChildren(props.children);
+                }
+            });
+        };
+        extractFromChildren(children);
+        return foundLabel;
+    };
+    const [selectedLabel, setSelectedLabel] = useState(getInitialLabel);
+    const [highlightedIndex, setHighlightedIndex] = useState(null);
+    const registerItem = useCallback((val, labelNode) => {
+        itemsMapRef.current.set(val, labelNode);
+        if (isValue === val) {
+            setSelectedLabel(labelNode);
+        }
+        return () => {
+            itemsMapRef.current.delete(val);
+        };
+    }, [isValue]);
+    const getItemLabel = useCallback((val) => {
+        return itemsMapRef.current.get(val);
+    }, []);
+    useEffect(() => {
+        if (options && isValue !== undefined) {
+            const match = options.find((opt) => opt.value === isValue);
+            if (match) {
+                setSelectedLabel(match.label || match.value);
+                return;
+            }
+        }
+        if (isValue !== undefined) {
+            const registered = itemsMapRef.current.get(isValue);
+            if (registered !== undefined) {
+                setSelectedLabel(registered);
+            }
+        }
+        else {
+            setSelectedLabel(undefined);
+        }
+    }, [options, isValue]);
+    const isOpenControlled = controlledOpen !== undefined;
+    const isOpen = cond(isOpenControlled, Boolean(controlledOpen), uncontrolledOpen);
+    const rawId = useId();
+    const triggerId = id || `select-trigger-${rawId}`;
+    const listboxId = `select-listbox-${rawId}`;
+    const labelId = `select-label-${rawId}`;
+    const descriptionId = `select-desc-${rawId}`;
+    const errorId = `select-error-${rawId}`;
+    const elementsRef = useRef([]);
+    const labelsRef = useRef([]);
+    const handleOpenChange = (nextOpen) => {
+        if (disabled)
+            return;
+        if (!isOpenControlled) {
+            setUncontrolledOpen(nextOpen);
+        }
+        onOpenChange?.(nextOpen);
+    };
+    const handleValueChange = (nextValue) => {
+        if (!isValueControlled) {
+            setUncontrolledValue(nextValue);
+        }
+        onValueChange?.(nextValue);
+    };
+    const { floatingStyles, context, refs: { setReference, setFloating }, } = useFloating({
+        open: !disabled && isOpen,
+        onOpenChange: handleOpenChange,
+        placement: "bottom-start",
+        whileElementsMounted: autoUpdate,
+        middleware: [
+            offsetMiddleware(4),
+            flip({ padding: 8 }),
+            shift({ padding: 8 }),
+            sizeMiddleware({
+                apply({ rects, elements }) {
+                    Object.assign(elements.floating.style, {
+                        minWidth: `${rects.reference.width}px`,
+                    });
+                },
+            }),
+        ],
+    });
+    const click = useClick(context, {
+        enabled: !disabled,
+    });
+    const dismiss = useDismiss(context, {
+        enabled: !disabled,
+    });
+    const role = useRole(context, {
+        role: "listbox",
+    });
+    const listNav = useListNavigation(context, {
+        listRef: elementsRef,
+        activeIndex: highlightedIndex,
+        selectedIndex: highlightedIndex,
+        onNavigate: setHighlightedIndex,
+        loop: true,
+    });
+    const typeahead = useTypeahead(context, {
+        listRef: labelsRef,
+        activeIndex: highlightedIndex,
+        selectedIndex: highlightedIndex,
+        onMatch: setHighlightedIndex,
+    });
+    const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([
+        click,
+        dismiss,
+        role,
+        listNav,
+        typeahead,
+    ]);
+    const contextValue = {
+        open: isOpen,
+        setOpen: handleOpenChange,
+        value: isValue,
+        setValue: handleValueChange,
+        selectedLabel,
+        setSelectedLabel,
+        placeholder,
+        disabled,
+        invalid: Boolean(invalid || error),
+        size,
+        radius,
+        variant,
+        color,
+        triggerId,
+        listboxId,
+        labelId,
+        descriptionId,
+        floatingStyles,
+        context,
+        setReference,
+        setFloating,
+        getReferenceProps,
+        getFloatingProps,
+        getItemProps,
+        highlightedIndex,
+        setHighlightedIndex,
+        elementsRef,
+        labelsRef,
+        registerItem,
+        getItemLabel,
+    };
+    let hasExplicitTrigger = false;
+    Children.forEach(children, (child) => {
+        if (isValidElement(child)) {
+            const element = child;
+            const displayName = element.type?.displayName;
+            if (cond(element.type === SelectTrigger, true, displayName === "Select.Trigger")) {
+                hasExplicitTrigger = true;
+            }
+        }
+    });
+    const renderContent = () => {
+        if (hasExplicitTrigger) {
+            return children;
+        }
+        if (options && options.length > 0) {
+            return (_jsxs(_Fragment, { children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: placeholder }) }), _jsx(SelectContent, { children: _jsx(SelectList, { children: options.map((option) => (_jsx(SelectItem, { value: option.value, label: option.label, description: option.description, leading: option.leading, trailing: option.trailing, disabled: option.disabled }, option.value))) }) })] }));
+        }
+        return children;
+    };
+    const hasFormWrapping = any(label, description, error);
+    if (hasFormWrapping) {
+        return (_jsx(SelectContext.Provider, { value: contextValue, children: _jsxs("div", { className: cn("flex flex-col gap-1.5 w-full", className), children: [when(label, _jsx(Label, { id: labelId, as: "span", size: size, disabled: disabled, className: "cursor-default select-none pointer-events-none", children: label })), renderContent(), when(description && !error, _jsx(Description, { id: descriptionId, size: "sm", disabled: disabled, className: "cursor-default select-none pointer-events-none", children: description })), when(error, _jsx(Description, { id: errorId, size: "sm", className: "text-destructive cursor-default select-none pointer-events-none", children: error }))] }) }));
+    }
+    return (_jsx(SelectContext.Provider, { value: contextValue, children: _jsx("div", { className: cn("w-full", className), children: renderContent() }) }));
+};
+Select.displayName = "Select";
+Select.Trigger = SelectTrigger;
+Select.Value = SelectValue;
+Select.Content = SelectContent;
+Select.List = SelectList;
+Select.Item = SelectItem;
+Select.Group = SelectGroup;
+Select.Label = Label;
+Select.Description = Description;
+//# sourceMappingURL=Select.js.map

package/dist/components/select/Select.js.map

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

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

@@ -0,0 +1,3 @@
+import type { SelectContentProps } from "./types";
+export declare const SelectContent: import("react").ForwardRefExoticComponent<Omit<SelectContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SelectContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContent.d.ts","sourceRoot":"","sources":["../../../src/components/select/SelectContent.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAUlD,eAAO,MAAM,aAAa,4HA8EzB,CAAC"}

package/dist/components/select/SelectContent.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { FloatingPortal, FloatingFocusManager, useTransitionStyles, useMergeRefs, } from "@floating-ui/react";
+import { useSelectContext } from "./SelectContext";
+import { cn } from "../../utils/cn";
+import { all, cond, match } from "../../utils/condition";
+const radiusClasses = {
+    none: "rounded-none",
+    sm: "rounded-md",
+    md: "rounded-lg",
+    lg: "rounded-xl",
+    full: "rounded-2xl",
+};
+export const SelectContent = forwardRef(function SelectContent({ children, className, style, ...props }, ref) {
+    const { context, setFloating, floatingStyles, getFloatingProps, disabled, open, radius, } = useSelectContext();
+    const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {
+        duration: {
+            open: 160,
+            close: 100,
+        },
+        common: {
+            transitionTimingFunction: "cubic-bezier(0.2, 0, 0, 1)",
+        },
+        initial: {
+            opacity: 0,
+            transform: "scale(0.96)",
+        },
+        open: {
+            opacity: 1,
+            transform: "scale(1)",
+        },
+        close: {
+            opacity: 0,
+            transform: "scale(0.96)",
+        },
+    });
+    const mergedRef = useMergeRefs([setFloating, ref]);
+    if (!all(isMounted, !disabled)) {
+        return null;
+    }
+    return (_jsx(FloatingPortal, { children: _jsx(FloatingFocusManager, { context: context, modal: false, returnFocus: true, initialFocus: -1, children: _jsx("div", { ref: mergedRef, tabIndex: -1, style: floatingStyles, ...getFloatingProps(props), className: "z-50 outline-none", children: _jsx("div", { style: {
+                        ...transitionStyles,
+                        ...style,
+                    }, "data-state": cond(open, "open", "closed"), className: cn("transform-gpu overflow-hidden bg-surface border-[0.5px] border-border shadow-lg p-1 focus:outline-none", cond(context.placement.startsWith("top"), "origin-bottom", "origin-top"), match(radius, radiusClasses, "rounded-md"), className), children: children }) }) }) }));
+});
+SelectContent.displayName = "Select.Content";
+//# sourceMappingURL=SelectContent.js.map

package/dist/components/select/SelectContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContent.js","sourceRoot":"","sources":["../../../src/components/select/SelectContent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,YAAY,GACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,aAAa,GAA2B;IAC5C,IAAI,EAAE,cAAc;IACpB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,IAAI,EAAE,aAAa;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,SAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAClE,MAAM,EACJ,OAAO,EACP,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,IAAI,EACJ,MAAM,GACP,GAAG,gBAAgB,EAAE,CAAC;IAEvB,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,mBAAmB,CACjE,OAAO,EACP;QACE,QAAQ,EAAE;YACR,IAAI,EAAE,GAAG;YACT,KAAK,EAAE,GAAG;SACX;QACD,MAAM,EAAE;YACN,wBAAwB,EAAE,4BAA4B;SACvD;QACD,OAAO,EAAE;YACP,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,aAAa;SACzB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,UAAU;SACtB;QACD,KAAK,EAAE;YACL,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,aAAa;SACzB;KACF,CACF,CAAC;IAEF,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,CAAC;IAEnD,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,cAAc,cACb,KAAC,oBAAoB,IACnB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,EACjB,YAAY,EAAE,CAAC,CAAC,YAEhB,cACE,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE,cAAc,KACjB,gBAAgB,CAAC,KAAgC,CAAC,EACtD,SAAS,EAAC,mBAAmB,YAE7B,cACE,KAAK,EAAE;wBACL,GAAG,gBAAgB;wBACnB,GAAG,KAAK;qBACT,gBACW,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EACxC,SAAS,EAAE,EAAE,CACX,wGAAwG,EACxG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,eAAe,EAAE,YAAY,CAAC,EACxE,KAAK,CAAC,MAAM,EAAE,aAAa,EAAE,YAAY,CAAC,EAC1C,SAAS,CACV,YAEA,QAAQ,GACL,GACF,GACe,GACR,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

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

@@ -0,0 +1,38 @@
+import { type CSSProperties, type ReactNode, type RefObject } from "react";
+import type { FloatingContext, ReferenceType } from "@floating-ui/react";
+import type { SelectColor, SelectRadius, SelectSize, SelectVariant } from "./types";
+export interface SelectContextValue {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    value: string | undefined;
+    setValue: (value: string) => void;
+    selectedLabel: ReactNode;
+    setSelectedLabel: (label: ReactNode) => void;
+    placeholder: string | undefined;
+    disabled: boolean;
+    invalid: boolean;
+    size: SelectSize;
+    radius: SelectRadius;
+    variant: SelectVariant;
+    color: SelectColor;
+    triggerId: string;
+    listboxId: string;
+    labelId: string;
+    descriptionId: string;
+    floatingStyles: CSSProperties;
+    context: FloatingContext;
+    setReference: (node: ReferenceType | null) => void;
+    setFloating: (node: HTMLElement | null) => void;
+    getReferenceProps: (userProps?: Record<string, unknown>) => Record<string, unknown>;
+    getFloatingProps: (userProps?: Record<string, unknown>) => Record<string, unknown>;
+    getItemProps: (userProps?: Record<string, unknown>) => Record<string, unknown>;
+    highlightedIndex: number | null;
+    setHighlightedIndex: (index: number | null) => void;
+    elementsRef: RefObject<Array<HTMLElement | null>>;
+    labelsRef: RefObject<Array<string | null>>;
+    registerItem: (value: string, label: ReactNode) => () => void;
+    getItemLabel: (value: string) => ReactNode;
+}
+export declare const SelectContext: import("react").Context<SelectContextValue | null>;
+export declare const useSelectContext: () => SelectContextValue;
+//# sourceMappingURL=SelectContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContext.d.ts","sourceRoot":"","sources":["../../../src/components/select/SelectContext.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACzE,OAAO,KAAK,EACV,WAAW,EACX,YAAY,EACZ,UAAU,EACV,aAAa,EACd,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,aAAa,EAAE,SAAS,CAAC;IACzB,gBAAgB,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,YAAY,CAAC;IACrB,OAAO,EAAE,aAAa,CAAC;IACvB,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,aAAa,CAAC;IAC9B,OAAO,EAAE,eAAe,CAAC;IACzB,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,iBAAiB,EAAE,CACjB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAChC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,gBAAgB,EAAE,CAChB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAChC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,YAAY,EAAE,CACZ,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAChC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,WAAW,EAAE,SAAS,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC;IAClD,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IAC3C,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,KAAK,MAAM,IAAI,CAAC;IAC9D,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;CAC5C;AAED,eAAO,MAAM,aAAa,oDAAiD,CAAC;AAE5E,eAAO,MAAM,gBAAgB,QAAO,kBAQnC,CAAC"}

package/dist/components/select/SelectContext.js

@@ -0,0 +1,11 @@
+"use client";
+import { createContext, useContext, } from "react";
+export const SelectContext = createContext(null);
+export const useSelectContext = () => {
+    const context = useContext(SelectContext);
+    if (!context) {
+        throw new Error("Select compound components must be rendered within a Select component");
+    }
+    return context;
+};
+//# sourceMappingURL=SelectContext.js.map

package/dist/components/select/SelectContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContext.js","sourceRoot":"","sources":["../../../src/components/select/SelectContext.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EACL,aAAa,EACb,UAAU,GAIX,MAAM,OAAO,CAAC;AAgDf,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAA4B,IAAI,CAAC,CAAC;AAE5E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAuB,EAAE;IACvD,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC1C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,uEAAuE,CACxE,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+import type { SelectGroupProps } from "./types";
+export declare const SelectGroup: import("react").ForwardRefExoticComponent<Omit<SelectGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SelectGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectGroup.d.ts","sourceRoot":"","sources":["../../../src/components/select/SelectGroup.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,WAAW,0HA0BvB,CAAC"}

package/dist/components/select/SelectGroup.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId } from "react";
+import { Label } from "../label/Label";
+import { cn } from "../../utils/cn";
+import { cond, when } from "../../utils/condition";
+export const SelectGroup = forwardRef(function SelectGroup({ label, children, className, ...props }, ref) {
+    const generatedId = useId();
+    return (_jsxs("div", { ref: ref, role: "group", "aria-labelledby": cond(Boolean(label), generatedId, undefined), className: cn("flex flex-col gap-0.5", className), ...props, children: [when(label, _jsx(Label, { id: generatedId, as: "span", className: "px-3 py-1.5 text-xs text-muted font-medium select-none pointer-events-none cursor-default", children: label })), children] }));
+});
+SelectGroup.displayName = "Select.Group";
+//# sourceMappingURL=SelectGroup.js.map

package/dist/components/select/SelectGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectGroup.js","sourceRoot":"","sources":["../../../src/components/select/SelectGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAGnD,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAChE,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAE5B,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,qBACK,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,SAAS,CAAC,EAC7D,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,KAC7C,KAAK,aAER,IAAI,CACH,KAAK,EACL,KAAC,KAAK,IACJ,EAAE,EAAE,WAAW,EACf,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,2FAA2F,YAEpG,KAAK,GACA,CACT,EACA,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC"}

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

@@ -0,0 +1,3 @@
+import type { SelectItemProps } from "./types";
+export declare const SelectItem: import("react").ForwardRefExoticComponent<Omit<SelectItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SelectItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItem.d.ts","sourceRoot":"","sources":["../../../src/components/select/SelectItem.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,UAAU,yHA4EtB,CAAC"}

package/dist/components/select/SelectItem.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect } from "react";
+import { Tile } from "../tile/Tile";
+import { useSelectContext } from "./SelectContext";
+import { cond } from "../../utils/condition";
+export const SelectItem = forwardRef(function SelectItem({ value, disabled = false, leading, trailing, label, description, children, className, onClick, ...props }, ref) {
+    const { value: selectedValue, setValue, setOpen, setSelectedLabel, size, radius, getItemProps, registerItem, } = useSelectContext();
+    const isSelected = selectedValue === value;
+    const labelContent = label || cond(typeof children === "string", children, undefined);
+    const tileChildren = cond(typeof children === "string", null, children);
+    const itemLabel = labelContent || children || value;
+    useEffect(() => {
+        if (registerItem) {
+            return registerItem(value, itemLabel);
+        }
+    }, [registerItem, value, itemLabel]);
+    const handleClick = (event) => {
+        if (disabled)
+            return;
+        onClick?.(event);
+        setValue(value);
+        setSelectedLabel(itemLabel);
+        setOpen(false);
+    };
+    const itemProps = getItemProps({
+        onClick: handleClick,
+    });
+    return (_jsx(Tile, { ref: ref, as: "div", role: "option", "aria-selected": isSelected, "aria-disabled": cond(disabled, true, undefined), variant: "plain", color: "surface", size: size, radius: radius, disabled: disabled, interactive: !disabled, selected: isSelected, leading: leading, label: labelContent, description: description, trailing: trailing, className: className, ...itemProps, ...props, children: tileChildren }));
+});
+SelectItem.displayName = "Select.Item";
+//# sourceMappingURL=SelectItem.js.map

package/dist/components/select/SelectItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItem.js","sourceRoot":"","sources":["../../../src/components/select/SelectItem.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,IAAI,EAAQ,MAAM,uBAAuB,CAAC;AAGnD,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,SAAS,UAAU,CACjB,EACE,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,EACJ,KAAK,EAAE,aAAa,EACpB,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,YAAY,GACb,GAAG,gBAAgB,EAAE,CAAC;IAEvB,MAAM,UAAU,GAAG,aAAa,KAAK,KAAK,CAAC;IAC3C,MAAM,YAAY,GAAG,KAAK,IAAI,IAAI,CAAC,OAAO,QAAQ,KAAK,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;IACtF,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,QAAQ,KAAK,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;IACxE,MAAM,SAAS,GAAG,YAAY,IAAI,QAAQ,IAAI,KAAK,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE,CAAC;YACjB,OAAO,YAAY,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QACxC,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAErC,MAAM,WAAW,GAAG,CAAC,KAA8B,EAAE,EAAE;QACrD,IAAI,QAAQ;YAAE,OAAO;QACrB,OAAO,EAAE,CAAC,KAA8C,CAAC,CAAC;QAC1D,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAC5B,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,YAAY,CAAC;QAC7B,OAAO,EAAE,WAAW;KACrB,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,QAAQ,mBACE,UAAU,mBACV,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC,EAC9C,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,CAAC,QAAQ,EACtB,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,KAChB,SAAS,KACT,KAAK,YAER,YAAY,GACR,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC"}

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

@@ -0,0 +1,3 @@
+import type { SelectListProps } from "./types";
+export declare const SelectList: import("react").ForwardRefExoticComponent<Omit<SelectListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SelectList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectList.d.ts","sourceRoot":"","sources":["../../../src/components/select/SelectList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,UAAU,yHAqBtB,CAAC"}

package/dist/components/select/SelectList.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { useSelectContext } from "./SelectContext";
+import { cn } from "../../utils/cn";
+export const SelectList = forwardRef(function SelectList({ children, className, ...props }, ref) {
+    const { listboxId, triggerId } = useSelectContext();
+    return (_jsx("div", { ref: ref, id: listboxId, role: "listbox", "aria-labelledby": triggerId, tabIndex: -1, className: cn("relative flex max-h-60 flex-col overflow-y-auto p-0.5 gap-0.5 select-none focus:outline-none", className), ...props, children: children }));
+});
+SelectList.displayName = "Select.List";
+//# sourceMappingURL=SelectList.js.map

package/dist/components/select/SelectList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectList.js","sourceRoot":"","sources":["../../../src/components/select/SelectList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAGpC,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,SAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACxD,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEpD,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,SAAS,EACb,IAAI,EAAC,SAAS,qBACG,SAAS,EAC1B,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,EAAE,CACX,8FAA8F,EAC9F,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC"}

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

@@ -0,0 +1,11 @@
+import type { SelectTriggerProps } from "./types";
+export declare const variants: (props?: ({
+    variant?: "contained" | "outlined" | "plain" | null | undefined;
+    color?: "primary" | "subtle" | "surface" | "destructive" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    radius?: "sm" | "md" | "lg" | "none" | "full" | null | undefined;
+    invalid?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const SelectTrigger: import("react").ForwardRefExoticComponent<Omit<SelectTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=SelectTrigger.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/select/SelectTrigger.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA6ClD,eAAO,MAAM,QAAQ;;;;;;;8EA8CpB,CAAC;AAEF,eAAO,MAAM,aAAa,+HAqFzB,CAAC"}

package/dist/components/select/SelectTrigger.js

@@ -0,0 +1,116 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cva } from "class-variance-authority";
+import { useMergeRefs } from "@floating-ui/react";
+import { useSelectContext } from "./SelectContext";
+import { cn } from "../../utils/cn";
+import { cond } from "../../utils/condition";
+const PALETTES = {
+    surface: {
+        contained: "bg-surface text-foreground hover:bg-surface-hover active:bg-surface-hover aria-expanded:bg-surface-hover data-[state=open]:bg-surface-hover",
+        outlined: "border-[0.5px] border-border text-foreground hover:bg-surface-hover active:bg-surface-hover aria-expanded:bg-surface-hover data-[state=open]:bg-surface-hover",
+        plain: "text-foreground hover:bg-surface-hover active:bg-surface-hover aria-expanded:bg-surface-hover data-[state=open]:bg-surface-hover",
+    },
+    subtle: {
+        contained: "bg-subtle text-subtle-foreground hover:bg-subtle-hover active:bg-subtle-hover aria-expanded:bg-subtle-hover data-[state=open]:bg-subtle-hover",
+        outlined: "border-[0.5px] border-subtle-border text-subtle-foreground hover:bg-subtle-hover active:bg-subtle-hover aria-expanded:bg-subtle-hover data-[state=open]:bg-subtle-hover",
+        plain: "text-subtle-foreground hover:bg-subtle-hover active:bg-subtle-hover aria-expanded:bg-subtle-hover data-[state=open]:bg-subtle-hover",
+    },
+    primary: {
+        contained: "bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-hover aria-expanded:bg-primary-hover data-[state=open]:bg-primary-hover",
+        outlined: "border-[0.5px] border-primary-border text-primary hover:bg-subtle active:bg-subtle aria-expanded:bg-subtle data-[state=open]:bg-subtle",
+        plain: "text-primary hover:bg-subtle active:bg-subtle aria-expanded:bg-subtle data-[state=open]:bg-subtle",
+    },
+    destructive: {
+        contained: "bg-destructive text-destructive-foreground hover:bg-destructive-hover active:bg-destructive-hover aria-expanded:bg-destructive-hover data-[state=open]:bg-destructive-hover",
+        outlined: "border-[0.5px] border-destructive-border text-destructive hover:bg-destructive-hover/5 active:bg-destructive-hover/5 aria-expanded:bg-destructive-hover/5 data-[state=open]:bg-destructive-hover/5",
+        plain: "text-destructive hover:bg-destructive-hover/5 active:bg-destructive-hover/5 aria-expanded:bg-destructive-hover/5 data-[state=open]:bg-destructive-hover/5",
+    },
+};
+const compounds = Object.keys(PALETTES).flatMap((color) => [
+    { variant: "contained", color, className: PALETTES[color].contained },
+    { variant: "outlined", color, className: PALETTES[color].outlined },
+    { variant: "plain", color, className: PALETTES[color].plain },
+]);
+export const variants = cva("relative inline-flex w-full select-none items-center justify-between overflow-hidden text-left font-normal subpixel-antialiased transition duration-[var(--motion-duration-normal)] ease-[var(--motion-easing)] active:scale-[var(--motion-press-scale)] aria-expanded:scale-[var(--motion-press-scale)] data-[state=open]:scale-[var(--motion-press-scale)] focus-ring cursor-pointer disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50", {
+    variants: {
+        variant: {
+            contained: "",
+            outlined: "bg-transparent",
+            plain: "bg-transparent",
+        },
+        color: {
+            surface: "",
+            subtle: "",
+            primary: "",
+            destructive: "",
+        },
+        size: {
+            sm: "h-control-sm px-2.5 text-xs gap-2",
+            md: "h-control-md px-3 text-sm gap-2.5",
+            lg: "h-control-lg px-3.5 text-base gap-3",
+        },
+        radius: {
+            none: "rounded-none",
+            sm: "rounded-md",
+            md: "rounded-lg",
+            lg: "rounded-xl",
+            full: "rounded-full",
+        },
+        invalid: {
+            true: "border-destructive focus-visible:ring-destructive/50 text-destructive",
+            false: "",
+        },
+        disabled: {
+            true: "cursor-not-allowed opacity-50 pointer-events-none",
+            false: "",
+        },
+    },
+    compoundVariants: compounds,
+    defaultVariants: {
+        variant: "outlined",
+        color: "surface",
+        size: "md",
+        radius: "lg",
+        invalid: false,
+        disabled: false,
+    },
+});
+export const SelectTrigger = forwardRef(function SelectTrigger({ children, className, ...props }, ref) {
+    const { open, triggerId, listboxId, labelId, descriptionId, disabled, invalid, size, radius, variant, color, setReference, getReferenceProps, } = useSelectContext();
+    const mergedRef = useMergeRefs([setReference, ref]);
+    const ariaProps = {
+        id: triggerId,
+        role: "combobox",
+        "aria-expanded": open,
+        "aria-haspopup": "listbox",
+        "aria-controls": cond(open, listboxId, undefined),
+        "aria-labelledby": labelId,
+        "aria-describedby": descriptionId,
+        "data-state": cond(open, "open", "closed"),
+        disabled,
+        "aria-disabled": cond(disabled, true, undefined),
+    };
+    return (_jsxs("button", { ref: mergedRef, type: "button", id: triggerId, disabled: disabled, "aria-disabled": cond(disabled, true, undefined), className: cn(variants({
+            variant,
+            color,
+            size,
+            radius,
+            invalid,
+            disabled,
+        }), className), ...getReferenceProps({
+            ...ariaProps,
+            ...props,
+            onClick(event) {
+                if (disabled) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    return;
+                }
+                props.onClick?.(event);
+            },
+        }), children: [children, _jsx("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", className: cn("size-4 shrink-0 transition-transform duration-[var(--motion-duration-normal)] ease-[var(--motion-easing)] text-muted", cond(open, "rotate-180", "rotate-0")), children: _jsx("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }) })] }));
+});
+SelectTrigger.displayName = "Select.Trigger";
+//# sourceMappingURL=SelectTrigger.js.map

package/dist/components/select/SelectTrigger.js.map

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

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

@@ -0,0 +1,3 @@
+import type { SelectValueProps } from "./types";
+export declare const SelectValue: import("react").ForwardRefExoticComponent<Omit<SelectValueProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=SelectValue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectValue.d.ts","sourceRoot":"","sources":["../../../src/components/select/SelectValue.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,WAAW,2HAkCvB,CAAC"}

package/dist/components/select/SelectValue.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { useSelectContext } from "./SelectContext";
+import { cn } from "../../utils/cn";
+import { cond } from "../../utils/condition";
+export const SelectValue = forwardRef(function SelectValue({ placeholder: explicitPlaceholder, className, children, ...props }, ref) {
+    const { selectedLabel, placeholder: contextPlaceholder } = useSelectContext();
+    const activePlaceholder = cond(Boolean(explicitPlaceholder), explicitPlaceholder, cond(Boolean(contextPlaceholder), contextPlaceholder, "Select option"));
+    const hasSelection = Boolean(selectedLabel);
+    return (_jsx("span", { ref: ref, "data-slot": "select-value", className: cn("block flex-1 truncate text-left", cond(hasSelection, "text-inherit", "text-muted"), className), ...props, children: cond(Boolean(children), children, cond(hasSelection, selectedLabel, activePlaceholder)) }));
+});
+SelectValue.displayName = "Select.Value";
+//# sourceMappingURL=SelectValue.js.map