@lssm/lib.ui-kit-web 0.0.0-canary-20251120170226

package/dist/ui/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","names":["React","open"],"sources":["../../ui/sidebar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { PanelLeftIcon } from 'lucide-react';\n\nimport { useIsMobile } from './use-mobile';\nimport { cn } from './utils';\nimport { Button } from './button';\nimport { Input } from './input';\nimport { Separator } from './separator';\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from './sheet';\nimport { Skeleton } from './skeleton';\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from './tooltip';\n\nconst SIDEBAR_COOKIE_NAME = 'sidebar_state';\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nconst SIDEBAR_WIDTH = '16rem';\nconst SIDEBAR_WIDTH_MOBILE = '18rem';\nconst SIDEBAR_WIDTH_ICON = '3rem';\nconst SIDEBAR_KEYBOARD_SHORTCUT = 'b';\n\ntype SidebarContextProps = {\n  state: 'expanded' | 'collapsed';\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  openMobile: boolean;\n  setOpenMobile: (open: boolean) => void;\n  isMobile: boolean;\n  toggleSidebar: () => void;\n};\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null);\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext);\n  if (!context) {\n    throw new Error('useSidebar must be used within a SidebarProvider.');\n  }\n\n  return context;\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  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}) {\n  const isMobile = useIsMobile();\n  const [openMobile, setOpenMobile] = React.useState(false);\n\n  // This is the internal state of the sidebar.\n  // We use openProp and setOpenProp for control from outside the component.\n  const [_open, _setOpen] = React.useState(defaultOpen);\n  const open = openProp ?? _open;\n  const setOpen = React.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\n      // This sets the cookie to keep the sidebar state.\n      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n    },\n    [setOpenProp, open]\n  );\n\n  // Helper to toggle the sidebar.\n  const toggleSidebar = React.useCallback(() => {\n    return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);\n  }, [isMobile, setOpen, setOpenMobile]);\n\n  // Adds a keyboard shortcut to toggle the sidebar.\n  React.useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (\n        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n        (event.metaKey || event.ctrlKey)\n      ) {\n        event.preventDefault();\n        toggleSidebar();\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [toggleSidebar]);\n\n  // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n  // This makes it easier to style the sidebar with Tailwind classes.\n  const state = open ? 'expanded' : 'collapsed';\n\n  const contextValue = React.useMemo<SidebarContextProps>(\n    () => ({\n      state,\n      open,\n      setOpen,\n      isMobile,\n      openMobile,\n      setOpenMobile,\n      toggleSidebar,\n    }),\n    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n  );\n\n  return (\n    <SidebarContext.Provider value={contextValue}>\n      <TooltipProvider delayDuration={0}>\n        <div\n          data-slot=\"sidebar-wrapper\"\n          style={\n            {\n              '--sidebar-width': SIDEBAR_WIDTH,\n              '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n              ...style,\n            } as React.CSSProperties\n          }\n          className={cn(\n            'group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full',\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </TooltipProvider>\n    </SidebarContext.Provider>\n  );\n}\n\nfunction Sidebar({\n  side = 'left',\n  variant = 'sidebar',\n  collapsible = 'offcanvas',\n  className,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & {\n  side?: 'left' | 'right';\n  variant?: 'sidebar' | 'floating' | 'inset';\n  collapsible?: 'offcanvas' | 'icon' | 'none';\n}) {\n  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\n  if (collapsible === 'none') {\n    return (\n      <div\n        data-slot=\"sidebar\"\n        className={cn(\n          'bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col',\n          className\n        )}\n        {...props}\n      >\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=\"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden\"\n          style={\n            {\n              '--sidebar-width': SIDEBAR_WIDTH_MOBILE,\n            } as React.CSSProperties\n          }\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 text-sidebar-foreground hidden 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      {/* This is what handles the sidebar gap on desktop */}\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          'fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) 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 the 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) group-data-[side=left]:border-r group-data-[side=right]:border-l',\n          className\n        )}\n        {...props}\n      >\n        <div\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar-inner\"\n          className=\"bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm\"\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction SidebarTrigger({\n  className,\n  onClick,\n  ...props\n}: 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      size=\"icon\"\n      className={cn('size-7', className)}\n      onClick={(event) => {\n        onClick?.(event);\n        toggleSidebar();\n      }}\n      {...props}\n    >\n      <PanelLeftIcon />\n      <span className=\"sr-only\">Toggle Sidebar</span>\n    </Button>\n  );\n}\n\nfunction SidebarRail({ 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        'hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex',\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 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        'bg-background relative flex w-full flex-1 flex-col',\n        'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof Input>) {\n  return (\n    <Input\n      data-slot=\"sidebar-input\"\n      data-sidebar=\"input\"\n      className={cn('bg-background h-8 w-full shadow-none', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-header\"\n      data-sidebar=\"header\"\n      className={cn('flex flex-col gap-2 p-2', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-footer\"\n      data-sidebar=\"footer\"\n      className={cn('flex flex-col gap-2 p-2', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"sidebar-separator\"\n      data-sidebar=\"separator\"\n      className={cn('bg-sidebar-border mx-2 w-auto', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-content\"\n      data-sidebar=\"content\"\n      className={cn(\n        'flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-group\"\n      data-sidebar=\"group\"\n      className={cn('relative flex w-full min-w-0 flex-col p-2', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarGroupLabel({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'div'> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      data-slot=\"sidebar-group-label\"\n      data-sidebar=\"group-label\"\n      className={cn(\n        'text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>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 SidebarGroupAction({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'button'> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'button';\n\n  return (\n    <Comp\n      data-slot=\"sidebar-group-action\"\n      data-sidebar=\"group-action\"\n      className={cn(\n        'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>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 SidebarGroupContent({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-group-content\"\n      data-sidebar=\"group-content\"\n      className={cn('w-full text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {\n  return (\n    <ul\n      data-slot=\"sidebar-menu\"\n      data-sidebar=\"menu\"\n      className={cn('flex w-full min-w-0 flex-col gap-1', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-item\"\n      data-sidebar=\"menu-item\"\n      className={cn('group/menu-item relative', className)}\n      {...props}\n    />\n  );\n}\n\nconst sidebarMenuButtonVariants = cva(\n  'peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        default: 'hover:bg-sidebar-accent 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 SidebarMenuButton({\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 ? Slot : 'button';\n  const { isMobile, 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) {\n    return button;\n  }\n\n  if (typeof tooltip === 'string') {\n    tooltip = {\n      children: tooltip,\n    };\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{button}</TooltipTrigger>\n      <TooltipContent\n        side=\"right\"\n        align=\"center\"\n        hidden={state !== 'collapsed' || isMobile}\n        {...tooltip}\n      />\n    </Tooltip>\n  );\n}\n\nfunction SidebarMenuAction({\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 ? Slot : 'button';\n\n  return (\n    <Comp\n      data-slot=\"sidebar-menu-action\"\n      data-sidebar=\"menu-action\"\n      className={cn(\n        'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>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 &&\n          'peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuBadge({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sidebar-menu-badge\"\n      data-sidebar=\"menu-badge\"\n      className={cn(\n        'text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none',\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 SidebarMenuSkeleton({\n  className,\n  showIcon = false,\n  ...props\n}: React.ComponentProps<'div'> & {\n  showIcon?: boolean;\n}) {\n  // Random width between 50 to 90%.\n  const width = React.useMemo(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`;\n  }, []);\n\n  return (\n    <div\n      data-slot=\"sidebar-menu-skeleton\"\n      data-sidebar=\"menu-skeleton\"\n      className={cn('flex h-8 items-center gap-2 rounded-md px-2', className)}\n      {...props}\n    >\n      {showIcon && (\n        <Skeleton\n          className=\"size-4 rounded-md\"\n          data-sidebar=\"menu-skeleton-icon\"\n        />\n      )}\n      <Skeleton\n        className=\"h-4 max-w-(--skeleton-width) flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            '--skeleton-width': width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  );\n}\n\nfunction SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {\n  return (\n    <ul\n      data-slot=\"sidebar-menu-sub\"\n      data-sidebar=\"menu-sub\"\n      className={cn(\n        'border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5',\n        'group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuSubItem({\n  className,\n  ...props\n}: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-sub-item\"\n      data-sidebar=\"menu-sub-item\"\n      className={cn('group/menu-sub-item relative', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuSubButton({\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 ? Slot : 'a';\n\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 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0',\n        'data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground',\n        size === 'sm' && 'text-xs',\n        size === 'md' && 'text-sm',\n        'group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n};\n"],"mappings":"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"}

package/dist/ui/skeleton.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime255 from "react/jsx-runtime";
+
+//#region ui/skeleton.d.ts
+declare function Skeleton({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime255.JSX.Element;
+//#endregion
+export { Skeleton };
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/ui/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","names":[],"sources":["../../ui/skeleton.tsx"],"sourcesContent":[],"mappings":";;;iBAES,QAAA;;;GAAkC,KAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/skeleton.js

@@ -0,0 +1,15 @@
+import { cn } from "./utils.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region ui/skeleton.tsx
+function Skeleton({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "skeleton",
+		className: cn("bg-accent animate-pulse rounded-md", className),
+		...props
+	});
+}
+
+//#endregion
+export { Skeleton };
+//# sourceMappingURL=skeleton.js.map

package/dist/ui/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../ui/skeleton.tsx"],"sourcesContent":["import { cn } from './utils';\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn('bg-accent animate-pulse rounded-md', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n"],"mappings":";;;;AAEA,SAAS,SAAS,EAAE,UAAW,GAAG,SAAsC;AACtE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;GACJ"}

package/dist/ui/skip-link.d.ts

@@ -0,0 +1,17 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime189 from "react/jsx-runtime";
+
+//#region ui/skip-link.d.ts
+interface SkipLinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement> {
+  targetId?: string;
+  children?: React$1.ReactNode;
+}
+declare function SkipLink({
+  targetId,
+  children,
+  className,
+  ...props
+}: SkipLinkProps): react_jsx_runtime189.JSX.Element;
+//#endregion
+export { SkipLink };
+//# sourceMappingURL=skip-link.d.ts.map

package/dist/ui/skip-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.d.ts","names":[],"sources":["../../ui/skip-link.tsx"],"sourcesContent":[],"mappings":";;;;UAEU,aAAA,SAAsB,OAAA,CAAM,qBAAqB;;aAE9C,OAAA,CAAM;AAJY;AAE4B,iBAQ3C,QAAA,CAR2C;EAAA,QAAA;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAaxD,aAbwD,CAAA,EAa3C,oBAAA,CAAA,GAAA,CAAA,OAb2C"}

package/dist/ui/skip-link.js

@@ -0,0 +1,17 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region ui/skip-link.tsx
+const defaultClasses = "sr-only focus:not-sr-only focus-visible:outline-solid focus-visible:ring-4 focus-visible:ring-offset-2 fixed top-2 left-2 z-100 rounded-xs bg-background px-3 py-2 text-sm shadow-2xs";
+function SkipLink({ targetId = "main", children, className,...props }) {
+	return /* @__PURE__ */ jsx("a", {
+		className: [defaultClasses, className].filter(Boolean).join(" "),
+		href: `#${targetId}`,
+		...props,
+		children: children ?? "Skip to main content"
+	});
+}
+
+//#endregion
+export { SkipLink };
+//# sourceMappingURL=skip-link.js.map

package/dist/ui/skip-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.js","names":[],"sources":["../../ui/skip-link.tsx"],"sourcesContent":["import * as React from 'react';\n\ninterface SkipLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  targetId?: string;\n  children?: React.ReactNode;\n}\n\nconst defaultClasses =\n  'sr-only focus:not-sr-only focus-visible:outline-solid focus-visible:ring-4 focus-visible:ring-offset-2 fixed top-2 left-2 z-100 rounded-xs bg-background px-3 py-2 text-sm shadow-2xs';\n\nexport function SkipLink({\n  targetId = 'main',\n  children,\n  className,\n  ...props\n}: SkipLinkProps) {\n  return (\n    <a\n      className={[defaultClasses, className].filter(Boolean).join(' ')}\n      href={`#${targetId}`}\n      {...props}\n    >\n      {children ?? 'Skip to main content'}\n    </a>\n  );\n}\n"],"mappings":";;;;AAOA,MAAM,iBACJ;AAEF,SAAgB,SAAS,EACvB,WAAW,QACX,UACA,UACA,GAAG,SACa;AAChB,QACE,oBAAC;EACC,WAAW,CAAC,gBAAgB,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAChE,MAAM,IAAI;EACV,GAAI;YAEH,YAAY;GACX"}

package/dist/ui/slider.d.ts

@@ -0,0 +1,16 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime196 from "react/jsx-runtime";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+
+//#region ui/slider.d.ts
+declare function Slider({
+  className,
+  defaultValue,
+  value,
+  min,
+  max,
+  ...props
+}: React$1.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime196.JSX.Element;
+//#endregion
+export { Slider };
+//# sourceMappingURL=slider.d.ts.map

package/dist/ui/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","names":[],"sources":["../../ui/slider.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,MAAA;;;;;;;GAON,OAAA,CAAM,sBAAsB,eAAA,CAAgB,QAAK,oBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/slider.js

@@ -0,0 +1,41 @@
+'use client';
+
+
+import { cn } from "./utils.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+
+//#region ui/slider.tsx
+function Slider({ className, defaultValue, value, min = 0, max = 100,...props }) {
+	const _values = React$1.useMemo(() => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max], [
+		value,
+		defaultValue,
+		min,
+		max
+	]);
+	return /* @__PURE__ */ jsxs(SliderPrimitive.Root, {
+		"data-slot": "slider",
+		defaultValue,
+		value,
+		min,
+		max,
+		className: cn("relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(SliderPrimitive.Track, {
+			"data-slot": "slider-track",
+			className: cn("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"),
+			children: /* @__PURE__ */ jsx(SliderPrimitive.Range, {
+				"data-slot": "slider-range",
+				className: cn("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full")
+			})
+		}), Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx(SliderPrimitive.Thumb, {
+			"data-slot": "slider-thumb",
+			className: "border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-2xs transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
+		}, index))]
+	});
+}
+
+//#endregion
+export { Slider };
+//# sourceMappingURL=slider.js.map

