@timeax/form-palette 0.0.3 → 0.0.4

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

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { InputNumber } from "../ui/number";
+import { cn } from "@/lib/utils";
+import { ChevronUp, ChevronDown, Plus, Minus } from "lucide-react";
+export const ShadcnNumberVariant = React.forwardRef(function ShadcnNumberVariant(props, forwardedRef) {
+    const { showButtons, buttonLayout = "stacked", disabled, // Extract disabled to style buttons
+    ...rest } = props;
+    // we still want access to these for stepping logic
+    const { step = 1, min, value, max, onValue: onValueChange, name, id, inputId, } = rest;
+    const handleChange = React.useCallback((e) => {
+        if (onValueChange) {
+            onValueChange(e.value, {
+                source: "user",
+                nativeEvent: e.originalEvent,
+                raw: e.value,
+            });
+        }
+    }, [onValueChange]);
+    const handleStep = React.useCallback((direction, originalEvent) => {
+        if (disabled)
+            return;
+        const current = value ?? 0;
+        let next = current + direction * step;
+        if (typeof min === "number")
+            next = Math.max(next, min);
+        if (typeof max === "number")
+            next = Math.min(next, max);
+        // Prime-style event
+        const e = {
+            originalEvent,
+            value: next,
+            stopPropagation: () => originalEvent.stopPropagation(),
+            preventDefault: () => originalEvent.preventDefault(),
+            target: {
+                name,
+                id: id ?? inputId ?? null,
+                value: next,
+            },
+        };
+        handleChange(e);
+    }, [value, step, min, max, onValueChange, name, id, inputId, disabled, handleChange]);
+    // --- Styles ---
+    // Common styles for the interactive buttons
+    const btnBase = "flex h-full items-center justify-center bg-transparent text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground disabled:opacity-50 disabled:cursor-not-allowed";
+    // Build controls based on layout
+    let leadingControl;
+    let trailingControl;
+    if (showButtons) {
+        if (buttonLayout === "inline") {
+            // INLINE: "-" on the left, "+" on the right
+            leadingControl = (_jsx("button", { type: "button", tabIndex: -1, disabled: disabled, onClick: (e) => handleStep(-1, e), className: cn(btnBase, "border-r border-input px-3"), "aria-label": "Decrease value", children: _jsx(Minus, { className: "h-4 w-4" }) }));
+            trailingControl = (_jsx("button", { type: "button", tabIndex: -1, disabled: disabled, onClick: (e) => handleStep(1, e), className: cn(btnBase, "border-l border-input px-3"), "aria-label": "Increase value", children: _jsx(Plus, { className: "h-4 w-4" }) }));
+        }
+        else {
+            // STACKED: vertical +/- on the right
+            trailingControl = (_jsxs("div", { className: "flex h-full flex-col border-l border-input", children: [_jsx("button", { type: "button", tabIndex: -1, disabled: disabled, onClick: (e) => handleStep(1, e), className: cn(btnBase, "h-1/2 px-2 border-b border-input"), "aria-label": "Increase value", children: _jsx(ChevronUp, { className: "h-3 w-3" }) }), _jsx("button", { type: "button", tabIndex: -1, disabled: disabled, onClick: (e) => handleStep(-1, e), className: cn(btnBase, "h-1/2 px-2"), "aria-label": "Decrease value", children: _jsx(ChevronDown, { className: "h-3 w-3" }) })] }));
+        }
+    }
+    return (_jsx(InputNumber, { ref: forwardedRef, value: value, disabled: disabled, ...rest, onValueChange: handleChange, leadingControl: leadingControl, trailingControl: trailingControl, extendBoxToControls: true, 
+        // Ensure the controls sit flush inside the container
+        leadingControlClassName: cn("flex h-full", rest.leadingControlClassName), trailingControlClassName: cn("flex h-full", rest.trailingControlClassName) }));
+});
+//# sourceMappingURL=number.js.map

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

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

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

