@customafk/lunas-ui 0.2.40 → 0.2.41

package/dist/{sidebar-D5J2gcTw.cjs.map → sidebar-CQZlWCK4.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"sidebar-D5J2gcTw.cjs","names":["open","TooltipProvider","Sheet","SheetContent","SheetHeader","SheetTitle","SheetDescription","Button","MenuIcon","Separator","SlotPrimitive","Tooltip","TooltipTrigger","TooltipContent","Skeleton"],"sources":["../packages/components/dialogs/detail-dialog/components/sidebar.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { MenuIcon } from 'lucide-react';\n\nimport { useIsMobile } from '@customafk/react-toolkit/hooks/useMobile';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '@/components/ui/button';\nimport { Separator } from '@/components/ui/separator';\nimport { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from '@/components/ui/sheet';\nimport { Skeleton } from '@/components/ui/skeleton';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot as SlotPrimitive } from 'radix-ui';\n\nconst SIDEBAR_COOKIE_NAME = 'detail_dialog_sidebar_state';\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nconst SIDEBAR_WIDTH = '18rem';\nconst SIDEBAR_WIDTH_MOBILE = '18rem';\nconst SIDEBAR_WIDTH_ICON = '3rem';\nconst SIDEBAR_KEYBOARD_SHORTCUT = 'p';\n\ntype SidebarContextProps = {\n  /** Current visual state of the sidebar. */\n  state: 'expanded' | 'collapsed';\n  /** Whether the sidebar is open on desktop. */\n  open: boolean;\n  /** Setter for the desktop open state. */\n  setOpen: (open: boolean) => void;\n  /** Whether the sidebar sheet is open on mobile. */\n  openMobile: boolean;\n  /** Setter for the mobile open state. */\n  setOpenMobile: (open: boolean) => void;\n  /** `true` when the viewport is considered mobile-sized. */\n  isMobile: boolean;\n  /** Toggles the sidebar between expanded and collapsed. */\n  toggleSidebar: () => void;\n};\n\nconst SidebarContext = createContext<SidebarContextProps | null>(null);\n\nfunction useSidebar() {\n  const context = use(SidebarContext);\n  if (!context) {\n    throw new Error('useSidebar must be used within a SidebarProvider.');\n  }\n  return context;\n}\n\n/**\n * Context provider that manages sidebar open/collapsed state and persists it via a cookie.\n *\n * @example\n * ```tsx\n * import { SidebarProvider } from '@customafk/lunas-ui/dialogs/detail-dialog/components/sidebar';\n *\n * <SidebarProvider defaultOpen={true}>\n *   <Sidebar collapsible=\"icon\">{...}</Sidebar>\n * </SidebarProvider>\n * ```\n */\nfunction SidebarProvider({\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange: setOpenProp,\n  className,\n  style,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & {\n  /** Whether the sidebar is open by default (uncontrolled). Defaults to `true`. */\n  defaultOpen?: boolean;\n  /** Controlled open state. When provided the component becomes controlled. */\n  open?: boolean;\n  /** Callback fired when the open state changes in controlled mode. */\n  onOpenChange?: (open: boolean) => void;\n}) {\n  const isMobile = useIsMobile();\n  const [openMobile, setOpenMobile] = useState(false);\n\n  const [_open, _setOpen] = useState(defaultOpen);\n  const open = openProp ?? _open;\n  const setOpen = useCallback(\n    (value: boolean | ((value: boolean) => boolean)) => {\n      const openState = typeof value === 'function' ? value(open) : value;\n      if (setOpenProp) {\n        setOpenProp(openState);\n      } else {\n        _setOpen(openState);\n      }\n      // biome-ignore lint/suspicious/noDocumentCookie: persists sidebar state across page loads\n      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n    },\n    [setOpenProp, open]\n  );\n\n  const toggleSidebar = useCallback(() => {\n    return isMobile ? setOpenMobile(open => !open) : setOpen(open => !open);\n  }, [isMobile, setOpen]);\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault();\n        toggleSidebar();\n      }\n    };\n    window.addEventListener('keydown', handleKeyDown);\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [toggleSidebar]);\n\n  const state = open ? 'expanded' : 'collapsed';\n\n  const contextValue = useMemo<SidebarContextProps>(\n    () => ({ state, isMobile, toggleSidebar, open, setOpen, openMobile, setOpenMobile }),\n    [state, isMobile, open, setOpen, openMobile, toggleSidebar]\n  );\n\n  return (\n    <SidebarContext.Provider value={contextValue}>\n      <TooltipProvider delayDuration={0}>\n        <div\n          data-slot=\"sidebar-wrapper\"\n          style={{ '--sidebar-width': SIDEBAR_WIDTH, '--sidebar-width-icon': SIDEBAR_WIDTH_ICON, ...style } as React.CSSProperties}\n          className={cn('group/sidebar-wrapper flex h-full min-h-[85dvh] w-full items-start has-data-[variant=inset]:bg-sidebar', className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </TooltipProvider>\n    </SidebarContext.Provider>\n  );\n}\n\n/**\n * Responsive sidebar container that supports desktop icon-collapse and a mobile Sheet overlay.\n *\n * @example\n * ```tsx\n * import { Sidebar } from '@customafk/lunas-ui/dialogs/detail-dialog/components/sidebar';\n *\n * <Sidebar collapsible=\"icon\" side=\"left\">\n *   {children}\n * </Sidebar>\n * ```\n */\nfunction Sidebar({\n  side = 'left',\n  variant = 'sidebar',\n  collapsible = 'offcanvas',\n  className,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & {\n  /** Which edge the sidebar is anchored to. Defaults to `'left'`. */\n  side?: 'left' | 'right';\n  /** Visual style variant of the sidebar. Defaults to `'sidebar'`. */\n  variant?: 'sidebar' | 'floating' | 'inset';\n  /** Collapse behaviour — slides off-canvas, shrinks to icon strip, or stays fixed. Defaults to `'offcanvas'`. */\n  collapsible?: 'offcanvas' | 'icon' | 'none';\n}) {\n  const { state, isMobile, openMobile, setOpenMobile } = useSidebar();\n\n  if (collapsible === 'none') {\n    return (\n      <div data-slot=\"sidebar\" className={cn('flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground', className)} {...props}>\n        {children}\n      </div>\n    );\n  }\n\n  if (isMobile) {\n    return (\n      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n        <SheetContent\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar\"\n          data-mobile=\"true\"\n          className=\"z-20 hidden w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground shadow-nav md:flex [&>button]:hidden\"\n          style={{ '--sidebar-width': SIDEBAR_WIDTH_MOBILE } as React.CSSProperties}\n          side={side}\n        >\n          <SheetHeader className=\"sr-only\">\n            <SheetTitle>Sidebar</SheetTitle>\n            <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n          </SheetHeader>\n          <div className=\"flex h-full w-full flex-col\">{children}</div>\n        </SheetContent>\n      </Sheet>\n    );\n  }\n\n  return (\n    <div\n      className=\"group peer hidden text-sidebar-foreground md:block\"\n      data-state={state}\n      data-collapsible={state === 'collapsed' ? collapsible : ''}\n      data-variant={variant}\n      data-side={side}\n      data-slot=\"sidebar\"\n    >\n      <div\n        data-slot=\"sidebar-gap\"\n        className={cn(\n          'relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear',\n          'group-data-[collapsible=offcanvas]:w-0',\n          'group-data-[side=right]:rotate-180',\n          variant === 'floating' || variant === 'inset'\n            ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]'\n            : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)'\n        )}\n      />\n      <div\n        data-slot=\"sidebar-container\"\n        className={cn(\n          'absolute inset-y-0 z-20 hidden w-(--sidebar-width) shadow-nav transition-[left,right,width] duration-200 ease-linear md:flex',\n          side === 'left'\n            ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'\n            : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',\n          // Adjust padding for floating and inset variants.\n          variant === 'floating' || variant === 'inset'\n            ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]'\n            : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)',\n          className\n        )}\n        {...props}\n      >\n        <div\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar-inner\"\n          className={cn(\n            'flex size-full flex-col shadow-nav',\n            'group-data-[variant=floating]:rounded-lg',\n            'group-data-[variant=floating]:border',\n            'group-data-[variant=floating]:border-sidebar-border',\n            'group-data-[variant=floating]:shadow-sm'\n          )}\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Icon button that toggles the detail-dialog sidebar open or collapsed.\n *\n * @example\n * ```tsx\n * import { DetailDialogSidebarTrigger } from '@customafk/lunas-ui/dialogs/detail-dialog/components/sidebar';\n *\n * <DetailDialogSidebarTrigger />\n * ```\n */\nfunction DetailDialogSidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>) {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <Button\n      data-sidebar=\"trigger\"\n      data-slot=\"sidebar-trigger\"\n      variant=\"ghost\"\n      color=\"secondary\"\n      size=\"icon\"\n      className={cn('size-10 rounded-full [&_svg]:size-6!', className)}\n      onClick={event => {\n        onClick?.(event);\n        toggleSidebar();\n      }}\n      {...props}\n    >\n      <MenuIcon />\n      <span className=\"sr-only\">Toggle Sidebar</span>\n    </Button>\n  );\n}\n\nfunction DetailDialogSidebarRail({ className, ...props }: React.ComponentProps<'button'>) {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      data-sidebar=\"rail\"\n      data-slot=\"sidebar-rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title=\"Toggle Sidebar\"\n      className={cn(\n        'absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear sm:flex',\n        'after:absolute after:inset-y-0 after:left-1/2 after:w-0.5',\n        'hover:after:bg-sidebar-border',\n        'group-data-[side=left]:-right-4 group-data-[side=right]:left-0',\n        'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize',\n        '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize',\n        'hover:group-data-[collapsible=offcanvas]:bg-sidebar',\n        'group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full',\n        '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2',\n        '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarInset({ className, ...props }: React.ComponentProps<'main'>) {\n  return (\n    <main\n      data-slot=\"sidebar-inset\"\n      className={cn(\n        'relative flex w-full flex-1 flex-col bg-background',\n        'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0',\n        'md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm',\n        'md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DetailDialogSidebarHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sidebar-header\" data-sidebar=\"header\" className={cn('flex flex-col gap-2 p-2', className)} {...props} />;\n}\n\nfunction DetailDialogSidebarFooter({ className, children, ...props }: React.ComponentProps<'div'>) {\n  const { open } = useSidebar();\n  return (\n    <div data-slot=\"sidebar-footer\" data-sidebar=\"footer\" className={cn('flex flex-col gap-2 p-2', className)} {...props}>\n      <DetailDialogSidebarMenu>\n        {open && <DetailDialogSidebarMenuItem>{children}</DetailDialogSidebarMenuItem>}\n        <DetailDialogSidebarMenuItem>\n          <p className=\"pt-2 text-center text-xs text-text-positive-subtle\">Copyright © {new Date().getFullYear()}, Lunas.</p>\n        </DetailDialogSidebarMenuItem>\n      </DetailDialogSidebarMenu>\n    </div>\n  );\n}\n\nfunction DetailDialogSidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>) {\n  return <Separator data-slot=\"sidebar-separator\" data-sidebar=\"separator\" className={cn('mx-2 w-auto bg-sidebar-border', className)} {...props} />;\n}\n\nfunction DetailDialogSidebarContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-content\"\n      data-sidebar=\"content\"\n      className={cn('flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DetailDialogSidebarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sidebar-group\" data-sidebar=\"group\" className={cn('relative flex w-full min-w-0 flex-col p-2', className)} {...props} />;\n}\n\nfunction DetailDialogSidebarGroupLabel({ className, asChild = false, ...props }: React.ComponentProps<'div'> & { asChild?: boolean }) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"sidebar-group-label\"\n      data-sidebar=\"group-label\"\n      className={cn(\n        'flex h-8 shrink-0 items-center rounded-md px-2 font-medium text-sidebar-foreground/70 text-xs outline-hidden ring-sidebar-ring transition-[margin,opacity,color] duration-200 ease-linear focus-visible:ring-2',\n        '[&>svg]:size-4 [&>svg]:shrink-0',\n        'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DetailDialogSidebarGroupAction({ className, asChild = false, ...props }: React.ComponentProps<'button'> & { asChild?: boolean }) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  return (\n    <Comp\n      data-slot=\"sidebar-group-action\"\n      data-sidebar=\"group-action\"\n      className={cn(\n        'absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-hidden ring-sidebar-ring transition-[background-color,color,transform]',\n        'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n        'focus-visible:ring-2',\n        '[&>svg]:size-4 [&>svg]:shrink-0',\n        // Increases the hit area of the button on mobile.\n        'after:absolute after:-inset-2 md:after:hidden',\n        'group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DetailDialogSidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sidebar-group-content\" data-sidebar=\"group-content\" className={cn('w-full text-sm', className)} {...props} />;\n}\n\nfunction DetailDialogSidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {\n  return <ul data-slot=\"sidebar-menu\" data-sidebar=\"menu\" className={cn('flex w-full min-w-0 flex-col gap-1', className)} {...props} />;\n}\n\nfunction DetailDialogSidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"sidebar-menu-item\" data-sidebar=\"menu-item\" className={cn('group/menu-item relative', className)} {...props} />;\n}\n\nconst sidebarMenuButtonVariants = cva(\n  [\n    'peer/menu-button',\n    'cursor-pointer',\n    'flex w-full items-center gap-2',\n    'overflow-hidden rounded-md p-2 outline-hidden',\n    'truncate text-left font-normal',\n    'transition-[color,background-color,width,height,padding]',\n    'active:bg-sidebar-accent active:text-sidebar-accent-foreground',\n    'disabled:pointer-events-none disabled:opacity-50',\n    'group-has-data-[sidebar=menu-action]/menu-item:pr-8',\n    'aria-disabled:pointer-events-none aria-disabled:opacity-50',\n    'data-[active=true]:bg-sidebar-primary-muted data-[active=true]:font-normal data-[active=true]:text-sidebar-primary',\n    'data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground',\n    'group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2!',\n    '[&>svg]:size-4 [&>svg]:shrink-0',\n    '[&>span:last-child]:truncate',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground',\n        outline:\n          'bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]',\n      },\n      size: {\n        default: 'h-8 text-sm',\n        sm: 'h-7 text-xs',\n        lg: 'h-12 text-sm group-data-[collapsible=icon]:p-0!',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\nfunction DetailDialogSidebarMenuButton({\n  asChild = false,\n  isActive = false,\n  variant = 'default',\n  size = 'default',\n  tooltip,\n  className,\n  ...props\n}: React.ComponentProps<'button'> & {\n  asChild?: boolean;\n  isActive?: boolean;\n  tooltip?: string | React.ComponentProps<typeof TooltipContent>;\n} & VariantProps<typeof sidebarMenuButtonVariants>) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  const { state } = useSidebar();\n\n  const button = (\n    <Comp\n      data-slot=\"sidebar-menu-button\"\n      data-sidebar=\"menu-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n\n  if (!tooltip) return button;\n\n  if (typeof tooltip === 'string') {\n    tooltip = { children: tooltip };\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{button}</TooltipTrigger>\n      <TooltipContent side=\"right\" align=\"center\" hidden={state !== 'collapsed'} {...tooltip} />\n    </Tooltip>\n  );\n}\n\nfunction DetailDialogSidebarMenuAction({\n  className,\n  asChild = false,\n  showOnHover = false,\n  ...props\n}: React.ComponentProps<'button'> & {\n  asChild?: boolean;\n  showOnHover?: boolean;\n}) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  return (\n    <Comp\n      data-slot=\"sidebar-menu-action\"\n      data-sidebar=\"menu-action\"\n      className={cn(\n        'absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden',\n        'text-sidebar-foreground ring-sidebar-ring',\n        'transition-[background-color,color,opacity]',\n        'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n        'focus-visible:ring-2',\n        'peer-hover/menu-button:text-sidebar-accent-foreground',\n        '[&>svg]:size-4 [&>svg]:shrink-0',\n        // Increases the hit area of the button on mobile.\n        'after:absolute after:-inset-2 md:after:hidden',\n        'peer-data-[size=sm]/menu-button:top-1',\n        'peer-data-[size=default]/menu-button:top-1.5',\n        'peer-data-[size=lg]/menu-button:top-2.5',\n        'group-data-[collapsible=icon]:hidden',\n        showOnHover && 'peer-data-[active=true]/menu-button:text-sidebar-accent-foreground',\n        showOnHover && 'group-focus-within/menu-item:opacity-100',\n        showOnHover && 'group-hover/menu-item:opacity-100',\n        showOnHover && 'data-[state=open]:opacity-100 md:opacity-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DetailDialogSidebarMenuBadge({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-menu-badge\"\n      data-sidebar=\"menu-badge\"\n      className={cn(\n        'pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 font-medium text-sidebar-foreground text-xs tabular-nums transition-colors',\n        'peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground',\n        'peer-data-[size=sm]/menu-button:top-1',\n        'peer-data-[size=default]/menu-button:top-1.5',\n        'peer-data-[size=lg]/menu-button:top-2.5',\n        'group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DetailDialogSidebarMenuSkeleton({ className, showIcon = false, ...props }: React.ComponentProps<'div'> & { showIcon?: boolean }) {\n  const width = useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);\n  return (\n    <div data-slot=\"sidebar-menu-skeleton\" data-sidebar=\"menu-skeleton\" className={cn('flex h-8 items-center gap-2 rounded-md px-2', className)} {...props}>\n      {showIcon && <Skeleton className=\"size-4 rounded-md\" data-sidebar=\"menu-skeleton-icon\" />}\n      <Skeleton\n        className=\"h-4 max-w-(--skeleton-width) flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={{ '--skeleton-width': width } as React.CSSProperties}\n      />\n    </div>\n  );\n}\n\nfunction DetailDialogSidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {\n  return (\n    <ul\n      data-slot=\"sidebar-menu-sub\"\n      data-sidebar=\"menu-sub\"\n      className={cn(\n        'mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5',\n        'group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DetailDialogSidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"sidebar-menu-sub-item\" data-sidebar=\"menu-sub-item\" className={cn('group/menu-sub-item relative', className)} {...props} />;\n}\n\nfunction DetailDialogSidebarMenuSubButton({\n  asChild = false,\n  size = 'md',\n  isActive = false,\n  className,\n  ...props\n}: React.ComponentProps<'a'> & {\n  asChild?: boolean;\n  size?: 'sm' | 'md';\n  isActive?: boolean;\n}) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'a';\n  return (\n    <Comp\n      data-slot=\"sidebar-menu-sub-button\"\n      data-sidebar=\"menu-sub-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(\n        'text-sidebar-foreground ring-sidebar-ring',\n        'flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden',\n        'transition-[background-color,color]',\n        'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n        'active:bg-sidebar-accent active:text-sidebar-accent-foreground',\n        'focus-visible:ring-2',\n        'disabled:pointer-events-none disabled:opacity-50',\n        'aria-disabled:pointer-events-none aria-disabled:opacity-50',\n        'data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground',\n        'group-data-[collapsible=icon]:hidden',\n        '[&>span:last-child]:truncate',\n        '[&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground',\n        size === 'sm' && 'text-xs',\n        size === 'md' && 'text-sm',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DetailDialogSidebarContent,\n  DetailDialogSidebarFooter,\n  DetailDialogSidebarGroup,\n  DetailDialogSidebarGroupAction,\n  DetailDialogSidebarGroupContent,\n  DetailDialogSidebarGroupLabel,\n  DetailDialogSidebarHeader,\n  DetailDialogSidebarMenu,\n  DetailDialogSidebarMenuAction,\n  DetailDialogSidebarMenuBadge,\n  DetailDialogSidebarMenuButton,\n  DetailDialogSidebarMenuItem,\n  DetailDialogSidebarMenuSkeleton,\n  DetailDialogSidebarMenuSub,\n  DetailDialogSidebarMenuSubButton,\n  DetailDialogSidebarMenuSubItem,\n  DetailDialogSidebarRail,\n  DetailDialogSidebarSeparator,\n  DetailDialogSidebarTrigger,\n  Sidebar,\n  SidebarInset,\n  SidebarProvider,\n  // biome-ignore lint/style/useComponentExportOnlyModules: true\n  useSidebar,\n};\n"],"mappings":"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"}
+{"version":3,"file":"sidebar-CQZlWCK4.cjs","names":["open","TooltipProvider","Sheet","SheetContent","SheetHeader","SheetTitle","SheetDescription","Button","MenuIcon","Separator","SlotPrimitive","Tooltip","TooltipTrigger","TooltipContent","Skeleton"],"sources":["../packages/components/dialogs/detail-dialog/components/sidebar.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { MenuIcon } from 'lucide-react';\n\nimport { useIsMobile } from '@customafk/react-toolkit/hooks/useMobile';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '@/components/ui/button';\nimport { Separator } from '@/components/ui/separator';\nimport { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from '@/components/ui/sheet';\nimport { Skeleton } from '@/components/ui/skeleton';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot as SlotPrimitive } from 'radix-ui';\n\nconst SIDEBAR_COOKIE_NAME = 'detail_dialog_sidebar_state';\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nconst SIDEBAR_WIDTH = '18rem';\nconst SIDEBAR_WIDTH_MOBILE = '18rem';\nconst SIDEBAR_WIDTH_ICON = '3rem';\nconst SIDEBAR_KEYBOARD_SHORTCUT = 'p';\n\ntype SidebarContextProps = {\n  /** Current visual state of the sidebar. */\n  state: 'expanded' | 'collapsed';\n  /** Whether the sidebar is open on desktop. */\n  open: boolean;\n  /** Setter for the desktop open state. */\n  setOpen: (open: boolean) => void;\n  /** Whether the sidebar sheet is open on mobile. */\n  openMobile: boolean;\n  /** Setter for the mobile open state. */\n  setOpenMobile: (open: boolean) => void;\n  /** `true` when the viewport is considered mobile-sized. */\n  isMobile: boolean;\n  /** Toggles the sidebar between expanded and collapsed. */\n  toggleSidebar: () => void;\n};\n\nconst SidebarContext = createContext<SidebarContextProps | null>(null);\n\nfunction useSidebar() {\n  const context = use(SidebarContext);\n  if (!context) {\n    throw new Error('useSidebar must be used within a SidebarProvider.');\n  }\n  return context;\n}\n\n/**\n * Context provider that manages sidebar open/collapsed state and persists it via a cookie.\n *\n * @example\n * ```tsx\n * import { SidebarProvider } from '@customafk/lunas-ui/dialogs/detail-dialog/components/sidebar';\n *\n * <SidebarProvider defaultOpen={true}>\n *   <Sidebar collapsible=\"icon\">{...}</Sidebar>\n * </SidebarProvider>\n * ```\n */\nfunction SidebarProvider({\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange: setOpenProp,\n  className,\n  style,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & {\n  /** Whether the sidebar is open by default (uncontrolled). Defaults to `true`. */\n  defaultOpen?: boolean;\n  /** Controlled open state. When provided the component becomes controlled. */\n  open?: boolean;\n  /** Callback fired when the open state changes in controlled mode. */\n  onOpenChange?: (open: boolean) => void;\n}) {\n  const isMobile = useIsMobile();\n  const [openMobile, setOpenMobile] = useState(false);\n\n  const [_open, _setOpen] = useState(defaultOpen);\n  const open = openProp ?? _open;\n  const setOpen = useCallback(\n    (value: boolean | ((value: boolean) => boolean)) => {\n      const openState = typeof value === 'function' ? value(open) : value;\n      if (setOpenProp) {\n        setOpenProp(openState);\n      } else {\n        _setOpen(openState);\n      }\n      // biome-ignore lint/suspicious/noDocumentCookie: persists sidebar state across page loads\n      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n    },\n    [setOpenProp, open]\n  );\n\n  const toggleSidebar = useCallback(() => {\n    return isMobile ? setOpenMobile(open => !open) : setOpen(open => !open);\n  }, [isMobile, setOpen]);\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault();\n        toggleSidebar();\n      }\n    };\n    window.addEventListener('keydown', handleKeyDown);\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [toggleSidebar]);\n\n  const state = open ? 'expanded' : 'collapsed';\n\n  const contextValue = useMemo<SidebarContextProps>(\n    () => ({ state, isMobile, toggleSidebar, open, setOpen, openMobile, setOpenMobile }),\n    [state, isMobile, open, setOpen, openMobile, toggleSidebar]\n  );\n\n  return (\n    <SidebarContext.Provider value={contextValue}>\n      <TooltipProvider delayDuration={0}>\n        <div\n          data-slot=\"sidebar-wrapper\"\n          style={{ '--sidebar-width': SIDEBAR_WIDTH, '--sidebar-width-icon': SIDEBAR_WIDTH_ICON, ...style } as React.CSSProperties}\n          className={cn('group/sidebar-wrapper flex h-full min-h-[85dvh] w-full items-start has-data-[variant=inset]:bg-sidebar', className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </TooltipProvider>\n    </SidebarContext.Provider>\n  );\n}\n\n/**\n * Responsive sidebar container that supports desktop icon-collapse and a mobile Sheet overlay.\n *\n * @example\n * ```tsx\n * import { Sidebar } from '@customafk/lunas-ui/dialogs/detail-dialog/components/sidebar';\n *\n * <Sidebar collapsible=\"icon\" side=\"left\">\n *   {children}\n * </Sidebar>\n * ```\n */\nfunction Sidebar({\n  side = 'left',\n  variant = 'sidebar',\n  collapsible = 'offcanvas',\n  className,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & {\n  /** Which edge the sidebar is anchored to. Defaults to `'left'`. */\n  side?: 'left' | 'right';\n  /** Visual style variant of the sidebar. Defaults to `'sidebar'`. */\n  variant?: 'sidebar' | 'floating' | 'inset';\n  /** Collapse behaviour — slides off-canvas, shrinks to icon strip, or stays fixed. Defaults to `'offcanvas'`. */\n  collapsible?: 'offcanvas' | 'icon' | 'none';\n}) {\n  const { state, isMobile, openMobile, setOpenMobile } = useSidebar();\n\n  if (collapsible === 'none') {\n    return (\n      <div data-slot=\"sidebar\" className={cn('flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground', className)} {...props}>\n        {children}\n      </div>\n    );\n  }\n\n  if (isMobile) {\n    return (\n      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n        <SheetContent\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar\"\n          data-mobile=\"true\"\n          className=\"z-20 hidden w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground shadow-nav md:flex [&>button]:hidden\"\n          style={{ '--sidebar-width': SIDEBAR_WIDTH_MOBILE } as React.CSSProperties}\n          side={side}\n        >\n          <SheetHeader className=\"sr-only\">\n            <SheetTitle>Sidebar</SheetTitle>\n            <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n          </SheetHeader>\n          <div className=\"flex h-full w-full flex-col\">{children}</div>\n        </SheetContent>\n      </Sheet>\n    );\n  }\n\n  return (\n    <div\n      className=\"group peer hidden text-sidebar-foreground md:block\"\n      data-state={state}\n      data-collapsible={state === 'collapsed' ? collapsible : ''}\n      data-variant={variant}\n      data-side={side}\n      data-slot=\"sidebar\"\n    >\n      <div\n        data-slot=\"sidebar-gap\"\n        className={cn(\n          'relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear',\n          'group-data-[collapsible=offcanvas]:w-0',\n          'group-data-[side=right]:rotate-180',\n          variant === 'floating' || variant === 'inset'\n            ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]'\n            : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)'\n        )}\n      />\n      <div\n        data-slot=\"sidebar-container\"\n        className={cn(\n          'absolute inset-y-0 z-20 hidden w-(--sidebar-width) shadow-nav transition-[left,right,width] duration-200 ease-linear md:flex',\n          side === 'left'\n            ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'\n            : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',\n          // Adjust padding for floating and inset variants.\n          variant === 'floating' || variant === 'inset'\n            ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]'\n            : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)',\n          className\n        )}\n        {...props}\n      >\n        <div\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar-inner\"\n          className={cn(\n            'flex size-full flex-col shadow-nav',\n            'group-data-[variant=floating]:rounded-lg',\n            'group-data-[variant=floating]:border',\n            'group-data-[variant=floating]:border-sidebar-border',\n            'group-data-[variant=floating]:shadow-sm'\n          )}\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Icon button that toggles the detail-dialog sidebar open or collapsed.\n *\n * @example\n * ```tsx\n * import { DetailDialogSidebarTrigger } from '@customafk/lunas-ui/dialogs/detail-dialog/components/sidebar';\n *\n * <DetailDialogSidebarTrigger />\n * ```\n */\nfunction DetailDialogSidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>) {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <Button\n      data-sidebar=\"trigger\"\n      data-slot=\"sidebar-trigger\"\n      variant=\"ghost\"\n      color=\"secondary\"\n      size=\"icon\"\n      className={cn('size-10 rounded-full [&_svg]:size-6!', className)}\n      onClick={event => {\n        onClick?.(event);\n        toggleSidebar();\n      }}\n      {...props}\n    >\n      <MenuIcon />\n      <span className=\"sr-only\">Toggle Sidebar</span>\n    </Button>\n  );\n}\n\nfunction DetailDialogSidebarRail({ className, ...props }: React.ComponentProps<'button'>) {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      data-sidebar=\"rail\"\n      data-slot=\"sidebar-rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title=\"Toggle Sidebar\"\n      className={cn(\n        'absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear sm:flex',\n        'after:absolute after:inset-y-0 after:left-1/2 after:w-0.5',\n        'hover:after:bg-sidebar-border',\n        'group-data-[side=left]:-right-4 group-data-[side=right]:left-0',\n        'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize',\n        '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize',\n        'hover:group-data-[collapsible=offcanvas]:bg-sidebar',\n        'group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full',\n        '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2',\n        '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarInset({ className, ...props }: React.ComponentProps<'main'>) {\n  return (\n    <main\n      data-slot=\"sidebar-inset\"\n      className={cn(\n        'relative flex w-full flex-1 flex-col bg-background',\n        'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0',\n        'md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm',\n        'md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DetailDialogSidebarHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sidebar-header\" data-sidebar=\"header\" className={cn('flex flex-col gap-2 p-2', className)} {...props} />;\n}\n\nfunction DetailDialogSidebarFooter({ className, children, ...props }: React.ComponentProps<'div'>) {\n  const { open } = useSidebar();\n  return (\n    <div data-slot=\"sidebar-footer\" data-sidebar=\"footer\" className={cn('flex flex-col gap-2 p-2', className)} {...props}>\n      <DetailDialogSidebarMenu>\n        {open && <DetailDialogSidebarMenuItem>{children}</DetailDialogSidebarMenuItem>}\n        <DetailDialogSidebarMenuItem>\n          <p className=\"pt-2 text-center text-xs text-text-positive-subtle\">Copyright © {new Date().getFullYear()}, Lunas.</p>\n        </DetailDialogSidebarMenuItem>\n      </DetailDialogSidebarMenu>\n    </div>\n  );\n}\n\nfunction DetailDialogSidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>) {\n  return <Separator data-slot=\"sidebar-separator\" data-sidebar=\"separator\" className={cn('mx-2 w-auto bg-sidebar-border', className)} {...props} />;\n}\n\nfunction DetailDialogSidebarContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-content\"\n      data-sidebar=\"content\"\n      className={cn('flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DetailDialogSidebarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sidebar-group\" data-sidebar=\"group\" className={cn('relative flex w-full min-w-0 flex-col p-2', className)} {...props} />;\n}\n\nfunction DetailDialogSidebarGroupLabel({ className, asChild = false, ...props }: React.ComponentProps<'div'> & { asChild?: boolean }) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"sidebar-group-label\"\n      data-sidebar=\"group-label\"\n      className={cn(\n        'flex h-8 shrink-0 items-center rounded-md px-2 font-medium text-sidebar-foreground/70 text-xs outline-hidden ring-sidebar-ring transition-[margin,opacity,color] duration-200 ease-linear focus-visible:ring-2',\n        '[&>svg]:size-4 [&>svg]:shrink-0',\n        'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DetailDialogSidebarGroupAction({ className, asChild = false, ...props }: React.ComponentProps<'button'> & { asChild?: boolean }) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  return (\n    <Comp\n      data-slot=\"sidebar-group-action\"\n      data-sidebar=\"group-action\"\n      className={cn(\n        'absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-hidden ring-sidebar-ring transition-[background-color,color,transform]',\n        'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n        'focus-visible:ring-2',\n        '[&>svg]:size-4 [&>svg]:shrink-0',\n        // Increases the hit area of the button on mobile.\n        'after:absolute after:-inset-2 md:after:hidden',\n        'group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DetailDialogSidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sidebar-group-content\" data-sidebar=\"group-content\" className={cn('w-full text-sm', className)} {...props} />;\n}\n\nfunction DetailDialogSidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {\n  return <ul data-slot=\"sidebar-menu\" data-sidebar=\"menu\" className={cn('flex w-full min-w-0 flex-col gap-1', className)} {...props} />;\n}\n\nfunction DetailDialogSidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"sidebar-menu-item\" data-sidebar=\"menu-item\" className={cn('group/menu-item relative', className)} {...props} />;\n}\n\nconst sidebarMenuButtonVariants = cva(\n  [\n    'peer/menu-button',\n    'cursor-pointer',\n    'flex w-full items-center gap-2',\n    'overflow-hidden rounded-md p-2 outline-hidden',\n    'truncate text-left font-normal',\n    'transition-[color,background-color,width,height,padding]',\n    'active:bg-sidebar-accent active:text-sidebar-accent-foreground',\n    'disabled:pointer-events-none disabled:opacity-50',\n    'group-has-data-[sidebar=menu-action]/menu-item:pr-8',\n    'aria-disabled:pointer-events-none aria-disabled:opacity-50',\n    'data-[active=true]:bg-sidebar-primary-muted data-[active=true]:font-normal data-[active=true]:text-sidebar-primary',\n    'data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground',\n    'group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2!',\n    '[&>svg]:size-4 [&>svg]:shrink-0',\n    '[&>span:last-child]:truncate',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground',\n        outline:\n          'bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]',\n      },\n      size: {\n        default: 'h-8 text-sm',\n        sm: 'h-7 text-xs',\n        lg: 'h-12 text-sm group-data-[collapsible=icon]:p-0!',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\nfunction DetailDialogSidebarMenuButton({\n  asChild = false,\n  isActive = false,\n  variant = 'default',\n  size = 'default',\n  tooltip,\n  className,\n  ...props\n}: React.ComponentProps<'button'> & {\n  asChild?: boolean;\n  isActive?: boolean;\n  tooltip?: string | React.ComponentProps<typeof TooltipContent>;\n} & VariantProps<typeof sidebarMenuButtonVariants>) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  const { state } = useSidebar();\n\n  const button = (\n    <Comp\n      data-slot=\"sidebar-menu-button\"\n      data-sidebar=\"menu-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n\n  if (!tooltip) return button;\n\n  if (typeof tooltip === 'string') {\n    tooltip = { children: tooltip };\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{button}</TooltipTrigger>\n      <TooltipContent side=\"right\" align=\"center\" hidden={state !== 'collapsed'} {...tooltip} />\n    </Tooltip>\n  );\n}\n\nfunction DetailDialogSidebarMenuAction({\n  className,\n  asChild = false,\n  showOnHover = false,\n  ...props\n}: React.ComponentProps<'button'> & {\n  asChild?: boolean;\n  showOnHover?: boolean;\n}) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  return (\n    <Comp\n      data-slot=\"sidebar-menu-action\"\n      data-sidebar=\"menu-action\"\n      className={cn(\n        'absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden',\n        'text-sidebar-foreground ring-sidebar-ring',\n        'transition-[background-color,color,opacity]',\n        'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n        'focus-visible:ring-2',\n        'peer-hover/menu-button:text-sidebar-accent-foreground',\n        '[&>svg]:size-4 [&>svg]:shrink-0',\n        // Increases the hit area of the button on mobile.\n        'after:absolute after:-inset-2 md:after:hidden',\n        'peer-data-[size=sm]/menu-button:top-1',\n        'peer-data-[size=default]/menu-button:top-1.5',\n        'peer-data-[size=lg]/menu-button:top-2.5',\n        'group-data-[collapsible=icon]:hidden',\n        showOnHover && 'peer-data-[active=true]/menu-button:text-sidebar-accent-foreground',\n        showOnHover && 'group-focus-within/menu-item:opacity-100',\n        showOnHover && 'group-hover/menu-item:opacity-100',\n        showOnHover && 'data-[state=open]:opacity-100 md:opacity-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DetailDialogSidebarMenuBadge({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-menu-badge\"\n      data-sidebar=\"menu-badge\"\n      className={cn(\n        'pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 font-medium text-sidebar-foreground text-xs tabular-nums transition-colors',\n        'peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground',\n        'peer-data-[size=sm]/menu-button:top-1',\n        'peer-data-[size=default]/menu-button:top-1.5',\n        'peer-data-[size=lg]/menu-button:top-2.5',\n        'group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DetailDialogSidebarMenuSkeleton({ className, showIcon = false, ...props }: React.ComponentProps<'div'> & { showIcon?: boolean }) {\n  const width = useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);\n  return (\n    <div data-slot=\"sidebar-menu-skeleton\" data-sidebar=\"menu-skeleton\" className={cn('flex h-8 items-center gap-2 rounded-md px-2', className)} {...props}>\n      {showIcon && <Skeleton className=\"size-4 rounded-md\" data-sidebar=\"menu-skeleton-icon\" />}\n      <Skeleton\n        className=\"h-4 max-w-(--skeleton-width) flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={{ '--skeleton-width': width } as React.CSSProperties}\n      />\n    </div>\n  );\n}\n\nfunction DetailDialogSidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {\n  return (\n    <ul\n      data-slot=\"sidebar-menu-sub\"\n      data-sidebar=\"menu-sub\"\n      className={cn(\n        'mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5',\n        'group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DetailDialogSidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"sidebar-menu-sub-item\" data-sidebar=\"menu-sub-item\" className={cn('group/menu-sub-item relative', className)} {...props} />;\n}\n\nfunction DetailDialogSidebarMenuSubButton({\n  asChild = false,\n  size = 'md',\n  isActive = false,\n  className,\n  ...props\n}: React.ComponentProps<'a'> & {\n  asChild?: boolean;\n  size?: 'sm' | 'md';\n  isActive?: boolean;\n}) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'a';\n  return (\n    <Comp\n      data-slot=\"sidebar-menu-sub-button\"\n      data-sidebar=\"menu-sub-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(\n        'text-sidebar-foreground ring-sidebar-ring',\n        'flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden',\n        'transition-[background-color,color]',\n        'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n        'active:bg-sidebar-accent active:text-sidebar-accent-foreground',\n        'focus-visible:ring-2',\n        'disabled:pointer-events-none disabled:opacity-50',\n        'aria-disabled:pointer-events-none aria-disabled:opacity-50',\n        'data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground',\n        'group-data-[collapsible=icon]:hidden',\n        '[&>span:last-child]:truncate',\n        '[&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground',\n        size === 'sm' && 'text-xs',\n        size === 'md' && 'text-sm',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DetailDialogSidebarContent,\n  DetailDialogSidebarFooter,\n  DetailDialogSidebarGroup,\n  DetailDialogSidebarGroupAction,\n  DetailDialogSidebarGroupContent,\n  DetailDialogSidebarGroupLabel,\n  DetailDialogSidebarHeader,\n  DetailDialogSidebarMenu,\n  DetailDialogSidebarMenuAction,\n  DetailDialogSidebarMenuBadge,\n  DetailDialogSidebarMenuButton,\n  DetailDialogSidebarMenuItem,\n  DetailDialogSidebarMenuSkeleton,\n  DetailDialogSidebarMenuSub,\n  DetailDialogSidebarMenuSubButton,\n  DetailDialogSidebarMenuSubItem,\n  DetailDialogSidebarRail,\n  DetailDialogSidebarSeparator,\n  DetailDialogSidebarTrigger,\n  Sidebar,\n  SidebarInset,\n  SidebarProvider,\n  // biome-ignore lint/style/useComponentExportOnlyModules: true\n  useSidebar,\n};\n"],"mappings":"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"}