package/dist/ui/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":["React"],"sources":["../../ui/slider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SliderPrimitive from '@radix-ui/react-slider';\n\nimport { cn } from './utils';\n\nfunction Slider({\n  className,\n  defaultValue,\n  value,\n  min = 0,\n  max = 100,\n  ...props\n}: React.ComponentProps<typeof SliderPrimitive.Root>) {\n  const _values = React.useMemo(\n    () =>\n      Array.isArray(value)\n        ? value\n        : Array.isArray(defaultValue)\n          ? defaultValue\n          : [min, max],\n    [value, defaultValue, min, max]\n  );\n\n  return (\n    <SliderPrimitive.Root\n      data-slot=\"slider\"\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      className={cn(\n        'relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col',\n        className\n      )}\n      {...props}\n    >\n      <SliderPrimitive.Track\n        data-slot=\"slider-track\"\n        className={cn(\n          'bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5'\n        )}\n      >\n        <SliderPrimitive.Range\n          data-slot=\"slider-range\"\n          className={cn(\n            'bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full'\n          )}\n        />\n      </SliderPrimitive.Track>\n      {Array.from({ length: _values.length }, (_, index) => (\n        <SliderPrimitive.Thumb\n          data-slot=\"slider-thumb\"\n          key={index}\n          className=\"border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-2xs transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50\"\n        />\n      ))}\n    </SliderPrimitive.Root>\n  );\n}\n\nexport { Slider };\n"],"mappings":";;;;;;;;;AAOA,SAAS,OAAO,EACd,WACA,cACA,OACA,MAAM,GACN,MAAM,IACN,GAAG,SACiD;CACpD,MAAM,UAAUA,QAAM,cAElB,MAAM,QAAQ,MAAM,GAChB,QACA,MAAM,QAAQ,aAAa,GACzB,eACA,CAAC,KAAK,IAAI,EAClB;EAAC;EAAO;EAAc;EAAK;EAAI,CAChC;AAED,QACE,qBAAC,gBAAgB;EACf,aAAU;EACI;EACP;EACF;EACA;EACL,WAAW,GACT,qOACA,UACD;EACD,GAAI;aAEJ,oBAAC,gBAAgB;GACf,aAAU;GACV,WAAW,GACT,oMACD;aAED,oBAAC,gBAAgB;IACf,aAAU;IACV,WAAW,GACT,8FACD;KACD;IACoB,EACvB,MAAM,KAAK,EAAE,QAAQ,QAAQ,QAAQ,GAAG,GAAG,UAC1C,oBAAC,gBAAgB;GACf,aAAU;GAEV,WAAU;KADL,MAEL,CACF;GACmB"}

