@sarunyu/system-one 1.0.0

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/lib/utils.ts","../src/components/button.tsx","../src/components/card.tsx","../src/components/ui/use-mobile.ts","../src/components/ui/drawer.tsx","../src/components/date-input.tsx","../src/components/dropdown.tsx","../src/components/dropdown-multiple.tsx","../src/components/input.tsx","../src/components/option-list.tsx","../src/components/search-input.tsx","../src/components/tab.tsx","../src/components/textarea.tsx","../src/components/time-input.tsx"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport React, { useState, forwardRef } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type ButtonLabelSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type ButtonIconSize  = \"icon-xs\" | \"icon-sm\" | \"icon-md\" | \"icon-lg\" | \"icon-xl\";\nexport type ButtonSize      = ButtonLabelSize | ButtonIconSize;\n\nexport type ButtonVariant = \"primary\" | \"outline\" | \"plain\" | \"outline-black\" | \"plain-black\" | \"disabled\";\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  size?:     ButtonSize;\n  variant?:  ButtonVariant;\n  children?: React.ReactNode;\n  /** Icon to the LEFT of the label (label-size buttons only) */\n  leftIcon?:  React.ReactNode;\n  /** Icon to the RIGHT of the label (label-size buttons only) */\n  rightIcon?: React.ReactNode;\n}\n\n// ─── Label-size maps ──────────────────────────────────────────────────────────\nconst labelIconSizeClass: Record<ButtonLabelSize, string> = {\n  xs: \"size-[13px]\",\n  sm: \"size-[15px]\",\n  md: \"size-[15px]\",\n  lg: \"size-[16px]\",\n  xl: \"size-[16px]\",\n};\n\nconst gapClass: Record<ButtonLabelSize, string> = {\n  xs: \"gap-[4px]\",\n  sm: \"gap-[4px]\",\n  md: \"gap-[4px]\",\n  lg: \"gap-[4px]\",\n  xl: \"gap-[4px]\",\n};\n\nconst textSizeClass: Record<ButtonLabelSize, string> = {\n  xs: \"text-[12px] leading-[18px]\",\n  sm: \"text-[14px] leading-[20px]\",\n  md: \"text-[14px] leading-[20px]\",\n  lg: \"text-[14px] leading-[20px]\",\n  xl: \"text-[14px] leading-[20px]\",\n};\n\nconst roundedLabelClass: Record<ButtonLabelSize, string> = {\n  xs: \"rounded-[4px]\",\n  sm: \"rounded-[6px]\",\n  md: \"rounded-[6px]\",\n  lg: \"rounded-[8px]\",\n  xl: \"rounded-[8px]\",\n};\n\nfunction getPaddingClasses(\n  size: ButtonLabelSize,\n  hasLeft: boolean,\n  hasRight: boolean,\n): readonly [string, string, string] {\n  const pyMap: Record<ButtonLabelSize, string> = {\n    xs: \"py-[4px]\",\n    sm: \"py-[4px]\",\n    md: \"py-[6px]\",\n    lg: \"py-[8px]\",\n    xl: \"py-[10px]\",\n  };\n  const pxMap: Record<ButtonLabelSize, { l: string; r: string }> = {\n    xs: { l: \"pl-[6px]\",  r: \"pr-[6px]\"  },\n    sm: { l: \"pl-[8px]\",  r: \"pr-[8px]\"  },\n    md: { l: \"pl-[10px]\", r: \"pr-[10px]\" },\n    lg: { l: \"pl-[14px]\", r: \"pr-[14px]\" },\n    xl: { l: \"pl-[16px]\", r: \"pr-[16px]\" },\n  };\n  const reducedMap: Record<ButtonLabelSize, { l: string; r: string }> = {\n    xs: { l: \"pl-[6px]\",  r: \"pr-[6px]\"  },\n    sm: { l: \"pl-[6px]\",  r: \"pr-[6px]\"  },\n    md: { l: \"pl-[8px]\",  r: \"pr-[8px]\"  },\n    lg: { l: \"pl-[10px]\", r: \"pr-[10px]\" },\n    xl: { l: \"pl-[12px]\", r: \"pr-[12px]\" },\n  };\n  return [\n    hasLeft ? reducedMap[size].l : pxMap[size].l,\n    hasRight ? reducedMap[size].r : pxMap[size].r,\n    pyMap[size],\n  ] as const;\n}\n\n// ─── Icon-size specs (from Figma) ─────────────────────────────────────────────\nconst iconSizeSpec: Record<ButtonIconSize, { btn: string; icon: number; rounded: string }> = {\n  \"icon-xs\": { btn: \"size-[26px]\", icon: 16, rounded: \"rounded-[4px]\" },\n  \"icon-sm\": { btn: \"size-[28px]\", icon: 18, rounded: \"rounded-[6px]\" },\n  \"icon-md\": { btn: \"size-[32px]\", icon: 18, rounded: \"rounded-[6px]\" },\n  \"icon-lg\": { btn: \"size-[36px]\", icon: 20, rounded: \"rounded-[8px]\" },\n  \"icon-xl\": { btn: \"size-[40px]\", icon: 20, rounded: \"rounded-[8px]\" },\n};\n\n// ─── Variant colours ──────────────────────────────────────────────────────────\nfunction getVariantClasses(variant: ButtonVariant, isDisabled: boolean): string {\n  if (isDisabled) {\n    if (variant === \"outline\" || variant === \"outline-black\")\n      return \"bg-disabled-bg text-disabled border border-border-disabled cursor-not-allowed\";\n    return \"bg-disabled-bg text-disabled cursor-not-allowed\";\n  }\n  if (variant === \"outline\")\n    return \"bg-white text-primary-action border border-border hover:bg-hover-bg active:bg-disabled-bg\";\n  if (variant === \"plain\")\n    return \"bg-transparent text-primary-action hover:bg-hover-bg active:bg-disabled-bg\";\n  // Black label variants — hover only, no active state (by design)\n  if (variant === \"outline-black\")\n    return \"bg-white text-foreground border border-border hover:bg-hover-bg\";\n  if (variant === \"plain-black\")\n    return \"bg-transparent text-foreground hover:bg-hover-bg\";\n  // primary\n  return \"bg-primary-action text-white hover:bg-primary-action-hover active:bg-primary-action-active\";\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    size      = \"md\",\n    variant   = \"primary\",\n    children,\n    leftIcon,\n    rightIcon,\n    disabled,\n    className = \"\",\n    // Destructure pointer events so we can merge with ghost-icon active handlers\n    onPointerDown,\n    onPointerUp,\n    onPointerLeave,\n    ...props\n  },\n  ref,\n) {\n  const isDisabled  = variant === \"disabled\" || !!disabled;\n  const isGhost     = variant === \"outline-black\" || variant === \"plain-black\";\n  const isIconOnly  = size.startsWith(\"icon-\");\n\n  // ── Ghost icon-only active state ──────────────────────────────────────────\n  // Ghost icon-only buttons have a Press state: bg #f3f4f6 + icon turns #99a1af.\n  // We drive this via React state so it works regardless of Tailwind cascade order.\n  // Ghost LABEL buttons have no active state (by design).\n  const [ghostPressed, setGhostPressed] = useState(false);\n\n  const needsGhostPress = isGhost && isIconOnly && !isDisabled;\n\n  const ghostPressStyle: React.CSSProperties | undefined = needsGhostPress && ghostPressed\n    ? { backgroundColor: \"var(--disabled-bg)\", color: \"var(--disabled)\" }\n    : undefined;\n\n  // Merged pointer handlers (preserve any consumer-supplied handlers)\n  const handlePointerDown = needsGhostPress\n    ? (e: React.PointerEvent<HTMLButtonElement>) => { setGhostPressed(true);  onPointerDown?.(e); }\n    : onPointerDown;\n  const handlePointerUp = needsGhostPress\n    ? (e: React.PointerEvent<HTMLButtonElement>) => { setGhostPressed(false); onPointerUp?.(e); }\n    : onPointerUp;\n  const handlePointerLeave = needsGhostPress\n    ? (e: React.PointerEvent<HTMLButtonElement>) => { setGhostPressed(false); onPointerLeave?.(e); }\n    : onPointerLeave;\n\n  const variantClasses = getVariantClasses(variant, isDisabled);\n  const cursorClass    = isDisabled ? \"cursor-not-allowed\" : \"cursor-pointer\";\n  const baseClasses    =\n    \"inline-flex items-center justify-center font-semibold whitespace-nowrap transition-colors duration-150 select-none\";\n\n  // ── Icon-only (size = \"icon-*\") ────────────────────────────────────────────\n  if (isIconOnly) {\n    const spec = iconSizeSpec[size as ButtonIconSize];\n    return (\n      <button\n        ref={ref}\n        className={cn(\n          baseClasses,\n          spec.rounded,\n          spec.btn,\n          \"shrink-0\",\n          variantClasses,\n          cursorClass,\n          className,\n        )}\n        style={ghostPressStyle}\n        disabled={isDisabled}\n        aria-label=\"icon button\"\n        onPointerDown={handlePointerDown}\n        onPointerUp={handlePointerUp}\n        onPointerLeave={handlePointerLeave}\n        {...props}\n      >\n        <span\n          className={cn(\"flex items-center justify-center\")}\n          aria-hidden=\"true\"\n          style={{ width: spec.icon, height: spec.icon }}\n        >\n          {children}\n        </span>\n      </button>\n    );\n  }\n\n  // ── Labelled button ────────────────────────────────────────────────────────\n  const labelSize = size as ButtonLabelSize;\n  const hasLeft   = Boolean(leftIcon);\n  const hasRight  = Boolean(rightIcon);\n  const paddingParts = getPaddingClasses(labelSize, hasLeft, hasRight);\n\n  return (\n    <button\n      ref={ref}\n      className={cn(\n        baseClasses,\n        roundedLabelClass[labelSize],\n        paddingParts[0],\n        paddingParts[1],\n        paddingParts[2],\n        hasLeft || hasRight ? gapClass[labelSize] : undefined,\n        variantClasses,\n        cursorClass,\n        textSizeClass[labelSize],\n        className,\n      )}\n      disabled={isDisabled}\n      onPointerDown={onPointerDown}\n      onPointerUp={onPointerUp}\n      onPointerLeave={onPointerLeave}\n      {...props}\n    >\n      {hasLeft && (\n        <span\n          className={cn(\n            \"flex items-center justify-center shrink-0 overflow-hidden\",\n            labelIconSizeClass[labelSize],\n          )}\n          aria-hidden=\"true\"\n        >\n          {leftIcon}\n        </span>\n      )}\n\n      {children ?? \"Button\"}\n\n      {hasRight && (\n        <span\n          className={cn(\n            \"flex items-center justify-center shrink-0 overflow-hidden\",\n            labelIconSizeClass[labelSize],\n          )}\n          aria-hidden=\"true\"\n        >\n          {rightIcon}\n        </span>\n      )}\n    </button>\n  );\n});\n\nButton.displayName = \"Button\";\n","\"use client\";\n\nimport { forwardRef } from \"react\";\nimport { CalendarBlank, Lock, MapPin, Users } from \"@phosphor-icons/react\";\nimport { cn } from \"../lib/utils\";\n\nconst imgBanner = \"\";\n\nexport type CardVariant = \"desktop\" | \"tablet\" | \"mobile\";\nexport type CardTagStatus = \"not-registered\" | \"registered\" | \"full\";\n\nexport interface CardProps {\n  variant?: CardVariant;\n  title?: string;\n  date?: string;\n  time?: string;\n  location?: string;\n  showLocation?: boolean;\n  showAudience?: boolean;\n  count?: string;\n  locked?: boolean;\n  tagStatus?: CardTagStatus;\n  image?: string;\n  className?: string;\n}\n\nfunction LockIcon() {\n  return <Lock size={16} weight=\"regular\" color=\"var(--subtle-text)\" />;\n}\nfunction CalendarIcon() {\n  return <CalendarBlank size={16} weight=\"regular\" color=\"var(--accent-orange)\" />;\n}\nfunction LocationIcon() {\n  return <MapPin size={16} weight=\"regular\" color=\"var(--subtle-text)\" />;\n}\nfunction AudienceIcon() {\n  return <Users size={16} weight=\"regular\" color=\"var(--subtle-text)\" />;\n}\n\nconst tagConfig: Record<CardTagStatus, { bg: string; text: string; label: string }> = {\n  \"not-registered\": {\n    bg: \"var(--disabled-bg)\",\n    text: \"var(--disabled)\",\n    label: \"ยังไม่ลงทะเบียน\",\n  },\n  registered: {\n    bg: \"var(--success-bg)\",\n    text: \"var(--success)\",\n    label: \"ลงทะเบียนแล้ว\",\n  },\n  full: {\n    bg: \"var(--error-bg)\",\n    text: \"var(--destructive)\",\n    label: \"เต็มแล้ว\",\n  },\n};\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(function Card(\n  {\n    variant = \"desktop\",\n    title = \"Lorem ipsum dolor sit amet consectetur. Lectus viverraasdasd\",\n    date = \"23 มิ.ย. 2567\",\n    time = \"08.30 - 12.00\",\n    location = \"ณ หอประชุมศาสตราจารย์สังเวียน อินทรวิชัย ชั้น 7 ตลาดหลักทรัพย์แห่งประเทศไทย\",\n    showLocation = true,\n    showAudience = true,\n    count = \"200/200\",\n    locked = true,\n    tagStatus = \"not-registered\",\n    image,\n    className,\n  },\n  ref,\n) {\n  const widthClass =\n    variant === \"desktop\" ? \"w-[308px]\" : variant === \"tablet\" ? \"w-[224px]\" : \"w-[163px]\";\n  const padding =\n    variant === \"desktop\" ? \"p-[16px]\" : variant === \"tablet\" ? \"p-[12px]\" : \"p-[10px]\";\n  const titleGap = variant === \"desktop\" ? \"gap-[6px]\" : \"gap-[4px]\";\n  const bannerClass = variant === \"desktop\" ? \"h-[173px]\" : \"aspect-video w-full\";\n  const tag = tagConfig[tagStatus];\n  const bannerSrc = image ?? imgBanner;\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex min-h-[120px] flex-col items-start overflow-clip rounded-[8px]\",\n        \"shadow-[0px_0px_2px_0px_rgba(102,102,102,0.16),0px_4px_8px_0px_rgba(102,102,102,0.12)]\",\n        widthClass,\n        className,\n      )}\n    >\n      <div className={cn(\"relative w-full shrink-0 overflow-clip\", bannerClass)}>\n        <img\n          alt=\"event banner\"\n          className=\"pointer-events-none absolute inset-0 size-full object-cover\"\n          src={bannerSrc}\n        />\n        {locked && (\n          <div\n            className={cn(\n              \"absolute left-[8px] top-[8px] flex items-center gap-[4px] rounded-[4px] bg-hover-bg px-[6px] py-[4px]\",\n            )}\n          >\n            <div\n              aria-hidden=\"true\"\n              className=\"pointer-events-none absolute inset-0 rounded-[4px] border border-solid border-border\"\n            />\n            <LockIcon />\n            <p className=\"whitespace-nowrap text-[12px] leading-[18px] text-subtle-text\">Lock</p>\n          </div>\n        )}\n      </div>\n      <div className={cn(\"w-full shrink-0 bg-white\", padding)}>\n        <div className={cn(\"flex w-full flex-col items-start\", titleGap)}>\n          <div className=\"flex w-full flex-col items-start gap-[4px]\">\n            <p\n              className={cn(\n                \"line-clamp-2 w-full overflow-hidden text-ellipsis text-[14px] leading-[20px] text-foreground\",\n              )}\n            >\n              {title}\n            </p>\n            <div className=\"flex w-full items-center gap-[8px]\">\n              <div className=\"flex h-[22px] shrink-0 items-center gap-[4px]\">\n                <CalendarIcon />\n                <p className=\"whitespace-nowrap text-[12px] leading-[16px] text-accent-orange\">\n                  {date}\n                </p>\n              </div>\n              <div className=\"h-[14px] w-px shrink-0 bg-border\" />\n              <p\n                className={cn(\n                  \"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-[12px] leading-[16px] text-subtle-text\",\n                )}\n              >\n                {time}\n              </p>\n            </div>\n            {showLocation && (\n              <div className=\"flex h-[22px] w-full items-center gap-[4px]\">\n                <LocationIcon />\n                <p\n                  className={cn(\n                    \"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-[12px] leading-[16px] text-subtle-text\",\n                  )}\n                >\n                  {location}\n                </p>\n              </div>\n            )}\n            {showAudience && (\n              <div className=\"flex h-[22px] w-full items-center gap-[4px]\">\n                <AudienceIcon />\n                <p className=\"shrink-0 whitespace-nowrap text-[12px] leading-[16px] text-subtle-text\">\n                  ผู้เข้าร่วม\n                </p>\n                <p className=\"shrink-0 whitespace-nowrap text-[12px] leading-[16px] text-primary-action\">\n                  {count}\n                </p>\n              </div>\n            )}\n          </div>\n          <div className=\"flex shrink-0 items-start\">\n            <div\n              className=\"flex items-center justify-center gap-[2px] overflow-clip rounded-[4px] px-[8px] py-[4px]\"\n              style={{ backgroundColor: tag.bg }}\n            >\n              <p className=\"whitespace-nowrap text-[12px] leading-[16px]\" style={{ color: tag.text }}>\n                {tag.label}\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nCard.displayName = \"Card\";\n","import * as React from \"react\";\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(\n    undefined,\n  );\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener(\"change\", onChange);\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    return () => mql.removeEventListener(\"change\", onChange);\n  }, []);\n\n  return !!isMobile;\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Drawer({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          \"group/drawer-content bg-background fixed z-50 flex h-auto flex-col\",\n          \"data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b\",\n          \"data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t\",\n          \"data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm\",\n          \"data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm\",\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  );\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn(\"text-foreground font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n};\n","\"use client\";\n\nimport React, {\n  useState,\n  useRef,\n  useEffect,\n  useCallback,\n  forwardRef,\n} from \"react\";\nimport type { DateRange, CaptionProps } from \"react-day-picker\";\nimport { DayPicker, useNavigation } from \"react-day-picker\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n} from \"lucide-react\";\nimport { CalendarBlank, Minus } from \"@phosphor-icons/react\";\nimport { cn } from \"../lib/utils\";\nimport { useIsMobile } from \"./ui/use-mobile\";\nimport { Button } from \"./button\";\nimport {\n  Drawer,\n  DrawerContent,\n  DrawerTrigger,\n  DrawerTitle,\n} from \"./ui/drawer\";\n\nexport type { DateRange };\nexport type DateInputState =\n  | \"default\"\n  | \"focus\"\n  | \"error\"\n  | \"disabled\";\nexport type DateInputMode = \"single\" | \"range\";\n/** \"calendar\" = DayPicker grid (default), \"scroll\" = drum-scroll picker (single mode only) */\nexport type DatePickerVariant = \"calendar\" | \"scroll\";\n\nexport interface DateInputProps {\n  mode?: DateInputMode;\n  /** Floating label / placeholder text */\n  placeholder?: string;\n  /** Shows red asterisk */\n  required?: boolean;\n  /** Override visual state (for showcase) */\n  forceState?: DateInputState;\n  /** Error message shown below in error state */\n  errorMessage?: string;\n  /** Helper text shown below */\n  helperText?: string;\n  /** \"calendar\" (default) or \"scroll\" drum picker. Scroll only works with mode=\"single\". */\n  pickerVariant?: DatePickerVariant;\n  /** Controlled value – single mode */\n  value?: Date;\n  onChange?: (date: Date | undefined) => void;\n  /** Controlled value – range mode */\n  dateRange?: DateRange;\n  onRangeChange?: (range: DateRange | undefined) => void;\n  /** Gregorian years that are disabled in the year picker grid */\n  disabledYears?: number[];\n  className?: string;\n}\n\n// ─── Constants ────────────────────────────────────────────────────────────────\n\nconst THAI_MONTHS_SHORT = [\n  \"ม.ค.\",\n  \"ก.พ.\",\n  \"มี.ค.\",\n  \"เม.ย.\",\n  \"พ.ค.\",\n  \"มิ.ย.\",\n  \"ก.ค.\",\n  \"ส.ค.\",\n  \"ก.ย.\",\n  \"ต.ค.\",\n  \"พ.ย.\",\n  \"ธ.ค.\",\n];\nconst THAI_MONTHS_FULL = [\n  \"มกราคม\",\n  \"กุมภาพันธ์\",\n  \"มีนาคม\",\n  \"เมษายน\",\n  \"พฤษภาคม\",\n  \"มิถุนายน\",\n  \"กรกฎาคม\",\n  \"สิงหาคม\",\n  \"กันยายน\",\n  \"ตุลาคม\",\n  \"พฤศจิกายน\",\n  \"ธันวาคม\",\n];\nconst THAI_WEEKDAYS = [\"อา\", \"จ\", \"อ\", \"พ\", \"พฤ\", \"ศ\", \"ส\"];\n\nfunction formatThaiDate(date: Date): string {\n  return `${date.getDate()} ${THAI_MONTHS_SHORT[date.getMonth()]} ${date.getFullYear() + 543}`;\n}\n\n// ─── Context: tells Caption it's inside a Drawer range picker ────────────────\nconst DrawerRangeCtx = React.createContext(false);\n\n// ─── Context: disabled years / months passed into CustomCaption ──────────────\ninterface DisabledDatesCtxValue {\n  disabledYears?: number[];\n}\nconst DisabledDatesCtx = React.createContext<DisabledDatesCtxValue>({});\n\n// ─── Custom Caption with << < label > >> ─────────────────────────────────────\nconst NAV_BTN_CLASS = cn(\n  \"h-[28px] w-[28px] inline-flex items-center justify-center\",\n  \"rounded-[6px] bg-transparent border border-border cursor-pointer\",\n  \"text-muted-foreground hover:bg-disabled-bg transition-colors duration-100\",\n  \"p-0 outline-none\",\n);\n\ntype CaptionView = \"days\" | \"months\" | \"years\";\n\nfunction CustomCaption({\n  displayMonth,\n  displayIndex,\n}: CaptionProps) {\n  const { goToMonth, previousMonth, nextMonth, displayMonths } =\n    useNavigation();\n  const isDrawerRange = React.useContext(DrawerRangeCtx);\n  const { disabledYears = [] } = React.useContext(DisabledDatesCtx);\n  const [view, setView] = useState<CaptionView>(\"days\");\n  const [pickerYear, setPickerYear] = useState(\n    displayMonth.getFullYear(),\n  );\n  const [yearRangeStart, setYearRangeStart] = useState(\n    Math.floor(displayMonth.getFullYear() / 12) * 12,\n  );\n\n  const isFirst =\n    displayMonths[0].getTime() === displayMonth.getTime();\n  const isLast =\n    displayMonths[displayMonths.length - 1].getTime() ===\n    displayMonth.getTime();\n  const idx = displayIndex ?? 0;\n\n  const handlePrevYear = () => {\n    const d = new Date(displayMonth);\n    d.setFullYear(d.getFullYear() - 1);\n    goToMonth(d);\n  };\n  const handleNextYear = () => {\n    const d = new Date(displayMonth);\n    d.setFullYear(d.getFullYear() + 1);\n    goToMonth(d);\n  };\n\n  // ── Drawer range: non-first months show only centered label ──\n  if (isDrawerRange && !isFirst) {\n    return (\n      <div className=\"flex items-center justify-center pt-3 mb-2\">\n        <button\n          type=\"button\"\n          className=\"text-[14px] leading-[20px] text-foreground font-medium hover:text-primary-action cursor-pointer bg-transparent border-0 outline-none transition-colors\"\n          onClick={() => {\n            setPickerYear(displayMonth.getFullYear());\n            setView(\"months\");\n          }}\n        >\n          {THAI_MONTHS_FULL[displayMonth.getMonth()]}{\" \"}\n          {displayMonth.getFullYear() + 543}\n        </button>\n      </div>\n    );\n  }\n\n  // ── Header text & click per view ────────────────────────────\n  let headerText: string;\n  let onHeaderClick: () => void;\n\n  if (view === \"years\") {\n    headerText = `${yearRangeStart + 543} - ${yearRangeStart + 11 + 543}`;\n    onHeaderClick = () => setView(\"months\");\n  } else if (view === \"months\") {\n    headerText = `${pickerYear + 543}`;\n    onHeaderClick = () => {\n      setYearRangeStart(Math.floor(pickerYear / 12) * 12);\n      setView(\"years\");\n    };\n  } else {\n    headerText = `${THAI_MONTHS_FULL[displayMonth.getMonth()]} ${displayMonth.getFullYear() + 543}`;\n    onHeaderClick = () => {\n      setPickerYear(displayMonth.getFullYear());\n      setView(\"months\");\n    };\n  }\n\n  // ── Nav buttons per view ────────────────────────────────────\n  let leftNav: React.ReactNode = null;\n  let rightNav: React.ReactNode = null;\n\n  if (view === \"years\") {\n    leftNav = (\n      <button\n        type=\"button\"\n        className={NAV_BTN_CLASS}\n        onClick={() => setYearRangeStart((s) => s - 12)}\n      >\n        <ChevronLeft size={16} className=\"text-primary-action\" />\n      </button>\n    );\n    rightNav = (\n      <button\n        type=\"button\"\n        className={NAV_BTN_CLASS}\n        onClick={() => setYearRangeStart((s) => s + 12)}\n      >\n        <ChevronRight size={16} className=\"text-primary-action\" />\n      </button>\n    );\n  } else if (view === \"months\") {\n    leftNav = (\n      <button\n        type=\"button\"\n        className={NAV_BTN_CLASS}\n        onClick={() => setPickerYear((y) => y - 1)}\n      >\n        <ChevronLeft size={16} className=\"text-primary-action\" />\n      </button>\n    );\n    rightNav = (\n      <button\n        type=\"button\"\n        className={NAV_BTN_CLASS}\n        onClick={() => setPickerYear((y) => y + 1)}\n      >\n        <ChevronRight size={16} className=\"text-primary-action\" />\n      </button>\n    );\n  } else if (isDrawerRange) {\n    leftNav = (\n      <>\n        <button\n          type=\"button\"\n          className={NAV_BTN_CLASS}\n          onClick={handlePrevYear}\n        >\n          <ChevronsLeft size={16} className=\"text-primary-action\" />\n        </button>\n        <button\n          type=\"button\"\n          className={NAV_BTN_CLASS}\n          onClick={() =>\n            previousMonth && goToMonth(previousMonth)\n          }\n        >\n          <ChevronLeft size={16} className=\"text-primary-action\" />\n        </button>\n      </>\n    );\n    rightNav = (\n      <>\n        <button\n          type=\"button\"\n          className={NAV_BTN_CLASS}\n          onClick={() => nextMonth && goToMonth(nextMonth)}\n        >\n          <ChevronRight size={16} className=\"text-primary-action\" />\n        </button>\n        <button\n          type=\"button\"\n          className={NAV_BTN_CLASS}\n          onClick={handleNextYear}\n        >\n          <ChevronsRight size={16} className=\"text-primary-action\" />\n        </button>\n      </>\n    );\n  } else {\n    if (isFirst) {\n      leftNav = (\n        <>\n          <button\n            type=\"button\"\n            className={NAV_BTN_CLASS}\n            onClick={handlePrevYear}\n          >\n            <ChevronsLeft\n              size={16}\n              className=\"text-primary-action\"\n            />\n          </button>\n          <button\n            type=\"button\"\n            className={NAV_BTN_CLASS}\n            onClick={() =>\n              previousMonth && goToMonth(previousMonth)\n            }\n          >\n            <ChevronLeft size={16} className=\"text-primary-action\" />\n          </button>\n        </>\n      );\n    }\n    if (isLast) {\n      rightNav = (\n        <>\n          <button\n            type=\"button\"\n            className={NAV_BTN_CLASS}\n            onClick={() => nextMonth && goToMonth(nextMonth)}\n          >\n            <ChevronRight\n              size={16}\n              className=\"text-primary-action\"\n            />\n          </button>\n          <button\n            type=\"button\"\n            className={NAV_BTN_CLASS}\n            onClick={handleNextYear}\n          >\n            <ChevronsRight\n              size={16}\n              className=\"text-primary-action\"\n            />\n          </button>\n        </>\n      );\n    }\n  }\n\n  // ── Shared grid button style ────────────────────────────────\n  const now = new Date();\n  const gridBtnClass = (\n    active: boolean,\n    isToday: boolean,\n    isItemDisabled = false,\n  ) =>\n    cn(\n      \"py-[10px] text-[13px] rounded-[6px] border-0 outline-none transition-colors\",\n      isItemDisabled\n        ? \"bg-disabled-bg text-disabled cursor-not-allowed\"\n        : active\n          ? \"bg-primary-action text-white cursor-pointer\"\n          : isToday\n            ? \"bg-primary-action-muted text-primary-action cursor-pointer\"\n            : \"bg-transparent text-foreground hover:bg-disabled-bg cursor-pointer\",\n    );\n\n  return (\n    <>\n      <div className=\"flex items-center justify-between pt-1 mb-2\">\n        <div className=\"flex gap-1\">{leftNav}</div>\n        <button\n          type=\"button\"\n          className=\"text-[14px] leading-[20px] text-foreground font-medium hover:text-primary-action cursor-pointer bg-transparent border-0 outline-none transition-colors\"\n          onClick={onHeaderClick}\n        >\n          {headerText}\n        </button>\n        <div className=\"flex gap-1\">{rightNav}</div>\n      </div>\n\n      {view === \"months\" && (\n        <div\n          className=\"absolute left-0 right-0 z-10 bg-white grid grid-cols-3 gap-1 p-2 content-center\"\n          style={{ top: \"42px\", bottom: \"0\" }}\n        >\n          {THAI_MONTHS_SHORT.map((name, i) => {\n            const isCurrent =\n              pickerYear === displayMonth.getFullYear() &&\n              i === displayMonth.getMonth();\n            const isToday =\n              pickerYear === now.getFullYear() &&\n              i === now.getMonth();\n            return (\n              <button\n                key={i}\n                type=\"button\"\n                onClick={() => {\n                  goToMonth(new Date(pickerYear, i - idx));\n                  setView(\"days\");\n                }}\n                className={gridBtnClass(isCurrent, isToday)}\n              >\n                {name}\n              </button>\n            );\n          })}\n        </div>\n      )}\n\n      {view === \"years\" && (\n        <div\n          className=\"absolute left-0 right-0 z-10 bg-white grid grid-cols-3 gap-1 p-2 content-center\"\n          style={{ top: \"42px\", bottom: \"0\" }}\n        >\n          {Array.from({ length: 12 }, (_, i) => {\n            const year = yearRangeStart + i;\n            const isCurrent =\n              year === displayMonth.getFullYear();\n            const isToday = year === now.getFullYear();\n            const isYearDisabled = disabledYears.includes(year);\n            return (\n              <button\n                key={year}\n                type=\"button\"\n                disabled={isYearDisabled}\n                onClick={() => {\n                  if (isYearDisabled) return;\n                  setPickerYear(year);\n                  setView(\"months\");\n                }}\n                className={gridBtnClass(isCurrent, isToday, isYearDisabled)}\n              >\n                {year + 543}\n              </button>\n            );\n          })}\n        </div>\n      )}\n    </>\n  );\n}\n\n// ─── DayPicker classNames ─────────────────────────────────────────────────────\nconst DAY_PICKER_CLASSES = {\n  months: \"flex flex-col sm:flex-row sm:gap-6\",\n  month: \"space-y-2 relative\",\n  caption:\n    \"flex justify-center pt-1 relative items-center mb-2\",\n  caption_label: \"text-[14px] leading-[20px] text-foreground\",\n  nav: \"hidden\",\n  nav_button: cn(\n    \"h-[28px] w-[28px] inline-flex items-center justify-center\",\n    \"rounded-[6px] bg-transparent border border-border cursor-pointer\",\n    \"text-muted-foreground hover:bg-disabled-bg transition-colors duration-100\",\n    \"p-0 outline-none\",\n  ),\n  nav_button_previous: \"absolute left-1\",\n  nav_button_next: \"absolute right-1\",\n  table: \"w-full border-collapse\",\n  head_row: \"flex\",\n  head_cell:\n    \"w-[36px] h-[32px] inline-flex items-center justify-center text-[12px] text-disabled font-normal\",\n  row: \"flex w-full mt-1\",\n  cell: cn(\n    \"h-[36px] w-[36px] text-center p-0 relative overflow-hidden\",\n    \"[&:has(.day-range-middle)]:bg-range-bg\",\n    \"[&:has(.day-range-start)]:bg-range-bg\",\n    \"[&:has(.day-range-end)]:bg-range-bg\",\n    \"[&:has(.day-range-start)]:rounded-l-[6px]\",\n    \"[&:has(.day-range-end)]:rounded-r-[6px]\",\n    \"[&:first-child:has(.day-range-middle)]:rounded-l-[6px]\",\n    \"[&:last-child:has(.day-range-middle)]:rounded-r-[6px]\",\n    \"[&:first-child:has(.day-range-end)]:rounded-l-[6px]\",\n    \"[&:last-child:has(.day-range-start)]:rounded-r-[6px]\",\n    \"focus-within:relative focus-within:z-20\",\n  ),\n  day: cn(\n    \"h-[36px] w-[36px] inline-flex items-center justify-center\",\n    \"text-[14px] text-foreground rounded-[6px]\",\n    \"border-0 bg-transparent cursor-pointer\",\n    \"hover:bg-disabled-bg transition-colors duration-100\",\n    \"outline-none aria-selected:opacity-100 p-0\",\n  ),\n  day_range_start:\n    \"day-range-start !bg-primary-action !text-white !rounded-l-[6px] !rounded-r-none\",\n  day_range_end:\n    \"day-range-end !bg-primary-action !text-white !rounded-r-[6px] !rounded-l-none\",\n  day_selected:\n    \"!bg-primary-action text-white hover:!bg-primary-action focus:!bg-primary-action rounded-[6px]\",\n  day_today:\n    \"[&:not([aria-selected=true])]:!bg-primary-action-light [&:not([aria-selected=true])]:text-foreground rounded-[6px]\",\n  day_outside:\n    \"day-outside text-disabled opacity-50 aria-selected:bg-transparent aria-selected:opacity-30\",\n  day_disabled: \"text-disabled opacity-50 cursor-not-allowed\",\n  day_range_middle:\n    \"day-range-middle !bg-range-bg !text-range-text !rounded-none\",\n  day_hidden: \"invisible\",\n};\n\nconst DRAWER_DAY_PICKER_CLASSES: typeof DAY_PICKER_CLASSES = {\n  ...DAY_PICKER_CLASSES,\n  months: \"flex flex-col gap-6 w-full\",\n  month: \"space-y-2 relative w-full\",\n  table: \"w-full border-collapse table-fixed\",\n  head_row: \"flex w-full\",\n  head_cell:\n    \"flex-1 h-[40px] inline-flex items-center justify-center text-[13px] text-disabled font-normal\",\n  row: \"flex w-full mt-1\",\n  cell: cn(\n    \"h-[44px] flex-1 text-center p-0 relative overflow-hidden\",\n    \"[&:has(.day-range-middle)]:bg-range-bg\",\n    \"[&:has(.day-range-start)]:bg-range-bg\",\n    \"[&:has(.day-range-end)]:bg-range-bg\",\n    \"[&:has(.day-range-start)]:rounded-l-[8px]\",\n    \"[&:has(.day-range-end)]:rounded-r-[8px]\",\n    \"[&:first-child:has(.day-range-middle)]:rounded-l-[8px]\",\n    \"[&:last-child:has(.day-range-middle)]:rounded-r-[8px]\",\n    \"[&:first-child:has(.day-range-end)]:rounded-l-[8px]\",\n    \"[&:last-child:has(.day-range-start)]:rounded-r-[8px]\",\n    \"focus-within:relative focus-within:z-20\",\n  ),\n  day: cn(\n    \"h-[44px] w-full inline-flex items-center justify-center\",\n    \"text-[16px] text-foreground rounded-[8px]\",\n    \"border-0 bg-transparent cursor-pointer\",\n    \"hover:bg-disabled-bg transition-colors duration-100\",\n    \"outline-none aria-selected:opacity-100 p-0\",\n  ),\n};\n\n// ─── Scroll Date Picker ────────────────────────────────────────────────────────\nconst DATE_ITEM_H = 40;\nconst DATE_DRUM_H = 200; // shows 5 items\nconst DATE_SPACER = (DATE_DRUM_H - DATE_ITEM_H) / 2;\n\nconst SCROLL_YEAR_START = 1950;\nconst SCROLL_YEAR_END = 2060;\nconst YEAR_ITEMS = Array.from(\n  { length: SCROLL_YEAR_END - SCROLL_YEAR_START + 1 },\n  (_, i) => String(SCROLL_YEAR_START + i),\n);\n\nfunction getDaysInMonth(year: number, month: number): number {\n  return new Date(year, month, 0).getDate();\n}\n\nfunction dateToScrollValue(date: Date | undefined): {\n  year: number;\n  month: number;\n  day: number;\n} {\n  const d = date ?? new Date();\n  return {\n    year: d.getFullYear(),\n    month: d.getMonth() + 1,\n    day: d.getDate(),\n  };\n}\n\nfunction scrollValueToDate(v: {\n  year: number;\n  month: number;\n  day: number;\n}): Date {\n  return new Date(v.year, v.month - 1, v.day);\n}\n\nfunction DateScrollColumn({\n  items,\n  selectedIndex,\n  onChange,\n  flex = 1,\n}: {\n  items: string[];\n  selectedIndex: number;\n  onChange: (index: number) => void;\n  /** flex-grow value; columns share available width proportionally */\n  flex?: number;\n}) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const debounceRef = useRef<\n    ReturnType<typeof setTimeout> | undefined\n  >(undefined);\n  const [localIndex, setLocalIndex] = useState(selectedIndex);\n  const isUserScrolling = useRef(false);\n\n  useEffect(() => {\n    const el = containerRef.current;\n    if (el) {\n      el.scrollTop = selectedIndex * DATE_ITEM_H;\n      setLocalIndex(selectedIndex);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (isUserScrolling.current) return;\n    const el = containerRef.current;\n    if (el) {\n      el.scrollTo({\n        top: selectedIndex * DATE_ITEM_H,\n        behavior: \"smooth\",\n      });\n      setLocalIndex(selectedIndex);\n    }\n  }, [selectedIndex]);\n\n  const handleScroll = useCallback(() => {\n    isUserScrolling.current = true;\n    const el = containerRef.current;\n    if (!el) return;\n\n    const rawIdx = el.scrollTop / DATE_ITEM_H;\n    const idx = Math.max(\n      0,\n      Math.min(Math.round(rawIdx), items.length - 1),\n    );\n    setLocalIndex(idx);\n\n    clearTimeout(debounceRef.current);\n    debounceRef.current = setTimeout(() => {\n      isUserScrolling.current = false;\n      const finalIdx = Math.max(\n        0,\n        Math.min(\n          Math.round(el.scrollTop / DATE_ITEM_H),\n          items.length - 1,\n        ),\n      );\n      el.scrollTo({\n        top: finalIdx * DATE_ITEM_H,\n        behavior: \"smooth\",\n      });\n      onChange(finalIdx);\n      setLocalIndex(finalIdx);\n    }, 120);\n  }, [items.length, onChange]);\n\n  const handleItemClick = useCallback(\n    (idx: number) => {\n      setLocalIndex(idx);\n      onChange(idx);\n      containerRef.current?.scrollTo({\n        top: idx * DATE_ITEM_H,\n        behavior: \"smooth\",\n      });\n    },\n    [onChange],\n  );\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"relative [&::-webkit-scrollbar]:hidden min-w-0\"\n      style={{\n        flex,\n        height: DATE_DRUM_H,\n        overflowY: \"scroll\",\n        scrollSnapType: \"y mandatory\",\n        scrollbarWidth: \"none\",\n      }}\n      onScroll={handleScroll}\n    >\n      <div style={{ height: DATE_SPACER, flexShrink: 0 }} />\n      {items.map((label, idx) => {\n        const isSel = idx === localIndex;\n        return (\n          <div\n            key={idx}\n            style={{\n              height: DATE_ITEM_H,\n              scrollSnapAlign: \"center\",\n            }}\n            className=\"flex items-center justify-center cursor-pointer select-none\"\n            onClick={() => handleItemClick(idx)}\n          >\n            <span\n              style={{\n                fontSize: isSel ? 32 : 14,\n                lineHeight: 1,\n                color: isSel ? \"var(--foreground)\" : \"var(--disabled)\",\n                transition: \"font-size 0.1s, color 0.1s\",\n                whiteSpace: \"nowrap\",\n              }}\n            >\n              {label}\n            </span>\n          </div>\n        );\n      })}\n      <div style={{ height: DATE_SPACER, flexShrink: 0 }} />\n    </div>\n  );\n}\n\nfunction ScrollDatePickerContent({\n  value,\n  onChange,\n}: {\n  value: { year: number; month: number; day: number };\n  onChange: (v: { year: number; month: number; day: number }) => void;\n}) {\n  const daysInMonth = getDaysInMonth(value.year, value.month);\n  const dayItems = Array.from({ length: daysInMonth }, (_, i) =>\n    String(i + 1).padStart(2, \"0\"),\n  );\n  const monthIndex = value.month - 1;\n  const dayIndex = Math.min(value.day, daysInMonth) - 1;\n  const yearIndex = value.year - SCROLL_YEAR_START;\n\n  const handleMonthChange = useCallback(\n    (idx: number) => {\n      const newMonth = idx + 1;\n      const maxDay = getDaysInMonth(value.year, newMonth);\n      onChange({\n        ...value,\n        month: newMonth,\n        day: Math.min(value.day, maxDay),\n      });\n    },\n    [value, onChange],\n  );\n\n  const handleDayChange = useCallback(\n    (idx: number) => {\n      onChange({ ...value, day: idx + 1 });\n    },\n    [value, onChange],\n  );\n\n  const handleYearChange = useCallback(\n    (idx: number) => {\n      const newYear = SCROLL_YEAR_START + idx;\n      const maxDay = getDaysInMonth(newYear, value.month);\n      onChange({\n        ...value,\n        year: newYear,\n        day: Math.min(value.day, maxDay),\n      });\n    },\n    [value, onChange],\n  );\n\n  return (\n    <div className=\"relative w-full\">\n      {/* Highlight band – centred over the selected row */}\n      <div\n        className=\"absolute left-0 right-0 rounded-[4px] bg-selected-light-bg pointer-events-none\"\n        style={{\n          top: \"50%\",\n          transform: \"translateY(-50%)\",\n          height: DATE_ITEM_H,\n          zIndex: 0,\n        }}\n      />\n      <div\n        className=\"relative flex gap-[8px] items-center w-full min-w-[340px] px-4\"\n        style={{ zIndex: 1 }}\n      >\n        <DateScrollColumn\n          items={THAI_MONTHS_FULL}\n          selectedIndex={monthIndex}\n          onChange={handleMonthChange}\n          flex={108}\n        />\n        <DateScrollColumn\n          items={dayItems}\n          selectedIndex={dayIndex}\n          onChange={handleDayChange}\n          flex={38}\n        />\n        <DateScrollColumn\n          items={YEAR_ITEMS}\n          selectedIndex={yearIndex}\n          onChange={handleYearChange}\n          flex={85}\n        />\n      </div>\n    </div>\n  );\n}\n\n// ─── Main component ───────────────────────────────────────────────────────────\nexport const DateInput = forwardRef<HTMLDivElement, DateInputProps>(\n  function DateInput(\n    {\n      mode = \"single\",\n      placeholder = \"Text label\",\n      required = false,\n      forceState,\n      errorMessage = \"Error message\",\n      helperText,\n      pickerVariant = \"calendar\",\n      value,\n      onChange,\n      dateRange,\n      onRangeChange,\n      disabledYears,\n      className,\n    },\n    ref,\n  ) {\n    const [open, setOpen] = useState(false);\n    const [internalDate, setInternalDate] = useState<\n      Date | undefined\n    >(undefined);\n    const [internalRange, setInternalRange] = useState<\n      DateRange | undefined\n    >(undefined);\n    const isMobile = useIsMobile();\n\n    // Draft values – live-updated while picker is open; committed on ตกลง\n    const [draftDate, setDraftDate] = useState<Date | undefined>(\n      undefined,\n    );\n    const [draftRange, setDraftRange] = useState<\n      DateRange | undefined\n    >(undefined);\n    const [draftScrollValue, setDraftScrollValue] = useState<{\n      year: number;\n      month: number;\n      day: number;\n    }>(dateToScrollValue(undefined));\n\n    const isStatic = Boolean(forceState);\n    const isDisabled = forceState === \"disabled\";\n\n    // Controlled vs uncontrolled\n    const currentDate =\n      value !== undefined ? value : internalDate;\n    const currentRange =\n      dateRange !== undefined ? dateRange : internalRange;\n\n    const state: DateInputState =\n      forceState ?? (open ? \"focus\" : \"default\");\n    const isError = state === \"error\";\n    const isFocus = state === \"focus\";\n\n    const isFilled =\n      mode === \"single\"\n        ? Boolean(currentDate)\n        : Boolean(currentRange?.from);\n\n    // ── Colours ─────────────────────────────────────────────────────────────────\n    const bgClass = isDisabled ? \"bg-disabled-bg\" : \"bg-white\";\n    const labelColor = isDisabled ? \"var(--disabled)\" : \"var(--muted-foreground)\";\n    const valueColor = isDisabled ? \"var(--disabled)\" : \"var(--foreground)\";\n    const iconColor = isDisabled ? \"var(--disabled)\" : \"var(--muted-foreground)\";\n    const minusColor = isDisabled ? \"var(--disabled)\" : \"var(--foreground)\";\n    const asteriskColorEmpty = isDisabled ? \"var(--disabled)\" : \"var(--error-dark)\";\n    const asteriskColorFilled = isDisabled\n      ? \"var(--disabled)\"\n      : \"var(--error-dark)\";\n\n    // ── Border overlay ───────────────────────────────────────────────────────────\n    const borderInset = isFocus || isError ? \"-1px\" : \"0px\";\n    const borderRad = isFocus || isError ? \"9px\" : \"8px\";\n    const borderColor = isDisabled\n      ? \"var(--border-disabled)\"\n      : isError\n        ? \"var(--destructive)\"\n        : isFocus\n          ? \"var(--primary-action)\"\n          : \"var(--border)\";\n\n    const showBelow = isError || Boolean(helperText);\n    const leftText = isError ? errorMessage : (helperText ?? \"\");\n    const leftColor = isError ? \"var(--error-dark)\" : \"var(--muted-foreground)\";\n\n    // ── Handlers ─────────────────────────────────────────────────────────────────\n    const handleDateSelect = (date: Date | undefined) => {\n      setDraftDate(date);\n    };\n\n    const handleRangeSelect = (range: DateRange | undefined) => {\n      setDraftRange(range);\n    };\n\n    const handleCancel = () => setOpen(false);\n\n    const handleConfirm = () => {\n      if (pickerVariant === \"scroll\") {\n        const d = scrollValueToDate(draftScrollValue);\n        if (value === undefined) setInternalDate(d);\n        onChange?.(d);\n      } else if (mode === \"single\") {\n        if (value === undefined) setInternalDate(draftDate);\n        onChange?.(draftDate);\n      } else {\n        if (dateRange === undefined) setInternalRange(draftRange);\n        onRangeChange?.(draftRange);\n      }\n      setOpen(false);\n    };\n\n    // ── Trigger content ──────────────────────────────────────────────────────────\n    const renderContent = () => {\n      if (isFilled) {\n        // Floating label row\n        const floatingLabel = required ? (\n          <div className=\"flex gap-[2px] items-center relative shrink-0 w-full\">\n            <p\n              className=\"leading-[16px] not-italic relative shrink-0 text-[12px] whitespace-nowrap\"\n              style={{ color: labelColor }}\n            >\n              {placeholder}\n            </p>\n            <p\n              className=\"leading-[1.5] not-italic relative shrink-0 text-[9px] w-[7px]\"\n              style={{ color: asteriskColorFilled }}\n            >\n              *\n            </p>\n          </div>\n        ) : (\n          <p\n            className=\"leading-[16px] not-italic relative shrink-0 text-[12px] w-full\"\n            style={{ color: labelColor }}\n          >\n            {placeholder}\n          </p>\n        );\n\n        // Value row\n        const valueRow =\n          mode === \"single\" && currentDate ? (\n            <p\n              className=\"leading-[20px] not-italic relative shrink-0 text-[16px] w-full\"\n              style={{ color: valueColor }}\n            >\n              {formatThaiDate(currentDate)}\n            </p>\n          ) : mode === \"range\" && currentRange?.from ? (\n            <div className=\"flex gap-[8px] items-center relative shrink-0 w-full\">\n              <p\n                className=\"leading-[20px] not-italic relative shrink-0 text-[16px] whitespace-nowrap\"\n                style={{ color: valueColor }}\n              >\n                {formatThaiDate(currentRange.from)}\n              </p>\n              <Minus size={20} weight=\"bold\" color={minusColor} />\n              <p\n                className=\"leading-[20px] not-italic relative shrink-0 text-[16px] whitespace-nowrap\"\n                style={{ color: valueColor }}\n              >\n                {currentRange.to\n                  ? formatThaiDate(currentRange.to)\n                  : \"...\"}\n              </p>\n            </div>\n          ) : null;\n\n        return (\n          <div className=\"content-stretch flex flex-1 flex-col items-center justify-center min-h-px min-w-px relative\">\n            {floatingLabel}\n            {valueRow}\n          </div>\n        );\n      }\n\n      // Empty – required\n      if (required) {\n        return (\n          <div className=\"content-stretch flex flex-1 min-w-px min-h-px gap-[2px] items-center relative\">\n            <p\n              className=\"leading-[20px] not-italic relative shrink-0 text-[16px] whitespace-nowrap\"\n              style={{ color: labelColor }}\n            >\n              {placeholder}\n            </p>\n            <p\n              className=\"font-normal h-full leading-[1.5] not-italic relative shrink-0 text-[12px] w-[7px]\"\n              style={{ color: asteriskColorEmpty }}\n            >\n              *\n            </p>\n          </div>\n        );\n      }\n\n      // Empty – plain placeholder\n      return (\n        <p\n          className=\"flex-1 min-w-0 min-h-px text-[16px] leading-[20px] not-italic overflow-hidden text-ellipsis whitespace-nowrap relative\"\n          style={{ color: labelColor }}\n        >\n          {placeholder}\n        </p>\n      );\n    };\n\n    // ── Shared trigger inner markup (used by both static div and interactive button)\n    const triggerInner = (\n      <>\n        {/* Border overlay */}\n        <div\n          aria-hidden=\"true\"\n          className=\"absolute pointer-events-none border border-solid\"\n          style={{\n            inset: borderInset,\n            borderRadius: borderRad,\n            borderColor,\n          }}\n        />\n        {renderContent()}\n        {/* Calendar icon */}\n        <div\n          className={cn(\n            \"flex flex-row items-center shrink-0\",\n            isFilled && \"self-stretch\",\n          )}\n        >\n          {isFilled ? (\n            <CalendarBlank size={22} weight=\"regular\" color={iconColor} />\n          ) : (\n            <CalendarBlank size={24} weight=\"regular\" color={iconColor} />\n          )}\n        </div>\n      </>\n    );\n\n    const triggerBaseClasses = cn(\n      \"relative flex gap-[8px] items-center rounded-[8px]\",\n      bgClass,\n      \"px-[14px]\",\n      isFilled ? \"py-[6px]\" : \"py-[12px]\",\n      \"w-full\",\n    );\n\n    // ── Below message ─────────────────────────────────────────────────────────────\n    const belowMessage = showBelow && (\n      <div className=\"flex items-start px-[4px] text-[12px] leading-[16px]\">\n        <span\n          className=\"flex-1 min-w-0\"\n          style={{ color: leftColor }}\n        >\n          {leftText}\n        </span>\n      </div>\n    );\n\n    // ── Static showcase (forceState set) ─────────────────────────────────────────\n    if (isStatic) {\n      return (\n        <div\n          ref={ref}\n          className={cn(\"flex flex-col gap-[4px] w-full\", className)}\n        >\n          <div className={triggerBaseClasses}>{triggerInner}</div>\n          {belowMessage}\n        </div>\n      );\n    }\n\n    // ── Picker content ────────────────────────────────────────────────────────────\n    const isScrollVariant = pickerVariant === \"scroll\" && mode === \"single\";\n\n    const pickerClasses = isMobile\n      ? DRAWER_DAY_PICKER_CLASSES\n      : DAY_PICKER_CLASSES;\n\n    const pickerInner = isScrollVariant ? (\n      <ScrollDatePickerContent\n        value={draftScrollValue}\n        onChange={setDraftScrollValue}\n      />\n    ) : mode === \"single\" ? (\n      <DayPicker\n        mode=\"single\"\n        selected={draftDate}\n        onSelect={handleDateSelect}\n        showOutsideDays\n        classNames={pickerClasses}\n        formatters={{\n          formatWeekdayName: (date) =>\n            THAI_WEEKDAYS[date.getDay()],\n        }}\n        components={{ Caption: CustomCaption }}\n      />\n    ) : (\n      <DayPicker\n        mode=\"range\"\n        selected={draftRange}\n        onSelect={handleRangeSelect}\n        numberOfMonths={2}\n        showOutsideDays\n        classNames={pickerClasses}\n        formatters={{\n          formatWeekdayName: (date) =>\n            THAI_WEEKDAYS[date.getDay()],\n        }}\n        components={{ Caption: CustomCaption }}\n      />\n    );\n\n    const calendarContent = (\n      <DisabledDatesCtx.Provider value={{ disabledYears }}>\n        {pickerInner}\n      </DisabledDatesCtx.Provider>\n    );\n\n    const actionButtons = (\n      <div className=\"flex gap-[12px] items-center pt-[12px]\">\n        <Button\n          variant=\"outline\"\n          size=\"lg\"\n          className=\"flex-1\"\n          onClick={handleCancel}\n        >\n          ยกเลิก\n        </Button>\n        <Button\n          variant=\"primary\"\n          size=\"lg\"\n          className=\"flex-1\"\n          onClick={handleConfirm}\n        >\n          ตกลง\n        </Button>\n      </div>\n    );\n\n    const triggerButton = (\n      <button\n        type=\"button\"\n        disabled={isDisabled}\n        className={cn(triggerBaseClasses, \"text-left cursor-pointer disabled:cursor-default\")}\n      >\n        {triggerInner}\n      </button>\n    );\n\n    const handleOpenChange = (o: boolean) => {\n      if (!isDisabled) {\n        if (o) {\n          // Snapshot committed values into draft when picker opens\n          setDraftDate(currentDate);\n          setDraftRange(currentRange);\n          setDraftScrollValue(dateToScrollValue(currentDate));\n        }\n        setOpen(o);\n      }\n    };\n\n    // ── Interactive ──────────────────────────────────────────────────────────────\n    return (\n      <div\n        ref={ref}\n        className={cn(\"flex flex-col gap-[4px] w-full\", className)}\n      >\n        {isMobile ? (\n          <Drawer open={open} onOpenChange={handleOpenChange}>\n            <DrawerTrigger asChild>{triggerButton}</DrawerTrigger>\n            <DrawerContent>\n              <DrawerTitle className=\"sr-only\">\n                เลือกวันที่\n              </DrawerTitle>\n              <div className=\"overflow-auto px-4 pt-2 pb-8 w-full\">\n                <DrawerRangeCtx.Provider value={mode === \"range\"}>\n                  {calendarContent}\n                </DrawerRangeCtx.Provider>\n                {actionButtons}\n              </div>\n            </DrawerContent>\n          </Drawer>\n        ) : (\n          <Popover.Root\n            open={open}\n            onOpenChange={handleOpenChange}\n          >\n            <Popover.Trigger asChild>\n              {triggerButton}\n            </Popover.Trigger>\n\n            <Popover.Portal>\n              <Popover.Content\n                align=\"start\"\n                sideOffset={4}\n                className=\"z-50 rounded-[8px] bg-white p-3 outline-none\"\n                style={{\n                  boxShadow:\n                    \"0px 20px 25px -5px rgba(0,0,0,0.1), 0px 8px 10px -6px rgba(0,0,0,0.1)\",\n                  border: \"1px solid var(--border)\",\n                }}\n                onOpenAutoFocus={(e) => e.preventDefault()}\n              >\n                {calendarContent}\n                {actionButtons}\n              </Popover.Content>\n            </Popover.Portal>\n          </Popover.Root>\n        )}\n\n        {belowMessage}\n      </div>\n    );\n  },\n);\n\nDateInput.displayName = \"DateInput\";\n","\"use client\";\n\nimport React, { useState, useRef, useEffect, forwardRef } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type DropdownState = \"default\" | \"focus\" | \"error\" | \"disabled\";\n\nexport interface DropdownOption {\n  label: string;\n  value: string;\n}\n\nexport interface DropdownProps {\n  /** Placeholder / floating-label text */\n  placeholder?: string;\n  /** External label rendered above the trigger */\n  label?: string;\n  /** Appends a red asterisk */\n  required?: boolean;\n  /** Override the visual state (for showcase) */\n  forceState?: DropdownState;\n  /** Error message shown below when state is \"error\" */\n  errorMessage?: string;\n  /** Helper text shown below */\n  helperText?: string;\n  /** Controlled selected value */\n  value?: string;\n  onChange?: (value: string) => void;\n  /** Options list */\n  options?: DropdownOption[];\n  className?: string;\n}\n\n// ── Chevron icons ───────────────────────────────────────────────────────────\n\nfunction ChevronDownIcon({ className }: { className?: string }) {\n  return (\n    <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" className={className}>\n      <path d=\"M7 9L11 13L15 9\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n\nfunction ChevronUpIcon({ className }: { className?: string }) {\n  return (\n    <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" className={className}>\n      <path d=\"M7 13L11 9L15 13\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n\n// ── Component ───────────────────────────────────────────────────────────────\n\nconst Dropdown = forwardRef<HTMLDivElement, DropdownProps>(\n  (\n    {\n      placeholder = \"Text label\",\n      label,\n      required = false,\n      forceState,\n      errorMessage = \"Error message\",\n      helperText,\n      value,\n      onChange,\n      options = [],\n      className,\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(false);\n    const [internalValue, setInternalValue] = useState(\"\");\n    const [search, setSearch] = useState(\"\");\n    const containerRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const controlled = value !== undefined;\n    const currentValue = controlled ? value : internalValue;\n    const isDisabled = forceState === \"disabled\";\n    const selectedLabel = options.find((o) => o.value === currentValue)?.label;\n    const isFilled = Boolean(selectedLabel);\n\n    // Derive visual state\n    const state: DropdownState = forceState ?? (open ? \"focus\" : \"default\");\n    const isError = state === \"error\";\n    const isFocus = state === \"focus\";\n\n    // ── Colours ─────────────────────────────────────────────────────────────\n    const bg = isDisabled ? \"bg-disabled-bg\" : \"bg-white\";\n    const labelColor = isDisabled ? \"var(--disabled)\" : \"var(--muted-foreground)\";\n    const filledColor = isDisabled ? \"var(--disabled)\" : \"var(--foreground)\";\n    const caretClassName = isDisabled ? \"text-disabled\" : \"text-muted-foreground\";\n\n    const hasExternalLabel = Boolean(label);\n\n    // ── Border overlay ──────────────────────────────────────────────────────\n    const borderInset = (isFocus || isError) ? \"-1px\" : \"0px\";\n    const borderRad = (isFocus || isError) ? \"9px\" : \"8px\";\n    const borderColor = isDisabled\n      ? \"var(--border-disabled)\"\n      : isError\n        ? \"var(--destructive)\"\n        : isFocus\n          ? \"var(--primary-action)\"\n          : \"var(--border)\";\n\n    const showBelow = isError || Boolean(helperText);\n    const leftText = isError ? errorMessage : (helperText ?? \"\");\n    const leftColor = isError ? \"var(--destructive)\" : \"var(--muted-foreground)\";\n\n    // ── Filtered options ────────────────────────────────────────────────────\n    const filteredOptions = search.trim()\n      ? options.filter((o) =>\n          o.label.toLowerCase().includes(search.trim().toLowerCase())\n        )\n      : options;\n\n    // Auto-focus input when open\n    useEffect(() => {\n      if (open && inputRef.current) {\n        inputRef.current.focus();\n      }\n    }, [open]);\n\n    // Clear search when closing\n    useEffect(() => {\n      if (!open) setSearch(\"\");\n    }, [open]);\n\n    // Close on outside click\n    useEffect(() => {\n      if (!open) return;\n      const handler = (e: MouseEvent) => {\n        if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n          setOpen(false);\n        }\n      };\n      document.addEventListener(\"mousedown\", handler);\n      return () => document.removeEventListener(\"mousedown\", handler);\n    }, [open]);\n\n    const handleSelect = (val: string) => {\n      if (!controlled) setInternalValue(val);\n      onChange?.(val);\n      setOpen(false);\n    };\n\n    const handleToggle = () => {\n      if (isDisabled) return;\n      if (forceState) return;\n      setOpen((prev) => !prev);\n    };\n\n    const handleInputKeyDown = (e: React.KeyboardEvent) => {\n      if (e.key === \"Escape\") {\n        setOpen(false);\n      } else if (e.key === \"Enter\" && filteredOptions.length === 1) {\n        handleSelect(filteredOptions[0].value);\n      }\n    };\n\n    // ── Required asterisk helper ────────────────────────────────────────────\n    const Asterisk = ({ color }: { color: string }) => (\n      <span className=\"leading-[16px] not-italic text-[12px]\" style={{ color }}>\n        {\" \"}*\n      </span>\n    );\n\n    return (\n      <div\n        ref={(node) => {\n          (containerRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        }}\n        className={cn(\"flex flex-col gap-[4px] w-full\", className)}\n      >\n        {/* ── External label ── */}\n        {label && (\n          <div className=\"relative shrink-0 w-full\">\n            <div className=\"flex items-start px-[4px] w-full\">\n              <p className=\"leading-[20px] not-italic relative shrink-0 text-foreground text-[14px] font-bold whitespace-nowrap\">\n                {label}\n              </p>\n            </div>\n          </div>\n        )}\n\n        {/* ── Trigger ── */}\n        <div\n          onClick={handleToggle}\n          className={cn(\n            \"relative flex gap-[8px] items-center rounded-[8px] px-[14px]\",\n            bg,\n            hasExternalLabel\n              ? \"h-[38px]\"\n              : isFilled && !open\n                ? \"py-[6px]\"\n                : \"p-[14px]\",\n            !isDisabled && !forceState && \"cursor-pointer\"\n          )}\n        >\n          {/* Border overlay */}\n          <div\n            aria-hidden=\"true\"\n            className=\"absolute pointer-events-none border border-solid\"\n            style={{ inset: borderInset, borderRadius: borderRad, borderColor }}\n          />\n\n          {open && !forceState ? (\n            /* ─── Open: search input ─── */\n            hasExternalLabel ? (\n              /* External label + open → single-line search input */\n              <input\n                ref={inputRef}\n                type=\"text\"\n                value={search}\n                onChange={(e) => setSearch(e.target.value)}\n                onKeyDown={handleInputKeyDown}\n                placeholder={isFilled ? selectedLabel : placeholder + (required ? \" *\" : \"\")}\n                className=\"flex-1 min-w-0 min-h-[1px] text-[14px] leading-[20px] not-italic bg-transparent outline-none border-none p-0 m-0 placeholder:text-disabled\"\n                style={{\n                  color: filledColor,\n                  caretColor: \"var(--caret-color)\",\n                }}\n                onClick={(e) => e.stopPropagation()}\n              />\n            ) : isFilled ? (\n              /* Filled + open → floating label + search input */\n              <div className=\"flex flex-col items-start justify-center flex-1 min-w-0 min-h-[1px]\">\n                <p\n                  className=\"shrink-0 w-full leading-[16px] not-italic text-[12px]\"\n                  style={{ color: labelColor }}\n                >\n                  {placeholder}\n                  {required && <Asterisk color={isDisabled ? \"var(--disabled)\" : \"var(--error-dark)\"} />}\n                </p>\n                <input\n                  ref={inputRef}\n                  type=\"text\"\n                  value={search}\n                  onChange={(e) => setSearch(e.target.value)}\n                  onKeyDown={handleInputKeyDown}\n                  placeholder={selectedLabel}\n                  className=\"w-full leading-[20px] not-italic text-[14px] min-w-0 bg-transparent outline-none border-none p-0 m-0 placeholder:text-disabled\"\n                  style={{\n                    color: filledColor,\n                    caretColor: \"var(--caret-color)\",\n                  }}\n                  onClick={(e) => e.stopPropagation()}\n                />\n              </div>\n            ) : (\n              /* Empty + open → inline search input */\n              <input\n                ref={inputRef}\n                type=\"text\"\n                value={search}\n                onChange={(e) => setSearch(e.target.value)}\n                onKeyDown={handleInputKeyDown}\n                placeholder={placeholder + (required ? \" *\" : \"\")}\n                className=\"flex-1 min-w-0 min-h-[1px] text-[16px] leading-[20px] not-italic bg-transparent outline-none border-none p-0 m-0 placeholder:text-muted-foreground\"\n                style={{\n                  color: \"var(--foreground)\",\n                  caretColor: \"var(--caret-color)\",\n                }}\n                onClick={(e) => e.stopPropagation()}\n              />\n            )\n          ) : isFilled ? (\n            /* ─── Closed + Filled ─── */\n            hasExternalLabel ? (\n              /* External label → single-line selected value */\n              <p\n                className=\"flex-1 min-w-0 min-h-[1px] leading-[20px] not-italic text-[14px] overflow-hidden text-ellipsis whitespace-nowrap\"\n                style={{ color: filledColor }}\n              >\n                {selectedLabel}\n                {required && <Asterisk color={isDisabled ? \"var(--disabled)\" : \"var(--error-dark)\"} />}\n              </p>\n            ) : (\n              /* Default → floating label + selected value */\n              <div className=\"flex flex-col items-start justify-center flex-1 min-w-0 min-h-[1px]\">\n                <p\n                  className=\"shrink-0 w-full leading-[16px] not-italic text-[12px]\"\n                  style={{ color: labelColor }}\n                >\n                  {placeholder}\n                  {required && <Asterisk color={isDisabled ? \"var(--disabled)\" : \"var(--error-dark)\"} />}\n                </p>\n                <p\n                  className=\"w-full leading-[20px] not-italic text-[14px] min-w-0 min-h-[1px]\"\n                  style={{ color: filledColor }}\n                >\n                  {selectedLabel}\n                </p>\n              </div>\n            )\n          ) : (\n            /* ─── Closed + Empty: placeholder ─── */\n            required ? (\n              <div className=\"flex flex-1 min-w-0 min-h-[1px] gap-[2px] items-center\">\n                <p\n                  className=\"leading-[20px] not-italic text-[16px] whitespace-nowrap\"\n                  style={{ color: labelColor }}\n                >\n                  {placeholder}\n                </p>\n                <p\n                  className=\"leading-[16px] not-italic text-[12px] w-[7px]\"\n                  style={{ color: isDisabled ? \"var(--disabled)\" : \"var(--error-dark)\" }}\n                >\n                  *\n                </p>\n              </div>\n            ) : (\n              <p\n                className=\"flex-1 min-w-0 min-h-[1px] text-[16px] leading-[20px] not-italic overflow-hidden text-ellipsis whitespace-nowrap\"\n                style={{ color: labelColor }}\n              >\n                {placeholder}\n              </p>\n            )\n          )}\n\n          {/* Caret */}\n          {isFocus ? (\n            <ChevronUpIcon className={cn(\"shrink-0\", caretClassName)} />\n          ) : (\n            <ChevronDownIcon className={cn(\"shrink-0\", caretClassName)} />\n          )}\n        </div>\n\n        {/* ── Dropdown menu ── */}\n        {open && !forceState && options.length > 0 && (\n          <div\n            className={cn(\n              \"relative bg-white rounded-[8px] overflow-clip p-[8px] z-20 flex flex-col items-start\",\n              filteredOptions.length > 10 && \"overflow-y-auto\"\n            )}\n            style={{\n              boxShadow: \"0px 20px 25px -5px rgba(0,0,0,0.1), 0px 8px 10px -6px rgba(0,0,0,0.1)\",\n              ...(filteredOptions.length > 10 ? { maxHeight: 10 * 48 + 16 } : {}),\n            }}\n          >\n            {filteredOptions.length > 0 ? (\n              filteredOptions.map((opt) => (\n                <div\n                  key={opt.value}\n                  onClick={() => handleSelect(opt.value)}\n                  className={cn(\n                    \"w-full shrink-0 rounded-[4px] cursor-pointer transition-colors duration-100\",\n                    opt.value === currentValue\n                      ? \"bg-primary-action-light\"\n                      : \"bg-white hover:bg-disabled-bg\"\n                  )}\n                >\n                  <div className=\"flex flex-row items-center size-full\">\n                    <div className=\"flex items-center p-[14px] relative w-full\">\n                      <p\n                        className={cn(\n                          \"flex-1 min-w-0 min-h-[1px] leading-[20px] not-italic overflow-hidden text-[14px] text-ellipsis whitespace-nowrap\",\n                          opt.value === currentValue ? \"text-primary-action\" : \"text-foreground\"\n                        )}\n                      >\n                        {opt.label}\n                      </p>\n                    </div>\n                  </div>\n                </div>\n              ))\n            ) : (\n              <div className=\"w-full shrink-0 bg-white\">\n                <div className=\"flex flex-row items-center size-full\">\n                  <div className=\"flex items-center p-[14px] relative w-full\">\n                    <p className=\"flex-1 min-w-0 min-h-[1px] leading-[20px] not-italic text-[14px] text-disabled\">\n                      No results found\n                    </p>\n                  </div>\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n\n        {/* ── Below: helper / error ── */}\n        {showBelow && (\n          <div className=\"flex items-start px-[4px] text-[12px] leading-[16px]\">\n            <span className=\"flex-1 min-w-0\" style={{ color: leftColor }}>\n              {leftText}\n            </span>\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nDropdown.displayName = \"Dropdown\";\n\nexport { Dropdown };\n","\"use client\";\n\nimport React, {\n  forwardRef,\n  useState,\n  useRef,\n  useEffect,\n  useCallback,\n  useMemo,\n  useLayoutEffect,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type DropdownMultipleState =\n  | \"default\"\n  | \"focus\"\n  | \"error\"\n  | \"disabled\";\n\nexport interface DropdownMultipleOption {\n  label: string;\n  value: string;\n}\n\nexport interface DropdownMultipleProps {\n  /** Placeholder / floating-label text */\n  placeholder?: string;\n  /** Text label rendered above the input */\n  label?: string;\n  /** Appends a red asterisk */\n  required?: boolean;\n  /** Override the visual state (for showcase) */\n  forceState?: DropdownMultipleState;\n  /** Error message shown below when state is \"error\" */\n  errorMessage?: string;\n  /** Helper text shown below */\n  helperText?: string;\n  /** Controlled selected values */\n  value?: string[];\n  onChange?: (value: string[]) => void;\n  /** Options list */\n  options?: DropdownMultipleOption[];\n  className?: string;\n}\n\nconst TAG_GAP = 4;\nconst MAX_COMPONENT_WIDTH = 343;\n\n// ── Chevron icons ────────────────────────────────────────────────────────────\nfunction ChevronDownIcon({ className }: { className?: string }) {\n  return (\n    <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" className={className}>\n      <path d=\"M7 9L11 13L15 9\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n\nfunction ChevronUpIcon({ className }: { className?: string }) {\n  return (\n    <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" className={className}>\n      <path d=\"M7 13L11 9L15 13\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n\n// ── X icon for tag remove ───────────────────────────────────────────────────\nfunction XIcon({ color = \"var(--muted-foreground)\" }: { color?: string }) {\n  return (\n    <svg\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      className=\"shrink-0\"\n    >\n      <path\n        d=\"M9 3L3 9M3 3L9 9\"\n        stroke={color}\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n}\n\n// ── Tag chip (removable) ────────────────────────────────────────────────────\nfunction RemovableTag({\n  label,\n  disabled,\n  onRemove,\n  maxWidth,\n}: {\n  label: string;\n  disabled?: boolean;\n  onRemove?: () => void;\n  maxWidth?: number;\n}) {\n  const textColor = disabled ? \"var(--disabled)\" : \"var(--subtle-text)\";\n  const iconColor = disabled ? \"var(--disabled)\" : \"var(--muted-foreground)\";\n\n  return (\n    <div\n      className=\"bg-disabled-bg flex items-center overflow-hidden pl-[8px] pr-[8px] py-[4px] rounded-[4px] shrink-0 relative group\"\n      style={\n        maxWidth !== undefined\n          ? { maxWidth, flexShrink: 1 }\n          : undefined\n      }\n    >\n      <p\n        className=\"leading-[16px] not-italic text-[12px] whitespace-nowrap overflow-hidden text-ellipsis pr-[4px]\"\n        style={{ color: textColor }}\n      >\n        {label}{\" \"}\n      </p>\n\n      {!disabled && onRemove && (\n        <button\n          type=\"button\"\n          onClick={(e) => {\n            e.stopPropagation();\n            onRemove();\n          }}\n          className=\"absolute right-[4px] top-1/2 -translate-y-1/2 flex items-center justify-center rounded-[2px] p-[1px] cursor-pointer opacity-0 group-hover:opacity-100 transition-all duration-150 bg-[#e5e7eb]\"\n        >\n          <XIcon color={iconColor} />\n        </button>\n      )}\n    </div>\n  );\n}\n\n// ── Tag chip (static, for showcase forceState) ──────────────────────────────\nfunction StaticTag({\n  label,\n  disabled,\n  maxWidth,\n}: {\n  label: string;\n  disabled?: boolean;\n  maxWidth?: number;\n}) {\n  const textColor = disabled ? \"var(--disabled)\" : \"var(--subtle-text)\";\n  return (\n    <div\n      className=\"bg-disabled-bg flex items-center justify-center overflow-clip px-[8px] py-[4px] rounded-[4px] shrink-0\"\n      style={\n        maxWidth !== undefined\n          ? { maxWidth, flexShrink: 1 }\n          : undefined\n      }\n    >\n      <p\n        className=\"leading-[16px] not-italic text-[12px] whitespace-nowrap overflow-hidden text-ellipsis\"\n        style={{ color: textColor }}\n      >\n        {label}\n      </p>\n    </div>\n  );\n}\n\n// ── Overflow count badge ────────────────────────────────────────────────────\nfunction OverflowBadge({\n  count,\n  disabled,\n}: {\n  count: number;\n  disabled?: boolean;\n}) {\n  const bg = disabled ? \"bg-[#fafafa]\" : \"bg-selected-bg\";\n  const textColor = disabled ? \"var(--disabled)\" : \"var(--primary-action)\";\n  return (\n    <div\n      className={cn(\n        bg,\n        \"flex items-center justify-center overflow-clip px-[8px] py-[4px] rounded-[4px] shrink-0\",\n      )}\n    >\n      <p\n        className=\"leading-[16px] not-italic text-[12px] whitespace-nowrap\"\n        style={{ color: textColor }}\n      >\n        +{count}\n      </p>\n    </div>\n  );\n}\n\n// ── Checkmark icon ──────────────────────────────────────────────────────────\nfunction CheckIcon(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      width=\"10\"\n      height=\"8\"\n      viewBox=\"0 0 10 8\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M1 4L3.5 6.5L9 1\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n}\n\n// ════════════════════════════════════════════════════════════════════════════\n// Hook: measure how many tags fit within the available width\n// ════════════════════════════════════════════════════════════════════════════\ninterface ChipLayout {\n  visibleCount: number;\n  lastTagMaxWidth: number | undefined;\n}\n\nfunction useChipLayout(\n  selectedOptions: DropdownMultipleOption[],\n  measureRef: React.RefObject<HTMLDivElement | null>,\n  containerRef: React.RefObject<HTMLDivElement | null>,\n): ChipLayout {\n  const [layout, setLayout] = useState<ChipLayout>({\n    visibleCount: selectedOptions.length,\n    lastTagMaxWidth: undefined,\n  });\n\n  useLayoutEffect(() => {\n    const calculate = () => {\n      const total = selectedOptions.length;\n\n      if (!measureRef.current || total === 0) {\n        setLayout({\n          visibleCount: total,\n          lastTagMaxWidth: undefined,\n        });\n        return;\n      }\n\n      const tagEls = Array.from(\n        measureRef.current.children,\n      ) as HTMLElement[];\n\n      const containerWidth =\n        containerRef.current?.offsetWidth ??\n        MAX_COMPONENT_WIDTH;\n\n      const RIGHT_SECTION_WIDTH = 60;\n\n      const budget =\n        containerWidth * 0.72 - RIGHT_SECTION_WIDTH;\n\n      let used = 0;\n      let count = 0;\n\n      for (let i = 0; i < tagEls.length; i++) {\n        const w = tagEls[i].offsetWidth;\n        const gap = count > 0 ? TAG_GAP : 0;\n        const nextUsed = used + gap + w;\n\n        if (nextUsed <= budget) {\n          used = nextUsed;\n          count++;\n        } else {\n          count++;\n          break;\n        }\n      }\n\n      count = Math.max(1, count);\n\n      const overflowCount = total - count;\n\n      const isFullWidth = used >= budget * 0.98;\n      let lastTagMaxWidth: number | undefined;\n\n      if (overflowCount > 0 || isFullWidth) {\n        const prevTagsWidth = tagEls\n          .slice(0, count - 1)\n          .reduce(\n            (sum, el, i) =>\n              sum + el.offsetWidth + (i > 0 ? TAG_GAP : 0),\n            0,\n          );\n\n        const gapBeforeLast = count > 1 ? TAG_GAP : 0;\n\n        const remaining =\n          budget - prevTagsWidth - gapBeforeLast;\n\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const lastNaturalW =\n          tagEls[count - 1]?.offsetWidth ?? 0;\n\n        if (remaining > 0) {\n          lastTagMaxWidth = remaining;\n        }\n      }\n\n      setLayout({ visibleCount: count, lastTagMaxWidth });\n    };\n\n    calculate();\n    document.fonts?.ready?.then(calculate);\n  }, [selectedOptions, measureRef, containerRef]);\n\n  return layout;\n}\n\n// ════════════════════════════════════════════════════════════════════════════\n// Main component\n// ════════════════════════════════════════════════════════════════════════════\nexport const DropdownMultiple = forwardRef<HTMLDivElement, DropdownMultipleProps>(\n  function DropdownMultiple(\n    {\n      placeholder = \"Placeholder\",\n      label,\n      required = false,\n      forceState,\n      errorMessage = \"Error message\",\n      helperText,\n      value,\n      onChange,\n      options = [],\n      className = \"\",\n    },\n    ref,\n  ) {\n    const [open, setOpen] = useState(false);\n    const [internalValue, setInternalValue] = useState<string[]>([]);\n    const [search, setSearch] = useState(\"\");\n    const containerRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const measureRef = useRef<HTMLDivElement>(null);\n\n    React.useImperativeHandle(ref, () => containerRef.current as HTMLDivElement);\n\n    const controlled = value !== undefined;\n    const currentValue = controlled ? value : internalValue;\n    const isDisabled = forceState === \"disabled\";\n    const isStatic = Boolean(forceState);\n    const isFilled = currentValue.length > 0;\n\n    const state: DropdownMultipleState =\n      forceState ?? (open ? \"focus\" : \"default\");\n    const isError = state === \"error\";\n    const isFocus = state === \"focus\";\n\n    // ── Colours ─────────────────────────────────────────────────────────────\n    const bg = isDisabled ? \"bg-disabled-bg\" : \"bg-white\";\n    const labelColor = isDisabled ? \"var(--disabled)\" : \"var(--muted-foreground)\";\n    const caretColor = isDisabled ? \"var(--disabled)\" : \"var(--muted-foreground)\";\n\n    // ── Border overlay ──────────────────────────────────────────────────────\n    const borderInset = isFocus || isError ? \"-1px\" : \"0px\";\n    const borderRad = isFocus || isError ? \"9px\" : \"8px\";\n    const borderColor = isDisabled\n      ? \"var(--border-disabled)\"\n      : isError\n        ? \"var(--destructive)\"\n        : isFocus\n          ? \"var(--primary-action)\"\n          : \"var(--border)\";\n\n    const showBelow = isError || Boolean(helperText);\n    const leftText = isError ? errorMessage : (helperText ?? \"\");\n    const leftColor = isError ? \"var(--destructive)\" : \"var(--muted-foreground)\";\n\n    // ── Selected options ────────────────────────────────────────────────────\n    const selectedOptions = useMemo(\n      () =>\n        currentValue\n          .map((v) => options.find((o) => o.value === v))\n          .filter(Boolean) as DropdownMultipleOption[],\n      [currentValue, options],\n    );\n\n    // ── Dynamic visible count ───────────────────────────────────────────────\n    const { visibleCount, lastTagMaxWidth } = useChipLayout(\n      selectedOptions,\n      measureRef,\n      containerRef,\n    );\n\n    const visibleTags = selectedOptions.slice(0, visibleCount);\n    const overflowCount = Math.max(\n      0,\n      selectedOptions.length - visibleCount,\n    );\n\n    // ── Filtered options ────────────────────────────────────────────────────\n    const filteredOptions = useMemo(() => {\n      if (!search.trim()) return options;\n      const q = search.trim().toLowerCase();\n      return options.filter((o) =>\n        o.label.toLowerCase().includes(q),\n      );\n    }, [search, options]);\n\n    useEffect(() => {\n      if (open && inputRef.current) inputRef.current.focus();\n    }, [open]);\n\n    useEffect(() => {\n      if (!open) setSearch(\"\");\n    }, [open]);\n\n    useEffect(() => {\n      if (!open) return;\n      const handler = (e: MouseEvent) => {\n        if (\n          containerRef.current &&\n          !containerRef.current.contains(e.target as Node)\n        ) {\n          setOpen(false);\n        }\n      };\n      document.addEventListener(\"mousedown\", handler);\n      return () =>\n        document.removeEventListener(\"mousedown\", handler);\n    }, [open]);\n\n    const updateValue = useCallback(\n      (next: string[]) => {\n        if (!controlled) setInternalValue(next);\n        onChange?.(next);\n      },\n      [controlled, onChange],\n    );\n\n    const handleToggleOption = useCallback(\n      (val: string) => {\n        const next = currentValue.includes(val)\n          ? currentValue.filter((v) => v !== val)\n          : [...currentValue, val];\n        updateValue(next);\n      },\n      [currentValue, updateValue],\n    );\n\n    const handleRemoveTag = useCallback(\n      (val: string) => {\n        updateValue(currentValue.filter((v) => v !== val));\n      },\n      [currentValue, updateValue],\n    );\n\n    const handleTriggerClick = () => {\n      if (isDisabled || isStatic) return;\n      if (!open) setOpen(true);\n      inputRef.current?.focus();\n    };\n\n    const handleInputKeyDown = (e: React.KeyboardEvent) => {\n      if (e.key === \"Escape\") setOpen(false);\n      if (\n        e.key === \"Backspace\" &&\n        search === \"\" &&\n        currentValue.length > 0\n      ) {\n        updateValue(currentValue.slice(0, -1));\n      }\n    };\n\n    // ── Floating label ──────────────────────────────────────────────────────\n    const FloatingLabel = () =>\n      required ? (\n        <div className=\"flex gap-[2px] items-center shrink-0 w-full\">\n          <p\n            className=\"shrink-0 leading-[16px] not-italic text-[12px]\"\n            style={{ color: labelColor }}\n          >\n            {placeholder}\n          </p>\n          <p\n            className=\"leading-[1.5] not-italic text-[9px] w-[7px]\"\n            style={{\n              color: isDisabled ? \"var(--disabled)\" : \"var(--error-dark)\",\n            }}\n          >\n            *\n          </p>\n        </div>\n      ) : (\n        <p\n          className=\"shrink-0 w-full leading-[16px] not-italic text-[12px]\"\n          style={{ color: labelColor }}\n        >\n          {placeholder}\n        </p>\n      );\n\n    // ── Placeholder (empty state) ───────────────────────────────────────────\n    const Placeholder = () =>\n      required ? (\n        <div className=\"flex flex-1 min-w-0 min-h-[1px] gap-[2px] items-center\">\n          <p\n            className=\"leading-[20px] not-italic text-[16px] whitespace-nowrap\"\n            style={{ color: labelColor }}\n          >\n            {placeholder}\n          </p>\n          <p\n            className=\"leading-[16px] not-italic text-[12px] w-[7px]\"\n            style={{ color: isDisabled ? \"var(--disabled)\" : \"var(--error-dark)\" }}\n          >\n            *\n          </p>\n        </div>\n      ) : (\n        <p\n          className=\"flex-1 min-w-0 min-h-[1px] text-[16px] leading-[20px] not-italic overflow-hidden text-ellipsis whitespace-nowrap py-[7px]\"\n          style={{ color: labelColor }}\n        >\n          {placeholder}\n        </p>\n      );\n\n    // ── Hidden measurement layer ────────────────────────────────────────────\n    const MeasurementLayer = () => (\n      <div\n        ref={measureRef}\n        aria-hidden\n        className=\"absolute flex gap-[4px] items-center pointer-events-none\"\n        style={{\n          visibility: \"hidden\",\n          top: 0,\n          left: 0,\n          height: 0,\n          overflow: \"hidden\",\n        }}\n      >\n        {selectedOptions.map((opt) =>\n          isStatic ? (\n            <StaticTag\n              key={opt.value}\n              label={opt.label}\n              disabled={isDisabled}\n            />\n          ) : (\n            <RemovableTag\n              key={opt.value}\n              label={opt.label}\n              disabled={isDisabled}\n            />\n          ),\n        )}\n      </div>\n    );\n\n    // ── Render: trigger content ─────────────────────────────────────────────\n    const renderTriggerContent = () => {\n      const hasExternalLabel = Boolean(label);\n\n      // ─── STATIC SHOWCASE ───\n      if (isStatic) {\n        if (isFilled) {\n          return (\n            <div className=\"flex flex-col items-start flex-1 min-w-0 min-h-[1px] relative\">\n              <MeasurementLayer />{\" \"}\n              {!hasExternalLabel && <FloatingLabel />}\n              <div\n                className=\"flex gap-[4px] items-center shrink-0 overflow-hidden\"\n                style={{ maxWidth: \"100%\" }}\n              >\n                {visibleTags.map((opt, i) => (\n                  <StaticTag\n                    key={opt.value}\n                    label={opt.label}\n                    disabled={isDisabled}\n                    maxWidth={\n                      i === visibleTags.length - 1\n                        ? lastTagMaxWidth\n                        : undefined\n                    }\n                  />\n                ))}\n              </div>\n            </div>\n          );\n        }\n        if (!isFilled) {\n          return <Placeholder />;\n        }\n\n        return null;\n      }\n\n      // ─── INTERACTIVE FILLED ───\n      if (isFilled) {\n        return (\n          <div className=\"flex flex-col items-start flex-1 min-w-0 min-h-[1px] relative\">\n            <MeasurementLayer />\n            {!hasExternalLabel && <FloatingLabel />}\n            <div\n              className=\"flex gap-[4px] items-center overflow-hidden\"\n              style={{ maxWidth: \"100%\" }}\n            >\n              {visibleTags.map((opt, i) => (\n                <RemovableTag\n                  key={opt.value}\n                  label={opt.label}\n                  onRemove={() => handleRemoveTag(opt.value)}\n                  maxWidth={\n                    i === visibleTags.length - 1\n                      ? lastTagMaxWidth\n                      : undefined\n                  }\n                />\n              ))}\n\n              {open && (\n                <input\n                  ref={inputRef}\n                  type=\"text\"\n                  value={search}\n                  onChange={(e) => setSearch(e.target.value)}\n                  onKeyDown={handleInputKeyDown}\n                  className=\"flex-1 min-w-[40px] outline-none border-none bg-transparent text-[14px] leading-[20px]\"\n                  style={{\n                    color: \"var(--foreground)\",\n                    caretColor: \"var(--caret-color)\",\n                  }}\n                  onClick={(e) => e.stopPropagation()}\n                />\n              )}\n            </div>\n          </div>\n        );\n      }\n\n      // ─── EMPTY OPEN ───\n      if (open) {\n        return (\n          <input\n            ref={inputRef}\n            type=\"text\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            onKeyDown={handleInputKeyDown}\n            className=\"flex-1 min-w-[40px] outline-none border-none bg-transparent text-[14px] leading-[20px]\"\n            style={{\n              color: \"var(--foreground)\",\n              caretColor: \"var(--caret-color)\",\n            }}\n            onClick={(e) => e.stopPropagation()}\n          />\n        );\n      }\n\n      // ─── EMPTY CLOSED ───\n      if (!isFilled) {\n        return <Placeholder />;\n      }\n\n      return null;\n    };\n\n    const hasExternalLabel = Boolean(label);\n\n    return (\n      <div\n        ref={containerRef}\n        className={cn(\"flex flex-col gap-[4px] w-full max-w-[343px]\", className)}\n      >\n        {label && (\n          <div className=\"relative shrink-0 w-full\">\n            <div className=\"flex items-start px-[4px] w-full\">\n              <p\n                className=\"leading-[20px] not-italic relative shrink-0 text-foreground text-[14px] whitespace-nowrap\"\n                style={{ fontWeight: 700 }}\n              >\n                {label}\n              </p>\n            </div>\n          </div>\n        )}\n\n        <div\n          onClick={handleTriggerClick}\n          className={cn(\n            \"relative flex gap-[8px] items-center rounded-[8px]\",\n            bg,\n            \"px-[14px]\",\n            hasExternalLabel ? \"h-[40px]\" : \"py-[4px] min-h-[48px]\",\n            !isDisabled && !isStatic && \"cursor-pointer\",\n          )}\n        >\n          <div\n            aria-hidden=\"true\"\n            className=\"absolute pointer-events-none border border-solid\"\n            style={{\n              inset: borderInset,\n              borderRadius: borderRad,\n              borderColor,\n            }}\n          />\n          {renderTriggerContent()}\n\n          {isFilled && overflowCount > 0 && (\n            <div\n              className={hasExternalLabel ? \"self-center\" : \"self-end\"}\n            >\n              <OverflowBadge\n                count={overflowCount}\n                disabled={isDisabled}\n              />\n            </div>\n          )}\n\n          <span className=\"shrink-0\" style={{ color: caretColor }}>\n            {isFocus ? <ChevronUpIcon /> : <ChevronDownIcon />}\n          </span>\n        </div>\n\n        {open && !isStatic && options.length > 0 && (\n          <div\n            className=\"relative bg-white rounded-[8px] overflow-clip p-[8px] z-20 flex flex-col items-start\"\n            style={{\n              boxShadow:\n                \"0px 20px 25px -5px rgba(0,0,0,0.1), 0px 8px 10px -6px rgba(0,0,0,0.1)\",\n            }}\n          >\n            <div\n              className={cn(\n                \"w-full flex flex-col\",\n                filteredOptions.length > 10 && \"overflow-y-auto\",\n              )}\n              style={\n                filteredOptions.length > 10\n                  ? { maxHeight: 10 * 48 }\n                  : undefined\n              }\n            >\n              {filteredOptions.length > 0 ? (\n                filteredOptions.map((opt) => {\n                  const isSelected = currentValue.includes(opt.value);\n                  return (\n                    <div\n                      key={opt.value}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        handleToggleOption(opt.value);\n                        inputRef.current?.focus();\n                      }}\n                      className={cn(\n                        \"w-full shrink-0 rounded-[4px] cursor-pointer transition-colors duration-100\",\n                        isSelected\n                          ? \"bg-primary-action-light\"\n                          : \"bg-white hover:bg-disabled-bg\",\n                      )}\n                    >\n                      <div className=\"flex flex-row items-center size-full\">\n                        <div className=\"flex items-center gap-[8px] p-[14px] relative w-full\">\n                          <p\n                            className={cn(\n                              \"flex-1 min-w-0 min-h-[1px] leading-[20px] not-italic overflow-hidden text-[14px] text-ellipsis whitespace-nowrap\",\n                              isSelected\n                                ? \"text-primary-action\"\n                                : \"text-foreground\",\n                            )}\n                          >\n                            {opt.label}\n                          </p>\n                          <div\n                            className={cn(\n                              \"shrink-0 w-[16px] h-[16px] rounded-[3px] flex items-center justify-center transition-colors duration-100\",\n                              \"bg-transparent\",\n                            )}\n                          >\n                            {isSelected && (\n                              <CheckIcon className=\"text-primary-action\" />\n                            )}\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  );\n                })\n              ) : (\n                <div className=\"w-full shrink-0 bg-white\">\n                  <div className=\"flex flex-row items-center size-full\">\n                    <div className=\"flex items-center p-[14px] relative w-full\">\n                      <p className=\"flex-1 min-w-0 min-h-[1px] leading-[20px] not-italic text-[14px] text-disabled\">\n                        No results found\n                      </p>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n\n        {showBelow && (\n          <div className=\"flex items-start px-[4px] text-[12px] leading-[16px]\">\n            <span\n              className=\"flex-1 min-w-0\"\n              style={{ color: leftColor }}\n            >\n              {leftText}\n            </span>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nDropdownMultiple.displayName = \"DropdownMultiple\";\n","\"use client\";\n\nimport React, { forwardRef, useState } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type InputState = \"default\" | \"focus\" | \"error\" | \"disabled\";\n\nexport interface InputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"value\"> {\n  forceState?: InputState;\n  errorMessage?: string;\n  value?: string;\n  onChange?: (value: string) => void;\n  rightIcon?: React.ReactNode;\n  unit?: string;\n  helperText?: string;\n  showCount?: boolean;\n  maxCount?: number;\n}\n\nexport const Input = forwardRef<HTMLDivElement, InputProps>(function Input(\n  {\n    placeholder = \"Text label\",\n    required = false,\n    forceState,\n    errorMessage = \"Error message\",\n    value,\n    onChange,\n    rightIcon,\n    unit,\n    helperText,\n    showCount = false,\n    maxCount = 100,\n    className = \"\",\n    type = \"text\",\n    style: inputStyleProp,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    disabled: _disabledProp,\n    ...inputRest\n  },\n  ref,\n) {\n  const [focused, setFocused] = useState(false);\n  const [internalValue, setInternalValue] = useState(\"\");\n\n  const controlled = value !== undefined;\n  const currentValue = controlled ? value : internalValue;\n  const isDisabled = forceState === \"disabled\";\n\n  const state: InputState = forceState ?? (focused ? \"focus\" : \"default\");\n  const isError = state === \"error\";\n  const isFocus = state === \"focus\";\n  const isFilled = currentValue.length > 0;\n\n  const bg = isDisabled ? \"bg-disabled-bg\" : \"bg-white\";\n  const floatLabel = isDisabled ? \"var(--disabled)\" : \"var(--muted-foreground)\";\n  const filledValue = isDisabled ? \"var(--disabled)\" : \"var(--foreground)\";\n  const unitColor = isDisabled ? \"var(--disabled)\" : \"var(--muted-foreground)\";\n\n  const borderInset = isFocus || isError ? \"-1px\" : \"0px\";\n  const borderRad = isFocus || isError ? \"9px\" : \"8px\";\n  const borderColor = isDisabled\n    ? \"var(--border-disabled)\"\n    : isError\n      ? \"var(--destructive)\"\n      : isFocus\n        ? \"var(--primary-action)\"\n        : \"var(--border)\";\n\n  const hasRight = Boolean(rightIcon) || Boolean(unit);\n  const padding = isFilled\n    ? \"px-[14px] py-[6px]\"\n    : hasRight\n      ? \"px-[14px] py-[12px]\"\n      : \"p-[14px]\";\n\n  const charCount = currentValue.length;\n  const showBelow = isError || Boolean(helperText) || showCount;\n  const leftText = isError ? errorMessage : (helperText ?? \"\");\n  const leftColor = isError ? \"var(--destructive)\" : \"var(--muted-foreground)\";\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (!controlled) setInternalValue(e.target.value);\n    onChange?.(e.target.value);\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    onFocusProp?.(e);\n    setFocused(true);\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    onBlurProp?.(e);\n    setFocused(false);\n  };\n\n  const containerFlex = isFilled\n    ? !hasRight\n      ? \"flex-col items-start justify-center\"\n      : rightIcon\n        ? \"flex items-center gap-[8px]\"\n        : \"flex items-end gap-[8px]\"\n    : cn(\"flex items-center\", hasRight && \"gap-[8px]\");\n\n  const inputCaretStyle: React.CSSProperties = {\n    caretColor: \"var(--caret-color)\",\n  };\n\n  return (\n    <div ref={ref} className={cn(\"flex flex-col gap-[4px] w-full\", className)}>\n      <div\n        className={cn(\n          \"relative rounded-[8px]\",\n          padding,\n          bg,\n          containerFlex,\n        )}\n      >\n        <div\n          aria-hidden=\"true\"\n          className=\"absolute pointer-events-none border border-solid\"\n          style={{\n            inset: borderInset,\n            borderRadius: borderRad,\n            borderColor,\n          }}\n        />\n\n        <div\n          className={cn(\n            \"flex flex-col min-w-0 min-h-[1px]\",\n            hasRight ? \"flex-1 justify-center\" : \"w-full justify-center\",\n          )}\n        >\n          <p\n            className={cn(\n              \"shrink-0 w-full not-italic\",\n              isFilled\n                ? \"leading-[16px] text-[12px]\"\n                : \"text-[16px] leading-[20px] pointer-events-none\",\n            )}\n            style={{ color: floatLabel }}\n          >\n            {placeholder}\n            {required && !isFilled && (\n              <span\n                style={{\n                  color: isDisabled ? \"var(--disabled)\" : \"var(--error-dark)\",\n                }}\n              >\n                {\" *\"}\n              </span>\n            )}\n          </p>\n          {!isDisabled && (\n            <input\n              {...inputRest}\n              type={type}\n              value={currentValue}\n              onChange={handleChange}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n              disabled={isDisabled}\n              aria-label={placeholder}\n              className={cn(\n                \"w-full bg-transparent outline-none border-none min-w-0\",\n                isFilled\n                  ? \"leading-[20px] not-italic text-[14px] p-0 m-0\"\n                  : \"absolute inset-0 h-full cursor-text text-[16px]\",\n              )}\n              style={\n                isFilled\n                  ? { ...inputStyleProp, color: filledValue, ...inputCaretStyle }\n                  : {\n                      ...inputStyleProp,\n                      color: \"transparent\",\n                      caretColor: isFocus ? \"var(--caret-color)\" : \"transparent\",\n                      padding: hasRight ? \"12px 14px\" : \"14px\",\n                    }\n              }\n            />\n          )}\n        </div>\n\n        {rightIcon && (\n          <div\n            className={cn(\n              \"shrink-0 flex items-center\",\n              isFilled && \"self-stretch\",\n              !isFilled && \"relative\",\n            )}\n          >\n            <span className=\"flex items-center justify-center size-[24px] overflow-hidden\">\n              {rightIcon}\n            </span>\n          </div>\n        )}\n        {unit && !rightIcon && (\n          <p\n            className={cn(\n              \"shrink-0 whitespace-nowrap text-[16px]\",\n              !isFilled && \"relative\",\n            )}\n            style={{\n              color: unitColor,\n              lineHeight: \"1.5\",\n              fontVariationSettings: \"'wdth' 100\",\n            }}\n          >\n            {unit}\n          </p>\n        )}\n      </div>\n      {showBelow && (\n        <div className=\"flex items-start gap-[8px] px-[4px] text-[12px] leading-[16px]\">\n          {leftText ? (\n            <span className=\"flex-1 min-w-0\" style={{ color: leftColor }}>\n              {leftText}\n            </span>\n          ) : (\n            showCount && <span className=\"flex-1\" />\n          )}\n          {showCount && (\n            <span\n              className=\"shrink-0 text-right whitespace-nowrap\"\n              style={{ color: \"var(--muted-foreground)\" }}\n            >\n              {charCount}/{maxCount}\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n});\n\nInput.displayName = \"Input\";\n","\"use client\";\n\nimport React, { forwardRef, SVGProps } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport interface OptionItem {\n  label: string;\n  value: string;\n  icon?: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface OptionListProps {\n  options: OptionItem[];\n  selectedValue?: string;\n  selectedValues?: string[];\n  onSelect?: (value: string) => void;\n  onToggle?: (value: string) => void;\n  maxVisible?: number;\n  emptyText?: string;\n  className?: string;\n}\n\nfunction CheckIcon(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"11\"\n      viewBox=\"0 0 16 11\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M1 5.5L5.5 10L15 1\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport const OptionList = forwardRef<HTMLDivElement, OptionListProps>(\n  function OptionList(\n    {\n      options,\n      selectedValue,\n      selectedValues,\n      onSelect,\n      onToggle,\n      maxVisible = 10,\n      emptyText = \"No results found\",\n      className,\n    },\n    ref\n  ) {\n    const isMulti =\n      selectedValues !== undefined || onToggle !== undefined;\n    const isScrollable = options.length > maxVisible;\n    const maxHeight = isScrollable ? maxVisible * 48 + 16 : undefined;\n    const isSelected = (val: string) =>\n      isMulti\n        ? (selectedValues ?? []).includes(val)\n        : val === selectedValue;\n    const handleClick = (opt: OptionItem) => {\n      if (opt.disabled) return;\n      if (isMulti) {\n        onToggle?.(opt.value);\n      } else {\n        onSelect?.(opt.value);\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"flex flex-col items-start overflow-clip rounded-[8px] bg-white px-[8px] py-[8px]\",\n          className\n        )}\n        style={{\n          boxShadow:\n            \"0px 20px 25px -5px rgba(0,0,0,0.1), 0px 8px 10px -6px rgba(0,0,0,0.1)\",\n          ...(isScrollable\n            ? { maxHeight, overflowY: \"auto\" as const }\n            : {}),\n        }}\n      >\n        {options.length > 0 ? (\n          options.map((opt) => {\n            const selected = isSelected(opt.value);\n            const disabled = opt.disabled === true;\n            const rowBg = disabled\n              ? \"bg-disabled-bg\"\n              : selected\n                ? \"bg-selected-bg\"\n                : \"bg-white hover:bg-selected-bg\";\n            return (\n              <div\n                key={opt.value}\n                onClick={() => handleClick(opt)}\n                className={cn(\n                  \"w-full shrink-0 rounded-[4px] transition-colors duration-100\",\n                  rowBg,\n                  disabled ? \"cursor-default\" : \"cursor-pointer\"\n                )}\n              >\n                <div className=\"flex w-full items-center gap-[8px] p-[14px]\">\n                  {opt.icon && (\n                    <span\n                      className=\"flex size-[20px] shrink-0 items-center justify-center overflow-clip\"\n                      style={{\n                        color: disabled\n                          ? \"var(--disabled)\"\n                          : \"var(--muted-foreground)\",\n                      }}\n                    >\n                      {opt.icon}\n                    </span>\n                  )}\n                  <p\n                    className=\"min-h-[1px] min-w-0 flex-1 overflow-hidden text-[14px] leading-[20px] text-ellipsis whitespace-nowrap not-italic\"\n                    style={{\n                      color: disabled\n                        ? \"var(--disabled)\"\n                        : \"var(--foreground)\",\n                    }}\n                  >\n                    {opt.label}\n                  </p>\n                  {selected && (\n                    <span className=\"flex size-[20px] shrink-0 items-center justify-center\">\n                      <CheckIcon className=\"text-primary-action\" />\n                    </span>\n                  )}\n                </div>\n              </div>\n            );\n          })\n        ) : (\n          <div className=\"w-full shrink-0 bg-white\">\n            <div className=\"flex w-full items-center p-[14px]\">\n              <p className=\"min-h-[1px] min-w-0 flex-1 text-[14px] leading-[20px] not-italic text-disabled\">\n                {emptyText}\n              </p>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nOptionList.displayName = \"OptionList\";\n","\"use client\";\n\nimport { MagnifyingGlass, X } from \"@phosphor-icons/react\";\nimport { forwardRef, useRef, useState } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type SearchInputSize = \"lg\" | \"sm\";\n\nexport interface SearchInputProps {\n  placeholder?: string;\n  value?: string;\n  onChange?: (value: string) => void;\n  size?: SearchInputSize;\n  className?: string;\n  onClear?: () => void;\n}\n\nexport const SearchInput = forwardRef<HTMLDivElement, SearchInputProps>(\n  function SearchInput(\n    {\n      placeholder = \"Placeholder\",\n      value,\n      onChange,\n      size = \"lg\",\n      className,\n      onClear,\n    },\n    ref\n  ) {\n    const [focused, setFocused] = useState(false);\n    const [internalValue, setInternalValue] = useState(\"\");\n    const inputRef = useRef<HTMLInputElement>(null);\n    const controlled = value !== undefined;\n    const currentValue = controlled ? value : internalValue;\n    const isFilled = currentValue.length > 0;\n    const iconSize = size === \"lg\" ? 24 : 22;\n    const minHeight = size === \"sm\" ? \"min-h-[32px]\" : \"\";\n    const padding =\n      size === \"sm\" ? \"px-[14px] py-[8px]\" : \"px-[14px] py-[12px]\";\n    const borderInset = focused ? \"-1px\" : \"0px\";\n    const borderRad = focused ? \"9px\" : \"8px\";\n    const borderColor = focused\n      ? \"var(--primary-action)\"\n      : \"var(--border)\";\n    const handleChange = (next: string) => {\n      if (!controlled) setInternalValue(next);\n      onChange?.(next);\n    };\n    const handleClear = () => {\n      if (!controlled) setInternalValue(\"\");\n      onChange?.(\"\");\n      onClear?.();\n      inputRef.current?.focus();\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"relative flex cursor-text items-center gap-[8px] rounded-[8px] bg-white\",\n          padding,\n          minHeight,\n          className\n        )}\n        onClick={() => inputRef.current?.focus()}\n      >\n        <div\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute border border-solid\"\n          style={{\n            inset: borderInset,\n            borderRadius: borderRad,\n            borderColor,\n          }}\n        />\n        <span className=\"flex shrink-0 items-center justify-center\">\n          <MagnifyingGlass\n            size={iconSize}\n            color=\"var(--muted-foreground)\"\n            weight=\"regular\"\n          />\n        </span>\n        <div className=\"relative min-w-0 flex-1\">\n          {!isFilled && (\n            <p\n              className=\"pointer-events-none absolute inset-0 flex items-center text-[16px] leading-[20px] not-italic\"\n              style={{ color: \"var(--muted-foreground)\" }}\n            >\n              {placeholder}\n            </p>\n          )}\n          <input\n            ref={inputRef}\n            type=\"text\"\n            aria-label={placeholder}\n            value={currentValue}\n            onChange={(e) => handleChange(e.target.value)}\n            onFocus={() => setFocused(true)}\n            onBlur={() => setFocused(false)}\n            className=\"m-0 w-full border-none bg-transparent p-0 text-[16px] leading-[20px] outline-none\"\n            style={{\n              color: isFilled ? \"var(--foreground)\" : \"transparent\",\n              caretColor: \"var(--caret-color)\",\n            }}\n          />\n        </div>\n        {focused && isFilled && (\n          <button\n            type=\"button\"\n            aria-label=\"Clear search\"\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={handleClear}\n            className=\"m-0 flex shrink-0 cursor-pointer items-center justify-center border-none bg-transparent p-0\"\n          >\n            <X\n              size={iconSize}\n              color=\"var(--muted-foreground)\"\n              weight=\"regular\"\n            />\n          </button>\n        )}\n      </div>\n    );\n  }\n);\n\nSearchInput.displayName = \"SearchInput\";\n","\"use client\";\n\nimport { forwardRef } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type TabSize = \"lg\" | \"md\" | \"sm\";\n\nexport interface TabItem {\n  id: string;\n  title: string;\n  disabled?: boolean;\n}\n\nexport interface TabProps {\n  title?: string;\n  size?: TabSize;\n  active?: boolean;\n  disabled?: boolean;\n  onClick?: () => void;\n  className?: string;\n}\n\nconst sizeClasses: Record<\n  TabSize,\n  { pad: string; text: string; leading: string; font: string }\n> = {\n  lg: {\n    pad: \"px-[12px] py-[10px]\",\n    text: \"text-[14px]\",\n    leading: \"leading-[20px]\",\n    font: \"font-bold\",\n  },\n  md: {\n    pad: \"px-[10px] py-[8px]\",\n    text: \"text-[14px]\",\n    leading: \"leading-[20px]\",\n    font: \"font-bold\",\n  },\n  sm: {\n    pad: \"px-[8px] py-[6px]\",\n    text: \"text-[12px]\",\n    leading: \"leading-[16px]\",\n    font: \"font-semibold\",\n  },\n};\n\nexport const Tab = forwardRef<HTMLDivElement, TabProps>(function Tab(\n  {\n    title = \"Tab\",\n    size = \"md\",\n    active = false,\n    disabled = false,\n    onClick,\n    className,\n  },\n  ref\n) {\n  const s = sizeClasses[size];\n  const textColor = disabled\n    ? \"text-disabled\"\n    : active\n      ? \"text-primary-action\"\n      : \"text-muted-foreground\";\n  const borderColor =\n    active && !disabled ? \"border-primary-action\" : \"border-border\";\n  const cursor = disabled ? \"cursor-not-allowed\" : \"cursor-pointer\";\n  const hoverBg = !disabled && !active ? \"hover:bg-hover-bg\" : \"\";\n\n  return (\n    <div\n      ref={ref}\n      role=\"tab\"\n      aria-selected={active}\n      aria-disabled={disabled}\n      onClick={!disabled ? onClick : undefined}\n      className={cn(\n        \"relative flex min-w-[80px] select-none items-center justify-center bg-white transition-colors duration-150\",\n        s.pad,\n        cursor,\n        hoverBg,\n        className\n      )}\n    >\n      <div\n        aria-hidden=\"true\"\n        className={cn(\n          \"pointer-events-none absolute inset-0 border-b-[1.5px] border-solid\",\n          borderColor\n        )}\n      />\n      <span\n        className={cn(\n          \"relative overflow-hidden text-ellipsis whitespace-nowrap text-center\",\n          s.text,\n          s.leading,\n          s.font,\n          textColor\n        )}\n      >\n        {title}\n      </span>\n    </div>\n  );\n});\n\nTab.displayName = \"Tab\";\n\nexport interface TabGroupProps {\n  items: TabItem[];\n  activeId?: string;\n  size?: TabSize;\n  onChange?: (id: string) => void;\n  className?: string;\n}\n\nexport const TabGroup = forwardRef<HTMLDivElement, TabGroupProps>(\n  function TabGroup(\n    { items, activeId, size = \"md\", onChange, className },\n    ref\n  ) {\n    return (\n      <div ref={ref} role=\"tablist\" className={cn(\"flex\", className)}>\n        {items.map((item) => (\n          <Tab\n            key={item.id}\n            title={item.title}\n            size={size}\n            active={item.id === activeId}\n            disabled={item.disabled}\n            onClick={() => onChange?.(item.id)}\n          />\n        ))}\n      </div>\n    );\n  }\n);\n\nTabGroup.displayName = \"TabGroup\";\n","\"use client\";\n\nimport React, { forwardRef, useState } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type TextAreaState = \"default\" | \"focus\" | \"error\" | \"disabled\";\n\nexport interface TextAreaProps\n  extends Omit<\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    \"onChange\" | \"value\" | \"rows\"\n  > {\n  forceState?: TextAreaState;\n  errorMessage?: string;\n  value?: string;\n  onChange?: (value: string) => void;\n  helperText?: string;\n  showCount?: boolean;\n  maxCount?: number;\n  rows?: number;\n}\n\nexport const TextArea = forwardRef<HTMLDivElement, TextAreaProps>(\n  function TextArea(\n    {\n      placeholder = \"Text label\",\n      required = false,\n      forceState,\n      errorMessage = \"Error message\",\n      value,\n      onChange,\n      helperText,\n      showCount = false,\n      maxCount = 100,\n      rows = 4,\n      className,\n      ...textareaProps\n    },\n    ref,\n  ) {\n    const [focused, setFocused] = useState(false);\n    const [internalValue, setInternalValue] = useState(\"\");\n\n    const controlled = value !== undefined;\n    const currentValue = controlled ? value : internalValue;\n    const isDisabled = forceState === \"disabled\";\n\n    const state: TextAreaState = forceState ?? (focused ? \"focus\" : \"default\");\n    const isError = state === \"error\";\n    const isFocus = state === \"focus\";\n    const isFilled = currentValue.length > 0;\n\n    const floatLabel = isDisabled ? \"var(--disabled)\" : \"var(--muted-foreground)\";\n    const filledValue = isDisabled ? \"var(--disabled)\" : \"var(--foreground)\";\n\n    const borderInset = isFocus || isError ? \"-1px\" : \"0px\";\n    const borderRad = isFocus || isError ? \"9px\" : \"8px\";\n    const borderColor = isDisabled\n      ? \"var(--border-disabled)\"\n      : isError\n        ? \"var(--destructive)\"\n        : isFocus\n          ? \"var(--primary-action)\"\n          : \"var(--border)\";\n\n    const charCount = currentValue.length;\n    const showBelow = isError || Boolean(helperText) || showCount;\n    const leftText = isError ? errorMessage : (helperText ?? \"\");\n    const leftColor = isError ? \"var(--destructive)\" : \"var(--muted-foreground)\";\n    const countColor = isDisabled ? \"var(--disabled)\" : \"var(--muted-foreground)\";\n\n    const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      let newValue = e.target.value;\n      if (showCount && newValue.length > maxCount) {\n        newValue = newValue.slice(0, maxCount);\n      }\n      if (!controlled) setInternalValue(newValue);\n      onChange?.(newValue);\n    };\n\n    return (\n      <div ref={ref} className={cn(\"flex w-full flex-col gap-[4px]\", className)}>\n        <div\n          className={cn(\n            \"relative h-[116px] rounded-[8px]\",\n            isDisabled ? \"bg-disabled-bg\" : \"bg-white\",\n          )}\n        >\n          <div\n            aria-hidden=\"true\"\n            className=\"pointer-events-none absolute border border-solid\"\n            style={{ inset: borderInset, borderRadius: borderRad, borderColor }}\n          />\n          {isFilled ? (\n            <div className=\"flex h-full w-full flex-col items-start p-[14px] pb-[6px]\">\n              <p\n                className=\"w-full shrink-0 text-[12px] leading-[16px] not-italic\"\n                style={{ color: floatLabel }}\n              >\n                {placeholder}\n              </p>\n              <textarea\n                {...textareaProps}\n                value={currentValue}\n                onChange={handleChange}\n                onFocus={(e) => {\n                  textareaProps.onFocus?.(e);\n                  setFocused(true);\n                }}\n                onBlur={(e) => {\n                  textareaProps.onBlur?.(e);\n                  setFocused(false);\n                }}\n                disabled={isDisabled}\n                rows={rows}\n                aria-label={placeholder}\n                className={cn(\n                  \"m-0 min-w-0 flex-1 resize-none border-none bg-transparent p-0 text-[14px] leading-[20px] not-italic outline-none\",\n                )}\n                style={{\n                  ...textareaProps.style,\n                  color: filledValue,\n                  caretColor: \"var(--caret-color)\",\n                }}\n              />\n            </div>\n          ) : (\n            <div className=\"relative flex size-full items-start p-[14px]\">\n              <p\n                className=\"pointer-events-none relative h-full min-h-[1px] min-w-0 flex-1 text-[16px] leading-[20px] not-italic\"\n                style={{ color: floatLabel }}\n              >\n                {placeholder}\n                {required && (\n                  <span\n                    style={{\n                      color: isDisabled ? \"var(--disabled)\" : \"var(--error-dark)\",\n                    }}\n                  >\n                    {\" \"}\n                    *\n                  </span>\n                )}\n              </p>\n              {!isDisabled && (\n                <textarea\n                  {...textareaProps}\n                  value={currentValue}\n                  onChange={handleChange}\n                  onFocus={(e) => {\n                    textareaProps.onFocus?.(e);\n                    setFocused(true);\n                  }}\n                  onBlur={(e) => {\n                    textareaProps.onBlur?.(e);\n                    setFocused(false);\n                  }}\n                  rows={rows}\n                  className={cn(\n                    \"absolute inset-0 h-full w-full cursor-text resize-none border-none bg-transparent text-[16px] outline-none\",\n                  )}\n                  style={{\n                    ...textareaProps.style,\n                    color: \"transparent\",\n                    caretColor: isFocus ? \"var(--caret-color)\" : \"transparent\",\n                    padding: \"14px\",\n                  }}\n                  aria-label={placeholder}\n                />\n              )}\n            </div>\n          )}\n        </div>\n        {showBelow && (\n          <div\n            className=\"flex items-start gap-[8px] px-[4px] text-[12px] leading-[16px]\"\n          >\n            {leftText ? (\n              <span className=\"min-w-0 flex-1\" style={{ color: leftColor }}>\n                {leftText}\n              </span>\n            ) : (\n              showCount && <span className=\"flex-1\" />\n            )}\n            {showCount && (\n              <span\n                className=\"shrink-0 whitespace-nowrap text-right\"\n                style={{ color: countColor }}\n              >\n                {charCount}/{maxCount}\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nTextArea.displayName = \"TextArea\";\n","\"use client\";\n\nimport { Clock, Minus } from \"@phosphor-icons/react\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"./button\";\nimport {\n  Drawer,\n  DrawerContent,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"./ui/drawer\";\nimport { useIsMobile } from \"./ui/use-mobile\";\n\n// ─── Types ─────────────────────────────────────────────────────────────────────\nexport type TimeInputState =\n  | \"default\"\n  | \"focus\"\n  | \"error\"\n  | \"disabled\";\nexport type TimeInputMode = \"single\" | \"range\";\n\nexport interface TimeValue {\n  hour: number; // 0–23\n  minute: number; // 0–59\n}\n\nexport interface TimeInputProps {\n  mode?: TimeInputMode;\n  /** Floating label / placeholder text */\n  placeholder?: string;\n  /** Shows red asterisk */\n  required?: boolean;\n  /** Override visual state (for showcase) */\n  forceState?: TimeInputState;\n  /** Error message shown below in error state */\n  errorMessage?: string;\n  /** Helper text shown below */\n  helperText?: string;\n  /** Single mode value */\n  value?: TimeValue;\n  onChange?: (v: TimeValue) => void;\n  /** Range mode values */\n  startTime?: TimeValue;\n  endTime?: TimeValue;\n  onStartChange?: (v: TimeValue) => void;\n  onEndChange?: (v: TimeValue) => void;\n  className?: string;\n}\n\n// ─── Constants ─────────────────────────────────────────────────────────────────\nconst HOURS = Array.from({ length: 24 }, (_, i) => i);\nconst MINUTES = Array.from({ length: 60 }, (_, i) => i);\nconst ITEM_H = 40;\nconst DRUM_H = 248;\nconst SPACER = (DRUM_H - ITEM_H) / 2;\n\n// ─── Time Slot helpers (range mode) ───────────────────────────────────────────\nexport interface TimeSlot {\n  start: TimeValue;\n  end: TimeValue;\n  label: string; // \"HH:MM - HH:MM\"\n}\n\n/** Generate 1-hour slots for the full day (00:00-01:00 … 23:00-00:00) */\nfunction generateHourlySlots(): TimeSlot[] {\n  return Array.from({ length: 24 }, (_, i) => ({\n    start: { hour: i, minute: 0 },\n    end: { hour: (i + 1) % 24, minute: 0 },\n    label: `${pad2(i)}:00 - ${pad2((i + 1) % 24)}:00`,\n  }));\n}\n\nfunction slotMatches(\n  slot: TimeSlot,\n  start: TimeValue,\n  end: TimeValue,\n) {\n  return (\n    slot.start.hour === start.hour &&\n    slot.start.minute === start.minute &&\n    slot.end.hour === end.hour &&\n    slot.end.minute === end.minute\n  );\n}\n\nfunction pad2(n: number) {\n  return n.toString().padStart(2, \"0\");\n}\nfunction formatTime(v: TimeValue) {\n  return `${pad2(v.hour)}:${pad2(v.minute)}`;\n}\n\n// ─── Scroll Drum Column ────────────────────────────────────────────────────────\nfunction ScrollColumn({\n  items,\n  value,\n  onChange,\n}: {\n  items: number[];\n  value: number;\n  onChange: (v: number) => void;\n}) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const debounceRef = useRef<\n    ReturnType<typeof setTimeout> | undefined\n  >(undefined);\n  const [localValue, setLocalValue] = useState(value);\n  const isUserScrolling = useRef(false);\n\n  useEffect(() => {\n    const el = containerRef.current;\n    if (el) {\n      el.scrollTop = items.indexOf(value) * ITEM_H;\n      setLocalValue(value);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (isUserScrolling.current) return;\n    const el = containerRef.current;\n    if (el) {\n      const idx = items.indexOf(value);\n      if (idx >= 0) {\n        el.scrollTo({ top: idx * ITEM_H, behavior: \"smooth\" });\n        setLocalValue(value);\n      }\n    }\n  }, [value, items]);\n\n  const handleScroll = useCallback(() => {\n    isUserScrolling.current = true;\n    const el = containerRef.current;\n    if (!el) return;\n\n    const rawIdx = el.scrollTop / ITEM_H;\n    const idx = Math.max(\n      0,\n      Math.min(Math.round(rawIdx), items.length - 1),\n    );\n    setLocalValue(items[idx]);\n\n    clearTimeout(debounceRef.current);\n    debounceRef.current = setTimeout(() => {\n      isUserScrolling.current = false;\n      const finalIdx = Math.max(\n        0,\n        Math.min(\n          Math.round(el.scrollTop / ITEM_H),\n          items.length - 1,\n        ),\n      );\n      const finalValue = items[finalIdx];\n      el.scrollTo({\n        top: finalIdx * ITEM_H,\n        behavior: \"smooth\",\n      });\n      onChange(finalValue);\n      setLocalValue(finalValue);\n    }, 120);\n  }, [items, onChange]);\n\n  const handleItemClick = useCallback(\n    (item: number) => {\n      const idx = items.indexOf(item);\n      setLocalValue(item);\n      onChange(item);\n      containerRef.current?.scrollTo({\n        top: idx * ITEM_H,\n        behavior: \"smooth\",\n      });\n    },\n    [items, onChange],\n  );\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"relative [&::-webkit-scrollbar]:hidden\"\n      style={{\n        width: 39,\n        height: DRUM_H,\n        overflowY: \"scroll\",\n        scrollSnapType: \"y mandatory\",\n        scrollbarWidth: \"none\",\n      }}\n      onScroll={handleScroll}\n    >\n      <div style={{ height: SPACER, flexShrink: 0 }} />\n\n      {items.map((item) => {\n        const isSel = item === localValue;\n        return (\n          <div\n            key={item}\n            style={{\n              height: ITEM_H,\n              scrollSnapAlign: \"center\",\n            }}\n            className=\"flex items-center justify-center cursor-pointer select-none\"\n            onClick={() => handleItemClick(item)}\n          >\n            <span\n              style={{\n                fontSize: isSel ? 32 : 14,\n                lineHeight: 1,\n                color: isSel\n                  ? \"var(--foreground)\"\n                  : \"var(--disabled)\",\n                transition: \"font-size 0.1s, color 0.1s\",\n              }}\n            >\n              {pad2(item)}\n            </span>\n          </div>\n        );\n      })}\n\n      <div style={{ height: SPACER, flexShrink: 0 }} />\n    </div>\n  );\n}\n\n// ─── Range Slot Grid (PopupCalendar design) ────────────────────────────────────\nconst DEFAULT_SLOTS = generateHourlySlots();\n\nfunction RangeSlotPicker({\n  slots = DEFAULT_SLOTS,\n  startValue,\n  endValue,\n  onSelect,\n}: {\n  slots?: TimeSlot[];\n  startValue: TimeValue;\n  endValue: TimeValue;\n  onSelect: (slot: TimeSlot) => void;\n}) {\n  return (\n    <div\n      className=\"overflow-y-auto [&::-webkit-scrollbar]:hidden\"\n      style={{ maxHeight: 320, scrollbarWidth: \"none\", minWidth: 300 }}\n    >\n      <div\n        className=\"content-center grid grid-cols-2 gap-x-[20px] gap-y-[32px] items-center justify-between overflow-clip relative\"\n        style={{ padding: \"24px 40px\" }}\n      >\n        {slots.map((slot, idx) => {\n          const isSelected = slotMatches(\n            slot,\n            startValue,\n            endValue,\n          );\n          return (\n            <div\n              key={idx}\n              onClick={() => onSelect(slot)}\n              className={cn(\n                \"content-stretch flex h-[25px] items-center justify-center relative rounded-[4px] shrink-0 cursor-pointer select-none transition-colors duration-100\",\n                isSelected\n                  ? \"bg-primary-action\"\n                  : \"hover:bg-primary-action-light\",\n              )}\n              style={{ padding: \"2px 8px\" }}\n            >\n              <p\n                className=\"leading-[22px] relative shrink-0 text-[14px] text-center whitespace-nowrap\"\n                style={{\n                  fontVariationSettings: \"'wdth' 100\",\n                  color: isSelected\n                    ? \"#ffffff\"\n                    : \"var(--foreground)\",\n                }}\n              >\n                {slot.label}\n              </p>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\n// ─── Action Buttons (ยกเลิก / ตกลง) ────────────────────────────────────────────\nfunction PickerActions({\n  onCancel,\n  onConfirm,\n  px = 24,\n}: {\n  onCancel?: () => void;\n  onConfirm?: () => void;\n  px?: number;\n}) {\n  return (\n    <div\n      className=\"flex gap-[12px] items-center\"\n      style={{ padding: `16px ${px}px` }}\n    >\n      <Button\n        variant=\"outline\"\n        size=\"lg\"\n        className=\"flex-1\"\n        onClick={onCancel}\n      >\n        ยกเลิก\n      </Button>\n      <Button\n        variant=\"primary\"\n        size=\"lg\"\n        className=\"flex-1\"\n        onClick={onConfirm}\n      >\n        ตกลง\n      </Button>\n    </div>\n  );\n}\n\n// ─── Time Picker Content (drums / slots only — no bg, no buttons) ──────────────\nfunction TimePickerContent({\n  mode,\n  singleValue,\n  onSingleChange,\n  startValue,\n  endValue,\n  onStartChange,\n  onEndChange,\n}: {\n  mode: TimeInputMode;\n  singleValue: TimeValue;\n  onSingleChange: (v: TimeValue) => void;\n  startValue: TimeValue;\n  endValue: TimeValue;\n  onStartChange: (v: TimeValue) => void;\n  onEndChange: (v: TimeValue) => void;\n}) {\n  // ── Range mode → slot grid ─────────────────────────────────────────────────\n  if (mode === \"range\") {\n    return (\n      <RangeSlotPicker\n        startValue={startValue}\n        endValue={endValue}\n        onSelect={(slot) => {\n          onStartChange(slot.start);\n          onEndChange(slot.end);\n        }}\n      />\n    );\n  }\n\n  // ── Single mode → drum scroll ──────────────────────────────────────────────\n  const handleHour = (h: number) =>\n    onSingleChange({ ...singleValue, hour: h });\n  const handleMinute = (m: number) =>\n    onSingleChange({ ...singleValue, minute: m });\n\n  return (\n    <div className=\"relative w-full\">\n      {/* Highlight band */}\n      <div\n        className=\"absolute left-0 right-0 rounded-[4px] bg-selected-light-bg pointer-events-none\"\n        style={{\n          top: \"50%\",\n          transform: \"translateY(-50%)\",\n          height: ITEM_H,\n          zIndex: 0,\n        }}\n      />\n      <div\n        className=\"relative flex gap-[8px] items-center justify-center\"\n        style={{ zIndex: 1 }}\n      >\n        <ScrollColumn\n          items={HOURS}\n          value={singleValue.hour}\n          onChange={handleHour}\n        />\n        <div\n          className=\"flex items-center justify-center shrink-0\"\n          style={{ height: ITEM_H, width: 8 }}\n        >\n          <span\n            style={{\n              fontSize: 32,\n              lineHeight: 1,\n              color: \"var(--foreground)\",\n            }}\n          >\n            :\n          </span>\n        </div>\n        <ScrollColumn\n          items={MINUTES}\n          value={singleValue.minute}\n          onChange={handleMinute}\n        />\n      </div>\n    </div>\n  );\n}\n\n// ─── Main Component ────────────────────────────────────────────────────────────\nconst TimeInput = forwardRef<HTMLDivElement, TimeInputProps>(\n  (\n    {\n      mode = \"single\",\n      placeholder = \"Text label\",\n      required = false,\n      forceState,\n      errorMessage = \"Error message\",\n      helperText,\n      value,\n      onChange,\n      startTime,\n      endTime,\n      onStartChange,\n      onEndChange,\n      className,\n    },\n    ref,\n  ) => {\n    const [open, setOpen] = useState(false);\n    const isMobile = useIsMobile();\n\n    const [internalSingle, setInternalSingle] = useState<\n      TimeValue | undefined\n    >(undefined);\n    const [internalStart, setInternalStart] = useState<TimeValue>({\n      hour: 0,\n      minute: 0,\n    });\n    const [internalEnd, setInternalEnd] = useState<TimeValue>({\n      hour: 0,\n      minute: 0,\n    });\n\n    const [draftSingle, setDraftSingle] = useState<TimeValue>({\n      hour: 0,\n      minute: 0,\n    });\n    const [draftStart, setDraftStart] = useState<TimeValue>({\n      hour: 0,\n      minute: 0,\n    });\n    const [draftEnd, setDraftEnd] = useState<TimeValue>({\n      hour: 0,\n      minute: 0,\n    });\n\n    const isStatic = Boolean(forceState);\n    const isDisabled = forceState === \"disabled\";\n\n    const currentValue =\n      value !== undefined ? value : internalSingle;\n    const currentStart =\n      startTime !== undefined ? startTime : internalStart;\n    const currentEnd =\n      endTime !== undefined ? endTime : internalEnd;\n\n    const state: TimeInputState =\n      forceState ?? (open ? \"focus\" : \"default\");\n    const isError = state === \"error\";\n    const isFocus = state === \"focus\";\n\n    const isFilled =\n      mode === \"single\" ? Boolean(currentValue) : true;\n\n    // ── Colours ──────────────────────────────────────────────────────────────────\n    const bgClass = isDisabled ? \"bg-disabled-bg\" : \"bg-white\";\n    const labelColor = isDisabled\n      ? \"var(--disabled)\"\n      : \"var(--muted-foreground)\";\n    const valueColor = isDisabled\n      ? \"var(--disabled)\"\n      : \"var(--foreground)\";\n    const iconColor = isDisabled\n      ? \"var(--disabled)\"\n      : \"var(--muted-foreground)\";\n    const minusColor = isDisabled\n      ? \"var(--disabled)\"\n      : \"var(--muted-foreground)\";\n    const asteriskColor = isDisabled\n      ? \"var(--disabled)\"\n      : \"var(--error-dark)\";\n    const asteriskSmall = isDisabled\n      ? \"var(--disabled)\"\n      : \"var(--error-dark)\";\n\n    // ── Border ────────────────────────────────────────────────────────────────────\n    const borderInset = isFocus || isError ? \"-1px\" : \"0px\";\n    const borderRad = isFocus || isError ? \"9px\" : \"8px\";\n    const borderColor = isDisabled\n      ? \"var(--border-disabled)\"\n      : isError\n        ? \"var(--destructive)\"\n        : isFocus\n          ? \"var(--primary-action)\"\n          : \"var(--border)\";\n\n    const showBelow = isError || Boolean(helperText);\n    const leftText = isError ? errorMessage : (helperText ?? \"\");\n    const leftColor = isError\n      ? \"var(--error-dark)\"\n      : \"var(--muted-foreground)\";\n\n    // ── Handlers ─────────────────────────────────────────────────────────────────\n    const commitSingle = useCallback(\n      (v: TimeValue) => {\n        if (value === undefined) setInternalSingle(v);\n        onChange?.(v);\n      },\n      [value, onChange],\n    );\n    const commitStart = useCallback(\n      (v: TimeValue) => {\n        if (startTime === undefined) setInternalStart(v);\n        onStartChange?.(v);\n      },\n      [startTime, onStartChange],\n    );\n    const commitEnd = useCallback(\n      (v: TimeValue) => {\n        if (endTime === undefined) setInternalEnd(v);\n        onEndChange?.(v);\n      },\n      [endTime, onEndChange],\n    );\n\n    // ── Trigger content ───────────────────────────────────────────────────────────\n    const renderContent = () => {\n      if (isFilled && (mode === \"range\" || currentValue)) {\n        const floatLabel = required ? (\n          <div className=\"flex gap-[2px] items-center shrink-0 w-full\">\n            <p\n              className=\"leading-[16px] not-italic shrink-0 text-[12px] whitespace-nowrap\"\n              style={{ color: labelColor }}\n            >\n              {placeholder}\n            </p>\n            <p\n              className=\"leading-[1.5] not-italic shrink-0 text-[9px] w-[7px]\"\n              style={{ color: asteriskSmall }}\n            >\n              *\n            </p>\n          </div>\n        ) : (\n          <p\n            className=\"leading-[16px] not-italic shrink-0 text-[12px] w-full\"\n            style={{ color: labelColor }}\n          >\n            {placeholder}\n          </p>\n        );\n\n        const valueRow =\n          mode === \"single\" && currentValue ? (\n            <p\n              className=\"leading-[20px] not-italic shrink-0 text-[16px] w-full\"\n              style={{ color: valueColor }}\n            >\n              {formatTime(currentValue)}\n            </p>\n          ) : mode === \"range\" ? (\n            <div className=\"flex gap-[8px] items-center shrink-0 w-full\">\n              <p\n                className=\"leading-[20px] not-italic shrink-0 text-[16px] whitespace-nowrap\"\n                style={{ color: valueColor }}\n              >\n                {formatTime(currentStart)}\n              </p>\n              <Minus\n                size={20}\n                color={minusColor}\n                weight=\"bold\"\n              />\n              <p\n                className=\"leading-[20px] not-italic shrink-0 text-[16px] whitespace-nowrap\"\n                style={{ color: valueColor }}\n              >\n                {formatTime(currentEnd)}\n              </p>\n            </div>\n          ) : null;\n\n        return (\n          <div className=\"content-stretch flex flex-1 flex-col items-center justify-center min-h-px min-w-px relative\">\n            {floatLabel}\n            {valueRow}\n          </div>\n        );\n      }\n\n      if (required) {\n        return (\n          <div className=\"content-stretch flex flex-1 min-w-px min-h-px gap-[2px] items-center relative\">\n            <p\n              className=\"leading-[20px] not-italic shrink-0 text-[16px] whitespace-nowrap\"\n              style={{ color: labelColor }}\n            >\n              {placeholder}\n            </p>\n            <p\n              className=\"font-normal h-full leading-[1.5] not-italic shrink-0 text-[12px] w-[7px]\"\n              style={{ color: asteriskColor }}\n            >\n              *\n            </p>\n          </div>\n        );\n      }\n\n      return (\n        <p\n          className=\"flex-1 min-w-0 min-h-px text-[16px] leading-[20px] not-italic overflow-hidden text-ellipsis whitespace-nowrap relative\"\n          style={{ color: labelColor }}\n        >\n          {placeholder}\n        </p>\n      );\n    };\n\n    const isTriggerFilled =\n      isFilled && (mode === \"range\" || currentValue);\n    const triggerPadding = isTriggerFilled\n      ? \"py-[6px]\"\n      : \"py-[12px]\";\n    const triggerBase = cn(\n      \"relative flex gap-[8px] items-center rounded-[8px] px-[14px] w-full\",\n      bgClass,\n      triggerPadding,\n    );\n\n    const triggerInner = (\n      <>\n        <div\n          aria-hidden=\"true\"\n          className=\"absolute pointer-events-none border border-solid\"\n          style={{\n            inset: borderInset,\n            borderRadius: borderRad,\n            borderColor,\n          }}\n        />\n        {renderContent()}\n        <div\n          className={cn(\n            \"flex flex-row items-center shrink-0\",\n            isTriggerFilled && \"self-stretch\",\n          )}\n        >\n          <Clock\n            size={isTriggerFilled ? 22 : 24}\n            color={iconColor}\n            weight=\"regular\"\n          />\n        </div>\n      </>\n    );\n\n    const belowMsg = showBelow && (\n      <div className=\"flex items-start px-[4px] text-[12px] leading-[16px]\">\n        <span\n          className=\"flex-1 min-w-0\"\n          style={{ color: leftColor }}\n        >\n          {leftText}\n        </span>\n      </div>\n    );\n\n    // ── Static (forceState) ───────────────────────────────────────────────────────\n    if (isStatic) {\n      return (\n        <div\n          ref={ref}\n          className={cn(\n            \"flex flex-col gap-[4px] w-full\",\n            className,\n          )}\n        >\n          <div className={triggerBase}>{triggerInner}</div>\n          {belowMsg}\n        </div>\n      );\n    }\n\n    const handleOpenChange = (o: boolean) => {\n      if (!isDisabled) {\n        if (o) {\n          setDraftSingle(\n            currentValue ?? { hour: 0, minute: 0 },\n          );\n          setDraftStart(currentStart);\n          setDraftEnd(currentEnd);\n        }\n        setOpen(o);\n      }\n    };\n\n    const handleCancel = () => setOpen(false);\n\n    const handleConfirm = () => {\n      if (mode === \"single\") {\n        commitSingle(draftSingle);\n      } else {\n        commitStart(draftStart);\n        commitEnd(draftEnd);\n      }\n      setOpen(false);\n    };\n\n    const triggerButton = (\n      <button\n        type=\"button\"\n        disabled={isDisabled}\n        className={cn(\n          triggerBase,\n          \"text-left cursor-pointer disabled:cursor-default\",\n        )}\n      >\n        {triggerInner}\n      </button>\n    );\n\n    const pickerContent = (\n      <TimePickerContent\n        mode={mode}\n        singleValue={draftSingle}\n        onSingleChange={setDraftSingle}\n        startValue={draftStart}\n        endValue={draftEnd}\n        onStartChange={setDraftStart}\n        onEndChange={setDraftEnd}\n      />\n    );\n\n    const actionButtons = (\n      <div className=\"flex gap-[12px] items-center pt-[12px]\">\n        <Button\n          variant=\"outline\"\n          size=\"lg\"\n          className=\"flex-1\"\n          onClick={handleCancel}\n        >\n          ยกเลิก\n        </Button>\n        <Button\n          variant=\"primary\"\n          size=\"lg\"\n          className=\"flex-1\"\n          onClick={handleConfirm}\n        >\n          ตกลง\n        </Button>\n      </div>\n    );\n\n    // ── Interactive ───────────────────────────────────────────────────────────────\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"flex flex-col gap-[4px] w-full\",\n          className,\n        )}\n      >\n        {isMobile ? (\n          <Drawer open={open} onOpenChange={handleOpenChange}>\n            <DrawerTrigger asChild>\n              {triggerButton}\n            </DrawerTrigger>\n            <DrawerContent>\n              <DrawerTitle className=\"sr-only\">\n                เลือกเวลา\n              </DrawerTitle>\n              <div className=\"overflow-auto px-4 pt-2 pb-8 w-full\">\n                {pickerContent}\n                {actionButtons}\n              </div>\n            </DrawerContent>\n          </Drawer>\n        ) : (\n          <Popover.Root\n            open={open}\n            onOpenChange={handleOpenChange}\n          >\n            <Popover.Trigger asChild>\n              {triggerButton}\n            </Popover.Trigger>\n\n            <Popover.Portal>\n              <Popover.Content\n                align=\"start\"\n                sideOffset={4}\n                className=\"z-50 rounded-[8px] bg-white p-3 outline-none max-w-[340px]\"\n                style={{\n                  boxShadow:\n                    \"0px 20px 25px -5px rgba(0,0,0,0.1), 0px 8px 10px -6px rgba(0,0,0,0.1)\",\n                  border: \"1px solid rgba(0,0,0,0.08)\",\n                  minWidth:\n                    mode === \"single\" ? 327 : undefined,\n                }}\n                onOpenAutoFocus={(e) => e.preventDefault()}\n              >\n                {pickerContent}\n                {actionButtons}\n              </Popover.Content>\n            </Popover.Portal>\n          </Popover.Root>\n        )}\n        {belowMsg}\n      </div>\n    );\n  },\n);\n\nTimeInput.displayName = \"TimeInput\";\n\nexport { TimeInput };\n"],"names":["twMerge","clsx","forwardRef","Button","useState","jsx","jsxs","Lock","CalendarBlank","MapPin","Users","Card","React","DrawerPrimitive","useNavigation","ChevronLeft","ChevronRight","Fragment","ChevronsLeft","ChevronsRight","useRef","useEffect","useCallback","DateInput","Minus","DayPicker","Popover","ChevronDownIcon","ChevronUpIcon","CheckIcon","useLayoutEffect","_a","_b","DropdownMultiple","useMemo","hasExternalLabel","Input","OptionList","SearchInput","MagnifyingGlass","X","Tab","TabGroup","TextArea","Clock"],"mappings":"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"}