package/dist/{skeleton-DlRDNM97.js → skeleton-DAcbjBGp.js}

@@ -1,2 +1,2 @@
 import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";function n({className:n,...r}){return t(`div`,{"data-slot":`skeleton`,className:e(`animate-pulse rounded-md bg-muted-muted`,n),...r})}export{n as t};
-//# sourceMappingURL=skeleton-DlRDNM97.js.map
+//# sourceMappingURL=skeleton-DAcbjBGp.js.map

package/dist/{skeleton-DlRDNM97.js.map → skeleton-DAcbjBGp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"skeleton-DlRDNM97.js","names":[],"sources":["../packages/components/ui/skeleton.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\n/**\n * Animated pulse placeholder used to indicate loading state for text, images, or other UI elements.\n *\n * @example\n * ```tsx\n * import { Skeleton } from '@customafk/lunas-ui/ui/skeleton';\n *\n * <div className=\"flex items-center gap-4\">\n *   <Skeleton className=\"size-10 rounded-full\" />\n *   <div className=\"space-y-2\">\n *     <Skeleton className=\"h-4 w-40\" />\n *     <Skeleton className=\"h-4 w-24\" />\n *   </div>\n * </div>\n * ```\n */\nfunction Skeleton({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"skeleton\" className={cn('animate-pulse rounded-md bg-muted-muted', className)} {...props} />;\n}\n\nexport { Skeleton };\n"],"mappings":"4FAoBA,SAAS,EAAS,CAAE,YAAW,GAAG,GAAsC,CACtE,OAAO,EAAC,MAAA,CAAI,YAAU,WAAW,UAAW,EAAG,0CAA2C,EAAU,CAAE,GAAI,GAAS"}
+{"version":3,"file":"skeleton-DAcbjBGp.js","names":[],"sources":["../packages/components/ui/skeleton.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\n/**\n * Animated pulse placeholder used to indicate loading state for text, images, or other UI elements.\n *\n * @example\n * ```tsx\n * import { Skeleton } from '@customafk/lunas-ui/ui/skeleton';\n *\n * <div className=\"flex items-center gap-4\">\n *   <Skeleton className=\"size-10 rounded-full\" />\n *   <div className=\"space-y-2\">\n *     <Skeleton className=\"h-4 w-40\" />\n *     <Skeleton className=\"h-4 w-24\" />\n *   </div>\n * </div>\n * ```\n */\nfunction Skeleton({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"skeleton\" className={cn('animate-pulse rounded-md bg-muted-muted', className)} {...props} />;\n}\n\nexport { Skeleton };\n"],"mappings":"4FAoBA,SAAS,EAAS,CAAE,YAAW,GAAG,GAAsC,CACtE,OAAO,EAAC,MAAA,CAAI,YAAU,WAAW,UAAW,EAAG,0CAA2C,EAAU,CAAE,GAAI,GAAS"}