@@ -0,0 +1,195 @@
+import * as React from "react";
+import type { VariantBaseProps } from "@/variants/shared";
+import type { ShadcnTextVariantProps } from "@/presets/shadcn-variants/text";
+type BaseProps = VariantBaseProps<string | undefined>;
+/**
+ * Options for the built-in password strength meter.
+ *
+ * NOTE: Score is always in the range 0–4 (inclusive).
+ */
+export interface StrengthOptions {
+    /**
+     * Custom scoring function.
+     * Return a number in the range 0–4 (inclusive) where 0 = weakest, 4 = strongest.
+     */
+    calc?: (value: string) => number;
+    /**
+     * Labels for each score bucket (index 0..4).
+     * Defaults to: ["Very weak", "Weak", "Okay", "Good", "Strong"]
+     */
+    labels?: [string, string, string, string, string];
+    /**
+     * Thresholds for score steps using a 0–100 bar.
+     * Defaults to [0, 25, 50, 75, 100] mapping to scores 0..4 respectively.
+     */
+    thresholds?: [number, number, number, number, number];
+    /**
+     * Minimum score required to consider the password acceptable (0–4).
+     * This is purely visual unless you enforce it in validate/onChange.
+     * Default: 2
+     */
+    minScore?: number | 2;
+    /**
+     * Whether to show the textual label next to/under the bar.
+     * Default: true
+     */
+    showLabel?: boolean;
+    /**
+     * Where to render the meter.
+     * - "inline" → compact row under the input
+     * - "block" → stacked with more spacing
+     * Default: "inline"
+     */
+    display?: "inline" | "block";
+}
+export interface PasswordRuleConfig {
+    /**
+     * Pattern used to decide if the rule passes.
+     */
+    pattern: RegExp;
+    /**
+     * If true, the rule is considered optional (recommendation).
+     * Default: false unless the rule name is not prefixed with "!".
+     */
+    optional?: boolean;
+    /**
+     * Weight in the scoring (relative importance).
+     * Default: 1, doubled if the use key is prefixed with "!".
+     */
+    weight?: number;
+    /**
+     * Short label for the rule (e.g. "At least 8 characters").
+     * Defaults to the map key if omitted.
+     */
+    label?: string;
+    /**
+     * Longer description, used in detailed rule view.
+     */
+    description?: string;
+}
+/**
+ * A definition entry can be:
+ * - string     → treated as a regex source
+ * - RegExp     → used directly
+ * - full config
+ */
+export type PasswordRuleDefinition = string | RegExp | PasswordRuleConfig;
+/**
+ * Map of alias/keys → definition entries.
+ */
+export type PasswordDefinitionMap = Record<string, PasswordRuleDefinition>;
+/**
+ * Internal normalized state for a single rule.
+ */
+interface NormalizedRuleState {
+    key: string;
+    label: string;
+    description?: string;
+    optional: boolean;
+    required: boolean;
+    weight: number;
+    passed: boolean;
+}
+/**
+ * Props passed to custom meter renderers.
+ */
+export interface PasswordMeterRenderProps {
+    /** Raw password value. */
+    value: string;
+    /** Bucket score 0..4 based on percent + thresholds. */
+    score: number;
+    /** 0–100 progress used for the bar. */
+    percent: number;
+    /** Human label for the current score. */
+    label: string;
+    /** Whether score >= minScore. */
+    passed: boolean;
+    /** Effective minScore after normalization. */
+    minScore: number;
+    /** Effective thresholds used for bucketing. */
+    thresholds: [number, number, number, number, number];
+    /** Effective labels used. */
+    labels: [string, string, string, string, string];
+    /** Rule-level details when using a definition map. */
+    rules: NormalizedRuleState[];
+}
+/**
+ * Password-only props (on top of Shadcn text UI props & VariantBaseProps).
+ *
+ * This is what the form runtime sees as VariantPropsFor<"password">.
+ */
+export interface PasswordVariantProps {
+    /** Maximum number of characters permitted. */
+    maxLength?: number;
+    /** Browser autocomplete hint (e.g., "current-password", "new-password"). */
+    autoComplete?: string;
+    /** Show an eye button to toggle between obscured/plain text. (default: true) */
+    revealToggle?: boolean;
+    /** Start in the revealed (plain text) state. */
+    defaultRevealed?: boolean;
+    /** Called whenever the reveal state changes. */
+    onRevealChange?(revealed: boolean): void;
+    /** Override the icons used for hide/show. */
+    renderToggleIcon?(revealed: boolean): React.ReactNode;
+    /** Accessible label for the toggle button. */
+    toggleAriaLabel?(revealed: boolean): string;
+    /**
+     * Extra className for the reveal toggle button.
+     */
+    toggleButtonClassName?: string;
+    /**
+     * Enable the built-in strength meter (boolean or options).
+     *
+     * - false / undefined → no built-in meter is shown
+     * - true              → use defaults
+     * - object            → merge with defaults
+     */
+    strengthMeter?: boolean | StrengthOptions;
+    /**
+     * Optional rule definition map.
+     */
+    ruleDefinitions?: PasswordDefinitionMap;
+    /**
+     * Selection of rule aliases to apply.
+     *
+     * - "length"  → use ruleDefinitions["length"] with default importance
+     * - "!length" → same rule but treated as more important
+     */
+    ruleUses?: string[];
+    /**
+     * Built-in meter style:
+     * - "simple" → single bar + label
+     * - "rules"  → bar + per-rule checklist
+     * Default: "simple"
+     */
+    meterStyle?: "simple" | "rules";
+    /**
+     * Optional custom meter renderer.
+     */
+    renderMeter?(props: PasswordMeterRenderProps): React.ReactNode;
+    /**
+     * ClassNames for the meter and rules UI.
+     */
+    meterWrapperClassName?: string;
+    meterContainerClassName?: string;
+    meterBarClassName?: string;
+    meterLabelClassName?: string;
+    rulesWrapperClassName?: string;
+    rulesHeadingClassName?: string;
+    rulesListClassName?: string;
+    ruleItemClassName?: string;
+    ruleIconClassName?: string;
+    ruleLabelClassName?: string;
+    /**
+     * Extra className for the outer field wrapper.
+     */
+    className?: string;
+}
+type TextUiProps = Omit<ShadcnTextVariantProps, "type" | "inputMode" | "leadingControl" | "trailingControl" | "value" | "onValue">;
+/**
+ * Full props for the Shadcn-based password variant.
+ */
+export type ShadcnPasswordVariantProps = TextUiProps & PasswordVariantProps & Pick<BaseProps, "value" | "onValue" | "error">;
+export declare const ShadcnPasswordVariant: React.ForwardRefExoticComponent<TextUiProps & PasswordVariantProps & Pick<BaseProps, "value" | "onValue" | "error"> & React.RefAttributes<HTMLInputElement>>;
+export default ShadcnPasswordVariant;
+//# sourceMappingURL=password.d.ts.map

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

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

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

