@jameskabz/nextcraft-ui 0.4.0 → 0.6.0

package/dist/chunk-6F7FN2ZF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/craft-button.tsx","../src/components/craft-textarea.tsx","../src/components/craft-select.tsx","../src/components/craft-checkbox.tsx","../src/components/craft-switch.tsx","../src/components/craft-modal.tsx","../src/components/craft-date-picker.tsx","../src/components/craft-number-input.tsx","../src/components/craft-currency-input.tsx","../src/components/craft-submit-button.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\ntype CraftButtonVariant = \"solid\" | \"ghost\" | \"outline\" | \"gradient\";\ntype CraftButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport type CraftButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: CraftButtonVariant;\n  size?: CraftButtonSize;\n  glow?: boolean;\n  tone?: ThemeName;\n};\n\nconst sizeClasses: Record<CraftButtonSize, string> = {\n  sm: \"h-9 px-4 text-xs\",\n  md: \"h-11 px-6 text-sm\",\n  lg: \"h-13 px-8 text-base\",\n};\n\nconst variantClasses: Record<CraftButtonVariant, string> = {\n  solid:\n    \"bg-gradient-to-br from-[rgb(var(--nc-accent-1))] via-[rgb(var(--nc-accent-2))] to-[rgb(var(--nc-accent-3))] text-white shadow-[0_12px_30px_rgb(var(--nc-accent-1)/0.45)] hover:shadow-[0_16px_36px_rgb(var(--nc-accent-1)/0.6)] hover:scale-[1.02] active:scale-[0.98]\",\n  ghost:\n    \"bg-[color:rgb(var(--nc-surface)/0.12)] text-[rgb(var(--nc-fg))] hover:bg-[color:rgb(var(--nc-surface)/0.18)] backdrop-blur-sm border border-[rgb(var(--nc-border)/0.35)] hover:border-[color:rgb(var(--nc-border)/0.5)]\",\n  outline:\n    \"bg-transparent text-[color:rgb(var(--nc-accent-1))] border-2 border-[color:rgb(var(--nc-accent-1)/0.5)] hover:border-[color:rgb(var(--nc-accent-1))] hover:bg-[color:rgb(var(--nc-accent-1)/0.1)]\",\n  gradient:\n    \"bg-gradient-to-r from-[rgb(var(--nc-accent-1))] via-[rgb(var(--nc-accent-2))] to-[rgb(var(--nc-accent-3))] text-white shadow-[0_12px_30px_rgb(var(--nc-accent-2)/0.45)] hover:shadow-[0_16px_36px_rgb(var(--nc-accent-2)/0.6)] hover:scale-[1.02] active:scale-[0.98]\",\n};\n\nexport function CraftButton({\n  className,\n  variant = \"solid\",\n  size = \"md\",\n  glow = true,\n  tone,\n  disabled,\n  ...props\n}: CraftButtonProps) {\n  return (\n    <button\n      className={cn(\n        \"relative inline-flex items-center justify-center gap-2 rounded-xl font-semibold tracking-wide transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[rgb(var(--nc-accent-1)/0.6)] focus-visible:ring-offset-2 focus-visible:ring-offset-slate-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100\",\n        sizeClasses[size],\n        variantClasses[variant],\n        glow && (variant === \"solid\" || variant === \"gradient\")\n          ? \"before:absolute before:-inset-1 before:rounded-xl before:bg-linear-to-r before:from-[rgb(var(--nc-accent-1)/0.2)] before:via-[rgb(var(--nc-accent-2)/0.2)] before:to-[rgb(var(--nc-accent-3)/0.2)] before:blur-xl before:-z-10 before:opacity-0 hover:before:opacity-100 before:transition-opacity\"\n          : \"\",\n        className\n      )}\n      data-nc-theme={tone}\n      disabled={disabled}\n      {...props}\n    />\n  );\n}\n","import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n  tone?: ThemeName;\n};\n\nexport const CraftTextarea = React.forwardRef<HTMLTextAreaElement, CraftTextareaProps>(\n  ({ className, tone, rows = 4, ...props }, ref) => {\n    return (\n      <div className=\"relative w-full\" data-nc-theme={tone}>\n        <textarea\n          ref={ref}\n          rows={rows}\n          className={cn(\n            \"w-full rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl\",\n            \"shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]\",\n            \"focus:outline-none focus:ring-4\",\n            \"transition-all duration-300\",\n            \"disabled:opacity-50 disabled:cursor-not-allowed\",\n            \"border-[rgb(var(--nc-border)/0.35)]\",\n            \"focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)]\",\n            \"placeholder:text-[rgb(var(--nc-fg-soft))]\",\n            \"px-5 py-3 text-base\",\n            className\n          )}\n          style={{\n            \"--glow-color\": \"rgb(var(--nc-accent-1) / 0.5)\",\n          } as React.CSSProperties}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nCraftTextarea.displayName = \"CraftTextarea\";\n","import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  tone?: ThemeName;\n};\n\nexport const CraftSelect = React.forwardRef<HTMLSelectElement, CraftSelectProps>(\n  ({ className, tone, children, ...props }, ref) => {\n    return (\n      <div className=\"relative w-full\" data-nc-theme={tone}>\n        <select\n          ref={ref}\n          className={cn(\n            \"w-full appearance-none rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl\",\n            \"shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]\",\n            \"focus:outline-none focus:ring-4\",\n            \"transition-all duration-300\",\n            \"disabled:opacity-50 disabled:cursor-not-allowed\",\n            \"border-[rgb(var(--nc-border)/0.35)]\",\n            \"focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)]\",\n            \"px-5 py-3 pr-10 text-base\",\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </select>\n        <svg\n          className=\"pointer-events-none absolute right-4 top-1/2 h-4 w-4 -translate-y-1/2 text-[rgb(var(--nc-fg-soft))]\"\n          viewBox=\"0 0 20 20\"\n          fill=\"currentColor\"\n          aria-hidden=\"true\"\n        >\n          <path\n            fillRule=\"evenodd\"\n            d=\"M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.7a.75.75 0 111.06 1.06l-4.24 4.24a.75.75 0 01-1.06 0L5.21 8.29a.75.75 0 01.02-1.08z\"\n            clipRule=\"evenodd\"\n          />\n        </svg>\n      </div>\n    );\n  }\n);\n\nCraftSelect.displayName = \"CraftSelect\";\n","import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftCheckboxProps = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"type\"\n> & {\n  tone?: ThemeName;\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n};\n\nexport const CraftCheckbox = React.forwardRef<HTMLInputElement, CraftCheckboxProps>(\n  ({ className, tone, label, description, ...props }, ref) => {\n    return (\n      <label\n        className={cn(\n          \"flex items-start gap-3 text-sm text-[rgb(var(--nc-fg))]\",\n          props.disabled ? \"opacity-60\" : \"cursor-pointer\",\n          className\n        )}\n        data-nc-theme={tone}\n      >\n        <span className=\"relative mt-0.5\">\n          <input\n            ref={ref}\n            type=\"checkbox\"\n            className=\"peer sr-only\"\n            {...props}\n          />\n          <span\n            className={cn(\n              \"flex h-5 w-5 items-center justify-center rounded-md border-2\",\n              \"border-[rgb(var(--nc-border)/0.45)] bg-[rgb(var(--nc-surface)/0.08)]\",\n              \"transition-all duration-200\",\n              \"peer-checked:border-[rgb(var(--nc-accent-1))] peer-checked:bg-[rgb(var(--nc-accent-1)/0.25)]\",\n              \"peer-focus-visible:ring-2 peer-focus-visible:ring-[rgb(var(--nc-accent-1)/0.5)]\"\n            )}\n          >\n            <svg\n              className=\"h-3 w-3 text-[rgb(var(--nc-fg))] opacity-0 transition-opacity peer-checked:opacity-100\"\n              viewBox=\"0 0 20 20\"\n              fill=\"currentColor\"\n              aria-hidden=\"true\"\n            >\n              <path\n                fillRule=\"evenodd\"\n                d=\"M16.704 5.29a1 1 0 010 1.415l-7.2 7.2a1 1 0 01-1.415 0l-3.2-3.2a1 1 0 111.415-1.415l2.492 2.493 6.493-6.493a1 1 0 011.415 0z\"\n                clipRule=\"evenodd\"\n              />\n            </svg>\n          </span>\n        </span>\n        <span className=\"space-y-1\">\n          {label && <span className=\"block font-medium text-[rgb(var(--nc-fg))]\">{label}</span>}\n          {description && (\n            <span className=\"block text-xs text-[rgb(var(--nc-fg-muted))]\">{description}</span>\n          )}\n        </span>\n      </label>\n    );\n  }\n);\n\nCraftCheckbox.displayName = \"CraftCheckbox\";\n","import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftSwitchProps = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"type\"\n> & {\n  tone?: ThemeName;\n  label?: React.ReactNode;\n};\n\nexport const CraftSwitch = React.forwardRef<HTMLInputElement, CraftSwitchProps>(\n  ({ className, tone, label, ...props }, ref) => {\n    return (\n      <label\n        className={cn(\n          \"inline-flex items-center gap-3 text-sm text-[rgb(var(--nc-fg))]\",\n          props.disabled ? \"opacity-60\" : \"cursor-pointer\",\n          className\n        )}\n        data-nc-theme={tone}\n      >\n        <input ref={ref} type=\"checkbox\" className=\"peer sr-only\" {...props} />\n        <span\n          className={cn(\n            \"relative h-6 w-11 rounded-full border-2 border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.08)]\",\n            \"transition-all duration-200\",\n            \"peer-focus-visible:ring-2 peer-focus-visible:ring-[rgb(var(--nc-accent-1)/0.5)]\",\n            \"peer-checked:border-[rgb(var(--nc-accent-1)/0.6)] peer-checked:bg-[rgb(var(--nc-accent-1)/0.25)]\"\n          )}\n        >\n          <span\n            className={cn(\n              \"absolute left-0.5 top-0.5 h-4 w-4 rounded-full bg-[rgb(var(--nc-surface-muted)/0.9)]\",\n              \"transition-all duration-200\",\n              \"peer-checked:translate-x-5 peer-checked:bg-[rgb(var(--nc-surface-muted))]\"\n            )}\n          />\n        </span>\n        {label && <span>{label}</span>}\n      </label>\n    );\n  }\n);\n\nCraftSwitch.displayName = \"CraftSwitch\";\n","\"use client\";\n\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nconst FOCUSABLE_SELECTORS = [\n  \"a[href]\",\n  \"button:not([disabled])\",\n  \"textarea:not([disabled])\",\n  \"input:not([disabled])\",\n  \"select:not([disabled])\",\n  \"[tabindex]:not([tabindex='-1'])\",\n].join(\",\");\n\nfunction useFocusTrap(active: boolean) {\n  const ref = React.useRef<HTMLDivElement | null>(null);\n\n  React.useEffect(() => {\n    if (!active || !ref.current) return;\n    const root = ref.current;\n    const getFocusable = () =>\n      Array.from(root.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTORS));\n\n    const focusables = getFocusable();\n    if (focusables.length) {\n      focusables[0].focus();\n    } else {\n      root.focus();\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"Tab\") return;\n      const items = getFocusable();\n      if (!items.length) return;\n      const first = items[0];\n      const last = items[items.length - 1];\n      const activeEl = document.activeElement as HTMLElement | null;\n\n      if (event.shiftKey && activeEl === first) {\n        event.preventDefault();\n        last.focus();\n      } else if (!event.shiftKey && activeEl === last) {\n        event.preventDefault();\n        first.focus();\n      }\n    };\n\n    root.addEventListener(\"keydown\", handleKeyDown);\n    return () => root.removeEventListener(\"keydown\", handleKeyDown);\n  }, [active]);\n\n  return ref;\n}\n\nexport type CraftModalProps = {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  tone?: ThemeName;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  children?: React.ReactNode;\n  trigger?: React.ReactNode;\n  footer?: React.ReactNode;\n  className?: string;\n};\n\nexport function CraftModal({\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  tone,\n  title,\n  description,\n  children,\n  trigger,\n  footer,\n  className,\n}: CraftModalProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n  const isControlled = typeof open === \"boolean\";\n  const isOpen = isControlled ? open : uncontrolledOpen;\n\n  const setOpen = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(next);\n      }\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  React.useEffect(() => {\n    if (!isOpen) return;\n    const handleKey = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") setOpen(false);\n    };\n    document.addEventListener(\"keydown\", handleKey);\n    return () => document.removeEventListener(\"keydown\", handleKey);\n  }, [isOpen, setOpen]);\n\n  const ref = useFocusTrap(isOpen);\n\n  const content = isOpen ? (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center px-4 py-8\">\n      <div\n        className=\"absolute inset-0 backdrop-blur-sm\"\n        onClick={() => setOpen(false)}\n      />\n      <div\n        ref={ref}\n        tabIndex={-1}\n        className={cn(\n          \"relative z-10 w-full max-w-7xl rounded-3xl border border-[rgb(var(--nc-border)/0.45)] p-6 text-[rgb(var(--nc-fg))] shadow-[0_20px_60px_rgba(0,0,0,0.45)] backdrop-blur-2xl\",\n          \"max-h-[calc(100vh-1rem)] overflow-y-auto\",\n          className\n        )}\n        data-nc-theme={tone}\n      >\n        <div className=\"flex items-start justify-between gap-4\">\n          <div className=\"space-y-1\">\n            {title && <h3 className=\"text-2xl font-semibold\">{title}</h3>}\n            {description && <p className=\"text-[rgb(var(--nc-fg-muted))]\">{description}</p>}\n          </div>\n          <button\n            className=\"rounded-full border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] p-2 text-[rgb(var(--nc-fg-soft))] transition hover:text-[rgb(var(--nc-fg))]\"\n            onClick={() => setOpen(false)}\n            aria-label=\"Close\"\n          >\n            <svg viewBox=\"0 0 20 20\" className=\"h-4 w-4\" fill=\"currentColor\">\n              <path d=\"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z\" />\n            </svg>\n          </button>\n        </div>\n        <div className=\"mt-5 space-y-4\">{children}</div>\n        {footer && <div className=\"mt-6\">{footer}</div>}\n      </div>\n    </div>\n  ) : null;\n\n  return (\n    <>\n      {trigger && (\n        <span\n          onClick={() => setOpen(true)}\n          onKeyDown={(event) => {\n            if (event.key === \"Enter\" || event.key === \" \") setOpen(true);\n          }}\n          role=\"button\"\n          tabIndex={0}\n          className=\"inline-flex\"\n        >\n          {trigger}\n        </span>\n      )}\n      {typeof document !== \"undefined\" && content\n        ? createPortal(content, document.body)\n        : content}\n    </>\n  );\n}\n","import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftDatePickerProps = {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  tone?: ThemeName;\n  min?: string;\n  max?: string;\n  placeholder?: string;\n  className?: string;\n};\n\nconst WEEK_DAYS = [\"Su\", \"Mo\", \"Tu\", \"We\", \"Th\", \"Fr\", \"Sa\"];\n\nfunction formatDate(date: Date) {\n  const year = date.getFullYear();\n  const month = `${date.getMonth() + 1}`.padStart(2, \"0\");\n  const day = `${date.getDate()}`.padStart(2, \"0\");\n  return `${year}-${month}-${day}`;\n}\n\nfunction parseDate(value?: string) {\n  if (!value) return null;\n  const [year, month, day] = value.split(\"-\").map(Number);\n  if (!year || !month || !day) return null;\n  return new Date(year, month - 1, day);\n}\n\nfunction isSameDay(a: Date, b: Date) {\n  return (\n    a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n  );\n}\n\nfunction isOutsideRange(date: Date, min?: string, max?: string) {\n  const minDate = parseDate(min);\n  const maxDate = parseDate(max);\n  if (minDate && date < minDate) return true;\n  if (maxDate && date > maxDate) return true;\n  return false;\n}\n\nexport function CraftDatePicker({\n  value,\n  defaultValue,\n  onChange,\n  tone,\n  min,\n  max,\n  placeholder = \"Select date\",\n  className,\n}: CraftDatePickerProps) {\n  const [open, setOpen] = React.useState(false);\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue ?? \"\");\n  const isControlled = value !== undefined;\n  const selectedValue = isControlled ? value ?? \"\" : uncontrolledValue;\n  const selectedDate = parseDate(selectedValue);\n\n  const initialMonth = selectedDate ?? new Date();\n  const [viewDate, setViewDate] = React.useState<Date>(initialMonth);\n\n  React.useEffect(() => {\n    if (selectedDate) setViewDate(selectedDate);\n  }, [selectedDate]);\n\n  const wrapperRef = React.useRef<HTMLDivElement | null>(null);\n\n  React.useEffect(() => {\n    if (!open) return;\n    const handleClick = (event: MouseEvent) => {\n      if (!wrapperRef.current?.contains(event.target as Node)) {\n        setOpen(false);\n      }\n    };\n    const handleKey = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") setOpen(false);\n    };\n    document.addEventListener(\"mousedown\", handleClick);\n    document.addEventListener(\"keydown\", handleKey);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClick);\n      document.removeEventListener(\"keydown\", handleKey);\n    };\n  }, [open]);\n\n  const setValue = React.useCallback(\n    (next: string) => {\n      if (!isControlled) setUncontrolledValue(next);\n      onChange?.(next);\n    },\n    [isControlled, onChange]\n  );\n\n  const monthStart = new Date(viewDate.getFullYear(), viewDate.getMonth(), 1);\n  const monthEnd = new Date(viewDate.getFullYear(), viewDate.getMonth() + 1, 0);\n  const startDay = monthStart.getDay();\n  const daysInMonth = monthEnd.getDate();\n  const cells = Array.from({ length: startDay + daysInMonth }, (_, i) => {\n    const dayNumber = i - startDay + 1;\n    if (dayNumber < 1) return null;\n    return new Date(viewDate.getFullYear(), viewDate.getMonth(), dayNumber);\n  });\n\n  const handleDaySelect = (date: Date) => {\n    if (isOutsideRange(date, min, max)) return;\n    const next = formatDate(date);\n    setValue(next);\n    setOpen(false);\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (!open) return;\n    if (!selectedDate) return;\n    const next = new Date(selectedDate);\n    if (event.key === \"ArrowRight\") next.setDate(next.getDate() + 1);\n    if (event.key === \"ArrowLeft\") next.setDate(next.getDate() - 1);\n    if (event.key === \"ArrowDown\") next.setDate(next.getDate() + 7);\n    if (event.key === \"ArrowUp\") next.setDate(next.getDate() - 7);\n    if (event.key === \"Enter\") {\n      event.preventDefault();\n      handleDaySelect(selectedDate);\n      return;\n    }\n    if (next.getTime() !== selectedDate.getTime()) {\n      event.preventDefault();\n      if (!isOutsideRange(next, min, max)) {\n        setValue(formatDate(next));\n        setViewDate(next);\n      }\n    }\n  };\n\n  return (\n    <div className=\"relative w-full\" data-nc-theme={tone} ref={wrapperRef}>\n      <button\n        type=\"button\"\n        onClick={() => setOpen((prev) => !prev)}\n        className={cn(\n          \"flex w-full items-center justify-between rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] px-5 py-3 text-left text-base text-[rgb(var(--nc-fg))] backdrop-blur-xl\",\n          \"shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]\",\n          \"transition-all duration-300\",\n          \"border-[rgb(var(--nc-border)/0.35)]\",\n          \"focus:outline-none focus:ring-4 focus:ring-[rgb(var(--nc-accent-1)/0.3)]\",\n          className\n        )}\n      >\n        <span className={selectedValue ? \"text-[rgb(var(--nc-fg))]\" : \"text-[rgb(var(--nc-fg-soft))]\"}>\n          {selectedValue || placeholder}\n        </span>\n        <svg className=\"h-4 w-4 text-[rgb(var(--nc-fg-soft))]\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n          <path d=\"M6 2a1 1 0 011 1v1h6V3a1 1 0 112 0v1h1a2 2 0 012 2v10a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2h1V3a1 1 0 011-1zm10 6H4v8h12V8z\" />\n        </svg>\n      </button>\n\n      {open && (\n        <div\n          className={cn(\n            \"absolute left-0 top-full z-20 mt-3 w-full rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/1.52)] p-4 text-[rgb(var(--nc-fg))] shadow-[0_20px_60px_rgba(0,0,0,0.55)] backdrop-blur-10xl\"\n          )}\n          onKeyDown={handleKeyDown}\n          tabIndex={-1}\n        >\n          <div className=\"flex items-center justify-between\">\n            <button\n              type=\"button\"\n              className=\"rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-1 text-sm text-[rgb(var(--nc-fg))]\"\n              onClick={() =>\n                setViewDate(\n                  new Date(viewDate.getFullYear(), viewDate.getMonth() - 1, 1)\n                )\n              }\n            >\n              Prev\n            </button>\n            <div className=\"text-sm font-semibold\">\n              {viewDate.toLocaleString(undefined, { month: \"long\", year: \"numeric\" })}\n            </div>\n            <button\n              type=\"button\"\n              className=\"rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-1 text-sm text-[rgb(var(--nc-fg))]\"\n              onClick={() =>\n                setViewDate(\n                  new Date(viewDate.getFullYear(), viewDate.getMonth() + 1, 1)\n                )\n              }\n            >\n              Next\n            </button>\n          </div>\n\n          <div className=\"mt-4 grid grid-cols-7 gap-2 text-xs text-[rgb(var(--nc-fg-muted))]\">\n            {WEEK_DAYS.map((day) => (\n              <div key={day} className=\"text-center\">\n                {day}\n              </div>\n            ))}\n          </div>\n\n          <div className=\"mt-2 grid grid-cols-7 gap-2\">\n            {cells.map((date, index) => {\n              if (!date) return <div key={`empty-${index}`} />;\n              const disabled = isOutsideRange(date, min, max);\n              const selected = selectedDate && isSameDay(date, selectedDate);\n              return (\n                <button\n                  key={date.toISOString()}\n                  type=\"button\"\n                  onClick={() => handleDaySelect(date)}\n                  disabled={disabled}\n                  className={cn(\n                    \"rounded-lg py-2 text-sm transition-all\",\n                    selected\n                      ? \"bg-[rgb(var(--nc-accent-1)/0.3)] text-[rgb(var(--nc-fg))]\"\n                      : \"text-[rgb(var(--nc-fg-muted))] hover:bg-[rgb(var(--nc-surface)/0.12)]\",\n                    disabled && \"opacity-40 hover:bg-transparent\"\n                  )}\n                >\n                  {date.getDate()}\n                </button>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n","import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftNumberInputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  tone?: ThemeName;\n};\n\nexport const CraftNumberInput = React.forwardRef<\n  HTMLInputElement,\n  CraftNumberInputProps\n>(({ className, tone, ...props }, ref) => {\n  return (\n    <div className=\"relative w-full\" data-nc-theme={tone}>\n      <input\n        ref={ref}\n        type=\"number\"\n        className={cn(\n          \"w-full rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl\",\n          \"shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]\",\n          \"focus:outline-none focus:ring-4\",\n          \"transition-all duration-300\",\n          \"disabled:opacity-50 disabled:cursor-not-allowed\",\n          \"border-[rgb(var(--nc-border)/0.35)]\",\n          \"focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)]\",\n          \"px-5 py-3 text-base\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n});\n\nCraftNumberInput.displayName = \"CraftNumberInput\";\n","import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftCurrencyInputProps = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"type\"\n> & {\n  tone?: ThemeName;\n  currencySymbol?: string;\n};\n\nexport const CraftCurrencyInput = React.forwardRef<\n  HTMLInputElement,\n  CraftCurrencyInputProps\n>(({ className, tone, currencySymbol = \"$\", ...props }, ref) => {\n  return (\n    <div className=\"relative w-full\" data-nc-theme={tone}>\n      <span className=\"pointer-events-none absolute left-4 top-1/2 -translate-y-1/2 text-[rgb(var(--nc-fg-soft))]\">\n        {currencySymbol}\n      </span>\n      <input\n        ref={ref}\n        type=\"text\"\n        inputMode=\"decimal\"\n        className={cn(\n          \"w-full rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl\",\n          \"shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]\",\n          \"focus:outline-none focus:ring-4\",\n          \"transition-all duration-300\",\n          \"disabled:opacity-50 disabled:cursor-not-allowed\",\n          \"border-[rgb(var(--nc-border)/0.35)]\",\n          \"focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)]\",\n          \"placeholder:text-[rgb(var(--nc-fg-soft))]\",\n          \"px-5 py-3 pl-9 text-base\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n});\n\nCraftCurrencyInput.displayName = \"CraftCurrencyInput\";\n","\"use client\";\n\nimport * as React from \"react\";\nimport { useFormContext } from \"react-hook-form\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftSubmitButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  tone?: ThemeName;\n  loading?: boolean;\n  loadingLabel?: React.ReactNode;\n  disableWhenInvalid?: boolean;\n};\n\nexport function CraftSubmitButton({\n  className,\n  tone,\n  loading,\n  loadingLabel = \"Submitting...\",\n  disableWhenInvalid = true,\n  disabled,\n  children,\n  ...props\n}: CraftSubmitButtonProps) {\n  const form = useFormContext();\n  const isSubmitting = loading ?? form?.formState?.isSubmitting ?? false;\n  const isValid = form?.formState?.isValid ?? true;\n  const isDisabled =\n    disabled || isSubmitting || (disableWhenInvalid && !isValid);\n\n  return (\n    <button\n      type=\"submit\"\n      className={cn(\n        \"relative inline-flex items-center justify-center gap-2 rounded-xl px-6 py-2 text-sm font-semibold\",\n        \"bg-linear-to-br from-[rgb(var(--nc-accent-1))] via-[rgb(var(--nc-accent-2))] to-[rgb(var(--nc-accent-3))]\",\n        \"text-white shadow-[0_12px_30px_rgb(var(--nc-accent-1)/0.35)]\",\n        \"transition-all duration-200\",\n        \"hover:shadow-[0_16px_36px_rgb(var(--nc-accent-1)/0.5)] hover:scale-[1.02] active:scale-[0.98]\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[rgb(var(--nc-accent-1)/0.6)]\",\n        \"disabled:opacity-60 disabled:cursor-not-allowed disabled:hover:scale-100\",\n        className\n      )}\n      data-nc-theme={tone}\n      disabled={isDisabled}\n      {...props}\n    >\n      {isSubmitting && (\n        <span className=\"inline-flex h-4 w-4 animate-spin rounded-full border-2 border-white/60 border-t-white\" />\n      )}\n      <span>{isSubmitting ? loadingLabel : children}</span>\n    </button>\n  );\n}\n"],"mappings":"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","names":["jsx","React","jsx","React","jsx","jsxs","React","jsx","jsxs","React","jsx","jsxs","React","jsx","jsxs","React","jsx","React","jsx","jsxs","jsx","jsxs"]}