tempest-react-sdk 0.23.0 → 0.24.0

package/dist/components/PasswordInput/PasswordInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.js","sources":["../../../src/components/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { forwardRef, useId, useState } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./PasswordInput.module.css\";\n\nexport type PasswordStrength = 0 | 1 | 2 | 3 | 4;\n\nexport interface PasswordInputProps extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    \"type\" | \"size\"\n> {\n    /** Label rendered above the input. */\n    label?: ReactNode;\n    /** Helper text below — replaced by `error` when set. */\n    helperText?: ReactNode;\n    /** Error message. Adds `aria-invalid` + red border. */\n    error?: string;\n    /** Visual size of the input. */\n    size?: \"sm\" | \"md\" | \"lg\";\n    /** Show a strength meter below the field. Default `false`. */\n    showStrength?: boolean;\n    /** Override the automatic strength calc (0–4). */\n    strength?: PasswordStrength;\n    /** Custom labels per strength level (5 entries). */\n    strengthLabels?: readonly [string, string, string, string, string];\n    /** Custom toggle button labels for accessibility. */\n    toggleLabels?: { show: string; hide: string };\n}\n\nconst DEFAULT_STRENGTH_LABELS = [\"Muito fraca\", \"Fraca\", \"Razoável\", \"Forte\", \"Excelente\"] as const;\n\nexport function estimatePasswordStrength(value: string): PasswordStrength {\n    if (!value) return 0;\n    let score = 0;\n    if (value.length >= 8) score += 1;\n    if (value.length >= 12) score += 1;\n    if (/[a-z]/.test(value) && /[A-Z]/.test(value)) score += 1;\n    if (/[0-9]/.test(value)) score += 1;\n    if (/[^A-Za-z0-9]/.test(value)) score += 1;\n    return Math.min(4, score) as PasswordStrength;\n}\n\n/**\n * Password field with toggle-visibility button and optional strength meter.\n *\n * @example\n * <PasswordInput label=\"Senha\" showStrength autoComplete=\"new-password\" />\n */\nexport const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(\n    function PasswordInput(\n        {\n            label,\n            helperText,\n            error,\n            size = \"md\",\n            showStrength = false,\n            strength,\n            strengthLabels = DEFAULT_STRENGTH_LABELS,\n            toggleLabels = { show: \"Mostrar senha\", hide: \"Esconder senha\" },\n            className,\n            value,\n            defaultValue,\n            id,\n            ...inputProps\n        },\n        ref,\n    ) {\n        const generatedId = useId();\n        const inputId = id ?? generatedId;\n        const describedById = error\n            ? `${inputId}-error`\n            : helperText\n              ? `${inputId}-helper`\n              : undefined;\n        const [revealed, setRevealed] = useState<boolean>(false);\n        const stringValue = String((value ?? defaultValue ?? \"\") as string);\n        const computedStrength: PasswordStrength =\n            strength ?? estimatePasswordStrength(stringValue);\n\n        return (\n            <div className={cn(styles.wrapper, styles[size], error && styles.error, className)}>\n                {label && (\n                    <label htmlFor={inputId} className={styles.label}>\n                        {label}\n                    </label>\n                )}\n                <div className={styles.field}>\n                    <input\n                        ref={ref}\n                        {...inputProps}\n                        id={inputId}\n                        value={value}\n                        defaultValue={defaultValue}\n                        type={revealed ? \"text\" : \"password\"}\n                        aria-invalid={!!error}\n                        aria-describedby={describedById}\n                        className={styles.input}\n                    />\n                    <button\n                        type=\"button\"\n                        className={styles.toggle}\n                        aria-label={revealed ? toggleLabels.hide : toggleLabels.show}\n                        aria-pressed={revealed}\n                        onClick={() => setRevealed((on) => !on)}\n                    >\n                        {revealed ? \"🙈\" : \"👁\"}\n                    </button>\n                </div>\n                {showStrength && (\n                    <div\n                        className={cn(styles.strength, styles[`level${computedStrength}`])}\n                        aria-label={strengthLabels[computedStrength]}\n                    >\n                        <div className={styles.strengthBar}>\n                            <span style={{ width: `${(computedStrength / 4) * 100}%` }} />\n                        </div>\n                        <span className={styles.strengthLabel}>\n                            {strengthLabels[computedStrength]}\n                        </span>\n                    </div>\n                )}\n                {error ? (\n                    <span id={`${inputId}-error`} className={styles.errorText}>\n                        {error}\n                    </span>\n                ) : helperText ? (\n                    <span id={`${inputId}-helper`} className={styles.helper}>\n                        {helperText}\n                    </span>\n                ) : null}\n            </div>\n        );\n    },\n);\n"],"names":["DEFAULT_STRENGTH_LABELS","estimatePasswordStrength","value","score","PasswordInput","forwardRef","label","helperText","error","size","showStrength","strength","strengthLabels","toggleLabels","className","defaultValue","id","inputProps","ref","generatedId","useId","inputId","describedById","revealed","setRevealed","useState","stringValue","computedStrength","jsxs","cn","styles","jsx","on"],"mappings":"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"}
+{"version":3,"file":"PasswordInput.js","names":[],"sources":["../../../src/components/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { forwardRef, useId, useState } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./PasswordInput.module.css\";\n\nexport type PasswordStrength = 0 | 1 | 2 | 3 | 4;\n\nexport interface PasswordInputProps extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    \"type\" | \"size\"\n> {\n    /** Label rendered above the input. */\n    label?: ReactNode;\n    /** Helper text below — replaced by `error` when set. */\n    helperText?: ReactNode;\n    /** Error message. Adds `aria-invalid` + red border. */\n    error?: string;\n    /** Visual size of the input. */\n    size?: \"sm\" | \"md\" | \"lg\";\n    /** Show a strength meter below the field. Default `false`. */\n    showStrength?: boolean;\n    /** Override the automatic strength calc (0–4). */\n    strength?: PasswordStrength;\n    /** Custom labels per strength level (5 entries). */\n    strengthLabels?: readonly [string, string, string, string, string];\n    /** Custom toggle button labels for accessibility. */\n    toggleLabels?: { show: string; hide: string };\n}\n\nconst DEFAULT_STRENGTH_LABELS = [\"Muito fraca\", \"Fraca\", \"Razoável\", \"Forte\", \"Excelente\"] as const;\n\nexport function estimatePasswordStrength(value: string): PasswordStrength {\n    if (!value) return 0;\n    let score = 0;\n    if (value.length >= 8) score += 1;\n    if (value.length >= 12) score += 1;\n    if (/[a-z]/.test(value) && /[A-Z]/.test(value)) score += 1;\n    if (/[0-9]/.test(value)) score += 1;\n    if (/[^A-Za-z0-9]/.test(value)) score += 1;\n    return Math.min(4, score) as PasswordStrength;\n}\n\n/**\n * Password field with toggle-visibility button and optional strength meter.\n *\n * @example\n * <PasswordInput label=\"Senha\" showStrength autoComplete=\"new-password\" />\n */\nexport const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(\n    function PasswordInput(\n        {\n            label,\n            helperText,\n            error,\n            size = \"md\",\n            showStrength = false,\n            strength,\n            strengthLabels = DEFAULT_STRENGTH_LABELS,\n            toggleLabels = { show: \"Mostrar senha\", hide: \"Esconder senha\" },\n            className,\n            value,\n            defaultValue,\n            id,\n            ...inputProps\n        },\n        ref,\n    ) {\n        const generatedId = useId();\n        const inputId = id ?? generatedId;\n        const describedById = error\n            ? `${inputId}-error`\n            : helperText\n              ? `${inputId}-helper`\n              : undefined;\n        const [revealed, setRevealed] = useState<boolean>(false);\n        const stringValue = String((value ?? defaultValue ?? \"\") as string);\n        const computedStrength: PasswordStrength =\n            strength ?? estimatePasswordStrength(stringValue);\n\n        return (\n            <div className={cn(styles.wrapper, styles[size], error && styles.error, className)}>\n                {label && (\n                    <label htmlFor={inputId} className={styles.label}>\n                        {label}\n                    </label>\n                )}\n                <div className={styles.field}>\n                    <input\n                        ref={ref}\n                        {...inputProps}\n                        id={inputId}\n                        value={value}\n                        defaultValue={defaultValue}\n                        type={revealed ? \"text\" : \"password\"}\n                        aria-invalid={!!error}\n                        aria-describedby={describedById}\n                        className={styles.input}\n                    />\n                    <button\n                        type=\"button\"\n                        className={styles.toggle}\n                        aria-label={revealed ? toggleLabels.hide : toggleLabels.show}\n                        aria-pressed={revealed}\n                        onClick={() => setRevealed((on) => !on)}\n                    >\n                        {revealed ? \"🙈\" : \"👁\"}\n                    </button>\n                </div>\n                {showStrength && (\n                    <div\n                        className={cn(styles.strength, styles[`level${computedStrength}`])}\n                        aria-label={strengthLabels[computedStrength]}\n                    >\n                        <div className={styles.strengthBar}>\n                            <span style={{ width: `${(computedStrength / 4) * 100}%` }} />\n                        </div>\n                        <span className={styles.strengthLabel}>\n                            {strengthLabels[computedStrength]}\n                        </span>\n                    </div>\n                )}\n                {error ? (\n                    <span id={`${inputId}-error`} className={styles.errorText}>\n                        {error}\n                    </span>\n                ) : helperText ? (\n                    <span id={`${inputId}-helper`} className={styles.helper}>\n                        {helperText}\n                    </span>\n                ) : null}\n            </div>\n        );\n    },\n);\n"],"mappings":";;;;;AA6BA,IAAM,IAA0B;CAAC;CAAe;CAAS;CAAY;CAAS;AAAW;AAEzF,SAAgB,EAAyB,GAAiC;CACtE,IAAI,CAAC,GAAO,OAAO;CACnB,IAAI,IAAQ;CAMZ,OALI,EAAM,UAAU,MAAG,KAAS,IAC5B,EAAM,UAAU,OAAI,KAAS,IAC7B,QAAQ,KAAK,CAAK,KAAK,QAAQ,KAAK,CAAK,MAAG,KAAS,IACrD,QAAQ,KAAK,CAAK,MAAG,KAAS,IAC9B,eAAe,KAAK,CAAK,MAAG,KAAS,IAClC,KAAK,IAAI,GAAG,CAAK;AAC5B;AAQA,IAAa,IAAgB,EACzB,SACI,EACI,UACA,eACA,UACA,UAAO,MACP,kBAAe,IACf,aACA,oBAAiB,GACjB,kBAAe;CAAE,MAAM;CAAiB,MAAM;AAAiB,GAC/D,cACA,UACA,iBACA,OACA,GAAG,KAEP,GACF;CACE,IAAM,IAAc,EAAM,GACpB,IAAU,KAAM,GAChB,IAAgB,IAChB,GAAG,EAAQ,UACX,IACE,GAAG,EAAQ,WACX,KAAA,GACF,CAAC,GAAU,KAAe,EAAkB,EAAK,GAEjD,IACF,KAAY,EAFI,OAAQ,KAAS,KAAgB,EAEZ,CAAW;CAEpD,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,EAAO,IAAO,KAAS,EAAO,OAAO,CAAS;YAAjF;GACK,KACG,kBAAC,SAAD;IAAO,SAAS;IAAS,WAAW,EAAO;cACtC;GACE,CAAA;GAEX,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACI,kBAAC,SAAD;KACS;KACL,GAAI;KACJ,IAAI;KACG;KACO;KACd,MAAM,IAAW,SAAS;KAC1B,gBAAc,CAAC,CAAC;KAChB,oBAAkB;KAClB,WAAW,EAAO;IACrB,CAAA,GACD,kBAAC,UAAD;KACI,MAAK;KACL,WAAW,EAAO;KAClB,cAAY,IAAW,EAAa,OAAO,EAAa;KACxD,gBAAc;KACd,eAAe,GAAa,MAAO,CAAC,CAAE;eAErC,IAAW,OAAO;IACf,CAAA,CACP;;GACJ,KACG,kBAAC,OAAD;IACI,WAAW,EAAG,EAAO,UAAU,EAAO,QAAQ,IAAmB;IACjE,cAAY,EAAe;cAF/B,CAII,kBAAC,OAAD;KAAK,WAAW,EAAO;eACnB,kBAAC,QAAD,EAAM,OAAO,EAAE,OAAO,GAAI,IAAmB,IAAK,IAAI,GAAG,EAAI,CAAA;IAC5D,CAAA,GACL,kBAAC,QAAD;KAAM,WAAW,EAAO;eACnB,EAAe;IACd,CAAA,CACL;;GAER,IACG,kBAAC,QAAD;IAAM,IAAI,GAAG,EAAQ;IAAS,WAAW,EAAO;cAC3C;GACC,CAAA,IACN,IACA,kBAAC,QAAD;IAAM,IAAI,GAAG,EAAQ;IAAU,WAAW,EAAO;cAC5C;GACC,CAAA,IACN;EACH;;AAEb,CACJ"}

