npm - @sth87/shadcn-design-system - Versions diffs - 0.0.35 → 0.1.0 - Mend

@sth87/shadcn-design-system 0.0.35 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (421) hide show

package/dist/esm/packages/ui/src/components/sidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sidebar.js","sources":["../../../../../../../../packages/ui/src/components/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 \"@dsui/ui/hooks/use-mobile\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { Button } from \"@dsui/ui/components/button\";\nimport { Input } from \"@dsui/ui/components/input\";\nimport { Separator } from \"@dsui/ui/components/separator\";\nimport {\n Sheet,\n SheetContent,\n SheetDescription,\n SheetHeader,\n SheetTitle,\n} from \"@dsui/ui/components/sheet\";\nimport { Skeleton } from \"@dsui/ui/components/skeleton\";\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"@dsui/ui/components/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 \"has-data-[variant=tilt]:[perspective:1000px] has-data-[variant=tilt]:bg-black/20\",\n \"has-data-[variant=depth]:[perspective:1000px] has-data-[variant=depth]:bg-black/20\",\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\" \| \"tilt\" \| \"depth\";\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 \"group-data-[side=right]:hidden\",\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 const { setOpen, state } = useSidebar();\n const mainRef = React.useRef<HTMLElement>(null);\n\n const handleClick = React.useCallback(() => {\n if (mainRef.current) {\n const sidebar = mainRef.current.parentElement?.querySelector(\n '[data-slot=\"sidebar\"]'\n );\n const variant = sidebar?.getAttribute(\"data-variant\");\n if ((variant === \"tilt\" \|\| variant === \"depth\") && state === \"expanded\") {\n setOpen(false);\n }\n }\n }, [setOpen, state]);\n\n return (\n <main\n ref={mainRef}\n data-slot=\"sidebar-inset\"\n onClick={handleClick}\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 \"md:peer-data-[variant=sidebar]:peer-data-[side=left]:peer-data-[state=collapsed]:peer-data-[collapsible=icon]:ml-(--sidebar-width-icon) md:peer-data-[variant=sidebar]:peer-data-[side=right]:peer-data-[state=collapsed]:peer-data-[collapsible=icon]:mr-(--sidebar-width-icon)\",\n \"md:peer-data-[variant=sidebar]:peer-data-[state=collapsed]:peer-data-[collapsible=offcanvas]:ml-0 md:peer-data-[variant=sidebar]:peer-data-[state=collapsed]:peer-data-[collapsible=offcanvas]:mr-0\",\n \"md:peer-data-[variant=sidebar]:peer-data-[side=right]:mr-(--sidebar-width)\",\n \"md:peer-data-[variant=inset]:peer-data-[side=left]:peer-data-[state=collapsed]:peer-data-[collapsible=icon]:ml-(--sidebar-width-icon) md:peer-data-[variant=inset]:peer-data-[side=right]:peer-data-[state=collapsed]:peer-data-[collapsible=icon]:mr-(--sidebar-width-icon)\",\n \"md:peer-data-[variant=inset]:peer-data-[state=collapsed]:peer-data-[collapsible=offcanvas]:ml-0 md:peer-data-[variant=inset]:peer-data-[state=collapsed]:peer-data-[collapsible=offcanvas]:mr-0\",\n \"md:peer-data-[variant=inset]:peer-data-[side=right]:mr-(--sidebar-width)\",\n \"md:peer-data-[variant=tilt]:peer-data-[state=collapsed]:peer-data-[collapsible=offcanvas]:ml-0 md:peer-data-[variant=tilt]:peer-data-[state=collapsed]:peer-data-[collapsible=offcanvas]:mr-0\",\n \"md:peer-data-[variant=tilt]:peer-data-[side=right]:mr-(--sidebar-width)\",\n \"md:peer-data-[variant=tilt]:transition-transform md:peer-data-[variant=tilt]:duration-200 md:peer-data-[variant=tilt]:ease-linear\",\n \"md:peer-data-[variant=tilt]:peer-data-[side=left]:origin-right md:peer-data-[variant=tilt]:peer-data-[side=left]:peer-data-[state=expanded]:[transform:rotate3d(0,1,0,-25deg)]\",\n \"md:peer-data-[variant=tilt]:peer-data-[side=right]:origin-left md:peer-data-[variant=tilt]:peer-data-[side=right]:peer-data-[state=expanded]:[transform:rotate3d(0,1,0,25deg)]\",\n \"md:peer-data-[variant=tilt]:peer-data-[state=expanded]:blur-[2px]\",\n \"md:peer-data-[variant=depth]:peer-data-[state=collapsed]:peer-data-[collapsible=offcanvas]:ml-0 md:peer-data-[variant=depth]:peer-data-[state=collapsed]:peer-data-[collapsible=offcanvas]:mr-0\",\n \"md:peer-data-[variant=depth]:peer-data-[side=right]:mr-(--sidebar-width)\",\n \"md:peer-data-[variant=depth]:transition-transform md:peer-data-[variant=depth]:duration-200 md:peer-data-[variant=depth]:ease-linear\",\n \"md:peer-data-[variant=depth]:peer-data-[state=expanded]:[transform:scale(0.95)_translateZ(-50px)]\",\n \"md:peer-data-[variant=depth]:peer-data-[state=expanded]:backdrop-blur-[1px]\",\n \"md:peer-data-[variant=depth]:peer-data-[state=expanded]:blur-[2px]\",\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"],"names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","React","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","isMobile","useIsMobile","openMobile","setOpenMobile","_open","_setOpen","open","setOpen","value","openState","toggleSidebar","handleKeyDown","event","state","contextValue","jsx","TooltipProvider","cn","Sidebar","side","variant","collapsible","Sheet","jsxs","SheetContent","SheetHeader","SheetTitle","SheetDescription","SidebarTrigger","onClick","Button","PanelLeftIcon","SidebarRail","SidebarInset","mainRef","handleClick","SidebarInput","Input","SidebarHeader","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","SidebarGroupLabel","asChild","Slot","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariants","cva","SidebarMenuButton","isActive","size","tooltip","Comp","button","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"],"mappings":"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"}
1	+ {"version":3,"file":"sidebar.js","sources":["../../../../../../../../packages/ui/src/components/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 \"@dsui/ui/hooks/use-mobile\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { Button } from \"@dsui/ui/components/button\";\nimport { Input } from \"@dsui/ui/components/input\";\nimport { Separator } from \"@dsui/ui/components/separator\";\nimport {\n Sheet,\n SheetContent,\n SheetDescription,\n SheetHeader,\n SheetTitle,\n} from \"@dsui/ui/components/sheet\";\nimport { Skeleton } from \"@dsui/ui/components/skeleton\";\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"@dsui/ui/components/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 \"ds:group/sidebar-wrapper ds:has-data-[variant=inset]:bg-sidebar ds:flex ds:min-h-svh ds:w-full\",\n \"ds:has-data-[variant=tilt]:[perspective:1000px] ds:has-data-[variant=tilt]:bg-black/20\",\n \"ds:has-data-[variant=depth]:[perspective:1000px] ds:has-data-[variant=depth]:bg-black/20\",\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\" \| \"tilt\" \| \"depth\";\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 \"ds:bg-sidebar ds:text-sidebar-foreground ds:flex ds:h-full ds:w-(--sidebar-width) ds: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=\"ds:bg-sidebar ds:text-sidebar-foreground ds:w-(--sidebar-width) ds:p-0 ds:[&>button]:hidden\"\n style={\n {\n \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE,\n } as React.CSSProperties\n }\n side={side}\n >\n <SheetHeader className=\"ds:sr-only\">\n <SheetTitle>Sidebar</SheetTitle>\n <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n </SheetHeader>\n <div className=\"ds:flex ds:h-full ds:w-full ds:flex-col\">{children}</div>\n </SheetContent>\n </Sheet>\n );\n }\n\n return (\n <div\n className=\"ds:group ds:peer ds:text-sidebar-foreground ds:hidden ds: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 \"ds:relative ds:w-(--sidebar-width) ds:bg-transparent ds:transition-[width] ds:duration-200 ds:ease-linear\",\n \"ds:group-data-[collapsible=offcanvas]:w-0\",\n \"ds:group-data-[side=right]:rotate-180\",\n \"ds:group-data-[side=right]:hidden\",\n variant === \"floating\" \|\| variant === \"inset\"\n ? \"ds:group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n : \"ds:group-data-[collapsible=icon]:w-(--sidebar-width-icon)\"\n )}\n />\n <div\n data-slot=\"sidebar-container\"\n className={cn(\n \"ds:fixed ds:inset-y-0 ds:z-10 ds:hidden ds:h-svh ds:w-(--sidebar-width) ds:transition-[left,right,width] ds:duration-200 ds:ease-linear ds:md:flex\",\n side === \"left\"\n ? \"ds:left-0 ds:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)-1)]\"\n : \"ds:right-0 ds: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 ? \"ds:p-2 ds:group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n : \"ds:group-data-[collapsible=icon]:w-(--sidebar-width-icon) ds:group-data-[side=left]:border-r ds: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=\"ds:bg-sidebar ds:group-data-[variant=floating]:border-sidebar-border ds:flex ds:h-full ds:w-full ds:flex-col ds:group-data-[variant=floating]:rounded-lg ds:group-data-[variant=floating]:border ds: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(\"ds:size-7\", className)}\n onClick={(event) => {\n onClick?.(event);\n toggleSidebar();\n }}\n {...props}\n >\n <PanelLeftIcon />\n <span className=\"ds: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 \"ds:hover:after:bg-sidebar-border ds:absolute ds:inset-y-0 ds:z-20 ds:hidden ds:w-4 ds:-translate-x-1/2 ds:transition-all ds:ease-linear ds:group-data-[side=left]:-right-4 ds:group-data-[side=right]:left-0 ds:after:absolute ds:after:inset-y-0 ds:after:left-1/2 ds:after:w-[2px] ds:sm:flex\",\n \"ds:in-data-[side=left]:cursor-w-resize ds:in-data-[side=right]:cursor-e-resize\",\n \"ds:[[data-side=left][data-state=collapsed]_&]:cursor-e-resize ds:[[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n \"ds:hover:group-data-[collapsible=offcanvas]:bg-sidebar ds:group-data-[collapsible=offcanvas]:translate-x-0 ds:group-data-[collapsible=offcanvas]:after:left-full\",\n \"ds:[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n \"ds:[[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 const { setOpen, state } = useSidebar();\n const mainRef = React.useRef<HTMLElement>(null);\n\n const handleClick = React.useCallback(() => {\n if (mainRef.current) {\n const sidebar = mainRef.current.parentElement?.querySelector(\n '[data-slot=\"sidebar\"]'\n );\n const variant = sidebar?.getAttribute(\"data-variant\");\n if ((variant === \"tilt\" \|\| variant === \"depth\") && state === \"expanded\") {\n setOpen(false);\n }\n }\n }, [setOpen, state]);\n\n return (\n <main\n ref={mainRef}\n data-slot=\"sidebar-inset\"\n onClick={handleClick}\n className={cn(\n \"ds:bg-background ds:relative ds:flex ds:w-full ds:flex-1 ds:flex-col\",\n \"ds:md:peer-data-[variant=inset]:m-2 ds:md:peer-data-[variant=inset]:ml-0 ds:md:peer-data-[variant=inset]:rounded-xl ds:md:peer-data-[variant=inset]:shadow-sm ds:md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2\",\n \"ds:md:peer-data-[variant=sidebar]:peer-data-[side=left]:peer-data-[state=collapsed]:peer-data-[collapsible=icon]:ml-(--sidebar-width-icon) ds:md:peer-data-[variant=sidebar]:peer-data-[side=right]:peer-data-[state=collapsed]:peer-data-[collapsible=icon]:mr-(--sidebar-width-icon)\",\n \"ds:md:peer-data-[variant=sidebar]:peer-data-[state=collapsed]:peer-data-[collapsible=offcanvas]:ml-0 ds:md:peer-data-[variant=sidebar]:peer-data-[state=collapsed]:peer-data-[collapsible=offcanvas]:mr-0\",\n \"ds:md:peer-data-[variant=sidebar]:peer-data-[side=right]:mr-(--sidebar-width)\",\n \"ds:md:peer-data-[variant=inset]:peer-data-[side=left]:peer-data-[state=collapsed]:peer-data-[collapsible=icon]:ml-(--sidebar-width-icon) ds:md:peer-data-[variant=inset]:peer-data-[side=right]:peer-data-[state=collapsed]:peer-data-[collapsible=icon]:mr-(--sidebar-width-icon)\",\n \"ds:md:peer-data-[variant=inset]:peer-data-[state=collapsed]:peer-data-[collapsible=offcanvas]:ml-0 ds:md:peer-data-[variant=inset]:peer-data-[state=collapsed]:peer-data-[collapsible=offcanvas]:mr-0\",\n \"ds:md:peer-data-[variant=inset]:peer-data-[side=right]:mr-(--sidebar-width)\",\n \"ds:md:peer-data-[variant=tilt]:peer-data-[state=collapsed]:peer-data-[collapsible=offcanvas]:ml-0 ds:md:peer-data-[variant=tilt]:peer-data-[state=collapsed]:peer-data-[collapsible=offcanvas]:mr-0\",\n \"ds:md:peer-data-[variant=tilt]:peer-data-[side=right]:mr-(--sidebar-width)\",\n \"ds:md:peer-data-[variant=tilt]:transition-transform ds:md:peer-data-[variant=tilt]:duration-200 ds:md:peer-data-[variant=tilt]:ease-linear\",\n \"ds:md:peer-data-[variant=tilt]:peer-data-[side=left]:origin-right ds:md:peer-data-[variant=tilt]:peer-data-[side=left]:peer-data-[state=expanded]:[transform:rotate3d(0,1,0,-25deg)]\",\n \"ds:md:peer-data-[variant=tilt]:peer-data-[side=right]:origin-left ds:md:peer-data-[variant=tilt]:peer-data-[side=right]:peer-data-[state=expanded]:[transform:rotate3d(0,1,0,25deg)]\",\n \"ds:md:peer-data-[variant=tilt]:peer-data-[state=expanded]:blur-[2px]\",\n \"ds:md:peer-data-[variant=depth]:peer-data-[state=collapsed]:peer-data-[collapsible=offcanvas]:ml-0 ds:md:peer-data-[variant=depth]:peer-data-[state=collapsed]:peer-data-[collapsible=offcanvas]:mr-0\",\n \"ds:md:peer-data-[variant=depth]:peer-data-[side=right]:mr-(--sidebar-width)\",\n \"ds:md:peer-data-[variant=depth]:transition-transform ds:md:peer-data-[variant=depth]:duration-200 ds:md:peer-data-[variant=depth]:ease-linear\",\n \"ds:md:peer-data-[variant=depth]:peer-data-[state=expanded]:[transform:scale(0.95)_translateZ(-50px)]\",\n \"ds:md:peer-data-[variant=depth]:peer-data-[state=expanded]:backdrop-blur-[1px]\",\n \"ds:md:peer-data-[variant=depth]:peer-data-[state=expanded]:blur-[2px]\",\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(\"ds:bg-background ds:h-8 ds:w-full ds: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(\"ds:flex ds:flex-col ds:gap-2 ds: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(\"ds:flex ds:flex-col ds:gap-2 ds: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(\"ds:bg-sidebar-border ds:mx-2 ds: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 \"ds:flex ds:min-h-0 ds:flex-1 ds:flex-col ds:gap-2 ds:overflow-auto ds: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(\"ds:relative ds:flex ds:w-full ds:min-w-0 ds:flex-col ds: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 \"ds:text-sidebar-foreground/70 ds:ring-sidebar-ring ds:flex ds:h-8 ds:shrink-0 ds:items-center ds:rounded-md ds:px-2 ds:text-xs ds:font-medium ds:outline-hidden ds:transition-[margin,opacity] ds:duration-200 ds:ease-linear ds:focus-visible:ring-2 ds:[&>svg]:size-4 ds:[&>svg]:shrink-0\",\n \"ds:group-data-[collapsible=icon]:-mt-8 ds: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 \"ds:text-sidebar-foreground ds:ring-sidebar-ring ds:hover:bg-sidebar-accent ds:hover:text-sidebar-accent-foreground ds:absolute ds:top-3.5 ds:right-3 ds:flex ds:aspect-square ds:w-5 ds:items-center ds:justify-center ds:rounded-md ds:p-0 ds:outline-hidden ds:transition-transform ds:focus-visible:ring-2 ds:[&>svg]:size-4 ds:[&>svg]:shrink-0\",\n // Increases the hit area of the button on mobile.\n \"ds:after:absolute ds:after:-inset-2 ds:md:after:hidden\",\n \"ds: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(\"ds:w-full ds: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(\"ds:flex ds:w-full ds:min-w-0 ds:flex-col ds: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(\"ds:group/menu-item ds:relative\", className)}\n {...props}\n />\n );\n}\n\nconst sidebarMenuButtonVariants = cva(\n \"ds:peer/menu-button ds:flex ds:w-full ds:items-center ds:gap-2 ds:overflow-hidden ds:rounded-md ds:p-2 ds:text-left ds:text-sm ds:outline-hidden ds:ring-sidebar-ring ds:transition-[width,height,padding] ds:hover:bg-sidebar-accent ds:hover:text-sidebar-accent-foreground ds:focus-visible:ring-2 ds:active:bg-sidebar-accent ds:active:text-sidebar-accent-foreground ds:disabled:pointer-events-none ds:disabled:opacity-50 ds:group-has-data-[sidebar=menu-action]/menu-item:pr-8 ds:aria-disabled:pointer-events-none ds:aria-disabled:opacity-50 ds:data-[active=true]:bg-sidebar-accent ds:data-[active=true]:font-medium ds:data-[active=true]:text-sidebar-accent-foreground ds:data-[state=open]:hover:bg-sidebar-accent ds:data-[state=open]:hover:text-sidebar-accent-foreground ds:group-data-[collapsible=icon]:size-8! ds:group-data-[collapsible=icon]:p-2! ds:[&>span:last-child]:truncate ds:[&>svg]:size-4 ds:[&>svg]:shrink-0\",\n {\n variants: {\n variant: {\n default: \"ds:hover:bg-sidebar-accent ds:hover:text-sidebar-accent-foreground\",\n outline:\n \"ds:bg-background ds:shadow-[0_0_0_1px_hsl(var(--sidebar-border))] ds:hover:bg-sidebar-accent ds:hover:text-sidebar-accent-foreground ds:hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]\",\n },\n size: {\n default: \"ds:h-8 ds:text-sm\",\n sm: \"ds:h-7 ds:text-xs\",\n lg: \"ds:h-12 ds:text-sm ds: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 \"ds:text-sidebar-foreground ds:ring-sidebar-ring ds:hover:bg-sidebar-accent ds:hover:text-sidebar-accent-foreground ds:peer-hover/menu-button:text-sidebar-accent-foreground ds:absolute ds:top-1.5 ds:right-1 ds:flex ds:aspect-square ds:w-5 ds:items-center ds:justify-center ds:rounded-md ds:p-0 ds:outline-hidden ds:transition-transform ds:focus-visible:ring-2 ds:[&>svg]:size-4 ds:[&>svg]:shrink-0\",\n // Increases the hit area of the button on mobile.\n \"ds:after:absolute ds:after:-inset-2 ds:md:after:hidden\",\n \"ds:peer-data-[size=sm]/menu-button:top-1\",\n \"ds:peer-data-[size=default]/menu-button:top-1.5\",\n \"ds:peer-data-[size=lg]/menu-button:top-2.5\",\n \"ds:group-data-[collapsible=icon]:hidden\",\n showOnHover &&\n \"ds:peer-data-[active=true]/menu-button:text-sidebar-accent-foreground ds:group-focus-within/menu-item:opacity-100 ds:group-hover/menu-item:opacity-100 ds:data-[state=open]:opacity-100 ds: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 \"ds:text-sidebar-foreground ds:pointer-events-none ds:absolute ds:right-1 ds:flex ds:h-5 ds:min-w-5 ds:items-center ds:justify-center ds:rounded-md ds:px-1 ds:text-xs ds:font-medium ds:tabular-nums ds:select-none\",\n \"ds:peer-hover/menu-button:text-sidebar-accent-foreground ds:peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n \"ds:peer-data-[size=sm]/menu-button:top-1\",\n \"ds:peer-data-[size=default]/menu-button:top-1.5\",\n \"ds:peer-data-[size=lg]/menu-button:top-2.5\",\n \"ds: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(\"ds:flex ds:h-8 ds:items-center ds:gap-2 ds:rounded-md ds:px-2\", className)}\n {...props}\n >\n {showIcon && (\n <Skeleton\n className=\"ds:size-4 ds:rounded-md\"\n data-sidebar=\"menu-skeleton-icon\"\n />\n )}\n <Skeleton\n className=\"ds:h-4 ds:max-w-(--skeleton-width) ds: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 \"ds:border-sidebar-border ds:mx-3.5 ds:flex ds:min-w-0 ds:translate-x-px ds:flex-col ds:gap-1 ds:border-l ds:px-2.5 ds:py-0.5\",\n \"ds: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(\"ds:group/menu-sub-item ds: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 \"ds:text-sidebar-foreground ds:ring-sidebar-ring ds:hover:bg-sidebar-accent ds:hover:text-sidebar-accent-foreground ds:active:bg-sidebar-accent ds:active:text-sidebar-accent-foreground ds:[&>svg]:text-sidebar-accent-foreground ds:flex ds:h-7 ds:min-w-0 ds:-translate-x-px ds:items-center ds:gap-2 ds:overflow-hidden ds:rounded-md ds:px-2 ds:outline-hidden ds:focus-visible:ring-2 ds:disabled:pointer-events-none ds:disabled:opacity-50 ds:aria-disabled:pointer-events-none ds:aria-disabled:opacity-50 ds:[&>span:last-child]:truncate ds:[&>svg]:size-4 ds:[&>svg]:shrink-0\",\n \"ds:data-[active=true]:bg-sidebar-accent ds:data-[active=true]:text-sidebar-accent-foreground\",\n size === \"sm\" && \"ds:text-xs\",\n size === \"md\" && \"ds:text-sm\",\n \"ds: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"],"names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","React","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","isMobile","useIsMobile","openMobile","setOpenMobile","_open","_setOpen","open","setOpen","value","openState","toggleSidebar","handleKeyDown","event","state","contextValue","jsx","TooltipProvider","cn","Sidebar","side","variant","collapsible","Sheet","jsxs","SheetContent","SheetHeader","SheetTitle","SheetDescription","SidebarTrigger","onClick","Button","PanelLeftIcon","SidebarRail","SidebarInset","mainRef","handleClick","SidebarInput","Input","SidebarHeader","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","SidebarGroupLabel","asChild","Slot","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariants","cva","SidebarMenuButton","isActive","size","tooltip","Comp","button","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"],"mappings":"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"}