package/dist/ui/sonner.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime202 from "react/jsx-runtime";
+import { ToasterProps } from "sonner";
+
+//#region ui/sonner.d.ts
+declare const Toaster: ({
+  ...props
+}: ToasterProps) => react_jsx_runtime202.JSX.Element;
+//#endregion
+export { Toaster };
+//# sourceMappingURL=sonner.d.ts.map

package/dist/ui/sonner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sonner.d.ts","names":[],"sources":["../../ui/sonner.tsx"],"sourcesContent":[],"mappings":";;;;cAKM;;GAAyB,iBAAY,oBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/sonner.js

@@ -0,0 +1,25 @@
+'use client';
+
+
+import { Toaster as Toaster$1 } from "../node_modules/sonner/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+import { useTheme } from "next-themes";
+
+//#region ui/sonner.tsx
+const Toaster = ({ ...props }) => {
+	const { theme = "system" } = useTheme();
+	return /* @__PURE__ */ jsx(Toaster$1, {
+		theme,
+		className: "toaster group",
+		style: {
+			"--normal-bg": "var(--popover)",
+			"--normal-text": "var(--popover-foreground)",
+			"--normal-border": "var(--border)"
+		},
+		...props
+	});
+};
+
+//#endregion
+export { Toaster };
+//# sourceMappingURL=sonner.js.map

