@accreditation/ui 1.0.0

package/dist/components/atoms/masked-input/components/masked-input.js

@@ -0,0 +1,138 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactImask = require('react-imask');
+var input = require('../../input');
+var presets = require('../presets');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const MaskedInput = React__namespace.forwardRef(
+  function MaskedInput2({
+    mask,
+    value,
+    defaultValue,
+    onAccept,
+    unmask = true,
+    size = "md",
+    status = "default",
+    className,
+    "aria-invalid": ariaInvalid,
+    inputMode: userInputMode,
+    allowClear,
+    onClear,
+    fullWidth,
+    hint,
+    prefix,
+    suffix,
+    placeholder,
+    ...props
+  }, externalRef) {
+    const inputMode = presets.getInputMode(mask, userInputMode);
+    const isAriaInvalid = ariaInvalid === true || ariaInvalid === "true";
+    const effectiveStatus = status !== "default" ? status : isAriaInvalid ? "error" : "default";
+    const isMoedaPreset = mask === "moeda";
+    const resolvedPlaceholder = placeholder !== void 0 ? isMoedaPreset ? typeof placeholder === "string" ? placeholder.replace(/^R\$\s*/i, "").trim() || "0,00" : "0,00" : placeholder : typeof mask === "string" && mask in presets.PLACEHOLDER_BY_PRESET ? presets.PLACEHOLDER_BY_PRESET[mask] : void 0;
+    const resolvedPrefix = isMoedaPreset ? prefix ?? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground shrink-0", children: "R$" }) : prefix;
+    const domRef = React__namespace.useRef(null);
+    const maskRef = React__namespace.useRef(null);
+    const onAcceptRef = React__namespace.useRef(onAccept);
+    React__namespace.useLayoutEffect(() => {
+      onAcceptRef.current = onAccept;
+    });
+    const valueRef = React__namespace.useRef(value);
+    const unmaskRef = React__namespace.useRef(unmask);
+    React__namespace.useLayoutEffect(() => {
+      valueRef.current = value;
+      unmaskRef.current = unmask;
+    });
+    const setRef = React__namespace.useCallback(
+      (node) => {
+        domRef.current = node;
+        if (typeof externalRef === "function") externalRef(node);
+        else if (externalRef)
+          externalRef.current = node;
+      },
+      [externalRef]
+    );
+    React__namespace.useEffect(() => {
+      const node = domRef.current;
+      if (!node) return;
+      const opts = presets.getMaskOpts(mask);
+      const mi = reactImask.IMask(node, opts);
+      maskRef.current = mi;
+      const currentValue = valueRef.current;
+      if (currentValue !== void 0) {
+        if (unmaskRef.current) {
+          mi.unmaskedValue = currentValue;
+        } else {
+          mi.value = currentValue;
+        }
+      }
+      mi.on("accept", () => {
+        const activeMi = maskRef.current;
+        if (!activeMi) return;
+        const unmaskedVal = unmaskRef.current ? activeMi.unmaskedValue : activeMi.value;
+        onAcceptRef.current?.(unmaskedVal, activeMi.value);
+      });
+      return () => {
+        mi.destroy();
+        maskRef.current = null;
+      };
+    }, [mask]);
+    React__namespace.useEffect(() => {
+      const mi = maskRef.current;
+      if (!mi || value === void 0) return;
+      const currentOut = unmask ? mi.unmaskedValue : mi.value;
+      if (currentOut !== value) {
+        if (unmask) {
+          mi.unmaskedValue = value;
+        } else {
+          mi.value = value;
+        }
+      }
+    }, [value, unmask]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      input.Input,
+      {
+        ref: setRef,
+        size,
+        status: effectiveStatus,
+        allowClear,
+        onClear,
+        fullWidth,
+        hint,
+        prefix: resolvedPrefix,
+        suffix,
+        className,
+        "aria-invalid": ariaInvalid,
+        inputMode,
+        placeholder: resolvedPlaceholder,
+        defaultValue,
+        ...props
+      }
+    );
+  }
+);
+MaskedInput.displayName = "MaskedInput";
+
+exports.MaskedInput = MaskedInput;

package/dist/components/atoms/masked-input/components/masked-input.mjs