package/dist/{skeleton-CX1USu1w.cjs → skeleton-oQFT4xR2.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./chunk-350yNsax.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`);function r({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`skeleton`,className:(0,t.cn)(`animate-pulse rounded-md bg-muted-muted`,e),...r})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
-//# sourceMappingURL=skeleton-CX1USu1w.cjs.map
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`);function r({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`skeleton`,className:(0,t.cn)(`animate-pulse rounded-md bg-muted-muted`,e),...r})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=skeleton-oQFT4xR2.cjs.map

package/dist/{skeleton-CX1USu1w.cjs.map → skeleton-oQFT4xR2.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"skeleton-CX1USu1w.cjs","names":[],"sources":["../packages/components/ui/skeleton.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\n/**\n * Animated pulse placeholder used to indicate loading state for text, images, or other UI elements.\n *\n * @example\n * ```tsx\n * import { Skeleton } from '@customafk/lunas-ui/ui/skeleton';\n *\n * <div className=\"flex items-center gap-4\">\n *   <Skeleton className=\"size-10 rounded-full\" />\n *   <div className=\"space-y-2\">\n *     <Skeleton className=\"h-4 w-40\" />\n *     <Skeleton className=\"h-4 w-24\" />\n *   </div>\n * </div>\n * ```\n */\nfunction Skeleton({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"skeleton\" className={cn('animate-pulse rounded-md bg-muted-muted', className)} {...props} />;\n}\n\nexport { Skeleton };\n"],"mappings":"uHAoBA,SAAS,EAAS,CAAE,YAAW,GAAG,GAAsC,CACtE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,WAAW,WAAA,EAAA,EAAA,IAAc,0CAA2C,EAAU,CAAE,GAAI,GAAS"}
+{"version":3,"file":"skeleton-oQFT4xR2.cjs","names":[],"sources":["../packages/components/ui/skeleton.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\n/**\n * Animated pulse placeholder used to indicate loading state for text, images, or other UI elements.\n *\n * @example\n * ```tsx\n * import { Skeleton } from '@customafk/lunas-ui/ui/skeleton';\n *\n * <div className=\"flex items-center gap-4\">\n *   <Skeleton className=\"size-10 rounded-full\" />\n *   <div className=\"space-y-2\">\n *     <Skeleton className=\"h-4 w-40\" />\n *     <Skeleton className=\"h-4 w-24\" />\n *   </div>\n * </div>\n * ```\n */\nfunction Skeleton({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"skeleton\" className={cn('animate-pulse rounded-md bg-muted-muted', className)} {...props} />;\n}\n\nexport { Skeleton };\n"],"mappings":"uHAoBA,SAAS,EAAS,CAAE,YAAW,GAAG,GAAsC,CACtE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,WAAW,WAAA,EAAA,EAAA,IAAc,0CAA2C,EAAU,CAAE,GAAI,GAAS"}

