@timeax/form-palette 0.0.2 → 0.0.4

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

@@ -0,0 +1,154 @@
+import * as React from "react";
+import type { VariantBaseProps } from "@/variants/shared";
+import type { ShadcnTextVariantProps } from "@/presets/shadcn-variants/text";
+type ChipsValue = string[] | undefined;
+type BaseProps = VariantBaseProps<ChipsValue>;
+/**
+ * How we split text into chips when committing.
+ */
+export type ChipsSeparator = string | RegExp | (string | RegExp)[];
+/**
+ * Placement of chips relative to the entry control.
+ *
+ * - "inline" → inside the same visual box (Input) or in the textarea toolbox.
+ * - "below"  → chips rendered as a block underneath the field.
+ */
+export type ChipsPlacement = "inline" | "below";
+/**
+ * Actions reported via ChangeDetail.meta.
+ */
+export type ChipsChangeAction = "add" | "remove" | "clear";
+/**
+ * Extra metadata sent with onValue() via ChangeDetail.
+ */
+export interface ChipsChangeMeta {
+    action: ChipsChangeAction;
+    added?: string[];
+    removed?: string[];
+    chips: string[];
+}
+/**
+ * Chips-only props, on top of the injected ones.
+ */
+export interface ChipsVariantProps {
+    /**
+     * Placeholder shown when there are no chips and input is empty.
+     */
+    placeholder?: string;
+    /**
+     * Separators used to split raw input into chips.
+     *
+     * - string  → split on that string
+     * - RegExp  → split with regex
+     * - array   → try each in order
+     *
+     * Default: [",", ";"]
+     */
+    separators?: ChipsSeparator;
+    /**
+     * When true, pressing Enter commits the current input as chips.
+     * Default: true
+     */
+    addOnEnter?: boolean;
+    /**
+     * When true, pressing Tab commits the current input as chips.
+     * Default: true
+     */
+    addOnTab?: boolean;
+    /**
+     * When true, blurring the field commits any remaining input as chips.
+     * Default: true
+     */
+    addOnBlur?: boolean;
+    /**
+     * When false, duplicate chips are ignored.
+     * Default: false
+     */
+    allowDuplicates?: boolean;
+    /**
+     * Maximum number of chips allowed.
+     * Undefined → unlimited.
+     */
+    maxChips?: number;
+    /**
+     * When true, Backspace on empty input removes the last chip.
+     * Default: true
+     */
+    backspaceRemovesLast?: boolean;
+    /**
+     * Show a small clear-all button.
+     * Default: false
+     */
+    clearable?: boolean;
+    /**
+     * Called when chips are added.
+     */
+    onAddChips?(added: string[], next: string[]): void;
+    /**
+     * Called when chips are removed.
+     */
+    onRemoveChips?(removed: string[], next: string[]): void;
+    /**
+     * Optional custom chip renderer.
+     *
+     * If provided, you are responsible for calling onRemove(index)
+     * from your UI when you want to remove a chip.
+     */
+    renderChip?(chip: string, index: number, ctx: {
+        remove(): void;
+        chips: string[];
+    }): React.ReactNode;
+    /**
+     * Optional custom overflow chip renderer.
+     *
+     * Receives the hidden count and the full chip list.
+     */
+    renderOverflowChip?(hiddenCount: number, chips: string[]): React.ReactNode;
+    /**
+     * Max number of chips to *render*.
+     * Extra chips are summarized as "+N more".
+     */
+    maxVisibleChips?: number;
+    /**
+     * Max number of characters to *display* per chip.
+     * The underlying value is not truncated.
+     */
+    maxChipChars?: number;
+    /**
+     * CSS max-width for chip labels (e.g. 160 or "12rem").
+     */
+    maxChipWidth?: number | string;
+    /**
+     * When true, the entry control is a Textarea instead of Input.
+     * Good for comment-style chip entry.
+     */
+    textareaMode?: boolean;
+    /**
+     * Where chips are rendered relative to the entry.
+     *
+     * Default:
+     * - Input mode → "inline"
+     * - Textarea mode → "inline"
+     */
+    placement?: ChipsPlacement;
+    className?: string;
+    chipsClassName?: string;
+    chipClassName?: string;
+    chipLabelClassName?: string;
+    chipRemoveClassName?: string;
+    inputClassName?: string;
+}
+/**
+ * We still type against ShadcnTextVariantProps so chips can reuse
+ * size/density/icon props etc. We take control of:
+ * - type / value / onValue
+ * - leadingControl / trailingControl
+ */
+type TextUiProps = Omit<ShadcnTextVariantProps, "type" | "inputMode" | "leadingControl" | "trailingControl" | "value" | "onValue">;
+/**
+ * Full props for the Shadcn-based chips variant.
+ */
+export type ShadcnChipsVariantProps = TextUiProps & ChipsVariantProps & Pick<BaseProps, "value" | "onValue" | "error">;
+export declare const ShadcnChipsVariant: React.ForwardRefExoticComponent<TextUiProps & ChipsVariantProps & Pick<BaseProps, "value" | "onValue" | "error"> & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+export default ShadcnChipsVariant;
+//# sourceMappingURL=chips.d.ts.map

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

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

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