@@ -0,0 +1,116 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { IMask } from 'react-imask';
+import { Input } from '../../input';
+import { getInputMode, PLACEHOLDER_BY_PRESET, getMaskOpts } from '../presets';
+
+const MaskedInput = React.forwardRef(
+  function MaskedInput2({
+    mask,
+    value,
+    defaultValue,
+    onAccept,
+    unmask = true,
+    size = "md",
+    status = "default",
+    className,
+    "aria-invalid": ariaInvalid,
+    inputMode: userInputMode,
+    allowClear,
+    onClear,
+    fullWidth,
+    hint,
+    prefix,
+    suffix,
+    placeholder,
+    ...props
+  }, externalRef) {
+    const inputMode = getInputMode(mask, userInputMode);
+    const isAriaInvalid = ariaInvalid === true || ariaInvalid === "true";
+    const effectiveStatus = status !== "default" ? status : isAriaInvalid ? "error" : "default";
+    const isMoedaPreset = mask === "moeda";
+    const resolvedPlaceholder = placeholder !== void 0 ? isMoedaPreset ? typeof placeholder === "string" ? placeholder.replace(/^R\$\s*/i, "").trim() || "0,00" : "0,00" : placeholder : typeof mask === "string" && mask in PLACEHOLDER_BY_PRESET ? PLACEHOLDER_BY_PRESET[mask] : void 0;
+    const resolvedPrefix = isMoedaPreset ? prefix ?? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground shrink-0", children: "R$" }) : prefix;
+    const domRef = React.useRef(null);
+    const maskRef = React.useRef(null);
+    const onAcceptRef = React.useRef(onAccept);
+    React.useLayoutEffect(() => {
+      onAcceptRef.current = onAccept;
+    });
+    const valueRef = React.useRef(value);
+    const unmaskRef = React.useRef(unmask);
+    React.useLayoutEffect(() => {
+      valueRef.current = value;
+      unmaskRef.current = unmask;
+    });
+    const setRef = React.useCallback(
+      (node) => {
+        domRef.current = node;
+        if (typeof externalRef === "function") externalRef(node);
+        else if (externalRef)
+          externalRef.current = node;
+      },
+      [externalRef]
+    );
+    React.useEffect(() => {
+      const node = domRef.current;
+      if (!node) return;
+      const opts = getMaskOpts(mask);
+      const mi = IMask(node, opts);
+      maskRef.current = mi;
+      const currentValue = valueRef.current;
+      if (currentValue !== void 0) {
+        if (unmaskRef.current) {
+          mi.unmaskedValue = currentValue;
+        } else {
+          mi.value = currentValue;
+        }
+      }
+      mi.on("accept", () => {
+        const activeMi = maskRef.current;
+        if (!activeMi) return;
+        const unmaskedVal = unmaskRef.current ? activeMi.unmaskedValue : activeMi.value;
+        onAcceptRef.current?.(unmaskedVal, activeMi.value);
+      });
+      return () => {
+        mi.destroy();
+        maskRef.current = null;
+      };
+    }, [mask]);
+    React.useEffect(() => {
+      const mi = maskRef.current;
+      if (!mi || value === void 0) return;
+      const currentOut = unmask ? mi.unmaskedValue : mi.value;
+      if (currentOut !== value) {
+        if (unmask) {
+          mi.unmaskedValue = value;
+        } else {
+          mi.value = value;
+        }
+      }
+    }, [value, unmask]);
+    return /* @__PURE__ */ jsx(
+      Input,
+      {
+        ref: setRef,
+        size,
+        status: effectiveStatus,
+        allowClear,
+        onClear,
+        fullWidth,
+        hint,
+        prefix: resolvedPrefix,
+        suffix,
+        className,
+        "aria-invalid": ariaInvalid,
+        inputMode,
+        placeholder: resolvedPlaceholder,
+        defaultValue,
+        ...props
+      }
+    );
+  }
+);
+MaskedInput.displayName = "MaskedInput";
+
+export { MaskedInput };

package/dist/components/atoms/masked-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./masked-input";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/masked-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/masked-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/components/atoms/masked-input/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var maskedInput = require('./masked-input');
+
+
+
+Object.keys(maskedInput).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return maskedInput[k]; }
+	});
+});

package/dist/components/atoms/masked-input/index.mjs

@@ -0,0 +1 @@
+export * from './masked-input';

package/dist/components/atoms/masked-input/masked-input.d.ts

@@ -0,0 +1,4 @@
+export * from "./components/masked-input";
+export * from "./types";
+export * from "./variants";
+//# sourceMappingURL=masked-input.d.ts.map

