@timeax/form-palette 0.0.3 → 0.0.4

package/dist/presets/shadcn-variants/multiselect.d.ts

@@ -0,0 +1,210 @@
+import * as React from "react";
+import type { VariantBaseProps } from "@/variants/shared";
+type SelectPrimitive = string | number;
+export type MultiSelectOption = SelectPrimitive | {
+    label?: React.ReactNode;
+    value?: SelectPrimitive;
+    description?: React.ReactNode;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    [key: string]: any;
+};
+type NormalizedMultiItem = {
+    key: string;
+    value: SelectPrimitive;
+    labelNode: React.ReactNode;
+    labelText: string;
+    description?: React.ReactNode;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    raw: MultiSelectOption;
+};
+export interface ShadcnMultiSelectVariantProps extends Pick<VariantBaseProps<SelectPrimitive[] | undefined>, "value" | "onValue" | "error" | "disabled" | "readOnly" | "size" | "density"> {
+    /**
+     * Options for the multi-select.
+     *
+     * You can pass:
+     * - primitives: ["ng", "gh", "ke"]
+     * - objects:    [{ label, value, ...extra }]
+     */
+    options?: MultiSelectOption[];
+    /**
+     * Automatically capitalise the first letter of the label
+     * (when the resolved label is a string).
+     */
+    autoCap?: boolean;
+    /**
+     * How to read the label from each option.
+     *
+     * - string → key on the option object
+     * - function → custom mapper
+     * - omitted → tries `label`, else String(value)
+     */
+    optionLabel?: string | ((item: MultiSelectOption) => React.ReactNode);
+    /**
+     * How to read the value from each option.
+     *
+     * - string → key on the option object
+     * - function → custom mapper
+     * - omitted → uses `value`, or `id`, or `key`, or index
+     */
+    optionValue?: string | ((item: MultiSelectOption) => SelectPrimitive);
+    /**
+     * Optional description line under the label.
+     */
+    optionDescription?: string | ((item: MultiSelectOption) => React.ReactNode);
+    /**
+     * How to determine if an option is disabled.
+     */
+    optionDisabled?: string | ((item: MultiSelectOption) => boolean);
+    /**
+     * How to extract an icon for each option.
+     *
+     * - string → key on the option object (default "icon")
+     * - function → custom mapper
+     */
+    optionIcon?: string | ((item: MultiSelectOption) => React.ReactNode);
+    /**
+     * How to compute the React key for each option.
+     */
+    optionKey?: string | ((item: MultiSelectOption, index: number) => React.Key);
+    /**
+     * Enable inline search inside the dropdown.
+     */
+    searchable?: boolean;
+    /**
+     * Placeholder for the search input.
+     */
+    searchPlaceholder?: string;
+    /**
+     * Text to show when search yields no results.
+     */
+    emptySearchText?: React.ReactNode;
+    /**
+     * Placeholder when nothing is selected.
+     */
+    placeholder?: React.ReactNode;
+    /**
+     * Show a small clear button in the trigger when any value is selected.
+     */
+    clearable?: boolean;
+    /**
+     * Whether to show a "Select all" row.
+     */
+    showSelectAll?: boolean;
+    /**
+     * Label for the "Select all" row.
+     * Default: "Select all".
+     */
+    selectAllLabel?: React.ReactNode;
+    /**
+     * Where to place the "Select all" row.
+     * Default: "top".
+     */
+    selectAllPosition?: "top" | "bottom";
+    /**
+     * Custom renderer for each option row (checkbox + label).
+     */
+    renderOption?: (ctx: {
+        item: NormalizedMultiItem;
+        selected: boolean;
+        index: number;
+        option: React.ReactNode;
+    }) => React.ReactNode;
+    /**
+     * Custom renderer for the trigger summary.
+     */
+    renderValue?: (ctx: {
+        selectedItems: NormalizedMultiItem[];
+        placeholder?: React.ReactNode;
+    }) => React.ReactNode;
+    /**
+     * Custom renderer for the checkbox.
+     *
+     * - item: the option item (or null for "select all")
+     * - selected: whether this row is currently fully selected
+     * - indeterminate: partially selected (used for "select all")
+     * - isSelectAll: true for the "select all" row
+     */
+    renderCheckbox?: (ctx: {
+        item: NormalizedMultiItem | null;
+        selected: boolean;
+        indeterminate: boolean;
+        isSelectAll: boolean;
+    }) => React.ReactNode;
+    /**
+     * Max height (in px) for the dropdown list before scrolling.
+     * Default: 260.
+     */
+    maxListHeight?: number;
+    /**
+     * Wrapper class for the whole variant.
+     */
+    className?: string;
+    /**
+     * Extra classes for the trigger button.
+     */
+    triggerClassName?: string;
+    /**
+     * Extra classes for the popover content.
+     */
+    contentClassName?: string;
+    /**
+     * One or more icons displayed inside the trigger, on the left.
+     *
+     * If not provided and `icon` is set, that single icon
+     * is treated as `leadingIcons[0]`.
+     */
+    leadingIcons?: React.ReactNode[];
+    /**
+     * Icons displayed on the right side of the trigger,
+     * near the clear button / chevron area.
+     */
+    trailingIcons?: React.ReactNode[];
+    /**
+     * Convenience single-icon prop for the left side.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Base gap between icons and text.
+     * Defaults to 4px-ish via `gap-1`.
+     */
+    iconGap?: number;
+    /**
+     * Extra spacing to apply between leading icons and the text.
+     */
+    leadingIconSpacing?: number;
+    /**
+     * Extra spacing to apply between trailing icons and the clear button.
+     */
+    trailingIconSpacing?: number;
+    /**
+     * Arbitrary React node rendered before the select (e.g. a button).
+     */
+    leadingControl?: React.ReactNode;
+    /**
+     * Arbitrary React node rendered after the select (e.g. a button).
+     */
+    trailingControl?: React.ReactNode;
+    /**
+     * Extra classes for the leading control wrapper.
+     */
+    leadingControlClassName?: string;
+    /**
+     * Extra classes for the trailing control wrapper.
+     */
+    trailingControlClassName?: string;
+    /**
+     * If true and there are controls, the select trigger + controls share
+     * a single visual box (borders, radius, focus states).
+     */
+    joinControls?: boolean;
+    /**
+     * When joinControls is true, whether the box styling extends over controls
+     * (true) or controls are visually separate (false).
+     */
+    extendBoxToControls?: boolean;
+}
+export declare const ShadcnMultiSelectVariant: React.ForwardRefExoticComponent<ShadcnMultiSelectVariantProps & React.RefAttributes<HTMLButtonElement>>;
+export default ShadcnMultiSelectVariant;
+//# sourceMappingURL=multiselect.d.ts.map