package/dist/components/PasswordInput/PasswordInput.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_zEU-L`,t=`tempest_label_ps3gD`,n=`tempest_field_7taZG`,r=`tempest_input_FWEvb`,i=`tempest_sm_3-CZz`,a=`tempest_md_ReV0O`,o=`tempest_lg_DiTiB`,s=`tempest_toggle_WNeX9`,c=`tempest_error_QdIFf`,l=`tempest_helper_mBUna`,u=`tempest_errorText_73Uvv`,d=`tempest_strength_i6RaQ`,f=`tempest_strengthBar_PAPHR`,p=`tempest_strengthLabel_u9QHS`,m=`tempest_level0_n6tWv`,h=`tempest_level1_FOI93`,g=`tempest_level2_q5Wii`,_=`tempest_level3_BpB53`,v=`tempest_level4_vyQ3x`,y={wrapper:e,label:t,field:n,input:r,sm:i,md:a,lg:o,toggle:s,error:c,helper:l,errorText:u,strength:d,strengthBar:f,strengthLabel:p,level0:m,level1:h,level2:g,level3:_,level4:v};exports.default=y,exports.error=c,exports.errorText=u,exports.field=n,exports.helper=l,exports.input=r,exports.label=t,exports.level0=m,exports.level1=h,exports.level2=g,exports.level3=_,exports.level4=v,exports.lg=o,exports.md=a,exports.sm=i,exports.strength=d,exports.strengthBar=f,exports.strengthLabel=p,exports.toggle=s,exports.wrapper=e;
+//# sourceMappingURL=PasswordInput.module.cjs.map

package/dist/components/PasswordInput/PasswordInput.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.module.cjs","names":[],"sources":["../../../src/components/PasswordInput/PasswordInput.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    color: var(--tempest-text);\n}\n\n.field {\n    position: relative;\n    display: flex;\n    align-items: center;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background: var(--tempest-surface);\n    transition: border-color var(--tempest-duration-fast, 120ms);\n}\n\n.field:focus-within {\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width, 2px)\n        var(--tempest-focus-ring-color, var(--tempest-primary-100));\n}\n\n.input {\n    flex: 1 1 auto;\n    border: 0;\n    background: transparent;\n    outline: 0;\n    color: var(--tempest-text);\n    font: inherit;\n    font-family: var(--tempest-font-sans);\n}\n\n.sm .input {\n    padding: 6px 8px;\n    font-size: var(--tempest-text-sm);\n}\n\n.md .input {\n    padding: 8px 12px;\n    font-size: var(--tempest-text-md);\n}\n\n.lg .input {\n    padding: 10px 14px;\n    font-size: var(--tempest-text-lg);\n}\n\n.toggle {\n    flex: 0 0 auto;\n    background: none;\n    border: 0;\n    cursor: pointer;\n    padding: 0 12px;\n    font-size: 16px;\n    color: var(--tempest-text-muted);\n}\n\n.toggle:hover {\n    color: var(--tempest-text);\n}\n\n.error .field {\n    border-color: var(--tempest-danger-border, var(--tempest-danger));\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger-fg, var(--tempest-danger));\n}\n\n.strength {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    font-size: var(--tempest-text-xs);\n}\n\n.strengthBar {\n    flex: 1 1 auto;\n    height: 4px;\n    background: var(--tempest-gray-200, var(--tempest-border));\n    border-radius: var(--tempest-radius-full);\n    overflow: hidden;\n}\n\n.strengthBar > span {\n    display: block;\n    height: 100%;\n    transition: width var(--tempest-duration-base, 200ms);\n}\n\n.strengthLabel {\n    color: var(--tempest-text-muted);\n    flex: 0 0 auto;\n}\n\n.level0 .strengthBar > span,\n.level1 .strengthBar > span {\n    background: var(--tempest-danger-solid, var(--tempest-danger));\n}\n\n.level2 .strengthBar > span {\n    background: var(--tempest-warning-solid, var(--tempest-warning));\n}\n\n.level3 .strengthBar > span,\n.level4 .strengthBar > span {\n    background: var(--tempest-success-solid, var(--tempest-success));\n}\n"],"mappings":""}

package/dist/components/PasswordInput/PasswordInput.module.js

@@ -0,0 +1,26 @@
+//#region src/components/PasswordInput/PasswordInput.module.css
+var e = "tempest_wrapper_zEU-L", t = "tempest_label_ps3gD", n = "tempest_field_7taZG", r = "tempest_input_FWEvb", i = "tempest_sm_3-CZz", a = "tempest_md_ReV0O", o = "tempest_lg_DiTiB", s = "tempest_toggle_WNeX9", c = "tempest_error_QdIFf", l = "tempest_helper_mBUna", u = "tempest_errorText_73Uvv", d = "tempest_strength_i6RaQ", f = "tempest_strengthBar_PAPHR", p = "tempest_strengthLabel_u9QHS", m = "tempest_level0_n6tWv", h = "tempest_level1_FOI93", g = "tempest_level2_q5Wii", _ = "tempest_level3_BpB53", v = "tempest_level4_vyQ3x", y = {
+	wrapper: e,
+	label: t,
+	field: n,
+	input: r,
+	sm: i,
+	md: a,
+	lg: o,
+	toggle: s,
+	error: c,
+	helper: l,
+	errorText: u,
+	strength: d,
+	strengthBar: f,
+	strengthLabel: p,
+	level0: m,
+	level1: h,
+	level2: g,
+	level3: _,
+	level4: v
+};
+//#endregion
+export { y as default, c as error, u as errorText, n as field, l as helper, r as input, t as label, m as level0, h as level1, g as level2, _ as level3, v as level4, o as lg, a as md, i as sm, d as strength, f as strengthBar, p as strengthLabel, s as toggle, e as wrapper };
+
+//# sourceMappingURL=PasswordInput.module.js.map

package/dist/components/PasswordInput/PasswordInput.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.module.js","names":[],"sources":["../../../src/components/PasswordInput/PasswordInput.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    color: var(--tempest-text);\n}\n\n.field {\n    position: relative;\n    display: flex;\n    align-items: center;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background: var(--tempest-surface);\n    transition: border-color var(--tempest-duration-fast, 120ms);\n}\n\n.field:focus-within {\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width, 2px)\n        var(--tempest-focus-ring-color, var(--tempest-primary-100));\n}\n\n.input {\n    flex: 1 1 auto;\n    border: 0;\n    background: transparent;\n    outline: 0;\n    color: var(--tempest-text);\n    font: inherit;\n    font-family: var(--tempest-font-sans);\n}\n\n.sm .input {\n    padding: 6px 8px;\n    font-size: var(--tempest-text-sm);\n}\n\n.md .input {\n    padding: 8px 12px;\n    font-size: var(--tempest-text-md);\n}\n\n.lg .input {\n    padding: 10px 14px;\n    font-size: var(--tempest-text-lg);\n}\n\n.toggle {\n    flex: 0 0 auto;\n    background: none;\n    border: 0;\n    cursor: pointer;\n    padding: 0 12px;\n    font-size: 16px;\n    color: var(--tempest-text-muted);\n}\n\n.toggle:hover {\n    color: var(--tempest-text);\n}\n\n.error .field {\n    border-color: var(--tempest-danger-border, var(--tempest-danger));\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger-fg, var(--tempest-danger));\n}\n\n.strength {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    font-size: var(--tempest-text-xs);\n}\n\n.strengthBar {\n    flex: 1 1 auto;\n    height: 4px;\n    background: var(--tempest-gray-200, var(--tempest-border));\n    border-radius: var(--tempest-radius-full);\n    overflow: hidden;\n}\n\n.strengthBar > span {\n    display: block;\n    height: 100%;\n    transition: width var(--tempest-duration-base, 200ms);\n}\n\n.strengthLabel {\n    color: var(--tempest-text-muted);\n    flex: 0 0 auto;\n}\n\n.level0 .strengthBar > span,\n.level1 .strengthBar > span {\n    background: var(--tempest-danger-solid, var(--tempest-danger));\n}\n\n.level2 .strengthBar > span {\n    background: var(--tempest-warning-solid, var(--tempest-warning));\n}\n\n.level3 .strengthBar > span,\n.level4 .strengthBar > span {\n    background: var(--tempest-success-solid, var(--tempest-success));\n}\n"],"mappings":""}

package/dist/components/PinInput/PinInput.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("react"),w=require("../../utils/cn.cjs"),n=require("./PinInput.module.css.cjs"),_=/[0-9]/,z=/[A-Za-z0-9]/,B=l.forwardRef(function({length:c=6,type:m="numeric",size:y="md",value:d,defaultValue:C,onChange:N,onComplete:M,masked:P=!1,label:f,helperText:h,error:o,disabled:R=!1,autoFocus:j=!1,id:b,className:A},k){const q=l.useId(),v=b??q,D=d!==void 0,[x,L]=l.useState(C??""),S=D?d??"":x,i=Array.from({length:c},(t,e)=>S[e]??""),u=l.useRef([]),I=m==="numeric"?_:z;l.useEffect(()=>{j&&u.current[0]?.focus()},[j]);const p=t=>{const e=t.slice(0,c);D||L(e),N?.(e),e.length===c&&M?.(e)},r=t=>{const e=Math.max(0,Math.min(c-1,t));u.current[e]?.focus(),u.current[e]?.select()},E=t=>e=>{const s=e.target.value.slice(-1);if(s&&!I.test(s))return;const g=i.slice();g[t]=s,p(g.join("")),s&&r(t+1)},K=t=>e=>{if(e.key==="Backspace"){if(!i[t]&&t>0){e.preventDefault();const s=i.slice();s[t-1]="",p(s.join("")),r(t-1)}}else e.key==="ArrowLeft"?(e.preventDefault(),r(t-1)):e.key==="ArrowRight"&&(e.preventDefault(),r(t+1))},U=t=>{const e=t.clipboardData.getData("text").split("").filter(s=>I.test(s)).join("");e&&(t.preventDefault(),p(e),r(Math.min(c-1,e.length)))};return a.jsxs("div",{ref:k,className:w.cn(n.default.wrapper,o&&n.default.error,A),id:v,children:[f&&a.jsx("label",{className:n.default.label,children:f}),a.jsx("div",{className:w.cn(n.default.cells,n.default[y]),role:"group","aria-label":f,children:i.map((t,e)=>a.jsx("input",{ref:s=>{u.current[e]=s},type:P?"password":"text",inputMode:m==="numeric"?"numeric":"text",autoComplete:e===0?"one-time-code":"off",maxLength:1,value:t,disabled:R,className:n.default.cell,"aria-label":`Dígito ${e+1}`,"aria-invalid":!!o,onChange:E(e),onKeyDown:K(e),onPaste:U},e))}),o?a.jsx("span",{className:n.default.errorText,children:o}):h?a.jsx("span",{className:n.default.helper,children:h}):null]})});exports.PinInput=B;
-//# sourceMappingURL=PinInput.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./PinInput.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=/[0-9]/,a=/[A-Za-z0-9]/,o=(0,n.forwardRef)(function({length:o=6,type:s=`numeric`,size:c=`md`,value:l,defaultValue:u,onChange:d,onComplete:f,masked:p=!1,label:m,helperText:h,error:g,disabled:_=!1,autoFocus:v=!1,id:y,className:b},x){let S=(0,n.useId)(),C=y??S,w=l!==void 0,[T,E]=(0,n.useState)(u??``),D=w?l??``:T,O=Array.from({length:o},(e,t)=>D[t]??``),k=(0,n.useRef)([]),A=s===`numeric`?i:a;(0,n.useEffect)(()=>{v&&k.current[0]?.focus()},[v]);let j=e=>{let t=e.slice(0,o);w||E(t),d?.(t),t.length===o&&f?.(t)},M=e=>{let t=Math.max(0,Math.min(o-1,e));k.current[t]?.focus(),k.current[t]?.select()},N=e=>t=>{let n=t.target.value.slice(-1);if(n&&!A.test(n))return;let r=O.slice();r[e]=n,j(r.join(``)),n&&M(e+1)},P=e=>t=>{if(t.key===`Backspace`){if(!O[e]&&e>0){t.preventDefault();let n=O.slice();n[e-1]=``,j(n.join(``)),M(e-1)}}else t.key===`ArrowLeft`?(t.preventDefault(),M(e-1)):t.key===`ArrowRight`&&(t.preventDefault(),M(e+1))},F=e=>{let t=e.clipboardData.getData(`text`).split(``).filter(e=>A.test(e)).join(``);t&&(e.preventDefault(),j(t),M(Math.min(o-1,t.length)))};return(0,r.jsxs)(`div`,{ref:x,className:e.cn(t.default.wrapper,g&&t.default.error,b),id:C,children:[m&&(0,r.jsx)(`label`,{className:t.default.label,children:m}),(0,r.jsx)(`div`,{className:e.cn(t.default.cells,t.default[c]),role:`group`,"aria-label":m,children:O.map((e,n)=>(0,r.jsx)(`input`,{ref:e=>{k.current[n]=e},type:p?`password`:`text`,inputMode:s===`numeric`?`numeric`:`text`,autoComplete:n===0?`one-time-code`:`off`,maxLength:1,value:e,disabled:_,className:t.default.cell,"aria-label":`Dígito ${n+1}`,"aria-invalid":!!g,onChange:N(n),onKeyDown:P(n),onPaste:F},n))}),g?(0,r.jsx)(`span`,{className:t.default.errorText,children:g}):h?(0,r.jsx)(`span`,{className:t.default.helper,children:h}):null]})});exports.PinInput=o;
+//# sourceMappingURL=PinInput.cjs.map

package/dist/components/PinInput/PinInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PinInput.cjs","sources":["../../../src/components/PinInput/PinInput.tsx"],"sourcesContent":["import { forwardRef, useEffect, useId, useRef, useState } from \"react\";\nimport type { ChangeEvent, ClipboardEvent, KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./PinInput.module.css\";\n\nexport type PinInputType = \"numeric\" | \"alphanumeric\";\nexport type PinInputSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface PinInputProps {\n    /** Number of cells. Default `6`. */\n    length?: number;\n    /** Allowed character set. `numeric` (default) rejects letters, `alphanumeric` allows both. */\n    type?: PinInputType;\n    /** Visual size. Default `\"md\"`. */\n    size?: PinInputSize;\n    /** Controlled value. */\n    value?: string;\n    /** Initial value (uncontrolled mode). */\n    defaultValue?: string;\n    /** Fires on every change with the current concatenated value. */\n    onChange?: (value: string) => void;\n    /** Fires when the user fills the last cell. */\n    onComplete?: (value: string) => void;\n    /** Show characters obscured (`*`). Default `false`. */\n    masked?: boolean;\n    /** Label rendered above the cells. */\n    label?: string;\n    /** Helper text below the cells. */\n    helperText?: string;\n    /** Error message — turns cells red and replaces helperText. */\n    error?: string;\n    /** Disable all cells. */\n    disabled?: boolean;\n    /** Auto-focus the first cell on mount. Default `false`. */\n    autoFocus?: boolean;\n    /** id for the wrapping group label association. */\n    id?: string;\n    className?: string;\n}\n\nconst NUMERIC = /[0-9]/;\nconst ALNUM = /[A-Za-z0-9]/;\n\n/**\n * One-time-password style input — N independent cells, paste support, auto-\n * advance on input, backspace flows back, arrow keys navigate.\n *\n * @example\n * <PinInput length={6} type=\"numeric\" onComplete={(otp) => verify(otp)} />\n */\nexport const PinInput = forwardRef<HTMLDivElement, PinInputProps>(function PinInput(\n    {\n        length = 6,\n        type = \"numeric\",\n        size = \"md\",\n        value,\n        defaultValue,\n        onChange,\n        onComplete,\n        masked = false,\n        label,\n        helperText,\n        error,\n        disabled = false,\n        autoFocus = false,\n        id,\n        className,\n    },\n    ref,\n) {\n    const internalId = useId();\n    const wrapperId = id ?? internalId;\n    const isControlled = value !== undefined;\n    const [internal, setInternal] = useState<string>(defaultValue ?? \"\");\n    const current = isControlled ? (value ?? \"\") : internal;\n    const cells = Array.from({ length }, (_, index) => current[index] ?? \"\");\n    const inputsRef = useRef<(HTMLInputElement | null)[]>([]);\n    const pattern = type === \"numeric\" ? NUMERIC : ALNUM;\n\n    useEffect(() => {\n        if (autoFocus) inputsRef.current[0]?.focus();\n    }, [autoFocus]);\n\n    const update = (next: string): void => {\n        const trimmed = next.slice(0, length);\n        if (!isControlled) setInternal(trimmed);\n        onChange?.(trimmed);\n        if (trimmed.length === length) onComplete?.(trimmed);\n    };\n\n    const focusCell = (index: number): void => {\n        const safe = Math.max(0, Math.min(length - 1, index));\n        inputsRef.current[safe]?.focus();\n        inputsRef.current[safe]?.select();\n    };\n\n    const onCellChange = (index: number) => (event: ChangeEvent<HTMLInputElement>) => {\n        const char = event.target.value.slice(-1);\n        if (char && !pattern.test(char)) return;\n        const next = cells.slice();\n        next[index] = char;\n        update(next.join(\"\"));\n        if (char) focusCell(index + 1);\n    };\n\n    const onCellKeyDown = (index: number) => (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === \"Backspace\") {\n            if (!cells[index] && index > 0) {\n                event.preventDefault();\n                const next = cells.slice();\n                next[index - 1] = \"\";\n                update(next.join(\"\"));\n                focusCell(index - 1);\n            }\n        } else if (event.key === \"ArrowLeft\") {\n            event.preventDefault();\n            focusCell(index - 1);\n        } else if (event.key === \"ArrowRight\") {\n            event.preventDefault();\n            focusCell(index + 1);\n        }\n    };\n\n    const onPaste = (event: ClipboardEvent<HTMLInputElement>): void => {\n        const text = event.clipboardData\n            .getData(\"text\")\n            .split(\"\")\n            .filter((c) => pattern.test(c))\n            .join(\"\");\n        if (!text) return;\n        event.preventDefault();\n        update(text);\n        focusCell(Math.min(length - 1, text.length));\n    };\n\n    return (\n        <div\n            ref={ref}\n            className={cn(styles.wrapper, error && styles.error, className)}\n            id={wrapperId}\n        >\n            {label && <label className={styles.label}>{label}</label>}\n            <div className={cn(styles.cells, styles[size])} role=\"group\" aria-label={label}>\n                {cells.map((cell, index) => (\n                    <input\n                        key={index}\n                        ref={(node) => {\n                            inputsRef.current[index] = node;\n                        }}\n                        type={masked ? \"password\" : \"text\"}\n                        inputMode={type === \"numeric\" ? \"numeric\" : \"text\"}\n                        autoComplete={index === 0 ? \"one-time-code\" : \"off\"}\n                        maxLength={1}\n                        value={cell}\n                        disabled={disabled}\n                        className={styles.cell}\n                        aria-label={`Dígito ${index + 1}`}\n                        aria-invalid={!!error}\n                        onChange={onCellChange(index)}\n                        onKeyDown={onCellKeyDown(index)}\n                        onPaste={onPaste}\n                    />\n                ))}\n            </div>\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n});\n"],"names":["NUMERIC","ALNUM","PinInput","forwardRef","length","type","size","value","defaultValue","onChange","onComplete","masked","label","helperText","error","disabled","autoFocus","id","className","ref","internalId","useId","wrapperId","isControlled","internal","setInternal","useState","current","cells","_","index","inputsRef","useRef","pattern","useEffect","update","next","trimmed","focusCell","safe","onCellChange","event","char","onCellKeyDown","onPaste","text","c","jsxs","cn","styles","jsx","cell","node"],"mappings":"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"}
+{"version":3,"file":"PinInput.cjs","names":[],"sources":["../../../src/components/PinInput/PinInput.tsx"],"sourcesContent":["import { forwardRef, useEffect, useId, useRef, useState } from \"react\";\nimport type { ChangeEvent, ClipboardEvent, KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./PinInput.module.css\";\n\nexport type PinInputType = \"numeric\" | \"alphanumeric\";\nexport type PinInputSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface PinInputProps {\n    /** Number of cells. Default `6`. */\n    length?: number;\n    /** Allowed character set. `numeric` (default) rejects letters, `alphanumeric` allows both. */\n    type?: PinInputType;\n    /** Visual size. Default `\"md\"`. */\n    size?: PinInputSize;\n    /** Controlled value. */\n    value?: string;\n    /** Initial value (uncontrolled mode). */\n    defaultValue?: string;\n    /** Fires on every change with the current concatenated value. */\n    onChange?: (value: string) => void;\n    /** Fires when the user fills the last cell. */\n    onComplete?: (value: string) => void;\n    /** Show characters obscured (`*`). Default `false`. */\n    masked?: boolean;\n    /** Label rendered above the cells. */\n    label?: string;\n    /** Helper text below the cells. */\n    helperText?: string;\n    /** Error message — turns cells red and replaces helperText. */\n    error?: string;\n    /** Disable all cells. */\n    disabled?: boolean;\n    /** Auto-focus the first cell on mount. Default `false`. */\n    autoFocus?: boolean;\n    /** id for the wrapping group label association. */\n    id?: string;\n    className?: string;\n}\n\nconst NUMERIC = /[0-9]/;\nconst ALNUM = /[A-Za-z0-9]/;\n\n/**\n * One-time-password style input — N independent cells, paste support, auto-\n * advance on input, backspace flows back, arrow keys navigate.\n *\n * @example\n * <PinInput length={6} type=\"numeric\" onComplete={(otp) => verify(otp)} />\n */\nexport const PinInput = forwardRef<HTMLDivElement, PinInputProps>(function PinInput(\n    {\n        length = 6,\n        type = \"numeric\",\n        size = \"md\",\n        value,\n        defaultValue,\n        onChange,\n        onComplete,\n        masked = false,\n        label,\n        helperText,\n        error,\n        disabled = false,\n        autoFocus = false,\n        id,\n        className,\n    },\n    ref,\n) {\n    const internalId = useId();\n    const wrapperId = id ?? internalId;\n    const isControlled = value !== undefined;\n    const [internal, setInternal] = useState<string>(defaultValue ?? \"\");\n    const current = isControlled ? (value ?? \"\") : internal;\n    const cells = Array.from({ length }, (_, index) => current[index] ?? \"\");\n    const inputsRef = useRef<(HTMLInputElement | null)[]>([]);\n    const pattern = type === \"numeric\" ? NUMERIC : ALNUM;\n\n    useEffect(() => {\n        if (autoFocus) inputsRef.current[0]?.focus();\n    }, [autoFocus]);\n\n    const update = (next: string): void => {\n        const trimmed = next.slice(0, length);\n        if (!isControlled) setInternal(trimmed);\n        onChange?.(trimmed);\n        if (trimmed.length === length) onComplete?.(trimmed);\n    };\n\n    const focusCell = (index: number): void => {\n        const safe = Math.max(0, Math.min(length - 1, index));\n        inputsRef.current[safe]?.focus();\n        inputsRef.current[safe]?.select();\n    };\n\n    const onCellChange = (index: number) => (event: ChangeEvent<HTMLInputElement>) => {\n        const char = event.target.value.slice(-1);\n        if (char && !pattern.test(char)) return;\n        const next = cells.slice();\n        next[index] = char;\n        update(next.join(\"\"));\n        if (char) focusCell(index + 1);\n    };\n\n    const onCellKeyDown = (index: number) => (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === \"Backspace\") {\n            if (!cells[index] && index > 0) {\n                event.preventDefault();\n                const next = cells.slice();\n                next[index - 1] = \"\";\n                update(next.join(\"\"));\n                focusCell(index - 1);\n            }\n        } else if (event.key === \"ArrowLeft\") {\n            event.preventDefault();\n            focusCell(index - 1);\n        } else if (event.key === \"ArrowRight\") {\n            event.preventDefault();\n            focusCell(index + 1);\n        }\n    };\n\n    const onPaste = (event: ClipboardEvent<HTMLInputElement>): void => {\n        const text = event.clipboardData\n            .getData(\"text\")\n            .split(\"\")\n            .filter((c) => pattern.test(c))\n            .join(\"\");\n        if (!text) return;\n        event.preventDefault();\n        update(text);\n        focusCell(Math.min(length - 1, text.length));\n    };\n\n    return (\n        <div\n            ref={ref}\n            className={cn(styles.wrapper, error && styles.error, className)}\n            id={wrapperId}\n        >\n            {label && <label className={styles.label}>{label}</label>}\n            <div className={cn(styles.cells, styles[size])} role=\"group\" aria-label={label}>\n                {cells.map((cell, index) => (\n                    <input\n                        key={index}\n                        ref={(node) => {\n                            inputsRef.current[index] = node;\n                        }}\n                        type={masked ? \"password\" : \"text\"}\n                        inputMode={type === \"numeric\" ? \"numeric\" : \"text\"}\n                        autoComplete={index === 0 ? \"one-time-code\" : \"off\"}\n                        maxLength={1}\n                        value={cell}\n                        disabled={disabled}\n                        className={styles.cell}\n                        aria-label={`Dígito ${index + 1}`}\n                        aria-invalid={!!error}\n                        onChange={onCellChange(index)}\n                        onKeyDown={onCellKeyDown(index)}\n                        onPaste={onPaste}\n                    />\n                ))}\n            </div>\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n});\n"],"mappings":"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"}