package/dist/components/atoms/masked-input/masked-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"masked-input.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/masked-input/masked-input.tsx"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/dist/components/atoms/masked-input/masked-input.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var maskedInput = require('./components/masked-input');
+var types = require('./types');
+var variants = require('./variants');
+
+
+
+Object.keys(maskedInput).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return maskedInput[k]; }
+	});
+});
+Object.keys(types).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return types[k]; }
+	});
+});
+Object.keys(variants).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return variants[k]; }
+	});
+});

package/dist/components/atoms/masked-input/masked-input.mjs

@@ -0,0 +1,3 @@
+export * from './components/masked-input';
+export * from './types';
+export * from './variants';

package/dist/components/atoms/masked-input/presets.d.ts

@@ -0,0 +1,7 @@
+import type { MaskPresetName, MaskedInputMask, MaskedInputMode } from "./types";
+export declare const MASK_PRESETS: Record<MaskPresetName, object>;
+export declare function getMaskOpts(mask: MaskedInputMask): object;
+export declare function getInputMode(mask: MaskedInputMask, userInputMode?: MaskedInputMode): MaskedInputMode | undefined;
+/** Default placeholder text for each named mask preset. */
+export declare const PLACEHOLDER_BY_PRESET: Record<MaskPresetName, string>;
+//# sourceMappingURL=presets.d.ts.map

package/dist/components/atoms/masked-input/presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/masked-input/presets.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,cAAc,EACd,eAAe,EACf,eAAe,EAChB,MAAM,SAAS,CAAC;AAUjB,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CA6D9C,CAAC;AAmBX,wBAAgB,WAAW,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAoBzD;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,eAAe,EACrB,aAAa,CAAC,EAAE,eAAe,GAC9B,eAAe,GAAG,SAAS,CAM7B;AAED,2DAA2D;AAC3D,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAahE,CAAC"}

package/dist/components/atoms/masked-input/presets.js

@@ -0,0 +1,119 @@
+'use strict';
+
+var reactImask = require('react-imask');
+
+const isComplexPreset = (opts) => typeof opts === "object" && opts !== null && (Array.isArray(opts.mask) || opts.dispatch !== void 0 || opts.radix !== void 0 || opts.pattern !== void 0);
+const MASK_PRESETS = {
+  cpf: { mask: "000.000.000-00" },
+  cnpj: { mask: "00.000.000/0000-00" },
+  rg: { mask: "00.000.000-0" },
+  cep: { mask: "00000-000" },
+  telefone: {
+    mask: [
+      { mask: "(00) 0000-0000" },
+      { mask: "(00) 00000-0000" }
+    ],
+    dispatch: (appended, dynamicMasked) => {
+      const digits = (dynamicMasked.value + appended).replace(/\D/g, "");
+      return digits.length > 10 ? dynamicMasked.compiledMasks[1] : dynamicMasked.compiledMasks[0];
+    }
+  },
+  placa: { mask: "AAA0A00" },
+  tituloEleitor: { mask: "0000 0000 0000" },
+  cartaoCredito: { mask: "0000 0000 0000 0000" },
+  pisPasep: { mask: "000.00000.00-0" },
+  moeda: {
+    mask: Number,
+    radix: ",",
+    thousandsSeparator: ".",
+    mapToRadix: ["."],
+    scale: 2,
+    min: 0,
+    padFractionalZeros: true,
+    normalizeZeros: true,
+    lazy: false
+  },
+  data: {
+    mask: Date,
+    pattern: "d{/}`m{/}`Y",
+    lazy: false,
+    blocks: {
+      d: { mask: reactImask.IMask.MaskedRange, from: 1, to: 31, maxLength: 2 },
+      m: { mask: reactImask.IMask.MaskedRange, from: 1, to: 12, maxLength: 2 },
+      Y: { mask: reactImask.IMask.MaskedRange, from: 1900, to: 2999 }
+    },
+    format: (date) => {
+      if (!date) return "";
+      const d = date.getDate();
+      const m = date.getMonth() + 1;
+      const y = date.getFullYear();
+      return [d, m, y].map((n) => n < 10 ? `0${n}` : String(n)).join("/");
+    },
+    parse: (str) => {
+      const parts = str.split("/").map((p) => parseInt(p, 10));
+      if (parts.length !== 3 || parts.some(Number.isNaN)) return null;
+      const [day, month, year] = parts;
+      return new Date(year, month - 1, day);
+    }
+  },
+  hora: { mask: "00:00" }
+};
+const INPUTMODE_BY_PRESET = {
+  cpf: "numeric",
+  cnpj: "numeric",
+  rg: "numeric",
+  cep: "numeric",
+  telefone: "tel",
+  placa: "text",
+  tituloEleitor: "numeric",
+  cartaoCredito: "numeric",
+  pisPasep: "numeric",
+  moeda: "decimal",
+  data: "numeric",
+  hora: "numeric"
+};
+const DEFAULT_INPUTMODE = "numeric";
+function getMaskOpts(mask) {
+  if (typeof mask === "string" && mask in MASK_PRESETS) {
+    const opts = MASK_PRESETS[mask];
+    if (isComplexPreset(opts)) return opts;
+    const patternStr = typeof opts.mask === "string" ? opts.mask : "0*";
+    return {
+      mask: patternStr,
+      lazy: true,
+      placeholderChar: "_",
+      definitions: {
+        A: { mask: /[A-Za-z]/, placeholderChar: "_" },
+        a: { mask: /[A-Za-z]/, placeholderChar: "_" },
+        "0": { mask: /[0-9]/, placeholderChar: "_" }
+      }
+    };
+  }
+  return mask;
+}
+function getInputMode(mask, userInputMode) {
+  if (userInputMode !== void 0) return userInputMode;
+  if (typeof mask === "string" && mask in MASK_PRESETS) {
+    return INPUTMODE_BY_PRESET[mask] ?? DEFAULT_INPUTMODE;
+  }
+  return void 0;
+}
+const PLACEHOLDER_BY_PRESET = {
+  cpf: "000.000.000-00",
+  cnpj: "00.000.000/0000-00",
+  rg: "00.000.000-0",
+  cep: "00000-000",
+  telefone: "(00) 00000-0000",
+  placa: "AAA0A00",
+  tituloEleitor: "0000 0000 0000",
+  cartaoCredito: "0000 0000 0000 0000",
+  pisPasep: "000.00000.00-0",
+  moeda: "0,00",
+  data: "DD/MM/YYYY",
+  hora: "HH:MM"
+};
+
+exports.MASK_PRESETS = MASK_PRESETS;
+exports.PLACEHOLDER_BY_PRESET = PLACEHOLDER_BY_PRESET;
+exports.getInputMode = getInputMode;
+exports.getMaskOpts = getMaskOpts;