package/dist/ui/sonner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sonner.js","names":["Sonner"],"sources":["../../ui/sonner.tsx"],"sourcesContent":["'use client';\n\nimport { useTheme } from 'next-themes';\nimport { Toaster as Sonner, type ToasterProps } from 'sonner';\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const { theme = 'system' } = useTheme();\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps['theme']}\n      className=\"toaster group\"\n      style={\n        {\n          '--normal-bg': 'var(--popover)',\n          '--normal-text': 'var(--popover-foreground)',\n          '--normal-border': 'var(--border)',\n        } as React.CSSProperties\n      }\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\n"],"mappings":";;;;;;;;AAKA,MAAM,WAAW,EAAE,GAAG,YAA0B;CAC9C,MAAM,EAAE,QAAQ,aAAa,UAAU;AAEvC,QACE,oBAACA;EACQ;EACP,WAAU;EACV,OACE;GACE,eAAe;GACf,iBAAiB;GACjB,mBAAmB;GACpB;EAEH,GAAI;GACJ"}

package/dist/ui/stack.d.ts

@@ -0,0 +1,48 @@
+import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types10 from "class-variance-authority/types";
+
+//#region ui/stack.d.ts
+declare const vStackVariants: (props?: ({
+  gap?: "none" | "sm" | "lg" | "md" | "xs" | "xl" | "2xl" | null | undefined;
+  align?: "center" | "start" | "end" | "stretch" | null | undefined;
+  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
+} & class_variance_authority_types10.ClassProp) | undefined) => string;
+declare const VStack: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+  gap?: "none" | "sm" | "lg" | "md" | "xs" | "xl" | "2xl" | null | undefined;
+  align?: "center" | "start" | "end" | "stretch" | null | undefined;
+  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
+} & class_variance_authority_types10.ClassProp) | undefined) => string> & {
+  as?: "div" | "section" | "nav" | "main" | "header" | "footer" | "article" | "aside";
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const hStackVariants: (props?: ({
+  gap?: "none" | "sm" | "lg" | "md" | "xs" | "xl" | "2xl" | null | undefined;
+  align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
+  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
+  wrap?: "wrap" | "nowrap" | "wrapReverse" | null | undefined;
+} & class_variance_authority_types10.ClassProp) | undefined) => string;
+declare const HStack: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+  gap?: "none" | "sm" | "lg" | "md" | "xs" | "xl" | "2xl" | null | undefined;
+  align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
+  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
+  wrap?: "wrap" | "nowrap" | "wrapReverse" | null | undefined;
+} & class_variance_authority_types10.ClassProp) | undefined) => string> & {
+  as?: "div" | "section" | "nav" | "header" | "footer" | "article" | "aside";
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const boxVariants: (props?: ({
+  gap?: "none" | "sm" | "lg" | "md" | "xs" | "xl" | "2xl" | null | undefined;
+  align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
+  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
+  wrap?: "wrap" | "nowrap" | "wrapReverse" | null | undefined;
+} & class_variance_authority_types10.ClassProp) | undefined) => string;
+declare const Box: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+  gap?: "none" | "sm" | "lg" | "md" | "xs" | "xl" | "2xl" | null | undefined;
+  align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
+  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
+  wrap?: "wrap" | "nowrap" | "wrapReverse" | null | undefined;
+} & class_variance_authority_types10.ClassProp) | undefined) => string> & {
+  as?: "div" | "section" | "nav" | "header" | "footer" | "article" | "aside";
+} & React$1.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Box, HStack, VStack, boxVariants, hStackVariants, vStackVariants };
+//# sourceMappingURL=stack.d.ts.map