package/dist/components/PinInput/PinInput.js

@@ -1,86 +1,78 @@
-import { jsxs as S, jsx as c } from "react/jsx-runtime";
-import { forwardRef as Z, useId as _, useState as $, useRef as q, useEffect as x } from "react";
-import { cn as N } from "../../utils/cn.js";
-import r from "./PinInput.module.css.js";
-const G = /[0-9]/, H = /[A-Za-z0-9]/, W = Z(function({
-  length: n = 6,
-  type: m = "numeric",
-  size: y = "md",
-  value: p,
-  defaultValue: I,
-  onChange: g,
-  onComplete: M,
-  masked: j = !1,
-  label: f,
-  helperText: d,
-  error: o,
-  disabled: A = !1,
-  autoFocus: h = !1,
-  id: R,
-  className: k
-}, b) {
-  const v = _(), L = R ?? v, D = p !== void 0, [P, E] = $(I ?? ""), K = D ? p ?? "" : P, l = Array.from({ length: n }, (e, t) => K[t] ?? ""), i = q([]), w = m === "numeric" ? G : H;
-  x(() => {
-    h && i.current[0]?.focus();
-  }, [h]);
-  const u = (e) => {
-    const t = e.slice(0, n);
-    D || E(t), g?.(t), t.length === n && M?.(t);
-  }, a = (e) => {
-    const t = Math.max(0, Math.min(n - 1, e));
-    i.current[t]?.focus(), i.current[t]?.select();
-  }, U = (e) => (t) => {
-    const s = t.target.value.slice(-1);
-    if (s && !w.test(s)) return;
-    const C = l.slice();
-    C[e] = s, u(C.join("")), s && a(e + 1);
-  }, z = (e) => (t) => {
-    if (t.key === "Backspace") {
-      if (!l[e] && e > 0) {
-        t.preventDefault();
-        const s = l.slice();
-        s[e - 1] = "", u(s.join("")), a(e - 1);
-      }
-    } else t.key === "ArrowLeft" ? (t.preventDefault(), a(e - 1)) : t.key === "ArrowRight" && (t.preventDefault(), a(e + 1));
-  }, B = (e) => {
-    const t = e.clipboardData.getData("text").split("").filter((s) => w.test(s)).join("");
-    t && (e.preventDefault(), u(t), a(Math.min(n - 1, t.length)));
-  };
-  return /* @__PURE__ */ S(
-    "div",
-    {
-      ref: b,
-      className: N(r.wrapper, o && r.error, k),
-      id: L,
-      children: [
-        f && /* @__PURE__ */ c("label", { className: r.label, children: f }),
-        /* @__PURE__ */ c("div", { className: N(r.cells, r[y]), role: "group", "aria-label": f, children: l.map((e, t) => /* @__PURE__ */ c(
-          "input",
-          {
-            ref: (s) => {
-              i.current[t] = s;
-            },
-            type: j ? "password" : "text",
-            inputMode: m === "numeric" ? "numeric" : "text",
-            autoComplete: t === 0 ? "one-time-code" : "off",
-            maxLength: 1,
-            value: e,
-            disabled: A,
-            className: r.cell,
-            "aria-label": `Dígito ${t + 1}`,
-            "aria-invalid": !!o,
-            onChange: U(t),
-            onKeyDown: z(t),
-            onPaste: B
-          },
-          t
-        )) }),
-        o ? /* @__PURE__ */ c("span", { className: r.errorText, children: o }) : d ? /* @__PURE__ */ c("span", { className: r.helper, children: d }) : null
-      ]
-    }
-  );
+import { cn as e } from "../../utils/cn.js";
+import t from "./PinInput.module.js";
+import { forwardRef as n, useEffect as r, useId as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/PinInput/PinInput.tsx
+var l = /[0-9]/, u = /[A-Za-z0-9]/, d = n(function({ length: n = 6, type: d = "numeric", size: f = "md", value: p, defaultValue: m, onChange: h, onComplete: g, masked: _ = !1, label: v, helperText: y, error: b, disabled: x = !1, autoFocus: S = !1, id: C, className: w }, T) {
+	let E = i(), D = C ?? E, O = p !== void 0, [k, A] = o(m ?? ""), j = O ? p ?? "" : k, M = Array.from({ length: n }, (e, t) => j[t] ?? ""), N = a([]), P = d === "numeric" ? l : u;
+	r(() => {
+		S && N.current[0]?.focus();
+	}, [S]);
+	let F = (e) => {
+		let t = e.slice(0, n);
+		O || A(t), h?.(t), t.length === n && g?.(t);
+	}, I = (e) => {
+		let t = Math.max(0, Math.min(n - 1, e));
+		N.current[t]?.focus(), N.current[t]?.select();
+	}, L = (e) => (t) => {
+		let n = t.target.value.slice(-1);
+		if (n && !P.test(n)) return;
+		let r = M.slice();
+		r[e] = n, F(r.join("")), n && I(e + 1);
+	}, R = (e) => (t) => {
+		if (t.key === "Backspace") {
+			if (!M[e] && e > 0) {
+				t.preventDefault();
+				let n = M.slice();
+				n[e - 1] = "", F(n.join("")), I(e - 1);
+			}
+		} else t.key === "ArrowLeft" ? (t.preventDefault(), I(e - 1)) : t.key === "ArrowRight" && (t.preventDefault(), I(e + 1));
+	}, z = (e) => {
+		let t = e.clipboardData.getData("text").split("").filter((e) => P.test(e)).join("");
+		t && (e.preventDefault(), F(t), I(Math.min(n - 1, t.length)));
+	};
+	return /* @__PURE__ */ c("div", {
+		ref: T,
+		className: e(t.wrapper, b && t.error, w),
+		id: D,
+		children: [
+			v && /* @__PURE__ */ s("label", {
+				className: t.label,
+				children: v
+			}),
+			/* @__PURE__ */ s("div", {
+				className: e(t.cells, t[f]),
+				role: "group",
+				"aria-label": v,
+				children: M.map((e, n) => /* @__PURE__ */ s("input", {
+					ref: (e) => {
+						N.current[n] = e;
+					},
+					type: _ ? "password" : "text",
+					inputMode: d === "numeric" ? "numeric" : "text",
+					autoComplete: n === 0 ? "one-time-code" : "off",
+					maxLength: 1,
+					value: e,
+					disabled: x,
+					className: t.cell,
+					"aria-label": `Dígito ${n + 1}`,
+					"aria-invalid": !!b,
+					onChange: L(n),
+					onKeyDown: R(n),
+					onPaste: z
+				}, n))
+			}),
+			b ? /* @__PURE__ */ s("span", {
+				className: t.errorText,
+				children: b
+			}) : y ? /* @__PURE__ */ s("span", {
+				className: t.helper,
+				children: y
+			}) : null
+		]
+	});
 });
-export {
-  W as PinInput
-};
-//# sourceMappingURL=PinInput.js.map
+//#endregion
+export { d as PinInput };
+
+//# sourceMappingURL=PinInput.js.map

package/dist/components/PinInput/PinInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PinInput.js","sources":["../../../src/components/PinInput/PinInput.tsx"],"sourcesContent":["import { forwardRef, useEffect, useId, useRef, useState } from \"react\";\nimport type { ChangeEvent, ClipboardEvent, KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./PinInput.module.css\";\n\nexport type PinInputType = \"numeric\" | \"alphanumeric\";\nexport type PinInputSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface PinInputProps {\n    /** Number of cells. Default `6`. */\n    length?: number;\n    /** Allowed character set. `numeric` (default) rejects letters, `alphanumeric` allows both. */\n    type?: PinInputType;\n    /** Visual size. Default `\"md\"`. */\n    size?: PinInputSize;\n    /** Controlled value. */\n    value?: string;\n    /** Initial value (uncontrolled mode). */\n    defaultValue?: string;\n    /** Fires on every change with the current concatenated value. */\n    onChange?: (value: string) => void;\n    /** Fires when the user fills the last cell. */\n    onComplete?: (value: string) => void;\n    /** Show characters obscured (`*`). Default `false`. */\n    masked?: boolean;\n    /** Label rendered above the cells. */\n    label?: string;\n    /** Helper text below the cells. */\n    helperText?: string;\n    /** Error message — turns cells red and replaces helperText. */\n    error?: string;\n    /** Disable all cells. */\n    disabled?: boolean;\n    /** Auto-focus the first cell on mount. Default `false`. */\n    autoFocus?: boolean;\n    /** id for the wrapping group label association. */\n    id?: string;\n    className?: string;\n}\n\nconst NUMERIC = /[0-9]/;\nconst ALNUM = /[A-Za-z0-9]/;\n\n/**\n * One-time-password style input — N independent cells, paste support, auto-\n * advance on input, backspace flows back, arrow keys navigate.\n *\n * @example\n * <PinInput length={6} type=\"numeric\" onComplete={(otp) => verify(otp)} />\n */\nexport const PinInput = forwardRef<HTMLDivElement, PinInputProps>(function PinInput(\n    {\n        length = 6,\n        type = \"numeric\",\n        size = \"md\",\n        value,\n        defaultValue,\n        onChange,\n        onComplete,\n        masked = false,\n        label,\n        helperText,\n        error,\n        disabled = false,\n        autoFocus = false,\n        id,\n        className,\n    },\n    ref,\n) {\n    const internalId = useId();\n    const wrapperId = id ?? internalId;\n    const isControlled = value !== undefined;\n    const [internal, setInternal] = useState<string>(defaultValue ?? \"\");\n    const current = isControlled ? (value ?? \"\") : internal;\n    const cells = Array.from({ length }, (_, index) => current[index] ?? \"\");\n    const inputsRef = useRef<(HTMLInputElement | null)[]>([]);\n    const pattern = type === \"numeric\" ? NUMERIC : ALNUM;\n\n    useEffect(() => {\n        if (autoFocus) inputsRef.current[0]?.focus();\n    }, [autoFocus]);\n\n    const update = (next: string): void => {\n        const trimmed = next.slice(0, length);\n        if (!isControlled) setInternal(trimmed);\n        onChange?.(trimmed);\n        if (trimmed.length === length) onComplete?.(trimmed);\n    };\n\n    const focusCell = (index: number): void => {\n        const safe = Math.max(0, Math.min(length - 1, index));\n        inputsRef.current[safe]?.focus();\n        inputsRef.current[safe]?.select();\n    };\n\n    const onCellChange = (index: number) => (event: ChangeEvent<HTMLInputElement>) => {\n        const char = event.target.value.slice(-1);\n        if (char && !pattern.test(char)) return;\n        const next = cells.slice();\n        next[index] = char;\n        update(next.join(\"\"));\n        if (char) focusCell(index + 1);\n    };\n\n    const onCellKeyDown = (index: number) => (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === \"Backspace\") {\n            if (!cells[index] && index > 0) {\n                event.preventDefault();\n                const next = cells.slice();\n                next[index - 1] = \"\";\n                update(next.join(\"\"));\n                focusCell(index - 1);\n            }\n        } else if (event.key === \"ArrowLeft\") {\n            event.preventDefault();\n            focusCell(index - 1);\n        } else if (event.key === \"ArrowRight\") {\n            event.preventDefault();\n            focusCell(index + 1);\n        }\n    };\n\n    const onPaste = (event: ClipboardEvent<HTMLInputElement>): void => {\n        const text = event.clipboardData\n            .getData(\"text\")\n            .split(\"\")\n            .filter((c) => pattern.test(c))\n            .join(\"\");\n        if (!text) return;\n        event.preventDefault();\n        update(text);\n        focusCell(Math.min(length - 1, text.length));\n    };\n\n    return (\n        <div\n            ref={ref}\n            className={cn(styles.wrapper, error && styles.error, className)}\n            id={wrapperId}\n        >\n            {label && <label className={styles.label}>{label}</label>}\n            <div className={cn(styles.cells, styles[size])} role=\"group\" aria-label={label}>\n                {cells.map((cell, index) => (\n                    <input\n                        key={index}\n                        ref={(node) => {\n                            inputsRef.current[index] = node;\n                        }}\n                        type={masked ? \"password\" : \"text\"}\n                        inputMode={type === \"numeric\" ? \"numeric\" : \"text\"}\n                        autoComplete={index === 0 ? \"one-time-code\" : \"off\"}\n                        maxLength={1}\n                        value={cell}\n                        disabled={disabled}\n                        className={styles.cell}\n                        aria-label={`Dígito ${index + 1}`}\n                        aria-invalid={!!error}\n                        onChange={onCellChange(index)}\n                        onKeyDown={onCellKeyDown(index)}\n                        onPaste={onPaste}\n                    />\n                ))}\n            </div>\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n});\n"],"names":["NUMERIC","ALNUM","PinInput","forwardRef","length","type","size","value","defaultValue","onChange","onComplete","masked","label","helperText","error","disabled","autoFocus","id","className","ref","internalId","useId","wrapperId","isControlled","internal","setInternal","useState","current","cells","_","index","inputsRef","useRef","pattern","useEffect","update","next","trimmed","focusCell","safe","onCellChange","event","char","onCellKeyDown","onPaste","text","c","jsxs","cn","styles","jsx","cell","node"],"mappings":"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"}
+{"version":3,"file":"PinInput.js","names":[],"sources":["../../../src/components/PinInput/PinInput.tsx"],"sourcesContent":["import { forwardRef, useEffect, useId, useRef, useState } from \"react\";\nimport type { ChangeEvent, ClipboardEvent, KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./PinInput.module.css\";\n\nexport type PinInputType = \"numeric\" | \"alphanumeric\";\nexport type PinInputSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface PinInputProps {\n    /** Number of cells. Default `6`. */\n    length?: number;\n    /** Allowed character set. `numeric` (default) rejects letters, `alphanumeric` allows both. */\n    type?: PinInputType;\n    /** Visual size. Default `\"md\"`. */\n    size?: PinInputSize;\n    /** Controlled value. */\n    value?: string;\n    /** Initial value (uncontrolled mode). */\n    defaultValue?: string;\n    /** Fires on every change with the current concatenated value. */\n    onChange?: (value: string) => void;\n    /** Fires when the user fills the last cell. */\n    onComplete?: (value: string) => void;\n    /** Show characters obscured (`*`). Default `false`. */\n    masked?: boolean;\n    /** Label rendered above the cells. */\n    label?: string;\n    /** Helper text below the cells. */\n    helperText?: string;\n    /** Error message — turns cells red and replaces helperText. */\n    error?: string;\n    /** Disable all cells. */\n    disabled?: boolean;\n    /** Auto-focus the first cell on mount. Default `false`. */\n    autoFocus?: boolean;\n    /** id for the wrapping group label association. */\n    id?: string;\n    className?: string;\n}\n\nconst NUMERIC = /[0-9]/;\nconst ALNUM = /[A-Za-z0-9]/;\n\n/**\n * One-time-password style input — N independent cells, paste support, auto-\n * advance on input, backspace flows back, arrow keys navigate.\n *\n * @example\n * <PinInput length={6} type=\"numeric\" onComplete={(otp) => verify(otp)} />\n */\nexport const PinInput = forwardRef<HTMLDivElement, PinInputProps>(function PinInput(\n    {\n        length = 6,\n        type = \"numeric\",\n        size = \"md\",\n        value,\n        defaultValue,\n        onChange,\n        onComplete,\n        masked = false,\n        label,\n        helperText,\n        error,\n        disabled = false,\n        autoFocus = false,\n        id,\n        className,\n    },\n    ref,\n) {\n    const internalId = useId();\n    const wrapperId = id ?? internalId;\n    const isControlled = value !== undefined;\n    const [internal, setInternal] = useState<string>(defaultValue ?? \"\");\n    const current = isControlled ? (value ?? \"\") : internal;\n    const cells = Array.from({ length }, (_, index) => current[index] ?? \"\");\n    const inputsRef = useRef<(HTMLInputElement | null)[]>([]);\n    const pattern = type === \"numeric\" ? NUMERIC : ALNUM;\n\n    useEffect(() => {\n        if (autoFocus) inputsRef.current[0]?.focus();\n    }, [autoFocus]);\n\n    const update = (next: string): void => {\n        const trimmed = next.slice(0, length);\n        if (!isControlled) setInternal(trimmed);\n        onChange?.(trimmed);\n        if (trimmed.length === length) onComplete?.(trimmed);\n    };\n\n    const focusCell = (index: number): void => {\n        const safe = Math.max(0, Math.min(length - 1, index));\n        inputsRef.current[safe]?.focus();\n        inputsRef.current[safe]?.select();\n    };\n\n    const onCellChange = (index: number) => (event: ChangeEvent<HTMLInputElement>) => {\n        const char = event.target.value.slice(-1);\n        if (char && !pattern.test(char)) return;\n        const next = cells.slice();\n        next[index] = char;\n        update(next.join(\"\"));\n        if (char) focusCell(index + 1);\n    };\n\n    const onCellKeyDown = (index: number) => (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === \"Backspace\") {\n            if (!cells[index] && index > 0) {\n                event.preventDefault();\n                const next = cells.slice();\n                next[index - 1] = \"\";\n                update(next.join(\"\"));\n                focusCell(index - 1);\n            }\n        } else if (event.key === \"ArrowLeft\") {\n            event.preventDefault();\n            focusCell(index - 1);\n        } else if (event.key === \"ArrowRight\") {\n            event.preventDefault();\n            focusCell(index + 1);\n        }\n    };\n\n    const onPaste = (event: ClipboardEvent<HTMLInputElement>): void => {\n        const text = event.clipboardData\n            .getData(\"text\")\n            .split(\"\")\n            .filter((c) => pattern.test(c))\n            .join(\"\");\n        if (!text) return;\n        event.preventDefault();\n        update(text);\n        focusCell(Math.min(length - 1, text.length));\n    };\n\n    return (\n        <div\n            ref={ref}\n            className={cn(styles.wrapper, error && styles.error, className)}\n            id={wrapperId}\n        >\n            {label && <label className={styles.label}>{label}</label>}\n            <div className={cn(styles.cells, styles[size])} role=\"group\" aria-label={label}>\n                {cells.map((cell, index) => (\n                    <input\n                        key={index}\n                        ref={(node) => {\n                            inputsRef.current[index] = node;\n                        }}\n                        type={masked ? \"password\" : \"text\"}\n                        inputMode={type === \"numeric\" ? \"numeric\" : \"text\"}\n                        autoComplete={index === 0 ? \"one-time-code\" : \"off\"}\n                        maxLength={1}\n                        value={cell}\n                        disabled={disabled}\n                        className={styles.cell}\n                        aria-label={`Dígito ${index + 1}`}\n                        aria-invalid={!!error}\n                        onChange={onCellChange(index)}\n                        onKeyDown={onCellKeyDown(index)}\n                        onPaste={onPaste}\n                    />\n                ))}\n            </div>\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n});\n"],"mappings":"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"}

package/dist/components/PinInput/PinInput.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_3WAh7`,t=`tempest_label_Hk01i`,n=`tempest_cells_URO3v`,r=`tempest_cell_fxLzs`,i=`tempest_sm_SQM-s`,a=`tempest_md_aHCGl`,o=`tempest_lg_JpI4A`,s=`tempest_error_Kou0o`,c=`tempest_helper_W04iL`,l=`tempest_errorText_h4svq`,u={wrapper:e,label:t,cells:n,cell:r,sm:i,md:a,lg:o,error:s,helper:c,errorText:l};exports.cell=r,exports.cells=n,exports.default=u,exports.error=s,exports.errorText=l,exports.helper=c,exports.label=t,exports.lg=o,exports.md=a,exports.sm=i,exports.wrapper=e;
+//# sourceMappingURL=PinInput.module.cjs.map

package/dist/components/PinInput/PinInput.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinInput.module.cjs","names":[],"sources":["../../../src/components/PinInput/PinInput.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    color: var(--tempest-text);\n}\n\n.cells {\n    display: flex;\n    gap: var(--tempest-space-2);\n}\n\n.cell {\n    flex: 0 0 auto;\n    text-align: center;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-mono, var(--tempest-font-sans));\n    transition: border-color var(--tempest-duration-fast, 120ms);\n}\n\n.cells.sm .cell {\n    width: 32px;\n    height: 36px;\n    font-size: var(--tempest-text-md);\n}\n\n.cells.md .cell {\n    width: 44px;\n    height: 52px;\n    font-size: var(--tempest-text-lg);\n}\n\n.cells.lg .cell {\n    width: 56px;\n    height: 64px;\n    font-size: var(--tempest-text-xl);\n}\n\n.cell:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width, 2px)\n        var(--tempest-focus-ring-color, var(--tempest-primary-100));\n}\n\n.cell:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.error .cell {\n    border-color: var(--tempest-danger-border, var(--tempest-danger));\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger-fg, var(--tempest-danger));\n}\n"],"mappings":""}

package/dist/components/PinInput/PinInput.module.js

@@ -0,0 +1,17 @@
+//#region src/components/PinInput/PinInput.module.css
+var e = "tempest_wrapper_3WAh7", t = "tempest_label_Hk01i", n = "tempest_cells_URO3v", r = "tempest_cell_fxLzs", i = "tempest_sm_SQM-s", a = "tempest_md_aHCGl", o = "tempest_lg_JpI4A", s = "tempest_error_Kou0o", c = "tempest_helper_W04iL", l = "tempest_errorText_h4svq", u = {
+	wrapper: e,
+	label: t,
+	cells: n,
+	cell: r,
+	sm: i,
+	md: a,
+	lg: o,
+	error: s,
+	helper: c,
+	errorText: l
+};
+//#endregion
+export { r as cell, n as cells, u as default, s as error, l as errorText, c as helper, t as label, o as lg, a as md, i as sm, e as wrapper };
+
+//# sourceMappingURL=PinInput.module.js.map

package/dist/components/PinInput/PinInput.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinInput.module.js","names":[],"sources":["../../../src/components/PinInput/PinInput.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    color: var(--tempest-text);\n}\n\n.cells {\n    display: flex;\n    gap: var(--tempest-space-2);\n}\n\n.cell {\n    flex: 0 0 auto;\n    text-align: center;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-mono, var(--tempest-font-sans));\n    transition: border-color var(--tempest-duration-fast, 120ms);\n}\n\n.cells.sm .cell {\n    width: 32px;\n    height: 36px;\n    font-size: var(--tempest-text-md);\n}\n\n.cells.md .cell {\n    width: 44px;\n    height: 52px;\n    font-size: var(--tempest-text-lg);\n}\n\n.cells.lg .cell {\n    width: 56px;\n    height: 64px;\n    font-size: var(--tempest-text-xl);\n}\n\n.cell:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width, 2px)\n        var(--tempest-focus-ring-color, var(--tempest-primary-100));\n}\n\n.cell:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.error .cell {\n    border-color: var(--tempest-danger-border, var(--tempest-danger));\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger-fg, var(--tempest-danger));\n}\n"],"mappings":""}

package/dist/components/Popover/Popover.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react/jsx-runtime"),o=require("react"),L=require("../../utils/cn.cjs"),c=require("./Popover.module.css.cjs");function P({trigger:r,children:m,placement:k="bottom",open:u,onOpenChange:d,defaultOpen:y=!1,closeOnEsc:l=!0,closeOnOutsideClick:f=!0,className:E}){const s=u!==void 0,[b,j]=o.useState(y),n=s?u:b,p=o.useId(),i=o.useRef(null),t=o.useCallback(e=>{s||j(e),d?.(e)},[s,d]);o.useEffect(()=>{if(!n)return;const e=a=>{l&&a.key==="Escape"&&t(!1)},v=a=>{f&&i.current&&!i.current.contains(a.target)&&t(!1)};return window.addEventListener("keydown",e),window.addEventListener("mousedown",v),()=>{window.removeEventListener("keydown",e),window.removeEventListener("mousedown",v)}},[n,l,f,t]);const q=e=>{r.props.onClick?.(e),t(!n)},C={...r,props:{...r.props,onClick:q,"aria-expanded":n,"aria-controls":p}};return w.jsxs("span",{ref:i,className:c.default.root,children:[C,n&&w.jsx("div",{id:p,role:"dialog",className:L.cn(c.default.popover,c.default[k],E),children:m})]})}exports.Popover=P;
-//# sourceMappingURL=Popover.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Popover.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({trigger:i,children:a,placement:o=`bottom`,open:s,onOpenChange:c,defaultOpen:l=!1,closeOnEsc:u=!0,closeOnOutsideClick:d=!0,className:f}){let p=s!==void 0,[m,h]=(0,n.useState)(l),g=p?s:m,_=(0,n.useId)(),v=(0,n.useRef)(null),y=(0,n.useCallback)(e=>{p||h(e),c?.(e)},[p,c]);(0,n.useEffect)(()=>{if(!g)return;let e=e=>{u&&e.key===`Escape`&&y(!1)},t=e=>{d&&v.current&&!v.current.contains(e.target)&&y(!1)};return window.addEventListener(`keydown`,e),window.addEventListener(`mousedown`,t),()=>{window.removeEventListener(`keydown`,e),window.removeEventListener(`mousedown`,t)}},[g,u,d,y]);let b=e=>{i.props.onClick?.(e),y(!g)},x={...i,props:{...i.props,onClick:b,"aria-expanded":g,"aria-controls":_}};return(0,r.jsxs)(`span`,{ref:v,className:t.default.root,children:[x,g&&(0,r.jsx)(`div`,{id:_,role:`dialog`,className:e.cn(t.default.popover,t.default[o],f),children:a})]})}exports.Popover=i;
+//# sourceMappingURL=Popover.cjs.map

package/dist/components/Popover/Popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.cjs","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Popover.module.css\";\n\nexport type PopoverPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface PopoverProps {\n    /** Trigger element. Receives `onClick`/`aria-expanded`/`aria-controls`. */\n    trigger: ReactElement<{\n        onClick?: (e: React.MouseEvent) => void;\n        \"aria-expanded\"?: boolean;\n        \"aria-controls\"?: string;\n    }>;\n    children: ReactNode;\n    placement?: PopoverPlacement;\n    /** Controlled open state. */\n    open?: boolean;\n    /** Called when the user toggles or dismisses. */\n    onOpenChange?: (open: boolean) => void;\n    /** Default open state for uncontrolled usage. */\n    defaultOpen?: boolean;\n    /** Close on Escape. Default true. */\n    closeOnEsc?: boolean;\n    /** Close on outside click. Default true. */\n    closeOnOutsideClick?: boolean;\n    className?: string;\n}\n\n/**\n * Lightweight popover. Renders a positioned panel anchored to a trigger,\n * dismissed on outside click / Escape. Does NOT include collision detection\n * or smart positioning — pair with Floating UI if you need that.\n */\nexport function Popover({\n    trigger,\n    children,\n    placement = \"bottom\",\n    open,\n    onOpenChange,\n    defaultOpen = false,\n    closeOnEsc = true,\n    closeOnOutsideClick = true,\n    className,\n}: PopoverProps) {\n    const isControlled = open !== undefined;\n    const [internalOpen, setInternalOpen] = useState<boolean>(defaultOpen);\n    const isOpen = isControlled ? open : internalOpen;\n    const id = useId();\n    const rootRef = useRef<HTMLSpanElement>(null);\n\n    const setOpen = useCallback(\n        (next: boolean): void => {\n            if (!isControlled) setInternalOpen(next);\n            onOpenChange?.(next);\n        },\n        [isControlled, onOpenChange],\n    );\n\n    useEffect(() => {\n        if (!isOpen) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (closeOnEsc && event.key === \"Escape\") setOpen(false);\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (!closeOnOutsideClick) return;\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n                setOpen(false);\n            }\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [isOpen, closeOnEsc, closeOnOutsideClick, setOpen]);\n\n    const handleTriggerClick = (event: React.MouseEvent): void => {\n        trigger.props.onClick?.(event);\n        setOpen(!isOpen);\n    };\n\n    const triggerClone = {\n        ...trigger,\n        props: {\n            ...trigger.props,\n            onClick: handleTriggerClick,\n            \"aria-expanded\": isOpen,\n            \"aria-controls\": id,\n        },\n    } as ReactElement;\n\n    return (\n        <span ref={rootRef} className={styles.root}>\n            {triggerClone}\n            {isOpen && (\n                <div\n                    id={id}\n                    role=\"dialog\"\n                    className={cn(styles.popover, styles[placement], className)}\n                >\n                    {children}\n                </div>\n            )}\n        </span>\n    );\n}\n"],"names":["Popover","trigger","children","placement","open","onOpenChange","defaultOpen","closeOnEsc","closeOnOutsideClick","className","isControlled","internalOpen","setInternalOpen","useState","isOpen","id","useId","rootRef","useRef","setOpen","useCallback","next","useEffect","onKey","event","onDown","handleTriggerClick","triggerClone","styles","jsx","cn"],"mappings":"8MAkCO,SAASA,EAAQ,CACpB,QAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,SACZ,KAAAC,EACA,aAAAC,EACA,YAAAC,EAAc,GACd,WAAAC,EAAa,GACb,oBAAAC,EAAsB,GACtB,UAAAC,CACJ,EAAiB,CACb,MAAMC,EAAeN,IAAS,OACxB,CAACO,EAAcC,CAAe,EAAIC,EAAAA,SAAkBP,CAAW,EAC/DQ,EAASJ,EAAeN,EAAOO,EAC/BI,EAAKC,EAAAA,MAAA,EACLC,EAAUC,EAAAA,OAAwB,IAAI,EAEtCC,EAAUC,EAAAA,YACXC,GAAwB,CAChBX,GAAcE,EAAgBS,CAAI,EACvChB,IAAegB,CAAI,CACvB,EACA,CAACX,EAAcL,CAAY,CAAA,EAG/BiB,EAAAA,UAAU,IAAM,CACZ,GAAI,CAACR,EAAQ,OACb,MAAMS,EAASC,GAA+B,CACtCjB,GAAciB,EAAM,MAAQ,YAAkB,EAAK,CAC3D,EACMC,EAAUD,GAA4B,CACnChB,GACDS,EAAQ,SAAW,CAACA,EAAQ,QAAQ,SAASO,EAAM,MAAc,GACjEL,EAAQ,EAAK,CAErB,EACA,cAAO,iBAAiB,UAAWI,CAAK,EACxC,OAAO,iBAAiB,YAAaE,CAAM,EACpC,IAAM,CACT,OAAO,oBAAoB,UAAWF,CAAK,EAC3C,OAAO,oBAAoB,YAAaE,CAAM,CAClD,CACJ,EAAG,CAACX,EAAQP,EAAYC,EAAqBW,CAAO,CAAC,EAErD,MAAMO,EAAsBF,GAAkC,CAC1DvB,EAAQ,MAAM,UAAUuB,CAAK,EAC7BL,EAAQ,CAACL,CAAM,CACnB,EAEMa,EAAe,CACjB,GAAG1B,EACH,MAAO,CACH,GAAGA,EAAQ,MACX,QAASyB,EACT,gBAAiBZ,EACjB,gBAAiBC,CAAA,CACrB,EAGJ,cACK,OAAA,CAAK,IAAKE,EAAS,UAAWW,EAAAA,QAAO,KACjC,SAAA,CAAAD,EACAb,GACGe,EAAAA,IAAC,MAAA,CACG,GAAAd,EACA,KAAK,SACL,UAAWe,EAAAA,GAAGF,UAAO,QAASA,EAAAA,QAAOzB,CAAS,EAAGM,CAAS,EAEzD,SAAAP,CAAA,CAAA,CACL,EAER,CAER"}
+{"version":3,"file":"Popover.cjs","names":[],"sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Popover.module.css\";\n\nexport type PopoverPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface PopoverProps {\n    /** Trigger element. Receives `onClick`/`aria-expanded`/`aria-controls`. */\n    trigger: ReactElement<{\n        onClick?: (e: React.MouseEvent) => void;\n        \"aria-expanded\"?: boolean;\n        \"aria-controls\"?: string;\n    }>;\n    children: ReactNode;\n    placement?: PopoverPlacement;\n    /** Controlled open state. */\n    open?: boolean;\n    /** Called when the user toggles or dismisses. */\n    onOpenChange?: (open: boolean) => void;\n    /** Default open state for uncontrolled usage. */\n    defaultOpen?: boolean;\n    /** Close on Escape. Default true. */\n    closeOnEsc?: boolean;\n    /** Close on outside click. Default true. */\n    closeOnOutsideClick?: boolean;\n    className?: string;\n}\n\n/**\n * Lightweight popover. Renders a positioned panel anchored to a trigger,\n * dismissed on outside click / Escape. Does NOT include collision detection\n * or smart positioning — pair with Floating UI if you need that.\n */\nexport function Popover({\n    trigger,\n    children,\n    placement = \"bottom\",\n    open,\n    onOpenChange,\n    defaultOpen = false,\n    closeOnEsc = true,\n    closeOnOutsideClick = true,\n    className,\n}: PopoverProps) {\n    const isControlled = open !== undefined;\n    const [internalOpen, setInternalOpen] = useState<boolean>(defaultOpen);\n    const isOpen = isControlled ? open : internalOpen;\n    const id = useId();\n    const rootRef = useRef<HTMLSpanElement>(null);\n\n    const setOpen = useCallback(\n        (next: boolean): void => {\n            if (!isControlled) setInternalOpen(next);\n            onOpenChange?.(next);\n        },\n        [isControlled, onOpenChange],\n    );\n\n    useEffect(() => {\n        if (!isOpen) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (closeOnEsc && event.key === \"Escape\") setOpen(false);\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (!closeOnOutsideClick) return;\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n                setOpen(false);\n            }\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [isOpen, closeOnEsc, closeOnOutsideClick, setOpen]);\n\n    const handleTriggerClick = (event: React.MouseEvent): void => {\n        trigger.props.onClick?.(event);\n        setOpen(!isOpen);\n    };\n\n    const triggerClone = {\n        ...trigger,\n        props: {\n            ...trigger.props,\n            onClick: handleTriggerClick,\n            \"aria-expanded\": isOpen,\n            \"aria-controls\": id,\n        },\n    } as ReactElement;\n\n    return (\n        <span ref={rootRef} className={styles.root}>\n            {triggerClone}\n            {isOpen && (\n                <div\n                    id={id}\n                    role=\"dialog\"\n                    className={cn(styles.popover, styles[placement], className)}\n                >\n                    {children}\n                </div>\n            )}\n        </span>\n    );\n}\n"],"mappings":"8HAkCA,SAAgB,EAAQ,CACpB,UACA,WACA,YAAY,SACZ,OACA,eACA,cAAc,GACd,aAAa,GACb,sBAAsB,GACtB,aACa,CACb,IAAM,EAAe,IAAS,IAAA,GACxB,CAAC,EAAc,IAAA,EAAA,EAAA,SAAA,CAAqC,CAAW,EAC/D,EAAS,EAAe,EAAO,EAC/B,GAAA,EAAA,EAAA,MAAA,CAAW,EACX,GAAA,EAAA,EAAA,OAAA,CAAkC,IAAI,EAEtC,GAAA,EAAA,EAAA,YAAA,CACD,GAAwB,CAChB,GAAc,EAAgB,CAAI,EACvC,IAAe,CAAI,CACvB,EACA,CAAC,EAAc,CAAY,CAC/B,GAEA,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,CAAC,EAAQ,OACb,IAAM,EAAS,GAA+B,CACtC,GAAc,EAAM,MAAQ,UAAU,EAAQ,EAAK,CAC3D,EACM,EAAU,GAA4B,CACnC,GACD,EAAQ,SAAW,CAAC,EAAQ,QAAQ,SAAS,EAAM,MAAc,GACjE,EAAQ,EAAK,CAErB,EAGA,OAFA,OAAO,iBAAiB,UAAW,CAAK,EACxC,OAAO,iBAAiB,YAAa,CAAM,MAC9B,CACT,OAAO,oBAAoB,UAAW,CAAK,EAC3C,OAAO,oBAAoB,YAAa,CAAM,CAClD,CACJ,EAAG,CAAC,EAAQ,EAAY,EAAqB,CAAO,CAAC,EAErD,IAAM,EAAsB,GAAkC,CAC1D,EAAQ,MAAM,UAAU,CAAK,EAC7B,EAAQ,CAAC,CAAM,CACnB,EAEM,EAAe,CACjB,GAAG,EACH,MAAO,CACH,GAAG,EAAQ,MACX,QAAS,EACT,gBAAiB,EACjB,gBAAiB,CACrB,CACJ,EAEA,OACI,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,IAAK,EAAS,UAAW,EAAA,QAAO,cAAtC,CACK,EACA,IACG,EAAA,EAAA,IAAA,CAAC,MAAD,CACQ,KACJ,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,EAAA,QAAO,GAAY,CAAS,EAEzD,UACA,CAAA,CAEP,GAEd"}