@sarunyu/system-one 4.9.27 → 4.9.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/AGENTS.md +1 -0
  2. package/DESIGN.md +2 -2
  3. package/dist/index.cjs +187 -19
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.js +187 -19
  6. package/dist/index.js.map +1 -1
  7. package/dist/src/components/avatar-stack.d.ts +24 -0
  8. package/dist/src/components/avatar-stack.d.ts.map +1 -0
  9. package/dist/src/components/avatar.d.ts +20 -0
  10. package/dist/src/components/avatar.d.ts.map +1 -0
  11. package/dist/src/components/bottom-sheet.d.ts.map +1 -1
  12. package/dist/src/index.d.ts +8 -0
  13. package/dist/src/index.d.ts.map +1 -1
  14. package/dist/style.css +1 -1
  15. package/llms.txt +53 -1
  16. package/package.json +1 -1
package/dist/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../src/lib/utils.ts","../src/components/button.tsx","../src/components/badge.tsx","../src/components/alert.tsx","../src/components/ui/use-mobile.ts","../src/components/card.tsx","../src/components/checkbox.tsx","../src/components/toggle.tsx","../src/components/radio.tsx","../src/components/chip.tsx","../src/components/ui/drawer.tsx","../src/components/bottom-sheet.tsx","../src/components/date-input.tsx","../src/components/dropdown.tsx","../src/components/dropdown-multiple.tsx","../src/components/input.tsx","../src/components/modal.tsx","../src/components/notification.tsx","../src/components/toast.tsx","../src/components/option-list.tsx","../src/components/search-input.tsx","../src/components/tab.tsx","../src/components/tag.tsx","../src/components/table.tsx","../src/components/textarea.tsx","../src/components/time-input.tsx","../src/index.ts"],"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 /** Button size. Label sizes: xs, sm, md, lg, xl. Icon-only sizes: icon-xs through icon-xl. Default: \"md\". */\n size?: ButtonSize;\n /** Visual style. Use \"primary\" for the main CTA, \"outline\" for secondary, \"plain\" for tertiary. Default: \"primary\". */\n variant?: ButtonVariant;\n children?: React.ReactNode;\n /** Icon element rendered to the left of the label. Only applies to label-size buttons. */\n leftIcon?: React.ReactNode;\n /** Icon element rendered to the right of the label. Only applies to label-size buttons. */\n rightIcon?: React.ReactNode;\n}\n\n// ─── Label-size maps (use token-based Tailwind classes) ───────────────────────\nconst labelIconSizeClass: Record<ButtonLabelSize, string> = {\n xs: \"h-4 w-4\", // 16px\n sm: \"h-4.5 w-4.5\", // ~18px\n md: \"h-4.5 w-4.5\",\n lg: \"h-5 w-5\", // 20px\n xl: \"h-5 w-5\",\n};\n\nconst gapClass: Record<ButtonLabelSize, string> = {\n xs: \"gap-0.5\", // 2px\n sm: \"gap-0.5\",\n md: \"gap-0.5\",\n lg: \"gap-1\", // 4px\n xl: \"gap-1\",\n};\n\nconst textSizeClass: Record<ButtonLabelSize, string> = {\n xs: \"text-xs leading-4\",\n sm: \"text-sm leading-5\",\n md: \"text-sm leading-5\",\n lg: \"text-sm leading-5\",\n xl: \"text-sm leading-5\",\n};\n\nconst roundedLabelClass: Record<ButtonLabelSize, string> = {\n xs: \"rounded\",\n sm: \"rounded-md\",\n md: \"rounded-md\",\n lg: \"rounded-lg\",\n xl: \"rounded-lg\",\n};\n\nconst heightClass: Record<ButtonLabelSize, string> = {\n xs: \"h-[26px]\",\n sm: \"h-[28px]\",\n md: \"h-8\", // 32px\n lg: \"h-9\", // 36px\n xl: \"h-10\", // 40px\n};\n\nfunction getPaddingClasses(\n size: ButtonLabelSize,\n hasLeft: boolean,\n hasRight: boolean,\n): readonly [string, string] {\n const pxMap: Record<ButtonLabelSize, { l: string; r: string }> = {\n xs: { l: \"pl-1.5\", r: \"pr-1.5\" }, // 6px\n sm: { l: \"pl-2\", r: \"pr-2\" }, // 8px\n md: { l: \"pl-2.5\", r: \"pr-2.5\" }, // 10px\n lg: { l: \"pl-3.5\", r: \"pr-3.5\" }, // 14px\n xl: { l: \"pl-4\", r: \"pr-4\" }, // 16px\n };\n const reducedMap: Record<ButtonLabelSize, { l: string; r: string }> = {\n xs: { l: \"pl-1.5\", r: \"pr-1.5\" },\n sm: { l: \"pl-1.5\", r: \"pr-1.5\" },\n md: { l: \"pl-2\", r: \"pr-2\" },\n lg: { l: \"pl-2.5\", r: \"pr-2.5\" },\n xl: { l: \"pl-3\", r: \"pr-3\" },\n };\n return [\n hasLeft ? reducedMap[size].l : pxMap[size].l,\n hasRight ? reducedMap[size].r : pxMap[size].r,\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: \"h-6 w-6\", icon: 16, rounded: \"rounded\" },\n \"icon-sm\": { btn: \"h-7 w-7\", icon: 18, rounded: \"rounded-md\" },\n \"icon-md\": { btn: \"h-8 w-8\", icon: 18, rounded: \"rounded-md\" },\n \"icon-lg\": { btn: \"h-9 w-9\", icon: 20, rounded: \"rounded-lg\" },\n \"icon-xl\": { btn: \"h-10 w-10\", icon: 20, rounded: \"rounded-lg\" },\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 border border-transparent cursor-not-allowed\";\n }\n if (variant === \"outline\")\n return \"bg-background 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 border border-transparent 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-background text-foreground border border-border hover:bg-hover-bg\";\n if (variant === \"plain-black\")\n return \"bg-transparent text-foreground border border-transparent hover:bg-hover-bg\";\n // primary\n return \"bg-primary-action text-on-primary-action border border-transparent 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: disabled-bg + disabled icon color.\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-medium 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 heightClass[labelSize],\n paddingParts[0],\n paddingParts[1],\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 { BellSimple, FunnelSimple } from \"@phosphor-icons/react\";\nimport { type ReactNode } from \"react\";\nimport { Button, type ButtonProps } from \"./button\";\nimport { cn } from \"../lib/utils\";\n\nexport type BadgeVariant = \"button\" | \"notification\";\nexport type BadgeNotificationState = \"default\" | \"active\" | \"noti\";\n\nexport interface BadgeProps extends Omit<ButtonProps, \"children\" | \"size\" | \"variant\" | \"leftIcon\"> {\n /** `button` for filter-style button badge, `notification` for bell badge. */\n variant?: BadgeVariant;\n /** Count shown in top-right badge. Hidden when <= 0. */\n count?: number;\n /** Max visible count before appending +. Default: 99 */\n maxCount?: number;\n /** Label used by `button` variant (non icon-only). Default: \"Filter\" */\n label?: string;\n /** Render icon-only button for `button` variant. Default: false */\n iconOnly?: boolean;\n /** Optional icon override for `button` variant. */\n icon?: ReactNode;\n /** Visual state for `notification` variant. */\n notificationState?: BadgeNotificationState;\n className?: string;\n}\n\nfunction formatCount(count: number, maxCount: number) {\n if (count > maxCount) return `${maxCount}+`;\n return String(count);\n}\n\nexport function Badge({\n variant = \"button\",\n count = 0,\n maxCount = 99,\n label = \"Filter\",\n iconOnly = false,\n icon,\n notificationState,\n className,\n ...props\n}: BadgeProps) {\n const hasCount = count > 0;\n const resolvedNotificationState: BadgeNotificationState =\n notificationState ?? (hasCount ? \"noti\" : \"default\");\n const notificationIsFilled =\n resolvedNotificationState === \"active\" || resolvedNotificationState === \"noti\";\n const showNotificationDot = resolvedNotificationState === \"noti\" && hasCount;\n\n const visualIcon =\n variant === \"notification\" ? (\n <BellSimple size={18} weight={notificationIsFilled ? \"fill\" : \"regular\"} />\n ) : (\n icon ?? <FunnelSimple size={18} weight=\"regular\" />\n );\n\n return (\n <div className={cn(\"relative inline-flex\", className)}>\n {variant === \"notification\" ? (\n <Button\n aria-label=\"Notification\"\n size=\"icon-xs\"\n variant=\"plain-black\"\n className=\"text-icon-brand [&>span]:!h-[18px] [&>span]:!w-[18px]\"\n {...props}\n >\n {visualIcon}\n </Button>\n ) : iconOnly ? (\n <Button\n aria-label={label}\n size=\"icon-md\"\n variant={hasCount ? \"outline\" : \"outline-black\"}\n className={cn(hasCount && \"bg-primary-action-light border-primary-action-light\")}\n {...props}\n >\n {visualIcon}\n </Button>\n ) : (\n <Button\n size=\"md\"\n leftIcon={visualIcon}\n variant={hasCount ? \"outline\" : \"outline-black\"}\n className={cn(hasCount && \"bg-primary-action-light border-primary-action-light\")}\n {...props}\n >\n {label}\n </Button>\n )}\n\n {(variant === \"notification\" ? showNotificationDot : hasCount) && (\n <div\n className={cn(\n \"absolute flex h-[14px] min-h-[14px] min-w-[14px] items-center justify-center rounded-[60px]\",\n variant === \"notification\"\n ? \"-right-0.5 -top-0.5 bg-destructive px-[2.5px]\"\n : \"-right-1 -top-[7px] h-4 min-w-4 bg-primary-action\",\n )}\n >\n <p className=\"text-center text-xs leading-4 font-normal text-text-default-white\">\n {formatCount(count, maxCount)}\n </p>\n </div>\n )}\n </div>\n );\n}\n","\"use client\";\n\nimport { CheckCircle, Info, Warning, XCircle } from \"@phosphor-icons/react\";\nimport { forwardRef } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type AlertStatus =\n | \"normal\"\n | \"information\"\n | \"success\"\n | \"warning\"\n | \"critical\";\n\nexport interface AlertProps {\n status?: AlertStatus;\n title?: string;\n message: string;\n multiline?: boolean;\n className?: string;\n}\n\nconst alertStyles: Record<\n AlertStatus,\n {\n container: string;\n text: string;\n icon: string;\n }\n> = {\n normal: {\n container: \"bg-default-secondary\",\n text: \"text-default-secondary\",\n icon: \"text-default-secondary\",\n },\n information: {\n container: \"bg-[var(--bg-info-light)]\",\n text: \"text-[var(--text-info-primary)]\",\n icon: \"text-[var(--icon-brand-primary)]\",\n },\n success: {\n container: \"bg-[var(--bg-success-light)]\",\n text: \"text-[var(--text-success-primary)]\",\n icon: \"text-[var(--icon-success)]\",\n },\n warning: {\n container: \"bg-[var(--bg-warning-soft)]\",\n text: \"text-[var(--text-warning-primary)]\",\n icon: \"text-[var(--icon-warning)]\",\n },\n critical: {\n container: \"bg-[var(--bg-danger-light)]\",\n text: \"text-[var(--text-danger-primary)]\",\n icon: \"text-[var(--icon-danger)]\",\n },\n};\n\nfunction AlertStatusIcon({\n status,\n className,\n}: {\n status: AlertStatus;\n className?: string;\n}) {\n if (status === \"success\") return <CheckCircle size={16} weight=\"fill\" className={className} />;\n if (status === \"warning\") return <Warning size={16} weight=\"fill\" className={className} />;\n if (status === \"critical\") return <XCircle size={16} weight=\"fill\" className={className} />;\n return <Info size={16} weight=\"fill\" className={className} />;\n}\n\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\n { status = \"normal\", title, message, multiline = false, className },\n ref,\n) {\n const style = alertStyles[status];\n const hasTitle = Boolean(title);\n\n return (\n <div\n ref={ref}\n role=\"status\"\n className={cn(\n \"flex w-full items-center gap-1.5 rounded px-2 py-1\",\n (multiline || hasTitle) && \"items-start\",\n style.container,\n className,\n )}\n >\n <AlertStatusIcon\n status={status}\n className={cn(\"shrink-0 mt-0.5\", style.icon)}\n />\n <div className=\"min-w-0 flex-1 flex flex-col gap-0.5\">\n {hasTitle && (\n <p className={cn(\"text-sm leading-5 font-medium\", style.text)}>\n {title}\n </p>\n )}\n <p\n className={cn(\n \"text-sm leading-5 font-normal\",\n !hasTitle && !multiline && \"truncate\",\n !hasTitle && multiline && \"line-clamp-2\",\n style.text,\n )}\n >\n {message}\n </p>\n </div>\n </div>\n );\n});\n\nAlert.displayName = \"Alert\";\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 {\n BookmarkSimpleIcon,\n BroadcastIcon,\n CalendarBlank,\n CheckCircle,\n Lock,\n MapPin,\n Users,\n XCircle,\n type Icon,\n} from \"@phosphor-icons/react\";\nimport { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { useIsMobile } from \"./ui/use-mobile\";\n\nexport type CardVariant = \"default\" | \"event\" | \"news\" | \"social\" | \"live\";\nexport type CardSize = \"desktop\" | \"tablet\" | \"mobile\";\nexport type CardTagStatus = \"not-registered\" | \"registered\" | \"full\";\n\n/** A chip tag used in the social card variant. */\nexport type CardSocialTag = {\n label: string;\n /** Background color. Default: \"var(--disabled-bg)\". */\n bg?: string;\n /** Text color. Default: \"var(--text-default-primary)\". */\n text?: string;\n};\n\nexport interface CardProps {\n /** Card type. Default: `\"default\"` — an empty shell with padding + radius. Switch to `\"event\"`, `\"news\"`, `\"social\"`, or `\"live\"` only when rendering that specific content pattern. */\n variant?: CardVariant;\n /** Custom body content (`variant=\"default\"`). */\n children?: ReactNode;\n /** Size preset. desktop=308px, tablet=224px, mobile=163px. Auto-detects mobile (<768px) when omitted. */\n size?: CardSize;\n /** Card title (clamped to 2 lines). */\n title?: string;\n /** Shows a lock badge on the banner/thumbnail image. */\n locked?: boolean;\n /** URL for the banner/thumbnail image. */\n image?: string;\n className?: string;\n\n // ── Event props ──────────────────────────────────────────────────────────\n /** Formatted date string, e.g. \"23 มิ.ย. 2567\". */\n date?: string;\n /** Time range string, e.g. \"08.30 - 12.00\". */\n time?: string;\n /** Location/venue name. */\n location?: string;\n /** Whether to show the location row. Default: true. */\n showLocation?: boolean;\n /** Whether to show the audience count row. Default: true. */\n showAudience?: boolean;\n /** Audience count string, e.g. \"200/200\". */\n count?: string;\n /** Registration status tag shown at the bottom of an event card. */\n tagStatus?: CardTagStatus;\n\n // ── News props ───────────────────────────────────────────────────────────\n /** Category label shown above the title (news variant). */\n category?: string;\n /** Whether the bookmark is active (news / social variant). */\n bookmarked?: boolean;\n /** Callback fired when the bookmark button is clicked (news / social variant). */\n onBookmarkToggle?: () => void;\n\n // ── Social props ─────────────────────────────────────────────────────────\n /** Colored chip tags shown above the title (social variant). */\n tags?: CardSocialTag[];\n /** Publisher / source name shown in the footer (social / live variant). */\n source?: string;\n\n // ── Live props ───────────────────────────────────────────────────────────\n /** Video duration shown as an overlay on the thumbnail, e.g. \"1:26:36\" (live variant). */\n duration?: string;\n}\n\n// ── Banner image ─────────────────────────────────────────────────────────────\n\n/**\n * Banner/thumbnail renderer. When `src` is empty we fall back to a neutral\n * placeholder surface so the card never shows a broken-image icon.\n */\nfunction BannerMedia({ src, alt }: { src: string; alt: string }) {\n if (!src) {\n return <div aria-hidden=\"true\" className=\"absolute inset-0 bg-muted\" />;\n }\n return (\n <img\n alt={alt}\n className=\"pointer-events-none absolute inset-0 size-full object-cover\"\n src={src}\n />\n );\n}\n\n// ── Duration badge ────────────────────────────────────────────────────────────\n\n/**\n * Overlay badge shown on the live card thumbnail.\n * `duration=\"upcoming\"` renders the \"(•) Up Coming\" state.\n * Any other string renders as a time display, e.g. \"1:26:36\".\n * `size=\"lg\"` is used for desktop, `size=\"sm\"` for mobile.\n */\nfunction DurationBadge({\n duration,\n size,\n}: {\n duration: string;\n size: \"lg\" | \"sm\";\n}) {\n const isUpcoming = duration === \"upcoming\";\n return (\n <div\n className={cn(\n \"absolute flex items-center gap-[4px] rounded-[4px] bg-black/60\",\n size === \"lg\"\n ? \"bottom-[6px] right-[6px] h-[20px] px-[4px]\"\n : \"bottom-[4px] right-[4px] h-[16px] px-[2px]\",\n )}\n >\n {isUpcoming && <BroadcastIcon size={14} className=\"text-white\" />}\n <p\n className={cn(\n \"whitespace-nowrap font-normal text-white\",\n size === \"lg\"\n ? \"text-[14px] leading-[20px]\"\n : \"text-[12px] leading-[16px]\",\n )}\n >\n {isUpcoming ? \"Up Coming\" : duration}\n </p>\n </div>\n );\n}\n\n// ── Shared icons ─────────────────────────────────────────────────────────────\n\n/** Lock label + icon (no outer positioning). */\nfunction LockBadgeChip({ flush = false }: { flush?: boolean }) {\n const corner = flush ? \"rounded-none rounded-bl-[4px]\" : \"rounded-[4px]\";\n const borderRing = flush\n ? \"border-0 border-b border-l border-solid border-border\"\n : \"border border-solid border-border\";\n\n return (\n <div\n className={cn(\n \"relative flex items-center gap-[4px] bg-hover-bg px-[6px] py-[4px]\",\n corner,\n )}\n >\n <div\n aria-hidden=\"true\"\n className={cn(\n \"pointer-events-none absolute inset-0\",\n borderRing,\n corner,\n )}\n />\n <Lock size={16} weight=\"regular\" color=\"var(--subtle-text)\" />\n <p className=\"whitespace-nowrap text-[12px] leading-[18px] text-subtle-text\">\n Lock\n </p>\n </div>\n );\n}\n\nfunction LockBadge({\n align = \"left\",\n flush = false,\n size = \"desktop\",\n}: {\n align?: \"left\" | \"right\";\n /** When true, pin to the corner with no inset (top/right or top/left). */\n flush?: boolean;\n size?: CardSize;\n}) {\n return (\n <div\n className={cn(\n \"absolute z-10\",\n flush ? \"top-0\" : size === \"mobile\" ? \"top-[6px]\" : \"top-[8px]\",\n align === \"left\"\n ? flush\n ? \"left-0\"\n : size === \"mobile\"\n ? \"left-[6px]\"\n : \"left-[8px]\"\n : flush\n ? \"right-0\"\n : size === \"mobile\"\n ? \"right-[6px]\"\n : \"right-[8px]\",\n )}\n >\n <LockBadgeChip flush={flush} />\n </div>\n );\n}\n\n// ── Event card helpers ────────────────────────────────────────────────────────\n\ntype TagConfig = { bg: string; text: string; label: string; Icon?: Icon };\n\nconst tagConfig: Record<CardTagStatus, TagConfig> = {\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 Icon: CheckCircle,\n },\n full: {\n bg: \"var(--error-bg)\",\n text: \"var(--bg-danger-primary)\",\n label: \"เต็มแล้ว\",\n Icon: XCircle,\n },\n};\n\n// ── Card ─────────────────────────────────────────────────────────────────────\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(function Card(\n {\n variant = \"default\",\n size: sizeProp,\n children,\n title,\n locked = true,\n image,\n className,\n // event\n date,\n time,\n location,\n showLocation = true,\n showAudience = true,\n count = \"200/200\",\n tagStatus = \"not-registered\",\n // news\n category,\n bookmarked = false,\n onBookmarkToggle,\n // social\n tags,\n source,\n // live\n duration,\n },\n ref,\n) {\n const isMobile = useIsMobile();\n const size = sizeProp ?? (isMobile ? \"mobile\" : \"desktop\");\n\n const bannerSrc = image ?? \"\";\n\n // ── Default: token shell for arbitrary content ─────────────────────────────\n if (variant === \"default\") {\n const shellPadding = size === \"desktop\" ? \"p-4\" : \"p-3\";\n const shellRadius =\n size === \"mobile\" ? \"rounded-[6px]\" : \"rounded-[8px]\";\n\n return (\n <div\n ref={ref}\n className={cn(\n \"flex min-h-0 min-w-0 flex-col bg-card text-foreground shadow-card\",\n shellRadius,\n shellPadding,\n className,\n )}\n >\n {children}\n </div>\n );\n }\n\n // ── Social card ──────────────────────────────────────────────────────────\n if (variant === \"social\") {\n const isDesktop = size === \"desktop\";\n const cardWidth = isDesktop ? \"w-[587px]\" : \"w-[343px]\";\n const cardPadding = isDesktop ? \"p-4\" : \"p-3\";\n const cardGap = isDesktop ? \"gap-3\" : \"gap-2\";\n const contentGap = isDesktop ? \"gap-6\" : \"gap-3\";\n const textGap = isDesktop ? \"gap-[10px]\" : \"gap-[6px]\";\n const titleText = isDesktop\n ? \"text-[16px] leading-[24px]\"\n : \"text-[12px] leading-[16px]\";\n const tagChip = isDesktop\n ? \"rounded-[4px] px-[6px] py-[4px] text-[12px] leading-[16px]\"\n : \"rounded-[4px] px-[4px] py-[2px] text-[9px] leading-[14px]\";\n\n const resolvedTags: CardSocialTag[] = tags ?? [\n {\n label: \"Analysis\",\n bg: \"var(--tag-bg-blue, #F3F8FE)\",\n text: \"var(--tag-text-blue, #095EC4)\",\n },\n {\n label: \"Stock\",\n bg: \"var(--tag-bg-cyan, #F3F8FE)\",\n text: \"var(--tag-text-cyan, #095EC4)\",\n },\n {\n label: \"My Asset\",\n bg: \"var(--tag-bg-purple, #F3E8FF)\",\n text: \"var(--tag-text-purple, #59168B)\",\n },\n ];\n const resolvedTitle =\n title ??\n \"การออกแบบที่ตอบโจทย์ผู้ใช้: สร้างประสบการณ์ที่น่าจดจำ asdasdasdas\";\n const resolvedSource = source ?? \"Wealth Design Daily\";\n const resolvedDate = date ?? \"9 ธันวาคม 2567\";\n\n return (\n <div\n ref={ref}\n className={cn(\n \"relative flex flex-col overflow-clip bg-card shadow-card\",\n isDesktop ? \"rounded-[8px]\" : \"rounded-[6px]\",\n cardWidth,\n cardPadding,\n cardGap,\n className,\n )}\n >\n {locked && <LockBadge align=\"right\" flush />}\n {/* Top: content + image */}\n <div className={cn(\"flex flex-row items-start\", contentGap)}>\n {/* Left: tags + title */}\n <div className={cn(\"flex min-w-0 flex-1 flex-col\", textGap)}>\n <div className=\"flex flex-wrap gap-[8px]\">\n {resolvedTags.map((t) => (\n <span\n key={t.label}\n className={cn(\n \"inline-flex whitespace-nowrap font-normal\",\n tagChip,\n )}\n style={{\n backgroundColor: t.bg ?? \"var(--disabled-bg)\",\n color: t.text ?? \"var(--text-default-primary)\",\n }}\n >\n {t.label}\n </span>\n ))}\n </div>\n <p\n className={cn(\n \"line-clamp-2 font-semibold text-foreground\",\n titleText,\n )}\n >\n {resolvedTitle}\n </p>\n </div>\n {/* Right: thumbnail */}\n <div className=\"relative h-[84px] w-[149px] shrink-0 overflow-clip rounded-[6px]\">\n <BannerMedia src={bannerSrc} alt=\"social thumbnail\" />\n </div>\n </div>\n\n {/* Footer */}\n <div className=\"flex items-center justify-between\">\n {isDesktop ? (\n <div className=\"flex min-w-0 items-center gap-[12px]\">\n <p className=\"shrink-0 text-[12px] leading-[16px] text-subtle-text\">\n {resolvedSource}\n </p>\n <p className=\"min-w-0 truncate text-[12px] leading-[16px] text-muted-foreground\">\n {resolvedDate}\n </p>\n </div>\n ) : (\n <div className=\"flex min-w-0 flex-col\">\n <p className=\"text-[12px] leading-[16px] text-subtle-text\">\n {resolvedSource}\n </p>\n <p className=\"text-[12px] leading-[16px] text-muted-foreground\">\n {resolvedDate}\n </p>\n </div>\n )}\n <button\n aria-label={bookmarked ? \"Remove bookmark\" : \"Add bookmark\"}\n className=\"flex size-6 shrink-0 items-center justify-center rounded transition-colors hover:bg-hover-bg cursor-pointer\"\n onClick={onBookmarkToggle}\n type=\"button\"\n >\n <BookmarkSimpleIcon\n size={23.65}\n weight={bookmarked ? \"fill\" : \"regular\"}\n color={\n bookmarked ? \"var(--primary-action)\" : \"var(--subtle-text)\"\n }\n />\n </button>\n </div>\n </div>\n );\n }\n\n // ── Live card ────────────────────────────────────────────────────────────\n if (variant === \"live\") {\n const isDesktop = size === \"desktop\";\n const cardWidth = isDesktop ? \"w-[704px]\" : \"w-[343px]\";\n const imgWidth = isDesktop ? \"w-[212px]\" : \"w-[149px]\";\n const imgHeight = isDesktop ? \"h-[119px]\" : \"h-[84px]\";\n const padding = isDesktop ? \"p-4\" : \"p-3\";\n const gap = isDesktop ? \"gap-6\" : \"gap-3\";\n const cardRadius = isDesktop ? \"rounded-[8px]\" : \"rounded-[6px]\";\n const thumbRadius = isDesktop ? \"rounded-[6px]\" : \"rounded-[4px]\";\n const metaTextClass = isDesktop\n ? \"flex min-w-0 items-center gap-[12px]\"\n : \"flex min-w-0 flex-col\";\n\n const resolvedTitle =\n title ??\n \"6 หุ้นเด่นทางเทคนิค OSP, BTS, BANPU, SECURE, AH, DCC [TECHNICAL VIEW 17/07/2567]\";\n const resolvedSource = source ?? \"Wealth Design Daily\";\n const resolvedDate = date ?? \"9 ธันวาคม 2567\";\n const resolvedDuration = duration ?? \"1:26:36\";\n\n return (\n <div\n ref={ref}\n className={cn(\n \"flex flex-col overflow-clip bg-card shadow-card\",\n cardRadius,\n cardWidth,\n className,\n )}\n >\n {/* Top: title + thumbnail */}\n <div className={cn(\"flex flex-row items-stretch\", padding, gap)}>\n <div className=\"flex min-w-0 flex-1 flex-col justify-between\">\n <p\n className={cn(\n \"min-w-0 line-clamp-2 font-semibold text-foreground\",\n isDesktop\n ? \"text-[16px] leading-[24px]\"\n : \"text-[12px] leading-[16px]\",\n )}\n >\n {resolvedTitle}\n </p>\n {/* Footer */}\n <div className={metaTextClass}>\n <p className=\"shrink-0 text-xs leading-4 text-subtle-text\">\n {resolvedSource}\n </p>\n <p className=\"min-w-0 truncate text-xs leading-4 text-muted-foreground\">\n {resolvedDate}\n </p>\n </div>\n </div>\n {/* Thumbnail */}\n <div\n className={cn(\n \"relative shrink-0 overflow-clip\",\n thumbRadius,\n imgWidth,\n imgHeight,\n )}\n >\n <BannerMedia src={bannerSrc} alt=\"live thumbnail\" />\n {/* Live badge — top-left */}\n <div\n className=\"absolute h-[22px] left-[6px] top-[6px] flex items-center gap-[4px] rounded-[4px] px-[6px]\"\n style={{ backgroundColor: \"#FB2C36\" }}\n >\n <span className=\"size-[6px] shrink-0 rounded-full bg-white\" />\n <p className=\"whitespace-nowrap text-[12px] font-semibold leading-[16px] text-white\">\n Live\n </p>\n </div>\n {/* Duration badge — bottom-right, always shown */}\n <DurationBadge\n duration={resolvedDuration}\n size={isDesktop ? \"lg\" : \"sm\"}\n />\n </div>\n </div>\n </div>\n );\n }\n\n // ── Desktop news: vertical layout (Figma parity) ───────────────────────\n if (variant === \"news\" && size === \"desktop\") {\n return (\n <div\n ref={ref}\n className={cn(\n \"flex w-[343px] min-h-[120px] flex-col items-start overflow-clip rounded-[8px] bg-card shadow-card\",\n className,\n )}\n >\n <div className=\"relative h-[184px] w-full shrink-0 overflow-clip\">\n <BannerMedia src={bannerSrc} alt=\"news banner\" />\n {locked && <LockBadge />}\n </div>\n <NewsContent\n padding=\"px-4 py-3\"\n category={category ?? \"Category\"}\n title={\n title ??\n \"Great design begins with understanding user needs and creating memorable\"\n }\n date={date ?? \"01 มกราคม 2025\"}\n bookmarked={bookmarked}\n onBookmarkToggle={onBookmarkToggle}\n tone=\"desktop\"\n />\n </div>\n );\n }\n\n // ── Mobile news: horizontal layout ──────────────────────────────────────\n if (variant === \"news\" && size === \"mobile\") {\n return (\n <div\n ref={ref}\n className={cn(\n \"flex h-[114px] w-[343px] flex-row overflow-clip rounded-[8px] bg-card shadow-card\",\n className,\n )}\n >\n <div className=\"relative h-[114px] w-[171px] shrink-0 overflow-clip\">\n <BannerMedia src={bannerSrc} alt=\"news banner\" />\n {locked && <LockBadge />}\n </div>\n <NewsContent\n padding=\"p-3\"\n category={category ?? \"Category\"}\n title={\n title ??\n \"Great design begins with understanding user needs and creating memorable\"\n }\n date={date ?? \"01 มกราคม 2025\"}\n bookmarked={bookmarked}\n onBookmarkToggle={onBookmarkToggle}\n tone=\"mobile\"\n />\n </div>\n );\n }\n\n // ── Vertical layout (event + news desktop/tablet) ────────────────────────\n const widthClass =\n size === \"desktop\"\n ? \"w-[308px]\"\n : size === \"tablet\"\n ? \"w-[224px]\"\n : \"w-[163px]\";\n const padding =\n size === \"desktop\" ? \"p-4\" : size === \"tablet\" ? \"p-3\" : \"p-2.5\";\n const bannerClass = size === \"desktop\" ? \"h-[173px]\" : \"aspect-video w-full\";\n\n return (\n <div\n ref={ref}\n className={cn(\n \"flex min-h-[120px] flex-col items-start overflow-clip rounded-[8px] shadow-card\",\n widthClass,\n className,\n )}\n >\n {/* Banner */}\n <div\n className={cn(\"relative w-full shrink-0 overflow-clip\", bannerClass)}\n >\n <BannerMedia\n src={bannerSrc}\n alt={variant === \"news\" ? \"news banner\" : \"event banner\"}\n />\n {locked && <LockBadge size={size} />}\n </div>\n\n {/* Content */}\n {variant === \"news\" ? (\n <NewsContent\n padding={padding}\n category={category ?? \"Category\"}\n title={\n title ??\n \"Great design begins with understanding user needs and creating memorable\"\n }\n date={date ?? \"01 มกราคม 2025\"}\n bookmarked={bookmarked}\n onBookmarkToggle={onBookmarkToggle}\n tone=\"default\"\n />\n ) : (\n <EventContent\n size={size}\n padding={padding}\n title={\n title ??\n \"Lorem ipsum dolor sit amet consectetur. Lectus viverraasdasd\"\n }\n date={date ?? \"23 มิ.ย. 2567\"}\n time={time ?? \"08.30 - 12.00\"}\n location={\n location ??\n \"ณ หอประชุมศาสตราจารย์สังเวียน อินทรวิชัย ชั้น 7 ตลาดหลักทรัพย์แห่งประเทศไทย\"\n }\n showLocation={showLocation}\n showAudience={showAudience}\n count={count}\n tagStatus={tagStatus}\n />\n )}\n </div>\n );\n});\n\nCard.displayName = \"Card\";\n\n// ── EventContent ──────────────────────────────────────────────────────────────\n\ninterface EventContentProps {\n size: CardSize;\n padding: string;\n title: string;\n date: string;\n time: string;\n location: string;\n showLocation: boolean;\n showAudience: boolean;\n count: string;\n tagStatus: CardTagStatus;\n}\n\nfunction EventContent({\n size,\n padding,\n title,\n date,\n time,\n location,\n showLocation,\n showAudience,\n count,\n tagStatus,\n}: EventContentProps) {\n const titleGap = size === \"desktop\" ? \"gap-1.5\" : \"gap-1\";\n const tag = tagConfig[tagStatus];\n\n return (\n <div className={cn(\"w-full shrink-0 bg-card\", padding)}>\n <div className={cn(\"flex w-full flex-col items-start\", titleGap)}>\n <div className=\"flex w-full flex-col items-start gap-1\">\n <p className=\"line-clamp-2 w-full overflow-hidden text-ellipsis text-sm font-bold leading-5 text-foreground\">\n {title}\n </p>\n <div className=\"flex w-full items-center gap-2\">\n <div className=\"flex h-[22px] shrink-0 items-center gap-1\">\n <CalendarBlank\n size={16}\n weight=\"regular\"\n color=\"var(--accent-orange)\"\n />\n <p className=\"whitespace-nowrap text-xs font-semibold leading-4 text-accent-orange\">\n {date}\n </p>\n </div>\n <div className=\"h-4 w-px shrink-0 bg-border\" />\n <p className=\"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-4 text-subtle-text\">\n {time}\n </p>\n </div>\n {showLocation && (\n <div className=\"flex h-[22px] w-full items-center gap-1\">\n <MapPin size={16} weight=\"regular\" color=\"var(--subtle-text)\" />\n <p className=\"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-4 text-subtle-text\">\n {location}\n </p>\n </div>\n )}\n {showAudience && (\n <div className=\"flex h-[22px] w-full items-center gap-1\">\n <Users size={16} weight=\"regular\" color=\"var(--subtle-text)\" />\n <p className=\"shrink-0 whitespace-nowrap text-xs leading-4 text-subtle-text\">\n ผู้เข้าร่วม\n </p>\n <p className=\"shrink-0 whitespace-nowrap text-xs leading-4 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-1 overflow-clip rounded-[4px] px-[8px] py-[4px]\"\n style={{ backgroundColor: tag.bg }}\n >\n {tag.Icon && <tag.Icon size={14} weight=\"fill\" color={tag.text} />}\n <p\n className=\"whitespace-nowrap text-[12px] leading-[16px]\"\n style={{ color: tag.text }}\n >\n {tag.label}\n </p>\n </div>\n </div>\n </div>\n </div>\n );\n}\n\n// ── NewsContent ───────────────────────────────────────────────────────────────\n\ninterface NewsContentProps {\n padding: string;\n category: string;\n title: string;\n date: string;\n bookmarked: boolean;\n onBookmarkToggle?: () => void;\n tone?: \"default\" | \"desktop\" | \"mobile\";\n}\n\nfunction NewsContent({\n padding,\n category,\n title,\n date,\n bookmarked,\n onBookmarkToggle,\n tone = \"default\",\n}: NewsContentProps) {\n const isDesktopTone = tone === \"desktop\";\n const isMobileTone = tone === \"mobile\";\n\n return (\n <div\n className={cn(\n \"flex w-full flex-1 shrink-0 flex-col bg-card\",\n isDesktopTone || isMobileTone ? \"gap-[10px]\" : \"gap-2\",\n padding,\n )}\n >\n <div className=\"flex flex-col gap-1\">\n <p\n className={cn(\n \"text-primary-action\",\n isMobileTone\n ? \"text-[9px] font-semibold leading-[14px]\"\n : isDesktopTone\n ? \"text-xs font-semibold leading-4\"\n : \"text-xs leading-4\",\n )}\n >\n {category}\n </p>\n <p\n className={cn(\n \"line-clamp-2 text-foreground\",\n isMobileTone\n ? \"text-xs font-semibold leading-4\"\n : isDesktopTone\n ? \"text-sm font-bold leading-5\"\n : \"text-sm font-semibold leading-5\",\n )}\n >\n {title}\n </p>\n </div>\n <div className=\"flex w-full items-center justify-between\">\n <p\n className={cn(\n \"text-xs leading-4\",\n isDesktopTone ? \"text-muted-foreground\" : \"text-subtle-text\",\n )}\n >\n {date}\n </p>\n <button\n aria-label={bookmarked ? \"Remove bookmark\" : \"Add bookmark\"}\n className={cn(\n \"flex shrink-0 items-center justify-center rounded transition-colors hover:bg-hover-bg cursor-pointer\",\n isMobileTone ? \"size-5\" : isDesktopTone ? \"size-6\" : \"p-0.5\",\n )}\n onClick={onBookmarkToggle}\n type=\"button\"\n >\n <BookmarkSimpleIcon\n size={isMobileTone ? 20 : 23.65}\n weight={bookmarked ? \"fill\" : \"regular\"}\n color={bookmarked ? \"var(--primary-action)\" : \"var(--subtle-text)\"}\n />\n </button>\n </div>\n </div>\n );\n}\n","\"use client\";\n\nimport { forwardRef, useCallback, useEffect, useRef, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type CheckboxChecked = boolean | \"indeterminate\";\nexport type CheckboxVariant = \"text\" | \"button\";\n\nexport interface CheckboxProps {\n /** Checkbox state. `true`, `false`, or `\"indeterminate\"`. Default: `false`. */\n checked?: CheckboxChecked;\n /** Disable interaction. */\n disabled?: boolean;\n /** Mark the field as invalid. Shows a red border and displays `errorMessage`. */\n error?: boolean;\n /** Error message shown below when `error` is true. Default: \"Error message\". */\n errorMessage?: string;\n /** Label text rendered to the right of the checkbox. */\n label?: ReactNode;\n /** Secondary description text rendered below the label. */\n description?: ReactNode;\n /** \"text\" — plain checkbox + text. \"button\" — bordered card surface. Default: \"text\". */\n variant?: CheckboxVariant;\n /** Fires with the next boolean state when toggled. Indeterminate becomes `true`. */\n onChange?: (next: boolean) => void;\n /** HTML name forwarded to the underlying input. */\n name?: string;\n /** HTML value forwarded to the underlying input. */\n value?: string;\n /** HTML id — auto-generated if omitted. */\n id?: string;\n /** aria-label for the input when no visible label is provided. */\n ariaLabel?: string;\n className?: string;\n}\n\ntype VisualState = \"default\" | \"checked\" | \"indeterminate\";\n\nfunction CheckboxVisual({\n state,\n disabled,\n error,\n}: {\n state: VisualState;\n disabled: boolean;\n error: boolean;\n}) {\n if (state === \"default\") {\n return (\n <span\n aria-hidden=\"true\"\n className={cn(\n \"block w-4 h-4 rounded-[2px] border-[1.5px]\",\n disabled\n ? \"bg-disabled-bg border-[var(--fill-black-100)]\"\n : error\n ? \"bg-background border-destructive\"\n : \"bg-background border-[var(--fill-black-200)]\"\n )}\n />\n );\n }\n\n const containerFill = disabled ? \"var(--disabled-bg)\" : \"var(--fill-p1-600)\";\n const iconFill = disabled ? \"var(--fill-gray-400)\" : \"var(--fill-white-1000)\";\n\n if (state === \"checked\") {\n return (\n <svg\n aria-hidden=\"true\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14.2222 0H1.77778C0.8 0 0 0.8 0 1.77778V14.2222C0 15.2 0.8 16 1.77778 16H14.2222C15.2 16 16 15.2 16 14.2222V8V1.77778C16 0.8 15.2 0 14.2222 0ZM6.85333 11.8133C6.50667 12.16 5.94667 12.16 5.6 11.8133L2.40889 8.62222C2.06222 8.27556 2.06222 7.71556 2.40889 7.36889C2.75556 7.02222 3.31556 7.02222 3.66222 7.36889L6.22222 9.92889L12.3378 3.81333C12.6844 3.46667 13.2444 3.46667 13.5911 3.81333C13.9378 4.16 13.9378 4.72 13.5911 5.06667L6.85333 11.8133Z\"\n fill={containerFill}\n />\n <path\n d=\"M5.6 11.8133C5.94667 12.16 6.50667 12.16 6.85333 11.8133L13.5911 5.06667C13.9378 4.72 13.9378 4.16 13.5911 3.81333C13.2444 3.46667 12.6844 3.46667 12.3378 3.81333L6.22222 9.92889L3.66222 7.36889C3.31556 7.02222 2.75556 7.02222 2.40889 7.36889C2.06222 7.71556 2.06222 8.27556 2.40889 8.62222L5.6 11.8133Z\"\n fill={iconFill}\n />\n </svg>\n );\n }\n\n return (\n <svg\n aria-hidden=\"true\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14.2222 0H1.77778C0.8 0 0 0.8 0 1.77778V14.2222C0 15.2 0.8 16 1.77778 16H14.2222C15.2 16 16 15.2 16 14.2222V1.77778C16 0.8 15.2 0 14.2222 0ZM11.5556 8.88889H4.44444C3.95556 8.88889 3.55556 8.48889 3.55556 8C3.55556 7.51111 3.95556 7.11111 4.44444 7.11111H11.5556C12.0444 7.11111 12.4444 7.51111 12.4444 8C12.4444 8.48889 12.0444 8.88889 11.5556 8.88889Z\"\n fill={containerFill}\n />\n <path\n d=\"M4.44444 8.88889H11.5556C12.0444 8.88889 12.4444 8.48889 12.4444 8C12.4444 7.51111 12.0444 7.11111 11.5556 7.11111H4.44444C3.95556 7.11111 3.55556 7.51111 3.55556 8C3.55556 8.48889 3.95556 8.88889 4.44444 8.88889Z\"\n fill={iconFill}\n />\n </svg>\n );\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n {\n checked = false,\n disabled = false,\n error = false,\n errorMessage = \"Error message\",\n label,\n description,\n variant = \"text\",\n onChange,\n name,\n value,\n id,\n ariaLabel,\n className,\n },\n ref\n) {\n const localRef = useRef<HTMLInputElement | null>(null);\n const state: VisualState =\n checked === \"indeterminate\" ? \"indeterminate\" : checked ? \"checked\" : \"default\";\n\n useEffect(() => {\n if (localRef.current) {\n localRef.current.indeterminate = checked === \"indeterminate\";\n }\n }, [checked]);\n\n const setRefs = useCallback(\n (node: HTMLInputElement | null) => {\n localRef.current = node;\n if (typeof ref === \"function\") ref(node);\n else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n },\n [ref]\n );\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n onChange?.(e.target.checked);\n };\n\n const hasText = label !== undefined || description !== undefined;\n const hasActiveBorder = state === \"checked\" || state === \"indeterminate\";\n const isButton = variant === \"button\";\n\n const buttonBorder = disabled\n ? \"border-[var(--fill-black-100)]\"\n : error\n ? \"border-destructive\"\n : hasActiveBorder\n ? \"border-primary-action\"\n : \"border-[var(--fill-black-200)]\";\n\n const showError = error && !disabled;\n\n return (\n <label\n className={cn(\n \"flex flex-col select-none\",\n disabled ? \"cursor-not-allowed\" : \"cursor-pointer\",\n className\n )}\n >\n <span\n className={cn(\n \"inline-flex gap-1\",\n description ? \"items-start\" : \"items-center\",\n isButton && cn(\"bg-background rounded-lg border py-2.5 pl-3 pr-4\", buttonBorder)\n )}\n >\n <span className=\"relative inline-flex items-center justify-center w-6 h-6 shrink-0\">\n <input\n ref={setRefs}\n id={id}\n name={name}\n value={value}\n type=\"checkbox\"\n checked={checked === true}\n disabled={disabled}\n onChange={handleChange}\n aria-label={ariaLabel}\n aria-checked={checked === \"indeterminate\" ? \"mixed\" : checked}\n aria-invalid={showError || undefined}\n className=\"absolute inset-0 w-full h-full opacity-0 m-0 cursor-[inherit] disabled:cursor-[inherit]\"\n />\n <CheckboxVisual state={state} disabled={disabled} error={showError} />\n </span>\n {hasText && (\n <span className=\"flex flex-col\">\n {label !== undefined && (\n <span\n className={cn(\n \"text-base leading-6\",\n disabled ? \"text-disabled\" : \"text-foreground\"\n )}\n >\n {label}\n </span>\n )}\n {description !== undefined && (\n <span\n className={cn(\n \"text-xs leading-4\",\n disabled ? \"text-disabled\" : \"text-subtle-text\"\n )}\n >\n {description}\n </span>\n )}\n </span>\n )}\n </span>\n {showError && (\n <span className=\"mt-1 ml-7 text-xs text-destructive\">{errorMessage}</span>\n )}\n </label>\n );\n});\n\nCheckbox.displayName = \"Checkbox\";\n","\"use client\";\n\nimport { forwardRef, useId, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type ToggleSize = \"sm\" | \"md\";\n\nexport interface ToggleProps {\n /** On state. Default: `false`. */\n checked?: boolean;\n /** Disable interaction. */\n disabled?: boolean;\n /** Fires with the next boolean state when toggled. */\n onChange?: (next: boolean) => void;\n /** Label text rendered to the right of the switch. */\n label?: ReactNode;\n /** Secondary description text rendered below the label. */\n description?: ReactNode;\n /**\n * `sm` — 32×20 (Figma Small). `md` — 40×24 (Figma Medium).\n * Default: `sm` when `label` or `description` is set (Figma «Toggle text»), otherwise `md`.\n */\n size?: ToggleSize;\n /** HTML id forwarded to the switch control. */\n id?: string;\n /** Accessible name when there is no visible label. */\n ariaLabel?: string;\n className?: string;\n}\n\nconst trackClass: Record<ToggleSize, string> = {\n sm: \"w-8 h-5\",\n md: \"w-10 h-6\",\n};\n\nconst thumbClass: Record<ToggleSize, string> = {\n sm: \"top-0.5 left-0.5 size-4\",\n md: \"top-0.5 left-0.5 size-5\",\n};\n\nconst thumbTranslate: Record<ToggleSize, string> = {\n sm: \"translate-x-3\",\n md: \"translate-x-4\",\n};\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(function Toggle(\n {\n checked = false,\n disabled = false,\n onChange,\n label,\n description,\n size: sizeProp,\n id: idProp,\n ariaLabel,\n className,\n },\n ref\n) {\n const generatedId = useId();\n const switchId = idProp ?? generatedId;\n const hasText = label !== undefined || description !== undefined;\n const hasDescription = description !== undefined;\n const size = sizeProp ?? (hasText ? \"sm\" : \"md\");\n\n const trackBg = disabled\n ? checked\n ? \"bg-switch-on-disabled\"\n : \"bg-switch-background\"\n : checked\n ? \"bg-primary-action\"\n : \"bg-switch-background\";\n\n /**\n * Knob fill from Figma SVG: white (#fff) except disabled+off (knob #F3F4F6 = track).\n * Use primitive white so the circle stays pure white on any `--background`.\n */\n const thumbBg =\n disabled && !checked\n ? \"bg-switch-background\"\n : \"bg-[var(--fill-white-1000)]\";\n\n const switchEl = (\n <button\n ref={ref}\n id={switchId}\n type=\"button\"\n role=\"switch\"\n aria-checked={checked}\n aria-label={hasText ? undefined : ariaLabel}\n disabled={disabled}\n onClick={() => onChange?.(!checked)}\n className={cn(\n \"relative shrink-0 rounded-full p-0 transition-colors duration-200 ease-out\",\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n disabled ? \"cursor-not-allowed\" : \"cursor-pointer\",\n trackClass[size],\n trackBg\n )}\n >\n <span\n aria-hidden=\"true\"\n className={cn(\n \"pointer-events-none absolute rounded-full transition-transform duration-200 ease-out\",\n \"shadow-[var(--toggle-knob-shadow)]\",\n thumbClass[size],\n thumbBg,\n checked && thumbTranslate[size]\n )}\n />\n </button>\n );\n\n if (!hasText) {\n return <span className={cn(\"inline-flex\", className)}>{switchEl}</span>;\n }\n\n return (\n <label\n className={cn(\n \"flex w-full min-w-0 gap-4 select-none\",\n hasDescription ? \"items-start\" : \"items-center\",\n disabled ? \"cursor-not-allowed\" : \"cursor-pointer\",\n className\n )}\n >\n <span className=\"flex min-w-0 flex-1 flex-col gap-0 text-sm font-normal leading-5\">\n {label !== undefined && (\n <span\n className={cn(\n disabled ? \"text-disabled\" : \"text-foreground\"\n )}\n >\n {label}\n </span>\n )}\n {hasDescription && (\n <span\n className={cn(\n \"whitespace-pre-wrap font-normal\",\n disabled\n ? \"text-disabled\"\n : \"text-[color:var(--text-default-secondary)]\"\n )}\n >\n {description}\n </span>\n )}\n </span>\n <span className=\"shrink-0\">{switchEl}</span>\n </label>\n );\n});\n\nToggle.displayName = \"Toggle\";\n","\"use client\";\n\nimport { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type RadioVariant = \"text\" | \"button\";\n\nexport interface RadioProps {\n /** Whether the radio is selected. Default: `false`. */\n checked?: boolean;\n /** Disable interaction. */\n disabled?: boolean;\n /** Label text rendered to the right of the radio. */\n label?: ReactNode;\n /** Secondary description text rendered below the label. */\n description?: ReactNode;\n /** \"text\" — plain radio + text. \"button\" — bordered card surface. Default: \"text\". */\n variant?: RadioVariant;\n /** Fires with `true` when the radio is selected. */\n onChange?: (next: boolean) => void;\n /** HTML name — group radios by sharing the same name. */\n name?: string;\n /** HTML value forwarded to the underlying input. */\n value?: string;\n /** HTML id — auto-generated if omitted. */\n id?: string;\n /** aria-label for the input when no visible label is provided. */\n ariaLabel?: string;\n className?: string;\n}\n\nfunction RadioVisual({ checked, disabled }: { checked: boolean; disabled: boolean }) {\n return (\n <span\n aria-hidden=\"true\"\n className={cn(\n \"w-[18px] h-[18px] rounded-full border-[1.5px] flex items-center justify-center\",\n disabled\n ? \"bg-disabled-bg border-[var(--fill-black-100)]\"\n : checked\n ? \"bg-background border-primary-action\"\n : \"bg-background border-[var(--fill-black-200)]\"\n )}\n >\n {checked && (\n <span\n className={cn(\n \"w-2 h-2 rounded-full\",\n disabled ? \"bg-[var(--fill-gray-400)]\" : \"bg-primary-action\"\n )}\n />\n )}\n </span>\n );\n}\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n {\n checked = false,\n disabled = false,\n label,\n description,\n variant = \"text\",\n onChange,\n name,\n value,\n id,\n ariaLabel,\n className,\n },\n ref\n) {\n const hasText = label !== undefined || description !== undefined;\n const isButton = variant === \"button\";\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n onChange?.(e.target.checked);\n };\n\n const buttonBorder = disabled\n ? \"border-[var(--fill-black-100)]\"\n : checked\n ? \"border-primary-action\"\n : \"border-[var(--fill-black-200)]\";\n\n const buttonBackground = disabled && !checked ? \"bg-disabled-bg\" : \"bg-background\";\n\n return (\n <label\n className={cn(\n \"inline-flex gap-1 select-none\",\n description ? \"items-start\" : \"items-center\",\n disabled ? \"cursor-not-allowed\" : \"cursor-pointer\",\n isButton && cn(buttonBackground, \"rounded-lg border py-2.5 pl-3 pr-4\", buttonBorder),\n className\n )}\n >\n <span className=\"relative inline-flex items-center justify-center w-6 h-6 shrink-0\">\n <input\n ref={ref}\n id={id}\n name={name}\n value={value}\n type=\"radio\"\n checked={checked}\n disabled={disabled}\n onChange={handleChange}\n aria-label={ariaLabel}\n className=\"absolute inset-0 w-full h-full opacity-0 m-0 cursor-[inherit] disabled:cursor-[inherit]\"\n />\n <RadioVisual checked={checked} disabled={disabled} />\n </span>\n {hasText && (\n <span className=\"flex flex-col\">\n {label !== undefined && (\n <span\n className={cn(\n \"text-sm leading-5\",\n disabled ? \"text-disabled\" : \"text-foreground\"\n )}\n >\n {label}\n </span>\n )}\n {description !== undefined && (\n <span\n className={cn(\n \"text-xs leading-4\",\n disabled ? \"text-disabled\" : \"text-subtle-text\"\n )}\n >\n {description}\n </span>\n )}\n </span>\n )}\n </label>\n );\n});\n\nRadio.displayName = \"Radio\";\n","\"use client\";\n\nimport { forwardRef } from \"react\";\nimport { Check, Plus } from \"@phosphor-icons/react\";\nimport { cn } from \"../lib/utils\";\n\nexport type ChipType = \"single\" | \"multiple\";\nexport type ChipSize = \"large\" | \"medium\" | \"small\";\n\nexport interface ChipProps {\n /** Label text displayed inside the chip. Default: \"Chips Text\". */\n label?: string;\n /** \"single\" shows no icon; \"multiple\" shows Plus (unselected) / Check (selected). Default: \"single\". */\n type?: ChipType;\n /** Visual size of the chip. Default: \"large\". */\n size?: ChipSize;\n /** Whether the chip is in the selected/active state. */\n selected?: boolean;\n /** Whether the chip is non-interactive. */\n disabled?: boolean;\n onClick?: () => void;\n className?: string;\n}\n\nconst sizeStyles: Record<\n ChipSize,\n {\n container: string;\n text: string;\n icon: string;\n }\n> = {\n large: {\n container: \"h-9 px-3 gap-1\",\n text: \"text-sm leading-5\",\n icon: \"icon-lg\",\n },\n medium: {\n container: \"h-8 px-3 gap-1\",\n text: \"text-sm leading-5\",\n icon: \"icon-lg\",\n },\n small: {\n container: \"h-7 px-2.5 gap-0.5\",\n text: \"text-xs leading-4\",\n icon: \"icon-md\",\n },\n};\n\nconst multiplePaddingBySize: Record<ChipSize, string> = {\n large: \"pl-[8px] pr-[12px]\",\n medium: \"pl-[8px] pr-[12px]\",\n small: \"pl-[6px] pr-[10px]\",\n};\n\nexport const Chip = forwardRef<HTMLButtonElement, ChipProps>(function Chip(\n {\n label = \"Chips Text\",\n type = \"single\",\n size = \"large\",\n selected = false,\n disabled = false,\n onClick,\n className,\n },\n ref\n) {\n const s = sizeStyles[size];\n const isMultiple = type === \"multiple\";\n const state = disabled\n ? selected\n ? \"selected-disabled\"\n : \"disabled\"\n : selected\n ? \"selected\"\n : \"default\";\n\n const containerClass =\n state === \"selected\"\n ? \"bg-primary-action border border-primary-action\"\n : state === \"selected-disabled\"\n ? \"bg-selected-light-bg border border-transparent\"\n : state === \"disabled\"\n ? \"bg-disabled-bg border border-transparent\"\n : \"bg-background border border-border\";\n\n const textClass =\n state === \"selected\"\n ? \"text-on-primary-action\"\n : state === \"selected-disabled\"\n ? \"text-primary-action/40\"\n : state === \"disabled\"\n ? \"text-disabled\"\n : \"text-subtle-text\";\n\n const iconClass =\n state === \"selected\"\n ? \"text-on-primary-action\"\n : state === \"selected-disabled\"\n ? \"text-primary-action/40\"\n : state === \"disabled\"\n ? \"text-disabled\"\n : \"text-subtle-text\";\n\n const icon =\n isMultiple && selected ? (\n <Check aria-hidden=\"true\" weight=\"regular\" className={cn(\"shrink-0\", s.icon, iconClass)} />\n ) : isMultiple ? (\n <Plus aria-hidden=\"true\" weight=\"regular\" className={cn(\"shrink-0\", s.icon, iconClass)} />\n ) : null;\n\n return (\n <button\n ref={ref}\n type=\"button\"\n onClick={!disabled ? onClick : undefined}\n disabled={disabled}\n aria-pressed={selected}\n className={cn(\n \"inline-flex items-center justify-center rounded-full whitespace-nowrap border transition-colors\",\n s.container,\n isMultiple && multiplePaddingBySize[size],\n containerClass,\n disabled ? \"cursor-not-allowed\" : \"cursor-pointer\",\n className\n )}\n >\n {icon}\n <span className={cn(\"font-normal\", s.text, textClass)}>{label}</span>\n </button>\n );\n});\n\nChip.displayName = \"Chip\";\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 type React from \"react\";\nimport { Circle } from \"@phosphor-icons/react\";\nimport { Button } from \"./button\";\nimport {\n Drawer,\n DrawerClose,\n DrawerContent,\n DrawerTitle,\n DrawerTrigger,\n} from \"./ui/drawer\";\nimport { cn } from \"../lib/utils\";\n\nexport type BottomSheetHeaderType = \"text\" | \"icon\" | \"image\";\nexport type BottomSheetRightSide = \"icon\" | \"action\" | \"none\";\n\nexport interface BottomSheetProps {\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n trigger?: React.ReactNode;\n headerType?: BottomSheetHeaderType;\n showHeader?: boolean;\n rightSide?: BottomSheetRightSide;\n title?: string;\n actionLabel?: string;\n imageSrc?: string;\n leftIcon?: React.ReactNode;\n rightIcon?: React.ReactNode;\n onActionClick?: () => void;\n showHandle?: boolean;\n children?: React.ReactNode;\n className?: string;\n contentClassName?: string;\n}\n\nexport function BottomSheet({\n open,\n onOpenChange,\n trigger,\n headerType = \"text\",\n showHeader = true,\n rightSide = \"icon\",\n title = \"Title\",\n actionLabel = \"Action\",\n imageSrc,\n leftIcon,\n rightIcon,\n onActionClick,\n showHandle = true,\n children,\n className,\n contentClassName,\n}: BottomSheetProps) {\n return (\n <Drawer direction=\"bottom\" open={open} onOpenChange={onOpenChange}>\n {trigger ? <DrawerTrigger asChild>{trigger}</DrawerTrigger> : null}\n <DrawerContent\n className={cn(\n \"[&>div:first-child]:hidden rounded-t-[24px] border-t-0 px-4 pb-6 pt-2\",\n className,\n )}\n >\n <DrawerTitle className=\"sr-only\">{title}</DrawerTitle>\n\n {showHandle ? (\n <div className=\"mb-2 flex justify-center\">\n <div className=\"h-1 w-10 rounded-full bg-muted\" />\n </div>\n ) : null}\n\n {showHeader ? (\n <Header\n headerType={headerType}\n rightSide={rightSide}\n title={title}\n actionLabel={actionLabel}\n imageSrc={imageSrc}\n leftIcon={leftIcon}\n rightIcon={rightIcon}\n onActionClick={onActionClick}\n />\n ) : null}\n\n {children ? <div className={cn(\"pt-2\", contentClassName)}>{children}</div> : null}\n </DrawerContent>\n </Drawer>\n );\n}\n\nfunction Header({\n headerType,\n rightSide,\n title,\n actionLabel,\n imageSrc,\n leftIcon,\n rightIcon,\n onActionClick,\n}: {\n headerType: BottomSheetHeaderType;\n rightSide: BottomSheetRightSide;\n title: string;\n actionLabel: string;\n imageSrc?: string;\n leftIcon?: React.ReactNode;\n rightIcon?: React.ReactNode;\n onActionClick?: () => void;\n}) {\n return (\n <div className={cn(\"flex items-center gap-3\", rightSide === \"action\" ? \"pr-2\" : undefined)}>\n <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n <Leading headerType={headerType} imageSrc={imageSrc} leftIcon={leftIcon} />\n <p className=\"truncate text-base leading-6 font-bold text-foreground\">{title}</p>\n </div>\n <Trailing\n rightSide={rightSide}\n actionLabel={actionLabel}\n rightIcon={rightIcon}\n onActionClick={onActionClick}\n />\n </div>\n );\n}\n\nfunction Leading({\n headerType,\n imageSrc,\n leftIcon,\n}: {\n headerType: BottomSheetHeaderType;\n imageSrc?: string;\n leftIcon?: React.ReactNode;\n}) {\n if (headerType === \"image\") {\n return imageSrc ? (\n <img alt=\"\" className=\"size-8 shrink-0 rounded-md object-cover\" src={imageSrc} />\n ) : (\n <div className=\"size-8 shrink-0 rounded-md bg-muted\" />\n );\n }\n if (headerType === \"icon\") {\n return (\n <span aria-hidden=\"true\" className=\"text-foreground\">\n {leftIcon ?? <Circle size={22} />}\n </span>\n );\n }\n return null;\n}\n\nfunction Trailing({\n rightSide,\n actionLabel,\n rightIcon,\n onActionClick,\n}: {\n rightSide: BottomSheetRightSide;\n actionLabel: string;\n rightIcon?: React.ReactNode;\n onActionClick?: () => void;\n}) {\n if (rightSide === \"action\") {\n return (\n <Button\n className=\"px-0 py-0 text-base leading-6 font-bold\"\n onClick={onActionClick}\n size=\"md\"\n variant=\"plain\"\n >\n {actionLabel}\n </Button>\n );\n }\n if (rightSide === \"icon\") {\n return (\n <DrawerClose asChild>\n <Button\n aria-label=\"Close bottom sheet\"\n className=\"text-foreground\"\n size=\"icon-xs\"\n variant=\"plain-black\"\n >\n {rightIcon ?? <Circle size={22} />}\n </Button>\n </DrawerClose>\n );\n }\n return null;\n}\n","\"use client\";\n\nimport React, {\n useState,\n useRef,\n useEffect,\n useCallback,\n forwardRef,\n} from \"react\";\nimport type { DateRange, MonthCaptionProps } from \"react-day-picker\";\nimport { DayPicker, useDayPicker } from \"react-day-picker\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport {\n CalendarBlank,\n CaretDoubleLeft,\n CaretDoubleRight,\n CaretLeft,\n CaretRight,\n Minus,\n} from \"@phosphor-icons/react\";\nimport { cn } from \"../lib/utils\";\nimport { useIsMobile } from \"./ui/use-mobile\";\nimport { Button } from \"./button\";\nimport { BottomSheet } from \"./bottom-sheet\";\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 calendarMonth,\n displayIndex,\n}: MonthCaptionProps) {\n const { goToMonth, previousMonth, nextMonth, months } =\n useDayPicker();\n const isDrawerRange = React.useContext(DrawerRangeCtx);\n const { disabledYears = [] } = React.useContext(DisabledDatesCtx);\n const [view, setView] = useState<CaptionView>(\"days\");\n const displayMonth = calendarMonth.date;\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 months[0].date.getTime() === displayMonth.getTime();\n const isLast =\n months[months.length - 1].date.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 <CaretLeft 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 <CaretRight 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 <CaretLeft 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 <CaretRight 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 <CaretDoubleLeft 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 <CaretLeft 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 <CaretRight size={16} className=\"text-primary-action\" />\n </button>\n <button\n type=\"button\"\n className={NAV_BTN_CLASS}\n onClick={handleNextYear}\n >\n <CaretDoubleRight 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 <CaretDoubleLeft\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 <CaretLeft 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 <CaretRight\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 <CaretDoubleRight\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-on-primary-action 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-background 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-background 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 month_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 button_previous: \"absolute left-1\",\n button_next: \"absolute right-1\",\n month_grid: \"w-full border-collapse\",\n weekdays: \"flex\",\n weekday:\n \"w-[36px] h-[32px] inline-flex items-center justify-center text-[12px] text-disabled font-normal\",\n week: \"flex w-full mt-1\",\n // In v9 modifier classes (range_start, range_end, etc.) are placed on the\n // outer `day` wrapper element. We use semantic marker class names so both\n // the wrapper and button can reference them.\n day: cn(\n \"h-[36px] w-[36px] text-center p-0 relative overflow-hidden\",\n // Range band background on the wrapper\n \"[&.is-range-middle]:bg-range-bg\",\n \"[&.is-range-start]:bg-range-bg\",\n \"[&.is-range-end]:bg-range-bg\",\n \"[&.is-range-start]:rounded-l-[6px]\",\n \"[&.is-range-end]:rounded-r-[6px]\",\n \"[&:first-child.is-range-middle]:rounded-l-[6px]\",\n \"[&:last-child.is-range-middle]:rounded-r-[6px]\",\n \"[&:first-child.is-range-end]:rounded-l-[6px]\",\n \"[&:last-child.is-range-start]:rounded-r-[6px]\",\n \"focus-within:relative focus-within:z-20\",\n ),\n day_button: 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 p-0\",\n // Selected (single mode only — not range-middle which also gets is-selected)\n \"[.is-selected:not(.is-range-middle)_&]:!bg-primary-action [.is-selected:not(.is-range-middle)_&]:!text-on-primary-action [.is-selected:not(.is-range-middle)_&]:!rounded-[6px]\",\n // Range start button styling\n \"[.is-range-start_&]:!bg-primary-action [.is-range-start_&]:!text-on-primary-action [.is-range-start_&]:!rounded-l-[6px] [.is-range-start_&]:!rounded-r-none\",\n // Range end button styling\n \"[.is-range-end_&]:!bg-primary-action [.is-range-end_&]:!text-on-primary-action [.is-range-end_&]:!rounded-r-[6px] [.is-range-end_&]:!rounded-l-none\",\n // Range middle button styling (light blue — must override is-selected which also fires on middle days)\n \"[.is-range-middle_&]:!bg-range-bg [.is-range-middle_&]:!text-range-text [.is-range-middle_&]:!rounded-none [.is-range-middle_&]:hover:!bg-range-bg\",\n // Today (when not selected)\n \"[.is-today:not(.is-selected):not(.is-range-start):not(.is-range-end)_&]:!bg-primary-action-light [.is-today:not(.is-selected):not(.is-range-start):not(.is-range-end)_&]:!text-foreground\",\n // Outside days\n \"[.is-outside_&]:text-disabled [.is-outside_&]:opacity-50\",\n \"[.is-outside.is-selected_&]:!bg-transparent [.is-outside.is-selected_&]:!opacity-30\",\n // Disabled days\n \"[.is-disabled_&]:text-disabled [.is-disabled_&]:opacity-50 [.is-disabled_&]:cursor-not-allowed\",\n ),\n // Modifier classes applied to the `day` wrapper in v9\n selected: \"is-selected\",\n range_start: \"is-range-start\",\n range_end: \"is-range-end\",\n range_middle: \"is-range-middle\",\n today: \"is-today\",\n outside: \"is-outside\",\n disabled: \"is-disabled\",\n 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 month_grid: \"w-full border-collapse table-fixed\",\n weekdays: \"flex w-full\",\n weekday:\n \"flex-1 h-[40px] inline-flex items-center justify-center text-[13px] text-disabled font-normal\",\n week: \"flex w-full mt-1\",\n day: cn(\n \"h-[44px] flex-1 text-center p-0 relative overflow-hidden\",\n \"[&.is-range-middle]:bg-range-bg\",\n \"[&.is-range-start]:bg-range-bg\",\n \"[&.is-range-end]:bg-range-bg\",\n \"[&.is-range-start]:rounded-l-[8px]\",\n \"[&.is-range-end]:rounded-r-[8px]\",\n \"[&:first-child.is-range-middle]:rounded-l-[8px]\",\n \"[&:last-child.is-range-middle]:rounded-r-[8px]\",\n \"[&:first-child.is-range-end]:rounded-l-[8px]\",\n \"[&:last-child.is-range-start]:rounded-r-[8px]\",\n \"focus-within:relative focus-within:z-20\",\n ),\n day_button: 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 p-0\",\n \"[.is-selected:not(.is-range-middle)_&]:!bg-primary-action [.is-selected:not(.is-range-middle)_&]:!text-on-primary-action [.is-selected:not(.is-range-middle)_&]:!rounded-[8px]\",\n \"[.is-range-start_&]:!bg-primary-action [.is-range-start_&]:!text-on-primary-action [.is-range-start_&]:!rounded-l-[8px] [.is-range-start_&]:!rounded-r-none\",\n \"[.is-range-end_&]:!bg-primary-action [.is-range-end_&]:!text-on-primary-action [.is-range-end_&]:!rounded-r-[8px] [.is-range-end_&]:!rounded-l-none\",\n \"[.is-range-middle_&]:!bg-range-bg [.is-range-middle_&]:!text-range-text [.is-range-middle_&]:!rounded-none [.is-range-middle_&]:hover:!bg-range-bg\",\n \"[.is-today:not(.is-selected):not(.is-range-start):not(.is-range-end)_&]:!bg-primary-action-light [.is-today:not(.is-selected):not(.is-range-start):not(.is-range-end)_&]:!text-foreground\",\n \"[.is-outside_&]:text-disabled [.is-outside_&]:opacity-50\",\n \"[.is-outside.is-selected_&]:!bg-transparent [.is-outside.is-selected_&]:!opacity-30\",\n \"[.is-disabled_&]:text-disabled [.is-disabled_&]:opacity-50 [.is-disabled_&]:cursor-not-allowed\",\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(--text-default-primary)\" : \"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-background\";\n const labelColor = isDisabled ? \"var(--disabled)\" : \"var(--muted-foreground)\";\n const valueColor = isDisabled ? \"var(--disabled)\" : \"var(--text-default-primary)\";\n const iconColor = isDisabled ? \"var(--disabled)\" : \"var(--muted-foreground)\";\n const minusColor = isDisabled ? \"var(--disabled)\" : \"var(--text-default-primary)\";\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(--bg-danger-primary)\"\n : isFocus\n ? \"var(--primary-action)\"\n : \"var(--border-default)\";\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 text-[16px] w-full min-w-0 overflow-hidden text-ellipsis whitespace-nowrap\"\n style={{ color: valueColor }}\n >\n {formatThaiDate(currentDate)}\n </p>\n ) : mode === \"range\" && currentRange?.from ? (\n <div className=\"flex gap-[8px] items-center relative w-full min-w-0\">\n <p\n className=\"leading-[20px] not-italic relative text-[16px] min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap\"\n style={{ color: valueColor }}\n >\n {formatThaiDate(currentRange.from)}\n </p>\n <Minus\n size={20}\n color={minusColor}\n className=\"shrink-0\"\n />\n <p\n className=\"leading-[20px] not-italic relative text-[16px] min-w-0 flex-1 overflow-hidden text-ellipsis 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-0 overflow-hidden relative w-full\">\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-2 items-center rounded-lg min-w-0\",\n bgClass,\n \"px-3.5\",\n isFilled ? \"py-1.5\" : \"py-3\",\n \"w-full\",\n );\n\n // ── Below message ─────────────────────────────────────────────────────────────\n const belowMessage = showBelow && (\n <div className=\"flex items-start px-1 text-xs leading-4\">\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={{ MonthCaption: 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={{ MonthCaption: 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(\n triggerBaseClasses,\n \"text-left cursor-pointer disabled:cursor-default\",\n )}\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 <BottomSheet\n open={open}\n onOpenChange={handleOpenChange}\n trigger={triggerButton}\n title=\"เลือกวันที่\"\n showHeader={false}\n rightSide=\"none\"\n contentClassName=\"pt-0\"\n >\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 </BottomSheet>\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-popover p-3 outline-none text-popover-foreground\"\n style={{\n boxShadow: \"var(--elevation-popover)\",\n border: \"1px solid var(--border-default)\",\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, useCallback, forwardRef } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { CaretDown, CaretUp } from \"@phosphor-icons/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// ── 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 const triggerRef = useRef<HTMLDivElement>(null);\n const menuRef = useRef<HTMLDivElement>(null);\n const [menuStyle, setMenuStyle] = useState<React.CSSProperties>({});\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-background\";\n const labelColor = isDisabled ? \"var(--disabled)\" : \"var(--muted-foreground)\";\n const filledColor = isDisabled ? \"var(--disabled)\" : \"var(--text-default-primary)\";\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(--border-danger)\"\n : isFocus\n ? \"var(--primary-action)\"\n : \"var(--border-default)\";\n\n const showBelow = isError || Boolean(helperText);\n const leftText = isError ? errorMessage : (helperText ?? \"\");\n const leftColor = isError ? \"var(--bg-danger-primary)\" : \"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 const updateMenuPosition = useCallback(() => {\n if (!triggerRef.current) return;\n const rect = triggerRef.current.getBoundingClientRect();\n setMenuStyle({ position: \"fixed\", top: rect.bottom + 4, left: rect.left, width: rect.width });\n }, []);\n\n useEffect(() => {\n if (!open) return;\n updateMenuPosition();\n window.addEventListener(\"scroll\", updateMenuPosition, true);\n window.addEventListener(\"resize\", updateMenuPosition);\n return () => {\n window.removeEventListener(\"scroll\", updateMenuPosition, true);\n window.removeEventListener(\"resize\", updateMenuPosition);\n };\n }, [open, updateMenuPosition]);\n\n // Close on outside click\n useEffect(() => {\n if (!open) return;\n const handler = (e: MouseEvent) => {\n const target = e.target as Node;\n const inContainer = containerRef.current?.contains(target) ?? false;\n const inMenu = menuRef.current?.contains(target) ?? false;\n if (!inContainer && !inMenu) setOpen(false);\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-1 w-full\", className)}\n >\n {/* ── External label ── */}\n {label && (\n <div className=\"relative shrink-0 w-full\">\n <div className=\"flex items-start px-1 w-full\">\n <p className=\"leading-5 not-italic relative shrink-0 text-foreground text-sm font-bold whitespace-nowrap\">\n {label}\n </p>\n </div>\n </div>\n )}\n\n {/* ── Trigger ── */}\n <div\n ref={triggerRef}\n onClick={handleToggle}\n className={cn(\n \"relative flex gap-2 items-center rounded-lg px-3.5\",\n bg,\n hasExternalLabel\n ? \"h-[38px]\"\n : isFilled\n ? \"py-1.5\"\n : \"py-3.5\",\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-sm leading-5 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-base leading-5 not-italic bg-transparent outline-none border-none p-0 m-0 placeholder:text-muted-foreground\"\n style={{\n color: \"var(--text-default-primary)\",\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-5 not-italic text-sm 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-4 not-italic text-xs\"\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-5 not-italic text-sm 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-5 not-italic text-base whitespace-nowrap\"\n style={{ color: labelColor }}\n >\n {placeholder}\n </p>\n <p\n className=\"leading-4 not-italic text-xs 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-base leading-5 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 <CaretUp size={22} className={cn(\"shrink-0\", caretClassName)} />\n ) : (\n <CaretDown size={22} className={cn(\"shrink-0\", caretClassName)} />\n )}\n\n </div>\n\n {open && !forceState && options.length > 0 && createPortal(\n <div\n ref={menuRef}\n className={cn(\n \"bg-popover rounded-lg overflow-clip p-2 flex flex-col items-start text-popover-foreground\",\n filteredOptions.length > 10 && \"overflow-y-auto\"\n )}\n style={{\n ...menuStyle,\n boxShadow: \"var(--elevation-popover)\",\n zIndex: 9999,\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={(e) => { e.stopPropagation(); 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-popover hover:bg-disabled-bg\"\n )}\n >\n <div className=\"flex flex-row items-center size-full\">\n <div className=\"flex items-center p-3.5 relative w-full\">\n <p\n className={cn(\n \"flex-1 min-w-0 min-h-[1px] leading-5 not-italic overflow-hidden text-sm 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-popover\">\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 document.body\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 { createPortal } from \"react-dom\";\nimport { CaretDown, CaretUp, Check, X } from \"@phosphor-icons/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// ── 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-surface-clear-hover\"\n >\n <X\n size={12}\n weight=\"bold\"\n color={iconColor}\n className=\"shrink-0\"\n />\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-surface-chip-disabled\" : \"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// ════════════════════════════════════════════════════════════════════════════\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 const triggerRef = useRef<HTMLDivElement>(null);\n const menuRef = useRef<HTMLDivElement>(null);\n const [menuStyle, setMenuStyle] = useState<React.CSSProperties>({});\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-background\";\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(--bg-danger-primary)\"\n : isFocus\n ? \"var(--primary-action)\"\n : \"var(--border-default)\";\n\n const showBelow = isError || Boolean(helperText);\n const leftText = isError ? errorMessage : (helperText ?? \"\");\n const leftColor = isError ? \"var(--bg-danger-primary)\" : \"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 const updateMenuPosition = useCallback(() => {\n if (!triggerRef.current) return;\n const rect = triggerRef.current.getBoundingClientRect();\n setMenuStyle({ position: \"fixed\", top: rect.bottom + 4, left: rect.left, width: rect.width });\n }, []);\n\n useEffect(() => {\n if (!open) return;\n updateMenuPosition();\n window.addEventListener(\"scroll\", updateMenuPosition, true);\n window.addEventListener(\"resize\", updateMenuPosition);\n return () => {\n window.removeEventListener(\"scroll\", updateMenuPosition, true);\n window.removeEventListener(\"resize\", updateMenuPosition);\n };\n }, [open, updateMenuPosition]);\n\n useEffect(() => {\n if (!open) return;\n const handler = (e: MouseEvent) => {\n const target = e.target as Node;\n const inContainer = containerRef.current?.contains(target) ?? false;\n const inMenu = menuRef.current?.contains(target) ?? false;\n if (!inContainer && !inMenu) setOpen(false);\n };\n document.addEventListener(\"mousedown\", handler);\n return () => 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 const next = !open;\n setOpen(next);\n if (next) 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-4 not-italic text-xs\"\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-4 not-italic text-xs\"\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-5 not-italic text-base whitespace-nowrap\"\n style={{ color: labelColor }}\n >\n {placeholder}\n </p>\n <p\n className=\"leading-4 not-italic text-xs 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-base leading-5 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-1 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(--text-default-primary)\",\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(--text-default-primary)\",\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 ref={triggerRef}\n onClick={handleTriggerClick}\n className={cn(\n \"relative flex gap-[8px] items-center rounded-[8px]\",\n bg,\n \"px-3.5\",\n hasExternalLabel ? \"h-10\" : \"py-1 min-h-12\",\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 ? <CaretUp size={22} /> : <CaretDown size={22} />}\n </span>\n </div>\n\n {open && !isStatic && options.length > 0 && createPortal(\n <div\n ref={menuRef}\n className=\"bg-popover rounded-[8px] overflow-clip p-[8px] flex flex-col items-start text-popover-foreground\"\n style={{\n ...menuStyle,\n boxShadow: \"var(--elevation-popover)\",\n zIndex: 9999,\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-popover 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 <Check\n size={12}\n weight=\"bold\"\n className=\"text-primary-action\"\n />\n )}\n </div>\n </div>\n </div>\n </div>\n );\n })\n ) : (\n <div className=\"w-full shrink-0 bg-popover\">\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 document.body\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 /** Override the visual state of the input. Useful for form validation. */\n forceState?: InputState;\n /** Error message displayed below the input when forceState is \"error\". Default: \"Error message\". */\n errorMessage?: string;\n value?: string;\n /** Called with the new string value on every change. */\n onChange?: (value: string) => void;\n /** Icon element rendered on the right side of the input. */\n rightIcon?: React.ReactNode;\n /** Unit label on the right side, e.g. \"kg\" or \"THB\". */\n unit?: string;\n /** Helper text displayed below the input in the default state. */\n helperText?: string;\n /** Show a character count (charCount / maxCount) below the input. */\n showCount?: boolean;\n /** Maximum character count enforced when showCount is true. Default: 100. */\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 maxLength: maxLengthProp,\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 && forceState !== \"default\")\n ? forceState\n : (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-background\";\n const floatLabel = isDisabled ? \"var(--disabled)\" : \"var(--muted-foreground)\";\n const filledValue = isDisabled ? \"var(--disabled)\" : \"var(--text-default-primary)\";\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(--border-danger)\"\n : isFocus\n ? \"var(--primary-action)\"\n : \"var(--border-default)\";\n\n const hasRight = Boolean(rightIcon) || Boolean(unit);\n const padding = isFilled\n ? \"px-[14px] py-[6px]\"\n : hasRight\n ? \"px-[14px] py-[14px]\"\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(--bg-danger-primary)\" : \"var(--muted-foreground)\";\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (isDisabled) return;\n let next = e.target.value;\n if (showCount && maxCount >= 0 && next.length > maxCount) {\n next = next.slice(0, maxCount);\n }\n if (!controlled) setInternalValue(next);\n onChange?.(next);\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-center 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-1 w-full\", className)}>\n <div\n className={cn(\n \"relative rounded-lg\",\n isFilled ? \"min-h-[48px]\" : \"h-[48px]\",\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-4 text-xs\"\n : \"text-base leading-5 pointer-events-none\",\n )}\n style={{ color: floatLabel }}\n >\n {placeholder}\n {required && (\n <span\n className=\"text-xs leading-4\"\n style={{\n color: isDisabled ? \"var(--disabled)\" : \"var(--error-dark)\",\n }}\n >\n {\" *\"}\n </span>\n )}\n </p>\n <input\n {...inputRest}\n type={type}\n value={currentValue}\n onChange={handleChange}\n onFocus={handleFocus}\n onBlur={handleBlur}\n disabled={isDisabled}\n maxLength={showCount ? maxCount : maxLengthProp}\n aria-label={placeholder}\n className={cn(\n \"w-full bg-transparent outline-none border-none min-w-0\",\n isFilled\n ? \"leading-5 not-italic text-sm p-0 m-0\"\n : cn(\n \"absolute inset-0 h-full text-base\",\n isDisabled ? \"cursor-not-allowed\" : \"cursor-text\",\n ),\n )}\n style={\n isFilled\n ? {\n ...inputStyleProp,\n color: filledValue,\n ...inputCaretStyle,\n fontSize: \"14px\",\n lineHeight: \"20px\",\n }\n : {\n ...inputStyleProp,\n color: \"transparent\",\n caretColor: focused ? \"var(--caret-color)\" : \"transparent\",\n padding: hasRight ? \"12px 14px\" : \"14px\",\n fontSize: \"16px\",\n lineHeight: \"24px\",\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] leading-[20px]\",\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-2 px-1 text-xs leading-4\">\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 { type ReactNode } from \"react\";\nimport { X, Warning, Check } from \"@phosphor-icons/react\";\nimport { Button } from \"./button\";\nimport { cn } from \"../lib/utils\";\n\nexport type ModalVariant = \"dialog\" | \"content\" | \"alert\";\nexport type ModalActionLayout = \"none\" | \"single\" | \"double\";\nexport type ModalResponsive = \"mobile\" | \"desktop\";\nexport type ModalAlertStatus = \"warning\" | \"success\" | \"danger\";\n\ntype AlertConfig = {\n titleColor: string;\n solidBg: string;\n boxShadow: string;\n Icon: React.ElementType;\n};\n\nconst ALERT_CONFIG: Record<ModalAlertStatus, AlertConfig> = {\n warning: {\n titleColor: \"var(--text-warning-primary)\",\n solidBg: \"#f0b100\",\n boxShadow: \"0 0 0 8px rgba(240,177,0,0.2), 0 0 0 20px rgba(240,177,0,0.08)\",\n Icon: Warning,\n },\n success: {\n titleColor: \"var(--text-success-primary)\",\n solidBg: \"#00c951\",\n boxShadow: \"0 0 0 8px rgba(0,201,81,0.2), 0 0 0 20px rgba(0,201,81,0.08)\",\n Icon: Check,\n },\n danger: {\n titleColor: \"var(--text-danger-primary)\",\n solidBg: \"#fb2c36\",\n boxShadow: \"0 0 0 8px rgba(251,44,54,0.2), 0 0 0 20px rgba(251,44,54,0.08)\",\n Icon: X,\n },\n};\n\nexport interface ModalProps {\n variant?: ModalVariant;\n actionLayout?: ModalActionLayout;\n responsive?: ModalResponsive;\n alertStatus?: ModalAlertStatus;\n showClose?: boolean;\n title?: string;\n description?: string;\n primaryLabel?: string;\n secondaryLabel?: string;\n children?: ReactNode;\n className?: string;\n onClose?: () => void;\n onPrimaryClick?: () => void;\n onSecondaryClick?: () => void;\n}\n\nexport function Modal({\n variant = \"dialog\",\n actionLayout = \"none\",\n responsive = \"mobile\",\n alertStatus = \"warning\",\n showClose = true,\n title = \"Text label\",\n description = \"Lorem ipsum dolor sit amet consectetur. Mi id nunc ac tempus turpis. Ipsum consectetur dictum volutpat viverra arcu rhoncus sit arcu.\",\n primaryLabel = \"Accept\",\n secondaryLabel = \"Cancel\",\n children,\n className,\n onClose,\n onPrimaryClick,\n onSecondaryClick,\n}: ModalProps) {\n const isContent = variant === \"content\";\n const isAlert = variant === \"alert\";\n const isDialog = variant === \"dialog\";\n const isDesktop = responsive === \"desktop\";\n const alert = ALERT_CONFIG[alertStatus];\n\n return (\n <div\n className={cn(\n \"w-auto overflow-hidden border border-border bg-background\",\n isAlert ? \"w-[343px] rounded-2xl\" : \"rounded-xl\",\n isContent\n ? \"min-w-[343px] max-w-[500px] \"\n : isAlert\n ? undefined\n : isDialog && \"min-w-[375px] max-w-[500px]\",\n className,\n )}\n >\n <div\n className={cn(\n \"flex items-center px-4 pt-4\",\n isAlert ? \"justify-end\" : \"justify-between gap-4\",\n )}\n >\n {!isAlert ? (\n <p className=\"text-[18px] leading-7 font-bold text-foreground\">\n {title}\n </p>\n ) : null}\n {showClose ? (\n <Button\n aria-label=\"Close dialog\"\n className=\"h-5 w-5 shrink-0 rounded-none text-subtle-text\"\n onClick={onClose}\n size=\"icon-xs\"\n variant=\"plain-black\"\n >\n <X size={20} weight=\"regular\" />\n </Button>\n ) : null}\n </div>\n\n <div className={cn(\"px-4 pb-6\", isAlert ? \"pt-0\" : \"pt-4\")}>\n {isAlert ? (\n <AlertBody config={alert} title={title} description={description} />\n ) : isContent ? (\n <div className=\"w-full\">{children ?? null}</div>\n ) : (\n (children ?? (\n <p className=\"text-sm leading-5 text-muted-foreground\">\n {description}\n </p>\n ))\n )}\n </div>\n\n {actionLayout !== \"none\" ? (\n <div className=\"px-4 pb-4\">\n <ModalActions\n layout={actionLayout}\n isContent={isContent}\n isDesktop={isDesktop}\n primaryLabel={primaryLabel}\n secondaryLabel={secondaryLabel}\n onPrimaryClick={onPrimaryClick}\n onSecondaryClick={onSecondaryClick}\n />\n </div>\n ) : null}\n </div>\n );\n}\n\nfunction AlertBody({\n config,\n title,\n description,\n}: {\n config: AlertConfig;\n title: string;\n description: string;\n}) {\n const { Icon, titleColor, solidBg, boxShadow } = config;\n return (\n <div className=\"flex flex-col items-center gap-4 text-center\">\n <div className=\"flex items-center justify-center size-[100px]\">\n <div\n className=\"flex items-center justify-center size-[56px] rounded-full\"\n style={{ backgroundColor: solidBg, boxShadow }}\n >\n <Icon size={40} color=\"white\" />\n </div>\n </div>\n <div className=\"flex flex-col items-center gap-2\">\n <p\n className=\"text-[18px] leading-7 font-bold\"\n style={{ color: titleColor }}\n >\n {title}\n </p>\n <p className=\"text-sm leading-5 text-muted-foreground\">{description}</p>\n </div>\n </div>\n );\n}\n\nfunction ModalActions({\n layout,\n isContent,\n isDesktop,\n primaryLabel,\n secondaryLabel,\n onPrimaryClick,\n onSecondaryClick,\n}: {\n layout: Exclude<ModalActionLayout, \"none\">;\n isContent: boolean;\n isDesktop: boolean;\n primaryLabel: string;\n secondaryLabel: string;\n onPrimaryClick?: () => void;\n onSecondaryClick?: () => void;\n}) {\n // Content variant on desktop right-aligns actions; every other case uses full-width stretched buttons.\n const desktopInline = isContent && isDesktop;\n\n if (layout === \"single\") {\n return (\n <div className={cn(desktopInline ? \"flex justify-end\" : undefined)}>\n <Button\n className={cn(desktopInline ? undefined : \"w-full\")}\n onClick={onPrimaryClick}\n size=\"xl\"\n variant=\"primary\"\n >\n {primaryLabel}\n </Button>\n </div>\n );\n }\n\n const containerClass = isContent\n ? cn(\"flex gap-4\", isDesktop ? \"justify-end\" : \"flex-col\")\n : \"flex items-center gap-4\";\n const buttonClass = isContent\n ? isDesktop\n ? undefined\n : \"w-full\"\n : \"min-w-0 flex-1\";\n\n return (\n <div className={containerClass}>\n <Button\n className={buttonClass}\n onClick={onSecondaryClick}\n size=\"xl\"\n variant=\"outline\"\n >\n {secondaryLabel}\n </Button>\n <Button\n className={buttonClass}\n onClick={onPrimaryClick}\n size=\"xl\"\n variant=\"primary\"\n >\n {primaryLabel}\n </Button>\n </div>\n );\n}\n","\"use client\";\n\nimport { Gift, ImageSquare } from \"@phosphor-icons/react\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport {\n forwardRef,\n useEffect,\n useMemo,\n useRef,\n useState,\n type ReactNode,\n} from \"react\";\nimport { Button } from \"./button\";\nimport { Badge } from \"./badge\";\nimport { cn } from \"../lib/utils\";\n\nexport type NotificationItemType = \"icon\" | \"image\";\nexport type NotificationItemStatus = \"new\" | \"unread\" | \"read\";\n\nexport interface NotificationItem {\n id: string;\n title: string;\n description: string;\n time: string;\n /** Shows unread dot and tinted row background. Default: false */\n unread?: boolean;\n /** Visual state for the notification row. Default: \"read\" */\n status?: NotificationItemStatus;\n /** Icon row or image row. Default: \"icon\" */\n type?: NotificationItemType;\n /** Image source for image-type rows. */\n imageSrc?: string;\n /** Optional leading icon for icon-type rows. */\n icon?: ReactNode;\n /** Optional action button label rendered below description. */\n actionLabel?: string;\n onActionClick?: () => void;\n}\n\nexport interface NotificationGroup {\n /** Divider label, e.g. \"25 ก.ค. 2567\" or \"เมื่อวาน\" */\n label: string;\n items: NotificationItem[];\n}\n\nexport interface NotificationProps {\n /** Notification groups rendered in order under date dividers. */\n groups: NotificationGroup[];\n /** Badge count shown on the trigger. Default: number of new items. */\n badgeCount?: number;\n /** Width of the popover panel in px. Default: 375 */\n panelWidth?: number;\n /** Placeholder text when no notifications are available. */\n emptyText?: string;\n /** Auto clear badge to default when the list is opened. Default: true */\n clearBadgeOnOpen?: boolean;\n /** Controlled open state */\n open?: boolean;\n /** Uncontrolled open initial state */\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean) => void;\n onBadgeCleared?: () => void;\n onItemClick?: (item: NotificationItem) => void;\n className?: string;\n panelClassName?: string;\n}\n\n\nfunction NotificationRow({\n item,\n onItemClick,\n hideIndicator = false,\n demoteNewBackground = false,\n}: {\n item: NotificationItem;\n onItemClick?: (item: NotificationItem) => void;\n hideIndicator?: boolean;\n demoteNewBackground?: boolean;\n}) {\n const rowType = item.type ?? \"icon\";\n const showImage = rowType === \"image\";\n const status = item.status ?? (item.unread ? \"unread\" : \"read\");\n const showIndicator = (status === \"new\" || status === \"unread\") && !hideIndicator;\n const rowBackground =\n status === \"new\" && !demoteNewBackground ? \"bg-muted\" : \"bg-background\";\n\n return (\n <div\n className={cn(\"flex w-full items-start gap-3 px-4 py-3\", rowBackground)}\n role=\"button\"\n tabIndex={0}\n onClick={() => onItemClick?.(item)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n onItemClick?.(item);\n }\n }}\n >\n <div className=\"flex w-10 shrink-0 items-start justify-center py-0.5\">\n {showImage ? (\n item.imageSrc ? (\n <img\n alt=\"\"\n className=\"h-10 w-10 rounded object-cover\"\n src={item.imageSrc}\n />\n ) : (\n <div className=\"flex h-10 w-10 items-center justify-center rounded bg-disabled-bg text-disabled\">\n <ImageSquare size={20} weight=\"regular\" />\n </div>\n )\n ) : (\n <div className=\"flex h-6 w-6 items-center justify-center text-subtle-text\">\n {item.icon ?? <Gift size={20} weight=\"regular\" />}\n </div>\n )}\n </div>\n\n <div className=\"min-w-0 flex-1 space-y-1\">\n <p className=\"line-clamp-2 text-base leading-6 font-semibold text-foreground\">\n {item.title}\n </p>\n <p className=\"line-clamp-3 text-sm leading-5 text-muted-foreground\">\n {item.description}\n </p>\n <p className=\"text-xs leading-4 text-muted-foreground\">{item.time}</p>\n\n {item.actionLabel && (\n <Button\n className=\"mt-2\"\n size=\"md\"\n variant=\"primary\"\n onClick={(e) => {\n e.stopPropagation();\n item.onActionClick?.();\n }}\n >\n {item.actionLabel}\n </Button>\n )}\n </div>\n\n <div className=\"flex w-2 shrink-0 items-start justify-center pt-2\">\n {showIndicator ? (\n <span\n aria-hidden=\"true\"\n className=\"h-2 w-2 rounded-full bg-destructive\"\n />\n ) : null}\n </div>\n </div>\n );\n}\n\nexport const Notification = forwardRef<HTMLDivElement, NotificationProps>(\n function Notification(\n {\n groups,\n badgeCount,\n panelWidth = 375,\n emptyText = \"No notifications\",\n clearBadgeOnOpen = true,\n open,\n defaultOpen,\n onOpenChange,\n onBadgeCleared,\n onItemClick,\n className,\n panelClassName,\n },\n ref,\n ) {\n const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);\n const [isBadgeCleared, setIsBadgeCleared] = useState(false);\n const [clickedItemIds, setClickedItemIds] = useState<Set<string>>(new Set());\n const [wasDismissed, setWasDismissed] = useState(false);\n const [mobileAlign, setMobileAlign] = useState<{ alignOffset: number; width: number } | null>(null);\n const triggerRef = useRef<HTMLDivElement>(null);\n const controlled = open !== undefined;\n const resolvedOpen = controlled ? open : internalOpen;\n const newCount = useMemo(\n () =>\n groups.reduce(\n (acc, group) =>\n acc +\n group.items.filter((item) => {\n const status = item.status ?? (item.unread ? \"unread\" : \"read\");\n return status === \"new\";\n }).length,\n 0,\n ),\n [groups],\n );\n const nextCount = badgeCount ?? newCount;\n const prevCountRef = useRef(nextCount);\n\n useEffect(() => {\n const prevCount = prevCountRef.current;\n if (nextCount <= 0 || nextCount > prevCount) {\n setIsBadgeCleared(false);\n }\n prevCountRef.current = nextCount;\n }, [nextCount]);\n\n useEffect(() => {\n const update = () => {\n if (window.innerWidth > 640 || !triggerRef.current) {\n setMobileAlign(null);\n return;\n }\n const contentWidth = Math.min(panelWidth, window.innerWidth - 32);\n const triggerLeft = triggerRef.current.getBoundingClientRect().left;\n // position left edge of panel at (viewportWidth - panelWidth) / 2\n setMobileAlign({\n alignOffset: (window.innerWidth - contentWidth) / 2 - triggerLeft,\n width: contentWidth,\n });\n };\n update();\n window.addEventListener(\"resize\", update);\n return () => window.removeEventListener(\"resize\", update);\n }, [panelWidth]);\n\n const displayCount = clearBadgeOnOpen && isBadgeCleared ? 0 : nextCount;\n const hasItems = groups.some((group) => group.items.length > 0);\n\n const handleOpenChange = (next: boolean) => {\n if (resolvedOpen && !next) {\n setWasDismissed(true);\n }\n if (next && clearBadgeOnOpen && nextCount > 0) {\n setIsBadgeCleared(true);\n onBadgeCleared?.();\n }\n if (!controlled) setInternalOpen(next);\n onOpenChange?.(next);\n };\n\n const handleItemClick = (item: NotificationItem) => {\n setClickedItemIds((prev) => {\n if (prev.has(item.id)) return prev;\n const next = new Set(prev);\n next.add(item.id);\n return next;\n });\n onItemClick?.(item);\n };\n\n return (\n <Popover.Root open={resolvedOpen} onOpenChange={handleOpenChange}>\n <div ref={ref} className={cn(\"inline-flex\", className)}>\n <Popover.Trigger asChild>\n <div ref={triggerRef} className=\"relative\">\n <Badge\n variant=\"notification\"\n count={displayCount}\n maxCount={99}\n notificationState={\n displayCount > 0\n ? \"noti\"\n : resolvedOpen\n ? \"active\"\n : \"default\"\n }\n aria-label=\"Open notifications\"\n />\n </div>\n </Popover.Trigger>\n </div>\n\n <Popover.Portal>\n <Popover.Content\n align={mobileAlign ? \"start\" : \"end\"}\n alignOffset={mobileAlign?.alignOffset ?? 0}\n avoidCollisions={!mobileAlign}\n sideOffset={10}\n className={cn(\n \"z-50 overflow-hidden rounded-lg border border-border bg-background shadow-lg\",\n panelClassName,\n )}\n style={{ width: mobileAlign?.width ?? panelWidth }}\n >\n <div className=\"max-h-[480px] overflow-y-auto\">\n {!hasItems && (\n <div className=\"px-4 py-8 text-center text-sm text-muted-foreground\">\n {emptyText}\n </div>\n )}\n\n {groups.map((group, gi) => (\n <div key={group.label ?? gi} className=\"w-full\">\n <div>\n {group.items.map((item, ii) => (\n <NotificationRow\n key={item.id ?? `${gi}-${ii}`}\n item={item}\n onItemClick={handleItemClick}\n hideIndicator={item.id ? clickedItemIds.has(item.id) : false}\n demoteNewBackground={wasDismissed}\n />\n ))}\n </div>\n </div>\n ))}\n </div>\n </Popover.Content>\n </Popover.Portal>\n </Popover.Root>\n );\n },\n);\n\nNotification.displayName = \"Notification\";\n","\"use client\";\n\nimport {\n CheckCircle,\n GearSix,\n Info,\n MegaphoneSimple,\n Warning,\n X,\n XCircle,\n} from \"@phosphor-icons/react\";\nimport { forwardRef, useEffect, useRef, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type ToastVariant = \"default\" | \"broadcast\";\nexport type ToastStatus = \"information\" | \"success\" | \"warning\" | \"critical\";\n\nexport interface ToastProps {\n variant?: ToastVariant;\n status?: ToastStatus;\n message: string;\n actionLabel?: string;\n multiline?: boolean;\n onActionClick?: () => void;\n onClose?: () => void;\n className?: string;\n}\n\nconst statusStyles: Record<\n ToastStatus,\n {\n bg: string;\n text: string;\n icon: string;\n link: string;\n }\n> = {\n information: {\n bg: \"bg-[var(--bg-info-light)]\",\n text: \"text-[var(--text-info-primary)]\",\n icon: \"text-[var(--icon-brand-primary)]\",\n link: \"text-[var(--text-brand-link-primary)]\",\n },\n success: {\n bg: \"bg-[var(--bg-success-light)]\",\n text: \"text-[var(--text-success-primary)]\",\n icon: \"text-[var(--icon-success)]\",\n link: \"text-[var(--text-success-link)]\",\n },\n warning: {\n bg: \"bg-[var(--bg-warning-soft)]\",\n text: \"text-[var(--text-warning-primary)]\",\n icon: \"text-[var(--icon-warning)]\",\n link: \"text-[var(--text-warning-link)]\",\n },\n critical: {\n bg: \"bg-[var(--bg-danger-light)]\",\n text: \"text-[var(--text-danger-primary)]\",\n icon: \"text-[var(--icon-danger)]\",\n link: \"text-[var(--text-danger-link)]\",\n },\n};\n\nfunction DefaultIcon({\n status,\n className,\n}: {\n status: ToastStatus;\n className?: string;\n}) {\n if (status === \"success\") return <CheckCircle className={className} size={24} weight=\"fill\" />;\n if (status === \"warning\") return <Warning className={className} size={24} weight=\"fill\" />;\n if (status === \"critical\") return <XCircle className={className} size={24} weight=\"fill\" />;\n return <Info className={className} size={24} weight=\"fill\" />;\n}\n\nfunction BroadcastIcon({\n status,\n className,\n}: {\n status: ToastStatus;\n className?: string;\n}) {\n if (status === \"information\") {\n return <MegaphoneSimple className={className} size={20} weight=\"fill\" />;\n }\n return <GearSix className={className} size={20} weight=\"fill\" />;\n}\n\nfunction ToastCloseButton({\n colorClass,\n onClose,\n}: {\n colorClass: string;\n onClose?: () => void;\n}) {\n return (\n <button\n type=\"button\"\n aria-label=\"Close toast\"\n className={cn(\n \"inline-flex h-[18px] w-[18px] shrink-0 cursor-pointer items-center justify-center\",\n colorClass,\n )}\n onClick={onClose}\n >\n <X size={12} weight=\"bold\" />\n </button>\n );\n}\n\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(function Toast(\n {\n variant = \"default\",\n status = \"information\",\n message,\n actionLabel,\n multiline = false,\n onActionClick,\n onClose,\n className,\n },\n ref,\n) {\n const hasAction = Boolean(actionLabel);\n const effectiveStatus = variant === \"broadcast\" && status === \"success\" ? \"information\" : status;\n const effectiveStyle = statusStyles[effectiveStatus];\n const Icon = variant === \"broadcast\" ? BroadcastIcon : DefaultIcon;\n const showActions = variant === \"default\";\n\n return (\n <div\n ref={ref}\n role=\"status\"\n className={cn(\n \"flex w-full p-3\",\n variant === \"default\"\n ? \"items-center gap-2 rounded-lg shadow-[0px_1px_2px_0px_rgba(0,0,0,0.10),0px_1px_3px_1px_rgba(0,0,0,0.05)]\"\n : \"items-center gap-2\",\n multiline && \"items-start\",\n effectiveStyle.bg,\n className,\n )}\n >\n <div\n className={cn(\n \"flex min-w-0 flex-1 gap-2\",\n multiline ? \"items-start\" : \"items-center\",\n variant === \"default\" && !hasAction && \"opacity-80\",\n )}\n >\n <div className={cn(\"shrink-0\", multiline && \"pt-0.5\")}>\n <Icon status={effectiveStatus} className={effectiveStyle.icon} />\n </div>\n <p className={cn(\"min-w-0 flex-1 text-sm leading-5 font-normal\", effectiveStyle.text)}>\n {message}\n </p>\n </div>\n\n {showActions && hasAction ? (\n <div className=\"flex shrink-0 items-center gap-3\">\n <button\n type=\"button\"\n className={cn(\n \"cursor-pointer text-sm leading-5 underline underline-offset-2\",\n effectiveStyle.link,\n )}\n onClick={onActionClick}\n >\n {actionLabel}\n </button>\n <ToastCloseButton colorClass={effectiveStyle.icon} onClose={onClose} />\n </div>\n ) : showActions ? (\n <ToastCloseButton colorClass={effectiveStyle.icon} onClose={onClose} />\n ) : null}\n </div>\n );\n});\n\nToast.displayName = \"Toast\";\n\nexport interface ToastStackProps {\n items: Array<ToastProps & { id: string }>;\n className?: string;\n renderItem?: (item: ToastProps & { id: string }) => ReactNode;\n}\n\nexport function ToastStack({ items = [], className, renderItem }: ToastStackProps) {\n return (\n <div className={cn(\"flex flex-col gap-2\", className)}>\n {items.map((item) =>\n renderItem ? (\n <div key={item.id}>{renderItem(item)}</div>\n ) : (\n <Toast key={item.id} {...item} />\n ),\n )}\n </div>\n );\n}\n\nexport interface ToasterProps {\n items: Array<ToastProps & { id: string }>;\n renderItem?: (item: ToastProps & { id: string }) => ReactNode;\n className?: string;\n /**\n * Auto-dismiss duration in ms. Calls onRemove(id) after the delay.\n * Set to 0 to disable auto-dismiss. Default: 4000.\n */\n duration?: number;\n /** Called with the toast id when it should be removed (timeout or close). */\n onRemove?: (id: string) => void;\n}\n\n/**\n * Fixed-position toast container.\n * - Desktop (≥ md): top-right\n * - Tablet & mobile (< md): top-center, full width with horizontal padding\n *\n * Place once at the root of your app (e.g. inside App.tsx or layout).\n *\n * @example\n * const [toasts, setToasts] = useState([]);\n * const remove = (id) => setToasts(t => t.filter(x => x.id !== id));\n * <Toaster items={toasts} onRemove={remove} />\n */\nexport function Toaster({ items, renderItem, className, duration = 4000, onRemove }: ToasterProps) {\n const timers = useRef<Map<string, ReturnType<typeof setTimeout>>>(new Map());\n\n useEffect(() => {\n if (duration > 0 && !onRemove) {\n console.warn(\"[Toaster] duration is set but onRemove is not provided — toasts will never dismiss. Pass onRemove={(id) => setToasts(t => t.filter(x => x.id !== id))} to enable auto-dismiss.\");\n }\n if (!onRemove || duration === 0) return;\n\n // start timer for newly added items\n items.forEach((item) => {\n if (!timers.current.has(item.id)) {\n const t = setTimeout(() => {\n onRemove(item.id);\n timers.current.delete(item.id);\n }, duration);\n timers.current.set(item.id, t);\n }\n });\n\n // clear timers for items that were already removed externally\n const live = new Set(items.map((i) => i.id));\n timers.current.forEach((t, id) => {\n if (!live.has(id)) {\n clearTimeout(t);\n timers.current.delete(id);\n }\n });\n });\n\n useEffect(() => {\n return () => {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n timers.current.forEach(clearTimeout);\n };\n }, []);\n\n if (items.length === 0) return null;\n\n const enriched = items.map((item) => ({\n ...item,\n onClose: onRemove ? () => onRemove(item.id) : item.onClose,\n }));\n\n return (\n <div\n className={cn(\n \"fixed z-50 top-4\",\n \"md:right-4 md:w-[360px]\",\n \"max-md:left-1/2 max-md:-translate-x-1/2 max-md:w-[calc(100vw-32px)]\",\n className,\n )}\n >\n <ToastStack items={enriched} renderItem={renderItem} />\n </div>\n );\n}\n","\"use client\";\n\nimport React, { forwardRef } from \"react\";\nimport { Check } from \"@phosphor-icons/react\";\nimport { cn } from \"../lib/utils\";\n\nexport interface OptionItem {\n /** Display label for the option. */\n label: string;\n /** Unique value identifier for the option. */\n value: string;\n /** Optional icon element shown before the label. */\n icon?: React.ReactNode;\n disabled?: boolean;\n}\n\nexport interface OptionListProps {\n /** Array of selectable options. */\n options: OptionItem[];\n /** Currently selected value in single-select mode. */\n selectedValue?: string;\n /** Currently selected values in multi-select mode. */\n selectedValues?: string[];\n /** Called with the selected value in single-select mode. */\n onSelect?: (value: string) => void;\n /** Called with the toggled value in multi-select mode. */\n onToggle?: (value: string) => void;\n /** Max number of items visible before the list scrolls. Default: 10. */\n maxVisible?: number;\n /** Text displayed when the options array is empty. Default: \"No results found\". */\n emptyText?: string;\n className?: string;\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-lg bg-popover px-2 py-2 text-popover-foreground\",\n className\n )}\n style={{\n boxShadow: \"var(--elevation-popover)\",\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-popover 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-2 p-3.5\">\n {opt.icon && (\n <span\n className=\"flex h-5 w-5 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-sm leading-5 text-ellipsis whitespace-nowrap not-italic\"\n style={{\n color: disabled\n ? \"var(--disabled)\"\n : \"var(--text-default-primary)\",\n }}\n >\n {opt.label}\n </p>\n {selected && (\n <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">\n <Check\n size={16}\n weight=\"bold\"\n className=\"text-primary-action\"\n />\n </span>\n )}\n </div>\n </div>\n );\n })\n ) : (\n <div className=\"w-full shrink-0 bg-popover\">\n <div className=\"flex w-full items-center p-3.5\">\n <p className=\"min-h-[1px] min-w-0 flex-1 text-sm leading-5 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 text shown when the input is empty. Default: \"Placeholder\". */\n placeholder?: string;\n value?: string;\n /** Called with the new search string on every keystroke. */\n onChange?: (value: string) => void;\n /** Visual size of the search input. Default: \"lg\". */\n size?: SearchInputSize;\n className?: string;\n /** Called when the user clicks the clear (×) button. */\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\" ? \"h-[38px]\" : \"\";\n const padding =\n size === \"sm\" ? \"px-3.5 py-2\" : \"px-3.5 py-3\";\n const borderInset = focused ? \"-1px\" : \"0px\";\n const borderRad = focused ? \"9px\" : \"8px\";\n const borderColor = focused\n ? \"var(--primary-action)\"\n : \"var(--border-default)\";\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-2 rounded-lg bg-background\",\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={\n focused ? \"var(--subtle-text)\" : \"var(--muted-foreground)\"\n }\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-base leading-5 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-base leading-5 outline-none\"\n style={{\n color: isFilled ? \"var(--text-default-primary)\" : \"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, type ReactNode } from \"react\";\nimport { Circle } from \"@phosphor-icons/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 icon?: ReactNode | boolean;\n notification?: string | number;\n}\n\nexport interface TabProps {\n /** Tab label text. Default: \"Tab\". */\n title?: string;\n /** Size of the tab. Default: \"md\". */\n size?: TabSize;\n /** Whether this tab is currently selected/active. */\n active?: boolean;\n /** Whether the tab is non-interactive. */\n disabled?: boolean;\n onClick?: () => void;\n className?: string;\n /** Icon rendered before the label. Pass `true` for a default placeholder icon. */\n icon?: ReactNode | boolean;\n /** Notification badge shown after the label (count or short text). */\n notification?: string | number;\n}\n\nconst sizeClasses: Record<\n TabSize,\n {\n pad: string;\n text: string;\n leading: string;\n font: string;\n gap: string;\n iconSize: string;\n badgeClass: string;\n }\n> = {\n lg: {\n pad: \"px-3 py-2.5\",\n text: \"text-sm\",\n leading: \"leading-5\",\n font: \"font-bold\",\n gap: \"gap-1.5\",\n iconSize: \"h-5 w-5\",\n badgeClass:\n \"min-w-[16px] h-[16px] px-[3px] text-[length:var(--text-xs)] leading-[var(--leading-4)]\",\n },\n md: {\n pad: \"px-2.5 py-2\",\n text: \"text-sm\",\n leading: \"leading-5\",\n font: \"font-bold\",\n gap: \"gap-1.5\",\n iconSize: \"h-[18px] w-[18px]\",\n badgeClass:\n \"min-w-[16px] h-[16px] px-[3px] text-[length:var(--text-xs)] leading-[var(--leading-4)]\",\n },\n sm: {\n pad: \"px-2 py-1.5\",\n text: \"text-xs\",\n leading: \"leading-4\",\n font: \"font-semibold\",\n gap: \"gap-1\",\n iconSize: \"h-4 w-4\",\n badgeClass:\n \"min-w-[14px] h-[14px] px-1 text-[length:var(--text-xxs)] leading-[var(--leading-3)]\",\n },\n};\n\nfunction DefaultTabIcon({ className }: { className?: string }) {\n return <Circle aria-hidden=\"true\" weight=\"regular\" className={cn(\"shrink-0\", className)} />;\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 icon,\n notification,\n },\n ref\n) {\n const s = sizeClasses[size] ?? sizeClasses.md;\n const hasIcon = Boolean(icon);\n const hasNotification = notification !== undefined && notification !== null;\n const renderedIcon = icon === true ? <DefaultTabIcon className={s.iconSize} /> : icon;\n const textColor = disabled\n ? \"text-disabled\"\n : active\n ? \"text-primary-action\"\n : \"text-muted-foreground\";\n const borderColor = disabled\n ? \"border-border-disabled\"\n : active\n ? \"border-primary-action\"\n : \"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-background transition-colors duration-150\",\n s.pad,\n (hasIcon || hasNotification) && s.gap,\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 {hasIcon && (\n <span\n aria-hidden=\"true\"\n className={cn(\n \"relative shrink-0\",\n s.iconSize,\n disabled ? \"text-disabled\" : active ? \"text-primary-action\" : \"text-muted-foreground\"\n )}\n >\n {renderedIcon}\n </span>\n )}\n <span\n className={cn(\n \"relative overflow-hidden text-ellipsis whitespace-nowrap text-center\",\n hasIcon && hasNotification && \"flex-1 min-w-px\",\n s.text,\n s.leading,\n s.font,\n textColor\n )}\n >\n {title}\n </span>\n {hasNotification && (\n <span\n className={cn(\n \"relative flex shrink-0 items-center justify-center rounded-[60px] bg-visual-red-default text-center font-normal text-on-visual-red\",\n s.badgeClass\n )}\n >\n {notification}\n </span>\n )}\n </div>\n );\n});\n\nTab.displayName = \"Tab\";\n\nexport interface TabGroupProps {\n /** Array of tab definitions. Each item needs at minimum `id` and `title`. */\n items?: TabItem[];\n /** ID of the currently active tab. */\n activeId?: string;\n /** Size applied to all tabs in the group. Default: \"md\". */\n size?: TabSize;\n /** Called with the tab ID when a tab is clicked. */\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 icon={item.icon}\n notification={item.notification}\n onClick={() => onChange?.(item.id)}\n />\n ))}\n </div>\n );\n }\n);\n\nTabGroup.displayName = \"TabGroup\";\n","\"use client\";\n\nimport { forwardRef } from \"react\";\nimport { Circle, X } from \"@phosphor-icons/react\";\nimport { cn } from \"../lib/utils\";\n\nexport type TagSize = \"large\" | \"small\";\nexport type TagState = \"default\" | \"hover\" | \"disabled\";\nexport type TagVariant = \"blue\" | \"green\" | \"yellow\" | \"red\" | \"gray\" | \"lime\";\nexport type StatusTagType = \"stop\" | \"success\" | \"hold\" | \"processing\" | \"error\";\n\nexport interface TagProps {\n /** Label text displayed inside the tag. Default: \"Tag\". */\n text?: string;\n /** Size of the tag. Default: \"large\". */\n size?: TagSize;\n /** Visual state. Default: \"default\". */\n state?: TagState;\n /** Color variant. Use green=positive, red=danger, yellow=warning, gray=neutral. Default: \"gray\". */\n variant?: TagVariant;\n /** Show a small circle dot icon on the left side of the label. */\n icon?: boolean;\n /** Show a close/remove (×) button on the right side. */\n close?: boolean;\n className?: string;\n}\n\nconst sizeStyles: Record<\n TagSize,\n {\n container: string;\n text: string;\n closeIcon: string;\n closeButton: string;\n }\n> = {\n large: {\n container: \"px-2 py-1\",\n text: \"text-xs leading-4\",\n closeIcon: \"h-4 w-4\",\n closeButton: \"h-4 w-4\",\n },\n small: {\n container: \"px-1 py-0.5\",\n text: \"text-[9px] leading-3\",\n closeIcon: \"h-3.5 w-3.5\",\n closeButton: \"h-3.5 w-3.5\",\n },\n};\n\nconst variantStyles: Record<\n TagVariant,\n {\n bg: string;\n text: string;\n color: string;\n }\n> = {\n blue: {\n bg: \"bg-[var(--fill-blue-50)]\",\n text: \"text-[var(--fill-blue-700)]\",\n color: \"var(--fill-blue-700)\",\n },\n green: {\n bg: \"bg-[var(--fill-green-100)]\",\n text: \"text-[var(--fill-green-600)]\",\n color: \"var(--fill-green-600)\",\n },\n yellow: {\n bg: \"bg-[var(--fill-yellow-100)]\",\n text: \"text-[var(--fill-yellow-600)]\",\n color: \"var(--fill-yellow-600)\",\n },\n red: {\n bg: \"bg-[var(--fill-red-100)]\",\n text: \"text-[var(--fill-red-600)]\",\n color: \"var(--fill-red-600)\",\n },\n gray: {\n bg: \"bg-[var(--fill-gray-100)]\",\n text: \"text-subtle-text\",\n color: \"var(--subtle-text)\",\n },\n lime: {\n bg: \"bg-[var(--fill-lime-100)]\",\n text: \"text-[var(--fill-lime-600)]\",\n color: \"var(--fill-lime-600)\",\n },\n};\n\nfunction CircleIcon({ disabled, color }: { disabled: boolean; color: string }) {\n return (\n <Circle\n aria-hidden=\"true\"\n weight=\"regular\"\n className=\"h-3.5 w-3.5 shrink-0\"\n color={disabled ? \"var(--disabled)\" : color}\n />\n );\n}\n\nfunction CloseIcon({ disabled, className }: { disabled: boolean; className?: string }) {\n return (\n <X\n aria-hidden=\"true\"\n weight=\"regular\"\n className={cn(\"shrink-0\", className)}\n color={disabled ? \"var(--disabled)\" : \"var(--subtle-text)\"}\n />\n );\n}\n\nexport const Tag = forwardRef<HTMLDivElement, TagProps>(function Tag(\n {\n text = \"Tag\",\n size = \"large\",\n state = \"default\",\n variant = \"gray\",\n icon = false,\n close = false,\n className,\n },\n ref\n) {\n const isDisabled = state === \"disabled\";\n const s = sizeStyles[size] ?? sizeStyles.large;\n const v = variantStyles[variant] ?? variantStyles.gray;\n const bgClass = state === \"disabled\" ? \"bg-disabled-bg\" : state === \"hover\" ? \"bg-hover-bg\" : v.bg;\n const textClass = isDisabled ? \"text-disabled\" : v.text;\n\n return (\n <div\n ref={ref}\n className={cn(\n \"inline-flex w-fit items-center justify-center rounded-[4px]\",\n (icon || close) && \"gap-[2px]\",\n s.container,\n bgClass,\n className\n )}\n >\n {icon && <CircleIcon disabled={isDisabled} color={v.color} />}\n <span className={cn(\"whitespace-nowrap font-normal\", s.text, textClass)}>\n {text}\n </span>\n {close && (\n <span\n className={cn(\n \"inline-flex items-center justify-center rounded-[2px] transition-colors\",\n s.closeButton,\n !isDisabled && \"cursor-pointer hover:bg-black/10\"\n )}\n >\n <CloseIcon disabled={isDisabled} className={s.closeIcon} />\n </span>\n )}\n </div>\n );\n});\n\nTag.displayName = \"Tag\";\n\nexport interface StatusTagProps {\n /** Process status type — drives the dot color and default label. Default: \"stop\". */\n type?: StatusTagType;\n /** Override the default label for the given type. */\n text?: string;\n className?: string;\n}\n\nconst statusTagStyles: Record<\n StatusTagType,\n {\n label: string;\n dot: string;\n }\n> = {\n stop: {\n label: \"Stop\",\n dot: \"var(--fill-gray-500)\",\n },\n success: {\n label: \"Success\",\n dot: \"var(--fill-emerald-500)\",\n },\n hold: {\n label: \"Hold\",\n dot: \"var(--fill-yellow-500)\",\n },\n processing: {\n label: \"Processing\",\n dot: \"var(--fill-blue-500)\",\n },\n error: {\n label: \"Error\",\n dot: \"var(--fill-rose-500)\",\n },\n};\n\nexport function StatusTag({ type = \"stop\", text, className }: StatusTagProps) {\n const style = statusTagStyles[type] ?? statusTagStyles.stop;\n\n return (\n <div\n className={cn(\n \"inline-flex w-fit items-center justify-center gap-1 rounded-[8px] px-2 py-1\",\n className\n )}\n >\n <Circle aria-hidden=\"true\" weight=\"fill\" className=\"size-[8px] shrink-0\" color={style.dot} />\n <span className=\"whitespace-nowrap text-[14px] leading-[20px] font-normal text-disabled\">\n {text ?? style.label}\n </span>\n </div>\n );\n}\n","\"use client\";\n\nimport { ArrowDown, ArrowUp, ArrowsDownUp, Circle } from \"@phosphor-icons/react\";\nimport React, {\n createContext,\n forwardRef,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n type HTMLAttributes,\n type MouseEventHandler,\n type ReactNode,\n type TableHTMLAttributes,\n type ThHTMLAttributes,\n type TdHTMLAttributes,\n} from \"react\";\nimport { Button } from \"./button\";\nimport { Checkbox, type CheckboxChecked } from \"./checkbox\";\nimport { Tag, type TagVariant } from \"./tag\";\nimport { cn } from \"../lib/utils\";\n\nexport type TableHeaderType = \"text\" | \"icon\" | \"check\";\nexport type TableHeaderState = \"default\" | \"hover\" | \"disabled\";\nexport type TableCellType = \"default\" | \"text-icon\" | \"text-image\" | \"tag\" | \"icon\" | \"button\" | \"checkbox\";\nexport type TableCellTextStyle = \"default\" | \"bold\" | \"bold-description\";\n\nexport interface TableProps extends TableHTMLAttributes<HTMLTableElement> {\n /** Wraps the table with horizontal scrolling while keeping native table semantics. */\n responsive?: boolean;\n}\n\nexport interface TableHeaderCellProps extends ThHTMLAttributes<HTMLTableCellElement> {\n type?: TableHeaderType;\n state?: TableHeaderState;\n sortable?: boolean;\n icon?: ReactNode;\n sortDirection?: \"none\" | \"asc\" | \"desc\";\n onSortChange?: (next: \"none\" | \"asc\" | \"desc\") => void;\n checkState?: CheckboxChecked;\n onCheckChange?: (next: boolean) => void;\n fixed?: \"left\" | \"right\";\n fixedOffset?: number;\n fixedShadow?: \"left\" | \"right\";\n /** Accepted but ignored — prevents DOM warning when passed by consumers. */\n contentAlign?: string;\n}\n\nexport interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {\n type?: TableCellType;\n textStyle?: TableCellTextStyle;\n selected?: boolean;\n hovered?: boolean;\n label?: ReactNode;\n description?: ReactNode;\n imageSrc?: string;\n tagText?: string;\n tagVariant?: TagVariant;\n icon?: ReactNode;\n contentAlign?: \"start\" | \"center\";\n fixed?: \"left\" | \"right\";\n fixedOffset?: number;\n fixedShadow?: \"left\" | \"right\";\n}\n\ntype TableScrollShadowState = {\n hasLeftOverflow: boolean;\n hasRightOverflow: boolean;\n};\n\nconst TableScrollShadowContext = createContext<TableScrollShadowState>({\n hasLeftOverflow: false,\n hasRightOverflow: false,\n});\n\ntype TableRowState = {\n selected: boolean;\n hovered: boolean;\n onSelectedChange?: (next: boolean) => void;\n};\n\nconst TableRowStateContext = createContext<TableRowState>({\n selected: false,\n hovered: false,\n});\n\nfunction getSurface(selected: boolean, hovered: boolean) {\n if (selected) return \"bg-[var(--bg-brand-primary-light,#f3f8fe)]\";\n if (hovered) return \"bg-[var(--bg-default-secondary,#f9fafb)]\";\n return \"bg-[var(--bg-default-primary-medium,white)]\";\n}\n\nfunction getTextClass(textStyle: TableCellTextStyle) {\n return textStyle === \"bold\" || textStyle === \"bold-description\"\n ? \"font-bold text-foreground\"\n : \"font-normal text-foreground\";\n}\n\nfunction resolveStickyShadowDirection(\n fixed?: \"left\" | \"right\",\n fixedShadow?: \"left\" | \"right\"\n) {\n if (fixedShadow) return fixedShadow;\n if (fixed === \"left\") return \"right\";\n if (fixed === \"right\") return \"left\";\n return undefined;\n}\n\nfunction StickyShadowEdge({ direction }: { direction: \"left\" | \"right\" }) {\n if (direction === \"left\") {\n return (\n <span\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute inset-y-0 left-[-10px] w-2.5\"\n style={{\n background:\n \"linear-gradient(90deg, rgba(16,24,40,0.00) 0%, rgba(16,24,40,0.03) 55%, rgba(16,24,40,0.08) 100%)\",\n }}\n />\n );\n }\n\n return (\n <span\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute inset-y-0 right-[-10px] w-2.5\"\n style={{\n background:\n \"linear-gradient(90deg, rgba(16,24,40,0.08) 0%, rgba(16,24,40,0.03) 45%, rgba(16,24,40,0.00) 100%)\",\n }}\n />\n );\n}\n\nexport const Table = forwardRef<HTMLTableElement, TableProps>(function Table(\n { className, responsive = true, ...props },\n ref\n) {\n const scrollRef = useRef<HTMLDivElement | null>(null);\n const [shadowState, setShadowState] = useState<TableScrollShadowState>({\n hasLeftOverflow: false,\n hasRightOverflow: false,\n });\n\n useEffect(() => {\n if (!responsive) return;\n const el = scrollRef.current;\n if (!el) return;\n\n const updateShadowState = () => {\n const maxScrollLeft = Math.max(0, el.scrollWidth - el.clientWidth);\n setShadowState({\n hasLeftOverflow: el.scrollLeft > 0,\n hasRightOverflow: el.scrollLeft < maxScrollLeft - 1,\n });\n };\n\n updateShadowState();\n el.addEventListener(\"scroll\", updateShadowState, { passive: true });\n window.addEventListener(\"resize\", updateShadowState);\n\n const observer = new ResizeObserver(updateShadowState);\n observer.observe(el);\n if (el.firstElementChild instanceof HTMLElement) {\n observer.observe(el.firstElementChild);\n }\n\n return () => {\n el.removeEventListener(\"scroll\", updateShadowState);\n window.removeEventListener(\"resize\", updateShadowState);\n observer.disconnect();\n };\n }, [responsive]);\n\n const contextValue = useMemo(() => shadowState, [shadowState]);\n\n const table = (\n <table\n ref={ref}\n className={cn(\"w-full border-collapse border-spacing-0 text-sm\", className)}\n {...props}\n />\n );\n\n if (!responsive) return table;\n return (\n <TableScrollShadowContext.Provider value={contextValue}>\n <div ref={scrollRef} className=\"w-full overflow-x-auto\">\n {table}\n </div>\n </TableScrollShadowContext.Provider>\n );\n});\n\nexport interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {\n selected?: boolean;\n /** Fires when a `<TableCell type=\"checkbox\" />` inside this row is toggled. Set this together with `selected` to make rows selectable — the cell's checkbox is wired automatically. */\n onSelectedChange?: (next: boolean) => void;\n /** Enables built-in hover state propagation to cells in this row. */\n hoverable?: boolean;\n /** Accepted but ignored — prevents DOM warning when passed by consumers. */\n header?: boolean;\n}\n\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(\n function TableRow(\n {\n className,\n selected = false,\n onSelectedChange,\n hoverable = true,\n header: _header,\n onMouseEnter,\n onMouseLeave,\n ...props\n },\n ref\n ) {\n const [hovered, setHovered] = useState(false);\n\n const handleMouseEnter: MouseEventHandler<HTMLTableRowElement> = (e) => {\n if (hoverable) setHovered(true);\n onMouseEnter?.(e);\n };\n\n const handleMouseLeave: MouseEventHandler<HTMLTableRowElement> = (e) => {\n if (hoverable) setHovered(false);\n onMouseLeave?.(e);\n };\n\n const rowState = useMemo(\n () => ({ selected, hovered: hoverable ? hovered : false, onSelectedChange }),\n [hoverable, hovered, selected, onSelectedChange]\n );\n\n return (\n <TableRowStateContext.Provider value={rowState}>\n <tr\n ref={ref}\n className={cn(\"align-middle\", className)}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n {...props}\n />\n </TableRowStateContext.Provider>\n );\n }\n);\n\nexport const TableHeaderCell = forwardRef<HTMLTableCellElement, TableHeaderCellProps>(\n function TableHeaderCell(\n {\n className,\n type = \"text\",\n state = \"default\",\n sortable = true,\n icon,\n sortDirection,\n onSortChange,\n checkState = false,\n onCheckChange,\n fixed,\n fixedOffset = 0,\n fixedShadow,\n contentAlign: _contentAlign,\n children = \"Title text\",\n style: styleProp,\n onClick: onClickProp,\n ...props\n },\n ref\n ) {\n const { hasLeftOverflow, hasRightOverflow } = useContext(TableScrollShadowContext);\n const [internalDirection, setInternalDirection] = useState<\"none\" | \"asc\" | \"desc\">(\"none\");\n const isControlledSort = sortDirection !== undefined;\n const currentDirection = isControlledSort ? sortDirection : internalDirection;\n\n const stateClass =\n state === \"disabled\"\n ? \"bg-[var(--bg-default-tertiary,#f3f4f6)] text-[var(--text-default-tertiary,#6a7282)]\"\n : state === \"hover\"\n ? \"bg-[var(--bg-default-secondary,#f9fafb)] text-[var(--text-default-tertiary,#6a7282)]\"\n : \"bg-[var(--bg-default-primary,white)] text-[var(--text-default-tertiary,#6a7282)]\";\n const interactiveHoverClass =\n state === \"default\" ? \"hover:bg-[var(--bg-default-secondary,#f9fafb)]\" : \"\";\n\n const sortIcon =\n currentDirection === \"asc\" ? (\n <ArrowUp size={16} weight=\"fill\" className=\"shrink-0\" />\n ) : currentDirection === \"desc\" ? (\n <ArrowDown size={16} weight=\"fill\" className=\"shrink-0\" />\n ) : (\n <ArrowsDownUp size={16} weight=\"fill\" className=\"shrink-0\" />\n );\n\n const handleClick: MouseEventHandler<HTMLTableCellElement> = (e) => {\n onClickProp?.(e);\n if (type !== \"text\" || !sortable || state === \"disabled\") return;\n const nextDirection =\n currentDirection === \"none\"\n ? \"asc\"\n : currentDirection === \"asc\"\n ? \"desc\"\n : \"none\";\n if (!isControlledSort) setInternalDirection(nextDirection);\n onSortChange?.(nextDirection);\n };\n\n const content =\n type === \"text\" ? (\n <>\n <span className=\"text-sm leading-5 font-normal\">{children}</span>\n {sortable && sortIcon}\n </>\n ) : type === \"icon\" ? (\n icon ?? <Circle size={20} weight=\"regular\" className=\"shrink-0\" />\n ) : (\n <Checkbox\n checked={checkState}\n disabled={state === \"disabled\"}\n onChange={onCheckChange}\n ariaLabel=\"Select all rows\"\n />\n );\n\n const fixedStyle =\n fixed === \"left\"\n ? { left: fixedOffset }\n : fixed === \"right\"\n ? { right: fixedOffset }\n : undefined;\n\n const shadowDirection = resolveStickyShadowDirection(fixed, fixedShadow);\n const shouldShowShadow =\n shadowDirection === \"right\"\n ? hasLeftOverflow\n : shadowDirection === \"left\"\n ? hasRightOverflow\n : false;\n\n return (\n <th\n ref={ref}\n className={cn(\n \"relative h-12 border-b border-border px-4 py-3\",\n type === \"text\" ? \"min-w-[284px] text-left\" : \"w-[56px] text-center\",\n stateClass,\n interactiveHoverClass,\n fixed && \"sticky z-20\",\n sortable && type === \"text\" && state !== \"disabled\" && \"cursor-pointer select-none\",\n className\n )}\n style={{ ...fixedStyle, ...styleProp }}\n {...props}\n onClick={handleClick}\n >\n {shadowDirection && shouldShowShadow && (\n <StickyShadowEdge direction={shadowDirection} />\n )}\n <div\n className={cn(\n \"flex items-center\",\n type === \"text\" ? \"justify-start gap-1\" : \"justify-center gap-0\"\n )}\n >\n {content}\n </div>\n </th>\n );\n }\n);\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell(\n {\n className,\n type = \"default\",\n textStyle = \"default\",\n selected,\n hovered,\n label,\n description = \"Text Description\",\n imageSrc,\n tagText = \"Tag\",\n tagVariant = \"gray\",\n icon,\n contentAlign = \"start\",\n fixed,\n fixedOffset = 0,\n fixedShadow,\n style: styleProp,\n children,\n ...props\n },\n ref\n) {\n const { hasLeftOverflow, hasRightOverflow } = useContext(TableScrollShadowContext);\n const rowState = useContext(TableRowStateContext);\n const cellSelected = selected ?? rowState.selected;\n const cellHovered = hovered ?? rowState.hovered;\n const surfaceClass = getSurface(cellSelected, cellHovered);\n const primaryTextClass = getTextClass(textStyle);\n const hasDescription = textStyle === \"bold-description\";\n const iconSize = hasDescription ? 24 : 20;\n const imageSize = hasDescription ? \"size-8\" : \"size-5\";\n\n const fixedStyle =\n fixed === \"left\"\n ? { left: fixedOffset }\n : fixed === \"right\"\n ? { right: fixedOffset }\n : undefined;\n\n const shadowDirection = resolveStickyShadowDirection(fixed, fixedShadow);\n const shouldShowShadow =\n shadowDirection === \"right\"\n ? hasLeftOverflow\n : shadowDirection === \"left\"\n ? hasRightOverflow\n : false;\n\n const primaryContent = children ?? label ?? \"Text label\";\n\n return (\n <td\n ref={ref}\n className={cn(\n \"relative border-b border-border px-4\",\n hasDescription ? \"py-3 align-top\" : \"py-3.5 align-middle\",\n surfaceClass,\n type === \"default\" || type === \"text-icon\" || type === \"text-image\" || type === \"tag\"\n ? \"min-w-[284px]\"\n : \"w-[56px]\",\n fixed && \"sticky z-10\",\n className\n )}\n style={{ ...fixedStyle, ...styleProp }}\n {...props}\n >\n {shadowDirection && shouldShowShadow && (\n <StickyShadowEdge direction={shadowDirection} />\n )}\n {type === \"default\" && (\n <div className=\"flex min-w-0 flex-col\">\n <span className={cn(\"text-sm leading-5\", primaryTextClass)}>{primaryContent}</span>\n {hasDescription && (\n <span className=\"text-xs leading-4 font-normal text-subtle-text\">{description}</span>\n )}\n </div>\n )}\n\n {type === \"text-icon\" && (\n <div className=\"flex items-center gap-2\">\n {icon ?? <Circle size={iconSize} weight=\"regular\" className=\"shrink-0 text-subtle-text\" />}\n <div className=\"flex min-w-0 flex-col\">\n <span className={cn(\"text-sm leading-5\", primaryTextClass)}>{primaryContent}</span>\n {hasDescription && (\n <span className=\"text-xs leading-4 font-normal text-subtle-text\">{description}</span>\n )}\n </div>\n </div>\n )}\n\n {type === \"text-image\" && (\n <div className=\"flex items-center gap-2\">\n <div className={cn(\"shrink-0 overflow-hidden rounded\", imageSize)}>\n {imageSrc ? (\n <img\n alt=\"\"\n className=\"pointer-events-none size-full object-cover\"\n src={imageSrc}\n />\n ) : (\n <div className=\"size-full bg-hover-bg\" />\n )}\n </div>\n <div className=\"flex min-w-0 flex-col\">\n <span className={cn(\"text-sm leading-5\", primaryTextClass)}>{primaryContent}</span>\n {hasDescription && (\n <span className=\"text-xs leading-4 font-normal text-subtle-text\">{description}</span>\n )}\n </div>\n </div>\n )}\n\n {type === \"tag\" && (\n <div className=\"flex items-center\">\n <Tag text={tagText} size=\"large\" variant={tagVariant} />\n </div>\n )}\n\n {type === \"icon\" && (\n <div\n className={cn(\n \"flex items-center\",\n contentAlign === \"start\" ? \"justify-start\" : \"justify-center\"\n )}\n >\n {icon ?? <Circle size={24} weight=\"regular\" className=\"text-subtle-text\" />}\n </div>\n )}\n\n {type === \"button\" && (\n <div\n className={cn(\n \"flex items-center\",\n contentAlign === \"start\" ? \"justify-start\" : \"justify-center\"\n )}\n >\n <Button size=\"xs\" variant=\"outline-black\">\n Button\n </Button>\n </div>\n )}\n\n {type === \"checkbox\" && (\n <div\n className={cn(\n \"flex items-center\",\n contentAlign === \"start\" ? \"justify-start\" : \"justify-center\"\n )}\n >\n <Checkbox\n checked={cellSelected}\n onChange={rowState.onSelectedChange}\n ariaLabel=\"Select row\"\n />\n </div>\n )}\n </td>\n );\n});\n\nexport const TableHead = forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n function TableHead({ className, ...props }, ref) {\n return <thead ref={ref} className={cn(\"\", className)} {...props} />;\n }\n);\n\nexport const TableBody = forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n function TableBody({ className, ...props }, ref) {\n return <tbody ref={ref} className={cn(\"\", className)} {...props} />;\n }\n);\n\nTable.displayName = \"Table\";\nTableRow.displayName = \"TableRow\";\nTableHeaderCell.displayName = \"TableHeaderCell\";\nTableCell.displayName = \"TableCell\";\nTableHead.displayName = \"TableHead\";\nTableBody.displayName = \"TableBody\";\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 /** Override the visual state of the textarea. Useful for form validation. */\n forceState?: TextAreaState;\n /** Error message displayed below when forceState is \"error\". Default: \"Error message\". */\n errorMessage?: string;\n value?: string;\n /** Called with the new string value on every change. */\n onChange?: (value: string) => void;\n /** Helper text shown below the textarea in the default state. */\n helperText?: string;\n /** Show a character count (charCount / maxCount) below the textarea. */\n showCount?: boolean;\n /** Maximum character count enforced when showCount is true. Default: 100. */\n maxCount?: number;\n /** Number of visible text rows. Default: 4. */\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(--text-default-primary)\";\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(--bg-danger-primary)\"\n : isFocus\n ? \"var(--primary-action)\"\n : \"var(--border-default)\";\n\n const charCount = currentValue.length;\n const showBelow = isError || Boolean(helperText) || showCount;\n const leftText = isError ? errorMessage : (helperText ?? \"\");\n const leftColor = isError ? \"var(--bg-danger-primary)\" : \"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-1\", className)}>\n <div\n className={cn(\n \"relative h-[116px] rounded-lg\",\n isDisabled ? \"bg-disabled-bg\" : \"bg-background\",\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 px-3.5 pt-3.5 pb-1.5\">\n <p\n className=\"w-full shrink-0 text-xs leading-4 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 <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-h-0 min-w-0 w-full flex-1 resize-none border-none bg-transparent p-0 text-sm leading-5 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-3.5\">\n <p\n className=\"pointer-events-none relative h-full min-h-[1px] min-w-0 flex-1 text-base leading-5 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-base 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 className=\"flex items-start gap-2 px-1 text-xs leading-4\">\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 { BottomSheet } from \"./bottom-sheet\";\nimport { Button } from \"./button\";\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(--text-default-primary)\"\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 ? \"var(--on-primary-action)\"\n : \"var(--text-default-primary)\",\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(--text-default-primary)\",\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-background\";\n const labelColor = isDisabled\n ? \"var(--disabled)\"\n : \"var(--muted-foreground)\";\n const valueColor = isDisabled\n ? \"var(--disabled)\"\n : \"var(--text-default-primary)\";\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(--bg-danger-primary)\"\n : isFocus\n ? \"var(--primary-action)\"\n : \"var(--border-default)\";\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 />\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-1.5\"\n : \"py-3\";\n const triggerBase = cn(\n \"relative flex gap-2 items-center rounded-lg px-3.5 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-1 text-xs leading-4\">\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 <BottomSheet\n open={open}\n onOpenChange={handleOpenChange}\n trigger={triggerButton}\n title=\"เลือกเวลา\"\n showHeader={false}\n rightSide=\"none\"\n contentClassName=\"pt-0\"\n >\n <div className=\"overflow-auto px-4 pt-2 pb-8 w-full\">\n {pickerContent}\n {actionButtons}\n </div>\n </BottomSheet>\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-popover p-3 outline-none max-w-[340px] text-popover-foreground\"\n style={{\n boxShadow: \"var(--elevation-popover)\",\n border: \"1px solid var(--border-default)\",\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","\"use client\";\n\n// Components\nexport { Button } from \"./components/button\";\nexport { Badge } from \"./components/badge\";\nexport { Alert } from \"./components/alert\";\nexport { Card } from \"./components/card\";\nexport { Checkbox } from \"./components/checkbox\";\nexport { Toggle } from \"./components/toggle\";\nexport { Radio } from \"./components/radio\";\nexport { Chip } from \"./components/chip\";\nexport { DateInput } from \"./components/date-input\";\nexport { Dropdown } from \"./components/dropdown\";\nexport { DropdownMultiple } from \"./components/dropdown-multiple\";\nexport { Input } from \"./components/input\";\nexport { Modal } from \"./components/modal\";\nexport { Notification } from \"./components/notification\";\nexport { Toast, ToastStack, Toaster } from \"./components/toast\";\nexport { BottomSheet } from \"./components/bottom-sheet\";\nexport { OptionList } from \"./components/option-list\";\nexport { SearchInput } from \"./components/search-input\";\nexport { Tab, TabGroup } from \"./components/tab\";\nexport { Tag, StatusTag } from \"./components/tag\";\nexport { Table, TableRow, TableHeaderCell, TableCell, TableHead, TableBody } from \"./components/table\";\nexport { TextArea } from \"./components/textarea\";\nexport { TimeInput } from \"./components/time-input\";\n\n// Utilities\nexport { cn } from \"./lib/utils\";\nexport { useIsMobile } from \"./components/ui/use-mobile\";\n\n// Types — Button\nexport type {\n ButtonProps,\n ButtonSize,\n ButtonLabelSize,\n ButtonIconSize,\n ButtonVariant,\n} from \"./components/button\";\n\n// Types — Badge\nexport type { BadgeVariant, BadgeNotificationState, BadgeProps } from \"./components/badge\";\n\n// Types — Alert\nexport type { AlertStatus, AlertProps } from \"./components/alert\";\n\n// Types — Card\nexport type {\n CardProps,\n CardVariant,\n CardSize,\n CardTagStatus,\n CardSocialTag,\n} from \"./components/card\";\n\n// Types — Checkbox\nexport type {\n CheckboxChecked,\n CheckboxVariant,\n CheckboxProps,\n} from \"./components/checkbox\";\n\n// Types — Toggle\nexport type { ToggleSize, ToggleProps } from \"./components/toggle\";\n\n// Types — Radio\nexport type { RadioVariant, RadioProps } from \"./components/radio\";\n\n// Types — Chip\nexport type {\n ChipType,\n ChipSize,\n ChipProps,\n} from \"./components/chip\";\n\n// Types — DateInput\nexport type {\n DateInputProps,\n DateInputState,\n DateInputMode,\n DatePickerVariant,\n} from \"./components/date-input\";\nexport type { DateRange } from \"react-day-picker\";\n\n// Types — Dropdown\nexport type {\n DropdownState,\n DropdownOption,\n DropdownProps,\n} from \"./components/dropdown\";\n\n// Types — DropdownMultiple\nexport type {\n DropdownMultipleState,\n DropdownMultipleOption,\n DropdownMultipleProps,\n} from \"./components/dropdown-multiple\";\n\n// Types — Input\nexport type {\n InputState,\n InputProps,\n} from \"./components/input\";\n\n// Types — Bottom Sheet\nexport type {\n BottomSheetHeaderType,\n BottomSheetRightSide,\n BottomSheetProps,\n} from \"./components/bottom-sheet\";\n\n// Types — Modal\nexport type {\n ModalVariant,\n ModalActionLayout,\n ModalResponsive,\n ModalAlertStatus,\n ModalProps,\n} from \"./components/modal\";\n\n// Types — Notification\nexport type {\n NotificationItemType,\n NotificationItemStatus,\n NotificationItem,\n NotificationGroup,\n NotificationProps,\n} from \"./components/notification\";\n\n// Types — Toast\nexport type {\n ToastVariant,\n ToastStatus,\n ToastProps,\n ToastStackProps,\n ToasterProps,\n} from \"./components/toast\";\n\n\n// Types — OptionList\nexport type {\n OptionItem,\n OptionListProps,\n} from \"./components/option-list\";\n\n// Types — SearchInput\nexport type {\n SearchInputSize,\n SearchInputProps,\n} from \"./components/search-input\";\n\n// Types — Tab\nexport type {\n TabSize,\n TabItem,\n TabProps,\n TabGroupProps,\n} from \"./components/tab\";\n\n// Types — Tag\nexport type {\n TagSize,\n TagState,\n TagVariant,\n TagProps,\n StatusTagType,\n StatusTagProps,\n} from \"./components/tag\";\n\n// Types — Table\nexport type {\n TableProps,\n TableHeaderType,\n TableHeaderState,\n TableCellType,\n TableCellTextStyle,\n TableHeaderCellProps,\n TableCellProps,\n TableRowProps,\n} from \"./components/table\";\n\n// Types — TextArea\nexport type {\n TextAreaState,\n TextAreaProps,\n} from \"./components/textarea\";\n\n// Types — TimeInput\nexport type {\n TimeInputState,\n TimeInputMode,\n TimeValue,\n TimeInputProps,\n TimeSlot,\n} from \"./components/time-input\";\n\n// Default export — for tools that do `import SystemOne from '@sarunyu/system-one'`\nimport { Button } from \"./components/button\";\nimport { Badge } from \"./components/badge\";\nimport { Alert } from \"./components/alert\";\nimport { Card } from \"./components/card\";\nimport { Checkbox } from \"./components/checkbox\";\nimport { Toggle } from \"./components/toggle\";\nimport { Radio } from \"./components/radio\";\nimport { Chip } from \"./components/chip\";\nimport { DateInput } from \"./components/date-input\";\nimport { Dropdown } from \"./components/dropdown\";\nimport { DropdownMultiple } from \"./components/dropdown-multiple\";\nimport { Input } from \"./components/input\";\nimport { Modal } from \"./components/modal\";\nimport { Notification } from \"./components/notification\";\nimport { Toast, ToastStack, Toaster } from \"./components/toast\";\nimport { BottomSheet } from \"./components/bottom-sheet\";\nimport { OptionList } from \"./components/option-list\";\nimport { SearchInput } from \"./components/search-input\";\nimport { Tab, TabGroup } from \"./components/tab\";\nimport { Tag, StatusTag } from \"./components/tag\";\nimport { Table, TableRow, TableHeaderCell, TableCell, TableHead, TableBody } from \"./components/table\";\nimport { TextArea } from \"./components/textarea\";\nimport { TimeInput } from \"./components/time-input\";\nimport { cn } from \"./lib/utils\";\nimport { useIsMobile } from \"./components/ui/use-mobile\";\nexport default {\n Button, Badge, Alert, Card, Checkbox, Toggle, Radio, Chip,\n DateInput, Dropdown, DropdownMultiple, Input, Modal, Notification,\n Toast, ToastStack, Toaster, BottomSheet, OptionList, SearchInput,\n Tab, TabGroup, Tag, StatusTag, Table, TableHead, TableBody, TableRow, TableHeaderCell, TableCell,\n TextArea, TimeInput, cn, useIsMobile,\n};\n"],"names":["twMerge","clsx","forwardRef","Button","useState","jsx","jsxs","BellSimple","FunnelSimple","CheckCircle","Warning","XCircle","Info","Alert","React","BroadcastIcon","Lock","Card","BookmarkSimpleIcon","padding","CalendarBlank","MapPin","Users","Checkbox","useRef","useEffect","useCallback","Toggle","useId","Radio","sizeStyles","Chip","Check","Plus","DrawerPrimitive","Circle","useDayPicker","CaretLeft","CaretRight","Fragment","CaretDoubleLeft","CaretDoubleRight","DateInput","Minus","DayPicker","Popover","_a","CaretUp","CaretDown","createPortal","X","useLayoutEffect","_b","DropdownMultiple","useMemo","hasExternalLabel","Input","ImageSquare","Gift","Notification","MegaphoneSimple","GearSix","Toast","OptionList","SearchInput","MagnifyingGlass","Tab","TabGroup","Tag","createContext","Table","TableRow","TableHeaderCell","useContext","ArrowUp","ArrowDown","ArrowsDownUp","TableCell","TableHead","TableBody","TextArea","Clock"],"mappings":"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"}
1
+ {"version":3,"file":"index.cjs","sources":["../src/lib/utils.ts","../src/components/button.tsx","../src/components/badge.tsx","../src/components/alert.tsx","../src/components/ui/use-mobile.ts","../src/components/card.tsx","../src/components/checkbox.tsx","../src/components/toggle.tsx","../src/components/radio.tsx","../src/components/chip.tsx","../src/components/ui/drawer.tsx","../src/components/bottom-sheet.tsx","../src/components/date-input.tsx","../src/components/dropdown.tsx","../src/components/dropdown-multiple.tsx","../src/components/input.tsx","../src/components/modal.tsx","../src/components/notification.tsx","../src/components/toast.tsx","../src/components/option-list.tsx","../src/components/search-input.tsx","../src/components/tab.tsx","../src/components/tag.tsx","../src/components/table.tsx","../src/components/textarea.tsx","../src/components/time-input.tsx","../src/assets/avatar-placeholder.png","../src/components/avatar.tsx","../src/components/avatar-stack.tsx","../src/index.ts"],"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 /** Button size. Label sizes: xs, sm, md, lg, xl. Icon-only sizes: icon-xs through icon-xl. Default: \"md\". */\n size?: ButtonSize;\n /** Visual style. Use \"primary\" for the main CTA, \"outline\" for secondary, \"plain\" for tertiary. Default: \"primary\". */\n variant?: ButtonVariant;\n children?: React.ReactNode;\n /** Icon element rendered to the left of the label. Only applies to label-size buttons. */\n leftIcon?: React.ReactNode;\n /** Icon element rendered to the right of the label. Only applies to label-size buttons. */\n rightIcon?: React.ReactNode;\n}\n\n// ─── Label-size maps (use token-based Tailwind classes) ───────────────────────\nconst labelIconSizeClass: Record<ButtonLabelSize, string> = {\n xs: \"h-4 w-4\", // 16px\n sm: \"h-4.5 w-4.5\", // ~18px\n md: \"h-4.5 w-4.5\",\n lg: \"h-5 w-5\", // 20px\n xl: \"h-5 w-5\",\n};\n\nconst gapClass: Record<ButtonLabelSize, string> = {\n xs: \"gap-0.5\", // 2px\n sm: \"gap-0.5\",\n md: \"gap-0.5\",\n lg: \"gap-1\", // 4px\n xl: \"gap-1\",\n};\n\nconst textSizeClass: Record<ButtonLabelSize, string> = {\n xs: \"text-xs leading-4\",\n sm: \"text-sm leading-5\",\n md: \"text-sm leading-5\",\n lg: \"text-sm leading-5\",\n xl: \"text-sm leading-5\",\n};\n\nconst roundedLabelClass: Record<ButtonLabelSize, string> = {\n xs: \"rounded\",\n sm: \"rounded-md\",\n md: \"rounded-md\",\n lg: \"rounded-lg\",\n xl: \"rounded-lg\",\n};\n\nconst heightClass: Record<ButtonLabelSize, string> = {\n xs: \"h-[26px]\",\n sm: \"h-[28px]\",\n md: \"h-8\", // 32px\n lg: \"h-9\", // 36px\n xl: \"h-10\", // 40px\n};\n\nfunction getPaddingClasses(\n size: ButtonLabelSize,\n hasLeft: boolean,\n hasRight: boolean,\n): readonly [string, string] {\n const pxMap: Record<ButtonLabelSize, { l: string; r: string }> = {\n xs: { l: \"pl-1.5\", r: \"pr-1.5\" }, // 6px\n sm: { l: \"pl-2\", r: \"pr-2\" }, // 8px\n md: { l: \"pl-2.5\", r: \"pr-2.5\" }, // 10px\n lg: { l: \"pl-3.5\", r: \"pr-3.5\" }, // 14px\n xl: { l: \"pl-4\", r: \"pr-4\" }, // 16px\n };\n const reducedMap: Record<ButtonLabelSize, { l: string; r: string }> = {\n xs: { l: \"pl-1.5\", r: \"pr-1.5\" },\n sm: { l: \"pl-1.5\", r: \"pr-1.5\" },\n md: { l: \"pl-2\", r: \"pr-2\" },\n lg: { l: \"pl-2.5\", r: \"pr-2.5\" },\n xl: { l: \"pl-3\", r: \"pr-3\" },\n };\n return [\n hasLeft ? reducedMap[size].l : pxMap[size].l,\n hasRight ? reducedMap[size].r : pxMap[size].r,\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: \"h-6 w-6\", icon: 16, rounded: \"rounded\" },\n \"icon-sm\": { btn: \"h-7 w-7\", icon: 18, rounded: \"rounded-md\" },\n \"icon-md\": { btn: \"h-8 w-8\", icon: 18, rounded: \"rounded-md\" },\n \"icon-lg\": { btn: \"h-9 w-9\", icon: 20, rounded: \"rounded-lg\" },\n \"icon-xl\": { btn: \"h-10 w-10\", icon: 20, rounded: \"rounded-lg\" },\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 border border-transparent cursor-not-allowed\";\n }\n if (variant === \"outline\")\n return \"bg-background 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 border border-transparent 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-background text-foreground border border-border hover:bg-hover-bg\";\n if (variant === \"plain-black\")\n return \"bg-transparent text-foreground border border-transparent hover:bg-hover-bg\";\n // primary\n return \"bg-primary-action text-on-primary-action border border-transparent 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: disabled-bg + disabled icon color.\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-medium 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 heightClass[labelSize],\n paddingParts[0],\n paddingParts[1],\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 { BellSimple, FunnelSimple } from \"@phosphor-icons/react\";\nimport { type ReactNode } from \"react\";\nimport { Button, type ButtonProps } from \"./button\";\nimport { cn } from \"../lib/utils\";\n\nexport type BadgeVariant = \"button\" | \"notification\";\nexport type BadgeNotificationState = \"default\" | \"active\" | \"noti\";\n\nexport interface BadgeProps extends Omit<ButtonProps, \"children\" | \"size\" | \"variant\" | \"leftIcon\"> {\n /** `button` for filter-style button badge, `notification` for bell badge. */\n variant?: BadgeVariant;\n /** Count shown in top-right badge. Hidden when <= 0. */\n count?: number;\n /** Max visible count before appending +. Default: 99 */\n maxCount?: number;\n /** Label used by `button` variant (non icon-only). Default: \"Filter\" */\n label?: string;\n /** Render icon-only button for `button` variant. Default: false */\n iconOnly?: boolean;\n /** Optional icon override for `button` variant. */\n icon?: ReactNode;\n /** Visual state for `notification` variant. */\n notificationState?: BadgeNotificationState;\n className?: string;\n}\n\nfunction formatCount(count: number, maxCount: number) {\n if (count > maxCount) return `${maxCount}+`;\n return String(count);\n}\n\nexport function Badge({\n variant = \"button\",\n count = 0,\n maxCount = 99,\n label = \"Filter\",\n iconOnly = false,\n icon,\n notificationState,\n className,\n ...props\n}: BadgeProps) {\n const hasCount = count > 0;\n const resolvedNotificationState: BadgeNotificationState =\n notificationState ?? (hasCount ? \"noti\" : \"default\");\n const notificationIsFilled =\n resolvedNotificationState === \"active\" || resolvedNotificationState === \"noti\";\n const showNotificationDot = resolvedNotificationState === \"noti\" && hasCount;\n\n const visualIcon =\n variant === \"notification\" ? (\n <BellSimple size={18} weight={notificationIsFilled ? \"fill\" : \"regular\"} />\n ) : (\n icon ?? <FunnelSimple size={18} weight=\"regular\" />\n );\n\n return (\n <div className={cn(\"relative inline-flex\", className)}>\n {variant === \"notification\" ? (\n <Button\n aria-label=\"Notification\"\n size=\"icon-xs\"\n variant=\"plain-black\"\n className=\"text-icon-brand [&>span]:!h-[18px] [&>span]:!w-[18px]\"\n {...props}\n >\n {visualIcon}\n </Button>\n ) : iconOnly ? (\n <Button\n aria-label={label}\n size=\"icon-md\"\n variant={hasCount ? \"outline\" : \"outline-black\"}\n className={cn(hasCount && \"bg-primary-action-light border-primary-action-light\")}\n {...props}\n >\n {visualIcon}\n </Button>\n ) : (\n <Button\n size=\"md\"\n leftIcon={visualIcon}\n variant={hasCount ? \"outline\" : \"outline-black\"}\n className={cn(hasCount && \"bg-primary-action-light border-primary-action-light\")}\n {...props}\n >\n {label}\n </Button>\n )}\n\n {(variant === \"notification\" ? showNotificationDot : hasCount) && (\n <div\n className={cn(\n \"absolute flex h-[14px] min-h-[14px] min-w-[14px] items-center justify-center rounded-[60px]\",\n variant === \"notification\"\n ? \"-right-0.5 -top-0.5 bg-destructive px-[2.5px]\"\n : \"-right-1 -top-[7px] h-4 min-w-4 bg-primary-action\",\n )}\n >\n <p className=\"text-center text-xs leading-4 font-normal text-text-default-white\">\n {formatCount(count, maxCount)}\n </p>\n </div>\n )}\n </div>\n );\n}\n","\"use client\";\n\nimport { CheckCircle, Info, Warning, XCircle } from \"@phosphor-icons/react\";\nimport { forwardRef } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type AlertStatus =\n | \"normal\"\n | \"information\"\n | \"success\"\n | \"warning\"\n | \"critical\";\n\nexport interface AlertProps {\n status?: AlertStatus;\n title?: string;\n message: string;\n multiline?: boolean;\n className?: string;\n}\n\nconst alertStyles: Record<\n AlertStatus,\n {\n container: string;\n text: string;\n icon: string;\n }\n> = {\n normal: {\n container: \"bg-default-secondary\",\n text: \"text-default-secondary\",\n icon: \"text-default-secondary\",\n },\n information: {\n container: \"bg-[var(--bg-info-light)]\",\n text: \"text-[var(--text-info-primary)]\",\n icon: \"text-[var(--icon-brand-primary)]\",\n },\n success: {\n container: \"bg-[var(--bg-success-light)]\",\n text: \"text-[var(--text-success-primary)]\",\n icon: \"text-[var(--icon-success)]\",\n },\n warning: {\n container: \"bg-[var(--bg-warning-soft)]\",\n text: \"text-[var(--text-warning-primary)]\",\n icon: \"text-[var(--icon-warning)]\",\n },\n critical: {\n container: \"bg-[var(--bg-danger-light)]\",\n text: \"text-[var(--text-danger-primary)]\",\n icon: \"text-[var(--icon-danger)]\",\n },\n};\n\nfunction AlertStatusIcon({\n status,\n className,\n}: {\n status: AlertStatus;\n className?: string;\n}) {\n if (status === \"success\") return <CheckCircle size={16} weight=\"fill\" className={className} />;\n if (status === \"warning\") return <Warning size={16} weight=\"fill\" className={className} />;\n if (status === \"critical\") return <XCircle size={16} weight=\"fill\" className={className} />;\n return <Info size={16} weight=\"fill\" className={className} />;\n}\n\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\n { status = \"normal\", title, message, multiline = false, className },\n ref,\n) {\n const style = alertStyles[status];\n const hasTitle = Boolean(title);\n\n return (\n <div\n ref={ref}\n role=\"status\"\n className={cn(\n \"flex w-full items-center gap-1.5 rounded px-2 py-1\",\n (multiline || hasTitle) && \"items-start\",\n style.container,\n className,\n )}\n >\n <AlertStatusIcon\n status={status}\n className={cn(\"shrink-0 mt-0.5\", style.icon)}\n />\n <div className=\"min-w-0 flex-1 flex flex-col gap-0.5\">\n {hasTitle && (\n <p className={cn(\"text-sm leading-5 font-medium\", style.text)}>\n {title}\n </p>\n )}\n <p\n className={cn(\n \"text-sm leading-5 font-normal\",\n !hasTitle && !multiline && \"truncate\",\n !hasTitle && multiline && \"line-clamp-2\",\n style.text,\n )}\n >\n {message}\n </p>\n </div>\n </div>\n );\n});\n\nAlert.displayName = \"Alert\";\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 {\n BookmarkSimpleIcon,\n BroadcastIcon,\n CalendarBlank,\n CheckCircle,\n Lock,\n MapPin,\n Users,\n XCircle,\n type Icon,\n} from \"@phosphor-icons/react\";\nimport { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { useIsMobile } from \"./ui/use-mobile\";\n\nexport type CardVariant = \"default\" | \"event\" | \"news\" | \"social\" | \"live\";\nexport type CardSize = \"desktop\" | \"tablet\" | \"mobile\";\nexport type CardTagStatus = \"not-registered\" | \"registered\" | \"full\";\n\n/** A chip tag used in the social card variant. */\nexport type CardSocialTag = {\n label: string;\n /** Background color. Default: \"var(--disabled-bg)\". */\n bg?: string;\n /** Text color. Default: \"var(--text-default-primary)\". */\n text?: string;\n};\n\nexport interface CardProps {\n /** Card type. Default: `\"default\"` — an empty shell with padding + radius. Switch to `\"event\"`, `\"news\"`, `\"social\"`, or `\"live\"` only when rendering that specific content pattern. */\n variant?: CardVariant;\n /** Custom body content (`variant=\"default\"`). */\n children?: ReactNode;\n /** Size preset. desktop=308px, tablet=224px, mobile=163px. Auto-detects mobile (<768px) when omitted. */\n size?: CardSize;\n /** Card title (clamped to 2 lines). */\n title?: string;\n /** Shows a lock badge on the banner/thumbnail image. */\n locked?: boolean;\n /** URL for the banner/thumbnail image. */\n image?: string;\n className?: string;\n\n // ── Event props ──────────────────────────────────────────────────────────\n /** Formatted date string, e.g. \"23 มิ.ย. 2567\". */\n date?: string;\n /** Time range string, e.g. \"08.30 - 12.00\". */\n time?: string;\n /** Location/venue name. */\n location?: string;\n /** Whether to show the location row. Default: true. */\n showLocation?: boolean;\n /** Whether to show the audience count row. Default: true. */\n showAudience?: boolean;\n /** Audience count string, e.g. \"200/200\". */\n count?: string;\n /** Registration status tag shown at the bottom of an event card. */\n tagStatus?: CardTagStatus;\n\n // ── News props ───────────────────────────────────────────────────────────\n /** Category label shown above the title (news variant). */\n category?: string;\n /** Whether the bookmark is active (news / social variant). */\n bookmarked?: boolean;\n /** Callback fired when the bookmark button is clicked (news / social variant). */\n onBookmarkToggle?: () => void;\n\n // ── Social props ─────────────────────────────────────────────────────────\n /** Colored chip tags shown above the title (social variant). */\n tags?: CardSocialTag[];\n /** Publisher / source name shown in the footer (social / live variant). */\n source?: string;\n\n // ── Live props ───────────────────────────────────────────────────────────\n /** Video duration shown as an overlay on the thumbnail, e.g. \"1:26:36\" (live variant). */\n duration?: string;\n}\n\n// ── Banner image ─────────────────────────────────────────────────────────────\n\n/**\n * Banner/thumbnail renderer. When `src` is empty we fall back to a neutral\n * placeholder surface so the card never shows a broken-image icon.\n */\nfunction BannerMedia({ src, alt }: { src: string; alt: string }) {\n if (!src) {\n return <div aria-hidden=\"true\" className=\"absolute inset-0 bg-muted\" />;\n }\n return (\n <img\n alt={alt}\n className=\"pointer-events-none absolute inset-0 size-full object-cover\"\n src={src}\n />\n );\n}\n\n// ── Duration badge ────────────────────────────────────────────────────────────\n\n/**\n * Overlay badge shown on the live card thumbnail.\n * `duration=\"upcoming\"` renders the \"(•) Up Coming\" state.\n * Any other string renders as a time display, e.g. \"1:26:36\".\n * `size=\"lg\"` is used for desktop, `size=\"sm\"` for mobile.\n */\nfunction DurationBadge({\n duration,\n size,\n}: {\n duration: string;\n size: \"lg\" | \"sm\";\n}) {\n const isUpcoming = duration === \"upcoming\";\n return (\n <div\n className={cn(\n \"absolute flex items-center gap-[4px] rounded-[4px] bg-black/60\",\n size === \"lg\"\n ? \"bottom-[6px] right-[6px] h-[20px] px-[4px]\"\n : \"bottom-[4px] right-[4px] h-[16px] px-[2px]\",\n )}\n >\n {isUpcoming && <BroadcastIcon size={14} className=\"text-white\" />}\n <p\n className={cn(\n \"whitespace-nowrap font-normal text-white\",\n size === \"lg\"\n ? \"text-[14px] leading-[20px]\"\n : \"text-[12px] leading-[16px]\",\n )}\n >\n {isUpcoming ? \"Up Coming\" : duration}\n </p>\n </div>\n );\n}\n\n// ── Shared icons ─────────────────────────────────────────────────────────────\n\n/** Lock label + icon (no outer positioning). */\nfunction LockBadgeChip({ flush = false }: { flush?: boolean }) {\n const corner = flush ? \"rounded-none rounded-bl-[4px]\" : \"rounded-[4px]\";\n const borderRing = flush\n ? \"border-0 border-b border-l border-solid border-border\"\n : \"border border-solid border-border\";\n\n return (\n <div\n className={cn(\n \"relative flex items-center gap-[4px] bg-hover-bg px-[6px] py-[4px]\",\n corner,\n )}\n >\n <div\n aria-hidden=\"true\"\n className={cn(\n \"pointer-events-none absolute inset-0\",\n borderRing,\n corner,\n )}\n />\n <Lock size={16} weight=\"regular\" color=\"var(--subtle-text)\" />\n <p className=\"whitespace-nowrap text-[12px] leading-[18px] text-subtle-text\">\n Lock\n </p>\n </div>\n );\n}\n\nfunction LockBadge({\n align = \"left\",\n flush = false,\n size = \"desktop\",\n}: {\n align?: \"left\" | \"right\";\n /** When true, pin to the corner with no inset (top/right or top/left). */\n flush?: boolean;\n size?: CardSize;\n}) {\n return (\n <div\n className={cn(\n \"absolute z-10\",\n flush ? \"top-0\" : size === \"mobile\" ? \"top-[6px]\" : \"top-[8px]\",\n align === \"left\"\n ? flush\n ? \"left-0\"\n : size === \"mobile\"\n ? \"left-[6px]\"\n : \"left-[8px]\"\n : flush\n ? \"right-0\"\n : size === \"mobile\"\n ? \"right-[6px]\"\n : \"right-[8px]\",\n )}\n >\n <LockBadgeChip flush={flush} />\n </div>\n );\n}\n\n// ── Event card helpers ────────────────────────────────────────────────────────\n\ntype TagConfig = { bg: string; text: string; label: string; Icon?: Icon };\n\nconst tagConfig: Record<CardTagStatus, TagConfig> = {\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 Icon: CheckCircle,\n },\n full: {\n bg: \"var(--error-bg)\",\n text: \"var(--bg-danger-primary)\",\n label: \"เต็มแล้ว\",\n Icon: XCircle,\n },\n};\n\n// ── Card ─────────────────────────────────────────────────────────────────────\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(function Card(\n {\n variant = \"default\",\n size: sizeProp,\n children,\n title,\n locked = true,\n image,\n className,\n // event\n date,\n time,\n location,\n showLocation = true,\n showAudience = true,\n count = \"200/200\",\n tagStatus = \"not-registered\",\n // news\n category,\n bookmarked = false,\n onBookmarkToggle,\n // social\n tags,\n source,\n // live\n duration,\n },\n ref,\n) {\n const isMobile = useIsMobile();\n const size = sizeProp ?? (isMobile ? \"mobile\" : \"desktop\");\n\n const bannerSrc = image ?? \"\";\n\n // ── Default: token shell for arbitrary content ─────────────────────────────\n if (variant === \"default\") {\n const shellPadding = size === \"desktop\" ? \"p-4\" : \"p-3\";\n const shellRadius =\n size === \"mobile\" ? \"rounded-[6px]\" : \"rounded-[8px]\";\n\n return (\n <div\n ref={ref}\n className={cn(\n \"flex min-h-0 min-w-0 flex-col bg-card text-foreground shadow-card\",\n shellRadius,\n shellPadding,\n className,\n )}\n >\n {children}\n </div>\n );\n }\n\n // ── Social card ──────────────────────────────────────────────────────────\n if (variant === \"social\") {\n const isDesktop = size === \"desktop\";\n const cardWidth = isDesktop ? \"w-[587px]\" : \"w-[343px]\";\n const cardPadding = isDesktop ? \"p-4\" : \"p-3\";\n const cardGap = isDesktop ? \"gap-3\" : \"gap-2\";\n const contentGap = isDesktop ? \"gap-6\" : \"gap-3\";\n const textGap = isDesktop ? \"gap-[10px]\" : \"gap-[6px]\";\n const titleText = isDesktop\n ? \"text-[16px] leading-[24px]\"\n : \"text-[12px] leading-[16px]\";\n const tagChip = isDesktop\n ? \"rounded-[4px] px-[6px] py-[4px] text-[12px] leading-[16px]\"\n : \"rounded-[4px] px-[4px] py-[2px] text-[9px] leading-[14px]\";\n\n const resolvedTags: CardSocialTag[] = tags ?? [\n {\n label: \"Analysis\",\n bg: \"var(--tag-bg-blue, #F3F8FE)\",\n text: \"var(--tag-text-blue, #095EC4)\",\n },\n {\n label: \"Stock\",\n bg: \"var(--tag-bg-cyan, #F3F8FE)\",\n text: \"var(--tag-text-cyan, #095EC4)\",\n },\n {\n label: \"My Asset\",\n bg: \"var(--tag-bg-purple, #F3E8FF)\",\n text: \"var(--tag-text-purple, #59168B)\",\n },\n ];\n const resolvedTitle =\n title ??\n \"การออกแบบที่ตอบโจทย์ผู้ใช้: สร้างประสบการณ์ที่น่าจดจำ asdasdasdas\";\n const resolvedSource = source ?? \"Wealth Design Daily\";\n const resolvedDate = date ?? \"9 ธันวาคม 2567\";\n\n return (\n <div\n ref={ref}\n className={cn(\n \"relative flex flex-col overflow-clip bg-card shadow-card\",\n isDesktop ? \"rounded-[8px]\" : \"rounded-[6px]\",\n cardWidth,\n cardPadding,\n cardGap,\n className,\n )}\n >\n {locked && <LockBadge align=\"right\" flush />}\n {/* Top: content + image */}\n <div className={cn(\"flex flex-row items-start\", contentGap)}>\n {/* Left: tags + title */}\n <div className={cn(\"flex min-w-0 flex-1 flex-col\", textGap)}>\n <div className=\"flex flex-wrap gap-[8px]\">\n {resolvedTags.map((t) => (\n <span\n key={t.label}\n className={cn(\n \"inline-flex whitespace-nowrap font-normal\",\n tagChip,\n )}\n style={{\n backgroundColor: t.bg ?? \"var(--disabled-bg)\",\n color: t.text ?? \"var(--text-default-primary)\",\n }}\n >\n {t.label}\n </span>\n ))}\n </div>\n <p\n className={cn(\n \"line-clamp-2 font-semibold text-foreground\",\n titleText,\n )}\n >\n {resolvedTitle}\n </p>\n </div>\n {/* Right: thumbnail */}\n <div className=\"relative h-[84px] w-[149px] shrink-0 overflow-clip rounded-[6px]\">\n <BannerMedia src={bannerSrc} alt=\"social thumbnail\" />\n </div>\n </div>\n\n {/* Footer */}\n <div className=\"flex items-center justify-between\">\n {isDesktop ? (\n <div className=\"flex min-w-0 items-center gap-[12px]\">\n <p className=\"shrink-0 text-[12px] leading-[16px] text-subtle-text\">\n {resolvedSource}\n </p>\n <p className=\"min-w-0 truncate text-[12px] leading-[16px] text-muted-foreground\">\n {resolvedDate}\n </p>\n </div>\n ) : (\n <div className=\"flex min-w-0 flex-col\">\n <p className=\"text-[12px] leading-[16px] text-subtle-text\">\n {resolvedSource}\n </p>\n <p className=\"text-[12px] leading-[16px] text-muted-foreground\">\n {resolvedDate}\n </p>\n </div>\n )}\n <button\n aria-label={bookmarked ? \"Remove bookmark\" : \"Add bookmark\"}\n className=\"flex size-6 shrink-0 items-center justify-center rounded transition-colors hover:bg-hover-bg cursor-pointer\"\n onClick={onBookmarkToggle}\n type=\"button\"\n >\n <BookmarkSimpleIcon\n size={23.65}\n weight={bookmarked ? \"fill\" : \"regular\"}\n color={\n bookmarked ? \"var(--primary-action)\" : \"var(--subtle-text)\"\n }\n />\n </button>\n </div>\n </div>\n );\n }\n\n // ── Live card ────────────────────────────────────────────────────────────\n if (variant === \"live\") {\n const isDesktop = size === \"desktop\";\n const cardWidth = isDesktop ? \"w-[704px]\" : \"w-[343px]\";\n const imgWidth = isDesktop ? \"w-[212px]\" : \"w-[149px]\";\n const imgHeight = isDesktop ? \"h-[119px]\" : \"h-[84px]\";\n const padding = isDesktop ? \"p-4\" : \"p-3\";\n const gap = isDesktop ? \"gap-6\" : \"gap-3\";\n const cardRadius = isDesktop ? \"rounded-[8px]\" : \"rounded-[6px]\";\n const thumbRadius = isDesktop ? \"rounded-[6px]\" : \"rounded-[4px]\";\n const metaTextClass = isDesktop\n ? \"flex min-w-0 items-center gap-[12px]\"\n : \"flex min-w-0 flex-col\";\n\n const resolvedTitle =\n title ??\n \"6 หุ้นเด่นทางเทคนิค OSP, BTS, BANPU, SECURE, AH, DCC [TECHNICAL VIEW 17/07/2567]\";\n const resolvedSource = source ?? \"Wealth Design Daily\";\n const resolvedDate = date ?? \"9 ธันวาคม 2567\";\n const resolvedDuration = duration ?? \"1:26:36\";\n\n return (\n <div\n ref={ref}\n className={cn(\n \"flex flex-col overflow-clip bg-card shadow-card\",\n cardRadius,\n cardWidth,\n className,\n )}\n >\n {/* Top: title + thumbnail */}\n <div className={cn(\"flex flex-row items-stretch\", padding, gap)}>\n <div className=\"flex min-w-0 flex-1 flex-col justify-between\">\n <p\n className={cn(\n \"min-w-0 line-clamp-2 font-semibold text-foreground\",\n isDesktop\n ? \"text-[16px] leading-[24px]\"\n : \"text-[12px] leading-[16px]\",\n )}\n >\n {resolvedTitle}\n </p>\n {/* Footer */}\n <div className={metaTextClass}>\n <p className=\"shrink-0 text-xs leading-4 text-subtle-text\">\n {resolvedSource}\n </p>\n <p className=\"min-w-0 truncate text-xs leading-4 text-muted-foreground\">\n {resolvedDate}\n </p>\n </div>\n </div>\n {/* Thumbnail */}\n <div\n className={cn(\n \"relative shrink-0 overflow-clip\",\n thumbRadius,\n imgWidth,\n imgHeight,\n )}\n >\n <BannerMedia src={bannerSrc} alt=\"live thumbnail\" />\n {/* Live badge — top-left */}\n <div\n className=\"absolute h-[22px] left-[6px] top-[6px] flex items-center gap-[4px] rounded-[4px] px-[6px]\"\n style={{ backgroundColor: \"#FB2C36\" }}\n >\n <span className=\"size-[6px] shrink-0 rounded-full bg-white\" />\n <p className=\"whitespace-nowrap text-[12px] font-semibold leading-[16px] text-white\">\n Live\n </p>\n </div>\n {/* Duration badge — bottom-right, always shown */}\n <DurationBadge\n duration={resolvedDuration}\n size={isDesktop ? \"lg\" : \"sm\"}\n />\n </div>\n </div>\n </div>\n );\n }\n\n // ── Desktop news: vertical layout (Figma parity) ───────────────────────\n if (variant === \"news\" && size === \"desktop\") {\n return (\n <div\n ref={ref}\n className={cn(\n \"flex w-[343px] min-h-[120px] flex-col items-start overflow-clip rounded-[8px] bg-card shadow-card\",\n className,\n )}\n >\n <div className=\"relative h-[184px] w-full shrink-0 overflow-clip\">\n <BannerMedia src={bannerSrc} alt=\"news banner\" />\n {locked && <LockBadge />}\n </div>\n <NewsContent\n padding=\"px-4 py-3\"\n category={category ?? \"Category\"}\n title={\n title ??\n \"Great design begins with understanding user needs and creating memorable\"\n }\n date={date ?? \"01 มกราคม 2025\"}\n bookmarked={bookmarked}\n onBookmarkToggle={onBookmarkToggle}\n tone=\"desktop\"\n />\n </div>\n );\n }\n\n // ── Mobile news: horizontal layout ──────────────────────────────────────\n if (variant === \"news\" && size === \"mobile\") {\n return (\n <div\n ref={ref}\n className={cn(\n \"flex h-[114px] w-[343px] flex-row overflow-clip rounded-[8px] bg-card shadow-card\",\n className,\n )}\n >\n <div className=\"relative h-[114px] w-[171px] shrink-0 overflow-clip\">\n <BannerMedia src={bannerSrc} alt=\"news banner\" />\n {locked && <LockBadge />}\n </div>\n <NewsContent\n padding=\"p-3\"\n category={category ?? \"Category\"}\n title={\n title ??\n \"Great design begins with understanding user needs and creating memorable\"\n }\n date={date ?? \"01 มกราคม 2025\"}\n bookmarked={bookmarked}\n onBookmarkToggle={onBookmarkToggle}\n tone=\"mobile\"\n />\n </div>\n );\n }\n\n // ── Vertical layout (event + news desktop/tablet) ────────────────────────\n const widthClass =\n size === \"desktop\"\n ? \"w-[308px]\"\n : size === \"tablet\"\n ? \"w-[224px]\"\n : \"w-[163px]\";\n const padding =\n size === \"desktop\" ? \"p-4\" : size === \"tablet\" ? \"p-3\" : \"p-2.5\";\n const bannerClass = size === \"desktop\" ? \"h-[173px]\" : \"aspect-video w-full\";\n\n return (\n <div\n ref={ref}\n className={cn(\n \"flex min-h-[120px] flex-col items-start overflow-clip rounded-[8px] shadow-card\",\n widthClass,\n className,\n )}\n >\n {/* Banner */}\n <div\n className={cn(\"relative w-full shrink-0 overflow-clip\", bannerClass)}\n >\n <BannerMedia\n src={bannerSrc}\n alt={variant === \"news\" ? \"news banner\" : \"event banner\"}\n />\n {locked && <LockBadge size={size} />}\n </div>\n\n {/* Content */}\n {variant === \"news\" ? (\n <NewsContent\n padding={padding}\n category={category ?? \"Category\"}\n title={\n title ??\n \"Great design begins with understanding user needs and creating memorable\"\n }\n date={date ?? \"01 มกราคม 2025\"}\n bookmarked={bookmarked}\n onBookmarkToggle={onBookmarkToggle}\n tone=\"default\"\n />\n ) : (\n <EventContent\n size={size}\n padding={padding}\n title={\n title ??\n \"Lorem ipsum dolor sit amet consectetur. Lectus viverraasdasd\"\n }\n date={date ?? \"23 มิ.ย. 2567\"}\n time={time ?? \"08.30 - 12.00\"}\n location={\n location ??\n \"ณ หอประชุมศาสตราจารย์สังเวียน อินทรวิชัย ชั้น 7 ตลาดหลักทรัพย์แห่งประเทศไทย\"\n }\n showLocation={showLocation}\n showAudience={showAudience}\n count={count}\n tagStatus={tagStatus}\n />\n )}\n </div>\n );\n});\n\nCard.displayName = \"Card\";\n\n// ── EventContent ──────────────────────────────────────────────────────────────\n\ninterface EventContentProps {\n size: CardSize;\n padding: string;\n title: string;\n date: string;\n time: string;\n location: string;\n showLocation: boolean;\n showAudience: boolean;\n count: string;\n tagStatus: CardTagStatus;\n}\n\nfunction EventContent({\n size,\n padding,\n title,\n date,\n time,\n location,\n showLocation,\n showAudience,\n count,\n tagStatus,\n}: EventContentProps) {\n const titleGap = size === \"desktop\" ? \"gap-1.5\" : \"gap-1\";\n const tag = tagConfig[tagStatus];\n\n return (\n <div className={cn(\"w-full shrink-0 bg-card\", padding)}>\n <div className={cn(\"flex w-full flex-col items-start\", titleGap)}>\n <div className=\"flex w-full flex-col items-start gap-1\">\n <p className=\"line-clamp-2 w-full overflow-hidden text-ellipsis text-sm font-bold leading-5 text-foreground\">\n {title}\n </p>\n <div className=\"flex w-full items-center gap-2\">\n <div className=\"flex h-[22px] shrink-0 items-center gap-1\">\n <CalendarBlank\n size={16}\n weight=\"regular\"\n color=\"var(--accent-orange)\"\n />\n <p className=\"whitespace-nowrap text-xs font-semibold leading-4 text-accent-orange\">\n {date}\n </p>\n </div>\n <div className=\"h-4 w-px shrink-0 bg-border\" />\n <p className=\"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-4 text-subtle-text\">\n {time}\n </p>\n </div>\n {showLocation && (\n <div className=\"flex h-[22px] w-full items-center gap-1\">\n <MapPin size={16} weight=\"regular\" color=\"var(--subtle-text)\" />\n <p className=\"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-4 text-subtle-text\">\n {location}\n </p>\n </div>\n )}\n {showAudience && (\n <div className=\"flex h-[22px] w-full items-center gap-1\">\n <Users size={16} weight=\"regular\" color=\"var(--subtle-text)\" />\n <p className=\"shrink-0 whitespace-nowrap text-xs leading-4 text-subtle-text\">\n ผู้เข้าร่วม\n </p>\n <p className=\"shrink-0 whitespace-nowrap text-xs leading-4 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-1 overflow-clip rounded-[4px] px-[8px] py-[4px]\"\n style={{ backgroundColor: tag.bg }}\n >\n {tag.Icon && <tag.Icon size={14} weight=\"fill\" color={tag.text} />}\n <p\n className=\"whitespace-nowrap text-[12px] leading-[16px]\"\n style={{ color: tag.text }}\n >\n {tag.label}\n </p>\n </div>\n </div>\n </div>\n </div>\n );\n}\n\n// ── NewsContent ───────────────────────────────────────────────────────────────\n\ninterface NewsContentProps {\n padding: string;\n category: string;\n title: string;\n date: string;\n bookmarked: boolean;\n onBookmarkToggle?: () => void;\n tone?: \"default\" | \"desktop\" | \"mobile\";\n}\n\nfunction NewsContent({\n padding,\n category,\n title,\n date,\n bookmarked,\n onBookmarkToggle,\n tone = \"default\",\n}: NewsContentProps) {\n const isDesktopTone = tone === \"desktop\";\n const isMobileTone = tone === \"mobile\";\n\n return (\n <div\n className={cn(\n \"flex w-full flex-1 shrink-0 flex-col bg-card\",\n isDesktopTone || isMobileTone ? \"gap-[10px]\" : \"gap-2\",\n padding,\n )}\n >\n <div className=\"flex flex-col gap-1\">\n <p\n className={cn(\n \"text-primary-action\",\n isMobileTone\n ? \"text-[9px] font-semibold leading-[14px]\"\n : isDesktopTone\n ? \"text-xs font-semibold leading-4\"\n : \"text-xs leading-4\",\n )}\n >\n {category}\n </p>\n <p\n className={cn(\n \"line-clamp-2 text-foreground\",\n isMobileTone\n ? \"text-xs font-semibold leading-4\"\n : isDesktopTone\n ? \"text-sm font-bold leading-5\"\n : \"text-sm font-semibold leading-5\",\n )}\n >\n {title}\n </p>\n </div>\n <div className=\"flex w-full items-center justify-between\">\n <p\n className={cn(\n \"text-xs leading-4\",\n isDesktopTone ? \"text-muted-foreground\" : \"text-subtle-text\",\n )}\n >\n {date}\n </p>\n <button\n aria-label={bookmarked ? \"Remove bookmark\" : \"Add bookmark\"}\n className={cn(\n \"flex shrink-0 items-center justify-center rounded transition-colors hover:bg-hover-bg cursor-pointer\",\n isMobileTone ? \"size-5\" : isDesktopTone ? \"size-6\" : \"p-0.5\",\n )}\n onClick={onBookmarkToggle}\n type=\"button\"\n >\n <BookmarkSimpleIcon\n size={isMobileTone ? 20 : 23.65}\n weight={bookmarked ? \"fill\" : \"regular\"}\n color={bookmarked ? \"var(--primary-action)\" : \"var(--subtle-text)\"}\n />\n </button>\n </div>\n </div>\n );\n}\n","\"use client\";\n\nimport { forwardRef, useCallback, useEffect, useRef, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type CheckboxChecked = boolean | \"indeterminate\";\nexport type CheckboxVariant = \"text\" | \"button\";\n\nexport interface CheckboxProps {\n /** Checkbox state. `true`, `false`, or `\"indeterminate\"`. Default: `false`. */\n checked?: CheckboxChecked;\n /** Disable interaction. */\n disabled?: boolean;\n /** Mark the field as invalid. Shows a red border and displays `errorMessage`. */\n error?: boolean;\n /** Error message shown below when `error` is true. Default: \"Error message\". */\n errorMessage?: string;\n /** Label text rendered to the right of the checkbox. */\n label?: ReactNode;\n /** Secondary description text rendered below the label. */\n description?: ReactNode;\n /** \"text\" — plain checkbox + text. \"button\" — bordered card surface. Default: \"text\". */\n variant?: CheckboxVariant;\n /** Fires with the next boolean state when toggled. Indeterminate becomes `true`. */\n onChange?: (next: boolean) => void;\n /** HTML name forwarded to the underlying input. */\n name?: string;\n /** HTML value forwarded to the underlying input. */\n value?: string;\n /** HTML id — auto-generated if omitted. */\n id?: string;\n /** aria-label for the input when no visible label is provided. */\n ariaLabel?: string;\n className?: string;\n}\n\ntype VisualState = \"default\" | \"checked\" | \"indeterminate\";\n\nfunction CheckboxVisual({\n state,\n disabled,\n error,\n}: {\n state: VisualState;\n disabled: boolean;\n error: boolean;\n}) {\n if (state === \"default\") {\n return (\n <span\n aria-hidden=\"true\"\n className={cn(\n \"block w-4 h-4 rounded-[2px] border-[1.5px]\",\n disabled\n ? \"bg-disabled-bg border-[var(--fill-black-100)]\"\n : error\n ? \"bg-background border-destructive\"\n : \"bg-background border-[var(--fill-black-200)]\"\n )}\n />\n );\n }\n\n const containerFill = disabled ? \"var(--disabled-bg)\" : \"var(--fill-p1-600)\";\n const iconFill = disabled ? \"var(--fill-gray-400)\" : \"var(--fill-white-1000)\";\n\n if (state === \"checked\") {\n return (\n <svg\n aria-hidden=\"true\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14.2222 0H1.77778C0.8 0 0 0.8 0 1.77778V14.2222C0 15.2 0.8 16 1.77778 16H14.2222C15.2 16 16 15.2 16 14.2222V8V1.77778C16 0.8 15.2 0 14.2222 0ZM6.85333 11.8133C6.50667 12.16 5.94667 12.16 5.6 11.8133L2.40889 8.62222C2.06222 8.27556 2.06222 7.71556 2.40889 7.36889C2.75556 7.02222 3.31556 7.02222 3.66222 7.36889L6.22222 9.92889L12.3378 3.81333C12.6844 3.46667 13.2444 3.46667 13.5911 3.81333C13.9378 4.16 13.9378 4.72 13.5911 5.06667L6.85333 11.8133Z\"\n fill={containerFill}\n />\n <path\n d=\"M5.6 11.8133C5.94667 12.16 6.50667 12.16 6.85333 11.8133L13.5911 5.06667C13.9378 4.72 13.9378 4.16 13.5911 3.81333C13.2444 3.46667 12.6844 3.46667 12.3378 3.81333L6.22222 9.92889L3.66222 7.36889C3.31556 7.02222 2.75556 7.02222 2.40889 7.36889C2.06222 7.71556 2.06222 8.27556 2.40889 8.62222L5.6 11.8133Z\"\n fill={iconFill}\n />\n </svg>\n );\n }\n\n return (\n <svg\n aria-hidden=\"true\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14.2222 0H1.77778C0.8 0 0 0.8 0 1.77778V14.2222C0 15.2 0.8 16 1.77778 16H14.2222C15.2 16 16 15.2 16 14.2222V1.77778C16 0.8 15.2 0 14.2222 0ZM11.5556 8.88889H4.44444C3.95556 8.88889 3.55556 8.48889 3.55556 8C3.55556 7.51111 3.95556 7.11111 4.44444 7.11111H11.5556C12.0444 7.11111 12.4444 7.51111 12.4444 8C12.4444 8.48889 12.0444 8.88889 11.5556 8.88889Z\"\n fill={containerFill}\n />\n <path\n d=\"M4.44444 8.88889H11.5556C12.0444 8.88889 12.4444 8.48889 12.4444 8C12.4444 7.51111 12.0444 7.11111 11.5556 7.11111H4.44444C3.95556 7.11111 3.55556 7.51111 3.55556 8C3.55556 8.48889 3.95556 8.88889 4.44444 8.88889Z\"\n fill={iconFill}\n />\n </svg>\n );\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n {\n checked = false,\n disabled = false,\n error = false,\n errorMessage = \"Error message\",\n label,\n description,\n variant = \"text\",\n onChange,\n name,\n value,\n id,\n ariaLabel,\n className,\n },\n ref\n) {\n const localRef = useRef<HTMLInputElement | null>(null);\n const state: VisualState =\n checked === \"indeterminate\" ? \"indeterminate\" : checked ? \"checked\" : \"default\";\n\n useEffect(() => {\n if (localRef.current) {\n localRef.current.indeterminate = checked === \"indeterminate\";\n }\n }, [checked]);\n\n const setRefs = useCallback(\n (node: HTMLInputElement | null) => {\n localRef.current = node;\n if (typeof ref === \"function\") ref(node);\n else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n },\n [ref]\n );\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n onChange?.(e.target.checked);\n };\n\n const hasText = label !== undefined || description !== undefined;\n const hasActiveBorder = state === \"checked\" || state === \"indeterminate\";\n const isButton = variant === \"button\";\n\n const buttonBorder = disabled\n ? \"border-[var(--fill-black-100)]\"\n : error\n ? \"border-destructive\"\n : hasActiveBorder\n ? \"border-primary-action\"\n : \"border-[var(--fill-black-200)]\";\n\n const showError = error && !disabled;\n\n return (\n <label\n className={cn(\n \"flex flex-col select-none\",\n disabled ? \"cursor-not-allowed\" : \"cursor-pointer\",\n className\n )}\n >\n <span\n className={cn(\n \"inline-flex gap-1\",\n description ? \"items-start\" : \"items-center\",\n isButton && cn(\"bg-background rounded-lg border py-2.5 pl-3 pr-4\", buttonBorder)\n )}\n >\n <span className=\"relative inline-flex items-center justify-center w-6 h-6 shrink-0\">\n <input\n ref={setRefs}\n id={id}\n name={name}\n value={value}\n type=\"checkbox\"\n checked={checked === true}\n disabled={disabled}\n onChange={handleChange}\n aria-label={ariaLabel}\n aria-checked={checked === \"indeterminate\" ? \"mixed\" : checked}\n aria-invalid={showError || undefined}\n className=\"absolute inset-0 w-full h-full opacity-0 m-0 cursor-[inherit] disabled:cursor-[inherit]\"\n />\n <CheckboxVisual state={state} disabled={disabled} error={showError} />\n </span>\n {hasText && (\n <span className=\"flex flex-col\">\n {label !== undefined && (\n <span\n className={cn(\n \"text-base leading-6\",\n disabled ? \"text-disabled\" : \"text-foreground\"\n )}\n >\n {label}\n </span>\n )}\n {description !== undefined && (\n <span\n className={cn(\n \"text-xs leading-4\",\n disabled ? \"text-disabled\" : \"text-subtle-text\"\n )}\n >\n {description}\n </span>\n )}\n </span>\n )}\n </span>\n {showError && (\n <span className=\"mt-1 ml-7 text-xs text-destructive\">{errorMessage}</span>\n )}\n </label>\n );\n});\n\nCheckbox.displayName = \"Checkbox\";\n","\"use client\";\n\nimport { forwardRef, useId, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type ToggleSize = \"sm\" | \"md\";\n\nexport interface ToggleProps {\n /** On state. Default: `false`. */\n checked?: boolean;\n /** Disable interaction. */\n disabled?: boolean;\n /** Fires with the next boolean state when toggled. */\n onChange?: (next: boolean) => void;\n /** Label text rendered to the right of the switch. */\n label?: ReactNode;\n /** Secondary description text rendered below the label. */\n description?: ReactNode;\n /**\n * `sm` — 32×20 (Figma Small). `md` — 40×24 (Figma Medium).\n * Default: `sm` when `label` or `description` is set (Figma «Toggle text»), otherwise `md`.\n */\n size?: ToggleSize;\n /** HTML id forwarded to the switch control. */\n id?: string;\n /** Accessible name when there is no visible label. */\n ariaLabel?: string;\n className?: string;\n}\n\nconst trackClass: Record<ToggleSize, string> = {\n sm: \"w-8 h-5\",\n md: \"w-10 h-6\",\n};\n\nconst thumbClass: Record<ToggleSize, string> = {\n sm: \"top-0.5 left-0.5 size-4\",\n md: \"top-0.5 left-0.5 size-5\",\n};\n\nconst thumbTranslate: Record<ToggleSize, string> = {\n sm: \"translate-x-3\",\n md: \"translate-x-4\",\n};\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(function Toggle(\n {\n checked = false,\n disabled = false,\n onChange,\n label,\n description,\n size: sizeProp,\n id: idProp,\n ariaLabel,\n className,\n },\n ref\n) {\n const generatedId = useId();\n const switchId = idProp ?? generatedId;\n const hasText = label !== undefined || description !== undefined;\n const hasDescription = description !== undefined;\n const size = sizeProp ?? (hasText ? \"sm\" : \"md\");\n\n const trackBg = disabled\n ? checked\n ? \"bg-switch-on-disabled\"\n : \"bg-switch-background\"\n : checked\n ? \"bg-primary-action\"\n : \"bg-switch-background\";\n\n /**\n * Knob fill from Figma SVG: white (#fff) except disabled+off (knob #F3F4F6 = track).\n * Use primitive white so the circle stays pure white on any `--background`.\n */\n const thumbBg =\n disabled && !checked\n ? \"bg-switch-background\"\n : \"bg-[var(--fill-white-1000)]\";\n\n const switchEl = (\n <button\n ref={ref}\n id={switchId}\n type=\"button\"\n role=\"switch\"\n aria-checked={checked}\n aria-label={hasText ? undefined : ariaLabel}\n disabled={disabled}\n onClick={() => onChange?.(!checked)}\n className={cn(\n \"relative shrink-0 rounded-full p-0 transition-colors duration-200 ease-out\",\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n disabled ? \"cursor-not-allowed\" : \"cursor-pointer\",\n trackClass[size],\n trackBg\n )}\n >\n <span\n aria-hidden=\"true\"\n className={cn(\n \"pointer-events-none absolute rounded-full transition-transform duration-200 ease-out\",\n \"shadow-[var(--toggle-knob-shadow)]\",\n thumbClass[size],\n thumbBg,\n checked && thumbTranslate[size]\n )}\n />\n </button>\n );\n\n if (!hasText) {\n return <span className={cn(\"inline-flex\", className)}>{switchEl}</span>;\n }\n\n return (\n <label\n className={cn(\n \"flex w-full min-w-0 gap-4 select-none\",\n hasDescription ? \"items-start\" : \"items-center\",\n disabled ? \"cursor-not-allowed\" : \"cursor-pointer\",\n className\n )}\n >\n <span className=\"flex min-w-0 flex-1 flex-col gap-0 text-sm font-normal leading-5\">\n {label !== undefined && (\n <span\n className={cn(\n disabled ? \"text-disabled\" : \"text-foreground\"\n )}\n >\n {label}\n </span>\n )}\n {hasDescription && (\n <span\n className={cn(\n \"whitespace-pre-wrap font-normal\",\n disabled\n ? \"text-disabled\"\n : \"text-[color:var(--text-default-secondary)]\"\n )}\n >\n {description}\n </span>\n )}\n </span>\n <span className=\"shrink-0\">{switchEl}</span>\n </label>\n );\n});\n\nToggle.displayName = \"Toggle\";\n","\"use client\";\n\nimport { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type RadioVariant = \"text\" | \"button\";\n\nexport interface RadioProps {\n /** Whether the radio is selected. Default: `false`. */\n checked?: boolean;\n /** Disable interaction. */\n disabled?: boolean;\n /** Label text rendered to the right of the radio. */\n label?: ReactNode;\n /** Secondary description text rendered below the label. */\n description?: ReactNode;\n /** \"text\" — plain radio + text. \"button\" — bordered card surface. Default: \"text\". */\n variant?: RadioVariant;\n /** Fires with `true` when the radio is selected. */\n onChange?: (next: boolean) => void;\n /** HTML name — group radios by sharing the same name. */\n name?: string;\n /** HTML value forwarded to the underlying input. */\n value?: string;\n /** HTML id — auto-generated if omitted. */\n id?: string;\n /** aria-label for the input when no visible label is provided. */\n ariaLabel?: string;\n className?: string;\n}\n\nfunction RadioVisual({ checked, disabled }: { checked: boolean; disabled: boolean }) {\n return (\n <span\n aria-hidden=\"true\"\n className={cn(\n \"w-[18px] h-[18px] rounded-full border-[1.5px] flex items-center justify-center\",\n disabled\n ? \"bg-disabled-bg border-[var(--fill-black-100)]\"\n : checked\n ? \"bg-background border-primary-action\"\n : \"bg-background border-[var(--fill-black-200)]\"\n )}\n >\n {checked && (\n <span\n className={cn(\n \"w-2 h-2 rounded-full\",\n disabled ? \"bg-[var(--fill-gray-400)]\" : \"bg-primary-action\"\n )}\n />\n )}\n </span>\n );\n}\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n {\n checked = false,\n disabled = false,\n label,\n description,\n variant = \"text\",\n onChange,\n name,\n value,\n id,\n ariaLabel,\n className,\n },\n ref\n) {\n const hasText = label !== undefined || description !== undefined;\n const isButton = variant === \"button\";\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n onChange?.(e.target.checked);\n };\n\n const buttonBorder = disabled\n ? \"border-[var(--fill-black-100)]\"\n : checked\n ? \"border-primary-action\"\n : \"border-[var(--fill-black-200)]\";\n\n const buttonBackground = disabled && !checked ? \"bg-disabled-bg\" : \"bg-background\";\n\n return (\n <label\n className={cn(\n \"inline-flex gap-1 select-none\",\n description ? \"items-start\" : \"items-center\",\n disabled ? \"cursor-not-allowed\" : \"cursor-pointer\",\n isButton && cn(buttonBackground, \"rounded-lg border py-2.5 pl-3 pr-4\", buttonBorder),\n className\n )}\n >\n <span className=\"relative inline-flex items-center justify-center w-6 h-6 shrink-0\">\n <input\n ref={ref}\n id={id}\n name={name}\n value={value}\n type=\"radio\"\n checked={checked}\n disabled={disabled}\n onChange={handleChange}\n aria-label={ariaLabel}\n className=\"absolute inset-0 w-full h-full opacity-0 m-0 cursor-[inherit] disabled:cursor-[inherit]\"\n />\n <RadioVisual checked={checked} disabled={disabled} />\n </span>\n {hasText && (\n <span className=\"flex flex-col\">\n {label !== undefined && (\n <span\n className={cn(\n \"text-sm leading-5\",\n disabled ? \"text-disabled\" : \"text-foreground\"\n )}\n >\n {label}\n </span>\n )}\n {description !== undefined && (\n <span\n className={cn(\n \"text-xs leading-4\",\n disabled ? \"text-disabled\" : \"text-subtle-text\"\n )}\n >\n {description}\n </span>\n )}\n </span>\n )}\n </label>\n );\n});\n\nRadio.displayName = \"Radio\";\n","\"use client\";\n\nimport { forwardRef } from \"react\";\nimport { Check, Plus } from \"@phosphor-icons/react\";\nimport { cn } from \"../lib/utils\";\n\nexport type ChipType = \"single\" | \"multiple\";\nexport type ChipSize = \"large\" | \"medium\" | \"small\";\n\nexport interface ChipProps {\n /** Label text displayed inside the chip. Default: \"Chips Text\". */\n label?: string;\n /** \"single\" shows no icon; \"multiple\" shows Plus (unselected) / Check (selected). Default: \"single\". */\n type?: ChipType;\n /** Visual size of the chip. Default: \"large\". */\n size?: ChipSize;\n /** Whether the chip is in the selected/active state. */\n selected?: boolean;\n /** Whether the chip is non-interactive. */\n disabled?: boolean;\n onClick?: () => void;\n className?: string;\n}\n\nconst sizeStyles: Record<\n ChipSize,\n {\n container: string;\n text: string;\n icon: string;\n }\n> = {\n large: {\n container: \"h-9 px-3 gap-1\",\n text: \"text-sm leading-5\",\n icon: \"icon-lg\",\n },\n medium: {\n container: \"h-8 px-3 gap-1\",\n text: \"text-sm leading-5\",\n icon: \"icon-lg\",\n },\n small: {\n container: \"h-7 px-2.5 gap-0.5\",\n text: \"text-xs leading-4\",\n icon: \"icon-md\",\n },\n};\n\nconst multiplePaddingBySize: Record<ChipSize, string> = {\n large: \"pl-[8px] pr-[12px]\",\n medium: \"pl-[8px] pr-[12px]\",\n small: \"pl-[6px] pr-[10px]\",\n};\n\nexport const Chip = forwardRef<HTMLButtonElement, ChipProps>(function Chip(\n {\n label = \"Chips Text\",\n type = \"single\",\n size = \"large\",\n selected = false,\n disabled = false,\n onClick,\n className,\n },\n ref\n) {\n const s = sizeStyles[size];\n const isMultiple = type === \"multiple\";\n const state = disabled\n ? selected\n ? \"selected-disabled\"\n : \"disabled\"\n : selected\n ? \"selected\"\n : \"default\";\n\n const containerClass =\n state === \"selected\"\n ? \"bg-primary-action border border-primary-action\"\n : state === \"selected-disabled\"\n ? \"bg-selected-light-bg border border-transparent\"\n : state === \"disabled\"\n ? \"bg-disabled-bg border border-transparent\"\n : \"bg-background border border-border\";\n\n const textClass =\n state === \"selected\"\n ? \"text-on-primary-action\"\n : state === \"selected-disabled\"\n ? \"text-primary-action/40\"\n : state === \"disabled\"\n ? \"text-disabled\"\n : \"text-subtle-text\";\n\n const iconClass =\n state === \"selected\"\n ? \"text-on-primary-action\"\n : state === \"selected-disabled\"\n ? \"text-primary-action/40\"\n : state === \"disabled\"\n ? \"text-disabled\"\n : \"text-subtle-text\";\n\n const icon =\n isMultiple && selected ? (\n <Check aria-hidden=\"true\" weight=\"regular\" className={cn(\"shrink-0\", s.icon, iconClass)} />\n ) : isMultiple ? (\n <Plus aria-hidden=\"true\" weight=\"regular\" className={cn(\"shrink-0\", s.icon, iconClass)} />\n ) : null;\n\n return (\n <button\n ref={ref}\n type=\"button\"\n onClick={!disabled ? onClick : undefined}\n disabled={disabled}\n aria-pressed={selected}\n className={cn(\n \"inline-flex items-center justify-center rounded-full whitespace-nowrap border transition-colors\",\n s.container,\n isMultiple && multiplePaddingBySize[size],\n containerClass,\n disabled ? \"cursor-not-allowed\" : \"cursor-pointer\",\n className\n )}\n >\n {icon}\n <span className={cn(\"font-normal\", s.text, textClass)}>{label}</span>\n </button>\n );\n});\n\nChip.displayName = \"Chip\";\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 { useState, useEffect } from \"react\";\nimport type React from \"react\";\nimport { Circle } from \"@phosphor-icons/react\";\nimport { Button } from \"./button\";\nimport {\n Drawer,\n DrawerClose,\n DrawerContent,\n DrawerTitle,\n DrawerTrigger,\n} from \"./ui/drawer\";\nimport { cn } from \"../lib/utils\";\n\nexport type BottomSheetHeaderType = \"text\" | \"icon\" | \"image\";\nexport type BottomSheetRightSide = \"icon\" | \"action\" | \"none\";\n\nexport interface BottomSheetProps {\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n trigger?: React.ReactNode;\n headerType?: BottomSheetHeaderType;\n showHeader?: boolean;\n rightSide?: BottomSheetRightSide;\n title?: string;\n actionLabel?: string;\n imageSrc?: string;\n leftIcon?: React.ReactNode;\n rightIcon?: React.ReactNode;\n onActionClick?: () => void;\n showHandle?: boolean;\n children?: React.ReactNode;\n className?: string;\n contentClassName?: string;\n}\n\nexport function BottomSheet({\n open,\n onOpenChange,\n trigger,\n headerType = \"text\",\n showHeader = true,\n rightSide = \"icon\",\n title = \"Title\",\n actionLabel = \"Action\",\n imageSrc,\n leftIcon,\n rightIcon,\n onActionClick,\n showHandle = true,\n children,\n className,\n contentClassName,\n}: BottomSheetProps) {\n const [everOpened, setEverOpened] = useState(!!open);\n\n useEffect(() => {\n if (open) setEverOpened(true);\n }, [open]);\n\n const handleOpenChange = (next: boolean) => {\n if (next) setEverOpened(true);\n onOpenChange?.(next);\n };\n\n return (\n <Drawer direction=\"bottom\" open={open} onOpenChange={handleOpenChange}>\n {trigger ? <DrawerTrigger asChild>{trigger}</DrawerTrigger> : null}\n {everOpened && (\n <DrawerContent\n aria-describedby={undefined}\n className={cn(\n \"[&>div:first-child]:hidden rounded-t-[24px] border-t-0 px-4 pb-6 pt-2\",\n className,\n )}\n >\n <DrawerTitle className=\"sr-only\">{title}</DrawerTitle>\n\n {showHandle ? (\n <div className=\"mb-2 flex justify-center\">\n <div className=\"h-1 w-10 rounded-full bg-muted\" />\n </div>\n ) : null}\n\n {showHeader ? (\n <Header\n headerType={headerType}\n rightSide={rightSide}\n title={title}\n actionLabel={actionLabel}\n imageSrc={imageSrc}\n leftIcon={leftIcon}\n rightIcon={rightIcon}\n onActionClick={onActionClick}\n />\n ) : null}\n\n {children ? (\n <div className={cn(\"pt-2\", contentClassName)}>{children}</div>\n ) : null}\n </DrawerContent>\n )}\n </Drawer>\n );\n}\n\nfunction Header({\n headerType,\n rightSide,\n title,\n actionLabel,\n imageSrc,\n leftIcon,\n rightIcon,\n onActionClick,\n}: {\n headerType: BottomSheetHeaderType;\n rightSide: BottomSheetRightSide;\n title: string;\n actionLabel: string;\n imageSrc?: string;\n leftIcon?: React.ReactNode;\n rightIcon?: React.ReactNode;\n onActionClick?: () => void;\n}) {\n return (\n <div\n className={cn(\n \"flex items-center gap-3\",\n rightSide === \"action\" ? \"pr-2\" : undefined,\n )}\n >\n <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n <Leading\n headerType={headerType}\n imageSrc={imageSrc}\n leftIcon={leftIcon}\n />\n <p className=\"truncate text-base leading-6 font-bold text-foreground\">\n {title}\n </p>\n </div>\n <Trailing\n rightSide={rightSide}\n actionLabel={actionLabel}\n rightIcon={rightIcon}\n onActionClick={onActionClick}\n />\n </div>\n );\n}\n\nfunction Leading({\n headerType,\n imageSrc,\n leftIcon,\n}: {\n headerType: BottomSheetHeaderType;\n imageSrc?: string;\n leftIcon?: React.ReactNode;\n}) {\n if (headerType === \"image\") {\n return imageSrc ? (\n <img\n alt=\"\"\n className=\"size-8 shrink-0 rounded-md object-cover\"\n src={imageSrc}\n />\n ) : (\n <div className=\"size-8 shrink-0 rounded-md bg-muted\" />\n );\n }\n if (headerType === \"icon\") {\n return (\n <span aria-hidden=\"true\" className=\"text-foreground\">\n {leftIcon ?? <Circle size={22} />}\n </span>\n );\n }\n return null;\n}\n\nfunction Trailing({\n rightSide,\n actionLabel,\n rightIcon,\n onActionClick,\n}: {\n rightSide: BottomSheetRightSide;\n actionLabel: string;\n rightIcon?: React.ReactNode;\n onActionClick?: () => void;\n}) {\n if (rightSide === \"action\") {\n return (\n <Button\n className=\"text-base leading-6 font-bold\"\n onClick={onActionClick}\n size=\"md\"\n variant=\"plain\"\n >\n {actionLabel}\n </Button>\n );\n }\n if (rightSide === \"icon\") {\n return (\n <DrawerClose asChild>\n <Button\n aria-label=\"Close bottom sheet\"\n className=\"text-foreground\"\n size=\"icon-xs\"\n variant=\"plain-black\"\n >\n {rightIcon ?? <Circle size={22} />}\n </Button>\n </DrawerClose>\n );\n }\n return null;\n}\n","\"use client\";\n\nimport React, {\n useState,\n useRef,\n useEffect,\n useCallback,\n forwardRef,\n} from \"react\";\nimport type { DateRange, MonthCaptionProps } from \"react-day-picker\";\nimport { DayPicker, useDayPicker } from \"react-day-picker\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport {\n CalendarBlank,\n CaretDoubleLeft,\n CaretDoubleRight,\n CaretLeft,\n CaretRight,\n Minus,\n} from \"@phosphor-icons/react\";\nimport { cn } from \"../lib/utils\";\nimport { useIsMobile } from \"./ui/use-mobile\";\nimport { Button } from \"./button\";\nimport { BottomSheet } from \"./bottom-sheet\";\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 calendarMonth,\n displayIndex,\n}: MonthCaptionProps) {\n const { goToMonth, previousMonth, nextMonth, months } =\n useDayPicker();\n const isDrawerRange = React.useContext(DrawerRangeCtx);\n const { disabledYears = [] } = React.useContext(DisabledDatesCtx);\n const [view, setView] = useState<CaptionView>(\"days\");\n const displayMonth = calendarMonth.date;\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 months[0].date.getTime() === displayMonth.getTime();\n const isLast =\n months[months.length - 1].date.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 <CaretLeft 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 <CaretRight 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 <CaretLeft 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 <CaretRight 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 <CaretDoubleLeft 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 <CaretLeft 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 <CaretRight size={16} className=\"text-primary-action\" />\n </button>\n <button\n type=\"button\"\n className={NAV_BTN_CLASS}\n onClick={handleNextYear}\n >\n <CaretDoubleRight 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 <CaretDoubleLeft\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 <CaretLeft 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 <CaretRight\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 <CaretDoubleRight\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-on-primary-action 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-background 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-background 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 month_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 button_previous: \"absolute left-1\",\n button_next: \"absolute right-1\",\n month_grid: \"w-full border-collapse\",\n weekdays: \"flex\",\n weekday:\n \"w-[36px] h-[32px] inline-flex items-center justify-center text-[12px] text-disabled font-normal\",\n week: \"flex w-full mt-1\",\n // In v9 modifier classes (range_start, range_end, etc.) are placed on the\n // outer `day` wrapper element. We use semantic marker class names so both\n // the wrapper and button can reference them.\n day: cn(\n \"h-[36px] w-[36px] text-center p-0 relative overflow-hidden\",\n // Range band background on the wrapper\n \"[&.is-range-middle]:bg-range-bg\",\n \"[&.is-range-start]:bg-range-bg\",\n \"[&.is-range-end]:bg-range-bg\",\n \"[&.is-range-start]:rounded-l-[6px]\",\n \"[&.is-range-end]:rounded-r-[6px]\",\n \"[&:first-child.is-range-middle]:rounded-l-[6px]\",\n \"[&:last-child.is-range-middle]:rounded-r-[6px]\",\n \"[&:first-child.is-range-end]:rounded-l-[6px]\",\n \"[&:last-child.is-range-start]:rounded-r-[6px]\",\n \"focus-within:relative focus-within:z-20\",\n ),\n day_button: 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 p-0\",\n // Selected (single mode only — not range-middle which also gets is-selected)\n \"[.is-selected:not(.is-range-middle)_&]:!bg-primary-action [.is-selected:not(.is-range-middle)_&]:!text-on-primary-action [.is-selected:not(.is-range-middle)_&]:!rounded-[6px]\",\n // Range start button styling\n \"[.is-range-start_&]:!bg-primary-action [.is-range-start_&]:!text-on-primary-action [.is-range-start_&]:!rounded-l-[6px] [.is-range-start_&]:!rounded-r-none\",\n // Range end button styling\n \"[.is-range-end_&]:!bg-primary-action [.is-range-end_&]:!text-on-primary-action [.is-range-end_&]:!rounded-r-[6px] [.is-range-end_&]:!rounded-l-none\",\n // Range middle button styling (light blue — must override is-selected which also fires on middle days)\n \"[.is-range-middle_&]:!bg-range-bg [.is-range-middle_&]:!text-range-text [.is-range-middle_&]:!rounded-none [.is-range-middle_&]:hover:!bg-range-bg\",\n // Today (when not selected)\n \"[.is-today:not(.is-selected):not(.is-range-start):not(.is-range-end)_&]:!bg-primary-action-light [.is-today:not(.is-selected):not(.is-range-start):not(.is-range-end)_&]:!text-foreground\",\n // Outside days\n \"[.is-outside_&]:text-disabled [.is-outside_&]:opacity-50\",\n \"[.is-outside.is-selected_&]:!bg-transparent [.is-outside.is-selected_&]:!opacity-30\",\n // Disabled days\n \"[.is-disabled_&]:text-disabled [.is-disabled_&]:opacity-50 [.is-disabled_&]:cursor-not-allowed\",\n ),\n // Modifier classes applied to the `day` wrapper in v9\n selected: \"is-selected\",\n range_start: \"is-range-start\",\n range_end: \"is-range-end\",\n range_middle: \"is-range-middle\",\n today: \"is-today\",\n outside: \"is-outside\",\n disabled: \"is-disabled\",\n 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 month_grid: \"w-full border-collapse table-fixed\",\n weekdays: \"flex w-full\",\n weekday:\n \"flex-1 h-[40px] inline-flex items-center justify-center text-[13px] text-disabled font-normal\",\n week: \"flex w-full mt-1\",\n day: cn(\n \"h-[44px] flex-1 text-center p-0 relative overflow-hidden\",\n \"[&.is-range-middle]:bg-range-bg\",\n \"[&.is-range-start]:bg-range-bg\",\n \"[&.is-range-end]:bg-range-bg\",\n \"[&.is-range-start]:rounded-l-[8px]\",\n \"[&.is-range-end]:rounded-r-[8px]\",\n \"[&:first-child.is-range-middle]:rounded-l-[8px]\",\n \"[&:last-child.is-range-middle]:rounded-r-[8px]\",\n \"[&:first-child.is-range-end]:rounded-l-[8px]\",\n \"[&:last-child.is-range-start]:rounded-r-[8px]\",\n \"focus-within:relative focus-within:z-20\",\n ),\n day_button: 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 p-0\",\n \"[.is-selected:not(.is-range-middle)_&]:!bg-primary-action [.is-selected:not(.is-range-middle)_&]:!text-on-primary-action [.is-selected:not(.is-range-middle)_&]:!rounded-[8px]\",\n \"[.is-range-start_&]:!bg-primary-action [.is-range-start_&]:!text-on-primary-action [.is-range-start_&]:!rounded-l-[8px] [.is-range-start_&]:!rounded-r-none\",\n \"[.is-range-end_&]:!bg-primary-action [.is-range-end_&]:!text-on-primary-action [.is-range-end_&]:!rounded-r-[8px] [.is-range-end_&]:!rounded-l-none\",\n \"[.is-range-middle_&]:!bg-range-bg [.is-range-middle_&]:!text-range-text [.is-range-middle_&]:!rounded-none [.is-range-middle_&]:hover:!bg-range-bg\",\n \"[.is-today:not(.is-selected):not(.is-range-start):not(.is-range-end)_&]:!bg-primary-action-light [.is-today:not(.is-selected):not(.is-range-start):not(.is-range-end)_&]:!text-foreground\",\n \"[.is-outside_&]:text-disabled [.is-outside_&]:opacity-50\",\n \"[.is-outside.is-selected_&]:!bg-transparent [.is-outside.is-selected_&]:!opacity-30\",\n \"[.is-disabled_&]:text-disabled [.is-disabled_&]:opacity-50 [.is-disabled_&]:cursor-not-allowed\",\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(--text-default-primary)\" : \"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-background\";\n const labelColor = isDisabled ? \"var(--disabled)\" : \"var(--muted-foreground)\";\n const valueColor = isDisabled ? \"var(--disabled)\" : \"var(--text-default-primary)\";\n const iconColor = isDisabled ? \"var(--disabled)\" : \"var(--muted-foreground)\";\n const minusColor = isDisabled ? \"var(--disabled)\" : \"var(--text-default-primary)\";\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(--bg-danger-primary)\"\n : isFocus\n ? \"var(--primary-action)\"\n : \"var(--border-default)\";\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 text-[16px] w-full min-w-0 overflow-hidden text-ellipsis whitespace-nowrap\"\n style={{ color: valueColor }}\n >\n {formatThaiDate(currentDate)}\n </p>\n ) : mode === \"range\" && currentRange?.from ? (\n <div className=\"flex gap-[8px] items-center relative w-full min-w-0\">\n <p\n className=\"leading-[20px] not-italic relative text-[16px] min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap\"\n style={{ color: valueColor }}\n >\n {formatThaiDate(currentRange.from)}\n </p>\n <Minus\n size={20}\n color={minusColor}\n className=\"shrink-0\"\n />\n <p\n className=\"leading-[20px] not-italic relative text-[16px] min-w-0 flex-1 overflow-hidden text-ellipsis 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-0 overflow-hidden relative w-full\">\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-2 items-center rounded-lg min-w-0\",\n bgClass,\n \"px-3.5\",\n isFilled ? \"py-1.5\" : \"py-3\",\n \"w-full\",\n );\n\n // ── Below message ─────────────────────────────────────────────────────────────\n const belowMessage = showBelow && (\n <div className=\"flex items-start px-1 text-xs leading-4\">\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={{ MonthCaption: 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={{ MonthCaption: 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(\n triggerBaseClasses,\n \"text-left cursor-pointer disabled:cursor-default\",\n )}\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 <BottomSheet\n open={open}\n onOpenChange={handleOpenChange}\n trigger={triggerButton}\n title=\"เลือกวันที่\"\n showHeader={false}\n rightSide=\"none\"\n contentClassName=\"pt-0\"\n >\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 </BottomSheet>\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-popover p-3 outline-none text-popover-foreground\"\n style={{\n boxShadow: \"var(--elevation-popover)\",\n border: \"1px solid var(--border-default)\",\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, useCallback, forwardRef } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { CaretDown, CaretUp } from \"@phosphor-icons/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// ── 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 const triggerRef = useRef<HTMLDivElement>(null);\n const menuRef = useRef<HTMLDivElement>(null);\n const [menuStyle, setMenuStyle] = useState<React.CSSProperties>({});\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-background\";\n const labelColor = isDisabled ? \"var(--disabled)\" : \"var(--muted-foreground)\";\n const filledColor = isDisabled ? \"var(--disabled)\" : \"var(--text-default-primary)\";\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(--border-danger)\"\n : isFocus\n ? \"var(--primary-action)\"\n : \"var(--border-default)\";\n\n const showBelow = isError || Boolean(helperText);\n const leftText = isError ? errorMessage : (helperText ?? \"\");\n const leftColor = isError ? \"var(--bg-danger-primary)\" : \"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 const updateMenuPosition = useCallback(() => {\n if (!triggerRef.current) return;\n const rect = triggerRef.current.getBoundingClientRect();\n setMenuStyle({ position: \"fixed\", top: rect.bottom + 4, left: rect.left, width: rect.width });\n }, []);\n\n useEffect(() => {\n if (!open) return;\n updateMenuPosition();\n window.addEventListener(\"scroll\", updateMenuPosition, true);\n window.addEventListener(\"resize\", updateMenuPosition);\n return () => {\n window.removeEventListener(\"scroll\", updateMenuPosition, true);\n window.removeEventListener(\"resize\", updateMenuPosition);\n };\n }, [open, updateMenuPosition]);\n\n // Close on outside click\n useEffect(() => {\n if (!open) return;\n const handler = (e: MouseEvent) => {\n const target = e.target as Node;\n const inContainer = containerRef.current?.contains(target) ?? false;\n const inMenu = menuRef.current?.contains(target) ?? false;\n if (!inContainer && !inMenu) setOpen(false);\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-1 w-full\", className)}\n >\n {/* ── External label ── */}\n {label && (\n <div className=\"relative shrink-0 w-full\">\n <div className=\"flex items-start px-1 w-full\">\n <p className=\"leading-5 not-italic relative shrink-0 text-foreground text-sm font-bold whitespace-nowrap\">\n {label}\n </p>\n </div>\n </div>\n )}\n\n {/* ── Trigger ── */}\n <div\n ref={triggerRef}\n onClick={handleToggle}\n className={cn(\n \"relative flex gap-2 items-center rounded-lg px-3.5\",\n bg,\n hasExternalLabel\n ? \"h-[38px]\"\n : isFilled\n ? \"py-1.5\"\n : \"py-3.5\",\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-sm leading-5 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-base leading-5 not-italic bg-transparent outline-none border-none p-0 m-0 placeholder:text-muted-foreground\"\n style={{\n color: \"var(--text-default-primary)\",\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-5 not-italic text-sm 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-4 not-italic text-xs\"\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-5 not-italic text-sm 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-5 not-italic text-base whitespace-nowrap\"\n style={{ color: labelColor }}\n >\n {placeholder}\n </p>\n <p\n className=\"leading-4 not-italic text-xs 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-base leading-5 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 <CaretUp size={22} className={cn(\"shrink-0\", caretClassName)} />\n ) : (\n <CaretDown size={22} className={cn(\"shrink-0\", caretClassName)} />\n )}\n\n </div>\n\n {open && !forceState && options.length > 0 && createPortal(\n <div\n ref={menuRef}\n className={cn(\n \"bg-popover rounded-lg overflow-clip p-2 flex flex-col items-start text-popover-foreground\",\n filteredOptions.length > 10 && \"overflow-y-auto\"\n )}\n style={{\n ...menuStyle,\n boxShadow: \"var(--elevation-popover)\",\n zIndex: 9999,\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={(e) => { e.stopPropagation(); 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-popover hover:bg-disabled-bg\"\n )}\n >\n <div className=\"flex flex-row items-center size-full\">\n <div className=\"flex items-center p-3.5 relative w-full\">\n <p\n className={cn(\n \"flex-1 min-w-0 min-h-[1px] leading-5 not-italic overflow-hidden text-sm 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-popover\">\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 document.body\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 { createPortal } from \"react-dom\";\nimport { CaretDown, CaretUp, Check, X } from \"@phosphor-icons/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// ── 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-surface-clear-hover\"\n >\n <X\n size={12}\n weight=\"bold\"\n color={iconColor}\n className=\"shrink-0\"\n />\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-surface-chip-disabled\" : \"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// ════════════════════════════════════════════════════════════════════════════\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 const triggerRef = useRef<HTMLDivElement>(null);\n const menuRef = useRef<HTMLDivElement>(null);\n const [menuStyle, setMenuStyle] = useState<React.CSSProperties>({});\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-background\";\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(--bg-danger-primary)\"\n : isFocus\n ? \"var(--primary-action)\"\n : \"var(--border-default)\";\n\n const showBelow = isError || Boolean(helperText);\n const leftText = isError ? errorMessage : (helperText ?? \"\");\n const leftColor = isError ? \"var(--bg-danger-primary)\" : \"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 const updateMenuPosition = useCallback(() => {\n if (!triggerRef.current) return;\n const rect = triggerRef.current.getBoundingClientRect();\n setMenuStyle({ position: \"fixed\", top: rect.bottom + 4, left: rect.left, width: rect.width });\n }, []);\n\n useEffect(() => {\n if (!open) return;\n updateMenuPosition();\n window.addEventListener(\"scroll\", updateMenuPosition, true);\n window.addEventListener(\"resize\", updateMenuPosition);\n return () => {\n window.removeEventListener(\"scroll\", updateMenuPosition, true);\n window.removeEventListener(\"resize\", updateMenuPosition);\n };\n }, [open, updateMenuPosition]);\n\n useEffect(() => {\n if (!open) return;\n const handler = (e: MouseEvent) => {\n const target = e.target as Node;\n const inContainer = containerRef.current?.contains(target) ?? false;\n const inMenu = menuRef.current?.contains(target) ?? false;\n if (!inContainer && !inMenu) setOpen(false);\n };\n document.addEventListener(\"mousedown\", handler);\n return () => 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 const next = !open;\n setOpen(next);\n if (next) 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-4 not-italic text-xs\"\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-4 not-italic text-xs\"\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-5 not-italic text-base whitespace-nowrap\"\n style={{ color: labelColor }}\n >\n {placeholder}\n </p>\n <p\n className=\"leading-4 not-italic text-xs 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-base leading-5 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-1 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(--text-default-primary)\",\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(--text-default-primary)\",\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 ref={triggerRef}\n onClick={handleTriggerClick}\n className={cn(\n \"relative flex gap-[8px] items-center rounded-[8px]\",\n bg,\n \"px-3.5\",\n hasExternalLabel ? \"h-10\" : \"py-1 min-h-12\",\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 ? <CaretUp size={22} /> : <CaretDown size={22} />}\n </span>\n </div>\n\n {open && !isStatic && options.length > 0 && createPortal(\n <div\n ref={menuRef}\n className=\"bg-popover rounded-[8px] overflow-clip p-[8px] flex flex-col items-start text-popover-foreground\"\n style={{\n ...menuStyle,\n boxShadow: \"var(--elevation-popover)\",\n zIndex: 9999,\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-popover 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 <Check\n size={12}\n weight=\"bold\"\n className=\"text-primary-action\"\n />\n )}\n </div>\n </div>\n </div>\n </div>\n );\n })\n ) : (\n <div className=\"w-full shrink-0 bg-popover\">\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 document.body\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 /** Override the visual state of the input. Useful for form validation. */\n forceState?: InputState;\n /** Error message displayed below the input when forceState is \"error\". Default: \"Error message\". */\n errorMessage?: string;\n value?: string;\n /** Called with the new string value on every change. */\n onChange?: (value: string) => void;\n /** Icon element rendered on the right side of the input. */\n rightIcon?: React.ReactNode;\n /** Unit label on the right side, e.g. \"kg\" or \"THB\". */\n unit?: string;\n /** Helper text displayed below the input in the default state. */\n helperText?: string;\n /** Show a character count (charCount / maxCount) below the input. */\n showCount?: boolean;\n /** Maximum character count enforced when showCount is true. Default: 100. */\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 maxLength: maxLengthProp,\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 && forceState !== \"default\")\n ? forceState\n : (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-background\";\n const floatLabel = isDisabled ? \"var(--disabled)\" : \"var(--muted-foreground)\";\n const filledValue = isDisabled ? \"var(--disabled)\" : \"var(--text-default-primary)\";\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(--border-danger)\"\n : isFocus\n ? \"var(--primary-action)\"\n : \"var(--border-default)\";\n\n const hasRight = Boolean(rightIcon) || Boolean(unit);\n const padding = isFilled\n ? \"px-[14px] py-[6px]\"\n : hasRight\n ? \"px-[14px] py-[14px]\"\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(--bg-danger-primary)\" : \"var(--muted-foreground)\";\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (isDisabled) return;\n let next = e.target.value;\n if (showCount && maxCount >= 0 && next.length > maxCount) {\n next = next.slice(0, maxCount);\n }\n if (!controlled) setInternalValue(next);\n onChange?.(next);\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-center 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-1 w-full\", className)}>\n <div\n className={cn(\n \"relative rounded-lg\",\n isFilled ? \"min-h-[48px]\" : \"h-[48px]\",\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-4 text-xs\"\n : \"text-base leading-5 pointer-events-none\",\n )}\n style={{ color: floatLabel }}\n >\n {placeholder}\n {required && (\n <span\n className=\"text-xs leading-4\"\n style={{\n color: isDisabled ? \"var(--disabled)\" : \"var(--error-dark)\",\n }}\n >\n {\" *\"}\n </span>\n )}\n </p>\n <input\n {...inputRest}\n type={type}\n value={currentValue}\n onChange={handleChange}\n onFocus={handleFocus}\n onBlur={handleBlur}\n disabled={isDisabled}\n maxLength={showCount ? maxCount : maxLengthProp}\n aria-label={placeholder}\n className={cn(\n \"w-full bg-transparent outline-none border-none min-w-0\",\n isFilled\n ? \"leading-5 not-italic text-sm p-0 m-0\"\n : cn(\n \"absolute inset-0 h-full text-base\",\n isDisabled ? \"cursor-not-allowed\" : \"cursor-text\",\n ),\n )}\n style={\n isFilled\n ? {\n ...inputStyleProp,\n color: filledValue,\n ...inputCaretStyle,\n fontSize: \"14px\",\n lineHeight: \"20px\",\n }\n : {\n ...inputStyleProp,\n color: \"transparent\",\n caretColor: focused ? \"var(--caret-color)\" : \"transparent\",\n padding: hasRight ? \"12px 14px\" : \"14px\",\n fontSize: \"16px\",\n lineHeight: \"24px\",\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] leading-[20px]\",\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-2 px-1 text-xs leading-4\">\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 { type ReactNode } from \"react\";\nimport { X, Warning, Check } from \"@phosphor-icons/react\";\nimport { Button } from \"./button\";\nimport { cn } from \"../lib/utils\";\n\nexport type ModalVariant = \"dialog\" | \"content\" | \"alert\";\nexport type ModalActionLayout = \"none\" | \"single\" | \"double\";\nexport type ModalResponsive = \"mobile\" | \"desktop\";\nexport type ModalAlertStatus = \"warning\" | \"success\" | \"danger\";\n\ntype AlertConfig = {\n titleColor: string;\n solidBg: string;\n boxShadow: string;\n Icon: React.ElementType;\n};\n\nconst ALERT_CONFIG: Record<ModalAlertStatus, AlertConfig> = {\n warning: {\n titleColor: \"var(--text-warning-primary)\",\n solidBg: \"#f0b100\",\n boxShadow: \"0 0 0 8px rgba(240,177,0,0.2), 0 0 0 20px rgba(240,177,0,0.08)\",\n Icon: Warning,\n },\n success: {\n titleColor: \"var(--text-success-primary)\",\n solidBg: \"#00c951\",\n boxShadow: \"0 0 0 8px rgba(0,201,81,0.2), 0 0 0 20px rgba(0,201,81,0.08)\",\n Icon: Check,\n },\n danger: {\n titleColor: \"var(--text-danger-primary)\",\n solidBg: \"#fb2c36\",\n boxShadow: \"0 0 0 8px rgba(251,44,54,0.2), 0 0 0 20px rgba(251,44,54,0.08)\",\n Icon: X,\n },\n};\n\nexport interface ModalProps {\n variant?: ModalVariant;\n actionLayout?: ModalActionLayout;\n responsive?: ModalResponsive;\n alertStatus?: ModalAlertStatus;\n showClose?: boolean;\n title?: string;\n description?: string;\n primaryLabel?: string;\n secondaryLabel?: string;\n children?: ReactNode;\n className?: string;\n onClose?: () => void;\n onPrimaryClick?: () => void;\n onSecondaryClick?: () => void;\n}\n\nexport function Modal({\n variant = \"dialog\",\n actionLayout = \"none\",\n responsive = \"mobile\",\n alertStatus = \"warning\",\n showClose = true,\n title = \"Text label\",\n description = \"Lorem ipsum dolor sit amet consectetur. Mi id nunc ac tempus turpis. Ipsum consectetur dictum volutpat viverra arcu rhoncus sit arcu.\",\n primaryLabel = \"Accept\",\n secondaryLabel = \"Cancel\",\n children,\n className,\n onClose,\n onPrimaryClick,\n onSecondaryClick,\n}: ModalProps) {\n const isContent = variant === \"content\";\n const isAlert = variant === \"alert\";\n const isDialog = variant === \"dialog\";\n const isDesktop = responsive === \"desktop\";\n const alert = ALERT_CONFIG[alertStatus];\n\n return (\n <div\n className={cn(\n \"w-auto overflow-hidden border border-border bg-background\",\n isAlert ? \"w-[343px] rounded-2xl\" : \"rounded-xl\",\n isContent\n ? \"min-w-[343px] max-w-[500px] \"\n : isAlert\n ? undefined\n : isDialog && \"min-w-[375px] max-w-[500px]\",\n className,\n )}\n >\n <div\n className={cn(\n \"flex items-center px-4 pt-4\",\n isAlert ? \"justify-end\" : \"justify-between gap-4\",\n )}\n >\n {!isAlert ? (\n <p className=\"text-[18px] leading-7 font-bold text-foreground\">\n {title}\n </p>\n ) : null}\n {showClose ? (\n <Button\n aria-label=\"Close dialog\"\n className=\"h-5 w-5 shrink-0 rounded-none text-subtle-text\"\n onClick={onClose}\n size=\"icon-xs\"\n variant=\"plain-black\"\n >\n <X size={20} weight=\"regular\" />\n </Button>\n ) : null}\n </div>\n\n <div className={cn(\"px-4 pb-6\", isAlert ? \"pt-0\" : \"pt-4\")}>\n {isAlert ? (\n <AlertBody config={alert} title={title} description={description} />\n ) : isContent ? (\n <div className=\"w-full\">{children ?? null}</div>\n ) : (\n (children ?? (\n <p className=\"text-sm leading-5 text-muted-foreground\">\n {description}\n </p>\n ))\n )}\n </div>\n\n {actionLayout !== \"none\" ? (\n <div className=\"px-4 pb-4\">\n <ModalActions\n layout={actionLayout}\n isContent={isContent}\n isDesktop={isDesktop}\n primaryLabel={primaryLabel}\n secondaryLabel={secondaryLabel}\n onPrimaryClick={onPrimaryClick}\n onSecondaryClick={onSecondaryClick}\n />\n </div>\n ) : null}\n </div>\n );\n}\n\nfunction AlertBody({\n config,\n title,\n description,\n}: {\n config: AlertConfig;\n title: string;\n description: string;\n}) {\n const { Icon, titleColor, solidBg, boxShadow } = config;\n return (\n <div className=\"flex flex-col items-center gap-4 text-center\">\n <div className=\"flex items-center justify-center size-[100px]\">\n <div\n className=\"flex items-center justify-center size-[56px] rounded-full\"\n style={{ backgroundColor: solidBg, boxShadow }}\n >\n <Icon size={40} color=\"white\" />\n </div>\n </div>\n <div className=\"flex flex-col items-center gap-2\">\n <p\n className=\"text-[18px] leading-7 font-bold\"\n style={{ color: titleColor }}\n >\n {title}\n </p>\n <p className=\"text-sm leading-5 text-muted-foreground\">{description}</p>\n </div>\n </div>\n );\n}\n\nfunction ModalActions({\n layout,\n isContent,\n isDesktop,\n primaryLabel,\n secondaryLabel,\n onPrimaryClick,\n onSecondaryClick,\n}: {\n layout: Exclude<ModalActionLayout, \"none\">;\n isContent: boolean;\n isDesktop: boolean;\n primaryLabel: string;\n secondaryLabel: string;\n onPrimaryClick?: () => void;\n onSecondaryClick?: () => void;\n}) {\n // Content variant on desktop right-aligns actions; every other case uses full-width stretched buttons.\n const desktopInline = isContent && isDesktop;\n\n if (layout === \"single\") {\n return (\n <div className={cn(desktopInline ? \"flex justify-end\" : undefined)}>\n <Button\n className={cn(desktopInline ? undefined : \"w-full\")}\n onClick={onPrimaryClick}\n size=\"xl\"\n variant=\"primary\"\n >\n {primaryLabel}\n </Button>\n </div>\n );\n }\n\n const containerClass = isContent\n ? cn(\"flex gap-4\", isDesktop ? \"justify-end\" : \"flex-col\")\n : \"flex items-center gap-4\";\n const buttonClass = isContent\n ? isDesktop\n ? undefined\n : \"w-full\"\n : \"min-w-0 flex-1\";\n\n return (\n <div className={containerClass}>\n <Button\n className={buttonClass}\n onClick={onSecondaryClick}\n size=\"xl\"\n variant=\"outline\"\n >\n {secondaryLabel}\n </Button>\n <Button\n className={buttonClass}\n onClick={onPrimaryClick}\n size=\"xl\"\n variant=\"primary\"\n >\n {primaryLabel}\n </Button>\n </div>\n );\n}\n","\"use client\";\n\nimport { Gift, ImageSquare } from \"@phosphor-icons/react\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport {\n forwardRef,\n useEffect,\n useMemo,\n useRef,\n useState,\n type ReactNode,\n} from \"react\";\nimport { Button } from \"./button\";\nimport { Badge } from \"./badge\";\nimport { cn } from \"../lib/utils\";\n\nexport type NotificationItemType = \"icon\" | \"image\";\nexport type NotificationItemStatus = \"new\" | \"unread\" | \"read\";\n\nexport interface NotificationItem {\n id: string;\n title: string;\n description: string;\n time: string;\n /** Shows unread dot and tinted row background. Default: false */\n unread?: boolean;\n /** Visual state for the notification row. Default: \"read\" */\n status?: NotificationItemStatus;\n /** Icon row or image row. Default: \"icon\" */\n type?: NotificationItemType;\n /** Image source for image-type rows. */\n imageSrc?: string;\n /** Optional leading icon for icon-type rows. */\n icon?: ReactNode;\n /** Optional action button label rendered below description. */\n actionLabel?: string;\n onActionClick?: () => void;\n}\n\nexport interface NotificationGroup {\n /** Divider label, e.g. \"25 ก.ค. 2567\" or \"เมื่อวาน\" */\n label: string;\n items: NotificationItem[];\n}\n\nexport interface NotificationProps {\n /** Notification groups rendered in order under date dividers. */\n groups: NotificationGroup[];\n /** Badge count shown on the trigger. Default: number of new items. */\n badgeCount?: number;\n /** Width of the popover panel in px. Default: 375 */\n panelWidth?: number;\n /** Placeholder text when no notifications are available. */\n emptyText?: string;\n /** Auto clear badge to default when the list is opened. Default: true */\n clearBadgeOnOpen?: boolean;\n /** Controlled open state */\n open?: boolean;\n /** Uncontrolled open initial state */\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean) => void;\n onBadgeCleared?: () => void;\n onItemClick?: (item: NotificationItem) => void;\n className?: string;\n panelClassName?: string;\n}\n\n\nfunction NotificationRow({\n item,\n onItemClick,\n hideIndicator = false,\n demoteNewBackground = false,\n}: {\n item: NotificationItem;\n onItemClick?: (item: NotificationItem) => void;\n hideIndicator?: boolean;\n demoteNewBackground?: boolean;\n}) {\n const rowType = item.type ?? \"icon\";\n const showImage = rowType === \"image\";\n const status = item.status ?? (item.unread ? \"unread\" : \"read\");\n const showIndicator = (status === \"new\" || status === \"unread\") && !hideIndicator;\n const rowBackground =\n status === \"new\" && !demoteNewBackground ? \"bg-muted\" : \"bg-background\";\n\n return (\n <div\n className={cn(\"flex w-full items-start gap-3 px-4 py-3\", rowBackground)}\n role=\"button\"\n tabIndex={0}\n onClick={() => onItemClick?.(item)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n onItemClick?.(item);\n }\n }}\n >\n <div className=\"flex w-10 shrink-0 items-start justify-center py-0.5\">\n {showImage ? (\n item.imageSrc ? (\n <img\n alt=\"\"\n className=\"h-10 w-10 rounded object-cover\"\n src={item.imageSrc}\n />\n ) : (\n <div className=\"flex h-10 w-10 items-center justify-center rounded bg-disabled-bg text-disabled\">\n <ImageSquare size={20} weight=\"regular\" />\n </div>\n )\n ) : (\n <div className=\"flex h-6 w-6 items-center justify-center text-subtle-text\">\n {item.icon ?? <Gift size={20} weight=\"regular\" />}\n </div>\n )}\n </div>\n\n <div className=\"min-w-0 flex-1 space-y-1\">\n <p className=\"line-clamp-2 text-base leading-6 font-semibold text-foreground\">\n {item.title}\n </p>\n <p className=\"line-clamp-3 text-sm leading-5 text-muted-foreground\">\n {item.description}\n </p>\n <p className=\"text-xs leading-4 text-muted-foreground\">{item.time}</p>\n\n {item.actionLabel && (\n <Button\n className=\"mt-2\"\n size=\"md\"\n variant=\"primary\"\n onClick={(e) => {\n e.stopPropagation();\n item.onActionClick?.();\n }}\n >\n {item.actionLabel}\n </Button>\n )}\n </div>\n\n <div className=\"flex w-2 shrink-0 items-start justify-center pt-2\">\n {showIndicator ? (\n <span\n aria-hidden=\"true\"\n className=\"h-2 w-2 rounded-full bg-destructive\"\n />\n ) : null}\n </div>\n </div>\n );\n}\n\nexport const Notification = forwardRef<HTMLDivElement, NotificationProps>(\n function Notification(\n {\n groups,\n badgeCount,\n panelWidth = 375,\n emptyText = \"No notifications\",\n clearBadgeOnOpen = true,\n open,\n defaultOpen,\n onOpenChange,\n onBadgeCleared,\n onItemClick,\n className,\n panelClassName,\n },\n ref,\n ) {\n const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);\n const [isBadgeCleared, setIsBadgeCleared] = useState(false);\n const [clickedItemIds, setClickedItemIds] = useState<Set<string>>(new Set());\n const [wasDismissed, setWasDismissed] = useState(false);\n const [mobileAlign, setMobileAlign] = useState<{ alignOffset: number; width: number } | null>(null);\n const triggerRef = useRef<HTMLDivElement>(null);\n const controlled = open !== undefined;\n const resolvedOpen = controlled ? open : internalOpen;\n const newCount = useMemo(\n () =>\n groups.reduce(\n (acc, group) =>\n acc +\n group.items.filter((item) => {\n const status = item.status ?? (item.unread ? \"unread\" : \"read\");\n return status === \"new\";\n }).length,\n 0,\n ),\n [groups],\n );\n const nextCount = badgeCount ?? newCount;\n const prevCountRef = useRef(nextCount);\n\n useEffect(() => {\n const prevCount = prevCountRef.current;\n if (nextCount <= 0 || nextCount > prevCount) {\n setIsBadgeCleared(false);\n }\n prevCountRef.current = nextCount;\n }, [nextCount]);\n\n useEffect(() => {\n const update = () => {\n if (window.innerWidth > 640 || !triggerRef.current) {\n setMobileAlign(null);\n return;\n }\n const contentWidth = Math.min(panelWidth, window.innerWidth - 32);\n const triggerLeft = triggerRef.current.getBoundingClientRect().left;\n // position left edge of panel at (viewportWidth - panelWidth) / 2\n setMobileAlign({\n alignOffset: (window.innerWidth - contentWidth) / 2 - triggerLeft,\n width: contentWidth,\n });\n };\n update();\n window.addEventListener(\"resize\", update);\n return () => window.removeEventListener(\"resize\", update);\n }, [panelWidth]);\n\n const displayCount = clearBadgeOnOpen && isBadgeCleared ? 0 : nextCount;\n const hasItems = groups.some((group) => group.items.length > 0);\n\n const handleOpenChange = (next: boolean) => {\n if (resolvedOpen && !next) {\n setWasDismissed(true);\n }\n if (next && clearBadgeOnOpen && nextCount > 0) {\n setIsBadgeCleared(true);\n onBadgeCleared?.();\n }\n if (!controlled) setInternalOpen(next);\n onOpenChange?.(next);\n };\n\n const handleItemClick = (item: NotificationItem) => {\n setClickedItemIds((prev) => {\n if (prev.has(item.id)) return prev;\n const next = new Set(prev);\n next.add(item.id);\n return next;\n });\n onItemClick?.(item);\n };\n\n return (\n <Popover.Root open={resolvedOpen} onOpenChange={handleOpenChange}>\n <div ref={ref} className={cn(\"inline-flex\", className)}>\n <Popover.Trigger asChild>\n <div ref={triggerRef} className=\"relative\">\n <Badge\n variant=\"notification\"\n count={displayCount}\n maxCount={99}\n notificationState={\n displayCount > 0\n ? \"noti\"\n : resolvedOpen\n ? \"active\"\n : \"default\"\n }\n aria-label=\"Open notifications\"\n />\n </div>\n </Popover.Trigger>\n </div>\n\n <Popover.Portal>\n <Popover.Content\n align={mobileAlign ? \"start\" : \"end\"}\n alignOffset={mobileAlign?.alignOffset ?? 0}\n avoidCollisions={!mobileAlign}\n sideOffset={10}\n className={cn(\n \"z-50 overflow-hidden rounded-lg border border-border bg-background shadow-lg\",\n panelClassName,\n )}\n style={{ width: mobileAlign?.width ?? panelWidth }}\n >\n <div className=\"max-h-[480px] overflow-y-auto\">\n {!hasItems && (\n <div className=\"px-4 py-8 text-center text-sm text-muted-foreground\">\n {emptyText}\n </div>\n )}\n\n {groups.map((group, gi) => (\n <div key={group.label ?? gi} className=\"w-full\">\n <div>\n {group.items.map((item, ii) => (\n <NotificationRow\n key={item.id ?? `${gi}-${ii}`}\n item={item}\n onItemClick={handleItemClick}\n hideIndicator={item.id ? clickedItemIds.has(item.id) : false}\n demoteNewBackground={wasDismissed}\n />\n ))}\n </div>\n </div>\n ))}\n </div>\n </Popover.Content>\n </Popover.Portal>\n </Popover.Root>\n );\n },\n);\n\nNotification.displayName = \"Notification\";\n","\"use client\";\n\nimport {\n CheckCircle,\n GearSix,\n Info,\n MegaphoneSimple,\n Warning,\n X,\n XCircle,\n} from \"@phosphor-icons/react\";\nimport { forwardRef, useEffect, useRef, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type ToastVariant = \"default\" | \"broadcast\";\nexport type ToastStatus = \"information\" | \"success\" | \"warning\" | \"critical\";\n\nexport interface ToastProps {\n variant?: ToastVariant;\n status?: ToastStatus;\n message: string;\n actionLabel?: string;\n multiline?: boolean;\n onActionClick?: () => void;\n onClose?: () => void;\n className?: string;\n}\n\nconst statusStyles: Record<\n ToastStatus,\n {\n bg: string;\n text: string;\n icon: string;\n link: string;\n }\n> = {\n information: {\n bg: \"bg-[var(--bg-info-light)]\",\n text: \"text-[var(--text-info-primary)]\",\n icon: \"text-[var(--icon-brand-primary)]\",\n link: \"text-[var(--text-brand-link-primary)]\",\n },\n success: {\n bg: \"bg-[var(--bg-success-light)]\",\n text: \"text-[var(--text-success-primary)]\",\n icon: \"text-[var(--icon-success)]\",\n link: \"text-[var(--text-success-link)]\",\n },\n warning: {\n bg: \"bg-[var(--bg-warning-soft)]\",\n text: \"text-[var(--text-warning-primary)]\",\n icon: \"text-[var(--icon-warning)]\",\n link: \"text-[var(--text-warning-link)]\",\n },\n critical: {\n bg: \"bg-[var(--bg-danger-light)]\",\n text: \"text-[var(--text-danger-primary)]\",\n icon: \"text-[var(--icon-danger)]\",\n link: \"text-[var(--text-danger-link)]\",\n },\n};\n\nfunction DefaultIcon({\n status,\n className,\n}: {\n status: ToastStatus;\n className?: string;\n}) {\n if (status === \"success\") return <CheckCircle className={className} size={24} weight=\"fill\" />;\n if (status === \"warning\") return <Warning className={className} size={24} weight=\"fill\" />;\n if (status === \"critical\") return <XCircle className={className} size={24} weight=\"fill\" />;\n return <Info className={className} size={24} weight=\"fill\" />;\n}\n\nfunction BroadcastIcon({\n status,\n className,\n}: {\n status: ToastStatus;\n className?: string;\n}) {\n if (status === \"information\") {\n return <MegaphoneSimple className={className} size={20} weight=\"fill\" />;\n }\n return <GearSix className={className} size={20} weight=\"fill\" />;\n}\n\nfunction ToastCloseButton({\n colorClass,\n onClose,\n}: {\n colorClass: string;\n onClose?: () => void;\n}) {\n return (\n <button\n type=\"button\"\n aria-label=\"Close toast\"\n className={cn(\n \"inline-flex h-[18px] w-[18px] shrink-0 cursor-pointer items-center justify-center\",\n colorClass,\n )}\n onClick={onClose}\n >\n <X size={12} weight=\"bold\" />\n </button>\n );\n}\n\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(function Toast(\n {\n variant = \"default\",\n status = \"information\",\n message,\n actionLabel,\n multiline = false,\n onActionClick,\n onClose,\n className,\n },\n ref,\n) {\n const hasAction = Boolean(actionLabel);\n const effectiveStatus = variant === \"broadcast\" && status === \"success\" ? \"information\" : status;\n const effectiveStyle = statusStyles[effectiveStatus];\n const Icon = variant === \"broadcast\" ? BroadcastIcon : DefaultIcon;\n const showActions = variant === \"default\";\n\n return (\n <div\n ref={ref}\n role=\"status\"\n className={cn(\n \"flex w-full p-3\",\n variant === \"default\"\n ? \"items-center gap-2 rounded-lg shadow-[0px_1px_2px_0px_rgba(0,0,0,0.10),0px_1px_3px_1px_rgba(0,0,0,0.05)]\"\n : \"items-center gap-2\",\n multiline && \"items-start\",\n effectiveStyle.bg,\n className,\n )}\n >\n <div\n className={cn(\n \"flex min-w-0 flex-1 gap-2\",\n multiline ? \"items-start\" : \"items-center\",\n variant === \"default\" && !hasAction && \"opacity-80\",\n )}\n >\n <div className={cn(\"shrink-0\", multiline && \"pt-0.5\")}>\n <Icon status={effectiveStatus} className={effectiveStyle.icon} />\n </div>\n <p className={cn(\"min-w-0 flex-1 text-sm leading-5 font-normal\", effectiveStyle.text)}>\n {message}\n </p>\n </div>\n\n {showActions && hasAction ? (\n <div className=\"flex shrink-0 items-center gap-3\">\n <button\n type=\"button\"\n className={cn(\n \"cursor-pointer text-sm leading-5 underline underline-offset-2\",\n effectiveStyle.link,\n )}\n onClick={onActionClick}\n >\n {actionLabel}\n </button>\n <ToastCloseButton colorClass={effectiveStyle.icon} onClose={onClose} />\n </div>\n ) : showActions ? (\n <ToastCloseButton colorClass={effectiveStyle.icon} onClose={onClose} />\n ) : null}\n </div>\n );\n});\n\nToast.displayName = \"Toast\";\n\nexport interface ToastStackProps {\n items: Array<ToastProps & { id: string }>;\n className?: string;\n renderItem?: (item: ToastProps & { id: string }) => ReactNode;\n}\n\nexport function ToastStack({ items = [], className, renderItem }: ToastStackProps) {\n return (\n <div className={cn(\"flex flex-col gap-2\", className)}>\n {items.map((item) =>\n renderItem ? (\n <div key={item.id}>{renderItem(item)}</div>\n ) : (\n <Toast key={item.id} {...item} />\n ),\n )}\n </div>\n );\n}\n\nexport interface ToasterProps {\n items: Array<ToastProps & { id: string }>;\n renderItem?: (item: ToastProps & { id: string }) => ReactNode;\n className?: string;\n /**\n * Auto-dismiss duration in ms. Calls onRemove(id) after the delay.\n * Set to 0 to disable auto-dismiss. Default: 4000.\n */\n duration?: number;\n /** Called with the toast id when it should be removed (timeout or close). */\n onRemove?: (id: string) => void;\n}\n\n/**\n * Fixed-position toast container.\n * - Desktop (≥ md): top-right\n * - Tablet & mobile (< md): top-center, full width with horizontal padding\n *\n * Place once at the root of your app (e.g. inside App.tsx or layout).\n *\n * @example\n * const [toasts, setToasts] = useState([]);\n * const remove = (id) => setToasts(t => t.filter(x => x.id !== id));\n * <Toaster items={toasts} onRemove={remove} />\n */\nexport function Toaster({ items, renderItem, className, duration = 4000, onRemove }: ToasterProps) {\n const timers = useRef<Map<string, ReturnType<typeof setTimeout>>>(new Map());\n\n useEffect(() => {\n if (duration > 0 && !onRemove) {\n console.warn(\"[Toaster] duration is set but onRemove is not provided — toasts will never dismiss. Pass onRemove={(id) => setToasts(t => t.filter(x => x.id !== id))} to enable auto-dismiss.\");\n }\n if (!onRemove || duration === 0) return;\n\n // start timer for newly added items\n items.forEach((item) => {\n if (!timers.current.has(item.id)) {\n const t = setTimeout(() => {\n onRemove(item.id);\n timers.current.delete(item.id);\n }, duration);\n timers.current.set(item.id, t);\n }\n });\n\n // clear timers for items that were already removed externally\n const live = new Set(items.map((i) => i.id));\n timers.current.forEach((t, id) => {\n if (!live.has(id)) {\n clearTimeout(t);\n timers.current.delete(id);\n }\n });\n });\n\n useEffect(() => {\n return () => {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n timers.current.forEach(clearTimeout);\n };\n }, []);\n\n if (items.length === 0) return null;\n\n const enriched = items.map((item) => ({\n ...item,\n onClose: onRemove ? () => onRemove(item.id) : item.onClose,\n }));\n\n return (\n <div\n className={cn(\n \"fixed z-50 top-4\",\n \"md:right-4 md:w-[360px]\",\n \"max-md:left-1/2 max-md:-translate-x-1/2 max-md:w-[calc(100vw-32px)]\",\n className,\n )}\n >\n <ToastStack items={enriched} renderItem={renderItem} />\n </div>\n );\n}\n","\"use client\";\n\nimport React, { forwardRef } from \"react\";\nimport { Check } from \"@phosphor-icons/react\";\nimport { cn } from \"../lib/utils\";\n\nexport interface OptionItem {\n /** Display label for the option. */\n label: string;\n /** Unique value identifier for the option. */\n value: string;\n /** Optional icon element shown before the label. */\n icon?: React.ReactNode;\n disabled?: boolean;\n}\n\nexport interface OptionListProps {\n /** Array of selectable options. */\n options: OptionItem[];\n /** Currently selected value in single-select mode. */\n selectedValue?: string;\n /** Currently selected values in multi-select mode. */\n selectedValues?: string[];\n /** Called with the selected value in single-select mode. */\n onSelect?: (value: string) => void;\n /** Called with the toggled value in multi-select mode. */\n onToggle?: (value: string) => void;\n /** Max number of items visible before the list scrolls. Default: 10. */\n maxVisible?: number;\n /** Text displayed when the options array is empty. Default: \"No results found\". */\n emptyText?: string;\n className?: string;\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-lg bg-popover px-2 py-2 text-popover-foreground\",\n className\n )}\n style={{\n boxShadow: \"var(--elevation-popover)\",\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-popover 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-2 p-3.5\">\n {opt.icon && (\n <span\n className=\"flex h-5 w-5 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-sm leading-5 text-ellipsis whitespace-nowrap not-italic\"\n style={{\n color: disabled\n ? \"var(--disabled)\"\n : \"var(--text-default-primary)\",\n }}\n >\n {opt.label}\n </p>\n {selected && (\n <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">\n <Check\n size={16}\n weight=\"bold\"\n className=\"text-primary-action\"\n />\n </span>\n )}\n </div>\n </div>\n );\n })\n ) : (\n <div className=\"w-full shrink-0 bg-popover\">\n <div className=\"flex w-full items-center p-3.5\">\n <p className=\"min-h-[1px] min-w-0 flex-1 text-sm leading-5 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 text shown when the input is empty. Default: \"Placeholder\". */\n placeholder?: string;\n value?: string;\n /** Called with the new search string on every keystroke. */\n onChange?: (value: string) => void;\n /** Visual size of the search input. Default: \"lg\". */\n size?: SearchInputSize;\n className?: string;\n /** Called when the user clicks the clear (×) button. */\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\" ? \"h-[38px]\" : \"\";\n const padding =\n size === \"sm\" ? \"px-3.5 py-2\" : \"px-3.5 py-3\";\n const borderInset = focused ? \"-1px\" : \"0px\";\n const borderRad = focused ? \"9px\" : \"8px\";\n const borderColor = focused\n ? \"var(--primary-action)\"\n : \"var(--border-default)\";\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-2 rounded-lg bg-background\",\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={\n focused ? \"var(--subtle-text)\" : \"var(--muted-foreground)\"\n }\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-base leading-5 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-base leading-5 outline-none\"\n style={{\n color: isFilled ? \"var(--text-default-primary)\" : \"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, type ReactNode } from \"react\";\nimport { Circle } from \"@phosphor-icons/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 icon?: ReactNode | boolean;\n notification?: string | number;\n}\n\nexport interface TabProps {\n /** Tab label text. Default: \"Tab\". */\n title?: string;\n /** Size of the tab. Default: \"md\". */\n size?: TabSize;\n /** Whether this tab is currently selected/active. */\n active?: boolean;\n /** Whether the tab is non-interactive. */\n disabled?: boolean;\n onClick?: () => void;\n className?: string;\n /** Icon rendered before the label. Pass `true` for a default placeholder icon. */\n icon?: ReactNode | boolean;\n /** Notification badge shown after the label (count or short text). */\n notification?: string | number;\n}\n\nconst sizeClasses: Record<\n TabSize,\n {\n pad: string;\n text: string;\n leading: string;\n font: string;\n gap: string;\n iconSize: string;\n badgeClass: string;\n }\n> = {\n lg: {\n pad: \"px-3 py-2.5\",\n text: \"text-sm\",\n leading: \"leading-5\",\n font: \"font-bold\",\n gap: \"gap-1.5\",\n iconSize: \"h-5 w-5\",\n badgeClass:\n \"min-w-[16px] h-[16px] px-[3px] text-[length:var(--text-xs)] leading-[var(--leading-4)]\",\n },\n md: {\n pad: \"px-2.5 py-2\",\n text: \"text-sm\",\n leading: \"leading-5\",\n font: \"font-bold\",\n gap: \"gap-1.5\",\n iconSize: \"h-[18px] w-[18px]\",\n badgeClass:\n \"min-w-[16px] h-[16px] px-[3px] text-[length:var(--text-xs)] leading-[var(--leading-4)]\",\n },\n sm: {\n pad: \"px-2 py-1.5\",\n text: \"text-xs\",\n leading: \"leading-4\",\n font: \"font-semibold\",\n gap: \"gap-1\",\n iconSize: \"h-4 w-4\",\n badgeClass:\n \"min-w-[14px] h-[14px] px-1 text-[length:var(--text-xxs)] leading-[var(--leading-3)]\",\n },\n};\n\nfunction DefaultTabIcon({ className }: { className?: string }) {\n return <Circle aria-hidden=\"true\" weight=\"regular\" className={cn(\"shrink-0\", className)} />;\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 icon,\n notification,\n },\n ref\n) {\n const s = sizeClasses[size] ?? sizeClasses.md;\n const hasIcon = Boolean(icon);\n const hasNotification = notification !== undefined && notification !== null;\n const renderedIcon = icon === true ? <DefaultTabIcon className={s.iconSize} /> : icon;\n const textColor = disabled\n ? \"text-disabled\"\n : active\n ? \"text-primary-action\"\n : \"text-muted-foreground\";\n const borderColor = disabled\n ? \"border-border-disabled\"\n : active\n ? \"border-primary-action\"\n : \"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-background transition-colors duration-150\",\n s.pad,\n (hasIcon || hasNotification) && s.gap,\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 {hasIcon && (\n <span\n aria-hidden=\"true\"\n className={cn(\n \"relative shrink-0\",\n s.iconSize,\n disabled ? \"text-disabled\" : active ? \"text-primary-action\" : \"text-muted-foreground\"\n )}\n >\n {renderedIcon}\n </span>\n )}\n <span\n className={cn(\n \"relative overflow-hidden text-ellipsis whitespace-nowrap text-center\",\n hasIcon && hasNotification && \"flex-1 min-w-px\",\n s.text,\n s.leading,\n s.font,\n textColor\n )}\n >\n {title}\n </span>\n {hasNotification && (\n <span\n className={cn(\n \"relative flex shrink-0 items-center justify-center rounded-[60px] bg-visual-red-default text-center font-normal text-on-visual-red\",\n s.badgeClass\n )}\n >\n {notification}\n </span>\n )}\n </div>\n );\n});\n\nTab.displayName = \"Tab\";\n\nexport interface TabGroupProps {\n /** Array of tab definitions. Each item needs at minimum `id` and `title`. */\n items?: TabItem[];\n /** ID of the currently active tab. */\n activeId?: string;\n /** Size applied to all tabs in the group. Default: \"md\". */\n size?: TabSize;\n /** Called with the tab ID when a tab is clicked. */\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 icon={item.icon}\n notification={item.notification}\n onClick={() => onChange?.(item.id)}\n />\n ))}\n </div>\n );\n }\n);\n\nTabGroup.displayName = \"TabGroup\";\n","\"use client\";\n\nimport { forwardRef } from \"react\";\nimport { Circle, X } from \"@phosphor-icons/react\";\nimport { cn } from \"../lib/utils\";\n\nexport type TagSize = \"large\" | \"small\";\nexport type TagState = \"default\" | \"hover\" | \"disabled\";\nexport type TagVariant = \"blue\" | \"green\" | \"yellow\" | \"red\" | \"gray\" | \"lime\";\nexport type StatusTagType = \"stop\" | \"success\" | \"hold\" | \"processing\" | \"error\";\n\nexport interface TagProps {\n /** Label text displayed inside the tag. Default: \"Tag\". */\n text?: string;\n /** Size of the tag. Default: \"large\". */\n size?: TagSize;\n /** Visual state. Default: \"default\". */\n state?: TagState;\n /** Color variant. Use green=positive, red=danger, yellow=warning, gray=neutral. Default: \"gray\". */\n variant?: TagVariant;\n /** Show a small circle dot icon on the left side of the label. */\n icon?: boolean;\n /** Show a close/remove (×) button on the right side. */\n close?: boolean;\n className?: string;\n}\n\nconst sizeStyles: Record<\n TagSize,\n {\n container: string;\n text: string;\n closeIcon: string;\n closeButton: string;\n }\n> = {\n large: {\n container: \"px-2 py-1\",\n text: \"text-xs leading-4\",\n closeIcon: \"h-4 w-4\",\n closeButton: \"h-4 w-4\",\n },\n small: {\n container: \"px-1 py-0.5\",\n text: \"text-[9px] leading-3\",\n closeIcon: \"h-3.5 w-3.5\",\n closeButton: \"h-3.5 w-3.5\",\n },\n};\n\nconst variantStyles: Record<\n TagVariant,\n {\n bg: string;\n text: string;\n color: string;\n }\n> = {\n blue: {\n bg: \"bg-[var(--fill-blue-50)]\",\n text: \"text-[var(--fill-blue-700)]\",\n color: \"var(--fill-blue-700)\",\n },\n green: {\n bg: \"bg-[var(--fill-green-100)]\",\n text: \"text-[var(--fill-green-600)]\",\n color: \"var(--fill-green-600)\",\n },\n yellow: {\n bg: \"bg-[var(--fill-yellow-100)]\",\n text: \"text-[var(--fill-yellow-600)]\",\n color: \"var(--fill-yellow-600)\",\n },\n red: {\n bg: \"bg-[var(--fill-red-100)]\",\n text: \"text-[var(--fill-red-600)]\",\n color: \"var(--fill-red-600)\",\n },\n gray: {\n bg: \"bg-[var(--fill-gray-100)]\",\n text: \"text-subtle-text\",\n color: \"var(--subtle-text)\",\n },\n lime: {\n bg: \"bg-[var(--fill-lime-100)]\",\n text: \"text-[var(--fill-lime-600)]\",\n color: \"var(--fill-lime-600)\",\n },\n};\n\nfunction CircleIcon({ disabled, color }: { disabled: boolean; color: string }) {\n return (\n <Circle\n aria-hidden=\"true\"\n weight=\"regular\"\n className=\"h-3.5 w-3.5 shrink-0\"\n color={disabled ? \"var(--disabled)\" : color}\n />\n );\n}\n\nfunction CloseIcon({ disabled, className }: { disabled: boolean; className?: string }) {\n return (\n <X\n aria-hidden=\"true\"\n weight=\"regular\"\n className={cn(\"shrink-0\", className)}\n color={disabled ? \"var(--disabled)\" : \"var(--subtle-text)\"}\n />\n );\n}\n\nexport const Tag = forwardRef<HTMLDivElement, TagProps>(function Tag(\n {\n text = \"Tag\",\n size = \"large\",\n state = \"default\",\n variant = \"gray\",\n icon = false,\n close = false,\n className,\n },\n ref\n) {\n const isDisabled = state === \"disabled\";\n const s = sizeStyles[size] ?? sizeStyles.large;\n const v = variantStyles[variant] ?? variantStyles.gray;\n const bgClass = state === \"disabled\" ? \"bg-disabled-bg\" : state === \"hover\" ? \"bg-hover-bg\" : v.bg;\n const textClass = isDisabled ? \"text-disabled\" : v.text;\n\n return (\n <div\n ref={ref}\n className={cn(\n \"inline-flex w-fit items-center justify-center rounded-[4px]\",\n (icon || close) && \"gap-[2px]\",\n s.container,\n bgClass,\n className\n )}\n >\n {icon && <CircleIcon disabled={isDisabled} color={v.color} />}\n <span className={cn(\"whitespace-nowrap font-normal\", s.text, textClass)}>\n {text}\n </span>\n {close && (\n <span\n className={cn(\n \"inline-flex items-center justify-center rounded-[2px] transition-colors\",\n s.closeButton,\n !isDisabled && \"cursor-pointer hover:bg-black/10\"\n )}\n >\n <CloseIcon disabled={isDisabled} className={s.closeIcon} />\n </span>\n )}\n </div>\n );\n});\n\nTag.displayName = \"Tag\";\n\nexport interface StatusTagProps {\n /** Process status type — drives the dot color and default label. Default: \"stop\". */\n type?: StatusTagType;\n /** Override the default label for the given type. */\n text?: string;\n className?: string;\n}\n\nconst statusTagStyles: Record<\n StatusTagType,\n {\n label: string;\n dot: string;\n }\n> = {\n stop: {\n label: \"Stop\",\n dot: \"var(--fill-gray-500)\",\n },\n success: {\n label: \"Success\",\n dot: \"var(--fill-emerald-500)\",\n },\n hold: {\n label: \"Hold\",\n dot: \"var(--fill-yellow-500)\",\n },\n processing: {\n label: \"Processing\",\n dot: \"var(--fill-blue-500)\",\n },\n error: {\n label: \"Error\",\n dot: \"var(--fill-rose-500)\",\n },\n};\n\nexport function StatusTag({ type = \"stop\", text, className }: StatusTagProps) {\n const style = statusTagStyles[type] ?? statusTagStyles.stop;\n\n return (\n <div\n className={cn(\n \"inline-flex w-fit items-center justify-center gap-1 rounded-[8px] px-2 py-1\",\n className\n )}\n >\n <Circle aria-hidden=\"true\" weight=\"fill\" className=\"size-[8px] shrink-0\" color={style.dot} />\n <span className=\"whitespace-nowrap text-[14px] leading-[20px] font-normal text-disabled\">\n {text ?? style.label}\n </span>\n </div>\n );\n}\n","\"use client\";\n\nimport { ArrowDown, ArrowUp, ArrowsDownUp, Circle } from \"@phosphor-icons/react\";\nimport React, {\n createContext,\n forwardRef,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n type HTMLAttributes,\n type MouseEventHandler,\n type ReactNode,\n type TableHTMLAttributes,\n type ThHTMLAttributes,\n type TdHTMLAttributes,\n} from \"react\";\nimport { Button } from \"./button\";\nimport { Checkbox, type CheckboxChecked } from \"./checkbox\";\nimport { Tag, type TagVariant } from \"./tag\";\nimport { cn } from \"../lib/utils\";\n\nexport type TableHeaderType = \"text\" | \"icon\" | \"check\";\nexport type TableHeaderState = \"default\" | \"hover\" | \"disabled\";\nexport type TableCellType = \"default\" | \"text-icon\" | \"text-image\" | \"tag\" | \"icon\" | \"button\" | \"checkbox\";\nexport type TableCellTextStyle = \"default\" | \"bold\" | \"bold-description\";\n\nexport interface TableProps extends TableHTMLAttributes<HTMLTableElement> {\n /** Wraps the table with horizontal scrolling while keeping native table semantics. */\n responsive?: boolean;\n}\n\nexport interface TableHeaderCellProps extends ThHTMLAttributes<HTMLTableCellElement> {\n type?: TableHeaderType;\n state?: TableHeaderState;\n sortable?: boolean;\n icon?: ReactNode;\n sortDirection?: \"none\" | \"asc\" | \"desc\";\n onSortChange?: (next: \"none\" | \"asc\" | \"desc\") => void;\n checkState?: CheckboxChecked;\n onCheckChange?: (next: boolean) => void;\n fixed?: \"left\" | \"right\";\n fixedOffset?: number;\n fixedShadow?: \"left\" | \"right\";\n /** Accepted but ignored — prevents DOM warning when passed by consumers. */\n contentAlign?: string;\n}\n\nexport interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {\n type?: TableCellType;\n textStyle?: TableCellTextStyle;\n selected?: boolean;\n hovered?: boolean;\n label?: ReactNode;\n description?: ReactNode;\n imageSrc?: string;\n tagText?: string;\n tagVariant?: TagVariant;\n icon?: ReactNode;\n contentAlign?: \"start\" | \"center\";\n fixed?: \"left\" | \"right\";\n fixedOffset?: number;\n fixedShadow?: \"left\" | \"right\";\n}\n\ntype TableScrollShadowState = {\n hasLeftOverflow: boolean;\n hasRightOverflow: boolean;\n};\n\nconst TableScrollShadowContext = createContext<TableScrollShadowState>({\n hasLeftOverflow: false,\n hasRightOverflow: false,\n});\n\ntype TableRowState = {\n selected: boolean;\n hovered: boolean;\n onSelectedChange?: (next: boolean) => void;\n};\n\nconst TableRowStateContext = createContext<TableRowState>({\n selected: false,\n hovered: false,\n});\n\nfunction getSurface(selected: boolean, hovered: boolean) {\n if (selected) return \"bg-[var(--bg-brand-primary-light,#f3f8fe)]\";\n if (hovered) return \"bg-[var(--bg-default-secondary,#f9fafb)]\";\n return \"bg-[var(--bg-default-primary-medium,white)]\";\n}\n\nfunction getTextClass(textStyle: TableCellTextStyle) {\n return textStyle === \"bold\" || textStyle === \"bold-description\"\n ? \"font-bold text-foreground\"\n : \"font-normal text-foreground\";\n}\n\nfunction resolveStickyShadowDirection(\n fixed?: \"left\" | \"right\",\n fixedShadow?: \"left\" | \"right\"\n) {\n if (fixedShadow) return fixedShadow;\n if (fixed === \"left\") return \"right\";\n if (fixed === \"right\") return \"left\";\n return undefined;\n}\n\nfunction StickyShadowEdge({ direction }: { direction: \"left\" | \"right\" }) {\n if (direction === \"left\") {\n return (\n <span\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute inset-y-0 left-[-10px] w-2.5\"\n style={{\n background:\n \"linear-gradient(90deg, rgba(16,24,40,0.00) 0%, rgba(16,24,40,0.03) 55%, rgba(16,24,40,0.08) 100%)\",\n }}\n />\n );\n }\n\n return (\n <span\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute inset-y-0 right-[-10px] w-2.5\"\n style={{\n background:\n \"linear-gradient(90deg, rgba(16,24,40,0.08) 0%, rgba(16,24,40,0.03) 45%, rgba(16,24,40,0.00) 100%)\",\n }}\n />\n );\n}\n\nexport const Table = forwardRef<HTMLTableElement, TableProps>(function Table(\n { className, responsive = true, ...props },\n ref\n) {\n const scrollRef = useRef<HTMLDivElement | null>(null);\n const [shadowState, setShadowState] = useState<TableScrollShadowState>({\n hasLeftOverflow: false,\n hasRightOverflow: false,\n });\n\n useEffect(() => {\n if (!responsive) return;\n const el = scrollRef.current;\n if (!el) return;\n\n const updateShadowState = () => {\n const maxScrollLeft = Math.max(0, el.scrollWidth - el.clientWidth);\n setShadowState({\n hasLeftOverflow: el.scrollLeft > 0,\n hasRightOverflow: el.scrollLeft < maxScrollLeft - 1,\n });\n };\n\n updateShadowState();\n el.addEventListener(\"scroll\", updateShadowState, { passive: true });\n window.addEventListener(\"resize\", updateShadowState);\n\n const observer = new ResizeObserver(updateShadowState);\n observer.observe(el);\n if (el.firstElementChild instanceof HTMLElement) {\n observer.observe(el.firstElementChild);\n }\n\n return () => {\n el.removeEventListener(\"scroll\", updateShadowState);\n window.removeEventListener(\"resize\", updateShadowState);\n observer.disconnect();\n };\n }, [responsive]);\n\n const contextValue = useMemo(() => shadowState, [shadowState]);\n\n const table = (\n <table\n ref={ref}\n className={cn(\"w-full border-collapse border-spacing-0 text-sm\", className)}\n {...props}\n />\n );\n\n if (!responsive) return table;\n return (\n <TableScrollShadowContext.Provider value={contextValue}>\n <div ref={scrollRef} className=\"w-full overflow-x-auto\">\n {table}\n </div>\n </TableScrollShadowContext.Provider>\n );\n});\n\nexport interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {\n selected?: boolean;\n /** Fires when a `<TableCell type=\"checkbox\" />` inside this row is toggled. Set this together with `selected` to make rows selectable — the cell's checkbox is wired automatically. */\n onSelectedChange?: (next: boolean) => void;\n /** Enables built-in hover state propagation to cells in this row. */\n hoverable?: boolean;\n /** Accepted but ignored — prevents DOM warning when passed by consumers. */\n header?: boolean;\n}\n\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(\n function TableRow(\n {\n className,\n selected = false,\n onSelectedChange,\n hoverable = true,\n header: _header,\n onMouseEnter,\n onMouseLeave,\n ...props\n },\n ref\n ) {\n const [hovered, setHovered] = useState(false);\n\n const handleMouseEnter: MouseEventHandler<HTMLTableRowElement> = (e) => {\n if (hoverable) setHovered(true);\n onMouseEnter?.(e);\n };\n\n const handleMouseLeave: MouseEventHandler<HTMLTableRowElement> = (e) => {\n if (hoverable) setHovered(false);\n onMouseLeave?.(e);\n };\n\n const rowState = useMemo(\n () => ({ selected, hovered: hoverable ? hovered : false, onSelectedChange }),\n [hoverable, hovered, selected, onSelectedChange]\n );\n\n return (\n <TableRowStateContext.Provider value={rowState}>\n <tr\n ref={ref}\n className={cn(\"align-middle\", className)}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n {...props}\n />\n </TableRowStateContext.Provider>\n );\n }\n);\n\nexport const TableHeaderCell = forwardRef<HTMLTableCellElement, TableHeaderCellProps>(\n function TableHeaderCell(\n {\n className,\n type = \"text\",\n state = \"default\",\n sortable = true,\n icon,\n sortDirection,\n onSortChange,\n checkState = false,\n onCheckChange,\n fixed,\n fixedOffset = 0,\n fixedShadow,\n contentAlign: _contentAlign,\n children = \"Title text\",\n style: styleProp,\n onClick: onClickProp,\n ...props\n },\n ref\n ) {\n const { hasLeftOverflow, hasRightOverflow } = useContext(TableScrollShadowContext);\n const [internalDirection, setInternalDirection] = useState<\"none\" | \"asc\" | \"desc\">(\"none\");\n const isControlledSort = sortDirection !== undefined;\n const currentDirection = isControlledSort ? sortDirection : internalDirection;\n\n const stateClass =\n state === \"disabled\"\n ? \"bg-[var(--bg-default-tertiary,#f3f4f6)] text-[var(--text-default-tertiary,#6a7282)]\"\n : state === \"hover\"\n ? \"bg-[var(--bg-default-secondary,#f9fafb)] text-[var(--text-default-tertiary,#6a7282)]\"\n : \"bg-[var(--bg-default-primary,white)] text-[var(--text-default-tertiary,#6a7282)]\";\n const interactiveHoverClass =\n state === \"default\" ? \"hover:bg-[var(--bg-default-secondary,#f9fafb)]\" : \"\";\n\n const sortIcon =\n currentDirection === \"asc\" ? (\n <ArrowUp size={16} weight=\"fill\" className=\"shrink-0\" />\n ) : currentDirection === \"desc\" ? (\n <ArrowDown size={16} weight=\"fill\" className=\"shrink-0\" />\n ) : (\n <ArrowsDownUp size={16} weight=\"fill\" className=\"shrink-0\" />\n );\n\n const handleClick: MouseEventHandler<HTMLTableCellElement> = (e) => {\n onClickProp?.(e);\n if (type !== \"text\" || !sortable || state === \"disabled\") return;\n const nextDirection =\n currentDirection === \"none\"\n ? \"asc\"\n : currentDirection === \"asc\"\n ? \"desc\"\n : \"none\";\n if (!isControlledSort) setInternalDirection(nextDirection);\n onSortChange?.(nextDirection);\n };\n\n const content =\n type === \"text\" ? (\n <>\n <span className=\"text-sm leading-5 font-normal\">{children}</span>\n {sortable && sortIcon}\n </>\n ) : type === \"icon\" ? (\n icon ?? <Circle size={20} weight=\"regular\" className=\"shrink-0\" />\n ) : (\n <Checkbox\n checked={checkState}\n disabled={state === \"disabled\"}\n onChange={onCheckChange}\n ariaLabel=\"Select all rows\"\n />\n );\n\n const fixedStyle =\n fixed === \"left\"\n ? { left: fixedOffset }\n : fixed === \"right\"\n ? { right: fixedOffset }\n : undefined;\n\n const shadowDirection = resolveStickyShadowDirection(fixed, fixedShadow);\n const shouldShowShadow =\n shadowDirection === \"right\"\n ? hasLeftOverflow\n : shadowDirection === \"left\"\n ? hasRightOverflow\n : false;\n\n return (\n <th\n ref={ref}\n className={cn(\n \"relative h-12 border-b border-border px-4 py-3\",\n type === \"text\" ? \"min-w-[284px] text-left\" : \"w-[56px] text-center\",\n stateClass,\n interactiveHoverClass,\n fixed && \"sticky z-20\",\n sortable && type === \"text\" && state !== \"disabled\" && \"cursor-pointer select-none\",\n className\n )}\n style={{ ...fixedStyle, ...styleProp }}\n {...props}\n onClick={handleClick}\n >\n {shadowDirection && shouldShowShadow && (\n <StickyShadowEdge direction={shadowDirection} />\n )}\n <div\n className={cn(\n \"flex items-center\",\n type === \"text\" ? \"justify-start gap-1\" : \"justify-center gap-0\"\n )}\n >\n {content}\n </div>\n </th>\n );\n }\n);\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell(\n {\n className,\n type = \"default\",\n textStyle = \"default\",\n selected,\n hovered,\n label,\n description = \"Text Description\",\n imageSrc,\n tagText = \"Tag\",\n tagVariant = \"gray\",\n icon,\n contentAlign = \"start\",\n fixed,\n fixedOffset = 0,\n fixedShadow,\n style: styleProp,\n children,\n ...props\n },\n ref\n) {\n const { hasLeftOverflow, hasRightOverflow } = useContext(TableScrollShadowContext);\n const rowState = useContext(TableRowStateContext);\n const cellSelected = selected ?? rowState.selected;\n const cellHovered = hovered ?? rowState.hovered;\n const surfaceClass = getSurface(cellSelected, cellHovered);\n const primaryTextClass = getTextClass(textStyle);\n const hasDescription = textStyle === \"bold-description\";\n const iconSize = hasDescription ? 24 : 20;\n const imageSize = hasDescription ? \"size-8\" : \"size-5\";\n\n const fixedStyle =\n fixed === \"left\"\n ? { left: fixedOffset }\n : fixed === \"right\"\n ? { right: fixedOffset }\n : undefined;\n\n const shadowDirection = resolveStickyShadowDirection(fixed, fixedShadow);\n const shouldShowShadow =\n shadowDirection === \"right\"\n ? hasLeftOverflow\n : shadowDirection === \"left\"\n ? hasRightOverflow\n : false;\n\n const primaryContent = children ?? label ?? \"Text label\";\n\n return (\n <td\n ref={ref}\n className={cn(\n \"relative border-b border-border px-4\",\n hasDescription ? \"py-3 align-top\" : \"py-3.5 align-middle\",\n surfaceClass,\n type === \"default\" || type === \"text-icon\" || type === \"text-image\" || type === \"tag\"\n ? \"min-w-[284px]\"\n : \"w-[56px]\",\n fixed && \"sticky z-10\",\n className\n )}\n style={{ ...fixedStyle, ...styleProp }}\n {...props}\n >\n {shadowDirection && shouldShowShadow && (\n <StickyShadowEdge direction={shadowDirection} />\n )}\n {type === \"default\" && (\n <div className=\"flex min-w-0 flex-col\">\n <span className={cn(\"text-sm leading-5\", primaryTextClass)}>{primaryContent}</span>\n {hasDescription && (\n <span className=\"text-xs leading-4 font-normal text-subtle-text\">{description}</span>\n )}\n </div>\n )}\n\n {type === \"text-icon\" && (\n <div className=\"flex items-center gap-2\">\n {icon ?? <Circle size={iconSize} weight=\"regular\" className=\"shrink-0 text-subtle-text\" />}\n <div className=\"flex min-w-0 flex-col\">\n <span className={cn(\"text-sm leading-5\", primaryTextClass)}>{primaryContent}</span>\n {hasDescription && (\n <span className=\"text-xs leading-4 font-normal text-subtle-text\">{description}</span>\n )}\n </div>\n </div>\n )}\n\n {type === \"text-image\" && (\n <div className=\"flex items-center gap-2\">\n <div className={cn(\"shrink-0 overflow-hidden rounded\", imageSize)}>\n {imageSrc ? (\n <img\n alt=\"\"\n className=\"pointer-events-none size-full object-cover\"\n src={imageSrc}\n />\n ) : (\n <div className=\"size-full bg-hover-bg\" />\n )}\n </div>\n <div className=\"flex min-w-0 flex-col\">\n <span className={cn(\"text-sm leading-5\", primaryTextClass)}>{primaryContent}</span>\n {hasDescription && (\n <span className=\"text-xs leading-4 font-normal text-subtle-text\">{description}</span>\n )}\n </div>\n </div>\n )}\n\n {type === \"tag\" && (\n <div className=\"flex items-center\">\n <Tag text={tagText} size=\"large\" variant={tagVariant} />\n </div>\n )}\n\n {type === \"icon\" && (\n <div\n className={cn(\n \"flex items-center\",\n contentAlign === \"start\" ? \"justify-start\" : \"justify-center\"\n )}\n >\n {icon ?? <Circle size={24} weight=\"regular\" className=\"text-subtle-text\" />}\n </div>\n )}\n\n {type === \"button\" && (\n <div\n className={cn(\n \"flex items-center\",\n contentAlign === \"start\" ? \"justify-start\" : \"justify-center\"\n )}\n >\n <Button size=\"xs\" variant=\"outline-black\">\n Button\n </Button>\n </div>\n )}\n\n {type === \"checkbox\" && (\n <div\n className={cn(\n \"flex items-center\",\n contentAlign === \"start\" ? \"justify-start\" : \"justify-center\"\n )}\n >\n <Checkbox\n checked={cellSelected}\n onChange={rowState.onSelectedChange}\n ariaLabel=\"Select row\"\n />\n </div>\n )}\n </td>\n );\n});\n\nexport const TableHead = forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n function TableHead({ className, ...props }, ref) {\n return <thead ref={ref} className={cn(\"\", className)} {...props} />;\n }\n);\n\nexport const TableBody = forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n function TableBody({ className, ...props }, ref) {\n return <tbody ref={ref} className={cn(\"\", className)} {...props} />;\n }\n);\n\nTable.displayName = \"Table\";\nTableRow.displayName = \"TableRow\";\nTableHeaderCell.displayName = \"TableHeaderCell\";\nTableCell.displayName = \"TableCell\";\nTableHead.displayName = \"TableHead\";\nTableBody.displayName = \"TableBody\";\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 /** Override the visual state of the textarea. Useful for form validation. */\n forceState?: TextAreaState;\n /** Error message displayed below when forceState is \"error\". Default: \"Error message\". */\n errorMessage?: string;\n value?: string;\n /** Called with the new string value on every change. */\n onChange?: (value: string) => void;\n /** Helper text shown below the textarea in the default state. */\n helperText?: string;\n /** Show a character count (charCount / maxCount) below the textarea. */\n showCount?: boolean;\n /** Maximum character count enforced when showCount is true. Default: 100. */\n maxCount?: number;\n /** Number of visible text rows. Default: 4. */\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(--text-default-primary)\";\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(--bg-danger-primary)\"\n : isFocus\n ? \"var(--primary-action)\"\n : \"var(--border-default)\";\n\n const charCount = currentValue.length;\n const showBelow = isError || Boolean(helperText) || showCount;\n const leftText = isError ? errorMessage : (helperText ?? \"\");\n const leftColor = isError ? \"var(--bg-danger-primary)\" : \"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-1\", className)}>\n <div\n className={cn(\n \"relative h-[116px] rounded-lg\",\n isDisabled ? \"bg-disabled-bg\" : \"bg-background\",\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 px-3.5 pt-3.5 pb-1.5\">\n <p\n className=\"w-full shrink-0 text-xs leading-4 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 <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-h-0 min-w-0 w-full flex-1 resize-none border-none bg-transparent p-0 text-sm leading-5 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-3.5\">\n <p\n className=\"pointer-events-none relative h-full min-h-[1px] min-w-0 flex-1 text-base leading-5 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-base 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 className=\"flex items-start gap-2 px-1 text-xs leading-4\">\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 { BottomSheet } from \"./bottom-sheet\";\nimport { Button } from \"./button\";\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(--text-default-primary)\"\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 ? \"var(--on-primary-action)\"\n : \"var(--text-default-primary)\",\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(--text-default-primary)\",\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-background\";\n const labelColor = isDisabled\n ? \"var(--disabled)\"\n : \"var(--muted-foreground)\";\n const valueColor = isDisabled\n ? \"var(--disabled)\"\n : \"var(--text-default-primary)\";\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(--bg-danger-primary)\"\n : isFocus\n ? \"var(--primary-action)\"\n : \"var(--border-default)\";\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 />\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-1.5\"\n : \"py-3\";\n const triggerBase = cn(\n \"relative flex gap-2 items-center rounded-lg px-3.5 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-1 text-xs leading-4\">\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 <BottomSheet\n open={open}\n onOpenChange={handleOpenChange}\n trigger={triggerButton}\n title=\"เลือกเวลา\"\n showHeader={false}\n rightSide=\"none\"\n contentClassName=\"pt-0\"\n >\n <div className=\"overflow-auto px-4 pt-2 pb-8 w-full\">\n {pickerContent}\n {actionButtons}\n </div>\n </BottomSheet>\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-popover p-3 outline-none max-w-[340px] text-popover-foreground\"\n style={{\n boxShadow: \"var(--elevation-popover)\",\n border: \"1px solid var(--border-default)\",\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","export default \"data:image/png;base64,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\"","\"use client\";\n\nimport { cn } from \"../lib/utils\";\nimport avatarPlaceholder from \"../assets/avatar-placeholder.png\";\n\nexport type AvatarSize = \"xxs\" | \"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\";\nexport type AvatarType = \"photo\" | \"text\" | \"placeholder\";\n\nexport interface AvatarProps {\n /** Display type of the avatar. */\n type?: AvatarType;\n /** Size variant of the avatar. */\n size?: AvatarSize;\n /** Show a green online-status indicator dot (photo type only). */\n status?: boolean;\n /** Image URL — used when type is `photo`. */\n src?: string;\n /** Alt text for the photo image. */\n alt?: string;\n /** Up to 2 characters shown when type is `text`. */\n initials?: string;\n /** Additional class names applied to the root element. */\n className?: string;\n}\n\nconst TEXT_GRADIENT = \"linear-gradient(to top right, #B5D3F8, #E6F6FB)\";\nconst TEXT_COLOR = \"#00A2D9\";\n\nconst SIZE_CONFIG: Record<\n AvatarSize,\n { container: string; fontSize: string; dotSize: string; dotRing: string }\n> = {\n xxs: { container: \"size-4\", fontSize: \"text-[11px]\", dotSize: \"size-[5px]\", dotRing: \"ring-[1.5px]\" },\n xs: { container: \"size-5\", fontSize: \"text-sm\", dotSize: \"size-[5px]\", dotRing: \"ring-[1.5px]\" },\n s: { container: \"size-6\", fontSize: \"text-base\", dotSize: \"size-[6px]\", dotRing: \"ring-[1.5px]\" },\n m: { container: \"size-8\", fontSize: \"text-xl\", dotSize: \"size-[7px]\", dotRing: \"ring-2\" },\n l: { container: \"size-10\", fontSize: \"text-[26px]\", dotSize: \"size-[9px]\", dotRing: \"ring-2\" },\n xl: { container: \"size-12\", fontSize: \"text-[32px]\", dotSize: \"size-[11px]\", dotRing: \"ring-2\" },\n xxl: { container: \"size-13\", fontSize: \"text-[37px]\", dotSize: \"size-[13px]\", dotRing: \"ring-2\" },\n};\n\nexport function Avatar({\n type = \"photo\",\n size = \"m\",\n status = false,\n src,\n alt = \"\",\n initials,\n className,\n}: AvatarProps) {\n const { container, fontSize, dotSize, dotRing } = SIZE_CONFIG[size];\n\n return (\n <div className={cn(\"relative inline-flex shrink-0\", container, className)}>\n {type === \"photo\" && (\n <img\n src={src}\n alt={alt}\n className=\"size-full rounded-full object-cover bg-bg-default-tertiary\"\n />\n )}\n\n {type === \"placeholder\" && (\n <img\n src={avatarPlaceholder}\n alt=\"\"\n className=\"size-full rounded-full object-cover\"\n aria-hidden=\"true\"\n />\n )}\n\n {type === \"text\" && (\n <div\n className=\"relative size-full rounded-full overflow-hidden\"\n style={{ background: TEXT_GRADIENT }}\n >\n <span\n className={cn(\n \"absolute left-1/2 top-1/2 font-bold leading-none select-none whitespace-nowrap\",\n fontSize,\n )}\n style={{\n color: TEXT_COLOR,\n transform: \"translate(-50%, calc(-50% + 0.07em))\",\n }}\n >\n {(initials ?? \"\").slice(0, 2).toUpperCase()}\n </span>\n </div>\n )}\n\n {status && type === \"photo\" && (\n <span\n aria-label=\"Online\"\n className={cn(\n \"absolute bottom-0 right-0 block rounded-full bg-bg-success\",\n dotSize,\n dotRing,\n \"ring-white\",\n )}\n />\n )}\n </div>\n );\n}\n","\"use client\";\n\nimport type { CSSProperties } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Avatar, type AvatarType, type AvatarSize } from \"./avatar\";\n\nexport type AvatarStackSize = \"small\" | \"medium\" | \"large\";\n\nexport interface AvatarStackItem {\n /** Display type — defaults to \"photo\". */\n type?: AvatarType;\n /** Image URL for photo type. */\n src?: string;\n /** Alt text for photo type. */\n alt?: string;\n /** Initials for text type. */\n initials?: string;\n}\n\nexport interface AvatarStackProps {\n /** Avatars to display in the stack. */\n items: AvatarStackItem[];\n /** Size variant — small=16px, medium=20px, large=24px. */\n size?: AvatarStackSize;\n /** Maximum number of visible avatars. */\n max?: number;\n /** Additional class names applied to the root element. */\n className?: string;\n}\n\n/**\n * Integer overlap values give pixel-perfect equal spacing for every avatar in the\n * stack regardless of count or screen DPR. Fractional values (e.g. 12.33 px) get\n * rounded differently per position by the browser, producing unequal gaps.\n *\n * Derived from Figma (node 7674-9934), rounded to nearest integer:\n * small (16 px avatar): Figma spacing ≈ 12.33 px → overlapPx = 4 (spacing = 12 px)\n * medium (20 px avatar): Figma spacing ≈ 15.33 px → overlapPx = 5 (spacing = 15 px)\n * large (24 px avatar): Figma spacing ≈ 18.67 px → overlapPx = 5 (spacing = 19 px)\n */\nconst STACK_CONFIG: Record<\n AvatarStackSize,\n { avatarSize: AvatarSize; avatarPx: number; overlapPx: number }\n> = {\n small: { avatarSize: \"xxs\", avatarPx: 16, overlapPx: 4 },\n medium: { avatarSize: \"xs\", avatarPx: 20, overlapPx: 5 },\n large: { avatarSize: \"s\", avatarPx: 24, overlapPx: 5 },\n};\n\n/**\n * Builds a CSS mask that shows the current avatar as a circle with a circular\n * \"bite\" removed from the right side — exactly where the next avatar sits.\n *\n * The bite radius is 1 px larger than the avatar radius to leave a thin\n * transparent sliver between the two avatars; the page background (white) shows\n * through this sliver, creating the visible separator ring.\n *\n * Standard CSS: `mask-composite: subtract` subtracts the second layer from the first.\n * Safari: reversed layer order + `destination-out` achieves the same result.\n */\nfunction subtractMask(avatarPx: number, overlapPx: number): CSSProperties {\n const r = avatarPx / 2;\n const spacingPx = avatarPx - overlapPx; // distance between avatar left edges\n const biteX = spacingPx + r; // center of next avatar, relative to this one\n const biteY = r;\n const biteR = r + 1; // 1 px extra → thin white separator\n\n const self = `radial-gradient(circle at ${r}px ${r}px, white ${r}px, transparent ${r}px)`;\n const bite = `radial-gradient(circle at ${biteX}px ${biteY}px, white ${biteR}px, transparent ${biteR}px)`;\n\n return {\n maskImage: `${self}, ${bite}`,\n maskComposite: \"subtract\" as CSSProperties[\"maskComposite\"],\n WebkitMaskImage: `${bite}, ${self}`,\n WebkitMaskComposite: \"destination-out\" as CSSProperties[\"WebkitMaskComposite\"],\n };\n}\n\nexport function AvatarStack({\n items,\n size = \"small\",\n max = 5,\n className,\n}: AvatarStackProps) {\n const { avatarSize, avatarPx, overlapPx } = STACK_CONFIG[size];\n const visible = items.slice(0, max);\n\n return (\n <div className={cn(\"flex shrink-0\", className)}>\n {visible.map((item, i) => {\n const isLast = i === visible.length - 1;\n return (\n <div\n // eslint-disable-next-line react/no-array-index-key\n key={i}\n className=\"relative flex shrink-0\"\n style={{\n width: avatarPx,\n height: avatarPx,\n marginLeft: i > 0 ? -overlapPx : 0,\n // Leftmost = highest z-index: its transparent bite reveals the avatar below.\n zIndex: visible.length - i,\n ...(isLast ? {} : subtractMask(avatarPx, overlapPx)),\n }}\n >\n <Avatar\n type={item.type ?? \"photo\"}\n size={avatarSize}\n src={item.src}\n alt={item.alt}\n initials={item.initials}\n />\n </div>\n );\n })}\n </div>\n );\n}\n","\"use client\";\n\n// Components\nexport { Button } from \"./components/button\";\nexport { Badge } from \"./components/badge\";\nexport { Alert } from \"./components/alert\";\nexport { Card } from \"./components/card\";\nexport { Checkbox } from \"./components/checkbox\";\nexport { Toggle } from \"./components/toggle\";\nexport { Radio } from \"./components/radio\";\nexport { Chip } from \"./components/chip\";\nexport { DateInput } from \"./components/date-input\";\nexport { Dropdown } from \"./components/dropdown\";\nexport { DropdownMultiple } from \"./components/dropdown-multiple\";\nexport { Input } from \"./components/input\";\nexport { Modal } from \"./components/modal\";\nexport { Notification } from \"./components/notification\";\nexport { Toast, ToastStack, Toaster } from \"./components/toast\";\nexport { BottomSheet } from \"./components/bottom-sheet\";\nexport { OptionList } from \"./components/option-list\";\nexport { SearchInput } from \"./components/search-input\";\nexport { Tab, TabGroup } from \"./components/tab\";\nexport { Tag, StatusTag } from \"./components/tag\";\nexport { Table, TableRow, TableHeaderCell, TableCell, TableHead, TableBody } from \"./components/table\";\nexport { TextArea } from \"./components/textarea\";\nexport { TimeInput } from \"./components/time-input\";\nexport { Avatar } from \"./components/avatar\";\nexport { AvatarStack } from \"./components/avatar-stack\";\n\n// Utilities\nexport { cn } from \"./lib/utils\";\nexport { useIsMobile } from \"./components/ui/use-mobile\";\n\n// Types — Button\nexport type {\n ButtonProps,\n ButtonSize,\n ButtonLabelSize,\n ButtonIconSize,\n ButtonVariant,\n} from \"./components/button\";\n\n// Types — Badge\nexport type { BadgeVariant, BadgeNotificationState, BadgeProps } from \"./components/badge\";\n\n// Types — Alert\nexport type { AlertStatus, AlertProps } from \"./components/alert\";\n\n// Types — Card\nexport type {\n CardProps,\n CardVariant,\n CardSize,\n CardTagStatus,\n CardSocialTag,\n} from \"./components/card\";\n\n// Types — Checkbox\nexport type {\n CheckboxChecked,\n CheckboxVariant,\n CheckboxProps,\n} from \"./components/checkbox\";\n\n// Types — Toggle\nexport type { ToggleSize, ToggleProps } from \"./components/toggle\";\n\n// Types — Radio\nexport type { RadioVariant, RadioProps } from \"./components/radio\";\n\n// Types — Chip\nexport type {\n ChipType,\n ChipSize,\n ChipProps,\n} from \"./components/chip\";\n\n// Types — DateInput\nexport type {\n DateInputProps,\n DateInputState,\n DateInputMode,\n DatePickerVariant,\n} from \"./components/date-input\";\nexport type { DateRange } from \"react-day-picker\";\n\n// Types — Dropdown\nexport type {\n DropdownState,\n DropdownOption,\n DropdownProps,\n} from \"./components/dropdown\";\n\n// Types — DropdownMultiple\nexport type {\n DropdownMultipleState,\n DropdownMultipleOption,\n DropdownMultipleProps,\n} from \"./components/dropdown-multiple\";\n\n// Types — Input\nexport type {\n InputState,\n InputProps,\n} from \"./components/input\";\n\n// Types — Bottom Sheet\nexport type {\n BottomSheetHeaderType,\n BottomSheetRightSide,\n BottomSheetProps,\n} from \"./components/bottom-sheet\";\n\n// Types — Modal\nexport type {\n ModalVariant,\n ModalActionLayout,\n ModalResponsive,\n ModalAlertStatus,\n ModalProps,\n} from \"./components/modal\";\n\n// Types — Notification\nexport type {\n NotificationItemType,\n NotificationItemStatus,\n NotificationItem,\n NotificationGroup,\n NotificationProps,\n} from \"./components/notification\";\n\n// Types — Toast\nexport type {\n ToastVariant,\n ToastStatus,\n ToastProps,\n ToastStackProps,\n ToasterProps,\n} from \"./components/toast\";\n\n\n// Types — OptionList\nexport type {\n OptionItem,\n OptionListProps,\n} from \"./components/option-list\";\n\n// Types — SearchInput\nexport type {\n SearchInputSize,\n SearchInputProps,\n} from \"./components/search-input\";\n\n// Types — Tab\nexport type {\n TabSize,\n TabItem,\n TabProps,\n TabGroupProps,\n} from \"./components/tab\";\n\n// Types — Tag\nexport type {\n TagSize,\n TagState,\n TagVariant,\n TagProps,\n StatusTagType,\n StatusTagProps,\n} from \"./components/tag\";\n\n// Types — Table\nexport type {\n TableProps,\n TableHeaderType,\n TableHeaderState,\n TableCellType,\n TableCellTextStyle,\n TableHeaderCellProps,\n TableCellProps,\n TableRowProps,\n} from \"./components/table\";\n\n// Types — TextArea\nexport type {\n TextAreaState,\n TextAreaProps,\n} from \"./components/textarea\";\n\n// Types — TimeInput\nexport type {\n TimeInputState,\n TimeInputMode,\n TimeValue,\n TimeInputProps,\n TimeSlot,\n} from \"./components/time-input\";\n\n// Types — Avatar\nexport type { AvatarSize, AvatarType, AvatarProps } from \"./components/avatar\";\n\n// Types — AvatarStack\nexport type { AvatarStackSize, AvatarStackItem, AvatarStackProps } from \"./components/avatar-stack\";\n\n// Default export — for tools that do `import SystemOne from '@sarunyu/system-one'`\nimport { Button } from \"./components/button\";\nimport { Badge } from \"./components/badge\";\nimport { Alert } from \"./components/alert\";\nimport { Card } from \"./components/card\";\nimport { Checkbox } from \"./components/checkbox\";\nimport { Toggle } from \"./components/toggle\";\nimport { Radio } from \"./components/radio\";\nimport { Chip } from \"./components/chip\";\nimport { DateInput } from \"./components/date-input\";\nimport { Dropdown } from \"./components/dropdown\";\nimport { DropdownMultiple } from \"./components/dropdown-multiple\";\nimport { Input } from \"./components/input\";\nimport { Modal } from \"./components/modal\";\nimport { Notification } from \"./components/notification\";\nimport { Toast, ToastStack, Toaster } from \"./components/toast\";\nimport { BottomSheet } from \"./components/bottom-sheet\";\nimport { OptionList } from \"./components/option-list\";\nimport { SearchInput } from \"./components/search-input\";\nimport { Tab, TabGroup } from \"./components/tab\";\nimport { Tag, StatusTag } from \"./components/tag\";\nimport { Table, TableRow, TableHeaderCell, TableCell, TableHead, TableBody } from \"./components/table\";\nimport { TextArea } from \"./components/textarea\";\nimport { TimeInput } from \"./components/time-input\";\nimport { Avatar } from \"./components/avatar\";\nimport { AvatarStack } from \"./components/avatar-stack\";\nimport { cn } from \"./lib/utils\";\nimport { useIsMobile } from \"./components/ui/use-mobile\";\nexport default {\n Button, Badge, Alert, Card, Checkbox, Toggle, Radio, Chip,\n DateInput, Dropdown, DropdownMultiple, Input, Modal, Notification,\n Toast, ToastStack, Toaster, BottomSheet, OptionList, SearchInput,\n Tab, TabGroup, Tag, StatusTag, Table, TableHead, TableBody, TableRow, TableHeaderCell, TableCell,\n TextArea, TimeInput, Avatar, AvatarStack, cn, useIsMobile,\n};\n"],"names":["twMerge","clsx","forwardRef","Button","useState","jsx","jsxs","BellSimple","FunnelSimple","CheckCircle","Warning","XCircle","Info","Alert","React","BroadcastIcon","Lock","Card","BookmarkSimpleIcon","padding","CalendarBlank","MapPin","Users","Checkbox","useRef","useEffect","useCallback","Toggle","useId","Radio","sizeStyles","Chip","Check","Plus","DrawerPrimitive","Circle","useDayPicker","CaretLeft","CaretRight","Fragment","CaretDoubleLeft","CaretDoubleRight","DateInput","Minus","DayPicker","Popover","_a","CaretUp","CaretDown","createPortal","X","useLayoutEffect","_b","DropdownMultiple","useMemo","hasExternalLabel","Input","ImageSquare","Gift","Notification","MegaphoneSimple","GearSix","Toast","OptionList","SearchInput","MagnifyingGlass","Tab","TabGroup","Tag","createContext","Table","TableRow","TableHeaderCell","useContext","ArrowUp","ArrowDown","ArrowsDownUp","TableCell","TableHead","TableBody","TextArea","Clock"],"mappings":"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"}