package/dist/ui/stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","names":[],"sources":["../../ui/stack.tsx"],"sourcesContent":[],"mappings":";;;;;cAIM,sBAyDL;;;EAzDK,OAAA,CAAA,EAAA,QA+BJ,GAAA,OAAA,GAAA,KAAA,GAAA,SAAA,GAAA,QAAA,GAAA,QAAA,GAAA,IAAA,GAAA,SAAA;IAAA,gCAAA,CAAA,SA0BD,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;cAXK,MAAM,EAAA,OAAA,CAAA,yBAAA,CAAA,OAAA,CAAA,cAAA,CAAA,cAAA,CAAA,GAAA,YAAA,CAAA,CAAA,MAAA,EAAA,CAAA;EAAA,GAAA,CAAA,EAAA,MAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,KAAA,GAAA,IAAA,GAAA,SAAA;EAAA,KAAA,CAAA,EAAA,QAAA,GAAA,OAAA,GAAA,KAAA,GAAA,SAAA,GAAA,IAAA,GAAA,SAAA;EAAA,OAAA,CAAA,EAAA,QAAA,GAAA,OAAA,GAAA,KAAA,GAAA,SAAA,GAAA,QAAA,GAAA,QAAA,GAAA,IAAA,GAAA,SAAA;IAAA,gCAAA,CAAA;;CAAA,wBAAA,eAAA,CAAA,CAAA;cAcN,cAdM,EAAA,CAAA,KA2DA,CA3DA,EAAA,CAAA;EAcN,GAAA,CAAA,EAAA,MAAA,GAAA,IAsCJ,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,KAAA,GAAA,IAAA,GAAA,SAAA;EAOI,KAAA,CAAA,EAAA,QAWL,GAAA,OAAA,GAAA,KAAA,GAAA,SAAA,GAAA,UAAA,GAAA,IAAA,GAAA,SAAA;EAXW,OAAA,CAAA,EAAA,QAAA,GAAA,OAAA,GAAA,KAAA,GAAA,SAAA,GAAA,QAAA,GAAA,QAAA,GAAA,IAAA,GAAA,SAAA;EAAA,IAAA,CAAA,EAAA,MAAA,GAAA,QAAA,GAAA,aAAA,GAAA,IAAA,GAAA,SAAA;CAAA,GAPV,gCAAA,CAAA,SAOU,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;cAAN,MAAM,EAAA,OAAA,CAAA,yBAAA,CAAA,OAAA,CAAA,cAAA,CAAA,cAAA,CAAA,GAAA,YAAA,CAAA,CAAA,KAoDV,CApDU,EAAA,CAAA;;;EAAA,OAAA,CAAA,EAAA,QAAA,GAAA,OAAA,GAAA,KAAA,GAAA,SAAA,GAAA,QAAA,GAAA,QAAA,GAAA,IAAA,GAAA,SAAA;EAAA,IAAA,CAAA,EAAA,MAAA,GAAA,QAAA,GAAA,aAAA,GAAA,IAAA,GAAA,SAAA;AAAA,CAAA,GAAA,gCAAA,CAAA,SAoDV,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA,CAAA,GAAA;EAOI,EAAA,CAAA,EAAA,KAWL,GAAA,SAAA,GAAA,KAAA,GAAA,QAAA,GAAA,QAAA,GAAA,SAAA,GAAA,OAAA;CAXQ,wBAAA,eAAA,CAAA,CAAA;cA7CH,WA6CG,EAAA,CAAA,KAAA,CAAA,EAAA,CAAA;EAAA,GAAA,CAAA,EAAA,MAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,KAAA,GAAA,IAAA,GAAA,SAAA;EAAA,KAAA,CAAA,EAAA,QAAA,GAAA,OAAA,GAAA,KAAA,GAAA,SAAA,GAAA,UAAA,GAAA,IAAA,GAAA,SAAA;;;CAAA,GAPP,gCAAA,CAAA,SAOO,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;cAAH,GAAG,EAAA,OAAA,CAAA,yBAAA,CAAA,OAAA,CAAA,cAAA,CAAA,cAAA,CAAA,GAAA,YAAA,CAAA,CAAA,MAAA,EAAA,CAAA;;;;;IAAA,gCAAA,CAAA"}

package/dist/ui/stack.js