package/dist/presets/shadcn-variants/multiselect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect.d.ts","sourceRoot":"","sources":["../../../src/presets/shadcn-variants/multiselect.tsx"],"names":[],"mappings":"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"}

package/dist/presets/shadcn-variants/multiselect.js

@@ -0,0 +1,352 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// src/presets/shadcn-variants/multi-select.tsx
+import * as React from "react";
+import { cn } from "@/lib/utils";
+import { Input } from "@/presets/ui/input";
+import { Checkbox } from "@/presets/ui/checkbox";
+import { Popover, PopoverTrigger, PopoverContent, } from "@/presets/ui/popover";
+import { ChevronDown, Search, X } from "lucide-react";
+import { removeSelectValue, SelectionSummary } from "@/variants/helpers/selection-summary";
+// ─────────────────────────────────────────────
+// Helpers
+// ─────────────────────────────────────────────
+function capitalizeFirst(label) {
+    if (!label)
+        return label;
+    return label.charAt(0).toUpperCase() + label.slice(1);
+}
+function normalizeOptions(opts, config) {
+    if (!opts || !opts.length)
+        return [];
+    return opts.map((raw, index) => {
+        const asObj = typeof raw === "string" || typeof raw === "number"
+            ? { label: String(raw), value: raw }
+            : raw;
+        const value = typeof config.optionValue === "function"
+            ? config.optionValue(raw)
+            : typeof config.optionValue === "string"
+                ? asObj[config.optionValue]
+                : (asObj.value ??
+                    asObj.id ??
+                    asObj.key ??
+                    String(index));
+        let labelNode = typeof config.optionLabel === "function"
+            ? config.optionLabel(raw)
+            : typeof config.optionLabel === "string"
+                ? asObj[config.optionLabel] ?? asObj.label ?? String(value)
+                : asObj.label ?? String(value);
+        if (config.autoCap && typeof labelNode === "string") {
+            labelNode = capitalizeFirst(labelNode);
+        }
+        const labelText = typeof labelNode === "string"
+            ? labelNode
+            : typeof labelNode === "number"
+                ? String(labelNode)
+                : asObj.labelText ?? String(value);
+        const description = typeof config.optionDescription === "function"
+            ? config.optionDescription(raw)
+            : typeof config.optionDescription === "string"
+                ? asObj[config.optionDescription]
+                : asObj.description;
+        const disabled = typeof config.optionDisabled === "function"
+            ? config.optionDisabled(raw)
+            : typeof config.optionDisabled === "string"
+                ? !!asObj[config.optionDisabled]
+                : !!asObj.disabled;
+        const icon = typeof config.optionIcon === "function"
+            ? config.optionIcon(raw)
+            : typeof config.optionIcon === "string"
+                ? asObj[config.optionIcon]
+                : asObj.icon;
+        const key = typeof config.optionKey === "function"
+            ? config.optionKey(raw, index)
+            : typeof config.optionKey === "string"
+                ? asObj[config.optionKey] ?? value ?? index
+                : asObj.key ?? value ?? index;
+        return {
+            key: String(key),
+            value,
+            labelNode,
+            labelText,
+            description,
+            disabled,
+            icon,
+            raw,
+        };
+    });
+}
+function triggerHeight(size) {
+    switch (size) {
+        case "sm":
+            return "h-8 text-xs";
+        case "lg":
+            return "h-11 text-base";
+        default:
+            return "h-9 text-sm";
+    }
+}
+function triggerPadding(density) {
+    switch (density) {
+        case "compact":
+            return "py-1";
+        case "loose":
+            return "py-2";
+        case "comfortable":
+        default:
+            return "py-1.5";
+    }
+}
+function summarizeSelection(selectedItems, placeholder) {
+    if (!selectedItems.length) {
+        return (_jsx("span", { className: "truncate text-muted-foreground", children: placeholder ?? "Select options…" }));
+    }
+    if (selectedItems.length === 1) {
+        return (_jsx("span", { className: "truncate", children: selectedItems[0].labelNode }));
+    }
+    if (selectedItems.length === 2) {
+        return (_jsxs("span", { className: "truncate", children: [selectedItems[0].labelNode, ", ", selectedItems[1].labelNode] }));
+    }
+    const first = selectedItems[0];
+    const restCount = selectedItems.length - 1;
+    return (_jsxs("span", { className: "truncate", children: [first.labelNode, ", ", _jsxs("span", { className: "text-muted-foreground", children: ["+", restCount, " more"] })] }));
+}
+// ─────────────────────────────────────────────
+// Component
+// ─────────────────────────────────────────────
+export const ShadcnMultiSelectVariant = React.forwardRef(function ShadcnMultiSelectVariant(props, _ref) {
+    const { value, onValue, error, disabled, readOnly, size, density, options, autoCap, optionLabel, optionValue, optionDescription, optionDisabled, optionIcon, optionKey, searchable, searchPlaceholder, emptySearchText, placeholder, clearable, showSelectAll, selectAllLabel, selectAllPosition = "top", renderOption, renderValue, renderCheckbox, maxListHeight = 260, className, triggerClassName, contentClassName, 
+    // Icons & controls
+    leadingIcons, trailingIcons, icon, iconGap, leadingIconSpacing, trailingIconSpacing, leadingControl, trailingControl, leadingControlClassName, trailingControlClassName, joinControls = true, extendBoxToControls = true, } = props;
+    const [open, setOpen] = React.useState(false);
+    const [query, setQuery] = React.useState("");
+    const items = React.useMemo(() => normalizeOptions(options ?? [], {
+        autoCap,
+        optionLabel,
+        optionValue,
+        optionDescription,
+        optionDisabled,
+        optionKey,
+        optionIcon,
+    }), [
+        options,
+        autoCap,
+        optionLabel,
+        optionValue,
+        optionDescription,
+        optionDisabled,
+        optionKey,
+        optionIcon,
+    ]);
+    const selectedValues = React.useMemo(() => new Set((value ?? [])), [value]);
+    const selectedItems = React.useMemo(() => items.filter((it) => selectedValues.has(it.value)), [items, selectedValues]);
+    const filteredItems = React.useMemo(() => {
+        if (!query)
+            return items;
+        const q = query.toLowerCase();
+        return items.filter((it) => it.labelText.toLowerCase().includes(q));
+    }, [items, query]);
+    const selectableItems = React.useMemo(() => items.filter((it) => !it.disabled), [items]);
+    const allSelectableValues = React.useMemo(() => new Set(selectableItems.map((it) => it.value)), [selectableItems]);
+    const allSelected = selectableItems.length > 0 &&
+        selectableItems.every((it) => selectedValues.has(it.value));
+    const someSelected = selectableItems.length > 0 &&
+        !allSelected &&
+        selectableItems.some((it) => selectedValues.has(it.value));
+    const heightCls = triggerHeight(size);
+    const padCls = triggerPadding(density);
+    const showClear = clearable && (value?.length ?? 0) > 0;
+    const disabledTrigger = disabled || readOnly;
+    const handleToggleValue = React.useCallback((primitive) => {
+        if (!onValue || disabled || readOnly)
+            return;
+        const current = (value ?? []);
+        const isSelected = current.some((v) => v === primitive);
+        let next;
+        if (isSelected) {
+            next = current.filter((v) => v !== primitive);
+        }
+        else {
+            next = [...current, primitive];
+        }
+        const final = next.length ? next : undefined;
+        const detail = {
+            source: "variant",
+            raw: {
+                type: "toggle",
+                value: primitive,
+                next: final,
+            },
+            nativeEvent: undefined,
+            meta: undefined,
+        };
+        onValue(final, detail);
+    }, [onValue, value, disabled, readOnly]);
+    const handleSelectAll = React.useCallback(() => {
+        if (!onValue || disabled || readOnly)
+            return;
+        const current = (value ?? []);
+        const allSelectableArr = Array.from(allSelectableValues);
+        const currentlyAllSelected = allSelectableArr.length > 0 &&
+            allSelectableArr.every((v) => selectedValues.has(v));
+        let next;
+        if (currentlyAllSelected) {
+            // unselect all selectable ones, keep others (if any)
+            next = current.filter((v) => !allSelectableValues.has(v));
+        }
+        else {
+            // union of existing + all selectable
+            const merged = new Set(current);
+            for (const v of allSelectableArr)
+                merged.add(v);
+            next = Array.from(merged);
+        }
+        const final = next.length ? next : undefined;
+        const detail = {
+            source: "variant",
+            raw: {
+                type: "select-all",
+                next: final,
+            },
+            nativeEvent: undefined,
+            meta: {
+                allSelected: !currentlyAllSelected,
+            },
+        };
+        onValue(final, detail);
+    }, [
+        onValue,
+        value,
+        disabled,
+        readOnly,
+        allSelectableValues,
+        selectedValues,
+    ]);
+    const handleClearAll = React.useCallback(() => {
+        if (!onValue || disabled || readOnly)
+            return;
+        const detail = {
+            source: "variant",
+            raw: {
+                type: "clear",
+            },
+            nativeEvent: undefined,
+            meta: undefined,
+        };
+        onValue(undefined, detail);
+    }, [onValue, disabled, readOnly]);
+    const triggerSummary = renderValue
+        ? renderValue({ selectedItems, placeholder })
+        : (_jsx(SelectionSummary, { selectedItems: selectedItems, placeholder: placeholder, onRemoveValue: (item) => {
+                // whatever you already do to unselect a single value
+                // e.g. toggleValue(value) if it adds/removes from the set
+                // toggleValue(value);
+                const updated = removeSelectValue(selectedValues, item.value);
+                const detail = {
+                    source: "variant",
+                    raw: item,
+                    nativeEvent: undefined,
+                    meta: { action: "remove", removed: value },
+                };
+                onValue?.(updated, detail);
+            } }));
+    // ─────────────────────────────────────────────
+    // Icons setup (same semantics as select variant)
+    // ─────────────────────────────────────────────
+    const resolvedLeadingIcons = (() => {
+        if (leadingIcons && leadingIcons.length)
+            return leadingIcons;
+        if (icon)
+            return [icon];
+        return [];
+    })();
+    const resolvedTrailingIcons = trailingIcons ?? [];
+    const baseIconGap = iconGap ?? 4;
+    const leadingGap = leadingIconSpacing ?? baseIconGap;
+    const trailingGap = trailingIconSpacing ?? baseIconGap;
+    const hasLeadingIcons = resolvedLeadingIcons.length > 0;
+    const hasTrailingIcons = resolvedTrailingIcons.length > 0;
+    const hasLeadingControl = !!leadingControl;
+    const hasTrailingControl = !!trailingControl;
+    const hasControls = hasLeadingControl || hasTrailingControl;
+    const makeCheckboxNode = React.useCallback((opts) => {
+        if (renderCheckbox) {
+            return renderCheckbox(opts);
+        }
+        return (_jsx(Checkbox, { className: "mr-2 mt-0.5", checked: opts.indeterminate
+                ? "none"
+                : opts.selected, "aria-hidden": "true", 
+            // purely visual; click handled on row button
+            onCheckedChange: () => { } }));
+    }, [renderCheckbox]);
+    const baseBoxClasses = cn("border-input w-full min-w-0 rounded-md border bg-transparent shadow-xs", "transition-[color,box-shadow] outline-none", "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive");
+    // Trigger button body (icons + summary + clear + trailing icons + chevron)
+    const triggerButton = (_jsx("button", { ref: _ref, type: "button", disabled: disabledTrigger, className: cn("flex w-full items-center justify-between rounded-md border border-input bg-background px-3 text-left shadow-xs", "focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:border-ring", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", heightCls, padCls, hasControls &&
+            joinControls &&
+            extendBoxToControls &&
+            "border-none shadow-none focus-visible:ring-0 focus-visible:outline-none", triggerClassName), children: _jsxs("div", { className: "flex w-full items-center justify-between gap-2", children: [_jsxs("div", { className: "flex min-w-0 items-center grow gap-2", children: [hasLeadingIcons && (_jsx("span", { className: "flex items-center gap-1 shrink-0", style: { columnGap: leadingGap }, "data-slot": "leading-icons", children: resolvedLeadingIcons.map((node, idx) => (_jsx("span", { className: "flex items-center justify-center", children: node }, idx))) })), _jsx("div", { className: "min-w-0 flex-1", children: triggerSummary })] }), _jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [showClear && (_jsx("button", { type: "button", "aria-label": "Clear selection", onClick: (e) => {
+                                e.stopPropagation();
+                                e.preventDefault();
+                                handleClearAll();
+                            }, className: "flex h-4 w-4 items-center justify-center rounded hover:bg-muted", "data-slot": "clear", children: _jsx(X, { className: "h-3 w-3 pointer-events-none" }) })), hasTrailingIcons && (_jsx("span", { className: "flex items-center gap-1", style: { columnGap: trailingGap }, "data-slot": "trailing-icons", children: resolvedTrailingIcons.map((node, idx) => (_jsx("span", { className: "flex items-center justify-center", children: node }, idx))) })), _jsx(ChevronDown, { className: "h-4 w-4 text-muted-foreground" })] })] }) }));
+    // Core multi-select element (Popover + list)
+    const MultiSelectCore = (_jsxs(Popover, { open: open && !disabledTrigger, onOpenChange: (next) => {
+            if (disabledTrigger)
+                return;
+            setOpen(next);
+            if (!next)
+                setQuery("");
+        }, children: [_jsx(PopoverTrigger, { asChild: true, children: triggerButton }), _jsxs(PopoverContent, { className: cn("w-(--radix-popover-trigger-width) p-0", contentClassName), align: "start", children: [searchable && (_jsx("div", { className: "p-2 border-b border-border", children: _jsx(Input, { autoFocus: true, icon: _jsx(Search, { className: "size-4" }), value: query, onChange: (e) => setQuery(e.target.value), placeholder: searchPlaceholder ?? "Search options…", size: size, density: density }) })), _jsxs("div", { className: "py-1 overflow-auto", style: { maxHeight: maxListHeight }, children: [showSelectAll &&
+                                selectAllPosition === "top" && (_jsxs("button", { type: "button", className: cn("flex w-full items-center px-2 py-1.5 text-sm", "hover:bg-muted/70", "disabled:cursor-not-allowed disabled:opacity-50"), onClick: handleSelectAll, children: [makeCheckboxNode({
+                                        item: null,
+                                        selected: allSelected,
+                                        indeterminate: someSelected,
+                                        isSelectAll: true,
+                                    }), _jsx("span", { className: "truncate", children: selectAllLabel ?? "Select all" })] })), filteredItems.length === 0 ? (_jsx("div", { className: "px-2 py-1.5 text-xs text-muted-foreground", children: emptySearchText ?? "No results found" })) : (filteredItems.map((item, index) => {
+                                const selected = selectedValues.has(item.value);
+                                const row = (_jsxs("button", { type: "button", className: cn("flex w-full items-start gap-2 px-2 py-1.5 text-sm", "hover:bg-muted/70", item.disabled &&
+                                        "opacity-50 cursor-not-allowed"), onClick: () => {
+                                        if (item.disabled)
+                                            return;
+                                        handleToggleValue(item.value);
+                                    }, children: [makeCheckboxNode({
+                                            item,
+                                            selected,
+                                            indeterminate: false,
+                                            isSelectAll: false,
+                                        }), _jsxs("div", { className: "flex flex-1 items-start gap-2", children: [item.icon && (_jsx("span", { className: "mt-0.5 shrink-0", children: item.icon })), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { children: item.labelNode }), item.description && (_jsx("span", { className: "text-xs text-muted-foreground", children: item.description }))] })] })] }, item.key));
+                                if (!renderOption)
+                                    return row;
+                                return renderOption({
+                                    item,
+                                    selected,
+                                    index,
+                                    option: row,
+                                });
+                            })), showSelectAll &&
+                                selectAllPosition === "bottom" && (_jsxs("button", { type: "button", className: cn("mt-1 flex w-full items-center px-2 py-1.5 text-sm border-t border-border", "hover:bg-muted/70", "disabled:cursor-not-allowed disabled:opacity-50"), onClick: handleSelectAll, children: [makeCheckboxNode({
+                                        item: null,
+                                        selected: allSelected,
+                                        indeterminate: someSelected,
+                                        isSelectAll: true,
+                                    }), _jsx("span", { className: "truncate", children: selectAllLabel ?? "Select all" })] }))] })] })] }));
+    // ─────────────────────────────────────────────
+    // Layout modes (mirroring select variant)
+    // ─────────────────────────────────────────────
+    // CASE 1: no controls → just the multi-select
+    if (!hasControls) {
+        return (_jsx("div", { "data-slot": "select-field", "data-multi": "true", className: cn("w-full", disabled && "opacity-50 cursor-not-allowed", className), "aria-disabled": disabled || undefined, "aria-invalid": error ? "true" : undefined, children: MultiSelectCore }));
+    }
+    // CASE 2: controls + joinControls → shared single box
+    if (joinControls) {
+        const groupClassName = cn("flex items-stretch w-full", extendBoxToControls &&
+            cn("relative", baseBoxClasses // ring via :focus-within
+            ), !extendBoxToControls &&
+            "relative border-none shadow-none bg-transparent", className);
+        return (_jsx("div", { "data-slot": "select-field", "data-multi": "true", className: "w-full", "aria-disabled": disabled || undefined, "aria-invalid": error ? "true" : undefined, children: _jsxs("div", { className: groupClassName, "data-slot": "select-group", "data-disabled": disabled ? "true" : "false", children: [hasLeadingControl && (_jsx("div", { className: cn("flex items-center px-2", leadingControlClassName), "data-slot": "leading-control", children: leadingControl })), _jsx("div", { className: cn("flex-1 min-w-0 flex items-stretch"), "data-slot": "select-region", children: MultiSelectCore }), hasTrailingControl && (_jsx("div", { className: cn("flex items-center px-2", trailingControlClassName), "data-slot": "trailing-control", children: trailingControl }))] }) }));
+    }
+    // CASE 3: controls present, but separate (no joined box)
+    return (_jsxs("div", { "data-slot": "select-field", "data-multi": "true", className: cn("flex items-stretch w-full", disabled && "opacity-50 cursor-not-allowed", className), "aria-disabled": disabled || undefined, "aria-invalid": error ? "true" : undefined, children: [hasLeadingControl && (_jsx("div", { className: cn("flex items-center mr-1", leadingControlClassName), "data-slot": "leading-control", children: leadingControl })), _jsx("div", { className: "flex-1 min-w-0", "data-slot": "select-region", children: MultiSelectCore }), hasTrailingControl && (_jsx("div", { className: cn("flex items-center ml-1", trailingControlClassName), "data-slot": "trailing-control", children: trailingControl }))] }));
+});
+ShadcnMultiSelectVariant.displayName = "ShadcnMultiSelectVariant";
+export default ShadcnMultiSelectVariant;
+//# sourceMappingURL=multiselect.js.map