package/dist/components/atoms/masked-input/presets.mjs

@@ -0,0 +1,114 @@
+import { IMask } from 'react-imask';
+
+const isComplexPreset = (opts) => typeof opts === "object" && opts !== null && (Array.isArray(opts.mask) || opts.dispatch !== void 0 || opts.radix !== void 0 || opts.pattern !== void 0);
+const MASK_PRESETS = {
+  cpf: { mask: "000.000.000-00" },
+  cnpj: { mask: "00.000.000/0000-00" },
+  rg: { mask: "00.000.000-0" },
+  cep: { mask: "00000-000" },
+  telefone: {
+    mask: [
+      { mask: "(00) 0000-0000" },
+      { mask: "(00) 00000-0000" }
+    ],
+    dispatch: (appended, dynamicMasked) => {
+      const digits = (dynamicMasked.value + appended).replace(/\D/g, "");
+      return digits.length > 10 ? dynamicMasked.compiledMasks[1] : dynamicMasked.compiledMasks[0];
+    }
+  },
+  placa: { mask: "AAA0A00" },
+  tituloEleitor: { mask: "0000 0000 0000" },
+  cartaoCredito: { mask: "0000 0000 0000 0000" },
+  pisPasep: { mask: "000.00000.00-0" },
+  moeda: {
+    mask: Number,
+    radix: ",",
+    thousandsSeparator: ".",
+    mapToRadix: ["."],
+    scale: 2,
+    min: 0,
+    padFractionalZeros: true,
+    normalizeZeros: true,
+    lazy: false
+  },
+  data: {
+    mask: Date,
+    pattern: "d{/}`m{/}`Y",
+    lazy: false,
+    blocks: {
+      d: { mask: IMask.MaskedRange, from: 1, to: 31, maxLength: 2 },
+      m: { mask: IMask.MaskedRange, from: 1, to: 12, maxLength: 2 },
+      Y: { mask: IMask.MaskedRange, from: 1900, to: 2999 }
+    },
+    format: (date) => {
+      if (!date) return "";
+      const d = date.getDate();
+      const m = date.getMonth() + 1;
+      const y = date.getFullYear();
+      return [d, m, y].map((n) => n < 10 ? `0${n}` : String(n)).join("/");
+    },
+    parse: (str) => {
+      const parts = str.split("/").map((p) => parseInt(p, 10));
+      if (parts.length !== 3 || parts.some(Number.isNaN)) return null;
+      const [day, month, year] = parts;
+      return new Date(year, month - 1, day);
+    }
+  },
+  hora: { mask: "00:00" }
+};
+const INPUTMODE_BY_PRESET = {
+  cpf: "numeric",
+  cnpj: "numeric",
+  rg: "numeric",
+  cep: "numeric",
+  telefone: "tel",
+  placa: "text",
+  tituloEleitor: "numeric",
+  cartaoCredito: "numeric",
+  pisPasep: "numeric",
+  moeda: "decimal",
+  data: "numeric",
+  hora: "numeric"
+};
+const DEFAULT_INPUTMODE = "numeric";
+function getMaskOpts(mask) {
+  if (typeof mask === "string" && mask in MASK_PRESETS) {
+    const opts = MASK_PRESETS[mask];
+    if (isComplexPreset(opts)) return opts;
+    const patternStr = typeof opts.mask === "string" ? opts.mask : "0*";
+    return {
+      mask: patternStr,
+      lazy: true,
+      placeholderChar: "_",
+      definitions: {
+        A: { mask: /[A-Za-z]/, placeholderChar: "_" },
+        a: { mask: /[A-Za-z]/, placeholderChar: "_" },
+        "0": { mask: /[0-9]/, placeholderChar: "_" }
+      }
+    };
+  }
+  return mask;
+}
+function getInputMode(mask, userInputMode) {
+  if (userInputMode !== void 0) return userInputMode;
+  if (typeof mask === "string" && mask in MASK_PRESETS) {
+    return INPUTMODE_BY_PRESET[mask] ?? DEFAULT_INPUTMODE;
+  }
+  return void 0;
+}
+const PLACEHOLDER_BY_PRESET = {
+  cpf: "000.000.000-00",
+  cnpj: "00.000.000/0000-00",
+  rg: "00.000.000-0",
+  cep: "00000-000",
+  telefone: "(00) 00000-0000",
+  placa: "AAA0A00",
+  tituloEleitor: "0000 0000 0000",
+  cartaoCredito: "0000 0000 0000 0000",
+  pisPasep: "000.00000.00-0",
+  moeda: "0,00",
+  data: "DD/MM/YYYY",
+  hora: "HH:MM"
+};
+
+export { MASK_PRESETS, PLACEHOLDER_BY_PRESET, getInputMode, getMaskOpts };

