@mesob/ui 0.2.1 → 0.2.2

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 (37) hide show
  1. package/dist/components/alert-dialog.js +14 -14
  2. package/dist/components/alert-dialog.js.map +1 -1
  3. package/dist/components/app-header-actions.js +70 -70
  4. package/dist/components/app-header-actions.js.map +1 -1
  5. package/dist/components/app-sidebar.js +57 -52
  6. package/dist/components/app-sidebar.js.map +1 -1
  7. package/dist/components/button.js +4 -4
  8. package/dist/components/button.js.map +1 -1
  9. package/dist/components/calendar.js +12 -12
  10. package/dist/components/calendar.js.map +1 -1
  11. package/dist/components/carousel.js +14 -14
  12. package/dist/components/carousel.js.map +1 -1
  13. package/dist/components/data-table/index.js +57 -57
  14. package/dist/components/data-table/index.js.map +1 -1
  15. package/dist/components/entity/index.js +177 -177
  16. package/dist/components/entity/index.js.map +1 -1
  17. package/dist/components/input-group.js +15 -15
  18. package/dist/components/input-group.js.map +1 -1
  19. package/dist/components/page/index.js +21 -21
  20. package/dist/components/page/index.js.map +1 -1
  21. package/dist/components/pagination.js +12 -12
  22. package/dist/components/pagination.js.map +1 -1
  23. package/dist/components/section/index.js +15 -15
  24. package/dist/components/section/index.js.map +1 -1
  25. package/dist/components/shell.js +47 -42
  26. package/dist/components/shell.js.map +1 -1
  27. package/dist/components/sidebar-context.d.ts +19 -0
  28. package/dist/components/sidebar-context.js +17 -0
  29. package/dist/components/sidebar-context.js.map +1 -0
  30. package/dist/components/sidebar.d.ts +2 -15
  31. package/dist/components/sidebar.js +82 -77
  32. package/dist/components/sidebar.js.map +1 -1
  33. package/dist/components/spotlight-search.js +38 -38
  34. package/dist/components/spotlight-search.js.map +1 -1
  35. package/dist/components/theme-toggle.js +8 -8
  36. package/dist/components/theme-toggle.js.map +1 -1
  37. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/entity/entity-bulk-actions.tsx","../../../src/lib/utils.ts","../../../src/components/button.tsx","../../../src/components/alert-dialog.tsx","../../../src/components/dropdown-menu.tsx","../../../src/components/entity/entity-detail-header.tsx","../../../src/components/card.tsx","../../../src/components/select.tsx","../../../src/components/entity/entity-drawer.tsx","../../../src/components/sheet.tsx","../../../src/components/entity/entity-drawer-trigger.tsx","../../../src/components/entity/entity-empty-state.tsx","../../../src/components/empty.tsx","../../../src/components/entity/entity-filter.tsx","../../../src/components/entity/entity-form-actions.tsx","../../../src/components/spinner.tsx","../../../src/components/entity/entity-header.tsx","../../../src/components/skeleton.tsx","../../../src/components/table.tsx","../../../src/components/entity/entity-loading-state.tsx","../../../src/components/entity/entity-search.tsx","../../../src/components/input.tsx","../../../src/components/entity/entity-sort.tsx","../../../src/components/entity/entity-view-toggle.tsx","../../../src/components/toggle.tsx","../../../src/components/toggle-group.tsx","../../../src/components/entity/use-entity-pagination.ts","../../../src/components/entity/use-entity-params.ts"],"sourcesContent":["'use client';\n\nimport { IconChevronDown, IconDownload, IconTrash } from '@tabler/icons-react';\nimport type { ReactNode } from 'react';\nimport { useState } from 'react';\nimport {\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogTitle,\n} from '../alert-dialog';\nimport { Button } from '../button';\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n} from '../dropdown-menu';\n\ntype BulkAction = {\n label: string;\n icon?: ReactNode;\n onClick: () => void;\n variant?: 'default' | 'destructive';\n confirmTitle?: string;\n confirmDescription?: string;\n};\n\ntype EntityBulkActionsProps = {\n selectedCount: number;\n actions?: BulkAction[];\n onDelete?: () => void;\n onExport?: () => void;\n itemName?: string;\n};\n\nexport function EntityBulkActions({\n selectedCount,\n actions,\n onDelete,\n onExport,\n itemName = 'item',\n}: EntityBulkActionsProps) {\n const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\n const hasSelection = selectedCount > 0;\n\n const defaultActions: BulkAction[] = [];\n\n if (onExport) {\n defaultActions.push({\n label: 'Export',\n icon: <IconDownload className=\"mr-2 h-4 w-4\" />,\n onClick: onExport,\n });\n }\n\n if (onDelete) {\n defaultActions.push({\n label: 'Delete',\n icon: <IconTrash className=\"mr-2 h-4 w-4\" />,\n onClick: () => setShowDeleteConfirm(true),\n variant: 'destructive',\n });\n }\n\n const allActions = actions ? [...actions, ...defaultActions] : defaultActions;\n\n return (\n <>\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button\n variant=\"outline\"\n size=\"sm\"\n disabled={!hasSelection}\n className=\"min-w-[140px]\"\n >\n {hasSelection ? `${selectedCount} selected` : 'Bulk Actions'}\n <IconChevronDown className=\"ml-2 h-4 w-4\" />\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n {allActions.map((action, index) => (\n <div key={action.label}>\n {action.variant === 'destructive' && index > 0 && (\n <DropdownMenuSeparator />\n )}\n <DropdownMenuItem\n onClick={action.onClick}\n className={\n action.variant === 'destructive' ? 'text-destructive' : ''\n }\n >\n {action.icon}\n {action.label}\n </DropdownMenuItem>\n </div>\n ))}\n </DropdownMenuContent>\n </DropdownMenu>\n\n <AlertDialog open={showDeleteConfirm} onOpenChange={setShowDeleteConfirm}>\n <AlertDialogContent>\n <AlertDialogHeader>\n <AlertDialogTitle>\n Delete {selectedCount} {itemName}(s)?\n </AlertDialogTitle>\n <AlertDialogDescription>\n This will permanently delete the selected {itemName}(s). This\n action cannot be undone.\n </AlertDialogDescription>\n </AlertDialogHeader>\n <AlertDialogFooter>\n <AlertDialogCancel>Cancel</AlertDialogCancel>\n <AlertDialogAction\n onClick={() => {\n onDelete?.();\n setShowDeleteConfirm(false);\n }}\n className=\"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n >\n Delete\n </AlertDialogAction>\n </AlertDialogFooter>\n </AlertDialogContent>\n </AlertDialog>\n </>\n );\n}\n","import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n","import { cn } from '@mesob/ui/lib/utils';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type * as React from 'react';\n\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n {\n variants: {\n variant: {\n default:\n 'bg-primary text-primary-foreground hover:bg-primary-600 dark:hover:bg-primary-400',\n destructive:\n 'bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40',\n outline:\n 'border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n secondary:\n 'bg-secondary text-secondary-foreground hover:bg-secondary-600 dark:hover:bg-secondary-400',\n ghost:\n 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n link: 'text-primary underline-offset-4 hover:text-primary-600 dark:hover:text-primary-400 hover:underline',\n },\n size: {\n default: 'h-9 px-4 py-2 has-[>svg]:px-3',\n sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',\n lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',\n icon: 'size-9',\n 'icon-sm': 'size-8',\n 'icon-lg': 'size-10',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n },\n);\n\ntype ButtonProps = React.ComponentProps<'button'> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean;\n leftIcon?: React.ReactNode;\n rightIcon?: React.ReactNode;\n };\n\nfunction Button({\n className,\n variant,\n size,\n asChild = false,\n leftIcon,\n rightIcon,\n children,\n ...props\n}: ButtonProps) {\n const Comp = asChild ? Slot : 'button';\n\n return (\n <Comp\n data-slot=\"button\"\n className={cn(buttonVariants({ variant, size, className }))}\n {...props}\n >\n {leftIcon}\n {children}\n {rightIcon}\n </Comp>\n );\n}\n\nexport { Button, buttonVariants };\n","'use client';\n\nimport { buttonVariants } from '@mesob/ui/components/button';\nimport { cn } from '@mesob/ui/lib/utils';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport type * as React from 'react';\n\nfunction AlertDialog({\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\nfunction AlertDialogTrigger({\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n return (\n <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n );\n}\n\nfunction AlertDialogPortal({\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n return (\n <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n );\n}\n\nfunction AlertDialogOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n return (\n <AlertDialogPrimitive.Overlay\n data-slot=\"alert-dialog-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 data-[state=open]:opacity-100 fixed inset-0 z-50 bg-[var(--overlay,oklch(0_0_0/0.5))]',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction AlertDialogContent({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n return (\n <AlertDialogPortal>\n <AlertDialogOverlay />\n <AlertDialogPrimitive.Content\n data-slot=\"alert-dialog-content\"\n className={cn(\n 'bg-background text-foreground border-border data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-[51] grid w-full min-w-[280px] max-w-[calc(100vw-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:min-w-[320px] sm:max-w-[32rem]',\n className,\n )}\n {...props}\n />\n </AlertDialogPortal>\n );\n}\n\nfunction AlertDialogHeader({\n className,\n ...props\n}: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"alert-dialog-header\"\n className={cn('flex flex-col gap-2 text-center sm:text-left', className)}\n {...props}\n />\n );\n}\n\nfunction AlertDialogFooter({\n className,\n ...props\n}: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"alert-dialog-footer\"\n className={cn(\n 'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction AlertDialogTitle({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n return (\n <AlertDialogPrimitive.Title\n data-slot=\"alert-dialog-title\"\n className={cn('text-lg font-semibold', className)}\n {...props}\n />\n );\n}\n\nfunction AlertDialogDescription({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n return (\n <AlertDialogPrimitive.Description\n data-slot=\"alert-dialog-description\"\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n );\n}\n\nfunction AlertDialogAction({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n return (\n <AlertDialogPrimitive.Action\n className={cn(buttonVariants(), className)}\n {...props}\n />\n );\n}\n\nfunction AlertDialogCancel({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n return (\n <AlertDialogPrimitive.Cancel\n className={cn(buttonVariants({ variant: 'outline' }), className)}\n {...props}\n />\n );\n}\n\nexport {\n AlertDialog,\n AlertDialogPortal,\n AlertDialogOverlay,\n AlertDialogTrigger,\n AlertDialogContent,\n AlertDialogHeader,\n AlertDialogFooter,\n AlertDialogTitle,\n AlertDialogDescription,\n AlertDialogAction,\n AlertDialogCancel,\n};\n","'use client';\n\nimport { cn } from '@mesob/ui/lib/utils';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { IconCheck, IconChevronRight, IconCircle } from '@tabler/icons-react';\nimport type * as React from 'react';\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n return (\n <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n );\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n return (\n <DropdownMenuPrimitive.Trigger\n data-slot=\"dropdown-menu-trigger\"\n {...props}\n />\n );\n}\n\nfunction DropdownMenuContent({\n className,\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n return (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n data-slot=\"dropdown-menu-content\"\n sideOffset={sideOffset}\n className={cn(\n 'bg-popover text-popover-foreground border-border data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md',\n className,\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n );\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n return (\n <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n );\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = 'default',\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean;\n variant?: 'default' | 'destructive';\n}) {\n return (\n <DropdownMenuPrimitive.Item\n data-slot=\"dropdown-menu-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n return (\n <DropdownMenuPrimitive.CheckboxItem\n data-slot=\"dropdown-menu-checkbox-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n checked={checked}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <IconCheck className=\"size-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n );\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n return (\n <DropdownMenuPrimitive.RadioGroup\n data-slot=\"dropdown-menu-radio-group\"\n {...props}\n />\n );\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n return (\n <DropdownMenuPrimitive.RadioItem\n data-slot=\"dropdown-menu-radio-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <IconCircle className=\"size-2 fill-current\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n );\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean;\n}) {\n return (\n <DropdownMenuPrimitive.Label\n data-slot=\"dropdown-menu-label\"\n data-inset={inset}\n className={cn(\n 'px-2 py-1.5 text-sm font-medium data-[inset]:pl-8',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n return (\n <DropdownMenuPrimitive.Separator\n data-slot=\"dropdown-menu-separator\"\n className={cn('bg-border -mx-1 my-1 h-px', className)}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<'span'>) {\n return (\n <span\n data-slot=\"dropdown-menu-shortcut\"\n className={cn(\n 'text-muted-foreground ml-auto text-xs tracking-widest',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean;\n}) {\n return (\n <DropdownMenuPrimitive.SubTrigger\n data-slot=\"dropdown-menu-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n >\n {children}\n <IconChevronRight className=\"ml-auto size-4\" />\n </DropdownMenuPrimitive.SubTrigger>\n );\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n return (\n <DropdownMenuPrimitive.SubContent\n data-slot=\"dropdown-menu-sub-content\"\n className={cn(\n 'bg-popover text-popover-foreground border-border data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg',\n className,\n )}\n {...props}\n />\n );\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n};\n","'use client';\n\nimport { cn } from '@mesob/ui/lib/utils';\nimport { IconChevronDown, IconMenu2 } from '@tabler/icons-react';\nimport { motion } from 'motion/react';\nimport type { ComponentType, ReactNode } from 'react';\nimport { useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { Card } from '../card';\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from '../dropdown-menu';\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from '../select';\n\nexport type TabItem = {\n name: string;\n value: string;\n href?: string;\n content?: ReactNode;\n};\n\ntype LinkComponentProps = {\n href: string;\n className?: string;\n children: ReactNode;\n ref?: React.Ref<HTMLAnchorElement>;\n};\n\ntype EntityDetailHeaderProps = {\n title: ReactNode;\n icon?: ReactNode;\n backButton?: ReactNode;\n actions?: ReactNode;\n tabs: TabItem[];\n activeTab?: string;\n defaultTab?: string;\n onTabChange?: (value: string) => void;\n className?: string;\n linkComponent?: ComponentType<LinkComponentProps>;\n};\n\nexport function EntityDetailHeader({\n title,\n icon,\n backButton,\n actions,\n tabs,\n activeTab: controlledActiveTab,\n defaultTab,\n onTabChange,\n className,\n linkComponent: LinkComponent,\n}: EntityDetailHeaderProps) {\n const [internalActiveTab, setInternalActiveTab] = useState(\n defaultTab ?? tabs[0]?.value ?? '',\n );\n const activeTab = controlledActiveTab ?? internalActiveTab;\n\n const [visibleTabs, setVisibleTabs] = useState<TabItem[]>(tabs);\n const [overflowTabs, setOverflowTabs] = useState<TabItem[]>([]);\n const containerRef = useRef<HTMLDivElement>(null);\n const tabsListRef = useRef<HTMLDivElement>(null);\n const dropdownTriggerRef = useRef<HTMLButtonElement>(null);\n const tabRefs = useRef<(HTMLElement | null)[]>([]);\n const [underlineStyle, setUnderlineStyle] = useState({ left: 0, width: 0 });\n\n const handleTabChange = (newValue: string) => {\n if (!controlledActiveTab) {\n setInternalActiveTab(newValue);\n }\n onTabChange?.(newValue);\n };\n\n useLayoutEffect(() => {\n const updateTabs = () => {\n if (\n typeof window !== 'undefined' &&\n !window.matchMedia('(min-width: 640px)').matches\n ) {\n setVisibleTabs(tabs);\n setOverflowTabs([]);\n return;\n }\n if (!containerRef.current) {\n return;\n }\n if (!tabsListRef.current) {\n return;\n }\n\n const containerWidth = containerRef.current.offsetWidth;\n const dropdownWidth = 80;\n const padding = 16;\n const availableWidth = containerWidth - padding;\n\n let totalWidth = 0;\n const visible: TabItem[] = [];\n const overflow: TabItem[] = [];\n let hasOverflow = false;\n\n for (const [i, tab] of tabs.entries()) {\n const tabEl = tabRefs.current[i];\n\n if (!tabEl || tabEl.offsetWidth === 0) {\n if (hasOverflow) {\n overflow.push(tab);\n } else {\n visible.push(tab);\n }\n continue;\n }\n\n const tabWidth = tabEl.scrollWidth || tabEl.offsetWidth;\n const wouldFitWithoutDropdown = totalWidth + tabWidth <= availableWidth;\n const wouldFitWithDropdown =\n totalWidth + tabWidth + dropdownWidth <= availableWidth;\n\n if (!hasOverflow && wouldFitWithoutDropdown) {\n visible.push(tab);\n totalWidth += tabWidth;\n } else if (!hasOverflow && wouldFitWithDropdown) {\n visible.push(tab);\n totalWidth += tabWidth;\n hasOverflow = true;\n } else {\n hasOverflow = true;\n overflow.push(tab);\n }\n }\n\n setVisibleTabs(visible);\n setOverflowTabs(overflow);\n };\n\n const timeoutId = setTimeout(updateTabs, 100);\n\n const resizeObserver = new ResizeObserver(() => {\n setTimeout(updateTabs, 0);\n });\n\n if (containerRef.current) {\n resizeObserver.observe(containerRef.current);\n }\n\n if (tabsListRef.current) {\n resizeObserver.observe(tabsListRef.current);\n }\n\n window.addEventListener('resize', updateTabs);\n\n return () => {\n clearTimeout(timeoutId);\n resizeObserver.disconnect();\n window.removeEventListener('resize', updateTabs);\n };\n }, [tabs]);\n\n useLayoutEffect(() => {\n const updateUnderline = () => {\n const isInOverflow = overflowTabs.some((tab) => tab.value === activeTab);\n\n if (isInOverflow && dropdownTriggerRef.current) {\n const { offsetLeft, offsetWidth } = dropdownTriggerRef.current;\n setUnderlineStyle({\n left: offsetLeft,\n width: offsetWidth,\n });\n return;\n }\n\n const activeTabIndex = tabs.findIndex((tab) => tab.value === activeTab);\n const activeTabElement = tabRefs.current[activeTabIndex];\n\n if (\n activeTabElement &&\n visibleTabs.some((tab) => tab.value === activeTab)\n ) {\n const { offsetLeft, offsetWidth } = activeTabElement;\n setUnderlineStyle({\n left: offsetLeft,\n width: offsetWidth,\n });\n }\n };\n\n updateUnderline();\n }, [activeTab, visibleTabs, overflowTabs, tabs]);\n\n const activeTabData = useMemo(\n () => tabs.find((tab) => tab.value === activeTab),\n [tabs, activeTab],\n );\n\n const renderTab = (tab: TabItem, originalIndex: number) => {\n const isActive = activeTab === tab.value;\n\n const tabClassName = cn(\n 'relative z-10 px-4 py-3 text-sm font-medium transition-all duration-200',\n 'hover:bg-muted/60 rounded-t-md cursor-pointer',\n isActive ? 'text-primary' : 'text-muted-foreground hover:text-foreground',\n );\n\n const setRef = (el: HTMLElement | null) => {\n if (originalIndex >= 0) {\n tabRefs.current[originalIndex] = el;\n }\n };\n\n if (tab.href && LinkComponent) {\n return (\n <LinkComponent\n key={tab.value}\n href={tab.href}\n className={tabClassName}\n ref={setRef as React.Ref<HTMLAnchorElement>}\n >\n {tab.name}\n </LinkComponent>\n );\n }\n\n return (\n <button\n key={tab.value}\n type=\"button\"\n ref={setRef}\n onClick={() => handleTabChange(tab.value)}\n className={tabClassName}\n >\n {tab.name}\n </button>\n );\n };\n\n const renderDropdownItem = (tab: TabItem) => {\n const isActive = activeTab === tab.value;\n const itemClassName = cn(\n 'cursor-pointer',\n isActive && 'bg-accent font-medium',\n );\n\n if (tab.href && LinkComponent) {\n return (\n <DropdownMenuItem key={tab.value} asChild className={itemClassName}>\n <LinkComponent href={tab.href}>{tab.name}</LinkComponent>\n </DropdownMenuItem>\n );\n }\n\n return (\n <DropdownMenuItem\n key={tab.value}\n onClick={() => handleTabChange(tab.value)}\n className={itemClassName}\n >\n {tab.name}\n </DropdownMenuItem>\n );\n };\n\n return (\n <div className={cn('flex flex-col', className)}>\n <Card className=\"overflow-hidden p-0 gap-0\">\n <div className=\"flex items-center justify-between gap-2 p-4 pb-2 \">\n <div className=\"flex items-center gap-2\">\n {backButton}\n {icon}\n <span className=\"text-lg font-semibold\">{title}</span>\n </div>\n {actions && <div className=\"flex items-center gap-2\">{actions}</div>}\n </div>\n <div ref={containerRef} className=\"w-full px-4\">\n <div className=\"mb-3 w-full sm:hidden\">\n <Select value={activeTab} onValueChange={handleTabChange}>\n <SelectTrigger className=\"h-9 w-full gap-2 [&>svg:first-child]:shrink-0\">\n <IconMenu2 className=\"size-4 text-muted-foreground\" />\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {tabs.map((tab) => (\n <SelectItem key={tab.value} value={tab.value}>\n {tab.name}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n <div\n ref={tabsListRef}\n className=\"relative hidden items-center sm:flex\"\n >\n {visibleTabs.map((tab) => {\n const originalIndex = tabs.findIndex(\n (t) => t.value === tab.value,\n );\n return renderTab(tab, originalIndex);\n })}\n\n {overflowTabs.length > 0 && (\n <DropdownMenu>\n <DropdownMenuTrigger\n ref={dropdownTriggerRef}\n className={cn(\n 'relative z-10 flex items-center gap-1 px-4 py-3 text-sm font-medium transition-all duration-200',\n 'hover:bg-muted/60 rounded-t-md',\n overflowTabs.some((tab) => tab.value === activeTab)\n ? 'text-primary'\n : 'text-muted-foreground hover:text-foreground',\n )}\n >\n More\n <IconChevronDown className=\"h-4 w-4\" />\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"start\" className=\"min-w-40\">\n {overflowTabs.map(renderDropdownItem)}\n </DropdownMenuContent>\n </DropdownMenu>\n )}\n\n <motion.div\n className=\"absolute bottom-0 left-0 z-20 h-0.5 bg-primary\"\n animate={{\n left: underlineStyle.left,\n width: underlineStyle.width,\n }}\n transition={{\n type: 'spring',\n stiffness: 400,\n damping: 40,\n }}\n />\n </div>\n </div>\n </Card>\n\n {activeTabData?.content && (\n <div className=\"flex-1\">{activeTabData.content}</div>\n )}\n </div>\n );\n}\n","import { cn } from '@mesob/ui/lib/utils';\nimport type * as React from 'react';\n\nfunction Card({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card\"\n className={cn(\n 'bg-card text-card-foreground border-border flex flex-col gap-6 rounded-xl border py-6',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-header\"\n className={cn(\n '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-title\"\n className={cn('leading-none font-semibold', className)}\n {...props}\n />\n );\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-description\"\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n );\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-action\"\n className={cn(\n 'col-start-2 row-span-2 row-start-1 self-start justify-self-end',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-content\"\n className={cn('px-6', className)}\n {...props}\n />\n );\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-footer\"\n className={cn('flex items-center px-6 [.border-t]:pt-6', className)}\n {...props}\n />\n );\n}\n\nexport {\n Card,\n CardHeader,\n CardFooter,\n CardTitle,\n CardAction,\n CardDescription,\n CardContent,\n};\n","'use client';\n\nimport { cn } from '@mesob/ui/lib/utils';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { IconCheck, IconChevronDown, IconChevronUp } from '@tabler/icons-react';\nimport type * as React from 'react';\n\nfunction Select({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n className,\n size = 'default',\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n size?: 'sm' | 'default';\n}) {\n return (\n <SelectPrimitive.Trigger\n data-slot=\"select-trigger\"\n data-size={size}\n className={cn(\n \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <IconChevronDown className=\"size-4 opacity-50\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n );\n}\n\nfunction SelectContent({\n className,\n children,\n position = 'popper',\n align = 'center',\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n data-slot=\"select-content\"\n className={cn(\n 'bg-popover text-popover-foreground border-border data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md',\n position === 'popper' &&\n 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n className,\n )}\n position={position}\n align={align}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n 'p-1',\n position === 'popper' &&\n 'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1',\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n );\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n return (\n <SelectPrimitive.Label\n data-slot=\"select-label\"\n className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}\n {...props}\n />\n );\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n return (\n <SelectPrimitive.Item\n data-slot=\"select-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n className,\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <IconCheck className=\"size-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n );\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n return (\n <SelectPrimitive.Separator\n data-slot=\"select-separator\"\n className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}\n {...props}\n />\n );\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n return (\n <SelectPrimitive.ScrollUpButton\n data-slot=\"select-scroll-up-button\"\n className={cn(\n 'flex cursor-default items-center justify-center py-1',\n className,\n )}\n {...props}\n >\n <IconChevronUp className=\"size-4\" />\n </SelectPrimitive.ScrollUpButton>\n );\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n return (\n <SelectPrimitive.ScrollDownButton\n data-slot=\"select-scroll-down-button\"\n className={cn(\n 'flex cursor-default items-center justify-center py-1',\n className,\n )}\n {...props}\n >\n <IconChevronDown className=\"size-4\" />\n </SelectPrimitive.ScrollDownButton>\n );\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n};\n","'use client';\n\nimport type { ReactNode } from 'react';\nimport { useState } from 'react';\nimport {\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogTitle,\n} from '../alert-dialog';\nimport { Sheet, SheetContent, SheetHeader, SheetTitle } from '../sheet';\n\ntype EntityDrawerProps = {\n title: ReactNode;\n form: ReactNode;\n actions: ReactNode;\n open: boolean;\n onClose: () => void;\n isDirty?: boolean;\n size?: 'sm' | 'md' | 'lg' | 'xl';\n};\n\nconst sizeClasses = {\n sm: 'w-full min-w-0 sm:!max-w-[24rem]',\n md: 'w-full min-w-0 sm:!max-w-[28rem]',\n lg: 'w-full min-w-0 sm:!max-w-[32rem]',\n xl: 'w-full min-w-0 sm:!max-w-[36rem]',\n};\n\nexport function EntityDrawer({\n title,\n form,\n actions,\n open,\n onClose,\n isDirty = false,\n size = 'lg',\n}: EntityDrawerProps) {\n const [showConfirm, setShowConfirm] = useState(false);\n\n const handleClose = () => {\n if (isDirty) {\n setShowConfirm(true);\n } else {\n onClose();\n }\n };\n\n const handleConfirmDiscard = () => {\n setShowConfirm(false);\n onClose();\n };\n\n return (\n <>\n <Sheet open={open} onOpenChange={(isOpen) => !isOpen && handleClose()}>\n <SheetContent\n className={`${sizeClasses[size]} flex min-h-0 flex-col overflow-hidden p-0`}\n onInteractOutside={(e) => {\n if (isDirty) {\n e.preventDefault();\n setShowConfirm(true);\n }\n }}\n onEscapeKeyDown={(e) => {\n if (isDirty) {\n e.preventDefault();\n setShowConfirm(true);\n }\n }}\n >\n <SheetHeader className=\"border-border bg-background border-b px-6 py-4\">\n <SheetTitle>{title}</SheetTitle>\n </SheetHeader>\n <div className=\"bg-background flex-1 overflow-y-auto px-6 py-4\">\n {form}\n </div>\n <div className=\"border-border bg-background border-t px-6 py-4\">\n {actions}\n </div>\n </SheetContent>\n </Sheet>\n\n <AlertDialog open={showConfirm} onOpenChange={setShowConfirm}>\n <AlertDialogContent>\n <AlertDialogHeader>\n <AlertDialogTitle>Discard changes?</AlertDialogTitle>\n <AlertDialogDescription>\n You have unsaved changes. Are you sure you want to discard them?\n </AlertDialogDescription>\n </AlertDialogHeader>\n <AlertDialogFooter>\n <AlertDialogCancel>Cancel</AlertDialogCancel>\n <AlertDialogAction\n onClick={handleConfirmDiscard}\n className=\"bg-destructive text-white hover:bg-destructive/90\"\n >\n Discard\n </AlertDialogAction>\n </AlertDialogFooter>\n </AlertDialogContent>\n </AlertDialog>\n </>\n );\n}\n","'use client';\n\nimport { cn } from '@mesob/ui/lib/utils';\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { IconX } from '@tabler/icons-react';\nimport type * as React from 'react';\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n return (\n <SheetPrimitive.Overlay\n data-slot=\"sheet-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 data-[state=open]:opacity-100 fixed inset-0 z-50 bg-[var(--overlay,oklch(0_0_0/0.5))]',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SheetContent({\n className,\n children,\n side = 'right',\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n side?: 'top' | 'right' | 'bottom' | 'left';\n}) {\n return (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content\n data-slot=\"sheet-content\"\n className={cn(\n 'bg-background text-foreground border-border data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:opacity-100 fixed z-[51] flex min-w-0 flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n side === 'right' &&\n 'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n side === 'left' &&\n 'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n side === 'top' &&\n 'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n side === 'bottom' &&\n 'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n className,\n )}\n {...props}\n >\n {children}\n <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n <IconX className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPortal>\n );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-header\"\n className={cn('flex flex-col gap-1.5 p-4', className)}\n {...props}\n />\n );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-footer\"\n className={cn('mt-auto flex flex-col gap-2 p-4', className)}\n {...props}\n />\n );\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n return (\n <SheetPrimitive.Title\n data-slot=\"sheet-title\"\n className={cn('text-foreground font-semibold', className)}\n {...props}\n />\n );\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n return (\n <SheetPrimitive.Description\n data-slot=\"sheet-description\"\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n );\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n};\n","'use client';\n\nimport { IconChevronRight, IconPencil, IconPlus } from '@tabler/icons-react';\nimport type { ReactNode } from 'react';\nimport { useState } from 'react';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../button';\n\ntype EntityDrawerTriggerProps = {\n mode: 'new' | 'edit';\n entity?: string;\n label?: string;\n children: (open: boolean, onClose: () => void) => ReactNode;\n variant?: 'default' | 'icon' | 'outline';\n disabled?: boolean;\n className?: string;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n};\n\nexport function EntityDrawerTrigger({\n mode,\n entity,\n label,\n children,\n variant = 'default',\n disabled = false,\n className,\n open: controlledOpen,\n onOpenChange,\n}: EntityDrawerTriggerProps) {\n const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n\n const isControlled = controlledOpen !== undefined;\n const open = isControlled ? controlledOpen : uncontrolledOpen;\n\n const handleOpen = () => {\n if (isControlled) {\n onOpenChange?.(true);\n } else {\n setUncontrolledOpen(true);\n }\n };\n\n const handleClose = () => {\n if (isControlled) {\n onOpenChange?.(false);\n } else {\n setUncontrolledOpen(false);\n }\n };\n\n const buttonLabel =\n label || (mode === 'new' ? `New ${entity}` : `Edit ${entity}`);\n\n return (\n <>\n {mode === 'edit' && variant === 'icon' && (\n <Button\n variant=\"ghost\"\n size=\"icon\"\n className={`size-8 opacity-0 group-hover:opacity-100 transition-opacity ${className}`}\n onClick={handleOpen}\n disabled={disabled}\n >\n <IconChevronRight className=\"size-4\" />\n </Button>\n )}\n {mode === 'edit' && variant !== 'icon' && (\n <Button\n variant={variant === 'outline' ? 'outline' : 'default'}\n size=\"sm\"\n onClick={handleOpen}\n disabled={disabled}\n className={className}\n leftIcon={<IconPencil className=\"size-4\" />}\n >\n {buttonLabel}\n </Button>\n )}\n {mode === 'new' && (\n <Button\n variant={variant === 'outline' ? 'outline' : 'default'}\n size=\"sm\"\n onClick={handleOpen}\n disabled={disabled}\n className={cn(\n 'max-sm:h-8 max-sm:w-8 max-sm:shrink-0 max-sm:justify-center max-sm:p-0',\n className,\n )}\n leftIcon={<IconPlus className=\"size-4\" />}\n >\n <span className=\"hidden sm:inline\">{buttonLabel}</span>\n </Button>\n )}\n {open && children(open, handleClose)}\n </>\n );\n}\n","'use client';\n\nimport { cn } from '@mesob/ui/lib/utils';\nimport { IconPackage } from '@tabler/icons-react';\nimport type { ComponentType, ReactNode } from 'react';\nimport { Button } from '../button';\nimport {\n Empty,\n EmptyContent,\n EmptyDescription,\n EmptyHeader,\n EmptyMedia,\n EmptyTitle,\n} from '../empty';\n\ntype EntityEmptyStateProps = {\n icon?: ComponentType<Record<string, unknown>>;\n title?: string;\n description?: string;\n entityName?: string;\n actionLabel?: string;\n onAction?: () => void;\n children?: ReactNode;\n className?: string;\n};\n\nexport function EntityEmptyState({\n icon: Icon = IconPackage,\n title,\n description,\n entityName = 'item',\n actionLabel,\n onAction,\n children,\n className,\n}: EntityEmptyStateProps) {\n const defaultTitle = `No ${entityName}s yet`;\n const defaultDescription = `Get started by creating your first ${entityName}.`;\n const defaultActionLabel = `Create ${entityName}`;\n\n return (\n <Empty className={cn('border py-12', className)}>\n <EmptyHeader>\n <EmptyMedia variant=\"icon\">\n <Icon className=\"size-5\" />\n </EmptyMedia>\n <EmptyTitle>{title ?? defaultTitle}</EmptyTitle>\n <EmptyDescription>{description ?? defaultDescription}</EmptyDescription>\n </EmptyHeader>\n <EmptyContent>\n {children ??\n (onAction && (\n <Button onClick={onAction}>\n {actionLabel ?? defaultActionLabel}\n </Button>\n ))}\n </EmptyContent>\n </Empty>\n );\n}\n","import { cn } from '@mesob/ui/lib/utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nfunction Empty({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"empty\"\n className={cn(\n 'flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction EmptyHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"empty-header\"\n className={cn(\n 'flex max-w-sm flex-col items-center gap-2 text-center',\n className,\n )}\n {...props}\n />\n );\n}\n\nconst emptyMediaVariants = cva(\n 'flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n {\n variants: {\n variant: {\n default: 'bg-transparent',\n icon: \"bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6\",\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\nfunction EmptyMedia({\n className,\n variant = 'default',\n ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>) {\n return (\n <div\n data-slot=\"empty-icon\"\n data-variant={variant}\n className={cn(emptyMediaVariants({ variant, className }))}\n {...props}\n />\n );\n}\n\nfunction EmptyTitle({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"empty-title\"\n className={cn('text-lg font-medium tracking-tight', className)}\n {...props}\n />\n );\n}\n\nfunction EmptyDescription({ className, ...props }: React.ComponentProps<'p'>) {\n return (\n <div\n data-slot=\"empty-description\"\n className={cn(\n 'text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction EmptyContent({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"empty-content\"\n className={cn(\n 'flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance',\n className,\n )}\n {...props}\n />\n );\n}\n\nexport {\n Empty,\n EmptyHeader,\n EmptyTitle,\n EmptyDescription,\n EmptyContent,\n EmptyMedia,\n};\n","'use client';\n\nimport { IconFilter } from '@tabler/icons-react';\nimport { parseAsInteger, parseAsString, useQueryState } from 'nuqs';\nimport { cn } from '../../lib/utils';\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from '../select';\n\ntype FilterOption = {\n label: string;\n value: string;\n};\n\ntype EntityFilterProps = {\n options: FilterOption[];\n placeholder?: string;\n className?: string;\n label?: string;\n};\n\nexport function EntityFilter({\n options,\n placeholder = 'Filter',\n className,\n label,\n}: EntityFilterProps) {\n const [value, setValue] = useQueryState('filter', parseAsString);\n const [, setPage] = useQueryState('page', parseAsInteger.withDefault(1));\n\n const handleChange = (newValue: string) => {\n if (newValue === '__all__') {\n setValue(null);\n } else {\n setValue(newValue || null);\n }\n setPage(1);\n };\n\n const validOptions = options.filter((opt) => opt.value !== '');\n const displayValue =\n value || (options.some((opt) => opt.value === '') ? '__all__' : undefined);\n\n return (\n <div className={cn('flex w-full items-center gap-2', className)}>\n {label && (\n <span className=\"shrink-0 text-sm text-muted-foreground\">{label}</span>\n )}\n <div className=\"min-w-0 flex-1\">\n <Select value={displayValue} onValueChange={handleChange}>\n <SelectTrigger className=\"h-9 w-full min-w-[150px]\">\n <IconFilter className=\"size-4\" />\n <SelectValue placeholder={placeholder} />\n </SelectTrigger>\n <SelectContent>\n {options.some((opt) => opt.value === '') && (\n <SelectItem key=\"__all__\" value=\"__all__\">\n {options.find((opt) => opt.value === '')?.label || 'All'}\n </SelectItem>\n )}\n {validOptions.map((option) => (\n <SelectItem key={option.value} value={option.value}>\n {option.label}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n </div>\n );\n}\n","'use client';\n\nimport {\n IconDeviceFloppy,\n IconRotateClockwise,\n IconTrash,\n} from '@tabler/icons-react';\nimport {\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogTitle,\n AlertDialogTrigger,\n} from '../alert-dialog';\nimport { Button } from '../button';\nimport { Spinner } from '../spinner';\n\ntype EntityFormActionsProps = {\n mode: 'new' | 'edit';\n onSubmit?: () => void;\n onReset?: () => void;\n onDelete?: () => void;\n onCancel?: () => void;\n isSubmitting?: boolean;\n isDeleting?: boolean;\n disabled?: boolean;\n submitLabel?: string;\n deleteLabel?: string;\n itemName?: string;\n};\n\nexport function EntityFormActions({\n mode,\n onSubmit,\n onReset,\n onDelete,\n onCancel,\n isSubmitting = false,\n isDeleting = false,\n disabled = false,\n submitLabel,\n deleteLabel = 'Delete',\n itemName = 'item',\n}: EntityFormActionsProps) {\n const defaultSubmitLabel = mode === 'new' ? 'Create' : 'Update';\n const label = submitLabel || defaultSubmitLabel;\n\n return (\n <div className=\"flex items-center gap-3\">\n {onSubmit && (\n <Button\n onClick={onSubmit}\n disabled={disabled || isSubmitting}\n className=\"cursor-pointer\"\n leftIcon={\n isSubmitting ? (\n <Spinner className=\"size-4\" />\n ) : (\n <IconDeviceFloppy className=\"size-4\" />\n )\n }\n >\n {label}\n </Button>\n )}\n\n {mode === 'new' && onReset && (\n <Button\n variant=\"outline\"\n onClick={onReset}\n disabled={disabled}\n className=\"cursor-pointer\"\n >\n <IconRotateClockwise className=\" h-4 w-4\" />\n Reset\n </Button>\n )}\n\n {mode === 'edit' && onDelete && (\n <AlertDialog>\n <AlertDialogTrigger asChild>\n <Button\n variant=\"destructive\"\n disabled={disabled || isDeleting}\n className=\"cursor-pointer\"\n leftIcon={\n isDeleting ? (\n <Spinner className=\"size-4\" />\n ) : (\n <IconTrash className=\"size-4\" />\n )\n }\n >\n {deleteLabel}\n </Button>\n </AlertDialogTrigger>\n <AlertDialogContent>\n <AlertDialogHeader>\n <AlertDialogTitle>Are you sure?</AlertDialogTitle>\n <AlertDialogDescription>\n This will permanently delete this {itemName}. This action cannot\n be undone.\n </AlertDialogDescription>\n </AlertDialogHeader>\n <AlertDialogFooter>\n <AlertDialogCancel>Cancel</AlertDialogCancel>\n <AlertDialogAction\n onClick={onDelete}\n className=\"bg-destructive text-white hover:bg-destructive/90\"\n >\n Delete\n </AlertDialogAction>\n </AlertDialogFooter>\n </AlertDialogContent>\n </AlertDialog>\n )}\n\n {onCancel && (\n <Button\n variant=\"ghost\"\n onClick={onCancel}\n disabled={disabled}\n className=\"cursor-pointer\"\n >\n Cancel\n </Button>\n )}\n </div>\n );\n}\n","import { cn } from '@mesob/ui/lib/utils';\nimport { IconLoader2 } from '@tabler/icons-react';\n\nfunction Spinner({\n className,\n ...props\n}: React.ComponentProps<typeof IconLoader2>) {\n return (\n <IconLoader2\n role=\"status\"\n aria-label=\"Loading\"\n className={cn('size-4 animate-spin', className)}\n {...props}\n />\n );\n}\n\nexport { Spinner };\n","'use client';\n\nimport { IconChevronDown, IconChevronUp } from '@tabler/icons-react';\nimport type { ReactNode } from 'react';\nimport { useState } from 'react';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../button';\nimport { Card } from '../card';\n\ntype EntityHeaderProps = {\n title: ReactNode;\n icon?: ReactNode;\n actions?: ReactNode;\n search?: ReactNode;\n filter?: ReactNode;\n sort?: ReactNode;\n view?: ReactNode;\n};\n\nexport function EntityHeader({\n title,\n icon,\n actions,\n search,\n filter,\n sort,\n view,\n}: EntityHeaderProps) {\n const [toolbarOpen, setToolbarOpen] = useState(false);\n const hasToolbar = [search, filter, sort, view].some(Boolean);\n\n return (\n <Card className=\"p-4\">\n <div className=\"flex flex-col gap-4\">\n <div className=\"flex items-center justify-between\">\n <div className=\"flex items-center gap-2\">\n {icon}\n <span className=\"text-lg font-semibold\">{title}</span>\n </div>\n <div className=\"flex items-center gap-3\">\n {actions}\n {hasToolbar && (\n <Button\n variant=\"secondary\"\n size=\"icon-sm\"\n className=\"md:hidden\"\n onClick={() => setToolbarOpen((o) => !o)}\n aria-expanded={toolbarOpen}\n aria-label={toolbarOpen ? 'Hide filters' : 'Show filters'}\n >\n {toolbarOpen ? (\n <IconChevronUp className=\"h-4 w-4\" />\n ) : (\n <IconChevronDown className=\"h-4 w-4\" />\n )}\n </Button>\n )}\n </div>\n </div>\n {hasToolbar && (\n <div\n className={cn(\n 'flex flex-col gap-2 md:flex-row md:items-center md:gap-2 md:justify-between',\n !toolbarOpen && 'hidden',\n 'md:flex',\n )}\n >\n <div className=\"w-full min-w-0 flex-1 md:min-w-[12rem]\">\n {search}\n </div>\n <div className=\"flex w-full shrink-0 flex-col gap-2 *:w-full md:w-auto md:flex-row md:items-center md:gap-2 md:*:w-auto\">\n {filter}\n {sort}\n {view}\n </div>\n </div>\n )}\n </div>\n </Card>\n );\n}\n","import { cn } from '@mesob/ui/lib/utils';\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"skeleton\"\n className={cn('bg-accent animate-pulse rounded-md', className)}\n {...props}\n />\n );\n}\n\nexport { Skeleton };\n","'use client';\n\nimport { cn } from '@mesob/ui/lib/utils';\nimport type * as React from 'react';\n\nfunction Table({ className, ...props }: React.ComponentProps<'table'>) {\n return (\n <div\n data-slot=\"table-container\"\n className=\"relative w-full overflow-x-auto\"\n >\n <table\n data-slot=\"table\"\n className={cn('w-full caption-bottom text-sm px-2', className)}\n {...props}\n />\n </div>\n );\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn('[&_tr]:border-b', className)}\n {...props}\n />\n );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn('[&_tr:last-child]:border-0', className)}\n {...props}\n />\n );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn(\n 'bg-muted/50 border-t font-medium [&>tr]:last:border-b-0',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n 'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<'th'>) {\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n 'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n 'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction TableCaption({\n className,\n ...props\n}: React.ComponentProps<'caption'>) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn('text-muted-foreground mt-4 text-sm', className)}\n {...props}\n />\n );\n}\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n};\n","/** biome-ignore-all lint/suspicious/noArrayIndexKey: <explanation> */\n'use client';\n\nimport { Skeleton } from '@mesob/ui/components/skeleton';\nimport {\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from '@mesob/ui/components/table';\nimport { cn } from '@mesob/ui/lib/utils';\n\ntype EntityLoadingStateProps = {\n view: 'table' | 'card';\n rowCount?: number;\n columnCount?: number;\n cardCount?: number;\n className?: string;\n};\n\nexport function EntityLoadingState({\n view,\n rowCount = 5,\n columnCount = 5,\n cardCount = 8,\n className,\n}: EntityLoadingStateProps) {\n if (view === 'table') {\n return (\n <div className={cn('rounded-md border', className)}>\n <Table>\n <TableHeader>\n <TableRow>\n {/* biome-ignore lint/suspicious/noArrayIndexKey: static loading skeleton */}\n {Array.from({ length: columnCount }).map((_, i) => (\n <TableHead key={`header-${i}`}>\n <Skeleton className=\"h-4 w-24\" />\n </TableHead>\n ))}\n </TableRow>\n </TableHeader>\n <TableBody>\n {/* biome-ignore lint/suspicious/noArrayIndexKey: static loading skeleton */}\n {Array.from({ length: rowCount }).map((_, rowIndex) => (\n <TableRow key={`row-${rowIndex}`}>\n {/* biome-ignore lint/suspicious/noArrayIndexKey: static loading skeleton */}\n {Array.from({ length: columnCount }).map((_, colIndex) => (\n <TableCell key={`cell-${rowIndex}-${colIndex}`}>\n <Skeleton className=\"h-4 w-full\" />\n </TableCell>\n ))}\n </TableRow>\n ))}\n </TableBody>\n </Table>\n </div>\n );\n }\n\n return (\n <div\n className={cn(\n 'grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4',\n className,\n )}\n >\n {/* biome-ignore lint/suspicious/noArrayIndexKey: static loading skeleton */}\n {Array.from({ length: cardCount }).map((_, i) => (\n <div\n key={`card-${i}`}\n className=\"border-border space-y-3 rounded-lg border p-4\"\n >\n <div className=\"flex items-center gap-2\">\n <Skeleton className=\"h-4 w-4 rounded-full\" />\n <Skeleton className=\"h-5 w-32\" />\n </div>\n <div className=\"flex gap-2\">\n <Skeleton className=\"h-5 w-16\" />\n <Skeleton className=\"h-5 w-16\" />\n </div>\n <Skeleton className=\"h-4 w-full\" />\n <Skeleton className=\"h-4 w-3/4\" />\n <Skeleton className=\"h-3 w-24\" />\n </div>\n ))}\n </div>\n );\n}\n","'use client';\n\nimport { IconSearch, IconX } from '@tabler/icons-react';\nimport { parseAsInteger, parseAsString, useQueryState } from 'nuqs';\nimport { useRef } from 'react';\nimport { useDebouncedCallback } from 'use-debounce';\nimport { cn } from '../../lib/utils';\nimport { Input } from '../input';\n\ntype EntitySearchProps = {\n paramKey?: string;\n placeholder?: string;\n className?: string;\n};\n\nexport function EntitySearch({\n paramKey = 'search',\n placeholder = 'Search...',\n className,\n}: EntitySearchProps) {\n const [value, setValue] = useQueryState(\n paramKey,\n parseAsString.withDefault(''),\n );\n const [, setPage] = useQueryState('page', parseAsInteger.withDefault(1));\n const ref = useRef<HTMLInputElement>(null);\n\n const handleSearch = useDebouncedCallback((term: string) => {\n setValue(term || null);\n setPage(1);\n }, 300);\n\n const handleClear = () => {\n setValue(null);\n setPage(1);\n if (ref.current) {\n ref.current.value = '';\n }\n };\n\n return (\n <div className={cn('relative w-full min-w-0', className)}>\n <IconSearch className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n <Input\n ref={ref}\n placeholder={placeholder}\n defaultValue={value}\n onChange={(e) => handleSearch(e.target.value)}\n className=\"w-full min-w-0 pl-9 pr-9\"\n />\n {value && (\n <button\n type=\"button\"\n onClick={handleClear}\n className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n >\n <IconX className=\"h-4 w-4\" />\n </button>\n )}\n </div>\n );\n}\n","import { cn } from '@mesob/ui/lib/utils';\nimport type * as React from 'react';\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n return (\n <input\n type={type}\n data-slot=\"input\"\n className={cn(\n 'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n 'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Input };\n","'use client';\n\nimport {\n IconSortAscendingLetters,\n IconSortDescendingLetters,\n} from '@tabler/icons-react';\nimport { parseAsInteger, parseAsString, useQueryState } from 'nuqs';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../button';\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from '../select';\n\ntype SortOption = {\n label: string;\n value: string;\n};\n\ntype EntitySortProps = {\n options: SortOption[];\n defaultSort?: string;\n defaultOrder?: 'asc' | 'desc';\n className?: string;\n};\n\nexport function EntitySort({\n options,\n defaultSort = 'createdAt',\n defaultOrder = 'desc',\n className,\n}: EntitySortProps) {\n const [sort, setSort] = useQueryState(\n 'sort',\n parseAsString.withDefault(defaultSort),\n );\n const [order, setOrder] = useQueryState(\n 'order',\n parseAsString.withDefault(defaultOrder),\n );\n const [, setPage] = useQueryState('page', parseAsInteger.withDefault(1));\n\n const handleSortChange = (value: string) => {\n setSort(value);\n setPage(1);\n };\n\n const toggleOrder = () => {\n setOrder(order === 'asc' ? 'desc' : 'asc');\n setPage(1);\n };\n\n return (\n <div className={cn('flex w-full items-center gap-0', className)}>\n <div className=\"min-w-0 flex-1\">\n <Select value={sort} onValueChange={handleSortChange}>\n <SelectTrigger className=\"h-9 w-full min-w-[150px] rounded-r-none border-r-0\">\n <SelectValue placeholder=\"Sort by\" />\n </SelectTrigger>\n <SelectContent>\n {options.map((option) => (\n <SelectItem key={option.value} value={option.value}>\n {option.label}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n <Button\n variant=\"outline\"\n size=\"icon\"\n className=\"h-9 shrink-0 rounded-l-none\"\n onClick={toggleOrder}\n >\n {order === 'asc' ? (\n <IconSortAscendingLetters className=\"h-4 w-4\" />\n ) : (\n <IconSortDescendingLetters className=\"h-4 w-4\" />\n )}\n </Button>\n </div>\n );\n}\n","'use client';\n\nimport { IconGridDots, IconList, IconTable } from '@tabler/icons-react';\nimport { parseAsString, useQueryState } from 'nuqs';\nimport type { ReactNode } from 'react';\nimport { cn } from '../../lib/utils';\nimport { ToggleGroup, ToggleGroupItem } from '../toggle-group';\n\ntype ViewOption = 'table' | 'card' | 'list';\n\ntype EntityViewToggleProps = {\n views?: ViewOption[];\n className?: string;\n};\n\nconst viewIcons: Record<ViewOption, ReactNode> = {\n table: <IconTable className=\"h-4 w-4\" />,\n card: <IconGridDots className=\"h-4 w-4\" />,\n list: <IconList className=\"h-4 w-4\" />,\n};\n\nexport function EntityViewToggle({\n views = ['table', 'card'],\n className,\n}: EntityViewToggleProps) {\n const [value, setValue] = useQueryState(\n 'view',\n parseAsString.withDefault('table'),\n );\n\n return (\n <ToggleGroup\n type=\"single\"\n value={value as string}\n onValueChange={(v) => v && setValue(v as ViewOption)}\n className={cn('w-full! border rounded-md md:w-auto!', className)}\n >\n {views.map((v) => (\n <ToggleGroupItem\n key={v}\n value={v}\n aria-label={`${v} view`}\n className=\"h-9 min-w-0 flex-1 px-3\"\n >\n {viewIcons[v]}\n </ToggleGroupItem>\n ))}\n </ToggleGroup>\n );\n}\n","'use client';\n\nimport { cn } from '@mesob/ui/lib/utils';\nimport * as TogglePrimitive from '@radix-ui/react-toggle';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type * as React from 'react';\n\nconst toggleVariants = cva(\n \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap\",\n {\n variants: {\n variant: {\n default: 'bg-transparent',\n outline:\n 'border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground',\n },\n size: {\n default: 'h-9 px-2 min-w-9',\n sm: 'h-8 px-1.5 min-w-8',\n lg: 'h-10 px-2.5 min-w-10',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n },\n);\n\nfunction Toggle({\n className,\n variant,\n size,\n ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n VariantProps<typeof toggleVariants>) {\n return (\n <TogglePrimitive.Root\n data-slot=\"toggle\"\n className={cn(toggleVariants({ variant, size, className }))}\n {...props}\n />\n );\n}\n\nexport { Toggle, toggleVariants };\n","'use client';\n\nimport { toggleVariants } from '@mesob/ui/components/toggle';\nimport { cn } from '@mesob/ui/lib/utils';\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nconst ToggleGroupContext = React.createContext<\n VariantProps<typeof toggleVariants> & {\n spacing?: number;\n }\n>({\n size: 'default',\n variant: 'default',\n spacing: 0,\n});\n\nfunction ToggleGroup({\n className,\n variant,\n size,\n spacing = 0,\n children,\n ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n VariantProps<typeof toggleVariants> & {\n spacing?: number;\n }) {\n return (\n <ToggleGroupPrimitive.Root\n data-slot=\"toggle-group\"\n data-variant={variant}\n data-size={size}\n data-spacing={spacing}\n style={{ '--gap': spacing } as React.CSSProperties}\n className={cn(\n 'group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs',\n className,\n )}\n {...props}\n >\n <ToggleGroupContext.Provider value={{ variant, size, spacing }}>\n {children}\n </ToggleGroupContext.Provider>\n </ToggleGroupPrimitive.Root>\n );\n}\n\nfunction ToggleGroupItem({\n className,\n children,\n variant,\n size,\n ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\n VariantProps<typeof toggleVariants>) {\n const context = React.useContext(ToggleGroupContext);\n\n return (\n <ToggleGroupPrimitive.Item\n data-slot=\"toggle-group-item\"\n data-variant={context.variant || variant}\n data-size={context.size || size}\n data-spacing={context.spacing}\n className={cn(\n toggleVariants({\n variant: context.variant || variant,\n size: context.size || size,\n }),\n 'w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10',\n 'data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l',\n className,\n )}\n {...props}\n >\n {children}\n </ToggleGroupPrimitive.Item>\n );\n}\n\nexport { ToggleGroup, ToggleGroupItem };\n","type PaginationData = {\n items: unknown[];\n total?: number | string | null;\n pageSize: number;\n};\n\nexport function useEntityPagination({\n items,\n total,\n pageSize,\n}: PaginationData) {\n const totalCount = Number(total ?? items.length);\n const pageCount = Math.ceil(totalCount / pageSize);\n\n return {\n total: totalCount,\n pageCount,\n hasData: items.length > 0,\n isEmpty: totalCount === 0,\n };\n}\n","'use client';\n\nimport { parseAsInteger, parseAsString, useQueryStates } from 'nuqs';\nimport { useMemo } from 'react';\n\ntype EntityParamsConfig = {\n searchKey?: string;\n searchParamName?: string;\n defaultSort?: string;\n defaultOrder?: 'asc' | 'desc';\n defaultPageSize?: number;\n};\n\nexport function useEntityParams(config: EntityParamsConfig = {}) {\n const {\n searchKey = 'search',\n searchParamName,\n defaultSort = 'createdAt',\n defaultOrder = 'desc',\n defaultPageSize = 10,\n } = config;\n\n const [params, setParams] = useQueryStates({\n ...(searchKey && {\n [searchKey]: parseAsString.withDefault(''),\n }),\n view: parseAsString.withDefault('table'),\n page: parseAsInteger.withDefault(1),\n pageSize: parseAsInteger.withDefault(defaultPageSize),\n filter: parseAsString,\n sort: parseAsString.withDefault(defaultSort),\n order: parseAsString.withDefault(defaultOrder),\n });\n\n const queryConfig = useMemo(\n () => ({\n params: {\n query: {\n page: params.page,\n limit: params.pageSize,\n ...(searchKey &&\n (params as Record<string, string | number | null | undefined>)[\n searchKey\n ] && {\n [searchParamName ||\n (searchKey === 'search' ? 'search' : 'handle')]: (\n params as Record<string, string | number | null | undefined>\n )[searchKey],\n }),\n ...(params.filter && { filter: params.filter }),\n ...(params.sort && { sort: params.sort, order: params.order }),\n },\n },\n }),\n [params, searchKey, searchParamName],\n );\n\n return {\n params,\n setParams,\n queryConfig,\n };\n}\n"],"mappings":"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","names":["jsxs","jsx","jsxs","jsx","jsx","jsx","jsx","jsxs","IconChevronDown","useState","jsx","IconCheck","IconChevronDown","jsx","jsxs","jsx","jsxs","IconChevronDown","jsxs","jsx","IconCheck","jsx","IconChevronDown","jsx","jsxs","useState","IconChevronDown","useState","jsx","jsxs","jsx","jsxs","jsx","Fragment","jsx","jsxs","useState","IconChevronRight","useState","Fragment","jsx","jsxs","useState","IconChevronRight","cva","jsx","jsx","jsxs","Icon","jsx","jsxs","IconTrash","jsx","jsx","jsxs","IconTrash","IconChevronDown","IconChevronUp","useState","jsx","jsxs","useState","IconChevronUp","IconChevronDown","jsx","jsx","jsx","jsx","jsxs","_","IconX","parseAsInteger","parseAsString","useQueryState","useRef","jsx","jsx","jsxs","useQueryState","parseAsString","parseAsInteger","useRef","IconX","parseAsInteger","parseAsString","useQueryState","jsx","jsxs","useQueryState","parseAsString","parseAsInteger","parseAsString","useQueryState","cva","jsx","jsx","jsx","useQueryState","parseAsString","parseAsInteger","parseAsString","useMemo"]}
1
+ {"version":3,"sources":["../../../src/components/entity/entity-bulk-actions.tsx","../../../src/lib/utils.ts","../../../src/components/button.tsx","../../../src/components/alert-dialog.tsx","../../../src/components/dropdown-menu.tsx","../../../src/components/entity/entity-detail-header.tsx","../../../src/components/card.tsx","../../../src/components/select.tsx","../../../src/components/entity/entity-drawer.tsx","../../../src/components/sheet.tsx","../../../src/components/entity/entity-drawer-trigger.tsx","../../../src/components/entity/entity-empty-state.tsx","../../../src/components/empty.tsx","../../../src/components/entity/entity-filter.tsx","../../../src/components/entity/entity-form-actions.tsx","../../../src/components/spinner.tsx","../../../src/components/entity/entity-header.tsx","../../../src/components/skeleton.tsx","../../../src/components/table.tsx","../../../src/components/entity/entity-loading-state.tsx","../../../src/components/entity/entity-search.tsx","../../../src/components/input.tsx","../../../src/components/entity/entity-sort.tsx","../../../src/components/entity/entity-view-toggle.tsx","../../../src/components/toggle.tsx","../../../src/components/toggle-group.tsx","../../../src/components/entity/use-entity-pagination.ts","../../../src/components/entity/use-entity-params.ts"],"sourcesContent":["'use client';\n\nimport { IconChevronDown, IconDownload, IconTrash } from '@tabler/icons-react';\nimport type { ReactNode } from 'react';\nimport { useState } from 'react';\nimport {\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogTitle,\n} from '../alert-dialog';\nimport { Button } from '../button';\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n} from '../dropdown-menu';\n\ntype BulkAction = {\n label: string;\n icon?: ReactNode;\n onClick: () => void;\n variant?: 'default' | 'destructive';\n confirmTitle?: string;\n confirmDescription?: string;\n};\n\ntype EntityBulkActionsProps = {\n selectedCount: number;\n actions?: BulkAction[];\n onDelete?: () => void;\n onExport?: () => void;\n itemName?: string;\n};\n\nexport function EntityBulkActions({\n selectedCount,\n actions,\n onDelete,\n onExport,\n itemName = 'item',\n}: EntityBulkActionsProps) {\n const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\n const hasSelection = selectedCount > 0;\n\n const defaultActions: BulkAction[] = [];\n\n if (onExport) {\n defaultActions.push({\n label: 'Export',\n icon: <IconDownload className=\"mr-2 h-4 w-4\" />,\n onClick: onExport,\n });\n }\n\n if (onDelete) {\n defaultActions.push({\n label: 'Delete',\n icon: <IconTrash className=\"mr-2 h-4 w-4\" />,\n onClick: () => setShowDeleteConfirm(true),\n variant: 'destructive',\n });\n }\n\n const allActions = actions ? [...actions, ...defaultActions] : defaultActions;\n\n return (\n <>\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button\n variant=\"outline\"\n size=\"sm\"\n disabled={!hasSelection}\n className=\"min-w-[140px]\"\n >\n {hasSelection ? `${selectedCount} selected` : 'Bulk Actions'}\n <IconChevronDown className=\"ml-2 h-4 w-4\" />\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n {allActions.map((action, index) => (\n <div key={action.label}>\n {action.variant === 'destructive' && index > 0 && (\n <DropdownMenuSeparator />\n )}\n <DropdownMenuItem\n onClick={action.onClick}\n className={\n action.variant === 'destructive' ? 'text-destructive' : ''\n }\n >\n {action.icon}\n {action.label}\n </DropdownMenuItem>\n </div>\n ))}\n </DropdownMenuContent>\n </DropdownMenu>\n\n <AlertDialog open={showDeleteConfirm} onOpenChange={setShowDeleteConfirm}>\n <AlertDialogContent>\n <AlertDialogHeader>\n <AlertDialogTitle>\n Delete {selectedCount} {itemName}(s)?\n </AlertDialogTitle>\n <AlertDialogDescription>\n This will permanently delete the selected {itemName}(s). This\n action cannot be undone.\n </AlertDialogDescription>\n </AlertDialogHeader>\n <AlertDialogFooter>\n <AlertDialogCancel>Cancel</AlertDialogCancel>\n <AlertDialogAction\n onClick={() => {\n onDelete?.();\n setShowDeleteConfirm(false);\n }}\n className=\"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n >\n Delete\n </AlertDialogAction>\n </AlertDialogFooter>\n </AlertDialogContent>\n </AlertDialog>\n </>\n );\n}\n","import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n","import { cn } from '@mesob/ui/lib/utils';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type * as React from 'react';\n\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n {\n variants: {\n variant: {\n default:\n 'bg-primary text-primary-foreground hover:bg-primary-600 dark:hover:bg-primary-400',\n destructive:\n 'bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40',\n outline:\n 'border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n secondary:\n 'bg-secondary text-secondary-foreground hover:bg-secondary-600 dark:hover:bg-secondary-400',\n ghost:\n 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n link: 'text-primary underline-offset-4 hover:text-primary-600 dark:hover:text-primary-400 hover:underline',\n },\n size: {\n default: 'h-9 px-4 py-2 has-[>svg]:px-3',\n sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',\n lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',\n icon: 'size-9',\n 'icon-sm': 'size-8',\n 'icon-lg': 'size-10',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n },\n);\n\ntype ButtonProps = React.ComponentProps<'button'> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean;\n leftIcon?: React.ReactNode;\n rightIcon?: React.ReactNode;\n };\n\nfunction Button({\n className,\n variant,\n size,\n asChild = false,\n leftIcon,\n rightIcon,\n children,\n ...props\n}: ButtonProps) {\n const Comp = asChild ? Slot : 'button';\n\n return (\n <Comp\n data-slot=\"button\"\n className={cn(buttonVariants({ variant, size, className }))}\n {...props}\n >\n {asChild ? (\n children\n ) : (\n <>\n {leftIcon}\n {children}\n {rightIcon}\n </>\n )}\n </Comp>\n );\n}\n\nexport { Button, buttonVariants };\n","'use client';\n\nimport { buttonVariants } from '@mesob/ui/components/button';\nimport { cn } from '@mesob/ui/lib/utils';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport type * as React from 'react';\n\nfunction AlertDialog({\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\nfunction AlertDialogTrigger({\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n return (\n <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n );\n}\n\nfunction AlertDialogPortal({\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n return (\n <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n );\n}\n\nfunction AlertDialogOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n return (\n <AlertDialogPrimitive.Overlay\n data-slot=\"alert-dialog-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 data-[state=open]:opacity-100 fixed inset-0 z-50 bg-[var(--overlay,oklch(0_0_0/0.5))]',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction AlertDialogContent({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n return (\n <AlertDialogPortal>\n <AlertDialogOverlay />\n <AlertDialogPrimitive.Content\n data-slot=\"alert-dialog-content\"\n className={cn(\n 'bg-background text-foreground border-border data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-[51] grid w-full min-w-[280px] max-w-[calc(100vw-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:min-w-[320px] sm:max-w-[32rem]',\n className,\n )}\n {...props}\n />\n </AlertDialogPortal>\n );\n}\n\nfunction AlertDialogHeader({\n className,\n ...props\n}: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"alert-dialog-header\"\n className={cn('flex flex-col gap-2 text-center sm:text-left', className)}\n {...props}\n />\n );\n}\n\nfunction AlertDialogFooter({\n className,\n ...props\n}: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"alert-dialog-footer\"\n className={cn(\n 'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction AlertDialogTitle({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n return (\n <AlertDialogPrimitive.Title\n data-slot=\"alert-dialog-title\"\n className={cn('text-lg font-semibold', className)}\n {...props}\n />\n );\n}\n\nfunction AlertDialogDescription({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n return (\n <AlertDialogPrimitive.Description\n data-slot=\"alert-dialog-description\"\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n );\n}\n\nfunction AlertDialogAction({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n return (\n <AlertDialogPrimitive.Action\n className={cn(buttonVariants(), className)}\n {...props}\n />\n );\n}\n\nfunction AlertDialogCancel({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n return (\n <AlertDialogPrimitive.Cancel\n className={cn(buttonVariants({ variant: 'outline' }), className)}\n {...props}\n />\n );\n}\n\nexport {\n AlertDialog,\n AlertDialogPortal,\n AlertDialogOverlay,\n AlertDialogTrigger,\n AlertDialogContent,\n AlertDialogHeader,\n AlertDialogFooter,\n AlertDialogTitle,\n AlertDialogDescription,\n AlertDialogAction,\n AlertDialogCancel,\n};\n","'use client';\n\nimport { cn } from '@mesob/ui/lib/utils';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { IconCheck, IconChevronRight, IconCircle } from '@tabler/icons-react';\nimport type * as React from 'react';\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n return (\n <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n );\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n return (\n <DropdownMenuPrimitive.Trigger\n data-slot=\"dropdown-menu-trigger\"\n {...props}\n />\n );\n}\n\nfunction DropdownMenuContent({\n className,\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n return (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n data-slot=\"dropdown-menu-content\"\n sideOffset={sideOffset}\n className={cn(\n 'bg-popover text-popover-foreground border-border data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md',\n className,\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n );\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n return (\n <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n );\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = 'default',\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean;\n variant?: 'default' | 'destructive';\n}) {\n return (\n <DropdownMenuPrimitive.Item\n data-slot=\"dropdown-menu-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n return (\n <DropdownMenuPrimitive.CheckboxItem\n data-slot=\"dropdown-menu-checkbox-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n checked={checked}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <IconCheck className=\"size-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n );\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n return (\n <DropdownMenuPrimitive.RadioGroup\n data-slot=\"dropdown-menu-radio-group\"\n {...props}\n />\n );\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n return (\n <DropdownMenuPrimitive.RadioItem\n data-slot=\"dropdown-menu-radio-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <IconCircle className=\"size-2 fill-current\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n );\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean;\n}) {\n return (\n <DropdownMenuPrimitive.Label\n data-slot=\"dropdown-menu-label\"\n data-inset={inset}\n className={cn(\n 'px-2 py-1.5 text-sm font-medium data-[inset]:pl-8',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n return (\n <DropdownMenuPrimitive.Separator\n data-slot=\"dropdown-menu-separator\"\n className={cn('bg-border -mx-1 my-1 h-px', className)}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<'span'>) {\n return (\n <span\n data-slot=\"dropdown-menu-shortcut\"\n className={cn(\n 'text-muted-foreground ml-auto text-xs tracking-widest',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean;\n}) {\n return (\n <DropdownMenuPrimitive.SubTrigger\n data-slot=\"dropdown-menu-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n >\n {children}\n <IconChevronRight className=\"ml-auto size-4\" />\n </DropdownMenuPrimitive.SubTrigger>\n );\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n return (\n <DropdownMenuPrimitive.SubContent\n data-slot=\"dropdown-menu-sub-content\"\n className={cn(\n 'bg-popover text-popover-foreground border-border data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg',\n className,\n )}\n {...props}\n />\n );\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n};\n","'use client';\n\nimport { cn } from '@mesob/ui/lib/utils';\nimport { IconChevronDown, IconMenu2 } from '@tabler/icons-react';\nimport { motion } from 'motion/react';\nimport type { ComponentType, ReactNode } from 'react';\nimport { useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { Card } from '../card';\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from '../dropdown-menu';\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from '../select';\n\nexport type TabItem = {\n name: string;\n value: string;\n href?: string;\n content?: ReactNode;\n};\n\ntype LinkComponentProps = {\n href: string;\n className?: string;\n children: ReactNode;\n ref?: React.Ref<HTMLAnchorElement>;\n};\n\ntype EntityDetailHeaderProps = {\n title: ReactNode;\n icon?: ReactNode;\n backButton?: ReactNode;\n actions?: ReactNode;\n tabs: TabItem[];\n activeTab?: string;\n defaultTab?: string;\n onTabChange?: (value: string) => void;\n className?: string;\n linkComponent?: ComponentType<LinkComponentProps>;\n};\n\nexport function EntityDetailHeader({\n title,\n icon,\n backButton,\n actions,\n tabs,\n activeTab: controlledActiveTab,\n defaultTab,\n onTabChange,\n className,\n linkComponent: LinkComponent,\n}: EntityDetailHeaderProps) {\n const [internalActiveTab, setInternalActiveTab] = useState(\n defaultTab ?? tabs[0]?.value ?? '',\n );\n const activeTab = controlledActiveTab ?? internalActiveTab;\n\n const [visibleTabs, setVisibleTabs] = useState<TabItem[]>(tabs);\n const [overflowTabs, setOverflowTabs] = useState<TabItem[]>([]);\n const containerRef = useRef<HTMLDivElement>(null);\n const tabsListRef = useRef<HTMLDivElement>(null);\n const dropdownTriggerRef = useRef<HTMLButtonElement>(null);\n const tabRefs = useRef<(HTMLElement | null)[]>([]);\n const [underlineStyle, setUnderlineStyle] = useState({ left: 0, width: 0 });\n\n const handleTabChange = (newValue: string) => {\n if (!controlledActiveTab) {\n setInternalActiveTab(newValue);\n }\n onTabChange?.(newValue);\n };\n\n useLayoutEffect(() => {\n const updateTabs = () => {\n if (\n typeof window !== 'undefined' &&\n !window.matchMedia('(min-width: 640px)').matches\n ) {\n setVisibleTabs(tabs);\n setOverflowTabs([]);\n return;\n }\n if (!containerRef.current) {\n return;\n }\n if (!tabsListRef.current) {\n return;\n }\n\n const containerWidth = containerRef.current.offsetWidth;\n const dropdownWidth = 80;\n const padding = 16;\n const availableWidth = containerWidth - padding;\n\n let totalWidth = 0;\n const visible: TabItem[] = [];\n const overflow: TabItem[] = [];\n let hasOverflow = false;\n\n for (const [i, tab] of tabs.entries()) {\n const tabEl = tabRefs.current[i];\n\n if (!tabEl || tabEl.offsetWidth === 0) {\n if (hasOverflow) {\n overflow.push(tab);\n } else {\n visible.push(tab);\n }\n continue;\n }\n\n const tabWidth = tabEl.scrollWidth || tabEl.offsetWidth;\n const wouldFitWithoutDropdown = totalWidth + tabWidth <= availableWidth;\n const wouldFitWithDropdown =\n totalWidth + tabWidth + dropdownWidth <= availableWidth;\n\n if (!hasOverflow && wouldFitWithoutDropdown) {\n visible.push(tab);\n totalWidth += tabWidth;\n } else if (!hasOverflow && wouldFitWithDropdown) {\n visible.push(tab);\n totalWidth += tabWidth;\n hasOverflow = true;\n } else {\n hasOverflow = true;\n overflow.push(tab);\n }\n }\n\n setVisibleTabs(visible);\n setOverflowTabs(overflow);\n };\n\n const timeoutId = setTimeout(updateTabs, 100);\n\n const resizeObserver = new ResizeObserver(() => {\n setTimeout(updateTabs, 0);\n });\n\n if (containerRef.current) {\n resizeObserver.observe(containerRef.current);\n }\n\n if (tabsListRef.current) {\n resizeObserver.observe(tabsListRef.current);\n }\n\n window.addEventListener('resize', updateTabs);\n\n return () => {\n clearTimeout(timeoutId);\n resizeObserver.disconnect();\n window.removeEventListener('resize', updateTabs);\n };\n }, [tabs]);\n\n useLayoutEffect(() => {\n const updateUnderline = () => {\n const isInOverflow = overflowTabs.some((tab) => tab.value === activeTab);\n\n if (isInOverflow && dropdownTriggerRef.current) {\n const { offsetLeft, offsetWidth } = dropdownTriggerRef.current;\n setUnderlineStyle({\n left: offsetLeft,\n width: offsetWidth,\n });\n return;\n }\n\n const activeTabIndex = tabs.findIndex((tab) => tab.value === activeTab);\n const activeTabElement = tabRefs.current[activeTabIndex];\n\n if (\n activeTabElement &&\n visibleTabs.some((tab) => tab.value === activeTab)\n ) {\n const { offsetLeft, offsetWidth } = activeTabElement;\n setUnderlineStyle({\n left: offsetLeft,\n width: offsetWidth,\n });\n }\n };\n\n updateUnderline();\n }, [activeTab, visibleTabs, overflowTabs, tabs]);\n\n const activeTabData = useMemo(\n () => tabs.find((tab) => tab.value === activeTab),\n [tabs, activeTab],\n );\n\n const renderTab = (tab: TabItem, originalIndex: number) => {\n const isActive = activeTab === tab.value;\n\n const tabClassName = cn(\n 'relative z-10 px-4 py-3 text-sm font-medium transition-all duration-200',\n 'hover:bg-muted/60 rounded-t-md cursor-pointer',\n isActive ? 'text-primary' : 'text-muted-foreground hover:text-foreground',\n );\n\n const setRef = (el: HTMLElement | null) => {\n if (originalIndex >= 0) {\n tabRefs.current[originalIndex] = el;\n }\n };\n\n if (tab.href && LinkComponent) {\n return (\n <LinkComponent\n key={tab.value}\n href={tab.href}\n className={tabClassName}\n ref={setRef as React.Ref<HTMLAnchorElement>}\n >\n {tab.name}\n </LinkComponent>\n );\n }\n\n return (\n <button\n key={tab.value}\n type=\"button\"\n ref={setRef}\n onClick={() => handleTabChange(tab.value)}\n className={tabClassName}\n >\n {tab.name}\n </button>\n );\n };\n\n const renderDropdownItem = (tab: TabItem) => {\n const isActive = activeTab === tab.value;\n const itemClassName = cn(\n 'cursor-pointer',\n isActive && 'bg-accent font-medium',\n );\n\n if (tab.href && LinkComponent) {\n return (\n <DropdownMenuItem key={tab.value} asChild className={itemClassName}>\n <LinkComponent href={tab.href}>{tab.name}</LinkComponent>\n </DropdownMenuItem>\n );\n }\n\n return (\n <DropdownMenuItem\n key={tab.value}\n onClick={() => handleTabChange(tab.value)}\n className={itemClassName}\n >\n {tab.name}\n </DropdownMenuItem>\n );\n };\n\n return (\n <div className={cn('flex flex-col', className)}>\n <Card className=\"overflow-hidden p-0 gap-0\">\n <div className=\"flex items-center justify-between gap-2 p-4 pb-2 \">\n <div className=\"flex items-center gap-2\">\n {backButton}\n {icon}\n <span className=\"text-lg font-semibold\">{title}</span>\n </div>\n {actions && <div className=\"flex items-center gap-2\">{actions}</div>}\n </div>\n <div ref={containerRef} className=\"w-full px-4\">\n <div className=\"mb-3 w-full sm:hidden\">\n <Select value={activeTab} onValueChange={handleTabChange}>\n <SelectTrigger className=\"h-9 w-full gap-2 [&>svg:first-child]:shrink-0\">\n <IconMenu2 className=\"size-4 text-muted-foreground\" />\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {tabs.map((tab) => (\n <SelectItem key={tab.value} value={tab.value}>\n {tab.name}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n <div\n ref={tabsListRef}\n className=\"relative hidden items-center sm:flex\"\n >\n {visibleTabs.map((tab) => {\n const originalIndex = tabs.findIndex(\n (t) => t.value === tab.value,\n );\n return renderTab(tab, originalIndex);\n })}\n\n {overflowTabs.length > 0 && (\n <DropdownMenu>\n <DropdownMenuTrigger\n ref={dropdownTriggerRef}\n className={cn(\n 'relative z-10 flex items-center gap-1 px-4 py-3 text-sm font-medium transition-all duration-200',\n 'hover:bg-muted/60 rounded-t-md',\n overflowTabs.some((tab) => tab.value === activeTab)\n ? 'text-primary'\n : 'text-muted-foreground hover:text-foreground',\n )}\n >\n More\n <IconChevronDown className=\"h-4 w-4\" />\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"start\" className=\"min-w-40\">\n {overflowTabs.map(renderDropdownItem)}\n </DropdownMenuContent>\n </DropdownMenu>\n )}\n\n <motion.div\n className=\"absolute bottom-0 left-0 z-20 h-0.5 bg-primary\"\n animate={{\n left: underlineStyle.left,\n width: underlineStyle.width,\n }}\n transition={{\n type: 'spring',\n stiffness: 400,\n damping: 40,\n }}\n />\n </div>\n </div>\n </Card>\n\n {activeTabData?.content && (\n <div className=\"flex-1\">{activeTabData.content}</div>\n )}\n </div>\n );\n}\n","import { cn } from '@mesob/ui/lib/utils';\nimport type * as React from 'react';\n\nfunction Card({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card\"\n className={cn(\n 'bg-card text-card-foreground border-border flex flex-col gap-6 rounded-xl border py-6',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-header\"\n className={cn(\n '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-title\"\n className={cn('leading-none font-semibold', className)}\n {...props}\n />\n );\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-description\"\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n );\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-action\"\n className={cn(\n 'col-start-2 row-span-2 row-start-1 self-start justify-self-end',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-content\"\n className={cn('px-6', className)}\n {...props}\n />\n );\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-footer\"\n className={cn('flex items-center px-6 [.border-t]:pt-6', className)}\n {...props}\n />\n );\n}\n\nexport {\n Card,\n CardHeader,\n CardFooter,\n CardTitle,\n CardAction,\n CardDescription,\n CardContent,\n};\n","'use client';\n\nimport { cn } from '@mesob/ui/lib/utils';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { IconCheck, IconChevronDown, IconChevronUp } from '@tabler/icons-react';\nimport type * as React from 'react';\n\nfunction Select({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n className,\n size = 'default',\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n size?: 'sm' | 'default';\n}) {\n return (\n <SelectPrimitive.Trigger\n data-slot=\"select-trigger\"\n data-size={size}\n className={cn(\n \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <IconChevronDown className=\"size-4 opacity-50\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n );\n}\n\nfunction SelectContent({\n className,\n children,\n position = 'popper',\n align = 'center',\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n data-slot=\"select-content\"\n className={cn(\n 'bg-popover text-popover-foreground border-border data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md',\n position === 'popper' &&\n 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n className,\n )}\n position={position}\n align={align}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n 'p-1',\n position === 'popper' &&\n 'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1',\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n );\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n return (\n <SelectPrimitive.Label\n data-slot=\"select-label\"\n className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}\n {...props}\n />\n );\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n return (\n <SelectPrimitive.Item\n data-slot=\"select-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n className,\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <IconCheck className=\"size-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n );\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n return (\n <SelectPrimitive.Separator\n data-slot=\"select-separator\"\n className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}\n {...props}\n />\n );\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n return (\n <SelectPrimitive.ScrollUpButton\n data-slot=\"select-scroll-up-button\"\n className={cn(\n 'flex cursor-default items-center justify-center py-1',\n className,\n )}\n {...props}\n >\n <IconChevronUp className=\"size-4\" />\n </SelectPrimitive.ScrollUpButton>\n );\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n return (\n <SelectPrimitive.ScrollDownButton\n data-slot=\"select-scroll-down-button\"\n className={cn(\n 'flex cursor-default items-center justify-center py-1',\n className,\n )}\n {...props}\n >\n <IconChevronDown className=\"size-4\" />\n </SelectPrimitive.ScrollDownButton>\n );\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n};\n","'use client';\n\nimport type { ReactNode } from 'react';\nimport { useState } from 'react';\nimport {\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogTitle,\n} from '../alert-dialog';\nimport { Sheet, SheetContent, SheetHeader, SheetTitle } from '../sheet';\n\ntype EntityDrawerProps = {\n title: ReactNode;\n form: ReactNode;\n actions: ReactNode;\n open: boolean;\n onClose: () => void;\n isDirty?: boolean;\n size?: 'sm' | 'md' | 'lg' | 'xl';\n};\n\nconst sizeClasses = {\n sm: 'w-full min-w-0 sm:!max-w-[24rem]',\n md: 'w-full min-w-0 sm:!max-w-[28rem]',\n lg: 'w-full min-w-0 sm:!max-w-[32rem]',\n xl: 'w-full min-w-0 sm:!max-w-[36rem]',\n};\n\nexport function EntityDrawer({\n title,\n form,\n actions,\n open,\n onClose,\n isDirty = false,\n size = 'lg',\n}: EntityDrawerProps) {\n const [showConfirm, setShowConfirm] = useState(false);\n\n const handleClose = () => {\n if (isDirty) {\n setShowConfirm(true);\n } else {\n onClose();\n }\n };\n\n const handleConfirmDiscard = () => {\n setShowConfirm(false);\n onClose();\n };\n\n return (\n <>\n <Sheet open={open} onOpenChange={(isOpen) => !isOpen && handleClose()}>\n <SheetContent\n className={`${sizeClasses[size]} flex min-h-0 flex-col overflow-hidden p-0`}\n onInteractOutside={(e) => {\n if (isDirty) {\n e.preventDefault();\n setShowConfirm(true);\n }\n }}\n onEscapeKeyDown={(e) => {\n if (isDirty) {\n e.preventDefault();\n setShowConfirm(true);\n }\n }}\n >\n <SheetHeader className=\"border-border bg-background border-b px-6 py-4\">\n <SheetTitle>{title}</SheetTitle>\n </SheetHeader>\n <div className=\"bg-background flex-1 overflow-y-auto px-6 py-4\">\n {form}\n </div>\n <div className=\"border-border bg-background border-t px-6 py-4\">\n {actions}\n </div>\n </SheetContent>\n </Sheet>\n\n <AlertDialog open={showConfirm} onOpenChange={setShowConfirm}>\n <AlertDialogContent>\n <AlertDialogHeader>\n <AlertDialogTitle>Discard changes?</AlertDialogTitle>\n <AlertDialogDescription>\n You have unsaved changes. Are you sure you want to discard them?\n </AlertDialogDescription>\n </AlertDialogHeader>\n <AlertDialogFooter>\n <AlertDialogCancel>Cancel</AlertDialogCancel>\n <AlertDialogAction\n onClick={handleConfirmDiscard}\n className=\"bg-destructive text-white hover:bg-destructive/90\"\n >\n Discard\n </AlertDialogAction>\n </AlertDialogFooter>\n </AlertDialogContent>\n </AlertDialog>\n </>\n );\n}\n","'use client';\n\nimport { cn } from '@mesob/ui/lib/utils';\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { IconX } from '@tabler/icons-react';\nimport type * as React from 'react';\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n return (\n <SheetPrimitive.Overlay\n data-slot=\"sheet-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 data-[state=open]:opacity-100 fixed inset-0 z-50 bg-[var(--overlay,oklch(0_0_0/0.5))]',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SheetContent({\n className,\n children,\n side = 'right',\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n side?: 'top' | 'right' | 'bottom' | 'left';\n}) {\n return (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content\n data-slot=\"sheet-content\"\n className={cn(\n 'bg-background text-foreground border-border data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:opacity-100 fixed z-[51] flex min-w-0 flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n side === 'right' &&\n 'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n side === 'left' &&\n 'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n side === 'top' &&\n 'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n side === 'bottom' &&\n 'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n className,\n )}\n {...props}\n >\n {children}\n <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n <IconX className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPortal>\n );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-header\"\n className={cn('flex flex-col gap-1.5 p-4', className)}\n {...props}\n />\n );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-footer\"\n className={cn('mt-auto flex flex-col gap-2 p-4', className)}\n {...props}\n />\n );\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n return (\n <SheetPrimitive.Title\n data-slot=\"sheet-title\"\n className={cn('text-foreground font-semibold', className)}\n {...props}\n />\n );\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n return (\n <SheetPrimitive.Description\n data-slot=\"sheet-description\"\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n );\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n};\n","'use client';\n\nimport { IconChevronRight, IconPencil, IconPlus } from '@tabler/icons-react';\nimport type { ReactNode } from 'react';\nimport { useState } from 'react';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../button';\n\ntype EntityDrawerTriggerProps = {\n mode: 'new' | 'edit';\n entity?: string;\n label?: string;\n children: (open: boolean, onClose: () => void) => ReactNode;\n variant?: 'default' | 'icon' | 'outline';\n disabled?: boolean;\n className?: string;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n};\n\nexport function EntityDrawerTrigger({\n mode,\n entity,\n label,\n children,\n variant = 'default',\n disabled = false,\n className,\n open: controlledOpen,\n onOpenChange,\n}: EntityDrawerTriggerProps) {\n const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n\n const isControlled = controlledOpen !== undefined;\n const open = isControlled ? controlledOpen : uncontrolledOpen;\n\n const handleOpen = () => {\n if (isControlled) {\n onOpenChange?.(true);\n } else {\n setUncontrolledOpen(true);\n }\n };\n\n const handleClose = () => {\n if (isControlled) {\n onOpenChange?.(false);\n } else {\n setUncontrolledOpen(false);\n }\n };\n\n const buttonLabel =\n label || (mode === 'new' ? `New ${entity}` : `Edit ${entity}`);\n\n return (\n <>\n {mode === 'edit' && variant === 'icon' && (\n <Button\n variant=\"ghost\"\n size=\"icon\"\n className={`size-8 opacity-0 group-hover:opacity-100 transition-opacity ${className}`}\n onClick={handleOpen}\n disabled={disabled}\n >\n <IconChevronRight className=\"size-4\" />\n </Button>\n )}\n {mode === 'edit' && variant !== 'icon' && (\n <Button\n variant={variant === 'outline' ? 'outline' : 'default'}\n size=\"sm\"\n onClick={handleOpen}\n disabled={disabled}\n className={className}\n leftIcon={<IconPencil className=\"size-4\" />}\n >\n {buttonLabel}\n </Button>\n )}\n {mode === 'new' && (\n <Button\n variant={variant === 'outline' ? 'outline' : 'default'}\n size=\"sm\"\n onClick={handleOpen}\n disabled={disabled}\n className={cn(\n 'max-sm:h-8 max-sm:w-8 max-sm:shrink-0 max-sm:justify-center max-sm:p-0',\n className,\n )}\n leftIcon={<IconPlus className=\"size-4\" />}\n >\n <span className=\"hidden sm:inline\">{buttonLabel}</span>\n </Button>\n )}\n {open && children(open, handleClose)}\n </>\n );\n}\n","'use client';\n\nimport { cn } from '@mesob/ui/lib/utils';\nimport { IconPackage } from '@tabler/icons-react';\nimport type { ComponentType, ReactNode } from 'react';\nimport { Button } from '../button';\nimport {\n Empty,\n EmptyContent,\n EmptyDescription,\n EmptyHeader,\n EmptyMedia,\n EmptyTitle,\n} from '../empty';\n\ntype EntityEmptyStateProps = {\n icon?: ComponentType<Record<string, unknown>>;\n title?: string;\n description?: string;\n entityName?: string;\n actionLabel?: string;\n onAction?: () => void;\n children?: ReactNode;\n className?: string;\n};\n\nexport function EntityEmptyState({\n icon: Icon = IconPackage,\n title,\n description,\n entityName = 'item',\n actionLabel,\n onAction,\n children,\n className,\n}: EntityEmptyStateProps) {\n const defaultTitle = `No ${entityName}s yet`;\n const defaultDescription = `Get started by creating your first ${entityName}.`;\n const defaultActionLabel = `Create ${entityName}`;\n\n return (\n <Empty className={cn('border py-12', className)}>\n <EmptyHeader>\n <EmptyMedia variant=\"icon\">\n <Icon className=\"size-5\" />\n </EmptyMedia>\n <EmptyTitle>{title ?? defaultTitle}</EmptyTitle>\n <EmptyDescription>{description ?? defaultDescription}</EmptyDescription>\n </EmptyHeader>\n <EmptyContent>\n {children ??\n (onAction && (\n <Button onClick={onAction}>\n {actionLabel ?? defaultActionLabel}\n </Button>\n ))}\n </EmptyContent>\n </Empty>\n );\n}\n","import { cn } from '@mesob/ui/lib/utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nfunction Empty({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"empty\"\n className={cn(\n 'flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction EmptyHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"empty-header\"\n className={cn(\n 'flex max-w-sm flex-col items-center gap-2 text-center',\n className,\n )}\n {...props}\n />\n );\n}\n\nconst emptyMediaVariants = cva(\n 'flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n {\n variants: {\n variant: {\n default: 'bg-transparent',\n icon: \"bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6\",\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\nfunction EmptyMedia({\n className,\n variant = 'default',\n ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>) {\n return (\n <div\n data-slot=\"empty-icon\"\n data-variant={variant}\n className={cn(emptyMediaVariants({ variant, className }))}\n {...props}\n />\n );\n}\n\nfunction EmptyTitle({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"empty-title\"\n className={cn('text-lg font-medium tracking-tight', className)}\n {...props}\n />\n );\n}\n\nfunction EmptyDescription({ className, ...props }: React.ComponentProps<'p'>) {\n return (\n <div\n data-slot=\"empty-description\"\n className={cn(\n 'text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction EmptyContent({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"empty-content\"\n className={cn(\n 'flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance',\n className,\n )}\n {...props}\n />\n );\n}\n\nexport {\n Empty,\n EmptyHeader,\n EmptyTitle,\n EmptyDescription,\n EmptyContent,\n EmptyMedia,\n};\n","'use client';\n\nimport { IconFilter } from '@tabler/icons-react';\nimport { parseAsInteger, parseAsString, useQueryState } from 'nuqs';\nimport { cn } from '../../lib/utils';\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from '../select';\n\ntype FilterOption = {\n label: string;\n value: string;\n};\n\ntype EntityFilterProps = {\n options: FilterOption[];\n placeholder?: string;\n className?: string;\n label?: string;\n};\n\nexport function EntityFilter({\n options,\n placeholder = 'Filter',\n className,\n label,\n}: EntityFilterProps) {\n const [value, setValue] = useQueryState('filter', parseAsString);\n const [, setPage] = useQueryState('page', parseAsInteger.withDefault(1));\n\n const handleChange = (newValue: string) => {\n if (newValue === '__all__') {\n setValue(null);\n } else {\n setValue(newValue || null);\n }\n setPage(1);\n };\n\n const validOptions = options.filter((opt) => opt.value !== '');\n const displayValue =\n value || (options.some((opt) => opt.value === '') ? '__all__' : undefined);\n\n return (\n <div className={cn('flex w-full items-center gap-2', className)}>\n {label && (\n <span className=\"shrink-0 text-sm text-muted-foreground\">{label}</span>\n )}\n <div className=\"min-w-0 flex-1\">\n <Select value={displayValue} onValueChange={handleChange}>\n <SelectTrigger className=\"h-9 w-full min-w-[150px]\">\n <IconFilter className=\"size-4\" />\n <SelectValue placeholder={placeholder} />\n </SelectTrigger>\n <SelectContent>\n {options.some((opt) => opt.value === '') && (\n <SelectItem key=\"__all__\" value=\"__all__\">\n {options.find((opt) => opt.value === '')?.label || 'All'}\n </SelectItem>\n )}\n {validOptions.map((option) => (\n <SelectItem key={option.value} value={option.value}>\n {option.label}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n </div>\n );\n}\n","'use client';\n\nimport {\n IconDeviceFloppy,\n IconRotateClockwise,\n IconTrash,\n} from '@tabler/icons-react';\nimport {\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogTitle,\n AlertDialogTrigger,\n} from '../alert-dialog';\nimport { Button } from '../button';\nimport { Spinner } from '../spinner';\n\ntype EntityFormActionsProps = {\n mode: 'new' | 'edit';\n onSubmit?: () => void;\n onReset?: () => void;\n onDelete?: () => void;\n onCancel?: () => void;\n isSubmitting?: boolean;\n isDeleting?: boolean;\n disabled?: boolean;\n submitLabel?: string;\n deleteLabel?: string;\n itemName?: string;\n};\n\nexport function EntityFormActions({\n mode,\n onSubmit,\n onReset,\n onDelete,\n onCancel,\n isSubmitting = false,\n isDeleting = false,\n disabled = false,\n submitLabel,\n deleteLabel = 'Delete',\n itemName = 'item',\n}: EntityFormActionsProps) {\n const defaultSubmitLabel = mode === 'new' ? 'Create' : 'Update';\n const label = submitLabel || defaultSubmitLabel;\n\n return (\n <div className=\"flex items-center gap-3\">\n {onSubmit && (\n <Button\n onClick={onSubmit}\n disabled={disabled || isSubmitting}\n className=\"cursor-pointer\"\n leftIcon={\n isSubmitting ? (\n <Spinner className=\"size-4\" />\n ) : (\n <IconDeviceFloppy className=\"size-4\" />\n )\n }\n >\n {label}\n </Button>\n )}\n\n {mode === 'new' && onReset && (\n <Button\n variant=\"outline\"\n onClick={onReset}\n disabled={disabled}\n className=\"cursor-pointer\"\n >\n <IconRotateClockwise className=\" h-4 w-4\" />\n Reset\n </Button>\n )}\n\n {mode === 'edit' && onDelete && (\n <AlertDialog>\n <AlertDialogTrigger asChild>\n <Button\n variant=\"destructive\"\n disabled={disabled || isDeleting}\n className=\"cursor-pointer\"\n leftIcon={\n isDeleting ? (\n <Spinner className=\"size-4\" />\n ) : (\n <IconTrash className=\"size-4\" />\n )\n }\n >\n {deleteLabel}\n </Button>\n </AlertDialogTrigger>\n <AlertDialogContent>\n <AlertDialogHeader>\n <AlertDialogTitle>Are you sure?</AlertDialogTitle>\n <AlertDialogDescription>\n This will permanently delete this {itemName}. This action cannot\n be undone.\n </AlertDialogDescription>\n </AlertDialogHeader>\n <AlertDialogFooter>\n <AlertDialogCancel>Cancel</AlertDialogCancel>\n <AlertDialogAction\n onClick={onDelete}\n className=\"bg-destructive text-white hover:bg-destructive/90\"\n >\n Delete\n </AlertDialogAction>\n </AlertDialogFooter>\n </AlertDialogContent>\n </AlertDialog>\n )}\n\n {onCancel && (\n <Button\n variant=\"ghost\"\n onClick={onCancel}\n disabled={disabled}\n className=\"cursor-pointer\"\n >\n Cancel\n </Button>\n )}\n </div>\n );\n}\n","import { cn } from '@mesob/ui/lib/utils';\nimport { IconLoader2 } from '@tabler/icons-react';\n\nfunction Spinner({\n className,\n ...props\n}: React.ComponentProps<typeof IconLoader2>) {\n return (\n <IconLoader2\n role=\"status\"\n aria-label=\"Loading\"\n className={cn('size-4 animate-spin', className)}\n {...props}\n />\n );\n}\n\nexport { Spinner };\n","'use client';\n\nimport { IconChevronDown, IconChevronUp } from '@tabler/icons-react';\nimport type { ReactNode } from 'react';\nimport { useState } from 'react';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../button';\nimport { Card } from '../card';\n\ntype EntityHeaderProps = {\n title: ReactNode;\n icon?: ReactNode;\n actions?: ReactNode;\n search?: ReactNode;\n filter?: ReactNode;\n sort?: ReactNode;\n view?: ReactNode;\n};\n\nexport function EntityHeader({\n title,\n icon,\n actions,\n search,\n filter,\n sort,\n view,\n}: EntityHeaderProps) {\n const [toolbarOpen, setToolbarOpen] = useState(false);\n const hasToolbar = [search, filter, sort, view].some(Boolean);\n\n return (\n <Card className=\"p-4\">\n <div className=\"flex flex-col gap-4\">\n <div className=\"flex items-center justify-between\">\n <div className=\"flex items-center gap-2\">\n {icon}\n <span className=\"text-lg font-semibold\">{title}</span>\n </div>\n <div className=\"flex items-center gap-3\">\n {actions}\n {hasToolbar && (\n <Button\n variant=\"secondary\"\n size=\"icon-sm\"\n className=\"md:hidden\"\n onClick={() => setToolbarOpen((o) => !o)}\n aria-expanded={toolbarOpen}\n aria-label={toolbarOpen ? 'Hide filters' : 'Show filters'}\n >\n {toolbarOpen ? (\n <IconChevronUp className=\"h-4 w-4\" />\n ) : (\n <IconChevronDown className=\"h-4 w-4\" />\n )}\n </Button>\n )}\n </div>\n </div>\n {hasToolbar && (\n <div\n className={cn(\n 'flex flex-col gap-2 md:flex-row md:items-center md:gap-2 md:justify-between',\n !toolbarOpen && 'hidden',\n 'md:flex',\n )}\n >\n <div className=\"w-full min-w-0 flex-1 md:min-w-[12rem]\">\n {search}\n </div>\n <div className=\"flex w-full shrink-0 flex-col gap-2 *:w-full md:w-auto md:flex-row md:items-center md:gap-2 md:*:w-auto\">\n {filter}\n {sort}\n {view}\n </div>\n </div>\n )}\n </div>\n </Card>\n );\n}\n","import { cn } from '@mesob/ui/lib/utils';\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"skeleton\"\n className={cn('bg-accent animate-pulse rounded-md', className)}\n {...props}\n />\n );\n}\n\nexport { Skeleton };\n","'use client';\n\nimport { cn } from '@mesob/ui/lib/utils';\nimport type * as React from 'react';\n\nfunction Table({ className, ...props }: React.ComponentProps<'table'>) {\n return (\n <div\n data-slot=\"table-container\"\n className=\"relative w-full overflow-x-auto\"\n >\n <table\n data-slot=\"table\"\n className={cn('w-full caption-bottom text-sm px-2', className)}\n {...props}\n />\n </div>\n );\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn('[&_tr]:border-b', className)}\n {...props}\n />\n );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn('[&_tr:last-child]:border-0', className)}\n {...props}\n />\n );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn(\n 'bg-muted/50 border-t font-medium [&>tr]:last:border-b-0',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n 'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<'th'>) {\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n 'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n 'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction TableCaption({\n className,\n ...props\n}: React.ComponentProps<'caption'>) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn('text-muted-foreground mt-4 text-sm', className)}\n {...props}\n />\n );\n}\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n};\n","/** biome-ignore-all lint/suspicious/noArrayIndexKey: <explanation> */\n'use client';\n\nimport { Skeleton } from '@mesob/ui/components/skeleton';\nimport {\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from '@mesob/ui/components/table';\nimport { cn } from '@mesob/ui/lib/utils';\n\ntype EntityLoadingStateProps = {\n view: 'table' | 'card';\n rowCount?: number;\n columnCount?: number;\n cardCount?: number;\n className?: string;\n};\n\nexport function EntityLoadingState({\n view,\n rowCount = 5,\n columnCount = 5,\n cardCount = 8,\n className,\n}: EntityLoadingStateProps) {\n if (view === 'table') {\n return (\n <div className={cn('rounded-md border', className)}>\n <Table>\n <TableHeader>\n <TableRow>\n {/* biome-ignore lint/suspicious/noArrayIndexKey: static loading skeleton */}\n {Array.from({ length: columnCount }).map((_, i) => (\n <TableHead key={`header-${i}`}>\n <Skeleton className=\"h-4 w-24\" />\n </TableHead>\n ))}\n </TableRow>\n </TableHeader>\n <TableBody>\n {/* biome-ignore lint/suspicious/noArrayIndexKey: static loading skeleton */}\n {Array.from({ length: rowCount }).map((_, rowIndex) => (\n <TableRow key={`row-${rowIndex}`}>\n {/* biome-ignore lint/suspicious/noArrayIndexKey: static loading skeleton */}\n {Array.from({ length: columnCount }).map((_, colIndex) => (\n <TableCell key={`cell-${rowIndex}-${colIndex}`}>\n <Skeleton className=\"h-4 w-full\" />\n </TableCell>\n ))}\n </TableRow>\n ))}\n </TableBody>\n </Table>\n </div>\n );\n }\n\n return (\n <div\n className={cn(\n 'grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4',\n className,\n )}\n >\n {/* biome-ignore lint/suspicious/noArrayIndexKey: static loading skeleton */}\n {Array.from({ length: cardCount }).map((_, i) => (\n <div\n key={`card-${i}`}\n className=\"border-border space-y-3 rounded-lg border p-4\"\n >\n <div className=\"flex items-center gap-2\">\n <Skeleton className=\"h-4 w-4 rounded-full\" />\n <Skeleton className=\"h-5 w-32\" />\n </div>\n <div className=\"flex gap-2\">\n <Skeleton className=\"h-5 w-16\" />\n <Skeleton className=\"h-5 w-16\" />\n </div>\n <Skeleton className=\"h-4 w-full\" />\n <Skeleton className=\"h-4 w-3/4\" />\n <Skeleton className=\"h-3 w-24\" />\n </div>\n ))}\n </div>\n );\n}\n","'use client';\n\nimport { IconSearch, IconX } from '@tabler/icons-react';\nimport { parseAsInteger, parseAsString, useQueryState } from 'nuqs';\nimport { useRef } from 'react';\nimport { useDebouncedCallback } from 'use-debounce';\nimport { cn } from '../../lib/utils';\nimport { Input } from '../input';\n\ntype EntitySearchProps = {\n paramKey?: string;\n placeholder?: string;\n className?: string;\n};\n\nexport function EntitySearch({\n paramKey = 'search',\n placeholder = 'Search...',\n className,\n}: EntitySearchProps) {\n const [value, setValue] = useQueryState(\n paramKey,\n parseAsString.withDefault(''),\n );\n const [, setPage] = useQueryState('page', parseAsInteger.withDefault(1));\n const ref = useRef<HTMLInputElement>(null);\n\n const handleSearch = useDebouncedCallback((term: string) => {\n setValue(term || null);\n setPage(1);\n }, 300);\n\n const handleClear = () => {\n setValue(null);\n setPage(1);\n if (ref.current) {\n ref.current.value = '';\n }\n };\n\n return (\n <div className={cn('relative w-full min-w-0', className)}>\n <IconSearch className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n <Input\n ref={ref}\n placeholder={placeholder}\n defaultValue={value}\n onChange={(e) => handleSearch(e.target.value)}\n className=\"w-full min-w-0 pl-9 pr-9\"\n />\n {value && (\n <button\n type=\"button\"\n onClick={handleClear}\n className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n >\n <IconX className=\"h-4 w-4\" />\n </button>\n )}\n </div>\n );\n}\n","import { cn } from '@mesob/ui/lib/utils';\nimport type * as React from 'react';\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n return (\n <input\n type={type}\n data-slot=\"input\"\n className={cn(\n 'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n 'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Input };\n","'use client';\n\nimport {\n IconSortAscendingLetters,\n IconSortDescendingLetters,\n} from '@tabler/icons-react';\nimport { parseAsInteger, parseAsString, useQueryState } from 'nuqs';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../button';\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from '../select';\n\ntype SortOption = {\n label: string;\n value: string;\n};\n\ntype EntitySortProps = {\n options: SortOption[];\n defaultSort?: string;\n defaultOrder?: 'asc' | 'desc';\n className?: string;\n};\n\nexport function EntitySort({\n options,\n defaultSort = 'createdAt',\n defaultOrder = 'desc',\n className,\n}: EntitySortProps) {\n const [sort, setSort] = useQueryState(\n 'sort',\n parseAsString.withDefault(defaultSort),\n );\n const [order, setOrder] = useQueryState(\n 'order',\n parseAsString.withDefault(defaultOrder),\n );\n const [, setPage] = useQueryState('page', parseAsInteger.withDefault(1));\n\n const handleSortChange = (value: string) => {\n setSort(value);\n setPage(1);\n };\n\n const toggleOrder = () => {\n setOrder(order === 'asc' ? 'desc' : 'asc');\n setPage(1);\n };\n\n return (\n <div className={cn('flex w-full items-center gap-0', className)}>\n <div className=\"min-w-0 flex-1\">\n <Select value={sort} onValueChange={handleSortChange}>\n <SelectTrigger className=\"h-9 w-full min-w-[150px] rounded-r-none border-r-0\">\n <SelectValue placeholder=\"Sort by\" />\n </SelectTrigger>\n <SelectContent>\n {options.map((option) => (\n <SelectItem key={option.value} value={option.value}>\n {option.label}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n <Button\n variant=\"outline\"\n size=\"icon\"\n className=\"h-9 shrink-0 rounded-l-none\"\n onClick={toggleOrder}\n >\n {order === 'asc' ? (\n <IconSortAscendingLetters className=\"h-4 w-4\" />\n ) : (\n <IconSortDescendingLetters className=\"h-4 w-4\" />\n )}\n </Button>\n </div>\n );\n}\n","'use client';\n\nimport { IconGridDots, IconList, IconTable } from '@tabler/icons-react';\nimport { parseAsString, useQueryState } from 'nuqs';\nimport type { ReactNode } from 'react';\nimport { cn } from '../../lib/utils';\nimport { ToggleGroup, ToggleGroupItem } from '../toggle-group';\n\ntype ViewOption = 'table' | 'card' | 'list';\n\ntype EntityViewToggleProps = {\n views?: ViewOption[];\n className?: string;\n};\n\nconst viewIcons: Record<ViewOption, ReactNode> = {\n table: <IconTable className=\"h-4 w-4\" />,\n card: <IconGridDots className=\"h-4 w-4\" />,\n list: <IconList className=\"h-4 w-4\" />,\n};\n\nexport function EntityViewToggle({\n views = ['table', 'card'],\n className,\n}: EntityViewToggleProps) {\n const [value, setValue] = useQueryState(\n 'view',\n parseAsString.withDefault('table'),\n );\n\n return (\n <ToggleGroup\n type=\"single\"\n value={value as string}\n onValueChange={(v) => v && setValue(v as ViewOption)}\n className={cn('w-full! border rounded-md md:w-auto!', className)}\n >\n {views.map((v) => (\n <ToggleGroupItem\n key={v}\n value={v}\n aria-label={`${v} view`}\n className=\"h-9 min-w-0 flex-1 px-3\"\n >\n {viewIcons[v]}\n </ToggleGroupItem>\n ))}\n </ToggleGroup>\n );\n}\n","'use client';\n\nimport { cn } from '@mesob/ui/lib/utils';\nimport * as TogglePrimitive from '@radix-ui/react-toggle';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type * as React from 'react';\n\nconst toggleVariants = cva(\n \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap\",\n {\n variants: {\n variant: {\n default: 'bg-transparent',\n outline:\n 'border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground',\n },\n size: {\n default: 'h-9 px-2 min-w-9',\n sm: 'h-8 px-1.5 min-w-8',\n lg: 'h-10 px-2.5 min-w-10',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n },\n);\n\nfunction Toggle({\n className,\n variant,\n size,\n ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n VariantProps<typeof toggleVariants>) {\n return (\n <TogglePrimitive.Root\n data-slot=\"toggle\"\n className={cn(toggleVariants({ variant, size, className }))}\n {...props}\n />\n );\n}\n\nexport { Toggle, toggleVariants };\n","'use client';\n\nimport { toggleVariants } from '@mesob/ui/components/toggle';\nimport { cn } from '@mesob/ui/lib/utils';\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nconst ToggleGroupContext = React.createContext<\n VariantProps<typeof toggleVariants> & {\n spacing?: number;\n }\n>({\n size: 'default',\n variant: 'default',\n spacing: 0,\n});\n\nfunction ToggleGroup({\n className,\n variant,\n size,\n spacing = 0,\n children,\n ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n VariantProps<typeof toggleVariants> & {\n spacing?: number;\n }) {\n return (\n <ToggleGroupPrimitive.Root\n data-slot=\"toggle-group\"\n data-variant={variant}\n data-size={size}\n data-spacing={spacing}\n style={{ '--gap': spacing } as React.CSSProperties}\n className={cn(\n 'group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs',\n className,\n )}\n {...props}\n >\n <ToggleGroupContext.Provider value={{ variant, size, spacing }}>\n {children}\n </ToggleGroupContext.Provider>\n </ToggleGroupPrimitive.Root>\n );\n}\n\nfunction ToggleGroupItem({\n className,\n children,\n variant,\n size,\n ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\n VariantProps<typeof toggleVariants>) {\n const context = React.useContext(ToggleGroupContext);\n\n return (\n <ToggleGroupPrimitive.Item\n data-slot=\"toggle-group-item\"\n data-variant={context.variant || variant}\n data-size={context.size || size}\n data-spacing={context.spacing}\n className={cn(\n toggleVariants({\n variant: context.variant || variant,\n size: context.size || size,\n }),\n 'w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10',\n 'data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l',\n className,\n )}\n {...props}\n >\n {children}\n </ToggleGroupPrimitive.Item>\n );\n}\n\nexport { ToggleGroup, ToggleGroupItem };\n","type PaginationData = {\n items: unknown[];\n total?: number | string | null;\n pageSize: number;\n};\n\nexport function useEntityPagination({\n items,\n total,\n pageSize,\n}: PaginationData) {\n const totalCount = Number(total ?? items.length);\n const pageCount = Math.ceil(totalCount / pageSize);\n\n return {\n total: totalCount,\n pageCount,\n hasData: items.length > 0,\n isEmpty: totalCount === 0,\n };\n}\n","'use client';\n\nimport { parseAsInteger, parseAsString, useQueryStates } from 'nuqs';\nimport { useMemo } from 'react';\n\ntype EntityParamsConfig = {\n searchKey?: string;\n searchParamName?: string;\n defaultSort?: string;\n defaultOrder?: 'asc' | 'desc';\n defaultPageSize?: number;\n};\n\nexport function useEntityParams(config: EntityParamsConfig = {}) {\n const {\n searchKey = 'search',\n searchParamName,\n defaultSort = 'createdAt',\n defaultOrder = 'desc',\n defaultPageSize = 10,\n } = config;\n\n const [params, setParams] = useQueryStates({\n ...(searchKey && {\n [searchKey]: parseAsString.withDefault(''),\n }),\n view: parseAsString.withDefault('table'),\n page: parseAsInteger.withDefault(1),\n pageSize: parseAsInteger.withDefault(defaultPageSize),\n filter: parseAsString,\n sort: parseAsString.withDefault(defaultSort),\n order: parseAsString.withDefault(defaultOrder),\n });\n\n const queryConfig = useMemo(\n () => ({\n params: {\n query: {\n page: params.page,\n limit: params.pageSize,\n ...(searchKey &&\n (params as Record<string, string | number | null | undefined>)[\n searchKey\n ] && {\n [searchParamName ||\n (searchKey === 'search' ? 'search' : 'handle')]: (\n params as Record<string, string | number | null | undefined>\n )[searchKey],\n }),\n ...(params.filter && { filter: params.filter }),\n ...(params.sort && { sort: params.sort, order: params.order }),\n },\n },\n }),\n [params, searchKey, searchParamName],\n );\n\n return {\n params,\n setParams,\n queryConfig,\n };\n}\n"],"mappings":"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","names":["jsx","jsxs","jsx","jsxs","jsx","jsx","jsx","Fragment","jsx","jsxs","IconChevronDown","useState","jsx","IconCheck","IconChevronDown","jsx","jsxs","jsx","jsxs","IconChevronDown","jsxs","jsx","IconCheck","jsx","IconChevronDown","jsx","jsxs","useState","IconChevronDown","useState","jsx","jsxs","jsx","jsxs","jsx","Fragment","jsx","jsxs","useState","IconChevronRight","useState","Fragment","jsx","jsxs","useState","IconChevronRight","cva","jsx","jsx","jsxs","Icon","jsx","jsxs","IconTrash","jsx","jsx","jsxs","IconTrash","IconChevronDown","IconChevronUp","useState","jsx","jsxs","useState","IconChevronUp","IconChevronDown","jsx","jsx","jsx","jsx","jsxs","_","IconX","parseAsInteger","parseAsString","useQueryState","useRef","jsx","jsx","jsxs","useQueryState","parseAsString","parseAsInteger","useRef","IconX","parseAsInteger","parseAsString","useQueryState","jsx","jsxs","useQueryState","parseAsString","parseAsInteger","parseAsString","useQueryState","cva","jsx","jsx","jsx","useQueryState","parseAsString","parseAsInteger","parseAsString","useMemo"]}