package/dist/presets/shadcn-variants/multiselect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect.js","sourceRoot":"","sources":["../../../src/presets/shadcn-variants/multiselect.tsx"],"names":[],"mappings":";AAAA,+CAA+C;AAE/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EACJ,OAAO,EACP,cAAc,EACd,cAAc,GAChB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAwQ3F,gDAAgD;AAChD,UAAU;AACV,gDAAgD;AAEhD,SAAS,eAAe,CAAC,KAAa;IACnC,IAAI,CAAC,KAAK;QAAE,OAAO,KAAK,CAAC;IACzB,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACzD,CAAC;AAED,SAAS,gBAAgB,CACtB,IAA8C,EAC9C,MASC;IAED,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM;QAAE,OAAO,EAAE,CAAC;IAErC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QAC5B,MAAM,KAAK,GACR,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,KAAK,QAAQ;YAC/C,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE;YACpC,CAAC,CAAC,GAAG,CAAC;QAEZ,MAAM,KAAK,GACR,OAAO,MAAM,CAAC,WAAW,KAAK,UAAU;YACrC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC;YACzB,CAAC,CAAC,OAAO,MAAM,CAAC,WAAW,KAAK,QAAQ;gBACrC,CAAC,CAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAqB;gBAChD,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;oBACX,KAAK,CAAC,EAAE;oBACR,KAAK,CAAC,GAAG;oBACT,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QAE3B,IAAI,SAAS,GACV,OAAO,MAAM,CAAC,WAAW,KAAK,UAAU;YACrC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC;YACzB,CAAC,CAAC,OAAO,MAAM,CAAC,WAAW,KAAK,QAAQ;gBACrC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;gBAC3D,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;QAExC,IAAI,MAAM,CAAC,OAAO,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;YACnD,SAAS,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;QAC1C,CAAC;QAED,MAAM,SAAS,GACZ,OAAO,SAAS,KAAK,QAAQ;YAC1B,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,OAAO,SAAS,KAAK,QAAQ;gBAC5B,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC;gBACnB,CAAC,CAAC,KAAK,CAAC,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;QAE5C,MAAM,WAAW,GACd,OAAO,MAAM,CAAC,iBAAiB,KAAK,UAAU;YAC3C,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,CAAC;YAC/B,CAAC,CAAC,OAAO,MAAM,CAAC,iBAAiB,KAAK,QAAQ;gBAC3C,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC;gBACjC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC;QAE7B,MAAM,QAAQ,GACX,OAAO,MAAM,CAAC,cAAc,KAAK,UAAU;YACxC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC;YAC5B,CAAC,CAAC,OAAO,MAAM,CAAC,cAAc,KAAK,QAAQ;gBACxC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;gBAChC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;QAE5B,MAAM,IAAI,GACP,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU;YACpC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC;YACxB,CAAC,CAAC,OAAO,MAAM,CAAC,UAAU,KAAK,QAAQ;gBACpC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;gBAC1B,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;QAEtB,MAAM,GAAG,GACN,OAAO,MAAM,CAAC,SAAS,KAAK,UAAU;YACnC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,KAAK,CAAC;YAC9B,CAAC,CAAC,OAAO,MAAM,CAAC,SAAS,KAAK,QAAQ;gBACnC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,KAAK,IAAI,KAAK;gBAC3C,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI,KAAK,IAAI,KAAK,CAAC;QAEvC,OAAO;YACJ,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC;YAChB,KAAK;YACL,SAAS;YACT,SAAS;YACT,WAAW;YACX,QAAQ;YACR,IAAI;YACJ,GAAG;SACL,CAAC;IACL,CAAC,CAAC,CAAC;AACN,CAAC;AAED,SAAS,aAAa,CAAC,IAAW;IAC/B,QAAQ,IAAI,EAAE,CAAC;QACZ,KAAK,IAAI;YACN,OAAO,aAAa,CAAC;QACxB,KAAK,IAAI;YACN,OAAO,gBAAgB,CAAC;QAC3B;YACG,OAAO,aAAa,CAAC;IAC3B,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,OAAiB;IACtC,QAAQ,OAAO,EAAE,CAAC;QACf,KAAK,SAAS;YACX,OAAO,MAAM,CAAC;QACjB,KAAK,OAAO;YACT,OAAO,MAAM,CAAC;QACjB,KAAK,aAAa,CAAC;QACnB;YACG,OAAO,QAAQ,CAAC;IACtB,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CACxB,aAAoC,EACpC,WAA6B;IAE7B,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;QACzB,OAAO,CACJ,eAAM,SAAS,EAAC,gCAAgC,YAC5C,WAAW,IAAI,iBAAiB,GAC7B,CACT,CAAC;IACL,CAAC;IAED,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,CACJ,eAAM,SAAS,EAAC,UAAU,YACtB,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,GACvB,CACT,CAAC;IACL,CAAC;IAED,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,CACJ,gBAAM,SAAS,EAAC,UAAU,aACtB,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,EAC1B,IAAI,EACJ,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,IACvB,CACT,CAAC;IACL,CAAC;IAED,MAAM,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;IAC/B,MAAM,SAAS,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAE3C,OAAO,CACJ,gBAAM,SAAS,EAAC,UAAU,aACtB,KAAK,CAAC,SAAS,EACf,IAAI,EACL,gBAAM,SAAS,EAAC,uBAAuB,kBAClC,SAAS,aACP,IACH,CACT,CAAC;AACL,CAAC;AAED,gDAAgD;AAChD,YAAY;AACZ,gDAAgD;AAEhD,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAGtD,SAAS,wBAAwB,CAAC,KAAK,EAAE,IAAI;IAC5C,MAAM,EACH,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,OAAO,EAEP,OAAO,EAEP,OAAO,EACP,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,UAAU,EACV,SAAS,EAET,UAAU,EACV,iBAAiB,EACjB,eAAe,EAEf,WAAW,EACX,SAAS,EAET,aAAa,EACb,cAAc,EACd,iBAAiB,GAAG,KAAK,EAEzB,YAAY,EACZ,WAAW,EACX,cAAc,EAEd,aAAa,GAAG,GAAG,EAEnB,SAAS,EACT,gBAAgB,EAChB,gBAAgB;IAEhB,mBAAmB;IACnB,YAAY,EACZ,aAAa,EACb,IAAI,EACJ,OAAO,EACP,kBAAkB,EAClB,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,uBAAuB,EACvB,wBAAwB,EACxB,YAAY,GAAG,IAAI,EACnB,mBAAmB,GAAG,IAAI,GAC5B,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7C,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACxB,GAAG,EAAE,CACF,gBAAgB,CAAC,OAAO,IAAI,EAAE,EAAE;QAC7B,OAAO;QACP,WAAW;QACX,WAAW;QACX,iBAAiB;QACjB,cAAc;QACd,SAAS;QACT,UAAU;KACZ,CAAC,EACL;QACG,OAAO;QACP,OAAO;QACP,WAAW;QACX,WAAW;QACX,iBAAiB;QACjB,cAAc;QACd,SAAS;QACT,UAAU;KACZ,CACH,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CACjC,GAAG,EAAE,CAAC,IAAI,GAAG,CAAkB,CAAC,KAAK,IAAI,EAAE,CAAsB,CAAC,EAClE,CAAC,KAAK,CAAC,CACT,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAChC,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EACxD,CAAC,KAAK,EAAE,cAAc,CAAC,CACzB,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAC;QACzB,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;QAC9B,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CACxB,EAAE,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CACxC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EACxC,CAAC,KAAK,CAAC,CACT,CAAC;IAEF,MAAM,mBAAmB,GAAG,KAAK,CAAC,OAAO,CACtC,GAAG,EAAE,CAAC,IAAI,GAAG,CAAkB,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EACrE,CAAC,eAAe,CAAC,CACnB,CAAC;IAEF,MAAM,WAAW,GACd,eAAe,CAAC,MAAM,GAAG,CAAC;QAC1B,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE/D,MAAM,YAAY,GACf,eAAe,CAAC,MAAM,GAAG,CAAC;QAC1B,CAAC,WAAW;QACZ,eAAe,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE9D,MAAM,SAAS,GAAG,aAAa,CAAC,IAAwB,CAAC,CAAC;IAC1D,MAAM,MAAM,GAAG,cAAc,CAAC,OAA8B,CAAC,CAAC;IAE9D,MAAM,SAAS,GAAG,SAAS,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAExD,MAAM,eAAe,GAAG,QAAQ,IAAI,QAAQ,CAAC;IAE7C,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACxC,CAAC,SAA0B,EAAE,EAAE;QAC5B,IAAI,CAAC,OAAO,IAAI,QAAQ,IAAI,QAAQ;YAAE,OAAO;QAE7C,MAAM,OAAO,GAAG,CAAC,KAAK,IAAI,EAAE,CAAsB,CAAC;QACnD,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC;QAExD,IAAI,IAAuB,CAAC;QAC5B,IAAI,UAAU,EAAE,CAAC;YACd,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC;QACjD,CAAC;aAAM,CAAC;YACL,IAAI,GAAG,CAAC,GAAG,OAAO,EAAE,SAAS,CAAC,CAAC;QAClC,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;QAE7C,MAAM,MAAM,GAAiB;YAC1B,MAAM,EAAE,SAAS;YACjB,GAAG,EAAE;gBACF,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,SAAS;gBAChB,IAAI,EAAE,KAAK;aACb;YACD,WAAW,EAAE,SAAS;YACtB,IAAI,EAAE,SAAS;SACjB,CAAC;QAEF,OAAO,CAAC,KAAY,EAAE,MAAM,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CACtC,CAAC;IAEF,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC5C,IAAI,CAAC,OAAO,IAAI,QAAQ,IAAI,QAAQ;YAAE,OAAO;QAE7C,MAAM,OAAO,GAAG,CAAC,KAAK,IAAI,EAAE,CAAsB,CAAC;QAEnD,MAAM,gBAAgB,GAAG,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAEzD,MAAM,oBAAoB,GACvB,gBAAgB,CAAC,MAAM,GAAG,CAAC;YAC3B,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAExD,IAAI,IAAuB,CAAC;QAE5B,IAAI,oBAAoB,EAAE,CAAC;YACxB,qDAAqD;YACrD,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7D,CAAC;aAAM,CAAC;YACL,qCAAqC;YACrC,MAAM,MAAM,GAAG,IAAI,GAAG,CAAkB,OAAO,CAAC,CAAC;YACjD,KAAK,MAAM,CAAC,IAAI,gBAAgB;gBAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAChD,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC7B,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;QAE7C,MAAM,MAAM,GAAiB;YAC1B,MAAM,EAAE,SAAS;YACjB,GAAG,EAAE;gBACF,IAAI,EAAE,YAAY;gBAClB,IAAI,EAAE,KAAK;aACb;YACD,WAAW,EAAE,SAAS;YACtB,IAAI,EAAE;gBACH,WAAW,EAAE,CAAC,oBAAoB;aACpC;SACH,CAAC;QAEF,OAAO,CAAC,KAAY,EAAE,MAAM,CAAC,CAAC;IACjC,CAAC,EAAE;QACA,OAAO;QACP,KAAK;QACL,QAAQ;QACR,QAAQ;QACR,mBAAmB;QACnB,cAAc;KAChB,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC3C,IAAI,CAAC,OAAO,IAAI,QAAQ,IAAI,QAAQ;YAAE,OAAO;QAE7C,MAAM,MAAM,GAAiB;YAC1B,MAAM,EAAE,SAAS;YACjB,GAAG,EAAE;gBACF,IAAI,EAAE,OAAO;aACf;YACD,WAAW,EAAE,SAAS;YACtB,IAAI,EAAE,SAAS;SACjB,CAAC;QAEF,OAAO,CAAC,SAAgB,EAAE,MAAM,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElC,MAAM,cAAc,GAAG,WAAW;QAC/B,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC;QAC7C,CAAC,CAAC,CACC,KAAC,gBAAgB,IACd,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE;gBACrB,qDAAqD;gBACrD,0DAA0D;gBAC1D,sBAAsB;gBAGtB,MAAM,OAAO,GAAG,iBAAiB,CAC9B,cAA8C,EAC9C,IAAI,CAAC,KAAK,CACZ,CAAC;gBAEF,MAAM,MAAM,GAAiB;oBAC1B,MAAM,EAAE,SAAS;oBACjB,GAAG,EAAE,IAAI;oBACT,WAAW,EAAE,SAAS;oBACtB,IAAI,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;iBAC5C,CAAC;gBAEF,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;YAC9B,CAAC,GACF,CACJ,CAAC;IAEL,gDAAgD;IAChD,iDAAiD;IACjD,gDAAgD;IAEhD,MAAM,oBAAoB,GAAsB,CAAC,GAAG,EAAE;QACnD,IAAI,YAAY,IAAI,YAAY,CAAC,MAAM;YAAE,OAAO,YAAY,CAAC;QAC7D,IAAI,IAAI;YAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QACxB,OAAO,EAAE,CAAC;IACb,CAAC,CAAC,EAAE,CAAC;IAEL,MAAM,qBAAqB,GAAsB,aAAa,IAAI,EAAE,CAAC;IAErE,MAAM,WAAW,GAAG,OAAO,IAAI,CAAC,CAAC;IACjC,MAAM,UAAU,GAAG,kBAAkB,IAAI,WAAW,CAAC;IACrD,MAAM,WAAW,GAAG,mBAAmB,IAAI,WAAW,CAAC;IAEvD,MAAM,eAAe,GAAG,oBAAoB,CAAC,MAAM,GAAG,CAAC,CAAC;IACxD,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,MAAM,GAAG,CAAC,CAAC;IAE1D,MAAM,iBAAiB,GAAG,CAAC,CAAC,cAAc,CAAC;IAC3C,MAAM,kBAAkB,GAAG,CAAC,CAAC,eAAe,CAAC;IAC7C,MAAM,WAAW,GAAG,iBAAiB,IAAI,kBAAkB,CAAC;IAE5D,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACvC,CAAC,IAKA,EAAE,EAAE;QACF,IAAI,cAAc,EAAE,CAAC;YAClB,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC;QAED,OAAO,CACJ,KAAC,QAAQ,IACN,SAAS,EAAC,aAAa,EACvB,OAAO,EACJ,IAAI,CAAC,aAAa;gBACf,CAAC,CAAC,MAAM;gBACR,CAAC,CAAC,IAAI,CAAC,QAAQ,iBAET,MAAM;YAClB,6CAA6C;YAC7C,eAAe,EAAE,GAAG,EAAE,GAAG,CAAC,GAC3B,CACJ,CAAC;IACL,CAAC,EACD,CAAC,cAAc,CAAC,CAClB,CAAC;IAEF,MAAM,cAAc,GAAG,EAAE,CACtB,wEAAwE,EACxE,4CAA4C,EAC5C,4EAA4E,EAC5E,wGAAwG,CAC1G,CAAC;IAEF,2EAA2E;IAC3E,MAAM,aAAa,GAAG,CACnB,iBACG,GAAG,EAAE,IAAI,EACT,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,eAAe,EACzB,SAAS,EAAE,EAAE,CACV,gHAAgH,EAChH,0GAA0G,EAC1G,wGAAwG,EACxG,SAAS,EACT,MAAM,EACN,WAAW;YACX,YAAY;YACZ,mBAAmB;YACnB,yEAAyE,EACzE,gBAAgB,CAClB,YAED,eAAK,SAAS,EAAC,gDAAgD,aAE5D,eAAK,SAAS,EAAC,sCAAsC,aACjD,eAAe,IAAI,CACjB,eACG,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,eACtB,eAAe,YAExB,oBAAoB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CACtC,eAEG,SAAS,EAAC,kCAAkC,YAE3C,IAAI,IAHA,GAAG,CAIJ,CACT,CAAC,GACE,CACT,EAED,cAAK,SAAS,EAAC,gBAAgB,YAC3B,cAAc,GACZ,IACH,EAGN,eAAK,SAAS,EAAC,kCAAkC,aAC7C,SAAS,IAAI,CACX,iBACG,IAAI,EAAC,QAAQ,gBACF,iBAAiB,EAC5B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gCACZ,CAAC,CAAC,eAAe,EAAE,CAAC;gCACpB,CAAC,CAAC,cAAc,EAAE,CAAC;gCACnB,cAAc,EAAE,CAAC;4BACpB,CAAC,EACD,SAAS,EAAC,iEAAiE,eACjE,OAAO,YAEjB,KAAC,CAAC,IAAC,SAAS,EAAC,6BAA6B,GAAG,GACvC,CACX,EAEA,gBAAgB,IAAI,CAClB,eACG,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,eACvB,gBAAgB,YAEzB,qBAAqB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CACvC,eAEG,SAAS,EAAC,kCAAkC,YAE3C,IAAI,IAHA,GAAG,CAIJ,CACT,CAAC,GACE,CACT,EAED,KAAC,WAAW,IAAC,SAAS,EAAC,+BAA+B,GAAG,IACtD,IACH,GACA,CACX,CAAC;IAEF,6CAA6C;IAC7C,MAAM,eAAe,GAAG,CACrB,MAAC,OAAO,IACL,IAAI,EAAE,IAAI,IAAI,CAAC,eAAe,EAC9B,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACpB,IAAI,eAAe;gBAAE,OAAO;YAC5B,OAAO,CAAC,IAAI,CAAC,CAAC;YACd,IAAI,CAAC,IAAI;gBAAE,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC3B,CAAC,aAED,KAAC,cAAc,IAAC,OAAO,kBACnB,aAAa,GACA,EAEjB,MAAC,cAAc,IACZ,SAAS,EAAE,EAAE,CACV,uCAAuC,EACvC,gBAAgB,CAClB,EACD,KAAK,EAAC,OAAO,aAGZ,UAAU,IAAI,CACZ,cAAK,SAAS,EAAC,4BAA4B,YACxC,KAAC,KAAK,IACH,SAAS,QACT,IAAI,EAAE,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,GAAG,EACnC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,WAAW,EACR,iBAAiB,IAAI,iBAAiB,EAEzC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GACjB,GACC,CACR,EAED,eACG,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,aAGlC,aAAa;gCACX,iBAAiB,KAAK,KAAK,IAAI,CAC5B,kBACG,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACV,8CAA8C,EAC9C,mBAAmB,EACnB,iDAAiD,CACnD,EACD,OAAO,EAAE,eAAe,aAEvB,gBAAgB,CAAC;wCACf,IAAI,EAAE,IAAI;wCACV,QAAQ,EAAE,WAAW;wCACrB,aAAa,EAAE,YAAY;wCAC3B,WAAW,EAAE,IAAI;qCACnB,CAAC,EACF,eAAM,SAAS,EAAC,UAAU,YACtB,cAAc,IAAI,YAAY,GAC3B,IACD,CACX,EAGH,aAAa,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC3B,cAAK,SAAS,EAAC,2CAA2C,YACtD,eAAe,IAAI,kBAAkB,GACnC,CACR,CAAC,CAAC,CAAC,CACD,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gCAC/B,MAAM,QAAQ,GAAG,cAAc,CAAC,GAAG,CAChC,IAAI,CAAC,KAAK,CACZ,CAAC;gCAEF,MAAM,GAAG,GAAG,CACT,kBAEG,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACV,mDAAmD,EACnD,mBAAmB,EACnB,IAAI,CAAC,QAAQ;wCACb,+BAA+B,CACjC,EACD,OAAO,EAAE,GAAG,EAAE;wCACX,IAAI,IAAI,CAAC,QAAQ;4CAAE,OAAO;wCAC1B,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oCACjC,CAAC,aAEA,gBAAgB,CAAC;4CACf,IAAI;4CACJ,QAAQ;4CACR,aAAa,EAAE,KAAK;4CACpB,WAAW,EAAE,KAAK;yCACpB,CAAC,EAEF,eAAK,SAAS,EAAC,+BAA+B,aAC1C,IAAI,CAAC,IAAI,IAAI,CACX,eAAM,SAAS,EAAC,iBAAiB,YAC7B,IAAI,CAAC,IAAI,GACN,CACT,EACD,eAAK,SAAS,EAAC,eAAe,aAC3B,yBAAO,IAAI,CAAC,SAAS,GAAQ,EAC5B,IAAI,CAAC,WAAW,IAAI,CAClB,eAAM,SAAS,EAAC,+BAA+B,YAC3C,IAAI,CAAC,WAAW,GACb,CACT,IACE,IACH,KAlCD,IAAI,CAAC,GAAG,CAmCP,CACX,CAAC;gCAEF,IAAI,CAAC,YAAY;oCAAE,OAAO,GAAG,CAAC;gCAE9B,OAAO,YAAY,CAAC;oCACjB,IAAI;oCACJ,QAAQ;oCACR,KAAK;oCACL,MAAM,EAAE,GAAG;iCACb,CAAC,CAAC;4BACN,CAAC,CAAC,CACJ,EAGA,aAAa;gCACX,iBAAiB,KAAK,QAAQ,IAAI,CAC/B,kBACG,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACV,0EAA0E,EAC1E,mBAAmB,EACnB,iDAAiD,CACnD,EACD,OAAO,EAAE,eAAe,aAEvB,gBAAgB,CAAC;wCACf,IAAI,EAAE,IAAI;wCACV,QAAQ,EAAE,WAAW;wCACrB,aAAa,EAAE,YAAY;wCAC3B,WAAW,EAAE,IAAI;qCACnB,CAAC,EACF,eAAM,SAAS,EAAC,UAAU,YACtB,cAAc,IAAI,YAAY,GAC3B,IACD,CACX,IACD,IACQ,IACV,CACZ,CAAC;IAEF,gDAAgD;IAChD,0CAA0C;IAC1C,gDAAgD;IAEhD,8CAA8C;IAC9C,IAAI,CAAC,WAAW,EAAE,CAAC;QAChB,OAAO,CACJ,2BACa,cAAc,gBACb,MAAM,EACjB,SAAS,EAAE,EAAE,CACV,QAAQ,EACR,QAAQ,IAAI,+BAA+B,EAC3C,SAAS,CACX,mBACc,QAAQ,IAAI,SAAS,kBACtB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAEvC,eAAe,GACb,CACR,CAAC;IACL,CAAC;IAED,sDAAsD;IACtD,IAAI,YAAY,EAAE,CAAC;QAChB,MAAM,cAAc,GAAG,EAAE,CACtB,2BAA2B,EAC3B,mBAAmB;YACnB,EAAE,CACC,UAAU,EACV,cAAc,CAAC,yBAAyB;aAC1C,EACD,CAAC,mBAAmB;YACpB,iDAAiD,EACjD,SAAS,CACX,CAAC;QAEF,OAAO,CACJ,2BACa,cAAc,gBACb,MAAM,EACjB,SAAS,EAAC,QAAQ,mBACH,QAAQ,IAAI,SAAS,kBACtB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAExC,eACG,SAAS,EAAE,cAAc,eACf,cAAc,mBACT,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,aAEzC,iBAAiB,IAAI,CACnB,cACG,SAAS,EAAE,EAAE,CACV,wBAAwB,EACxB,uBAAuB,CACzB,eACS,iBAAiB,YAE1B,cAAc,GACZ,CACR,EAED,cACG,SAAS,EAAE,EAAE,CACV,mCAAmC,CACrC,eACS,eAAe,YAExB,eAAe,GACb,EAEL,kBAAkB,IAAI,CACpB,cACG,SAAS,EAAE,EAAE,CACV,wBAAwB,EACxB,wBAAwB,CAC1B,eACS,kBAAkB,YAE3B,eAAe,GACb,CACR,IACE,GACH,CACR,CAAC;IACL,CAAC;IAED,yDAAyD;IACzD,OAAO,CACJ,4BACa,cAAc,gBACb,MAAM,EACjB,SAAS,EAAE,EAAE,CACV,2BAA2B,EAC3B,QAAQ,IAAI,+BAA+B,EAC3C,SAAS,CACX,mBACc,QAAQ,IAAI,SAAS,kBACtB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,aAEvC,iBAAiB,IAAI,CACnB,cACG,SAAS,EAAE,EAAE,CACV,wBAAwB,EACxB,uBAAuB,CACzB,eACS,iBAAiB,YAE1B,cAAc,GACZ,CACR,EAED,cAAK,SAAS,EAAC,gBAAgB,eAAW,eAAe,YACrD,eAAe,GACb,EAEL,kBAAkB,IAAI,CACpB,cACG,SAAS,EAAE,EAAE,CACV,wBAAwB,EACxB,wBAAwB,CAC1B,eACS,kBAAkB,YAE3B,eAAe,GACb,CACR,IACE,CACR,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,eAAe,wBAAwB,CAAC"}