package/dist/esm/packages/ui/src/components/skeleton.js CHANGED Viewed

@@ -1,16 +1,16 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cn as n } from "../lib/utils.js";
-function m({ className: e, ...t }) {
+function r({ className: e, ...t }) {
   return /* @__PURE__ */ o(
     "div",
     {
       "data-slot": "skeleton",
-      className: n("bg-accent animate-pulse rounded-md", e),
+      className: n("ds:bg-accent ds:animate-pulse ds:rounded-md", e),
       ...t
     }
   );
 }
 export {
-  m as Skeleton
+  r as Skeleton
 };
 //# sourceMappingURL=skeleton.js.map

package/dist/esm/packages/ui/src/components/skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"skeleton.js","sources":["../../../../../../../../packages/ui/src/components/skeleton.tsx"],"sourcesContent":["import { cn } from \"@dsui/ui/lib/utils\";\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"skeleton\"\n className={cn(\"bg-accent animate-pulse rounded-md\", className)}\n {...props}\n />\n );\n}\n\nexport { Skeleton };\n"],"names":["Skeleton","className","props","jsx","cn"],"mappings":";;AAEA,SAASA,EAAS,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACtE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,~~sCAAsCH,~~CAAS;AAAA,~~MAC5D~~,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
1	+ {"version":3,"file":"skeleton.js","sources":["../../../../../../../../packages/ui/src/components/skeleton.tsx"],"sourcesContent":["import { cn } from \"@dsui/ui/lib/utils\";\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"skeleton\"\n className={cn(\"ds:bg-accent ds:animate-pulse ds:rounded-md\", className)}\n {...props}\n />\n );\n}\n\nexport { Skeleton };\n"],"names":["Skeleton","className","props","jsx","cn"],"mappings":";;AAEA,SAASA,EAAS,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACtE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,+CAA+CH,CAAS;AAAA,MACrE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/esm/packages/ui/src/components/switch.js CHANGED Viewed

@@ -1,56 +1,56 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import * as n from "@radix-ui/react-switch";
 import { cva as i } from "class-variance-authority";
 import { cn as o } from "../lib/utils.js";
 const k = {
   primary: {
-    checked: "data-[state=checked]:bg-primary",
-    unchecked: "data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80"
+    checked: "ds:data-[state=checked]:bg-primary",
+    unchecked: "ds:data-[state=unchecked]:bg-input ds:dark:data-[state=unchecked]:bg-input/80"
   },
   secondary: {
-    checked: "data-[state=checked]:bg-secondary",
-    unchecked: "data-[state=unchecked]:bg-secondary/30 dark:data-[state=unchecked]:bg-secondary/20"
+    checked: "ds:data-[state=checked]:bg-secondary",
+    unchecked: "ds:data-[state=unchecked]:bg-secondary/30 ds:dark:data-[state=unchecked]:bg-secondary/20"
   },
   accent: {
-    checked: "data-[state=checked]:bg-accent",
-    unchecked: "data-[state=unchecked]:bg-accent/30 dark:data-[state=unchecked]:bg-accent/20"
+    checked: "ds:data-[state=checked]:bg-accent",
+    unchecked: "ds:data-[state=unchecked]:bg-accent/30 ds:dark:data-[state=unchecked]:bg-accent/20"
   },
   destructive: {
-    checked: "data-[state=checked]:bg-destructive",
-    unchecked: "data-[state=unchecked]:bg-destructive/30 dark:data-[state=unchecked]:bg-destructive/20"
+    checked: "ds:data-[state=checked]:bg-destructive",
+    unchecked: "ds:data-[state=unchecked]:bg-destructive/30 ds:dark:data-[state=unchecked]:bg-destructive/20"
   },
   muted: {
-    checked: "data-[state=checked]:bg-muted",
-    unchecked: "data-[state=unchecked]:bg-muted dark:data-[state=unchecked]:bg-muted/80"
+    checked: "ds:data-[state=checked]:bg-muted",
+    unchecked: "ds:data-[state=unchecked]:bg-muted ds:dark:data-[state=unchecked]:bg-muted/80"
   },
   success: {
-    checked: "data-[state=checked]:bg-success",
-    unchecked: "data-[state=unchecked]:bg-success/30 dark:data-[state=unchecked]:bg-success/20"
+    checked: "ds:data-[state=checked]:bg-success",
+    unchecked: "ds:data-[state=unchecked]:bg-success/30 ds:dark:data-[state=unchecked]:bg-success/20"
   },
   error: {
-    checked: "data-[state=checked]:bg-error",
-    unchecked: "data-[state=unchecked]:bg-error/30 dark:data-[state=unchecked]:bg-error/20"
+    checked: "ds:data-[state=checked]:bg-error",
+    unchecked: "ds:data-[state=unchecked]:bg-error/30 ds:dark:data-[state=unchecked]:bg-error/20"
   },
   warning: {
-    checked: "data-[state=checked]:bg-warning",
-    unchecked: "data-[state=unchecked]:bg-warning/30 dark:data-[state=unchecked]:bg-warning/20"
+    checked: "ds:data-[state=checked]:bg-warning",
+    unchecked: "ds:data-[state=unchecked]:bg-warning/30 ds:dark:data-[state=unchecked]:bg-warning/20"
   }
 }, h = i(
-  "peer outline-none focus-visible:border-ring focus-visible:ring-ring/50 inline-flex shrink-0 items-center border-2 border-transparent shadow-xs transition-all focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+  "ds:peer ds:outline-none ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:inline-flex ds:shrink-0 ds:items-center ds:border-2 ds:border-transparent ds:shadow-xs ds:transition-all ds:focus-visible:ring-[3px] ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
   {
     variants: {
       variant: {
-        default: "rounded-full",
-        square1: "rounded-sm",
-        square2: "rounded-none",
-        mini: "rounded-sm [&_span]:border-input !h-3 !w-8 border-none [&_span]:size-4.5 [&_span]:border"
+        default: "ds:rounded-full",
+        square1: "ds:rounded-sm",
+        square2: "ds:rounded-none",
+        mini: "ds:rounded-sm ds:[&_span]:border-input ds:!h-3 ds:!w-8 ds:border-none ds:[&_span]:size-4.5 ds:[&_span]:border"
       },
       size: {
-        xs: "h-4 w-7",
-        sm: "h-5 w-9",
-        normal: "h-6 w-11",
-        lg: "h-7 w-12",
-        xl: "h-8 w-14"
+        xs: "ds:h-4 ds:w-7",
+        sm: "ds:h-5 ds:w-9",
+        normal: "ds:h-6 ds:w-11",
+        lg: "ds:h-7 ds:w-12",
+        xl: "ds:h-8 ds:w-14"
       },
       color: {
         primary: "",
@@ -64,9 +64,9 @@ const k = {
       }
     },
     compoundVariants: Object.entries(k).flatMap(
-      ([e, a]) => Object.entries(a).map(([, t]) => ({
+      ([e, d]) => Object.entries(d).map(([, a]) => ({
         color: e,
-        className: t
+        className: a
       }))
     ),
     defaultVariants: {
@@ -76,53 +76,53 @@ const k = {
     }
   }
 ), l = i(
-  "bg-background dark:data-[state=unchecked]:bg-foreground pointer-events-none block ring-0 transition-transform data-[state=unchecked]:translate-x-0",
+  "ds:bg-background ds:dark:data-[state=unchecked]:bg-foreground ds:pointer-events-none ds:block ds:ring-0 ds:transition-transform ds:data-[state=unchecked]:translate-x-0",
   {
     variants: {
       variant: {
-        default: "rounded-full",
-        square1: "rounded-sm",
-        square2: "rounded-none",
-        mini: "rounded-full data-[state=checked]:!translate-x-[calc(100%-2px)]"
+        default: "ds:rounded-full",
+        square1: "ds:rounded-sm",
+        square2: "ds:rounded-none",
+        mini: "ds:rounded-full ds:data-[state=checked]:!translate-x-[calc(100%-2px)]"
       },
       size: {
-        xs: "size-3",
-        sm: "size-4",
-        normal: "size-5",
-        lg: "size-6",
-        xl: "size-7"
+        xs: "ds:size-3",
+        sm: "ds:size-4",
+        normal: "ds:size-5",
+        lg: "ds:size-6",
+        xl: "ds:size-7"
       },
       color: {
-        primary: "dark:data-[state=checked]:bg-primary-foreground",
-        secondary: "dark:data-[state=checked]:bg-secondary-foreground",
-        accent: "dark:data-[state=checked]:bg-accent-foreground",
-        destructive: "dark:data-[state=checked]:bg-destructive-foreground",
-        muted: "dark:data-[state=checked]:bg-muted-foreground",
-        success: "dark:data-[state=checked]:bg-success-foreground",
-        error: "dark:data-[state=checked]:bg-error-foreground",
-        warning: "dark:data-[state=checked]:bg-warning-foreground"
+        primary: "ds:dark:data-[state=checked]:bg-primary-foreground",
+        secondary: "ds:dark:data-[state=checked]:bg-secondary-foreground",
+        accent: "ds:dark:data-[state=checked]:bg-accent-foreground",
+        destructive: "ds:dark:data-[state=checked]:bg-destructive-foreground",
+        muted: "ds:dark:data-[state=checked]:bg-muted-foreground",
+        success: "ds:dark:data-[state=checked]:bg-success-foreground",
+        error: "ds:dark:data-[state=checked]:bg-error-foreground",
+        warning: "ds:dark:data-[state=checked]:bg-warning-foreground"
       }
     },
     compoundVariants: [
       {
         size: "xs",
-        className: "data-[state=checked]:translate-x-[0.75rem]"
+        className: "ds:data-[state=checked]:translate-x-[0.75rem]"
       },
       {
         size: "sm",
-        className: "data-[state=checked]:translate-x-[1rem]"
+        className: "ds:data-[state=checked]:translate-x-[1rem]"
       },
       {
         size: "normal",
-        className: "data-[state=checked]:translate-x-[1.25rem]"
+        className: "ds:data-[state=checked]:translate-x-[1.25rem]"
       },
       {
         size: "lg",
-        className: "data-[state=checked]:translate-x-[1.25rem]"
+        className: "ds:data-[state=checked]:translate-x-[1.25rem]"
       },
       {
         size: "xl",
-        className: "data-[state=checked]:translate-x-[1.45rem]"
+        className: "ds:data-[state=checked]:translate-x-[1.45rem]"
       }
     ],
     defaultVariants: {
@@ -132,18 +132,18 @@ const k = {
   }
 );
 function f(e) {
-  const { className: a, thumbClassName: t, variant: c, size: r, color: d, ...u } = e;
-  return /* @__PURE__ */ s(
+  const { className: d, thumbClassName: a, variant: s, size: t, color: c, ...u } = e;
+  return /* @__PURE__ */ r(
     n.Root,
     {
       "data-slot": "switch",
-      className: o(h({ variant: c, size: r, color: d, className: a })),
+      className: o(h({ variant: s, size: t, color: c, className: d })),
       ...u,
-      children: /* @__PURE__ */ s(
+      children: /* @__PURE__ */ r(
         n.Thumb,
         {
           "data-slot": "switch-thumb",
-          className: o(t, l({ variant: c, size: r, color: d }))
+          className: o(a, l({ variant: s, size: t, color: c }))
         }
       )
     }

package/dist/esm/packages/ui/src/components/switch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.js","sources":["../../../../../../../../packages/ui/src/components/switch.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nconst colorVariants = {\n primary: {\n checked: \"data-[state=checked]:bg-primary\",\n unchecked:\n \"data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80\",\n },\n secondary: {\n checked: \"data-[state=checked]:bg-secondary\",\n unchecked:\n \"data-[state=unchecked]:bg-secondary/30 dark:data-[state=unchecked]:bg-secondary/20\",\n },\n accent: {\n checked: \"data-[state=checked]:bg-accent\",\n unchecked:\n \"data-[state=unchecked]:bg-accent/30 dark:data-[state=unchecked]:bg-accent/20\",\n },\n destructive: {\n checked: \"data-[state=checked]:bg-destructive\",\n unchecked:\n \"data-[state=unchecked]:bg-destructive/30 dark:data-[state=unchecked]:bg-destructive/20\",\n },\n muted: {\n checked: \"data-[state=checked]:bg-muted\",\n unchecked:\n \"data-[state=unchecked]:bg-muted dark:data-[state=unchecked]:bg-muted/80\",\n },\n success: {\n checked: \"data-[state=checked]:bg-success\",\n unchecked:\n \"data-[state=unchecked]:bg-success/30 dark:data-[state=unchecked]:bg-success/20\",\n },\n error: {\n checked: \"data-[state=checked]:bg-error\",\n unchecked:\n \"data-[state=unchecked]:bg-error/30 dark:data-[state=unchecked]:bg-error/20\",\n },\n warning: {\n checked: \"data-[state=checked]:bg-warning\",\n unchecked:\n \"data-[state=unchecked]:bg-warning/30 dark:data-[state=unchecked]:bg-warning/20\",\n },\n};\n\nconst switchVariants = cva(\n \"peer outline-none focus-visible:border-ring focus-visible:ring-ring/50 inline-flex shrink-0 items-center border-2 border-transparent shadow-xs transition-all focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n {\n variants: {\n variant: {\n default: \"rounded-full\",\n square1: \"rounded-sm\",\n square2: \"rounded-none\",\n mini: \"rounded-sm [&_span]:border-input !h-3 !w-8 border-none [&_span]:size-4.5 [&_span]:border\",\n },\n size: {\n xs: \"h-4 w-7\",\n sm: \"h-5 w-9\",\n normal: \"h-6 w-11\",\n lg: \"h-7 w-12\",\n xl: \"h-8 w-14\",\n },\n color: {\n primary: \"\",\n secondary: \"\",\n accent: \"\",\n destructive: \"\",\n muted: \"\",\n success: \"\",\n error: \"\",\n warning: \"\",\n },\n },\n compoundVariants: Object.entries(colorVariants).flatMap(([color, styles]) =>\n Object.entries(styles).map(([, className]) => ({\n color: color as keyof typeof colorVariants,\n className: className,\n }))\n ),\n defaultVariants: {\n variant: \"default\",\n size: \"normal\",\n color: \"primary\",\n },\n }\n);\n\nconst thumbVariants = cva(\n \"bg-background dark:data-[state=unchecked]:bg-foreground pointer-events-none block ring-0 transition-transform data-[state=unchecked]:translate-x-0\",\n {\n variants: {\n variant: {\n default: \"rounded-full\",\n square1: \"rounded-sm\",\n square2: \"rounded-none\",\n mini: \"rounded-full data-[state=checked]:!translate-x-[calc(100%-2px)]\",\n },\n size: {\n xs: \"size-3\",\n sm: \"size-4\",\n normal: \"size-5\",\n lg: \"size-6\",\n xl: \"size-7\",\n },\n color: {\n primary: \"dark:data-[state=checked]:bg-primary-foreground\",\n secondary: \"dark:data-[state=checked]:bg-secondary-foreground\",\n accent: \"dark:data-[state=checked]:bg-accent-foreground\",\n destructive: \"dark:data-[state=checked]:bg-destructive-foreground\",\n muted: \"dark:data-[state=checked]:bg-muted-foreground\",\n success: \"dark:data-[state=checked]:bg-success-foreground\",\n error: \"dark:data-[state=checked]:bg-error-foreground\",\n warning: \"dark:data-[state=checked]:bg-warning-foreground\",\n },\n },\n compoundVariants: [\n {\n size: \"xs\",\n className: \"data-[state=checked]:translate-x-[0.75rem]\",\n },\n {\n size: \"sm\",\n className: \"data-[state=checked]:translate-x-[1rem]\",\n },\n {\n size: \"normal\",\n className: \"data-[state=checked]:translate-x-[1.25rem]\",\n },\n {\n size: \"lg\",\n className: \"data-[state=checked]:translate-x-[1.25rem]\",\n },\n {\n size: \"xl\",\n className: \"data-[state=checked]:translate-x-[1.45rem]\",\n },\n ],\n defaultVariants: {\n size: \"normal\",\n color: \"primary\",\n },\n }\n);\n\ntype SwitchVariant = VariantProps<typeof switchVariants>;\n\nfunction Switch(\n props: React.ComponentProps<typeof SwitchPrimitive.Root> &\n VariantProps<typeof switchVariants> & {\n thumbClassName?: string;\n }\n) {\n const { className, thumbClassName, variant, size, color, ...rest } = props;\n\n return (\n <SwitchPrimitive.Root\n data-slot=\"switch\"\n className={cn(switchVariants({ variant, size, color, className }))}\n {...rest}\n >\n <SwitchPrimitive.Thumb\n data-slot=\"switch-thumb\"\n className={cn(thumbClassName, thumbVariants({ variant, size, color }))}\n />\n </SwitchPrimitive.Root>\n );\n}\n\nexport { Switch, switchVariants, type SwitchVariant };\n"],"names":["colorVariants","switchVariants","cva","color","styles","className","thumbVariants","Switch","props","thumbClassName","variant","size","rest","jsx","SwitchPrimitive","cn"],"mappings":"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"}
1	+ {"version":3,"file":"switch.js","sources":["../../../../../../../../packages/ui/src/components/switch.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nconst colorVariants = {\n primary: {\n checked: \"ds:data-[state=checked]:bg-primary\",\n unchecked:\n \"ds:data-[state=unchecked]:bg-input ds:dark:data-[state=unchecked]:bg-input/80\",\n },\n secondary: {\n checked: \"ds:data-[state=checked]:bg-secondary\",\n unchecked:\n \"ds:data-[state=unchecked]:bg-secondary/30 ds:dark:data-[state=unchecked]:bg-secondary/20\",\n },\n accent: {\n checked: \"ds:data-[state=checked]:bg-accent\",\n unchecked:\n \"ds:data-[state=unchecked]:bg-accent/30 ds:dark:data-[state=unchecked]:bg-accent/20\",\n },\n destructive: {\n checked: \"ds:data-[state=checked]:bg-destructive\",\n unchecked:\n \"ds:data-[state=unchecked]:bg-destructive/30 ds:dark:data-[state=unchecked]:bg-destructive/20\",\n },\n muted: {\n checked: \"ds:data-[state=checked]:bg-muted\",\n unchecked:\n \"ds:data-[state=unchecked]:bg-muted ds:dark:data-[state=unchecked]:bg-muted/80\",\n },\n success: {\n checked: \"ds:data-[state=checked]:bg-success\",\n unchecked:\n \"ds:data-[state=unchecked]:bg-success/30 ds:dark:data-[state=unchecked]:bg-success/20\",\n },\n error: {\n checked: \"ds:data-[state=checked]:bg-error\",\n unchecked:\n \"ds:data-[state=unchecked]:bg-error/30 ds:dark:data-[state=unchecked]:bg-error/20\",\n },\n warning: {\n checked: \"ds:data-[state=checked]:bg-warning\",\n unchecked:\n \"ds:data-[state=unchecked]:bg-warning/30 ds:dark:data-[state=unchecked]:bg-warning/20\",\n },\n};\n\nconst switchVariants = cva(\n \"ds:peer ds:outline-none ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:inline-flex ds:shrink-0 ds:items-center ds:border-2 ds:border-transparent ds:shadow-xs ds:transition-all ds:focus-visible:ring-[3px] ds:disabled:cursor-not-allowed ds:disabled:opacity-50\",\n {\n variants: {\n variant: {\n default: \"ds:rounded-full\",\n square1: \"ds:rounded-sm\",\n square2: \"ds:rounded-none\",\n mini: \"ds:rounded-sm ds:[&_span]:border-input ds:!h-3 ds:!w-8 ds:border-none ds:[&_span]:size-4.5 ds:[&_span]:border\",\n },\n size: {\n xs: \"ds:h-4 ds:w-7\",\n sm: \"ds:h-5 ds:w-9\",\n normal: \"ds:h-6 ds:w-11\",\n lg: \"ds:h-7 ds:w-12\",\n xl: \"ds:h-8 ds:w-14\",\n },\n color: {\n primary: \"\",\n secondary: \"\",\n accent: \"\",\n destructive: \"\",\n muted: \"\",\n success: \"\",\n error: \"\",\n warning: \"\",\n },\n },\n compoundVariants: Object.entries(colorVariants).flatMap(([color, styles]) =>\n Object.entries(styles).map(([, className]) => ({\n color: color as keyof typeof colorVariants,\n className: className,\n }))\n ),\n defaultVariants: {\n variant: \"default\",\n size: \"normal\",\n color: \"primary\",\n },\n }\n);\n\nconst thumbVariants = cva(\n \"ds:bg-background ds:dark:data-[state=unchecked]:bg-foreground ds:pointer-events-none ds:block ds:ring-0 ds:transition-transform ds:data-[state=unchecked]:translate-x-0\",\n {\n variants: {\n variant: {\n default: \"ds:rounded-full\",\n square1: \"ds:rounded-sm\",\n square2: \"ds:rounded-none\",\n mini: \"ds:rounded-full ds:data-[state=checked]:!translate-x-[calc(100%-2px)]\",\n },\n size: {\n xs: \"ds:size-3\",\n sm: \"ds:size-4\",\n normal: \"ds:size-5\",\n lg: \"ds:size-6\",\n xl: \"ds:size-7\",\n },\n color: {\n primary: \"ds:dark:data-[state=checked]:bg-primary-foreground\",\n secondary: \"ds:dark:data-[state=checked]:bg-secondary-foreground\",\n accent: \"ds:dark:data-[state=checked]:bg-accent-foreground\",\n destructive: \"ds:dark:data-[state=checked]:bg-destructive-foreground\",\n muted: \"ds:dark:data-[state=checked]:bg-muted-foreground\",\n success: \"ds:dark:data-[state=checked]:bg-success-foreground\",\n error: \"ds:dark:data-[state=checked]:bg-error-foreground\",\n warning: \"ds:dark:data-[state=checked]:bg-warning-foreground\",\n },\n },\n compoundVariants: [\n {\n size: \"xs\",\n className: \"ds:data-[state=checked]:translate-x-[0.75rem]\",\n },\n {\n size: \"sm\",\n className: \"ds:data-[state=checked]:translate-x-[1rem]\",\n },\n {\n size: \"normal\",\n className: \"ds:data-[state=checked]:translate-x-[1.25rem]\",\n },\n {\n size: \"lg\",\n className: \"ds:data-[state=checked]:translate-x-[1.25rem]\",\n },\n {\n size: \"xl\",\n className: \"ds:data-[state=checked]:translate-x-[1.45rem]\",\n },\n ],\n defaultVariants: {\n size: \"normal\",\n color: \"primary\",\n },\n }\n);\n\ntype SwitchVariant = VariantProps<typeof switchVariants>;\n\nfunction Switch(\n props: React.ComponentProps<typeof SwitchPrimitive.Root> &\n VariantProps<typeof switchVariants> & {\n thumbClassName?: string;\n }\n) {\n const { className, thumbClassName, variant, size, color, ...rest } = props;\n\n return (\n <SwitchPrimitive.Root\n data-slot=\"switch\"\n className={cn(switchVariants({ variant, size, color, className }))}\n {...rest}\n >\n <SwitchPrimitive.Thumb\n data-slot=\"switch-thumb\"\n className={cn(thumbClassName, thumbVariants({ variant, size, color }))}\n />\n </SwitchPrimitive.Root>\n );\n}\n\nexport { Switch, switchVariants, type SwitchVariant };\n"],"names":["colorVariants","switchVariants","cva","color","styles","className","thumbVariants","Switch","props","thumbClassName","variant","size","rest","jsx","SwitchPrimitive","cn"],"mappings":"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"}

package/dist/esm/packages/ui/src/components/table.js CHANGED Viewed

@@ -1,38 +1,38 @@
 import { jsx as a } from "react/jsx-runtime";
-import { cn as l } from "../lib/utils.js";
-function n({ className: t, ...e }) {
+import { cn as d } from "../lib/utils.js";
+function o({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "table-container",
-      className: "relative w-full overflow-x-auto",
+      className: "ds:relative ds:w-full ds:overflow-x-auto",
       children: /* @__PURE__ */ a(
         "table",
         {
           "data-slot": "table",
-          className: l("w-full caption-bottom text-sm", t),
+          className: d("ds:w-full ds:caption-bottom ds:text-sm", t),
           ...e
         }
       )
     }
   );
 }
-function d({ className: t, ...e }) {
+function r({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "thead",
     {
       "data-slot": "table-header",
-      className: l("[&_tr]:border-b", t),
+      className: d("ds:[&_tr]:border-b", t),
       ...e
     }
   );
 }
-function s({ className: t, ...e }) {
+function n({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "tbody",
     {
       "data-slot": "table-body",
-      className: l("[&_tr:last-child]:border-0", t),
+      className: d("ds:[&_tr:last-child]:border-0", t),
       ...e
     }
   );
@@ -42,8 +42,8 @@ function c({ className: t, ...e }) {
     "tr",
     {
       "data-slot": "table-row",
-      className: l(
-        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+      className: d(
+        "ds:hover:bg-muted/50 ds:data-[state=selected]:bg-muted ds:border-b ds:transition-colors",
         t
       ),
       ...e
@@ -55,8 +55,8 @@ function b({ className: t, ...e }) {
     "th",
     {
       "data-slot": "table-head",
-      className: l(
-        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&>[role=checkbox]]:translate-y-[2px]",
+      className: d(
+        "ds:text-foreground ds:h-10 ds:px-2 ds:text-left ds:align-middle ds:font-medium ds:whitespace-nowrap ds:[&>[role=checkbox]]:translate-y-[2px]",
         t
       ),
       ...e
@@ -68,8 +68,8 @@ function i({ className: t, ...e }) {
     "td",
     {
       "data-slot": "table-cell",
-      className: l(
-        "p-2 align-middle whitespace-nowrap [&>[role=checkbox]]:translate-y-[2px]",
+      className: d(
+        "ds:p-2 ds:align-middle ds:whitespace-nowrap ds:[&>[role=checkbox]]:translate-y-[2px]",
         t
       ),
       ...e
@@ -77,11 +77,11 @@ function i({ className: t, ...e }) {
   );
 }
 export {
-  n as Table,
-  s as TableBody,
+  o as Table,
+  n as TableBody,
   i as TableCell,
   b as TableHead,
-  d as TableHeader,
+  r as TableHeader,
   c as TableRow
 };
 //# sourceMappingURL=table.js.map

package/dist/esm/packages/ui/src/components/table.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table.js","sources":["../../../../../../../../packages/ui/src/components/table.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n return (\n <div\n data-slot=\"table-container\"\n className=\"relative w-full overflow-x-auto\"\n >\n <table\n data-slot=\"table\"\n className={cn(\"w-full caption-bottom text-sm\", className)}\n {...props}\n />\n </div>\n );\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn(\"[&_tr]:border-b\", className)}\n {...props}\n />\n );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn(\n \"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n \"text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&>[role=checkbox]]:translate-y-[2px]\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n \"p-2 align-middle whitespace-nowrap [&>[role=checkbox]]:translate-y-[2px]\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TableCaption({\n className,\n ...props\n}: React.ComponentProps<\"caption\">) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n};\n"],"names":["Table","className","props","jsx","cn","TableHeader","TableBody","TableRow","TableHead","TableCell"],"mappings":";;AAMA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAwC;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAWC,EAAG,~~iCAAiCH~~,CAAS;AAAA,~~UACvD~~,GAAGC;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;AAEA,SAASG,EAAY,EAAE,WAAAJ,GAAW,GAAGC,KAAwC;AAC3E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,~~mBAAmBH~~,CAAS;AAAA,~~MACzC~~,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAU,EAAE,WAAAL,GAAW,GAAGC,KAAwC;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,~~8BAA8BH~~,CAAS;AAAA,~~MACpD~~,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAeA,SAASK,EAAS,EAAE,WAAAN,GAAW,GAAGC,KAAqC;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAU,EAAE,WAAAP,GAAW,GAAGC,KAAqC;AACtE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAU,EAAE,WAAAR,GAAW,GAAGC,KAAqC;AACtE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
1	+ {"version":3,"file":"table.js","sources":["../../../../../../../../packages/ui/src/components/table.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n return (\n <div\n data-slot=\"table-container\"\n className=\"ds:relative ds:w-full ds:overflow-x-auto\"\n >\n <table\n data-slot=\"table\"\n className={cn(\"ds:w-full ds:caption-bottom ds:text-sm\", className)}\n {...props}\n />\n </div>\n );\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn(\"ds:[&_tr]:border-b\", className)}\n {...props}\n />\n );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn(\"ds:[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn(\n \"ds:bg-muted/50 ds:border-t ds:font-medium ds:[&>tr]:last:border-b-0\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n \"ds:hover:bg-muted/50 ds:data-[state=selected]:bg-muted ds:border-b ds:transition-colors\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n \"ds:text-foreground ds:h-10 ds:px-2 ds:text-left ds:align-middle ds:font-medium ds:whitespace-nowrap ds:[&>[role=checkbox]]:translate-y-[2px]\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n \"ds:p-2 ds:align-middle ds:whitespace-nowrap ds:[&>[role=checkbox]]:translate-y-[2px]\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TableCaption({\n className,\n ...props\n}: React.ComponentProps<\"caption\">) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn(\"ds:text-muted-foreground ds:mt-4 ds:text-sm\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n};\n"],"names":["Table","className","props","jsx","cn","TableHeader","TableBody","TableRow","TableHead","TableCell"],"mappings":";;AAMA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAwC;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAWC,EAAG,0CAA0CH,CAAS;AAAA,UAChE,GAAGC;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;AAEA,SAASG,EAAY,EAAE,WAAAJ,GAAW,GAAGC,KAAwC;AAC3E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,sBAAsBH,CAAS;AAAA,MAC5C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAU,EAAE,WAAAL,GAAW,GAAGC,KAAwC;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAeA,SAASK,EAAS,EAAE,WAAAN,GAAW,GAAGC,KAAqC;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAU,EAAE,WAAAP,GAAW,GAAGC,KAAqC;AACtE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAU,EAAE,WAAAR,GAAW,GAAGC,KAAqC;AACtE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}