@@ -0,0 +1,296 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// src/presets/shadcn-variants/password.tsx
+import * as React from "react";
+import { Input } from "@/presets/ui/input";
+import { cn } from "@/lib/utils";
+import { Eye, EyeOff, Check } from "lucide-react";
+/** Heuristic length/charset score: fast, dependency-free. Returns 0..4. */
+function defaultScore(pw) {
+    if (!pw)
+        return 0;
+    let score = 0;
+    // length
+    if (pw.length >= 8)
+        score++;
+    if (pw.length >= 12)
+        score++;
+    // diversity
+    const hasLower = /[a-z]/.test(pw);
+    const hasUpper = /[A-Z]/.test(pw);
+    const hasDigit = /\d/.test(pw);
+    const hasSymbol = /[^A-Za-z0-9]/.test(pw);
+    const variety = [hasLower, hasUpper, hasDigit, hasSymbol].filter(Boolean)
+        .length;
+    if (variety >= 2)
+        score++;
+    if (variety >= 3)
+        score++;
+    // Cap at 4
+    return Math.max(0, Math.min(4, score));
+}
+const DEFAULT_LABELS = [
+    "Very weak",
+    "Weak",
+    "Okay",
+    "Good",
+    "Strong",
+];
+const DEFAULT_THRESHOLDS = [
+    0, 25, 50, 75, 100,
+];
+function normalizeStrengthOptions(raw) {
+    if (!raw)
+        return null;
+    const base = {
+        calc: defaultScore,
+        labels: DEFAULT_LABELS,
+        thresholds: DEFAULT_THRESHOLDS,
+        minScore: 2,
+        showLabel: true,
+        display: "inline",
+    };
+    if (raw === true) {
+        return base;
+    }
+    return {
+        ...base,
+        ...raw,
+        labels: raw.labels ?? base.labels,
+        thresholds: raw.thresholds ?? base.thresholds,
+        minScore: raw.minScore ?? base.minScore,
+        showLabel: raw.showLabel ?? base.showLabel,
+        display: raw.display ?? base.display,
+    };
+}
+// Default rule definitions used by the meter.
+const DEFAULT_RULE_DEFINITIONS = {
+    "length-8": {
+        pattern: /.{8,}/,
+        label: "8+ chars",
+        description: "Use at least 8 characters.",
+    },
+    "length-12": {
+        pattern: /.{12,}/,
+        optional: true,
+        label: "12+ chars",
+        description: "Use 12 or more characters for stronger security.",
+    },
+    lower: {
+        pattern: /[a-z]/,
+        label: "Lowercase",
+        description: "Include at least one lowercase letter (a–z).",
+    },
+    upper: {
+        pattern: /[A-Z]/,
+        label: "Uppercase",
+        description: "Include at least one uppercase letter (A–Z).",
+    },
+    digit: {
+        pattern: /\d/,
+        label: "Number",
+        description: "Include at least one digit (0–9).",
+    },
+    symbol: {
+        pattern: /[^A-Za-z0-9]/,
+        label: "Symbol",
+        description: "Include at least one symbol (e.g. !, @, #, ?).",
+    },
+    "no-space": {
+        pattern: /^\S+$/,
+        optional: true,
+        label: "No spaces",
+        description: "Avoid spaces in your password.",
+    },
+};
+/**
+ * Merge default → global → local rule definitions.
+ *
+ * - DEFAULT_RULE_DEFINITIONS
+ * - window["form-palette"]?.ruleDefinition
+ * - props.ruleDefinitions
+ */
+function getMergedRuleDefinitions(local) {
+    let merged = { ...DEFAULT_RULE_DEFINITIONS };
+    if (typeof window !== "undefined") {
+        const fp = window["form-palette"];
+        const globalDefs = fp?.ruleDefinition;
+        if (globalDefs && typeof globalDefs === "object") {
+            merged = { ...merged, ...globalDefs };
+        }
+    }
+    if (local && typeof local === "object") {
+        merged = { ...merged, ...local };
+    }
+    return merged;
+}
+// ─────────────────────────────────────────────
+// Rule normalization & scoring
+// ─────────────────────────────────────────────
+function normalizeRules(value, definitions, uses) {
+    if (!definitions || Object.keys(definitions).length === 0) {
+        return { rules: [], percent: null };
+    }
+    const useList = uses && uses.length ? uses : Object.keys(definitions);
+    const rules = [];
+    let totalWeight = 0;
+    let passedWeight = 0;
+    for (const rawKey of useList) {
+        if (!rawKey)
+            continue;
+        const important = rawKey.startsWith("!");
+        const key = important ? rawKey.slice(1) : rawKey;
+        const def = definitions[key];
+        if (!def)
+            continue;
+        let pattern;
+        let optional = !important;
+        let weight = important ? 2 : 1;
+        let label = key;
+        let description;
+        if (typeof def === "string") {
+            pattern = new RegExp(def);
+        }
+        else if (def instanceof RegExp) {
+            pattern = def;
+        }
+        else {
+            pattern = def.pattern;
+            if (def.optional !== undefined)
+                optional = def.optional;
+            if (def.weight !== undefined)
+                weight = def.weight;
+            if (def.label)
+                label = def.label;
+            if (def.description)
+                description = def.description;
+        }
+        const passed = pattern.test(value);
+        totalWeight += weight;
+        if (passed)
+            passedWeight += weight;
+        rules.push({
+            key,
+            label,
+            description,
+            optional,
+            required: !optional,
+            weight,
+            passed,
+        });
+    }
+    if (totalWeight === 0) {
+        return { rules, percent: null };
+    }
+    const percent = (passedWeight / totalWeight) * 100;
+    return { rules, percent };
+}
+function clampScore(x) {
+    if (Number.isNaN(x))
+        return 0;
+    return Math.max(0, Math.min(4, x));
+}
+function computeMeterState(value, strength, definitions, uses) {
+    const { rules, percent: rulesPercent } = normalizeRules(value, definitions, uses);
+    const labels = strength.labels ?? DEFAULT_LABELS;
+    const thresholds = strength.thresholds ?? DEFAULT_THRESHOLDS;
+    const minScore = (strength.minScore ?? 2);
+    let percent;
+    let score;
+    if (rulesPercent != null) {
+        percent = rulesPercent;
+    }
+    else {
+        const rawScore = clampScore(strength.calc ? strength.calc(value) : defaultScore(value));
+        percent = (rawScore / 4) * 100;
+    }
+    let bucketIndex = 0;
+    for (let i = 0; i < thresholds.length; i++) {
+        if (percent >= thresholds[i]) {
+            bucketIndex = i;
+        }
+        else {
+            break;
+        }
+    }
+    score = bucketIndex;
+    const label = labels[score] ??
+        labels[labels.length - 1] ??
+        DEFAULT_LABELS[DEFAULT_LABELS.length - 1];
+    const passed = score >= minScore;
+    return {
+        value,
+        score,
+        percent,
+        label,
+        passed,
+        minScore,
+        thresholds: thresholds,
+        labels,
+        rules,
+    };
+}
+function meterColor(score) {
+    if (score <= 1)
+        return "bg-destructive";
+    if (score === 2)
+        return "bg-orange-500";
+    if (score === 3)
+        return "bg-amber-500";
+    return "bg-emerald-500";
+}
+// ─────────────────────────────────────────────
+// Main variant component
+// ─────────────────────────────────────────────
+export const ShadcnPasswordVariant = React.forwardRef(function ShadcnPasswordVariant(props, ref) {
+    const { 
+    // base variant bits
+    value, onValue, error, 
+    // password base props
+    maxLength, autoComplete, revealToggle = true, defaultRevealed = false, onRevealChange, renderToggleIcon, toggleAriaLabel, toggleButtonClassName, 
+    // strength / rules
+    strengthMeter, ruleDefinitions, ruleUses, meterStyle = "simple", renderMeter, meterWrapperClassName, meterContainerClassName, meterBarClassName, meterLabelClassName, rulesWrapperClassName, rulesHeadingClassName, rulesListClassName, ruleItemClassName, ruleIconClassName, ruleLabelClassName, className, 
+    // everything else from Shadcn text UI
+    ...restTextProps } = props;
+    const [revealed, setRevealed] = React.useState(Boolean(defaultRevealed));
+    const normalizedStrength = React.useMemo(() => normalizeStrengthOptions(strengthMeter), [strengthMeter]);
+    const effectiveRuleDefinitions = React.useMemo(() => getMergedRuleDefinitions(ruleDefinitions), [ruleDefinitions]);
+    const meterState = React.useMemo(() => {
+        if (!normalizedStrength)
+            return null;
+        const v = value ?? "";
+        return computeMeterState(v, normalizedStrength, effectiveRuleDefinitions, ruleUses);
+    }, [normalizedStrength, value, ruleUses, effectiveRuleDefinitions]);
+    const handleToggleReveal = React.useCallback(() => {
+        setRevealed((prev) => {
+            const next = !prev;
+            onRevealChange?.(next);
+            return next;
+        });
+    }, [onRevealChange]);
+    const handleChange = React.useCallback((event) => {
+        const next = event.target.value ?? "";
+        const detail = {
+            source: "variant",
+            raw: next,
+            nativeEvent: event,
+            meta: meterState ?? undefined,
+        };
+        onValue?.(next, detail);
+    }, [onValue, meterState]);
+    const toggleLabel = toggleAriaLabel?.(revealed) ??
+        (revealed ? "Hide password" : "Show password");
+    const trailingControl = revealToggle === false ? undefined : (_jsx("button", { type: "button", onClick: handleToggleReveal, "aria-label": toggleLabel, tabIndex: -1, className: cn("inline-flex h-full items-center justify-center px-3 text-muted-foreground transition-colors hover:text-foreground hover:bg-muted/50 focus-visible:outline-none focus-visible:bg-muted/50", toggleButtonClassName), "data-slot": "password-toggle", children: renderToggleIcon ? (renderToggleIcon(revealed)) : revealed ? (_jsx(EyeOff, { className: "h-4 w-4" })) : (_jsx(Eye, { className: "h-4 w-4" })) }));
+    const meterNode = normalizedStrength && meterState
+        ? renderMeter?.(meterState) ??
+            (strengthMeter && (_jsxs("div", { className: cn(normalizedStrength.display === "block"
+                    ? "mt-2 space-y-2"
+                    : "mt-1.5 flex flex-col gap-0", meterWrapperClassName), "data-slot": "password-meter", children: [_jsxs("div", { className: cn("flex w-full items-center gap-3", meterContainerClassName), children: [_jsx("div", { className: "flex-1", children: _jsx("div", { className: "h-1 w-full overflow-hidden rounded-full bg-secondary", children: _jsx("div", { className: cn("h-full transition-all duration-300 ease-out", meterColor(meterState.score), meterBarClassName), style: { width: `${meterState.percent}%` } }) }) }), normalizedStrength.showLabel !== false && (_jsx("div", { className: cn("min-w-[4rem] text-right text-[10px] font-medium uppercase tracking-wider text-muted-foreground", meterLabelClassName), children: meterState.label }))] }), meterStyle === "rules" &&
+                        meterState.rules.length > 0 && (_jsx("div", { className: cn("flex flex-wrap gap-1.5 pt-1", rulesWrapperClassName), children: meterState.rules.map((rule) => (_jsxs("span", { className: cn("inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[10px] font-medium transition-colors duration-200", rule.passed
+                                ? "border-emerald-500/30 bg-emerald-500/10 text-emerald-600 dark:border-emerald-400/20 dark:bg-emerald-400/10 dark:text-emerald-400"
+                                : "border-transparent bg-secondary text-muted-foreground", ruleItemClassName), children: [rule.passed && (_jsx(Check, { className: "h-3 w-3", strokeWidth: 3 })), rule.label] }, rule.key))) }))] })))
+        : null;
+    return (_jsxs("div", { className: cn("group/password w-full", className), "data-slot": "password-field", children: [_jsx(Input, { ref: ref, ...restTextProps, type: revealed ? "text" : "password", value: value ?? "", onChange: handleChange, maxLength: maxLength, autoComplete: autoComplete, trailingControl: trailingControl, "aria-invalid": error ? "true" : undefined }), meterNode] }));
+});
+ShadcnPasswordVariant.displayName = "ShadcnPasswordVariant";
+export default ShadcnPasswordVariant;
+//# sourceMappingURL=password.js.map

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

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

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