package/dist/presets/shadcn-variants/number.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import { InputNumberProps } from "../ui/number";
+export type ShadcnNumberVariantProps = Omit<InputNumberProps, "onValueChange" | "onChange" | "leadingControl" | "trailingControl"> & {
+    /**
+     * Show +/- buttons around the numeric field.
+     * Defaults to false.
+     */
+    showButtons?: boolean;
+    /**
+     * How the step buttons are laid out when showButtons is true.
+     *
+     * - 'inline': "-" on the left, "+" on the right
+     * - 'stacked': vertical +/- stack on the right
+     */
+    buttonLayout?: "inline" | "stacked";
+};
+export declare const ShadcnNumberVariant: React.ForwardRefExoticComponent<Omit<InputNumberProps, "onChange" | "trailingControl" | "leadingControl" | "onValueChange"> & {
+    /**
+     * Show +/- buttons around the numeric field.
+     * Defaults to false.
+     */
+    showButtons?: boolean;
+    /**
+     * How the step buttons are laid out when showButtons is true.
+     *
+     * - 'inline': "-" on the left, "+" on the right
+     * - 'stacked': vertical +/- stack on the right
+     */
+    buttonLayout?: "inline" | "stacked";
+} & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=number.d.ts.map

package/dist/presets/shadcn-variants/number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number.d.ts","sourceRoot":"","sources":["../../../src/presets/shadcn-variants/number.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,gBAAgB,EAA+B,MAAM,cAAc,CAAC;AAK1F,MAAM,MAAM,wBAAwB,GAEjC,IAAI,CAAC,gBAAgB,EAChB,eAAe,GACf,UAAU,GACV,gBAAgB,GAChB,iBAAiB,CACrB,GACC;IACC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACtC,CAAC;AAGL,eAAO,MAAM,mBAAmB;IAhB1B;;;OAGG;kBACW,OAAO;IAErB;;;;;OAKG;mBACY,QAAQ,GAAG,SAAS;0CAoJvC,CAAC"}