package/dist/systems/google.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-350yNsax.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`),r=require(`@react-oauth/google`);const i=({isDisabled:e,onGoogleLoginSuccess:n})=>((0,r.useGoogleOneTapLogin)({disabled:e,use_fedcm_for_prompt:!1,onSuccess:(0,t.useCallback)(async e=>{!e.clientId||!e.credential||!e.select_by||await n?.({clientId:e.clientId,credential:e.credential,select_by:e.select_by})},[n])}),null),a=({clientId:e,isDisabled:t,onGoogleLoginSuccess:a,children:o})=>(0,n.jsxs)(r.GoogleOAuthProvider,{clientId:e,children:[o,(0,n.jsx)(i,{isDisabled:t,onGoogleLoginSuccess:a})]});var o=a;exports.Google=i,exports.default=o;
+Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`react/jsx-runtime`),n=require(`react`),r=require(`@react-oauth/google`);const i=({isDisabled:e,onGoogleLoginSuccess:t})=>((0,r.useGoogleOneTapLogin)({disabled:e,use_fedcm_for_prompt:!1,onSuccess:(0,n.useCallback)(async e=>{!e.clientId||!e.credential||!e.select_by||await t?.({clientId:e.clientId,credential:e.credential,select_by:e.select_by})},[t])}),null),a=({clientId:e,isDisabled:n,onGoogleLoginSuccess:a,children:o})=>(0,t.jsxs)(r.GoogleOAuthProvider,{clientId:e,children:[o,(0,t.jsx)(i,{isDisabled:n,onGoogleLoginSuccess:a})]});var o=a;exports.Google=i,exports.default=o;
 //# sourceMappingURL=google.cjs.map

package/dist/systems/google.js

@@ -1,2 +1,2 @@
-import{useCallback as e}from"react";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{GoogleOAuthProvider as r,useGoogleOneTapLogin as i}from"@react-oauth/google";const a=({isDisabled:t,onGoogleLoginSuccess:n})=>(i({disabled:t,use_fedcm_for_prompt:!1,onSuccess:e(async e=>{!e.clientId||!e.credential||!e.select_by||await n?.({clientId:e.clientId,credential:e.credential,select_by:e.select_by})},[n])}),null);var o=({clientId:e,isDisabled:i,onGoogleLoginSuccess:o,children:s})=>n(r,{clientId:e,children:[s,t(a,{isDisabled:i,onGoogleLoginSuccess:o})]});export{a as Google,o as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useCallback as n}from"react";import{GoogleOAuthProvider as r,useGoogleOneTapLogin as i}from"@react-oauth/google";const a=({isDisabled:e,onGoogleLoginSuccess:t})=>(i({disabled:e,use_fedcm_for_prompt:!1,onSuccess:n(async e=>{!e.clientId||!e.credential||!e.select_by||await t?.({clientId:e.clientId,credential:e.credential,select_by:e.select_by})},[t])}),null);var o=({clientId:n,isDisabled:i,onGoogleLoginSuccess:o,children:s})=>t(r,{clientId:n,children:[s,e(a,{isDisabled:i,onGoogleLoginSuccess:o})]});export{a as Google,o as default};
 //# sourceMappingURL=google.js.map

package/dist/tables-DbwtCMRI.js

@@ -0,0 +1,4 @@
+import{AlertTriangle as e,ArrowRightIcon as t,BarChart2Icon as n,BoxIcon as r,CalendarIcon as i,CheckIcon as a,ChevronDown as o,ChevronDownIcon as s,ChevronUpIcon as c,CirclePlus as l,CopyIcon as u,DownloadIcon as d,EllipsisVerticalIcon as f,ExternalLinkIcon as p,HashIcon as m,ListFilterIcon as h,ListFilterPlus as g,MailIcon as _,MinusIcon as v,MoreVerticalIcon as y,MoveLeftIcon as ee,MoveRightIcon as te,PinOffIcon as ne,RefreshCwIcon as re,SearchIcon as ie,TagIcon as ae,ToggleLeftIcon as oe,Trash2Icon as se,TypeIcon as ce,UserRoundIcon as b,XIcon as le}from"lucide-react";import{cn as x}from"@customafk/react-toolkit/utils";import{cva as S}from"class-variance-authority";import{Fragment as ue,jsx as C,jsxs as w}from"react/jsx-runtime";import{Activity as T,createContext as E,memo as D,use as O,useCallback as k,useEffect as A,useId as de,useMemo as j,useRef as M,useState as N}from"react";import{Badge as P}from"@/components/ui/badge";import{Tooltip as F,TooltipContent as I,TooltipProvider as L,TooltipTrigger as R}from"@/components/ui/tooltip";import{colorHashLight as fe}from"@customafk/react-toolkit/color-hash";import{DateDisplay as z}from"@/components/data-display/date";import{Flex as B}from"@/components/layouts/flex";import{Button as V}from"@/components/ui/button";import{Separator as H}from"@/components/ui/separator";import{Paragraph as U}from"@/components/typography/paragraph";import{Avatar as W,AvatarFallback as G,AvatarImage as pe}from"@/components/ui/avatar";import{DropdownMenu as K,DropdownMenuContent as me,DropdownMenuGroup as he,DropdownMenuItem as q,DropdownMenuShortcut as ge,DropdownMenuTrigger as _e}from"@/components/ui/dropdown-menu";import{Progress as ve}from"@/components/ui/progress";import{flexRender as ye,getCoreRowModel as be,getExpandedRowModel as xe,getGroupedRowModel as Se,useReactTable as Ce}from"@tanstack/react-table";import{Checkbox as J}from"@/components/ui/checkbox";import{Statistic as Y}from"@/components/data-display/statistic";import{Spinner as we}from"@/components/ui/spinner";import{useVirtualizer as Te}from"@tanstack/react-virtual";import{ResizableHandle as Ee,ResizablePanel as De,ResizablePanelGroup as Oe}from"@/components/ui/resizable";import{Input as X}from"@/components/ui/input";import{Label as ke}from"@/components/ui/label";import{Popover as Ae,PopoverContent as je,PopoverTrigger as Me}from"@/components/ui/popover";import{Select as Ne,SelectContent as Pe,SelectItem as Fe,SelectTrigger as Ie,SelectValue as Le}from"@/components/ui/select";import{useDebounceCallback as Re}from"@customafk/react-toolkit/hooks/useDebounceCallback";const ze=({name:e,avatarUrl:t,uuid:n})=>{let r=fe.hex(n??e);return w(`div`,{className:`flex min-w-0 items-center gap-2`,children:[w(W,{className:`size-8 shrink-0`,children:[C(pe,{src:t,alt:e}),C(G,{style:{backgroundColor:r},children:C(b,{size:18,className:`text-white`})})]}),C(`span`,{className:`truncate text-sm font-medium`,children:e})]})},Z=()=>w(`div`,{className:`flex gap-0 text-text-positive-weak`,children:[C(v,{size:16}),C(v,{size:16})]}),Be=({label:e,onClick:t,onRemove:n})=>e?n?w(`div`,{className:`flex w-fit gap-x-0.5 rounded-full border border-border py-1 pr-2 pl-3 text-text-positive text-xs shadow-xs`,onClick:e=>{t?.(),e.stopPropagation(),e.preventDefault()},children:[e,C(`button`,{className:`cursor-pointer text-text-positive-weak hover:text-text-positive-strong`,onClick:e=>{n?.(),e.stopPropagation(),e.preventDefault()},children:C(le,{size:12})})]}):C(`button`,{className:`w-fit rounded-full border border-border px-3 py-1 text-text-positive text-xs shadow-xs`,onClick:e=>{t?.(),e.stopPropagation(),e.preventDefault()},children:e}):C(Z,{}),Ve=({value:e})=>e==null?C(Z,{}):e===!1?C(le,{size:14,strokeWidth:2,className:`text-danger-strong`}):C(a,{size:14,strokeWidth:2,className:`text-success-strong`}),He=D(({value:e,currency:t=`USD`,locale:n=`en-US`,display:r=`symbol`,size:i=`md`,colorize:a=!1})=>{let o=j(()=>{let i=typeof e==`string`?Number(e.trim()):e;return i==null||Number.isNaN(i)||!Number.isFinite(i)?null:new Intl.NumberFormat(n,{style:`currency`,currency:t,currencyDisplay:r,minimumFractionDigits:2,maximumFractionDigits:2}).format(i)},[e,t,n,r]),s=j(()=>{let t=typeof e==`string`?Number(e.trim()):e;return typeof t==`number`&&t<0},[e]);return o?C(`p`,{className:x(`font-number tabular-nums`,i===`xs`&&`text-xs`,i===`sm`&&`text-sm`,i===`md`&&`text-base`,i===`lg`&&`text-lg`,i===`xl`&&`text-xl`,!a&&`text-text-positive`,a&&s&&`text-danger-strong`,a&&!s&&`text-success-strong`),children:o}):C(Z,{})});He.displayName=`UITableCurrencyDisplay`;const Ue=({date:e})=>e==null?C(Z,{}):C(L,{children:w(F,{children:[C(R,{asChild:!0,children:C(P,{className:`h-fit`,children:C(z,{date:e,format:`medium`,className:`font-normal text-white`})})}),C(I,{className:`rounded px-2`,children:C(z,{date:e,format:`full`,showTime:!0,className:`font-medium text-text-negative text-xs`})})]})}),We=({content:e})=>e==null?C(Z,{}):w(F,{children:[C(R,{children:C(U,{variant:`sm`,className:`line-clamp-2 whitespace-pre-line break-all`,children:e})}),C(I,{align:`start`,className:`h-fit min-w-48 max-w-80 pt-4`,children:w(`div`,{className:`flex flex-col gap-y-2`,children:[C(U,{variant:`xs`,className:`whitespace-pre-line text-wrap break-keep text-text-negative-weak`,children:e}),w(`p`,{className:`w-full text-end`,children:[e.toString().length,` chars`]})]})})]}),Ge=({email:e,linkable:t=!0})=>{let[n,r]=N(!1);return e?C(L,{children:w(`div`,{className:`group flex items-center gap-x-1.5`,children:[C(_,{size:13,className:`shrink-0 text-text-positive-weak`}),t?C(`a`,{href:`mailto:${e}`,className:`truncate text-primary text-sm underline-offset-2 hover:underline`,onClick:e=>e.stopPropagation(),children:e}):C(`span`,{className:`truncate text-text-positive text-sm`,children:e}),w(F,{children:[C(R,{asChild:!0,children:C(`button`,{onClick:t=>{t.stopPropagation(),t.preventDefault(),navigator.clipboard.writeText(e).then(()=>{r(!0),setTimeout(()=>r(!1),1500)})},className:`shrink-0 cursor-pointer text-text-positive-weak opacity-0 transition-opacity group-hover:opacity-100 hover:text-text-positive`,children:n?C(a,{size:13,className:`text-success-strong`}):C(u,{size:13})})}),C(I,{children:n?`Copied!`:`Copy email`})]})]})}):C(Z,{})},Ke=({items:e,maxVisible:t=3})=>{if(!e||e.length===0)return C(Z,{});let n=e.slice(0,t),r=e.slice(t);return w(`div`,{className:`flex flex-wrap gap-1`,children:[n.map((e,t)=>C(`span`,{className:`inline-flex items-center rounded-full border border-border bg-muted-weak px-2 py-0.5 text-text-positive text-xs`,children:e},t)),r.length>0&&C(L,{children:w(F,{children:[C(R,{asChild:!0,children:w(`span`,{className:`inline-flex cursor-default items-center rounded-full bg-primary-bg-subtle px-2 py-0.5 text-primary-intense text-xs`,children:[`+`,r.length,` more`]})}),C(I,{align:`start`,className:`flex max-w-64 flex-wrap gap-1 p-2`,children:r.map((e,t)=>C(`span`,{className:`inline-flex items-center rounded-full border border-border px-2 py-0.5 text-text-negative text-xs`,children:e},t))})]})})]})},qe=({items:e=[]})=>w(K,{children:[C(_e,{asChild:!0,children:C(V,{size:`sm`,variant:`ghost`,color:`secondary`,className:`size-9 rounded-full`,children:C(y,{})})}),C(me,{children:C(he,{children:e.map(e=>C(q,{className:`px-3`,onSelect:t=>{e.onClick(e.id),t.preventDefault(),t.stopPropagation()},children:e.label},e.id))})})]}),Je=({name:e})=>e?w(F,{children:[C(R,{children:C(U,{variant:`sm`,className:`line-clamp-2 w-full truncate text-wrap pb-px text-start`,children:e})}),C(I,{align:`start`,className:`h-fit min-w-48 max-w-80 pt-4`,children:w(`div`,{className:`flex flex-col gap-y-2`,children:[C(`p`,{className:`whitespace-pre-line text-wrap break-keep`,children:e}),w(`p`,{className:`w-full text-end`,children:[e.length,` chars`]})]})})]}):C(Z,{}),Ye=({href:e,label:t})=>w(`a`,{href:e,target:`_blank`,className:`inline-flex items-center gap-1 truncate text-primary text-sm underline`,rel:`noopener noreferrer`,children:[C(`span`,{children:t||e}),C(p,{size:14})]}),Xe=({value:e})=>w(F,{children:[C(R,{asChild:!0,children:C(`p`,{className:`font-number text-text-positive text-sm tabular-nums`,children:e.replace(/(\d{3})(\d{3})(\d{4})/,`($1) $2-$3`)})}),C(I,{align:`start`,children:C(`p`,{className:`tabular-nums`,children:e.slice(1).replace(/(\d{2})(\d{3})(\d{4})/,`(00) (+84) ($1) $2-$3`)})})]}),Ze=D(({value:e,showLabel:t=!0,successThreshold:n=70,warningThreshold:r=40})=>{if(e==null)return C(Z,{});let i=Math.min(100,Math.max(0,e));return w(`div`,{className:`flex w-full min-w-24 items-center gap-x-2`,children:[C(ve,{value:i,className:x(`flex-1`,i>=n?`[&>[data-slot=progress-indicator]]:bg-success`:i>=r?`[&>[data-slot=progress-indicator]]:bg-warning`:`[&>[data-slot=progress-indicator]]:bg-danger`)}),t&&w(`span`,{className:`w-9 shrink-0 text-right font-number text-text-positive-weak text-xs tabular-nums`,children:[i,`%`]})]})});Ze.displayName=`UITableProgressDisplay`;const Qe=({title:e,onClick:t})=>w(F,{children:[C(R,{children:C(V,{type:`button`,variant:`ghost`,color:`danger`,size:`icon`,onClick:k(async e=>{e.preventDefault(),e.stopPropagation(),await t?.()},[t]),children:C(se,{})})}),C(I,{children:C(`p`,{children:e||`Remove item from list table`})})]}),$e=(e,t,n)=>{let r=10**t;switch(n){case`floor`:return Math.floor(e*r)/r;case`ceil`:return Math.ceil(e*r)/r;default:return Math.round(e*r)/r}},et=D(({decimalSeparator:e=`.`,groupSeparator:t=`,`,prefix:n,suffix:r,precision:i,roundingMode:a=`round`,showTrailingZeros:o=!1,size:s=`lg`,value:c=0})=>{let l=j(()=>{let e={};return typeof i==`number`&&i>=0&&o&&(e.minimumFractionDigits=i),e.maximumFractionDigits=i,e},[i,o]),u=k(e=>{let t=e;return typeof i==`number`&&i>=0&&(t=$e(e,i,a)),t.toLocaleString(`en-US`,l)},[a,l,i]),d=j(()=>{if(typeof c==`number`)return Number.isNaN(c)||!Number.isFinite(c)?`N/A`:u(c);if(typeof c==`string`){let e=c.trim();if(!e)return`N/A`;let t=Number(e);return Number.isNaN(t)||!Number.isFinite(t)?`N/A`:u(t)}return`N/A`},[c,u]),f=j(()=>e===`.`&&t===`,`?d:d.replace(/,/g,t).replace(/\./g,e),[d,e,t]);return f===`0`||f===`N/A`||!f?C(Z,{}):w(B,{padding:`none`,className:x(`font-number text-lg text-text-positive tabular-nums`,s===`xs`&&`text-xs`,s===`sm`&&`text-sm`,s===`md`&&`text-base`,s===`lg`&&`text-lg`,s===`xl`&&`text-xl`),children:[n,C(`p`,{children:f}),r]})});et.displayName=`UITableStatisticDisplay`;const tt=({value:e,colorMap:t,defaultColor:n=`muted`,variant:r=`soft`})=>e==null||e===``?C(Z,{}):C(P,{variant:r,color:(t&&t[e])??n,size:`sm`,className:`min-w-16 justify-center capitalize`,children:e.charAt(0).toUpperCase()+e.slice(1).replace(/_/g,` `)}),nt=({uuid:e,username:t,email:n})=>w(B,{wrap:!1,gap:`sm`,padding:`none`,children:[!e&&C(W,{className:`size-10 shadow-card`,children:C(G,{className:`bg-muted-weak`,children:C(b,{size:28,className:`text-text-negative`})})}),e&&C(W,{className:`size-10 shadow-card`,children:C(G,{style:{backgroundColor:fe.hex(e)},children:C(b,{size:28,className:`text-white`})})}),w(B,{vertical:!0,padding:`none`,gap:`none`,align:`start`,children:[C(U,{className:`font-medium text-sm text-text-positive-weak`,children:t??`Unknown User`}),C(U,{variant:`sm`,className:`mt-0! text-text-positive-weak text-xs`,children:n})]})]}),rt=E(null),it=()=>{let e=O(rt);if(!e)throw Error(`useTableInnerWrapperContext must be used within a TableInnerWrapperProvider`);return e},at=E(null),ot=()=>{let e=O(at);if(!e)throw Error(`useTableInnerTableContext must be used within a TableInnerTableProvider`);return e},st=E(null),ct=()=>{let e=O(st);if(!e)throw Error(`useTableHeaderRowContext must be used within a TableHeaderRowProvider`);return e},lt=E(null),Q=()=>{let e=O(lt);if(!e)throw Error(`useTableBodyContext must be used within a TableBodyProvider`);return e},ut=E(null),dt=()=>{let e=O(ut);if(!e)throw Error(`useTableRowContext must be used within a TableRowProvider`);return e},ft=E(null),$=()=>{let e=O(ft);if(!e)throw Error(`useTableContext must be used within a TableProvider`);return e},pt=E(null),mt=()=>{let e=O(pt);if(!e)throw Error(`useUITableFilterContext must be used within a UITableProvider`);return e},ht=E(null),gt=()=>{let e=O(ht);if(!e)throw Error(`useUITableAnalysisContext must be used within a UITableProvider`);return e},_t=S([`absolute right-2 z-10 p-0.5 opacity-0 bg-card`,`cursor-pointer rounded-full transition-all`,`text-text-positive-weak`,`[&>svg]:size-4`,`group-hover:opacity-100`,`hover:bg-muted-muted hover:text-text-positive`]),vt=S([`sticky left-0 flex flex-1 items-center justify-center bg-transparent text-text-positive-weak opacity-100`]),yt=S([`relative m-0 flex size-full flex-col flex-nowrap items-start justify-start gap-2`]),bt=S([`relative w-full flex-1 min-h-0 overflow-auto border-b border-b-border border-l border-l-border`]),xt=S([`grid w-full table-fixed caption-bottom border-collapse border-spacing-0 flex-col content-start`]),St=S([`sticky top-0 z-20 h-9 w-full`,`grid select-none bg-white`,`border-b border-b-border shadow`,`font-medium text-[13px] text-text-positive-weak`,`[&_tr:not(:last-child)_td]:border-b`,`[&_th]:inline-flex`,`[&_th]:bg-card`,`[&_th]:items-center`,`[&_th]:transition-all`,`[&_th]:duration-300`,`[&_th]:whitespace-nowrap`,`[&_th]:border-border`,`[&_th]:border-r`,`[&_th]:first:border-l-0`,`[&_tr_th:not([data-pinned=false])]:bg-card`]),Ct=S([`flex`]),wt=S([`group flex`],{variants:{isPinned:{left:`sticky`,right:`sticky`,false:`relative`},isActions:{true:`border-r-0!`,false:``},isLastCell:{true:``,false:``},isFirstCell:{true:``,false:``},position:{start:`justify-start`,center:`justify-center`,end:`justify-end`}},compoundVariants:[{isPinned:`left`,isLastCell:!0,className:`border-r border-r-border`},{isPinned:`right`,isFirstCell:!0,className:`border-l border-l-border`}]}),Tt=S(`relative w-full,grid,[&_tr]:absolute,[&_tr]:flex,[&_tr]:flex-none,[&_tr]:w-full,[&_tr]:cursor-pointer [&_tr]:focus:outline-none,[&_tr]:border-b [&_tr]:border-b-border,[&_td]:z-10,[&_td]:transition-all,[&_td]:flex,[&_td]:flex-none,[&_td]:overflow-hidden,[&_td]:whitespace-nowrap,[&_td]:px-4,[&_td]:py-2.5,[&_td]:align-middle,[&_td]:border-border,[&_td]:data-[selected=true]:bg-muted-muted!,[&_td]:data-[selected=true]:hover:bg-muted-muted!,[&_td>div]:inline-flex,[&_td>div]:items-center,[&_td>div]:w-full,[&_td:not([data-pinned=false])]:z-20,[&_td:not([data-pinned=false])]:sticky,[&_td:not([data-pinned=false])]:bg-muted-bg-subtle`.split(`,`)),Et=S([`group transition-colors hover:bg-muted-muted hover:[&_td]:bg-muted-muted! [&_td]:border-r [&_td]:border-r-border`]),Dt=S([`group-hover:bg-muted-muted!`],{variants:{isPinned:{left:`sticky`,right:`sticky`,false:`relative`}},defaultVariants:{isPinned:void 0}}),Ot=S([`sticky border-r-0! inset-y-0 right-0 z-50 flex items-center pr-4 group-hover:bg-muted-muted!`]),kt=S([`group-hover:bg-muted-muted!`],{variants:{isPinned:{left:``,right:``,false:``},isLastCell:{true:``,false:``},isFirstCell:{true:``,false:``}},compoundVariants:[{isPinned:`left`,isLastCell:!0,className:`border-r border-r-border`},{isPinned:`right`,isFirstCell:!0,className:`border-l border-l-border`}]}),At=S([`overflow-x-hidden`],{variants:{position:{start:`justify-start`,center:`justify-center`,end:`justify-end`}},defaultVariants:{position:`start`}}),jt=S([`shrink-0 flex w-full justify-center border-t border-border-weak font-medium`]),Mt=S([`flex w-full`,`text-[13px] font-medium text-text-positive-weak`]),Nt=S([`flex flex-none items-center overflow-hidden whitespace-nowrap px-4 py-2`,`border-r border-r-border`],{variants:{isPinned:{left:`sticky z-20 bg-white`,right:`sticky z-20 bg-white`,false:`relative`},isFirstCell:{true:`border-l border-l-border`,false:``},isLastCell:{true:`border-r border-r-border`,false:``}}}),Pt=S([`flex cursor-pointer gap-x-0.5`],{variants:{state:{idle:`text-text-positive-weak hover:text-text-positive`,fetching:`cursor-not-allowed`,error:`text-danger hover:text-danger-strong`}},defaultVariants:{state:`idle`}}),Ft=D(({height:e,className:t,children:n,...r})=>{let{isFetching:i,isRefetching:a,isEmpty:o}=Q();return o||i||a?null:C(`tbody`,{slot:`table-body`,style:{height:e},className:x(Tt(),t),...r,children:n})});Ft.displayName=`UITableBody`;const It=D(({isPinned:e=!1,isFirstCell:t=!1,isLastCell:n=!1,colId:r,position:i=`start`,column:a,getContext:o,...s})=>{let{innerTableId:c,table:l}=ot(),u=M(null),d=M(null),f=j(()=>{let t=a?.getStart(`left`);return e===`left`&&typeof t==`number`?`${t}px`:void 0},[e,a]),p=j(()=>{let t=a?.getAfter(`right`);return e===`right`&&typeof t==`number`?`${t}px`:void 0},[e,a]),m=j(()=>`calc(var(--col-${r}-size) * 1px)`,[r]),h=j(()=>a?.columnDef.minSize?`calc(var(--col-${r}-minSize) * 1px)`:void 0,[r,a]),g=j(()=>a?.columnDef.maxSize?`calc(var(--col-${r}-maxSize) * 1px)`:void 0,[r,a]),_=j(()=>ye(a?.columnDef.cell,o()),[a,o]);return A(()=>{u.current=document.querySelector(`table[id="${c}"]`)},[c]),A(()=>{if(!d.current)return;let e=d.current.scrollWidth,t=a?.getSize();t!=null&&e>t&&u.current instanceof HTMLTableElement&&typeof r==`string`&&a?.columnDef.meta?.fitContent&&l.setColumnSizing(t=>({...t,[r]:e+32}))},[r,a,l]),C(`td`,{slot:`table-body-cell`,"data-pinned":e,"data-lastcell":n||void 0,"data-firstcell":t||void 0,style:{left:f,right:p,width:m,minWidth:h,maxWidth:g},className:kt({isPinned:e||void 0,isLastCell:n,isFirstCell:t}),...s,children:C(`div`,{ref:d,slot:`table-body-cell-inner`,className:At({position:i}),children:_})})});It.displayName=`UITableCell`;const Lt=D(({virtualRowIndex:e,column:t,getContext:n,className:r,...i})=>{let a=j(()=>ye(t?.columnDef.cell,n()),[t,n]);return C(`td`,{"data-col":`actions`,"data-cell":e,className:Ot(),...i,children:a})});Lt.displayName=`UITableCellActions`;const Rt=D(({isPinned:e,isSelected:t=!1,className:n,onToggleRowSelected:r,...i})=>{let a=k(e=>{r?.(!!e)},[r]);return C(`td`,{slot:`table-body-cell`,"data-pinned":!0,style:{left:0,zIndex:20,width:60,maxWidth:60},className:x(Dt({isPinned:e}),n),...i,children:C(`div`,{"data-slot":`table-cell-inner`,className:`flex! w-full! items-center justify-center bg-transparent text-center align-middle`,onClick:e=>{e.preventDefault(),e.stopPropagation()},children:C(J,{"aria-label":`Select Row`,checked:t,onCheckedChange:a})})})});Rt.displayName=`UITableCellSelect`;const zt=D(()=>{let{table:e,isFetching:t,isRefetching:n,loadingDisplayRow:r=3}=$();return!t&&!n?null:C(`tbody`,{className:x(Tt(),`pointer-events-none`),children:Array.from({length:r}).map((t,n)=>C(`tr`,{"data-slot":`table-row`,"data-index":n,className:x(Et(),`animate-pulse relative!`),children:e.getAllColumns().map((t,r)=>{let i=t.getIsPinned(),a=t.getStart(`left`),o=t.getAfter(`right`);return t.id===`actions`?C(`td`,{"data-slot":`table-body-cell`,"data-col":t.id,"data-cell":r,style:{width:60},className:Ot(),children:C(`div`,{className:`w-full h-4 bg-muted-muted rounded-full`})},`${t.id}-${r}`):t.id===`select`?C(`td`,{"data-slot":`table-body-cell`,"data-col":t.id,"data-cell":r,"data-pinned":!0,style:{left:0,zIndex:20,width:60,maxWidth:60},className:Dt({isPinned:`left`}),children:C(`div`,{className:`w-full flex justify-center`,children:C(`div`,{className:`size-4 bg-muted-muted rounded-full`})})},`${t.id}-${n}`):C(`td`,{"data-col":t.id,"data-cell":r,"data-selected":void 0,"data-lastcell":t.id===e.getAllColumns()[e.getAllColumns().length-1].id||void 0,"data-firstcell":t.id===e.getAllColumns()[0].id||void 0,style:{zIndex:i?20:0,left:i===`left`&&typeof a==`number`?`${a}px`:void 0,right:i===`right`&&typeof o==`number`?`${o}px`:void 0,width:`calc(var(--col-${t.id}-size) * 1px)`,minWidth:t.columnDef.minSize?`calc(var(--col-${t.id}-minSize) * 1px)`:void 0,maxWidth:t.columnDef.maxSize?`calc(var(--col-${t.id}-maxSize) * 1px)`:void 0},className:kt({isPinned:t.getIsPinned(),isFirstCell:t.id===e.getRightHeaderGroups()[0]?.headers[0]?.id,isLastCell:t.id===e.getLeftHeaderGroups()[0]?.headers[e.getLeftHeaderGroups()[0].headers.length-1]?.id}),children:C(`div`,{className:At({position:t.columnDef.meta?.position??`start`}),children:C(`div`,{className:`w-full h-4 bg-muted-muted rounded-full`})})},`${t.id}-${r}`)})},n))})}),Bt=D(()=>{let{isEmpty:e,emptyDisplayHeight:t}=$();return e?C(ue,{children:e&&C(`div`,{className:vt(),style:{minHeight:t??`24rem`},children:w(`div`,{className:`flex flex-col items-center gap-1`,children:[C(r,{strokeWidth:1,size:48}),C(`p`,{children:`Không có dữ liệu`})]})})}):null});Bt.displayName=`UITableEmptyDisplay`;const Vt=D(({className:e,children:t,...n})=>C(`div`,{slot:`table-footer`,className:x(jt(),e),...n,children:t}));Vt.displayName=`UITableFooter`;function Ht(e,t,n){switch(n){case`count`:return e;case`sum`:return t.reduce((e,t)=>e+t,0);case`avg`:return t.length===0?0:t.reduce((e,t)=>e+t,0)/t.length;case`min`:return t.length===0?0:Math.min(...t);case`max`:return t.length===0?0:Math.max(...t)}}function Ut(e,t){return e.map(e=>{let n=e.getValue(t);return typeof n==`string`?Number(n):typeof n==`number`?n:NaN}).filter(e=>!Number.isNaN(e))}const Wt=D(()=>{let{table:e}=$(),{rowSelectionState:t}=Q(),n=j(()=>e.getHeaderGroups()[0]?.headers??[],[e.getHeaderGroups()]),r=j(()=>n.some(e=>e.column.columnDef.meta?.aggregation),[n]),i=j(()=>e.getSelectedRowModel().flatRows,[e,t]),a=j(()=>e.getRowModel().rows,[e]),o=i.length>0?i:a,s=j(()=>{let e={};for(let t of n){let n=t.column.columnDef.meta?.aggregation;if(!n)continue;let r=Ut(o,t.id);e[t.id]=Ht(o.length,r,n.type)}return e},[n,o]),c=e.getState().columnPinning,l=c.left??[],u=c.right??[],d=n.find(e=>u.includes(e.id))?.id,f=[...n].reverse().find(e=>l.includes(e.id))?.id;if(!r)return null;let p=i.length>0?`${i.length}`:`${a.length}`;return C(`div`,{slot:`table-footer-row`,className:Mt(),children:n.map(e=>{let t=e.id,n=l.includes(t)?`left`:u.includes(t)?`right`:!1,r=t===d,i=t===f,a=n===`left`?`${e.column.getStart(`left`)}px`:void 0,o=n===`right`?`${e.column.getAfter(`right`)}px`:void 0;if(t===`select`)return C(`div`,{slot:`table-footer-select`,"data-pinned":`left`,style:{left:`0px`,width:`60px`},className:x(Nt({isPinned:`left`,isFirstCell:!1,isLastCell:!1}),`justify-center`),children:C(`span`,{className:`truncate text-[11px] items-center text-text-positive-weak`,children:p})},t);if(t===`actions`)return C(`div`,{slot:`table-footer-actions`,style:{width:`calc(var(--col-${t}-size) * 1px)`,right:`0px`},className:Nt({isPinned:!1,isFirstCell:!1,isLastCell:!1})},t);let c=e.column.columnDef.meta?.aggregation,m=s[t]??null;return C(`div`,{slot:`table-footer-cell`,"data-pinned":n,style:{left:a,right:o,width:`calc(var(--col-${t}-size) * 1px)`},className:Nt({isPinned:n||`left`,isFirstCell:r,isLastCell:i}),children:c&&m!==null?C(Y,{value:m,prefix:c.prefix,suffix:c.suffix,precision:c.precision,size:`sm`}):C(`span`,{className:`text-text-positive-weak`,children:`—`})},t)})})});Wt.displayName=`UITableFooterRow`;const Gt=D(({className:e,children:t,...n})=>C(`thead`,{slot:`table-head`,className:x(St(),e),...n,children:t}));Gt.displayName=`UITableHead`;const Kt=D(({isPinned:e,onLeftPin:t,onRightPin:n,onUnpin:r,className:i})=>{let a=k(()=>{t?.(`left`)},[t]),o=k(()=>{n?.(`right`)},[n]),s=k(()=>{r?.(!1)},[r]);return w(K,{children:[C(_e,{asChild:!0,children:C(`button`,{type:`button`,className:x(_t(),i),children:C(f,{})})}),C(me,{align:`end`,className:`w-64 p-4`,children:w(he,{className:`*:data-[slot=dropdown-menu-item]:rounded-xs *:data-[slot=dropdown-menu-item]:p-2`,children:[C(T,{mode:e?`visible`:`hidden`,children:w(q,{onClick:s,children:[!!e&&`Bỏ ghim`,C(ge,{children:C(ne,{className:`size-4`})})]})}),w(T,{mode:e?`hidden`:`visible`,children:[w(q,{onClick:a,children:[e?`Bỏ ghim`:`Ghim trái`,C(ge,{children:C(ee,{className:`size-4`})})]}),w(q,{onClick:o,children:[e?`Bỏ ghim`:`Ghim phải`,C(ge,{children:C(te,{className:`size-4`})})]})]})]})})]})});Kt.displayName=`UITableHeadCellOption`;const qt=D(({isVisible:e=!0,isPinned:t=!1,isFirstCell:n=!1,isLastCell:r=!1,isOptionsVisible:i=!0,headerId:a,headerColumn:o,className:s,children:c,onColumnPin:l,onToggleVisibility:u,...d})=>{let f=o?.columnDef.meta?.position,p=j(()=>t?20:void 0,[t]),m=j(()=>{let e=o?.getStart?.(`left`);return t===`left`&&typeof e==`number`?`${e}px`:void 0},[t,o]),h=j(()=>{let e=o?.getAfter?.(`right`);return t===`right`&&typeof e==`number`?`${e}px`:void 0},[t,o]),g=j(()=>`calc(var(--header-${a}-size) * 1px)`,[a]),_=j(()=>o?.columnDef.minSize?`calc(var(--col-${a}-minSize) * 1px)`:void 0,[a,o]),v=j(()=>o?.columnDef.maxSize?`calc(var(--col-${a}-maxSize) * 1px)`:void 0,[a,o]);return w(`th`,{slot:`table-head-cell`,"data-pinned":t,"data-header":a,style:{zIndex:p,left:m,right:h,width:g,minWidth:_,maxWidth:v},className:x(wt({isPinned:t||`false`,isActions:a===`actions`,isLastCell:r,isFirstCell:n,position:f}),s),...d,children:[C(`div`,{className:`truncate px-4`,children:c}),i&&C(Kt,{isPinned:t,isVisible:e,onLeftPin:l,onRightPin:l,onUnpin:l})]})});qt.displayName=`UITableHeadCell`;const Jt=D(({isPinned:e,isAllRowsSelected:t,style:n,onToggleAllRowsSelected:r,...i})=>{let a=k(e=>{r?.(!!e)},[r]);return C(`th`,{slot:`table-header-cell`,"data-pinned":!0,style:{left:0,zIndex:20,width:60,maxWidth:60},className:Dt({isPinned:e}),...i,children:C(`div`,{className:`absolute inset-0 flex items-center justify-center`,onClick:e=>{e.preventDefault(),e.stopPropagation()},children:C(J,{"aria-label":`Select All Rows`,checked:t,onCheckedChange:a})})})});Jt.displayName=`UITableHeadCellSelect`;const Yt=D(({headerGroup:e,className:t,...n})=>{let{isAllRowsSelected:r,columnPinningState:i,leftPinnedHeaders:a,rightPinnedHeaders:o,onToggleAllRowsSelected:s}=ct(),c=o[0]?.id,l=a[a.length-1]?.id;return C(`tr`,{slot:`table-head-row`,className:x(Ct(),t),...n,children:e.headers.map((e,t)=>{let n=e.column.getIsVisible(),a=i.left?.includes(e.id)?`left`:i.right?.includes(e.id)?`right`:!1;return e.id===`select`?C(Jt,{isPinned:a,isAllRowsSelected:r,onToggleAllRowsSelected:s},e.id):C(qt,{isVisible:n,isPinned:a,isFirstCell:e.id===c,isLastCell:e.id===l,isOptionsVisible:![`select`,`actions`].includes(e.id),headerId:e.id,headerColumn:e.column,colSpan:e.colSpan,onColumnPin:e.column.pin,onToggleVisibility:e.column.toggleVisibility,children:ye(e.column.columnDef.header,e.getContext())},`${e.id}-${t}`)})})});Yt.displayName=`UITableHeadRow`;const Xt=D(({children:e,...t})=>{let{table:n,innerTableId:r,totalSize:i}=ot(),a=M(null);return A(()=>{if(!a.current)return;let e=n.getFlatHeaders(),t,r=new ResizeObserver(r=>{t!==void 0&&cancelAnimationFrame(t),t=requestAnimationFrame(()=>{let t=r[0];if(!t)return;let i=t.target;if(!(i instanceof HTMLTableElement))return;let a=t.contentRect.width,{left:o=[],right:s=[]}=n.getState().columnPinning,c=0,l=0,u=0,d=e.map(e=>{let{id:t}=e,n=t===`select`||t===`actions`,r=o.includes(t)||s.includes(t),i=e.getSize(),a=e.column.columnDef.maxSize;return n?(c+=60,{id:t,isFlex:!1,width:60}):r?(c+=i,{id:t,isFlex:!1,width:i}):e.column.columnDef.size||i!==150?(u+=i,{id:t,isFlex:!1,width:i}):(l++,{id:t,isFlex:!0,maxSize:a})}),f=a-c-u,p=l>0?Math.max(0,Math.floor(f/l)):0,m=i.closest(`[data-slot="table-scroll-host"]`);d.forEach(e=>{if(e.isFlex){let t=e.maxSize?Math.min(p,e.maxSize):p;i.style.setProperty(`--header-${e.id}-size`,`${t}`),i.style.setProperty(`--col-${e.id}-size`,`${t}`),m?.style.setProperty(`--col-${e.id}-size`,`${t}`),e.maxSize&&i.style.setProperty(`--col-${e.id}-maxSize`,`${e.maxSize}`)}else i.style.setProperty(`--header-${e.id}-size`,`${e.width}`),i.style.setProperty(`--col-${e.id}-size`,`${e.width}`),m?.style.setProperty(`--col-${e.id}-size`,`${e.width}`)})})});return r.observe(a.current),()=>{t!==void 0&&cancelAnimationFrame(t),r.disconnect()}},[n.getState().columnSizingInfo,n.getState().columnSizing,n.getState().columnPinning]),C(`table`,{id:r,ref:a,slot:`table-inner-table`,className:xt(),style:{minWidth:i},...t,children:e})});Xt.displayName=`UITableInnerTable`;const Zt=D(({children:e,...t})=>{let{innerWrapperId:n}=it();return C(`div`,{id:n,slot:`table-inner-wrapper`,className:bt(),...t,children:e})});Zt.displayName=`UITableInnerWrapper`;const Qt=D(({virtualRowIndex:t,virtualRowStart:n,fetchMoreData:r})=>{let{innerWrapperId:i}=it(),a=M(null),s=M(null),[c,l]=N(`idle`),[u,d]=N(0),f=k(async()=>{try{l(`fetching`),await r?.(),l(`idle`)}catch(e){console.error(`Error fetching more data:`,e),l(`error`)}},[r]);return A(()=>{if(a.current=document.querySelector(`div[id="${i}"]`),!a.current)return;let e=new ResizeObserver(e=>{d(e[0].contentRect.width)});return e.observe(a.current),()=>e.disconnect()},[i]),r?C(`tr`,{ref:s,"data-index":t,style:{transform:`translateY(${n}px)`,width:u},className:`sticky! left-0 h-10`,children:C(`td`,{className:`absolute left-0 flex w-full items-center justify-center text-xs`,children:w(`button`,{type:`button`,disabled:c===`fetching`,className:Pt({state:c}),onClick:f,children:[c===`idle`&&C(o,{className:`size-4`}),c===`fetching`&&C(we,{className:`size-4 animate-spin`}),c===`error`&&C(e,{className:`size-4 text-danger`}),c===`idle`&&`Tải thêm`,c===`fetching`&&`Đang tải...`,c===`error`&&`Lỗi! Thử lại?`]})})}):null});Qt.displayName=`UITableLoadMore`;const $t=D(({row:e,isSelected:t,virtualRowIndex:n,virtualRowStart:r,children:i,...a})=>{let{keyOfClickRow:o,isAllRowsSelected:s,columnPinningState:c,leftPinnedHeaders:l,rightPinnedHeaders:u,onClickRow:d}=dt(),f=j(()=>c.left??[],[c]),p=j(()=>c.right??[],[c]),m=j(()=>u?.[0]?.id,[u]),h=j(()=>l?.[l.length-1]?.id,[l]),g=j(()=>e.getVisibleCells().some(e=>e.column.id===`select`),[e]),_=k(t=>{if(d){let t=o?e.original?.[o]:void 0;d(n,typeof t==`string`||typeof t==`number`?t:void 0)}else g&&e.toggleSelected();t.preventDefault(),t.stopPropagation()},[o,d,e,n,g]);return C(`tr`,{slot:`table-row`,"data-index":n,style:{transform:`translateY(${r}px)`},className:Et(),onClick:_,...a,children:e.getVisibleCells().map((e,r)=>{let i=f.includes(e.column.id),a=p.includes(e.column.id),o=i?`left`:a?`right`:!1;return e.column.id===`actions`?C(Lt,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,virtualRowIndex:n,column:e.column,getContext:e.getContext},`${e.id}-${r}`):e.column.id===`select`?C(Rt,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,isPinned:o,isSelected:s||t,onToggleRowSelected:e.row.toggleSelected},`${e.id}-${r}`):C(It,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,isPinned:o,isFirstCell:e.column.id===m,isLastCell:e.column.id===h,colId:e.column.id,position:e.column.columnDef.meta?.position??`start`,column:e.column,getContext:e.getContext},`${e.id}-${r}`)})})});$t.displayName=`UITableRow`;const en=D(({className:e,children:t,...n})=>C(`div`,{slot:`table-wrapper`,className:x(yt(),e),...n,children:t}));en.displayName=`UITableWrapper`;const tn=({children:e})=>{let{table:t,fetchMoreData:n}=$(),{rowSelectionState:r}=Q(),i=M(null),{rows:a}=t.getRowModel(),o=Te({count:a.length+(n?1:0),estimateSize:()=>40,getScrollElement:()=>i.current,measureElement:typeof window<`u`&&navigator.userAgent.indexOf(`Firefox`)===-1?e=>e?.getBoundingClientRect().height:void 0,overscan:2}),s=j(()=>`${o.getTotalSize()}px`,[o.getTotalSize()]);return w(Oe,{direction:`horizontal`,style:{direction:t.options.columnResizeDirection},className:`relative flex w-full max-w-full flex-1 gap-1 overflow-auto border-t border-t-border border-r border-r-border p-0 text-sm`,children:[C(De,{"data-slot":`table-scroll-host`,className:`relative flex flex-col`,children:w(Zt,{ref:i,children:[w(Xt,{children:[C(Gt,{children:t.getHeaderGroups().map(e=>C(Yt,{headerGroup:e},e.id))}),C(Ft,{height:s,children:o.getVirtualItems().map(e=>{let t=a[e.index];if(!t&&n)return C(Qt,{virtualRowIndex:e.index,virtualRowStart:e.start,fetchMoreData:n},e.key);let i=r[t.id]===!0;return C($t,{ref:o.measureElement,row:t,isSelected:i,virtualRowIndex:e.index,virtualRowStart:e.start},e.key)})}),C(zt,{})]}),C(Bt,{})]})}),e&&w(ue,{children:[C(Ee,{}),e]})]})};function nn(e,t,n){switch(n){case`count`:return e;case`sum`:return t.reduce((e,t)=>e+t,0);case`avg`:return t.length===0?0:t.reduce((e,t)=>e+t,0)/t.length;case`min`:return t.length===0?0:Math.min(...t);case`max`:return t.length===0?0:Math.max(...t)}}function rn(e,t){return e.map(e=>{let n=e.getValue(t);return typeof n==`string`?Number(n):typeof n==`number`?n:NaN}).filter(e=>!Number.isNaN(e))}const an={sum:`Tổng`,avg:`Trung bình`,count:`Đếm`,min:`Nhỏ nhất`,max:`Lớn nhất`},on=D(()=>{let{table:e,totalRows:t}=$(),{rowSelectionState:n}=Q(),{isOpen:r,toggle:i}=gt(),a=j(()=>e.getRowModel().rows,[e]),o=j(()=>e.getSelectedRowModel().flatRows,[e,n]),l=j(()=>e.getHeaderGroups()[0]?.headers??[],[e]),u=j(()=>l.filter(e=>![`select`,`actions`].includes(e.id)).flatMap(e=>{let t=e.column.columnDef.meta?.aggregation;if(!t)return[];let n=t.label??(typeof e.column.columnDef.header==`string`?e.column.columnDef.header:e.id),r=rn(a,e.id),i=o.length>0?rn(o,e.id):null;return[{colId:e.id,header:n,aggregation:t,allValue:nn(a.length,r,t.type),selectedValue:i===null?null:nn(o.length,i,t.type)}]}),[l,a,o]);return w(`div`,{"data-slot":`table-analysis-panel`,className:`w-full border-t border-border`,children:[w(`button`,{type:`button`,className:x(`flex w-full items-center justify-between px-4 py-2 text-sm font-medium text-text-positive`,`hover:bg-muted-bg-subtle transition-colors outline-none`,`focus-visible:ring-2 focus-visible:ring-primary-weak`),onClick:i,"aria-expanded":r,children:[C(`span`,{children:`Tổng quan dữ liệu`}),C(r?c:s,{size:14})]}),r&&w(`div`,{className:`px-4 pb-4 pt-2 space-y-4`,children:[w(`div`,{className:`flex flex-wrap gap-4`,children:[C(sn,{label:`Tổng bản ghi`,value:t??a.length}),C(sn,{label:`Hàng hiển thị`,value:a.length}),C(sn,{label:`Hàng đã chọn`,value:o.length,highlight:o.length>0})]}),u.length>0&&w(`div`,{children:[C(`p`,{className:`mb-2 text-xs font-semibold uppercase tracking-wide text-text-positive-weak`,children:`Tóm tắt cột`}),C(`div`,{className:`overflow-x-auto rounded-md border border-border`,children:w(`table`,{className:`w-full text-sm`,children:[C(`thead`,{children:w(`tr`,{className:`border-b border-border bg-muted-bg-subtle text-xs text-text-positive-weak`,children:[C(`th`,{className:`px-3 py-2 text-left font-medium`,children:`Cột`}),C(`th`,{className:`px-3 py-2 text-left font-medium`,children:`Kiểu`}),C(`th`,{className:`px-3 py-2 text-right font-medium`,children:`Tất cả hàng`}),o.length>0&&C(`th`,{className:`px-3 py-2 text-right font-medium`,children:`Hàng đã chọn`})]})}),C(`tbody`,{children:u.map((e,t)=>w(`tr`,{className:x(`border-b border-border last:border-b-0`,t%2==1&&`bg-muted-bg-subtle/50`),children:[C(`td`,{className:`px-3 py-2 text-text-positive font-medium`,children:e.header}),C(`td`,{className:`px-3 py-2 text-text-positive-weak`,children:an[e.aggregation.type]}),C(`td`,{className:`px-3 py-2 text-right`,children:C(Y,{value:e.allValue,prefix:e.aggregation.prefix,suffix:e.aggregation.suffix,precision:e.aggregation.precision,size:`sm`})}),o.length>0&&C(`td`,{className:`px-3 py-2 text-right`,children:e.selectedValue===null?C(`span`,{className:`text-text-positive-weak`,children:`—`}):C(Y,{value:e.selectedValue,prefix:e.aggregation.prefix,suffix:e.aggregation.suffix,precision:e.aggregation.precision,size:`sm`})})]},e.colId))})]})})]})]})]})});on.displayName=`UITableAnalysisPanel`;const sn=D(({label:e,value:t,highlight:n})=>w(`div`,{className:x(`flex flex-col gap-0.5 rounded border px-3 py-2 min-w-25 bg-white`,n&&t>0?`border-primary bg-primary-bg-subtle`:`border-border bg-white`),children:[C(`span`,{className:`text-[11px] text-text-positive-weak`,children:e}),C(`span`,{className:`text-base font-semibold tabular-nums text-text-positive-strong`,children:t.toLocaleString()})]}));sn.displayName=`StatChip`;const cn={tag:C(ae,{size:14}),"single-tag":C(ae,{size:14}),"date-range":C(i,{size:14}),number:C(m,{size:14}),text:C(ce,{size:14}),boolean:C(oe,{size:14})},ln=[{value:`eq`,label:`Bằng (=)`},{value:`ne`,label:`Không bằng (≠)`},{value:`gt`,label:`Lớn hơn (>)`},{value:`gte`,label:`Ít nhất (≥)`},{value:`lt`,label:`Nhỏ hơn (<)`},{value:`lte`,label:`Nhiều nhất (≤)`},{value:`between`,label:`Trong khoảng`}],un=[{value:`contains`,label:`Chứa`},{value:`equals`,label:`Bằng`},{value:`starts-with`,label:`Bắt đầu bằng`},{value:`ends-with`,label:`Kết thúc bằng`}];function dn(e,t){switch(e.type){case`single-tag`:return e.value?t.options?.find(t=>t.value===e.value)?.label??e.value:`Chưa đặt`;case`tag`:return e.values.length?e.values.map(e=>t.options?.find(t=>t.value===e)?.label??e).join(`, `):`Chưa đặt`;case`date-range`:return!e.from&&!e.to?`Ngày không xác định`:e.from&&e.to?`${e.from} → ${e.to}`:e.from?`từ ${e.from}`:`đến ${e.to}`;case`number`:{let t={eq:`=`,ne:`≠`,gt:`>`,gte:`≥`,lt:`<`,lte:`≤`,between:`trong khoảng`}[e.operator];return e.value===void 0?t:e.operator===`between`?`${t} ${e.value} – ${e.valueTo??`?`}`:`${t} ${e.value}`}case`text`:{let t={contains:`chứa`,equals:`là`,"starts-with":`bắt đầu bằng`,"ends-with":`kết thúc bằng`}[e.operator];return e.value?`${t} "${e.value}"`:t}case`boolean`:return e.value===null?`Không xác định`:e.value?`Có`:`Không`}}const fn=({value:e,definition:t,onChange:n})=>C(`div`,{className:`flex flex-col gap-1 p-3`,children:(t.options??[]).length===0?C(`p`,{className:`text-xs text-text-positive-muted`,children:`Không có tùy chọn`}):t.options.map(t=>w(ke,{className:x(`flex items-center gap-2 bg-secondary-bg-subtle hover:bg-secondary-muted px-4 py-2 rounded transition-colors`,e.values.includes(t.value)&&`bg-primary-muted hover:bg-primary-subtle`),children:[C(J,{checked:e.values.includes(t.value),onCheckedChange:r=>{n({type:`tag`,values:r?[...e.values,t.value]:e.values.filter(e=>e!==t.value)})}}),C(`span`,{className:`text-sm`,children:t.label})]},t.value))}),pn=({value:e,definition:t,onChange:n})=>C(`div`,{className:`flex flex-col gap-1 p-3`,children:(t.options??[]).length===0?C(`p`,{className:`text-xs text-text-positive-muted`,children:`Không có tùy chọn`}):t.options.map(t=>w(ke,{className:x(`flex items-center gap-2 bg-secondary-bg-subtle hover:bg-secondary-muted px-4 py-2 rounded transition-colors`,e.value===t.value&&`bg-primary-muted hover:bg-primary-subtle`),children:[C(J,{checked:e.value===t.value,onCheckedChange:e=>{n({type:`single-tag`,value:e?t.value:null})}}),C(`span`,{className:`text-sm`,children:t.label})]},t.value))}),mn=({value:e,onChange:t})=>w(`div`,{className:`flex flex-col gap-3 p-3`,children:[w(`div`,{className:`flex flex-col gap-1`,children:[C(`span`,{className:`text-text-positive-muted text-xs`,children:`Từ ngày`}),C(X,{type:`date`,size:`md`,value:e.from??``,onValueChange:n=>t({...e,from:n||void 0})})]}),w(`div`,{className:`flex flex-col gap-1`,children:[C(`span`,{className:`text-text-positive-muted text-xs`,children:`Đến ngày`}),C(X,{type:`date`,size:`md`,value:e.to??``,onValueChange:n=>t({...e,to:n||void 0})})]})]}),hn=({value:e,onChange:t})=>w(`div`,{className:`flex flex-col gap-3 p-3`,children:[w(Ne,{value:e.operator,onValueChange:n=>t({...e,operator:n}),children:[C(Ie,{size:`sm`,children:C(Le,{})}),C(Pe,{children:ln.map(e=>C(Fe,{value:e.value,children:e.label},e.value))})]}),C(X,{type:`number`,size:`md`,placeholder:`Giá trị`,value:e.value??``,onValueChange:n=>t({...e,value:n?Number(n):void 0})}),e.operator===`between`&&C(X,{type:`number`,size:`md`,placeholder:`Đến giá trị`,value:e.valueTo??``,onValueChange:n=>t({...e,valueTo:n?Number(n):void 0})})]}),gn=({value:e,onChange:t})=>w(`div`,{className:`flex flex-col gap-3 p-3`,children:[w(Ne,{value:e.operator,onValueChange:n=>t({...e,operator:n}),children:[C(Ie,{size:`sm`,children:C(Le,{})}),C(Pe,{children:un.map(e=>C(Fe,{value:e.value,children:e.label},e.value))})]}),C(X,{type:`text`,size:`md`,placeholder:`Nhập văn bản...`,value:e.value,onValueChange:n=>t({...e,value:n})})]}),_n=[{label:`Có`,value:!0},{label:`Không`,value:!1},{label:`Không xác định`,value:null}],vn=({value:e,onChange:t})=>C(`div`,{className:`flex flex-col gap-1 p-3`,children:_n.map(({label:n,value:r})=>C(V,{type:`button`,tabIndex:-1,variant:`outline`,className:x(`rounded px-3 py-1.5 text-left text-sm transition-colors`,e.value===r?`bg-primary-muted font-medium`:`hover:bg-muted-bg-subtle`),onClick:()=>t({type:`boolean`,value:r}),children:n},n))});function yn({value:e,definition:t,onChange:n}){switch(e.type){case`tag`:return C(fn,{value:e,definition:t,onChange:n});case`single-tag`:return C(pn,{value:e,definition:t,onChange:n});case`date-range`:return C(mn,{value:e,onChange:n});case`number`:return C(hn,{value:e,onChange:n});case`text`:return C(gn,{value:e,onChange:n});case`boolean`:return C(vn,{value:e,onChange:n})}}const bn=({filter:e,definition:t,onRemove:n,onUpdate:r})=>w(`div`,{className:`flex items-center gap-1`,children:[w(Ae,{children:[C(Me,{asChild:!0,children:w(V,{type:`button`,variant:`outline`,color:`muted`,className:`flex-1 bg-white max-w-[calc(100%-32px)] justify-start`,innerClassName:`flex truncate gap-1.5`,children:[C(`span`,{className:`shrink-0 text-text-positive font-medium`,children:t.label}),C(`span`,{className:`truncate text-xs text-text-positive-weak`,children:dn(e.value,t)})]})}),w(je,{className:`w-64 p-0`,align:`start`,side:`bottom`,children:[C(`div`,{className:`border-b border-border px-3 py-2`,children:w(`div`,{className:`flex items-center gap-1.5`,children:[C(`span`,{className:`text-text-positive-muted`,children:cn[t.type]}),C(`p`,{className:`font-medium`,children:t.label})]})}),C(yn,{value:e.value,definition:t,onChange:r})]})]}),C(V,{type:`button`,size:`icon`,variant:`soft`,color:`danger`,className:`shrink`,onClick:n,children:C(se,{size:13})})]}),xn=()=>{let{filterDefinitions:e,activeFilters:t,addFilter:n,removeFilter:r,updateFilter:i}=mt(),[a,o]=N(null),s=e.filter(e=>!t.some(t=>t.definitionId===e.id));return C(De,{defaultSize:25,className:x(`bg-card`,a===null?`max-w-8!`:`min-w-64`),children:w(`div`,{className:`relative z-20 flex size-full bg-muted-bg-subtle`,children:[C(`div`,{className:`min-w-0 flex-1 overflow-hidden`,children:C(T,{mode:a===`filters`?`visible`:`hidden`,children:w(`div`,{className:`flex size-full flex-col gap-2 p-4`,children:[w(`div`,{className:`flex items-center justify-between gap-2`,children:[C(`p`,{className:`font-medium`,children:`Bộ lọc`}),w(K,{children:[C(_e,{asChild:!0,children:w(V,{variant:`outline`,color:`muted`,disabled:s.length===0,children:[C(g,{size:13}),`Thêm bộ lọc`]})}),C(me,{align:`end`,children:s.map(e=>w(q,{className:`flex items-center gap-2`,onClick:()=>n(e.id),children:[cn[e.type],e.label]},e.id))})]})]}),C(H,{}),t.length===0?C(`p`,{className:`py-6 text-center text-xs text-text-positive-muted`,children:`Không có bộ lọc nào`}):C(`div`,{className:`flex flex-col gap-2 pt-1`,children:t.map(t=>{let n=e.find(e=>e.id===t.definitionId);return n?C(bn,{filter:t,definition:n,onRemove:()=>r(t.id),onUpdate:e=>i(t.id,e)},t.id):null})})]})})}),w(`div`,{className:`flex h-full flex-col border-l border-border bg-muted-bg-subtle text-sm`,children:[w(`button`,{type:`button`,className:x(`relative flex h-32 cursor-pointer flex-col items-center gap-y-2 p-2 py-4`,a===`filters`&&`bg-card`),onClick:()=>o(a===`filters`?null:`filters`),children:[C(h,{size:18}),t.length>0&&C(`span`,{className:`absolute top-2 right-1.5 flex h-4 w-4 items-center justify-center rounded-full bg-primary text-[10px] leading-none text-primary-foreground`,children:t.length}),C(`span`,{className:`text-nowrap [writing-mode:vertical-lr]`,children:`Bộ lọc`})]}),C(H,{})]})]})})};function Sn(e){switch(e){case`tag`:return{type:`tag`,values:[]};case`single-tag`:return{type:`single-tag`,value:null};case`date-range`:return{type:`date-range`};case`number`:return{type:`number`,operator:`eq`};case`text`:return{type:`text`,operator:`contains`,value:``};case`boolean`:return{type:`boolean`,value:null}}}const Cn=D(({innerWrapperId:e,children:t})=>{let n=j(()=>({innerWrapperId:e}),[e]);return C(rt.Provider,{value:n,children:t})});Cn.displayName=`UITableInnerWrapperProvider`;const wn=D(({table:e,innerTableId:t,totalSize:n,children:r})=>{let i=j(()=>({table:e,innerTableId:t,totalSize:n}),[e,t,n]);return C(at.Provider,{value:i,children:r})});wn.displayName=`UITableInnerTableProvider`;const Tn=D(({isAllRowsSelected:e,columnPinningState:t,leftPinnedHeaders:n,rightPinnedHeaders:r,onToggleAllRowsSelected:i,children:a})=>{let o=j(()=>({isAllRowsSelected:e,columnPinningState:t,leftPinnedHeaders:n,rightPinnedHeaders:r,onToggleAllRowsSelected:i}),[e,t,n,r,i]);return C(st.Provider,{value:o,children:a})});Tn.displayName=`UITableHeadRowProvider`;const En=D(({isFetching:e,isRefetching:t,isEmpty:n,rowSelectionState:r,children:i})=>{let a=j(()=>({isFetching:e,isRefetching:t,isEmpty:n,rowSelectionState:r}),[e,n,r]);return C(lt.Provider,{value:a,children:i})});En.displayName=`UITableBodyProvider`;const Dn=D(({keyOfClickRow:e,isAllRowsSelected:t,columnPinningState:n,leftPinnedHeaders:r,rightPinnedHeaders:i,onClickRow:a,children:o})=>{let s=j(()=>({keyOfClickRow:e,isAllRowsSelected:t,columnPinningState:n,leftPinnedHeaders:r,rightPinnedHeaders:i,onClickRow:a}),[e,t,n,r,i,a]);return C(ut.Provider,{value:s,children:o})});Dn.displayName=`UITableRowProvider`;const On=({title:e,isFetching:t=!1,isRefetching:n=!1,isLoading:r=!1,loadingDisplayRow:i=3,data:a,columns:o,totalRows:s,leftPinnedColumns:c=[],rightPinnedColumns:l=[],keyOfClickRow:u,onClickRow:d,onRowSelection:f,onColumnPinning:p,fetchMoreData:m,emptyDisplayHeight:h,csvData:g,csvFileName:_,filterDefinitions:v=[],onFilterChange:y,summary:ee=[],showAnalysisPanel:te=!1,description:ne,headerActions:re,children:ie})=>{let ae=de(),oe=de(),[se,ce]=N(!1),[b,le]=N({}),[x,S]=N({right:l,left:[`select`,...c]}),[ue,w]=N({}),[T,E]=N([]),D=k(e=>(le(e),f?.(e instanceof Function?e(b):e),e),[b,f]),O=k(e=>{S(e),p?.(e instanceof Function?e(x):e)},[x,p]),A=k(e=>{let t=v.find(t=>t.id===e);if(!t)return;let n={id:`${e}-${crypto.randomUUID()}`,definitionId:e,value:Sn(t.type)};E(e=>{let t=[...e,n];return y?.(t),t})},[v,y]),M=k(e=>{E(t=>{let n=t.filter(t=>t.id!==e);return y?.(n),n})},[y]),P=k((e,t)=>{E(n=>{let r=n.map(n=>n.id===e?{...n,value:t}:n);return y?.(r),r})},[y]),F=j(()=>({filterDefinitions:v,activeFilters:T,addFilter:A,removeFilter:M,updateFilter:P}),[v,T,A,M,P]),I=Ce({data:a,columns:o,state:{rowSelection:b,columnPinning:x,expanded:ue},defaultColumn:{enableResizing:!1,size:void 0,minSize:void 0,maxSize:void 0},columnResizeMode:`onChange`,columnResizeDirection:`ltr`,enableColumnPinning:!0,enableRowSelection:!0,enableColumnResizing:!0,enableMultiRowSelection:!0,autoResetAll:!1,autoResetExpanded:!1,autoResetPageIndex:!1,getSubRows:e=>e.subRows,getCoreRowModel:be(),getGroupedRowModel:Se(),getExpandedRowModel:xe(),onRowSelectionChange:D,onColumnPinningChange:O,onExpandedChange:w}),L=j(()=>{let{rows:e}=I.getRowModel();return e},[I.getRowModel().rows,I.getState().columnPinning]),R=j(()=>!t&&!n&&L.length===0,[L,t,n]),fe=j(()=>({title:e,table:I,isEmpty:R,isFetching:t,isRefetching:n,isLoading:r,loadingDisplayRow:i,totalRows:s,fetchMoreData:m,emptyDisplayHeight:h,csvData:g,csvFileName:_,summary:ee,showAnalysisPanel:te,description:ne,headerActions:re}),[e,I,R,n,t,r,i,s,m,h,I.getState().columnPinning,I.getState().expanded,g,_,ee,te,ne,re]),z=j(()=>I.getState(),[I.getState()]),B=j(()=>I.getIsAllRowsSelected(),[I.getIsAllRowsSelected()]),V=j(()=>z.rowSelection,[z.rowSelection]),H=j(()=>z.columnPinning,[z.columnPinning]),U=j(()=>I.getLeftHeaderGroups()[0]?.headers||[],[I.getState().columnPinning]),W=j(()=>I.getRightHeaderGroups()[0]?.headers||[],[I.getState().columnPinning]),G=j(()=>I.getTotalSize(),[I.getTotalSize()]),pe=k(()=>ce(e=>!e),[]),K=j(()=>({isOpen:se,toggle:pe}),[se,pe]);return C(ht.Provider,{value:K,children:C(pt.Provider,{value:F,children:C(ft.Provider,{value:fe,children:C(Cn,{innerWrapperId:ae,children:C(wn,{table:I,innerTableId:oe,totalSize:G,children:C(Tn,{isAllRowsSelected:B,columnPinningState:H,leftPinnedHeaders:U,rightPinnedHeaders:W,onToggleAllRowsSelected:I.toggleAllRowsSelected,children:C(En,{isFetching:t,isRefetching:n,isEmpty:R,rowSelectionState:V,children:C(Dn,{keyOfClickRow:u,isAllRowsSelected:B,columnPinningState:H,leftPinnedHeaders:U,rightPinnedHeaders:W,onClickRow:d,children:ie})})})})})})})})},kn={up:`bg-success`,down:`bg-danger`,neutral:`bg-primary`},An=D(()=>{let{summary:e}=$();return!e||e.length===0?null:C(`div`,{"data-slot":`table-summary-bar`,className:`grid w-full gap-3 px-2 pb-1`,style:{gridTemplateColumns:`repeat(${e.length}, minmax(0, 240px))`},children:e.map(e=>{let t=kn[e.trend??`neutral`];return w(`div`,{className:`flex flex-col overflow-hidden rounded border border-border bg-card shadow-card`,children:[C(`div`,{className:x(`h-0.75 w-full shrink-0`,t)}),w(`div`,{className:`flex flex-1 flex-col gap-2 px-5 py-4`,children:[C(`span`,{className:`text-[11px] font-semibold uppercase tracking-widest text-text-positive-weak`,children:e.label}),e.value!==null&&e.value!==void 0?C(Y,{value:e.value,prefix:e.prefix,suffix:e.suffix,precision:e.precision,trend:e.trend,size:`xl`,className:`font-bold`}):C(`span`,{className:`text-xl font-bold tabular-nums text-text-positive-strong`,children:`—`}),e.description&&C(`span`,{className:`text-xs text-text-positive-weak`,children:e.description})]})]},e.label)})})});An.displayName=`UITableSummaryBar`;function jn(e){if(e==null)return``;if(typeof e==`number`)return String(e);if(typeof e==`boolean`)return e?`true`:`false`;let t=String(e);return t.includes(`,`)||t.includes(`"`)||t.includes(`
+`)||t.includes(`\r`)?`"${t.replace(/"/g,`""`)}"`:t}function Mn(e){if(e.length===0)return``;let t=e[0].map(e=>jn(e.label)),n=e.map(e=>e.map(e=>jn(e.value)).join(`,`));return[t.join(`,`),...n].join(`
+`)}function Nn(e,t){let n=Mn(e);if(!n)return;let r=new Blob([n],{type:`text/csv;charset=utf-8;`}),i=URL.createObjectURL(r),a=document.createElement(`a`);a.href=i,a.download=`${t}.csv`,a.click(),URL.revokeObjectURL(i)}const Pn=({onSearch:e,onChange:n,...r})=>{let i=Re(t=>{e?.(t)},500);return w(`div`,{className:`relative w-full max-w-80 flex-1`,children:[C(X,{...r,size:`lg`,type:`search`,placeholder:`Tìm kiếm...`,className:`flex-1 ps-9 pe-9`,onChange:e=>{n?.(e),i(e.target.value??``)}}),C(`div`,{className:`pointer-events-none absolute inset-y-0 inset-s-0 flex items-center justify-center ps-3 text-text-positive-weak peer-disabled:opacity-50`,children:C(ie,{size:16})}),C(`button`,{className:`absolute inset-y-0 inset-e-0 flex h-full w-9 items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:z-10 focus-visible:border focus-visible:border-primary-strong focus-visible:ring-[3px] focus-visible:ring-primary-weak disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":`Submit search`,type:`submit`,children:C(t,{size:16,"aria-hidden":`true`})})]})},Fn=({children:e,disabled:t,onClick:n,className:r,...i})=>C(`button`,{type:`button`,disabled:t,className:x(`flex cursor-pointer items-center gap-x-1 rounded-sm border border-border bg-background p-2.5 text-sm text-text-positive-weak outline-none transition-all hover:shadow-card focus:border-border-emphasis focus:bg-muted-muted active:border-border-emphasis active:bg-muted-muted active:text-text-positive disabled:pointer-events-none disabled:cursor-default disabled:opacity-60 [&_svg]:size-3.5`,r),onClick:n,...i,children:e}),In=({onCreate:e,onDownload:t,onRefresh:r})=>{let{table:i,csvData:a,csvFileName:o,title:s,showAnalysisPanel:c}=$(),{isOpen:u,toggle:f}=gt(),p=k(()=>{if(t){t();return}if(!a||a.length===0)return;let e=i.getSelectedRowModel().flatRows;Nn(e.length>0?e.map(e=>a[e.index]).filter(Boolean):a,o||s)},[t,a,o,i,s]),m=!!(t||a&&a.length>0);return w(`div`,{className:`flex [&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none`,children:[C(Fn,{disabled:!e,onClick:t=>{e?.(),t.stopPropagation(),t.preventDefault()},children:C(l,{})}),C(Fn,{disabled:!r,onClick:e=>{r?.(),e.stopPropagation(),e.preventDefault()},children:C(re,{})}),C(Fn,{disabled:!m,onClick:e=>{p(),e.stopPropagation(),e.preventDefault()},children:C(d,{})}),c&&C(Fn,{onClick:e=>{f(),e.stopPropagation(),e.preventDefault()},"aria-pressed":u,className:u?`bg-muted-muted text-text-positive`:void 0,children:C(n,{})})]})},Ln=({children:e})=>{let{title:t,description:n,headerActions:r}=$();return w(`div`,{"data-slot":`table-tooltip`,className:`relative flex w-full flex-col gap-2 px-2 py-0 text-sm`,children:[w(`div`,{className:`flex w-full items-start justify-between gap-4`,children:[w(`div`,{className:`flex flex-col gap-0.5`,children:[C(`h3`,{className:`font-semibold text-base text-text-positive`,children:t}),n&&C(`p`,{className:`text-sm text-muted-foreground`,children:n})]}),r&&C(`div`,{className:`flex items-center gap-2 shrink-0`,children:r})]}),C(`div`,{className:`flex w-full flex-1 justify-between gap-x-2`,children:e})]})};Ln.displayName=`TableTooltip`;export{Ze as A,Ve as B,Lt as C,tt as D,nt as E,Ke as F,ze as H,Ge as I,We as L,Ye as M,Je as N,et as O,qe as P,Ue as R,Rt as S,Ft as T,Be as V,Kt as _,On as a,Vt as b,tn as c,Qt as d,Zt as f,qt as g,Jt as h,An as i,Xe as j,Qe as k,en as l,Yt as m,In as n,xn as o,Xt as p,Pn as r,on as s,Ln as t,$t as u,Gt as v,It as w,Bt as x,Wt as y,He as z};
+//# sourceMappingURL=tables-DbwtCMRI.js.map