{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "postal-code-input",
  "type": "registry:ui",
  "title": "PostalCodeInput",
  "description": "کد پستی ۱۰ رقمی با قالب ۱۲۳۴۵-۶۷۸۹۰ و بررسی قواعد کد پستی ایران",
  "dependencies": [
    "@kashi-ui/persian@^1.7.0"
  ],
  "registryDependencies": [
    "https://kashi.sepantapouya.com/r/cx.json",
    "https://kashi.sepantapouya.com/r/input.json",
    "https://kashi.sepantapouya.com/r/kashi-provider.json",
    "https://kashi.sepantapouya.com/r/use-digits-input.json",
    "https://kashi.sepantapouya.com/r/utils.json"
  ],
  "files": [
    {
      "path": "registry/kashi/PostalCodeInput.tsx",
      "type": "registry:ui",
      "target": "components/kashi/PostalCodeInput.tsx",
      "content": "\"use client\";\n\nimport { forwardRef, useState, type ReactNode } from \"react\";\nimport { formatPostalCode, isValidPostalCode } from \"@kashi-ui/persian\";\nimport { Input, type InputProps } from \"./Input\";\nimport { useDigitsInput } from \"./useDigitsInput\";\nimport { mergeRefs } from \"./utils\";\nimport { useKashi } from \"./KashiProvider\";\n\ntype Base = Omit<InputProps, \"value\" | \"defaultValue\" | \"onChange\" | \"type\" | \"inputMode\">;\n\nexport interface PostalCodeInputProps extends Base {\n  /** ارقام لاتین، مثل \"1193653471\" */\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string, valid: boolean) => void;\n  /** @default \"fa\" */\n  digits?: \"fa\" | \"latin\";\n  /** @default \"کد پستی معتبر نیست.\" */\n  invalidMessage?: ReactNode;\n}\n\n/** کد پستی ۱۰ رقمی با قالب ۱۲۳۴۵-۶۷۸۹۰ و بررسی قواعد کد پستی ایران */\nexport const PostalCodeInput = forwardRef<HTMLInputElement, PostalCodeInputProps>(function PostalCodeInput(\n  { value, defaultValue, onValueChange, digits, invalidMessage, error, name, onBlur, placeholder, ...rest },\n  ref,\n) {\n  const { messages: M, digits: D, locale } = useKashi();\n  digits ??= D;\n  invalidMessage ??= M.invalid.postal;\n  const { raw, shown, inputRef, handleChange } = useDigitsInput({ value, defaultValue, maxDigits: 10, format: formatPostalCode, digits });\n  const [touched, setTouched] = useState(false);\n  const showInvalid = raw.length > 0 && (touched || raw.length === 10) && !isValidPostalCode(raw);\n  return (\n    <>\n      <Input\n        ref={mergeRefs(ref, inputRef)}\n        type=\"text\"\n        inputMode=\"numeric\"\n        autoComplete=\"postal-code\"\n        dir=\"ltr\"\n        placeholder={placeholder ?? (digits === \"fa\" ? \"۱۲۳۴۵-۶۷۸۹۰\" : \"12345-67890\")}\n        value={shown}\n        onChange={(e) => {\n          const next = handleChange(e);\n          onValueChange?.(next, isValidPostalCode(next));\n        }}\n        onBlur={(e) => {\n          setTouched(true);\n          onBlur?.(e);\n        }}\n        error={error ?? (showInvalid ? invalidMessage : undefined)}\n        {...rest}\n      />\n      {name && <input type=\"hidden\" name={name} value={raw} />}\n    </>\n  );\n});\n"
    }
  ]
}