@@ -0,0 +1,69 @@
+import * as React from "react";
+import type { VariantBaseProps } from "@/variants/shared";
+import type { ShadcnTextVariantProps } from "@/presets/shadcn-variants/text";
+type BaseProps = VariantBaseProps<string | undefined>;
+/**
+ * Single-country phone config.
+ *
+ * - code: ISO 3166-1 alpha-2 ("NG", "US", "GB", ...)
+ * - dial: dial code without "+" ("234", "1", "44", ...)
+ * - mask: NATIONAL portion mask only (no dial), e.g. "999 999 9999"
+ */
+export interface PhoneCountry {
+    code: string;
+    label: string;
+    dial: string;
+    mask: string;
+    flag?: React.ReactNode;
+}
+/**
+ * How the variant emits the form value.
+ *
+ * - "masked"  → "+234 801 234 5678"
+ * - "e164"    → "2348012345678"   (dial + national digits, no "+")
+ * - "national"→ "8012345678"
+ */
+export type PhoneValueMode = "masked" | "e164" | "national";
+export interface PhoneSpecificProps {
+    countries?: PhoneCountry[];
+    defaultCountry?: string;
+    onCountryChange?: (country: PhoneCountry) => void;
+    showCountry?: boolean;
+    countryPlaceholder?: string;
+    showFlag?: boolean;
+    showSelectedLabel?: boolean;
+    showSelectedDial?: boolean;
+    showDialInList?: boolean;
+    /**
+     * Controls how the emitted value is shaped.
+     *
+     * Default mirrors legacy autoUnmask=true + emitE164=true → "e164".
+     */
+    valueMode?: PhoneValueMode;
+    /**
+     * When true, the national mask keeps placeholder characters
+     * for not-yet-filled positions. When false, trailing mask
+     * fragments are omitted.
+     */
+    keepCharPositions?: boolean;
+    /**
+     * Style hooks for the internal country selector.
+     */
+    countrySelectClassName?: string;
+    countryTriggerClassName?: string;
+    countryValueClassName?: string;
+    countryContentClassName?: string;
+    countryItemClassName?: string;
+}
+type TextUiProps = Omit<ShadcnTextVariantProps, "type" | "inputMode" | "leadingControl" | "value" | "onValue">;
+/**
+ * Full props for the phone variant as seen by the form runtime.
+ *
+ * - Keeps the same `value`/`onValue` contract as other variants.
+ * - Inherits visual/behavioural text props (size, density, className, etc.).
+ * - Adds phone-specific configuration (countries, valueMode, etc.).
+ */
+export type ShadcnPhoneVariantProps = TextUiProps & PhoneSpecificProps & Pick<BaseProps, "value" | "onValue">;
+export declare const ShadcnPhoneVariant: React.ForwardRefExoticComponent<TextUiProps & PhoneSpecificProps & Pick<BaseProps, "value" | "onValue"> & React.RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=phone.d.ts.map