@@ -0,0 +1,158 @@
+import { cn } from "./utils.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ui/stack.tsx
+const vStackVariants = cva("flex flex-col", {
+	variants: {
+		gap: {
+			none: "gap-0",
+			xs: "gap-1",
+			sm: "gap-2",
+			md: "gap-3",
+			lg: "gap-4",
+			xl: "gap-6",
+			"2xl": "gap-8"
+		},
+		align: {
+			start: "items-start",
+			center: "items-center",
+			end: "items-end",
+			stretch: "items-stretch"
+		},
+		justify: {
+			start: "justify-start",
+			center: "justify-center",
+			end: "justify-end",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly"
+		}
+	},
+	defaultVariants: {
+		gap: "md",
+		align: "stretch",
+		justify: "start"
+	}
+});
+const VStack = React$1.forwardRef(({ className, gap, align, justify, as = "div",...props }, ref) => {
+	return /* @__PURE__ */ jsx(as, {
+		ref,
+		className: cn(vStackVariants({
+			gap,
+			align,
+			justify
+		}), className),
+		...props
+	});
+});
+VStack.displayName = "VStack";
+const hStackVariants = cva("flex flex-row", {
+	variants: {
+		gap: {
+			none: "gap-0",
+			xs: "gap-1",
+			sm: "gap-2",
+			md: "gap-3",
+			lg: "gap-4",
+			xl: "gap-6",
+			"2xl": "gap-8"
+		},
+		align: {
+			start: "items-start",
+			center: "items-center",
+			end: "items-end",
+			stretch: "items-stretch",
+			baseline: "items-baseline"
+		},
+		justify: {
+			start: "justify-start",
+			center: "justify-center",
+			end: "justify-end",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly"
+		},
+		wrap: {
+			nowrap: "flex-nowrap",
+			wrap: "flex-wrap",
+			wrapReverse: "flex-wrap-reverse"
+		}
+	},
+	defaultVariants: {
+		gap: "md",
+		align: "center",
+		justify: "start",
+		wrap: "wrap"
+	}
+});
+const HStack = React$1.forwardRef(({ className, gap, align, justify, wrap, as = "div",...props }, ref) => {
+	return /* @__PURE__ */ jsx(as, {
+		ref,
+		className: cn(hStackVariants({
+			gap,
+			align,
+			justify,
+			wrap
+		}), className),
+		...props
+	});
+});
+HStack.displayName = "HStack";
+const boxVariants = cva("flex flex-row", {
+	variants: {
+		gap: {
+			none: "gap-0",
+			xs: "gap-1",
+			sm: "gap-2",
+			md: "gap-3",
+			lg: "gap-4",
+			xl: "gap-6",
+			"2xl": "gap-8"
+		},
+		align: {
+			start: "items-start",
+			center: "items-center",
+			end: "items-end",
+			stretch: "items-stretch",
+			baseline: "items-baseline"
+		},
+		justify: {
+			start: "justify-start",
+			center: "justify-center",
+			end: "justify-end",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly"
+		},
+		wrap: {
+			nowrap: "flex-nowrap",
+			wrap: "flex-wrap",
+			wrapReverse: "flex-wrap-reverse"
+		}
+	},
+	defaultVariants: {
+		gap: "md",
+		align: "center",
+		justify: "center",
+		wrap: "nowrap"
+	}
+});
+const Box = React$1.forwardRef(({ className, gap, align, justify, wrap, as = "div",...props }, ref) => {
+	return /* @__PURE__ */ jsx(as, {
+		ref,
+		className: cn(boxVariants({
+			gap,
+			align,
+			justify,
+			wrap
+		}), className),
+		...props
+	});
+});
+Box.displayName = "Box";
+
+//#endregion
+export { Box, HStack, VStack, boxVariants, hStackVariants, vStackVariants };
+//# sourceMappingURL=stack.js.map