@@ -0,0 +1,266 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// src/presets/shadcn-variants/chips.tsx
+import * as React from "react";
+import { Input } from "@/presets/ui/input";
+import { Textarea } from "@/presets/ui/textarea";
+import { cn } from "@/lib/utils";
+import { X } from "lucide-react";
+// ─────────────────────────────────────────────
+// Helpers
+// ─────────────────────────────────────────────
+function normalizeSeparators(sep) {
+    if (!sep)
+        return [",", ";"];
+    if (Array.isArray(sep))
+        return sep;
+    return [sep];
+}
+function splitIntoTokens(raw, sep) {
+    const separators = normalizeSeparators(sep);
+    let acc = [raw];
+    for (const s of separators) {
+        const next = [];
+        for (const chunk of acc) {
+            if (!chunk)
+                continue;
+            if (typeof s === "string") {
+                next.push(...chunk.split(s));
+            }
+            else {
+                next.push(...chunk.split(s));
+            }
+        }
+        acc = next;
+    }
+    return acc
+        .map((t) => t.trim())
+        .filter((t) => t.length > 0);
+}
+// ─────────────────────────────────────────────
+// Component
+// ─────────────────────────────────────────────
+export const ShadcnChipsVariant = React.forwardRef(function ShadcnChipsVariant(props, ref) {
+    const { 
+    // variant base bits
+    value, onValue, error, 
+    // chips behaviour
+    placeholder, separators, addOnEnter = true, addOnTab = true, addOnBlur = true, allowDuplicates = false, maxChips, backspaceRemovesLast = true, clearable = false, onAddChips, onRemoveChips, renderChip, renderOverflowChip, maxVisibleChips, maxChipChars, maxChipWidth, textareaMode = false, placement, 
+    // UI classNames
+    className, chipsClassName, chipClassName, chipLabelClassName, chipRemoveClassName, inputClassName, 
+    // rest of text UI bits (size, density, icons, etc.)
+    ...restTextProps } = props;
+    const chips = React.useMemo(() => value ?? [], [value]);
+    const hasChips = chips.length > 0;
+    const [inputText, setInputText] = React.useState("");
+    // ─────────────────────────────────────────────
+    // Value emit
+    // ─────────────────────────────────────────────
+    const emitChange = React.useCallback((nextChips, meta) => {
+        const detail = {
+            source: "variant",
+            raw: nextChips,
+            nativeEvent: undefined,
+            meta: {
+                ...meta,
+                chips: nextChips,
+            },
+        };
+        onValue?.(nextChips.length ? nextChips : undefined, detail);
+    }, [onValue]);
+    const commitFromRaw = React.useCallback((raw) => {
+        const tokens = splitIntoTokens(raw, separators);
+        if (!tokens.length)
+            return;
+        let next = [...chips];
+        const added = [];
+        for (const token of tokens) {
+            if (!allowDuplicates && next.includes(token))
+                continue;
+            if (typeof maxChips === "number" && next.length >= maxChips) {
+                break;
+            }
+            next.push(token);
+            added.push(token);
+        }
+        if (!added.length)
+            return;
+        emitChange(next, { action: "add", added });
+        onAddChips?.(added, next);
+        setInputText("");
+    }, [chips, separators, allowDuplicates, maxChips, emitChange, onAddChips]);
+    const handleRemoveAt = React.useCallback((index) => {
+        if (index < 0 || index >= chips.length)
+            return;
+        const removed = [chips[index]];
+        const next = chips.filter((_, i) => i !== index);
+        emitChange(next, { action: "remove", removed });
+        onRemoveChips?.(removed, next);
+    }, [chips, emitChange, onRemoveChips]);
+    const handleClear = React.useCallback((ev) => {
+        ev?.preventDefault();
+        ev?.stopPropagation();
+        if (!chips.length)
+            return;
+        emitChange([], { action: "clear", removed: [...chips] });
+        onRemoveChips?.([...chips], []);
+        setInputText("");
+    }, [chips, emitChange, onRemoveChips]);
+    // ─────────────────────────────────────────────
+    // Entry events (Input or Textarea)
+    // ─────────────────────────────────────────────
+    const handleEntryChange = React.useCallback((event) => {
+        const next = event.target.value ?? "";
+        setInputText(next);
+    }, []);
+    const handleEntryKeyDown = React.useCallback((event) => {
+        const key = event.key;
+        if (key === "Enter" && addOnEnter) {
+            event.preventDefault();
+            if (inputText.trim().length) {
+                commitFromRaw(inputText);
+            }
+            return;
+        }
+        if (key === "Tab" && addOnTab && inputText.trim().length) {
+            event.preventDefault();
+            commitFromRaw(inputText);
+            return;
+        }
+        // Backspace on empty input → remove last chip
+        if (key === "Backspace" &&
+            backspaceRemovesLast &&
+            !inputText.length &&
+            chips.length) {
+            event.preventDefault();
+            handleRemoveAt(chips.length - 1);
+            return;
+        }
+    }, [
+        inputText,
+        addOnEnter,
+        addOnTab,
+        backspaceRemovesLast,
+        chips.length,
+        commitFromRaw,
+        handleRemoveAt,
+    ]);
+    const handleEntryBlur = React.useCallback((event) => {
+        if (addOnBlur && inputText.trim().length) {
+            commitFromRaw(inputText);
+        }
+        // Forward to host onBlur if provided in restTextProps
+        const anyProps = restTextProps;
+        const hostOnBlur = anyProps?.onBlur;
+        hostOnBlur?.(event);
+    }, [addOnBlur, inputText, commitFromRaw, restTextProps]);
+    const effectivePlaceholder = placeholder ?? (hasChips ? "" : "Add item…");
+    // ─────────────────────────────────────────────
+    // Chip rendering (maxVisible / overflow / truncation)
+    // ─────────────────────────────────────────────
+    let visibleChips = chips;
+    let hiddenCount = 0;
+    if (typeof maxVisibleChips === "number" &&
+        maxVisibleChips > 0 &&
+        chips.length > maxVisibleChips) {
+        visibleChips = chips.slice(0, maxVisibleChips);
+        hiddenCount = chips.length - visibleChips.length;
+    }
+    const maxWidthStyle = maxChipWidth !== undefined
+        ? {
+            maxWidth: typeof maxChipWidth === "number"
+                ? `${maxChipWidth}px`
+                : maxChipWidth,
+        }
+        : undefined;
+    const baseChipClasses = textareaMode
+        ? "inline-flex min-w-0 gap-1 items-center justify-between rounded-md bg-muted px-2 py-2 text-muted-foreground"
+        : "inline-flex max-w-full items-center gap-1 rounded bg-muted px-2 py-0.5 text-muted-foreground hover:bg-muted/80";
+    const baseRemoveClasses = textareaMode
+        ? "cursor-pointer text-[16px] opacity-70 hover:opacity-100 mt-0.5"
+        : "cursor-pointer text-[16px] opacity-70 hover:opacity-100";
+    const chipNodes = visibleChips.map((chip, index) => {
+        if (renderChip) {
+            return (_jsx(React.Fragment, { children: renderChip(chip, index, {
+                    remove: () => handleRemoveAt(index),
+                    chips,
+                }) }, `${chip}-${index}`));
+        }
+        let label = chip;
+        if (typeof maxChipChars === "number" &&
+            maxChipChars > 0 &&
+            label.length > maxChipChars) {
+            label = label.slice(0, maxChipChars) + "…";
+        }
+        return (_jsxs("button", { type: "button", className: cn(baseChipClasses, chipClassName), onClick: (e) => {
+                e.preventDefault();
+            }, "data-slot": "chip", children: [_jsx("span", { className: cn("truncate", chipLabelClassName), style: maxWidthStyle, children: label }), _jsx("span", { className: cn(baseRemoveClasses, chipRemoveClassName), onClick: (e) => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        handleRemoveAt(index);
+                    }, "aria-hidden": "true", children: _jsx(X, { size: 16 }) })] }, `${chip}-${index}`));
+    });
+    if (hiddenCount > 0) {
+        const defaultOverflow = (_jsxs("span", { className: cn(baseChipClasses, "cursor-default", chipClassName), "data-slot": "chip-overflow", children: ["+", hiddenCount, " more"] }));
+        const node = renderOverflowChip?.(hiddenCount, chips) ?? defaultOverflow;
+        chipNodes.push(_jsx(React.Fragment, { children: node }, "__overflow"));
+    }
+    // ─────────────────────────────────────────────
+    // Placement (inline vs below)
+    // ─────────────────────────────────────────────
+    const effectivePlacement = textareaMode
+        ? (placement ?? "inline")
+        : (placement ?? "inline");
+    const inlinePlacement = effectivePlacement === "inline";
+    // Input-mode inline controls (inside the Input frame)
+    let leadingControl;
+    let trailingControl;
+    // Below-the-field block (both modes)
+    let chipsBelowBlock;
+    // Textarea-mode upper toolbox (instead of leadingControl/trailingControl)
+    let textareaUpperControl;
+    let textareaUpperClassName;
+    if (hasChips) {
+        if (textareaMode) {
+            if (inlinePlacement) {
+                // chips live in the upper toolbox row, single-line row by default
+                textareaUpperControl = (_jsxs("div", { "data-slot": "chips-upper", className: cn("flex items-center gap-1 text-xs", chipsClassName), children: [chipNodes, clearable && (_jsx("button", { type: "button", onClick: handleClear, className: "ml-auto inline-flex h-6 px-2 items-center justify-center rounded-full text-[0.72rem] text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1", "data-slot": "chips-clear", children: "Clear" }))] }));
+                textareaUpperClassName = chipsClassName;
+            }
+            else {
+                // textareaMode + placement=below → block under the textarea box
+                chipsBelowBlock = (_jsxs("div", { className: cn("mt-2 flex items-center gap-2 text-xs", chipsClassName), "data-slot": "chips-list-below", children: [chipNodes, clearable && (_jsx("button", { type: "button", onClick: handleClear, className: "self-start inline-flex h-6 px-2 items-center justify-center rounded-full text-[0.72rem] text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1", "data-slot": "chips-clear", children: "Clear" }))] }));
+            }
+        }
+        else {
+            // INPUT MODE
+            if (inlinePlacement) {
+                leadingControl = (_jsx("div", { className: cn("flex min-w-0 flex-row items-center gap-1 pr-1 py-1 text-xs pl-2", chipsClassName), "data-slot": "chips-list", children: chipNodes }));
+                if (clearable) {
+                    trailingControl = (_jsx("div", { className: "flex h-full items-center pr-1", "data-slot": "chips-trailing", children: _jsx("button", { type: "button", onClick: handleClear, className: "inline-flex h-6 w-6 items-center justify-center rounded-full text-xs text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1", "data-slot": "chips-clear", "aria-label": "Clear chips", children: "\u00D7" }) }));
+                }
+            }
+            else {
+                chipsBelowBlock = (_jsxs("div", { className: cn("mt-1 flex flex-row items-center gap-1 text-xs", chipsClassName), "data-slot": "chips-list-below", children: [chipNodes, clearable && (_jsx("button", { type: "button", onClick: handleClear, className: "inline-flex h-6 px-2 items-center justify-center rounded-full text-[0.72rem] text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1", "data-slot": "chips-clear", children: "Clear" }))] }));
+            }
+        }
+    }
+    const joinControls = !textareaMode && inlinePlacement && hasChips;
+    const extendBoxToControls = !textareaMode && inlinePlacement && hasChips;
+    // ─────────────────────────────────────────────
+    // Entry control (Input vs Textarea)
+    // ─────────────────────────────────────────────
+    return (_jsx("div", { className: className, "data-slot": "chips-field", children: textareaMode ? (_jsxs(_Fragment, { children: [_jsx(Textarea, { ref: ref, ...restTextProps, value: inputText, onChange: handleEntryChange, onKeyDown: handleEntryKeyDown, onBlur: handleEntryBlur, extendBoxToToolbox: effectivePlacement === "inline", placeholder: effectivePlaceholder, 
+                    // textarea-specific defaults
+                    autoResize: true, rows: 1, upperControl: textareaUpperControl, upperControlClassName: textareaUpperClassName, inputClassName: inputClassName, "aria-invalid": error ? "true" : undefined }), !inlinePlacement && hasChips && chipsBelowBlock] })) : (_jsxs(_Fragment, { children: [_jsx(Input, { ref: ref, ...restTextProps, type: "text", 
+                    // The Input's value is the *draft* text, not the chips.
+                    value: inputText, onChange: handleEntryChange, onKeyDown: handleEntryKeyDown, onBlur: handleEntryBlur, placeholder: effectivePlaceholder, 
+                    // ONLY pass controls when chips are inline
+                    leadingControl: inlinePlacement ? leadingControl : undefined, trailingControl: inlinePlacement ? trailingControl : undefined, 
+                    // Only flip into "group box" mode when there are chips inline
+                    joinControls: joinControls, extendBoxToControls: extendBoxToControls, inputClassName: cn("min-w-[4ch] flex-1 py-0", inlinePlacement &&
+                        hasChips &&
+                        "bg-transparent border-none shadow-none outline-none", inputClassName), "aria-invalid": error ? "true" : undefined }), !inlinePlacement && hasChips && chipsBelowBlock] })) }));
+});
+ShadcnChipsVariant.displayName = "ShadcnChipsVariant";
+export default ShadcnChipsVariant;
+//# sourceMappingURL=chips.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chips.js","sourceRoot":"","sources":["../../../src/presets/shadcn-variants/chips.tsx"],"names":[],"mappings":";AAAA,wCAAwC;AAExC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAqMjC,gDAAgD;AAChD,UAAU;AACV,gDAAgD;AAEhD,SAAS,mBAAmB,CAAC,GAAoB;IAC9C,IAAI,CAAC,GAAG;QAAE,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAC5B,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAAE,OAAO,GAAG,CAAC;IACnC,OAAO,CAAC,GAAG,CAAC,CAAC;AAChB,CAAC;AAED,SAAS,eAAe,CAAC,GAAW,EAAE,GAAoB;IACvD,MAAM,UAAU,GAAG,mBAAmB,CAAC,GAAG,CAAC,CAAC;IAC5C,IAAI,GAAG,GAAa,CAAC,GAAG,CAAC,CAAC;IAE1B,KAAK,MAAM,CAAC,IAAI,UAAU,EAAE,CAAC;QAC1B,MAAM,IAAI,GAAa,EAAE,CAAC;QAC1B,KAAK,MAAM,KAAK,IAAI,GAAG,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK;gBAAE,SAAS;YACrB,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;gBACzB,IAAI,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YAChC,CAAC;iBAAM,CAAC;gBACL,IAAI,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YAChC,CAAC;QACJ,CAAC;QACD,GAAG,GAAG,IAAI,CAAC;IACd,CAAC;IAED,OAAO,GAAG;SACN,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;SACpB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AACnC,CAAC;AAED,gDAAgD;AAChD,YAAY;AACZ,gDAAgD;AAEhD,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAGhD,SAAS,kBAAkB,CAAC,KAAK,EAAE,GAAG;IACrC,MAAM;IACH,oBAAoB;IACpB,KAAK,EACL,OAAO,EACP,KAAK;IAEL,kBAAkB;IAClB,WAAW,EACX,UAAU,EACV,UAAU,GAAG,IAAI,EACjB,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,IAAI,EAChB,eAAe,GAAG,KAAK,EACvB,QAAQ,EACR,oBAAoB,GAAG,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,UAAU,EACV,aAAa,EACb,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,YAAY,GAAG,KAAK,EACpB,SAAS;IAET,gBAAgB;IAChB,SAAS,EACT,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,cAAc;IAEd,oDAAoD;IACpD,GAAG,aAAa,EAClB,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACxD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAElC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAErD,gDAAgD;IAChD,aAAa;IACb,gDAAgD;IAEhD,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CACjC,CACG,SAAmB,EACnB,IAAoC,EACrC,EAAE;QACD,MAAM,MAAM,GAAkC;YAC3C,MAAM,EAAE,SAAS;YACjB,GAAG,EAAE,SAAS;YACd,WAAW,EAAE,SAAS;YACtB,IAAI,EAAE;gBACH,GAAG,IAAI;gBACP,KAAK,EAAE,SAAS;aAClB;SACH,CAAC;QACF,OAAO,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAC/D,CAAC,EACD,CAAC,OAAO,CAAC,CACX,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,GAAW,EAAE,EAAE;QACb,MAAM,MAAM,GAAG,eAAe,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;QAChD,IAAI,CAAC,MAAM,CAAC,MAAM;YAAE,OAAO;QAE3B,IAAI,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;QACtB,MAAM,KAAK,GAAa,EAAE,CAAC;QAE3B,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;YAC1B,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAAE,SAAS;YACvD,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,IAAI,QAAQ,EAAE,CAAC;gBAC3D,MAAM;YACT,CAAC;YACD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACjB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO;QAE1B,UAAU,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QAC3C,UAAU,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAC1B,YAAY,CAAC,EAAE,CAAC,CAAC;IACpB,CAAC,EACD,CAAC,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAC,CACxE,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,KAAa,EAAE,EAAE;QACf,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM;YAAE,OAAO;QAC/C,MAAM,OAAO,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QAC/B,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;QAEjD,UAAU,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;QAChD,aAAa,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,KAAK,EAAE,UAAU,EAAE,aAAa,CAAC,CACpC,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,EAAqB,EAAE,EAAE;QACvB,EAAE,EAAE,cAAc,EAAE,CAAC;QACrB,EAAE,EAAE,eAAe,EAAE,CAAC;QACtB,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO;QAC1B,UAAU,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;QACzD,aAAa,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QAChC,YAAY,CAAC,EAAE,CAAC,CAAC;IACpB,CAAC,EACD,CAAC,KAAK,EAAE,UAAU,EAAE,aAAa,CAAC,CACpC,CAAC;IAEF,gDAAgD;IAChD,mCAAmC;IACnC,gDAAgD;IAEhD,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACxC,CACG,KAE2C,EAC5C,EAAE;QACD,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC;QACtC,YAAY,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EACD,EAAE,CACJ,CAAC;IAEF,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CACzC,CACG,KAE6C,EAC9C,EAAE;QACD,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;QAEtB,IAAI,GAAG,KAAK,OAAO,IAAI,UAAU,EAAE,CAAC;YACjC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC;gBAC3B,aAAa,CAAC,SAAS,CAAC,CAAC;YAC5B,CAAC;YACD,OAAO;QACV,CAAC;QAED,IAAI,GAAG,KAAK,KAAK,IAAI,QAAQ,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC;YACxD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,aAAa,CAAC,SAAS,CAAC,CAAC;YACzB,OAAO;QACV,CAAC;QAED,8CAA8C;QAC9C,IACG,GAAG,KAAK,WAAW;YACnB,oBAAoB;YACpB,CAAC,SAAS,CAAC,MAAM;YACjB,KAAK,CAAC,MAAM,EACb,CAAC;YACA,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,cAAc,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACjC,OAAO;QACV,CAAC;IACJ,CAAC,EACD;QACG,SAAS;QACT,UAAU;QACV,QAAQ;QACR,oBAAoB;QACpB,KAAK,CAAC,MAAM;QACZ,aAAa;QACb,cAAc;KAChB,CACH,CAAC;IAEF,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACtC,CACG,KAE0C,EAC3C,EAAE;QACD,IAAI,SAAS,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC;YACxC,aAAa,CAAC,SAAS,CAAC,CAAC;QAC5B,CAAC;QAED,sDAAsD;QACtD,MAAM,QAAQ,GAAG,aAAoB,CAAC;QACtC,MAAM,UAAU,GAAG,QAAQ,EAAE,MAEf,CAAC;QACf,UAAU,EAAE,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,CAAC,CACtD,CAAC;IAEF,MAAM,oBAAoB,GACvB,WAAW,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAEhD,gDAAgD;IAChD,sDAAsD;IACtD,gDAAgD;IAEhD,IAAI,YAAY,GAAG,KAAK,CAAC;IACzB,IAAI,WAAW,GAAG,CAAC,CAAC;IAEpB,IACG,OAAO,eAAe,KAAK,QAAQ;QACnC,eAAe,GAAG,CAAC;QACnB,KAAK,CAAC,MAAM,GAAG,eAAe,EAC/B,CAAC;QACA,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC;QAC/C,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC;IACpD,CAAC;IAED,MAAM,aAAa,GAChB,YAAY,KAAK,SAAS;QACvB,CAAC,CAAC;YACC,QAAQ,EACL,OAAO,YAAY,KAAK,QAAQ;gBAC7B,CAAC,CAAC,GAAG,YAAY,IAAI;gBACrB,CAAC,CAAC,YAAY;SACtB;QACD,CAAC,CAAC,SAAS,CAAC;IAElB,MAAM,eAAe,GAAG,YAAY;QACjC,CAAC,CAAC,4GAA4G;QAC9G,CAAC,CAAC,gHAAgH,CAAC;IAEtH,MAAM,iBAAiB,GAAG,YAAY;QACnC,CAAC,CAAC,gEAAgE;QAClE,CAAC,CAAC,yDAAyD,CAAC;IAE/D,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAChD,IAAI,UAAU,EAAE,CAAC;YACd,OAAO,CACJ,KAAC,KAAK,CAAC,QAAQ,cACX,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE;oBACtB,MAAM,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC;oBACnC,KAAK;iBACP,CAAC,IAJgB,GAAG,IAAI,IAAI,KAAK,EAAE,CAKtB,CACnB,CAAC;QACL,CAAC;QAED,IAAI,KAAK,GAAG,IAAI,CAAC;QACjB,IACG,OAAO,YAAY,KAAK,QAAQ;YAChC,YAAY,GAAG,CAAC;YAChB,KAAK,CAAC,MAAM,GAAG,YAAY,EAC5B,CAAC;YACA,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,GAAG,GAAG,CAAC;QAC9C,CAAC;QAED,OAAO,CACJ,kBAEG,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,aAAa,CAAC,EAC7C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;YACtB,CAAC,eACS,MAAM,aAEhB,eACG,SAAS,EAAE,EAAE,CACV,UAAU,EACV,kBAAkB,CACpB,EACD,KAAK,EAAE,aAAa,YAEnB,KAAK,GACF,EACP,eACG,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,EACrD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;wBACpB,cAAc,CAAC,KAAK,CAAC,CAAC;oBACzB,CAAC,iBACW,MAAM,YAElB,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,GACX,KA3BF,GAAG,IAAI,IAAI,KAAK,EAAE,CA4BjB,CACX,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;QACnB,MAAM,eAAe,GAAG,CACrB,gBACG,SAAS,EAAE,EAAE,CACV,eAAe,EACf,gBAAgB,EAChB,aAAa,CACf,eACS,eAAe,kBAEvB,WAAW,aACT,CACT,CAAC;QAEF,MAAM,IAAI,GACP,kBAAkB,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,IAAI,eAAe,CAAC;QAE/D,SAAS,CAAC,IAAI,CACX,KAAC,KAAK,CAAC,QAAQ,cACX,IAAI,IADY,YAAY,CAEf,CACnB,CAAC;IACL,CAAC;IAED,gDAAgD;IAChD,8BAA8B;IAC9B,gDAAgD;IAEhD,MAAM,kBAAkB,GAAmB,YAAY;QACpD,CAAC,CAAC,CAAC,SAAS,IAAI,QAAQ,CAAC;QACzB,CAAC,CAAC,CAAC,SAAS,IAAI,QAAQ,CAAC,CAAC;IAE7B,MAAM,eAAe,GAAG,kBAAkB,KAAK,QAAQ,CAAC;IAExD,sDAAsD;IACtD,IAAI,cAA2C,CAAC;IAChD,IAAI,eAA4C,CAAC;IAEjD,qCAAqC;IACrC,IAAI,eAA4C,CAAC;IAEjD,0EAA0E;IAC1E,IAAI,oBAAiD,CAAC;IACtD,IAAI,sBAA0C,CAAC;IAE/C,IAAI,QAAQ,EAAE,CAAC;QACZ,IAAI,YAAY,EAAE,CAAC;YAChB,IAAI,eAAe,EAAE,CAAC;gBACnB,kEAAkE;gBAClE,oBAAoB,GAAG,CACpB,4BACa,aAAa,EACvB,SAAS,EAAE,EAAE,CACV,iCAAiC,EACjC,cAAc,CAChB,aAEA,SAAS,EACT,SAAS,IAAI,CACX,iBACG,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,qPAAqP,eACrP,aAAa,sBAGjB,CACX,IACE,CACR,CAAC;gBACF,sBAAsB,GAAG,cAAc,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACL,gEAAgE;gBAChE,eAAe,GAAG,CACf,eACG,SAAS,EAAE,EAAE,CACV,sCAAsC,EACtC,cAAc,CAChB,eACS,kBAAkB,aAE3B,SAAS,EACT,SAAS,IAAI,CACX,iBACG,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,wPAAwP,eACxP,aAAa,sBAGjB,CACX,IACE,CACR,CAAC;YACL,CAAC;QACJ,CAAC;aAAM,CAAC;YACL,aAAa;YACb,IAAI,eAAe,EAAE,CAAC;gBACnB,cAAc,GAAG,CACd,cACG,SAAS,EAAE,EAAE,CACV,iEAAiE,EACjE,cAAc,CAChB,eACS,YAAY,YAErB,SAAS,GACP,CACR,CAAC;gBAEF,IAAI,SAAS,EAAE,CAAC;oBACb,eAAe,GAAG,CACf,cACG,SAAS,EAAC,+BAA+B,eAC/B,gBAAgB,YAE1B,iBACG,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,qOAAqO,eACrO,aAAa,gBACZ,aAAa,uBAGlB,GACN,CACR,CAAC;gBACL,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACL,eAAe,GAAG,CACf,eACG,SAAS,EAAE,EAAE,CACV,+CAA+C,EAC/C,cAAc,CAChB,eACS,kBAAkB,aAE3B,SAAS,EACT,SAAS,IAAI,CACX,iBACG,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,6OAA6O,eAC7O,aAAa,sBAGjB,CACX,IACE,CACR,CAAC;YACL,CAAC;QACJ,CAAC;IACJ,CAAC;IAED,MAAM,YAAY,GAAG,CAAC,YAAY,IAAI,eAAe,IAAI,QAAQ,CAAC;IAClE,MAAM,mBAAmB,GAAG,CAAC,YAAY,IAAI,eAAe,IAAI,QAAQ,CAAC;IAEzE,gDAAgD;IAChD,oCAAoC;IACpC,gDAAgD;IAEhD,OAAO,CACJ,cAAK,SAAS,EAAE,SAAS,eAAY,aAAa,YAC9C,YAAY,CAAC,CAAC,CAAC,CACb,8BACG,KAAC,QAAQ,IACN,GAAG,EAAE,GAAU,KACX,aAAa,EACjB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAE,kBAAyB,EACpC,MAAM,EAAE,eAAsB,EAC9B,kBAAkB,EAAE,kBAAkB,KAAK,QAAQ,EACnD,WAAW,EAAE,oBAAoB;oBACjC,6BAA6B;oBAC7B,UAAU,EAAE,IAAI,EAChB,IAAI,EAAE,CAAC,EACP,YAAY,EAAE,oBAAoB,EAClC,qBAAqB,EAAE,sBAAsB,EAC7C,cAAc,EAAE,cAAc,kBAChB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,GACzC,EACD,CAAC,eAAe,IAAI,QAAQ,IAAI,eAAe,IAChD,CACL,CAAC,CAAC,CAAC,CACD,8BACG,KAAC,KAAK,IACH,GAAG,EAAE,GAAU,KACX,aAAa,EACjB,IAAI,EAAC,MAAM;oBACX,wDAAwD;oBACxD,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,iBAAwB,EAClC,SAAS,EAAE,kBAAyB,EACpC,MAAM,EAAE,eAAsB,EAC9B,WAAW,EAAE,oBAAoB;oBACjC,2CAA2C;oBAC3C,cAAc,EAAE,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC5D,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS;oBAC9D,8DAA8D;oBAC9D,YAAY,EAAE,YAAY,EAC1B,mBAAmB,EAAE,mBAAmB,EACxC,cAAc,EAAE,EAAE,CACf,yBAAyB,EACzB,eAAe;wBACf,QAAQ;wBACR,qDAAqD,EACrD,cAAc,CAChB,kBACa,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,GACzC,EACD,CAAC,eAAe,IAAI,QAAQ,IAAI,eAAe,IAChD,CACL,GACE,CACR,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEtD,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,63 @@
+import * as React from "react";
+import type { VariantBaseProps } from "@/variants/shared";
+import type { ShadcnTextVariantProps } from "@/presets/shadcn-variants/text";
+type BaseProps = VariantBaseProps<string | undefined>;
+/**
+ * Extra options specific to the color variant.
+ */
+export interface ColorSpecificProps {
+    /**
+     * If false, we hide the colour preview box.
+     * Default: true
+     */
+    showPreview?: boolean;
+    /**
+     * If false, we hide the picker toggle control/icon.
+     * Default: true
+     */
+    showPickerToggle?: boolean;
+    /**
+     * Size of the colour swatch in pixels.
+     * Default: 18
+     */
+    previewSize?: number;
+    /**
+     * Optional className for the outer wrapper that hosts
+     * the Input + hidden color input.
+     */
+    wrapperClassName?: string;
+    /**
+     * Optional className for the preview button itself (around the swatch).
+     */
+    previewButtonClassName?: string;
+    /**
+     * Optional className for the swatch box inside the preview button.
+     */
+    previewSwatchClassName?: string;
+    /**
+     * Optional className for the hidden `<input type="color">`.
+     *
+     * By default this input is visually hidden and only used
+     * to invoke the browser/OS colour picker, but you can override
+     * this class to make it visible and style it.
+     */
+    pickerInputClassName?: string;
+    /**
+     * Custom icon shown in the trailing control as the picker toggle.
+     * If omitted, a tiny ▾ triangle is used.
+     */
+    pickerToggleIcon?: React.ReactNode;
+    className?: string;
+}
+/**
+ * We inherit the *visual/behavioural* props from ShadcnTextVariant,
+ * but control value / onValue / type / inputMode / leadingControl / trailingControl ourselves.
+ */
+type TextUiProps = Omit<ShadcnTextVariantProps, "type" | "inputMode" | "leadingControl" | "trailingControl" | "value" | "onValue">;
+/**
+ * Full props for the color variant as seen by the form runtime.
+ */
+export type ShadcnColorVariantProps = TextUiProps & ColorSpecificProps & Pick<BaseProps, "value" | "onValue">;
+export declare const ShadcnColorVariant: React.ForwardRefExoticComponent<TextUiProps & ColorSpecificProps & Pick<BaseProps, "value" | "onValue"> & React.RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=color.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/presets/shadcn-variants/color.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,gBAAgB,EAAgB,MAAM,mBAAmB,CAAC;AACxE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAK7E,KAAK,SAAS,GAAG,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC;;;;;;OAMG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,KAAK,WAAW,GAAG,IAAI,CACpB,sBAAsB,EACtB,MAAM,GAAG,WAAW,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,OAAO,GAAG,SAAS,CACnF,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,WAAW,GAC9C,kBAAkB,GAClB,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;AAUxC,eAAO,MAAM,kBAAkB,kJA4L7B,CAAC"}

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

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// src/presets/shadcn-variants/color.tsx
+import * as React from "react";
+import { Input } from "@/presets/ui/input";
+import { cn } from "@/lib/utils";
+import { Palette } from "lucide-react";
+function normalizeColorForPicker(value) {
+    // Very light sanity: accept #rgb or #rrggbb; otherwise fall back.
+    if (typeof value === "string" && /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(value)) {
+        return value;
+    }
+    return "#000000";
+}
+export const ShadcnColorVariant = React.forwardRef(function ShadcnColorVariant(props, ref) {
+    const { 
+    // variant contract
+    value, onValue, 
+    // colour-specific
+    showPreview = true, showPickerToggle = true, previewSize = 18, wrapperClassName, previewButtonClassName, previewSwatchClassName, pickerInputClassName, pickerToggleIcon, 
+    // from text variant UI
+    error, joinControls = true, extendBoxToControls = true, 
+    // everything else → Input (size, density, className, icons, etc.)
+    ...restTextProps } = props;
+    const [local, setLocal] = React.useState(value ?? "");
+    const [pickerOpen, setPickerOpen] = React.useState(false);
+    React.useEffect(() => {
+        setLocal(value ?? "");
+    }, [value]);
+    const pickerRef = React.useRef(null);
+    const effectiveColor = normalizeColorForPicker(local || value);
+    const showError = Boolean(error);
+    const openSystemPicker = React.useCallback(() => {
+        setPickerOpen(true);
+        // Small timeout so state flushes before click; not strictly required but safe.
+        window.setTimeout(() => {
+            pickerRef.current?.click();
+        }, 0);
+    }, []);
+    const handleTextChange = React.useCallback((event) => {
+        const next = event.target.value ?? "";
+        setLocal(next);
+        if (onValue) {
+            const detail = {
+                source: "variant",
+                raw: next,
+                nativeEvent: event,
+                meta: { source: "input" },
+            };
+            onValue(next || undefined, detail);
+        }
+    }, [onValue]);
+    const handlePickerChange = React.useCallback((event) => {
+        const next = event.target.value ?? "";
+        setLocal(next);
+        if (onValue) {
+            const detail = {
+                source: "variant",
+                raw: next,
+                nativeEvent: event,
+                meta: { source: "picker" },
+            };
+            onValue(next || undefined, detail);
+        }
+        // Once the user picks a colour, the OS picker closes.
+        setPickerOpen(false);
+    }, [onValue]);
+    const handlePickerBlur = React.useCallback(() => {
+        // If the user cancels the picker, blur fires and we can clear state.
+        setPickerOpen(false);
+    }, []);
+    // ———————————————————————————————
+    // Leading control: colour preview
+    // ———————————————————————————————
+    const leadingControl = showPreview ? (_jsx("button", { type: "button", onClick: openSystemPicker, className: cn("flex h-full items-center px-3 border-r border-border/50", "hover:bg-muted/50 transition-colors focus-visible:outline-none focus-visible:bg-muted/50", previewButtonClassName), tabIndex: -1, "aria-label": "Open colour picker", children: _jsx("span", { className: cn("inline-flex rounded-sm shadow-sm ring-1 ring-inset ring-foreground/10", previewSwatchClassName), style: {
+                width: previewSize,
+                height: previewSize,
+                backgroundColor: effectiveColor,
+            } }) })) : undefined;
+    // ———————————————————————————————
+    // Trailing control: picker toggle icon
+    // ———————————————————————————————
+    const toggleNode = pickerToggleIcon !== undefined ? (pickerToggleIcon) : (
+    // Swapped the text caret for a Lucide Palette icon
+    _jsx(Palette, { className: "h-4 w-4 opacity-50" }));
+    const trailingControl = showPickerToggle ? (_jsx("button", { type: "button", onClick: openSystemPicker, className: "flex h-full items-center px-3 text-muted-foreground hover:text-foreground transition-colors", tabIndex: -1, "aria-label": pickerOpen ? "Close colour picker" : "Open colour picker", "data-open": pickerOpen ? "true" : "false", children: toggleNode })) : undefined;
+    // ———————————————————————————————
+    // Render
+    // ———————————————————————————————
+    return (_jsxs("div", { className: cn("relative group/color", wrapperClassName), children: [_jsx(Input, { ref: ref, ...restTextProps, type: "text", value: local, onChange: handleTextChange, leadingControl: leadingControl, trailingControl: trailingControl, joinControls: joinControls, extendBoxToControls: extendBoxToControls, "aria-invalid": showError ? "true" : undefined, 
+                // Added mono font and uppercase for cleaner hex code display
+                className: cn("font-mono uppercase", restTextProps.className), maxLength: 9 }), _jsx("input", { ref: pickerRef, type: "color", 
+                // hidden
+                className: cn("absolute h-0 w-0 opacity-0 pointer-events-none", pickerInputClassName), value: effectiveColor, onChange: handlePickerChange, onBlur: handlePickerBlur, tabIndex: -1, "aria-hidden": "true" })] }));
+});
+ShadcnColorVariant.displayName = "ShadcnColorVariant";
+//# sourceMappingURL=color.js.map

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

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