package/dist/components/atoms/masked-input/types.d.ts

@@ -0,0 +1,32 @@
+import type { InputHTMLAttributes } from "react";
+import type { Size, FieldState } from "../../../lib/shared/types";
+export type MaskedInputSize = Size;
+export type MaskedInputStatus = FieldState;
+export type MaskPresetName = "cpf" | "cnpj" | "rg" | "cep" | "telefone" | "placa" | "tituloEleitor" | "cartaoCredito" | "pisPasep" | "moeda" | "data" | "hora";
+export type MaskOptions = {
+    mask: string;
+} | object;
+export type MaskedInputMask = MaskPresetName | MaskOptions;
+export type MaskedInputMode = NonNullable<InputHTMLAttributes<HTMLInputElement>["inputMode"]>;
+export interface MaskedInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> {
+    mask: MaskedInputMask;
+    value?: string;
+    defaultValue?: string;
+    onAccept?: (unmasked: string | number | Date | null, masked: string) => void;
+    unmask?: boolean;
+    size?: MaskedInputSize;
+    status?: MaskedInputStatus;
+    /** If true, shows a clear (X) button inside the input. */
+    allowClear?: boolean;
+    /** Callback fired when the clear button is clicked. */
+    onClear?: () => void;
+    /** If true, the input takes 100% of the parent width. */
+    fullWidth?: boolean;
+    /** Helper text displayed below the input. */
+    hint?: string;
+    /** Optional prefix node (e.g. icon). */
+    prefix?: React.ReactNode;
+    /** Optional suffix node (e.g. icon). */
+    suffix?: React.ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/atoms/masked-input/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/masked-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC;AACnC,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC;AAE3C,MAAM,MAAM,cAAc,GACtB,KAAK,GACL,MAAM,GACN,IAAI,GACJ,KAAK,GACL,UAAU,GACV,OAAO,GACP,eAAe,GACf,eAAe,GACf,UAAU,GACV,OAAO,GACP,MAAM,GACN,MAAM,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG,WAAW,CAAC;AAE3D,MAAM,MAAM,eAAe,GAAG,WAAW,CACvC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,WAAW,CAAC,CACnD,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACtE,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,wCAAwC;IACxC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B"}

package/dist/components/atoms/masked-input/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/components/atoms/masked-input/types.mjs

@@ -0,0 +1 @@
+

package/dist/components/atoms/masked-input/variants.d.ts

@@ -0,0 +1,6 @@
+import type { MaskedInputSize, MaskedInputStatus } from "./types";
+export declare const maskedInputSizeClasses: Record<MaskedInputSize, string>;
+export declare const maskedInputAutofillClasses = "[&::-webkit-autofill]:shadow-[0_0_0_30px_var(--background)_inset] [&::-webkit-autofill]:[-webkit-text-fill-color:var(--foreground)]";
+export declare const maskedInputBaseClasses = "flex w-full min-w-0 rounded-md border bg-transparent px-3 py-1 shadow-sm transition-[color,box-shadow] outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 focus-visible:ring-[3px]";
+export declare function maskedInputBorderByStatus(status: MaskedInputStatus): string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/atoms/masked-input/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/masked-input/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAMlE,CAAC;AAEF,eAAO,MAAM,0BAA0B,wIACgG,CAAC;AAExI,eAAO,MAAM,sBAAsB,mOAC+L,CAAC;AAEnO,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,iBAAiB,GAAG,MAAM,CAQ3E"}

package/dist/components/atoms/masked-input/variants.js

@@ -0,0 +1,25 @@
+'use strict';
+
+const maskedInputSizeClasses = {
+  xs: "h-7 text-xs",
+  sm: "h-8 text-sm",
+  md: "h-9 text-sm",
+  lg: "h-10 text-base",
+  xl: "h-12 text-base"
+};
+const maskedInputAutofillClasses = "[&::-webkit-autofill]:shadow-[0_0_0_30px_var(--background)_inset] [&::-webkit-autofill]:[-webkit-text-fill-color:var(--foreground)]";
+const maskedInputBaseClasses = "flex w-full min-w-0 rounded-md border bg-transparent px-3 py-1 shadow-sm transition-[color,box-shadow] outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 focus-visible:ring-[3px]";
+function maskedInputBorderByStatus(status) {
+  if (status === "error") {
+    return "border-destructive focus-visible:ring-destructive/20";
+  }
+  if (status === "warning") {
+    return "border-amber-500 focus-visible:ring-amber-500/20";
+  }
+  return "border-input focus-visible:ring-ring/50";
+}
+
+exports.maskedInputAutofillClasses = maskedInputAutofillClasses;
+exports.maskedInputBaseClasses = maskedInputBaseClasses;
+exports.maskedInputBorderByStatus = maskedInputBorderByStatus;
+exports.maskedInputSizeClasses = maskedInputSizeClasses;

package/dist/components/atoms/masked-input/variants.mjs

@@ -0,0 +1,20 @@
+const maskedInputSizeClasses = {
+  xs: "h-7 text-xs",
+  sm: "h-8 text-sm",
+  md: "h-9 text-sm",
+  lg: "h-10 text-base",
+  xl: "h-12 text-base"
+};
+const maskedInputAutofillClasses = "[&::-webkit-autofill]:shadow-[0_0_0_30px_var(--background)_inset] [&::-webkit-autofill]:[-webkit-text-fill-color:var(--foreground)]";
+const maskedInputBaseClasses = "flex w-full min-w-0 rounded-md border bg-transparent px-3 py-1 shadow-sm transition-[color,box-shadow] outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 focus-visible:ring-[3px]";
+function maskedInputBorderByStatus(status) {
+  if (status === "error") {
+    return "border-destructive focus-visible:ring-destructive/20";
+  }
+  if (status === "warning") {
+    return "border-amber-500 focus-visible:ring-amber-500/20";
+  }
+  return "border-input focus-visible:ring-ring/50";
+}
+
+export { maskedInputAutofillClasses, maskedInputBaseClasses, maskedInputBorderByStatus, maskedInputSizeClasses };