{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "date-field",
  "title": "date-field",
  "description": "date-field",
  "dependencies": [
    "react-aria-components",
    "tailwind-merge"
  ],
  "registryDependencies": [
    "https://intentui.com/r/primitive",
    "https://intentui.com/r/field"
  ],
  "files": [
    {
      "path": "src/components/ui/date-field.tsx",
      "content": "'use client'\nimport type { DateFieldProps, DateInputProps, DateValue } from 'react-aria-components/DateField'\nimport {\n  DateField as DateFieldPrimitive,\n  DateInput as DateInputPrimitive,\n  DateSegment,\n} from 'react-aria-components/DateField'\nimport { twJoin } from 'tailwind-merge'\nimport { cx } from '@/lib/primitive'\nimport { fieldStyles } from './field'\n\nexport function DateField<T extends DateValue>({ className, ...props }: DateFieldProps<T>) {\n  return (\n    <DateFieldPrimitive\n      {...props}\n      data-slot=\"control\"\n      className={cx(fieldStyles({ className: 'w-fit' }), className)}\n    />\n  )\n}\n\nexport function DateInput({ className, ...props }: Omit<DateInputProps, 'children'>) {\n  return (\n    <span data-slot=\"control\" className=\"relative block\">\n      <DateInputPrimitive\n        className={cx(\n          'relative block appearance-none rounded-lg px-[calc(--spacing(3.5)-1px)] py-[calc(--spacing(2.5)-1px)] sm:px-[calc(--spacing(3)-1px)] sm:py-[calc(--spacing(1.5)-1px)]',\n          'text-base/6 text-fg placeholder:text-muted-fg sm:text-sm/6',\n          'bg-(--control-bg,transparent)',\n          'border border-input enabled:hover:border-muted-fg/30',\n          'focus-within:border-ring/70 focus-within:bg-primary-subtle/5 focus-within:outline-hidden focus-within:ring-3 focus-within:ring-ring/20 focus-within:hover:border-ring/80',\n          'group-open:border-ring/70 group-open:bg-primary-subtle/5 group-open:outline-hidden group-open:ring-3 group-open:ring-ring/20 group-open:enabled:hover:border-ring/80',\n          'invalid:border-danger-subtle-fg/70 invalid:bg-danger-subtle/5 focus-within:invalid:border-danger-subtle-fg/70 focus-within:invalid:bg-danger-subtle/5 focus-within:invalid:ring-danger-subtle-fg/20 focus-within:invalid:hover:border-danger-subtle-fg/80 invalid:enabled:hover:border-danger-subtle-fg/80',\n          'in-disabled:bg-muted disabled:bg-muted forced-colors:in-disabled:text-[GrayText] forced-colors:disabled:text-[GrayText]',\n          'dark:scheme-dark',\n          className\n        )}\n        {...props}\n      >\n        {(segment) => (\n          <DateSegment\n            segment={segment}\n            className={twJoin(\n              'inline shrink-0 rounded px-1 type-literal:px-0 py-0.5 text-fg tracking-wider caret-transparent outline-0 data-placeholder:not-data-focused:text-muted-fg sm:text-sm',\n              'focus:bg-primary-subtle focus:text-primary-subtle-fg focus:data-invalid:bg-danger-subtle focus:data-invalid:text-danger-subtle-fg forced-colors:focus:bg-[Highlight] forced-colors:focus:text-[HighlightText]',\n              'forced-color-adjust-none forced-colors:text-[ButtonText]',\n              'in-disabled:bg-muted disabled:bg-muted forced-colors:disabled:text-[GrayText]'\n            )}\n          />\n        )}\n      </DateInputPrimitive>\n    </span>\n  )\n}\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}