package/dist/ui/stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.js","names":["React"],"sources":["../../ui/stack.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from './utils';\n\nconst vStackVariants = cva('flex flex-col', {\n  variants: {\n    gap: {\n      none: 'gap-0',\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-3',\n      lg: 'gap-4',\n      xl: 'gap-6',\n      '2xl': 'gap-8',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      stretch: 'items-stretch',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n    },\n  },\n  defaultVariants: {\n    gap: 'md',\n    align: 'stretch',\n    justify: 'start',\n  },\n});\n\ntype VStackProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof vStackVariants> & {\n    as?:\n      | 'div'\n      | 'section'\n      | 'nav'\n      | 'main'\n      | 'header'\n      | 'footer'\n      | 'article'\n      | 'aside';\n  };\n\nconst VStack = React.forwardRef<HTMLDivElement, VStackProps>(\n  ({ className, gap, align, justify, as = 'div', ...props }, ref) => {\n    const Comp: any = as;\n    return (\n      <Comp\n        ref={ref}\n        className={cn(vStackVariants({ gap, align, justify }), className)}\n        {...props}\n      />\n    );\n  }\n);\nVStack.displayName = 'VStack';\n\nconst hStackVariants = cva('flex flex-row', {\n  variants: {\n    gap: {\n      none: 'gap-0',\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-3',\n      lg: 'gap-4',\n      xl: 'gap-6',\n      '2xl': 'gap-8',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      stretch: 'items-stretch',\n      baseline: 'items-baseline',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n    },\n    wrap: {\n      nowrap: 'flex-nowrap',\n      wrap: 'flex-wrap',\n      wrapReverse: 'flex-wrap-reverse',\n    },\n  },\n  defaultVariants: {\n    gap: 'md',\n    align: 'center',\n    justify: 'start',\n    wrap: 'wrap',\n  },\n});\n\ntype HStackProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof hStackVariants> & {\n    as?: 'div' | 'section' | 'nav' | 'header' | 'footer' | 'article' | 'aside';\n  };\n\nconst HStack = React.forwardRef<HTMLDivElement, HStackProps>(\n  ({ className, gap, align, justify, wrap, as = 'div', ...props }, ref) => {\n    const Comp: any = as;\n    return (\n      <Comp\n        ref={ref}\n        className={cn(hStackVariants({ gap, align, justify, wrap }), className)}\n        {...props}\n      />\n    );\n  }\n);\nHStack.displayName = 'HStack';\n\nconst boxVariants = cva('flex flex-row', {\n  variants: {\n    gap: {\n      none: 'gap-0',\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-3',\n      lg: 'gap-4',\n      xl: 'gap-6',\n      '2xl': 'gap-8',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      stretch: 'items-stretch',\n      baseline: 'items-baseline',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n    },\n    wrap: {\n      nowrap: 'flex-nowrap',\n      wrap: 'flex-wrap',\n      wrapReverse: 'flex-wrap-reverse',\n    },\n  },\n  defaultVariants: {\n    gap: 'md',\n    align: 'center',\n    justify: 'center',\n    wrap: 'nowrap',\n  },\n});\n\ntype BoxProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof boxVariants> & {\n    as?: 'div' | 'section' | 'nav' | 'header' | 'footer' | 'article' | 'aside';\n  };\n\nconst Box = React.forwardRef<HTMLDivElement, BoxProps>(\n  ({ className, gap, align, justify, wrap, as = 'div', ...props }, ref) => {\n    const Comp: any = as;\n    return (\n      <Comp\n        ref={ref}\n        className={cn(boxVariants({ gap, align, justify, wrap }), className)}\n        {...props}\n      />\n    );\n  }\n);\nBox.displayName = 'Box';\n\nexport { VStack, HStack, vStackVariants, hStackVariants, boxVariants, Box };\n"],"mappings":";;;;;;AAIA,MAAM,iBAAiB,IAAI,iBAAiB;CAC1C,UAAU;EACR,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACD,OAAO;GACL,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACV;EACD,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACF;CACD,iBAAiB;EACf,KAAK;EACL,OAAO;EACP,SAAS;EACV;CACF,CAAC;AAeF,MAAM,SAASA,QAAM,YAClB,EAAE,WAAW,KAAK,OAAO,SAAS,KAAK,MAAO,GAAG,SAAS,QAAQ;AAEjE,QACE,oBAFgB;EAGT;EACL,WAAW,GAAG,eAAe;GAAE;GAAK;GAAO;GAAS,CAAC,EAAE,UAAU;EACjE,GAAI;GACJ;EAGP;AACD,OAAO,cAAc;AAErB,MAAM,iBAAiB,IAAI,iBAAiB;CAC1C,UAAU;EACR,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACD,OAAO;GACL,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,UAAU;GACX;EACD,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACD,MAAM;GACJ,QAAQ;GACR,MAAM;GACN,aAAa;GACd;EACF;CACD,iBAAiB;EACf,KAAK;EACL,OAAO;EACP,SAAS;EACT,MAAM;EACP;CACF,CAAC;AAOF,MAAM,SAASA,QAAM,YAClB,EAAE,WAAW,KAAK,OAAO,SAAS,MAAM,KAAK,MAAO,GAAG,SAAS,QAAQ;AAEvE,QACE,oBAFgB;EAGT;EACL,WAAW,GAAG,eAAe;GAAE;GAAK;GAAO;GAAS;GAAM,CAAC,EAAE,UAAU;EACvE,GAAI;GACJ;EAGP;AACD,OAAO,cAAc;AAErB,MAAM,cAAc,IAAI,iBAAiB;CACvC,UAAU;EACR,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACD,OAAO;GACL,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,UAAU;GACX;EACD,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACD,MAAM;GACJ,QAAQ;GACR,MAAM;GACN,aAAa;GACd;EACF;CACD,iBAAiB;EACf,KAAK;EACL,OAAO;EACP,SAAS;EACT,MAAM;EACP;CACF,CAAC;AAOF,MAAM,MAAMA,QAAM,YACf,EAAE,WAAW,KAAK,OAAO,SAAS,MAAM,KAAK,MAAO,GAAG,SAAS,QAAQ;AAEvE,QACE,oBAFgB;EAGT;EACL,WAAW,GAAG,YAAY;GAAE;GAAK;GAAO;GAAS;GAAM,CAAC,EAAE,UAAU;EACpE,GAAI;GACJ;EAGP;AACD,IAAI,cAAc"}

package/dist/ui/stat-card-group.d.ts

@@ -0,0 +1,19 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime210 from "react/jsx-runtime";
+
+//#region ui/stat-card-group.d.ts
+interface StatItem {
+  label: React$1.ReactNode;
+  value: React$1.ReactNode;
+  tone?: 'blue' | 'green' | 'amber';
+}
+declare function StatCardGroup({
+  items,
+  className
+}: {
+  items: StatItem[];
+  className?: string;
+}): react_jsx_runtime210.JSX.Element;
+//#endregion
+export { StatCardGroup, StatItem };
+//# sourceMappingURL=stat-card-group.d.ts.map

package/dist/ui/stat-card-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-card-group.d.ts","names":[],"sources":["../../ui/stat-card-group.tsx"],"sourcesContent":[],"mappings":";;;;UAIiB,QAAA;SACR,OAAA,CAAM;SACN,OAAA,CAAM;EAFE,IAAA,CAAA,EAAA,MAAQ,GAAA,OAAA,GAChB,OAAM;AAiBf;AACE,iBADc,aAAA,CACd;EAAA,KAAA;EAAA;CAAA,EAAA;EACA,KAAA,EAEO,QAFP,EAAA;EAEO,SAAA,CAAA,EAAA,MAAA;CAER,CAAA,EAAA,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/stat-card-group.js

@@ -0,0 +1,39 @@
+import { Card, CardContent } from "./card.js";
+import { HStack, VStack } from "./stack.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ui/stat-card-group.tsx
+function toneClasses(tone) {
+	switch (tone) {
+		case "green": return "bg-green-50 text-green-800";
+		case "amber": return "bg-amber-50 text-amber-800";
+		case "blue":
+		default: return "bg-blue-50 text-blue-800";
+	}
+}
+function StatCardGroup({ items, className }) {
+	return /* @__PURE__ */ jsx(HStack, {
+		className: className + " w-full flex-wrap gap-3",
+		children: items.map((it, idx) => /* @__PURE__ */ jsx(Card, {
+			className: "border-none shadow-2xs",
+			children: /* @__PURE__ */ jsx(CardContent, {
+				className: "px-4 py-3",
+				children: /* @__PURE__ */ jsxs(VStack, {
+					className: "gap-1",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: `w-fit rounded-xs px-2 py-0.5 text-sm ${toneClasses(it.tone)}`,
+						children: it.label
+					}), /* @__PURE__ */ jsx("div", {
+						className: "text-xl font-semibold",
+						children: it.value
+					})]
+				})
+			})
+		}, idx))
+	});
+}
+
+//#endregion
+export { StatCardGroup };
+//# sourceMappingURL=stat-card-group.js.map

package/dist/ui/stat-card-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-card-group.js","names":[],"sources":["../../ui/stat-card-group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Card, CardContent } from './card';\nimport { HStack, VStack } from './stack';\n\nexport interface StatItem {\n  label: React.ReactNode;\n  value: React.ReactNode;\n  tone?: 'blue' | 'green' | 'amber';\n}\n\nfunction toneClasses(tone?: StatItem['tone']) {\n  switch (tone) {\n    case 'green':\n      return 'bg-green-50 text-green-800';\n    case 'amber':\n      return 'bg-amber-50 text-amber-800';\n    case 'blue':\n    default:\n      return 'bg-blue-50 text-blue-800';\n  }\n}\n\nexport function StatCardGroup({\n  items,\n  className,\n}: {\n  items: StatItem[];\n  className?: string;\n}) {\n  return (\n    <HStack className={className + ' w-full flex-wrap gap-3'}>\n      {items.map((it, idx) => (\n        <Card key={idx} className=\"border-none shadow-2xs\">\n          <CardContent className=\"px-4 py-3\">\n            <VStack className=\"gap-1\">\n              <div\n                className={`w-fit rounded-xs px-2 py-0.5 text-sm ${toneClasses(it.tone)}`}\n              >\n                {it.label}\n              </div>\n              <div className=\"text-xl font-semibold\">{it.value}</div>\n            </VStack>\n          </CardContent>\n        </Card>\n      ))}\n    </HStack>\n  );\n}\n"],"mappings":";;;;;;AAUA,SAAS,YAAY,MAAyB;AAC5C,SAAQ,MAAR;EACE,KAAK,QACH,QAAO;EACT,KAAK,QACH,QAAO;EACT,KAAK;EACL,QACE,QAAO;;;AAIb,SAAgB,cAAc,EAC5B,OACA,aAIC;AACD,QACE,oBAAC;EAAO,WAAW,YAAY;YAC5B,MAAM,KAAK,IAAI,QACd,oBAAC;GAAe,WAAU;aACxB,oBAAC;IAAY,WAAU;cACrB,qBAAC;KAAO,WAAU;gBAChB,oBAAC;MACC,WAAW,wCAAwC,YAAY,GAAG,KAAK;gBAEtE,GAAG;OACA,EACN,oBAAC;MAAI,WAAU;gBAAyB,GAAG;OAAY;MAChD;KACG;KAVL,IAWJ,CACP;GACK"}

package/dist/ui/stepper.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime221 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types18 from "class-variance-authority/types";
+
+//#region ui/stepper.d.ts
+declare const dotVariants: (props?: ({
+  state?: "active" | "inactive" | null | undefined;
+  size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types18.ClassProp) | undefined) => string;
+interface StepperProps extends VariantProps<typeof dotVariants> {
+  current: number;
+  total: number;
+  className?: string;
+}
+declare function Stepper({
+  current,
+  total,
+  size,
+  className
+}: StepperProps): react_jsx_runtime221.JSX.Element;
+//#endregion
+export { Stepper, StepperProps };
+//# sourceMappingURL=stepper.d.ts.map

package/dist/ui/stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.d.ts","names":[],"sources":["../../ui/stepper.tsx"],"sourcesContent":[],"mappings":";;;;;cAKM;;;IAeJ,gCAAA,CAAA;AAfI,UAiBW,YAAA,SAAqB,YAFpC,CAAA,OAEwD,WAFxD,CAAA,CAAA;EAEe,OAAA,EAAA,MAAa;EAMd,KAAA,EAAA,MAAO;EAAG,SAAA,CAAA,EAAA,MAAA;;AAAgB,iBAA1B,OAAA,CAA0B;EAAA,OAAA;EAAA,KAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAAmB,YAAnB,CAAA,EAA+B,oBAAA,CAAA,GAAA,CAAA,OAA/B"}