npm - admin-ui-starter-kit - Versions diffs - 0.6.7 → 0.6.8 - Mend

admin-ui-starter-kit 0.6.7 → 0.6.8

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 (1216) hide show

package/dist/_shared/sidebar-DkBNualh.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"sidebar-DkBNualh.js","names":[],"sources":["../../src/components/layout/sidebar/sidebar.context.tsx","../../src/components/layout/sidebar/sidebar.settings.ts","../../src/components/layout/sidebar/sidebar.tsx","../../src/components/layout/sidebar/components/sidebar-grouped-navigation.tsx","../../src/components/layout/sidebar/components/sidebar-logo.tsx","../../src/components/layout/sidebar/components/sidebar-navigation-footer.tsx","../../src/components/layout/sidebar/sidebar.types.ts","../../src/components/layout/sidebar/components/sidebar-workspace-dropdown.tsx","../../src/components/layout/sidebar/app-sidebar.tsx","../../src/components/layout/sidebar/components/sidebar-navigation.tsx","../../src/components/layout/sidebar/components/sidebar-navigation-user.tsx"],"sourcesContent":[" \n/** SidebarProvider — layout-scoped wrapper around the shadcn sidebar context. */\nimport * as React from 'react';\n\nimport { TooltipProvider } from '@/components/base/display/tooltip';\nimport {\n\tSidebarProvider as PrimitiveSidebarProvider,\n\tuseSidebar as primitiveUseSidebar,\n} from '@/components/base/sidebar';\nimport { cn } from '@/lib/utils';\n\nexport const useSidebar = primitiveUseSidebar;\nexport type SidebarContext = ReturnType<typeof primitiveUseSidebar>;\n\nexport type SidebarProviderProps = React.ComponentProps<'div'> & {\n\tdefaultOpen?: boolean;\n\topen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n};\n\nexport function SidebarProvider({\n\tdefaultOpen = true,\n\topen,\n\tonOpenChange,\n\tclassName,\n\tstyle,\n\tchildren,\n\t...props\n}: SidebarProviderProps) {\n\treturn (\n\t\t<TooltipProvider delayDuration={0}>\n\t\t\t<PrimitiveSidebarProvider\n\t\t\t\tdefaultOpen={defaultOpen}\n\t\t\t\topen={open}\n\t\t\t\tonOpenChange={onOpenChange}\n\t\t\t\tstyle={style}\n\t\t\t\tclassName={cn('min-h-svh', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</PrimitiveSidebarProvider>\n\t\t</TooltipProvider>\n\t);\n}\n","import { cva } from \"class-variance-authority\"\n\nexport const SIDEBAR_COOKIE_NAME = \"sidebar_state\"\nexport const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\nexport const SIDEBAR_WIDTH = \"16rem\"\nexport const SIDEBAR_WIDTH_MOBILE = \"18rem\"\nexport const SIDEBAR_WIDTH_ICON = \"3rem\"\nexport const SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\n\nexport const 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_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_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"," \n/** Sidebar — responsive shell around the shadcn sidebar primitive pieces. */\nimport * as React from 'react';\n\nimport {\n\tSheet,\n\tSheetContent,\n\tSheetDescription,\n\tSheetHeader,\n\tSheetTitle,\n} from '@/components/base/sheet';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { useSidebar } from './sidebar.context';\nimport { SIDEBAR_WIDTH_MOBILE } from './sidebar.settings';\n\nexport interface SidebarStrings {\n\tmobileTitle: string;\n\tmobileDescription: string;\n}\n\nexport const defaultSidebarStrings: SidebarStrings = {\n\tmobileTitle: 'Sidebar',\n\tmobileDescription: 'Displays the mobile sidebar.',\n};\n\nexport type SidebarProps = React.ComponentProps<'div'> & {\n\tside?: 'left' | 'right';\n\tvariant?: 'sidebar' | 'floating' | 'inset';\n\tcollapsible?: 'offcanvas' | 'icon' | 'none';\n\tstrings?: StringsProp<SidebarStrings>;\n\tsurfaceClassName?: string;\n};\n\nexport function Sidebar({\n\tside = 'left',\n\tvariant = 'sidebar',\n\tcollapsible = 'offcanvas',\n\tclassName,\n\tsurfaceClassName,\n\tchildren,\n\tstrings: stringsProp,\n\t...props\n}: SidebarProps) {\n\tconst { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\tconst strings = useStrings(defaultSidebarStrings, stringsProp);\n\n\tif (collapsible === 'none') {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tdata-slot=\"sidebar\"\n\t\t\t\tclassName={cn('flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground', surfaceClassName, className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (isMobile) {\n\t\treturn (\n\t\t\t<Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n\t\t\t\t<SheetContent\n\t\t\t\t\tdata-sidebar=\"sidebar\"\n\t\t\t\t\tdata-slot=\"sidebar\"\n\t\t\t\t\tdata-mobile=\"true\"\n\t\t\t\t\tclassName={cn('w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden', surfaceClassName)}\n\t\t\t\t\tstyle={{ '--sidebar-width': SIDEBAR_WIDTH_MOBILE } as React.CSSProperties}\n\t\t\t\t\tside={side}\n\t\t\t\t>\n\t\t\t\t\t<SheetHeader className=\"sr-only\">\n\t\t\t\t\t\t<SheetTitle>{strings.mobileTitle}</SheetTitle>\n\t\t\t\t\t\t<SheetDescription>{strings.mobileDescription}</SheetDescription>\n\t\t\t\t\t</SheetHeader>\n\t\t\t\t\t<div className=\"flex h-full w-full flex-col\">{children}</div>\n\t\t\t\t</SheetContent>\n\t\t\t</Sheet>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"group peer sticky top-0 hidden h-full text-sidebar-foreground md:block\"\n\t\t\tdata-state={state}\n\t\t\tdata-collapsible={state === 'collapsed' ? collapsible : ''}\n\t\t\tdata-variant={variant}\n\t\t\tdata-side={side}\n\t\t\tdata-slot=\"sidebar\"\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'inset-y-0 z-10 hidden h-full w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex',\n\t\t\t\t\tside === 'left'\n\t\t\t\t\t\t? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'\n\t\t\t\t\t\t: 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',\n\t\t\t\t\tvariant === 'floating' || variant === 'inset'\n\t\t\t\t\t\t? 'px-2 py-3 group-data-[collapsible=icon]:w-17'\n\t\t\t\t\t\t: 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tdata-sidebar=\"sidebar\"\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'sidebar flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm',\n\t\t\t\t\t\tsurfaceClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","/** SidebarGroupedNavigation — grouped tree navigation with composable rows. */\nimport * as React from 'react';\n\nimport {\n\tSidebarGroup,\n\tSidebarGroupLabel,\n\tSidebarMenu,\n\tSidebarMenuButton,\n\tSidebarMenuItem,\n\tSidebarMenuSub,\n\tSidebarMenuSubButton,\n\tSidebarMenuSubItem,\n\tSidebarSeparator,\n} from '@/components/base/sidebar';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport { useLayoutLinkRenderer } from '../../hooks';\nimport type { SidebarGroupedNavigationProps, SidebarNavItem, SidebarRenderItemContext } from '../sidebar.types';\nimport {\n\tDynamicIcon,\n\tgetNavKey,\n\tgetNavLabel,\n\tisPathMatch,\n\tNavBadge,\n\trenderSidebarLink,\n\tresolveNavBadge,\n\ttoPath,\n} from '../sidebar.utils';\n\nfunction NavLabel({\n\titem,\n\tactive = false,\n}: {\n\titem: SidebarNavItem;\n\tactive?: boolean;\n}) {\n\tconst label = getNavLabel(item);\n\treturn (\n\t\t<Text tag=\"span\" weight={active ? 'bold' : 'medium'} className=\"truncate text-inherit\">\n\t\t\t{label}\n\t\t</Text>\n\t);\n}\n\nexport function SidebarGroupedNavigation({\n\tnavigationByGroups,\n\tcurrentUrl = '/',\n\ticonMap = {},\n\tliveBadges,\n\trenderLink,\n\tLinkComponent,\n\temptySlot,\n\trenderItem,\n\tclassName,\n}: SidebarGroupedNavigationProps) {\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink, LinkComponent });\n\tconst isActive = (href?: string): boolean => !!href && isPathMatch(currentUrl, toPath(href));\n\n\tconst bestMatchIndex = (siblings: SidebarNavItem[]): number => {\n\t\tlet bestIdx = -1;\n\t\tlet bestLen = -1;\n\t\tfor (let i = 0; i < siblings.length; i += 1) {\n\t\t\tconst sibling = siblings[i];\n\t\t\tconst path = sibling?.href ? toPath(sibling.href) : '';\n\t\t\tif (path && isPathMatch(currentUrl, path) && path.length > bestLen) {\n\t\t\t\tbestLen = path.length;\n\t\t\t\tbestIdx = i;\n\t\t\t}\n\t\t}\n\t\treturn bestIdx;\n\t};\n\n\tconst hasActiveChild = (children?: SidebarNavItem[]): boolean =>\n\t\t!!children?.some((child) => isActive(child.href) || hasActiveChild(child.children));\n\n\tconst renderDefaultItem = (item: SidebarNavItem, depth = 0, index = 0): React.ReactNode => {\n\t\tconst hasChildren = !!item.children?.length;\n\t\tconst itemActive = isActive(item.href);\n\t\tconst childActive = hasChildren ? hasActiveChild(item.children) : false;\n\t\tconst expanded = itemActive || childActive;\n\t\tconst badge = resolveNavBadge(item.handle, item.badge, liveBadges);\n\t\tconst label = getNavLabel(item);\n\t\tconst context: SidebarRenderItemContext = {\n\t\t\tdepth,\n\t\t\tactive: itemActive,\n\t\t\texpanded,\n\t\t\tbadge,\n\t\t\trenderLink: resolvedRenderLink,\n\t\t};\n\n\t\tif (renderItem) {\n\t\t\treturn <React.Fragment key={getNavKey(item, index)}>{renderItem(item, context)}</React.Fragment>;\n\t\t}\n\n\t\tif (hasChildren) {\n\t\t\tconst activeChildIdx = bestMatchIndex(item.children ?? []);\n\t\t\tconst content = (\n\t\t\t\t<>\n\t\t\t\t\t{!!item.icon && <DynamicIcon icon={item.icon} iconMap={iconMap} className=\"size-4\" aria-hidden=\"true\" />}\n\t\t\t\t\t<NavLabel item={item} active={expanded} />\n\t\t\t\t\t{!!badge && <NavBadge value={badge} />}\n\t\t\t\t</>\n\t\t\t);\n\n\t\t\treturn (\n\t\t\t\t<SidebarMenuItem key={getNavKey(item, index)}>\n\t\t\t\t\t<SidebarMenuButton\n\t\t\t\t\t\tisActive={expanded}\n\t\t\t\t\t\trender={\n\t\t\t\t\t\t\titem.href && !item.disabled\n\t\t\t\t\t\t\t\t? renderSidebarLink(resolvedRenderLink, item, content, undefined, expanded) as React.ReactElement\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttooltip={{ children: label }}\n\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'h-8 font-medium',\n\t\t\t\t\t\t\texpanded && 'font-bold data-active:font-bold data-[active=true]:font-bold',\n\t\t\t\t\t\t\titemActive && 'bg-sidebar-accent text-sidebar-foreground',\n\t\t\t\t\t\t\t!itemActive && childActive && 'bg-sidebar-accent/60 text-sidebar-foreground',\n\t\t\t\t\t\t\titem.disabled && 'cursor-not-allowed opacity-50',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{content}\n\t\t\t\t\t</SidebarMenuButton>\n\n\t\t\t\t\t{!!expanded && (\n\t\t\t\t\t\t<SidebarMenuSub className=\"gap-0.5\">\n\t\t\t\t\t\t\t{item.children?.map((child, childIndex) => {\n\t\t\t\t\t\t\t\tconst childActiveNow = childIndex === activeChildIdx || isActive(child.href);\n\t\t\t\t\t\t\t\tconst childBadge = resolveNavBadge(child.handle, child.badge, liveBadges);\n\t\t\t\t\t\t\t\tconst childLabel = getNavLabel(child);\n\t\t\t\t\t\t\t\tconst childContent = (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t{typeof childLabel === 'string' || typeof childLabel === 'number' ? (\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\t\t\tweight={childActiveNow ? 'semibold' : 'regular'}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"min-w-0 flex-1 truncate text-inherit\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{childLabel}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t) : childLabel}\n\t\t\t\t\t\t\t\t\t\t{!!childBadge && <NavBadge value={childBadge} size=\"small\" />}\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<SidebarMenuSubItem key={getNavKey(child, childIndex)}>\n\t\t\t\t\t\t\t\t\t\t<SidebarMenuSubButton\n\t\t\t\t\t\t\t\t\t\t\tisActive={childActiveNow}\n\t\t\t\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t\t\t\tchild.href && !child.disabled\n\t\t\t\t\t\t\t\t\t\t\t\t? renderSidebarLink(resolvedRenderLink, child, childContent, undefined, childActiveNow) as React.ReactElement\n\t\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'w-full',\n\t\t\t\t\t\t\t\t\t\t\t\tchildActiveNow && 'bg-transparent font-semibold text-primary hover:text-primary active:text-primary data-active:text-primary data-[active=true]:text-primary',\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{childContent}\n\t\t\t\t\t\t\t\t\t\t</SidebarMenuSubButton>\n\t\t\t\t\t\t\t\t\t</SidebarMenuSubItem>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</SidebarMenuSub>\n\t\t\t\t\t)}\n\t\t\t</SidebarMenuItem>\n\t\t);\n\t}\n\n\tconst content = (\n\t\t<>\n\t\t\t{!!item.icon && <DynamicIcon icon={item.icon} iconMap={iconMap} className=\"size-4\" aria-hidden=\"true\" />}\n\t\t\t<NavLabel item={item} active={itemActive} />\n\t\t\t{!!badge && <NavBadge value={badge} />}\n\t\t</>\n\t);\n\n\treturn (\n\t\t<SidebarMenuItem key={getNavKey(item, index)}>\n\t\t\t<SidebarMenuButton\n\t\t\t\tisActive={itemActive}\n\t\t\t\trender={\n\t\t\t\t\titem.href && !item.disabled\n\t\t\t\t\t\t? renderSidebarLink(resolvedRenderLink, item, content, undefined, itemActive) as React.ReactElement\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\ttooltip={{ children: label }}\n\t\t\t\tdisabled={item.disabled}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'h-8 font-medium',\n\t\t\t\t\titemActive && 'font-bold data-active:font-bold data-[active=true]:font-bold',\n\t\t\t\t\titemActive && 'bg-sidebar-accent text-sidebar-foreground',\n\t\t\t\t\titem.disabled && 'cursor-not-allowed opacity-50',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{content}\n\t\t\t</SidebarMenuButton>\n\t\t</SidebarMenuItem>\n\t);\n\t};\n\n\tconst groupEntries = Object.entries(navigationByGroups).filter(([, items]) => items.length > 0);\n\tif (groupEntries.length === 0) return emptySlot ?? null;\n\n\treturn (\n\t\t<div className={className}>\n\t\t\t{groupEntries.map(([groupName, items], groupIndex) => (\n\t\t\t\t<React.Fragment key={groupName}>\n\t\t\t\t\t<SidebarGroup className=\"px-2 py-0\">\n\t\t\t\t\t\t{!groupName.startsWith('_') && <SidebarGroupLabel>{groupName}</SidebarGroupLabel>}\n\t\t\t\t\t\t<SidebarMenu className=\"gap-0.5\">\n\t\t\t\t\t\t\t{items.map((item, index) => renderDefaultItem(item, 0, index))}\n\t\t\t\t\t\t</SidebarMenu>\n\t\t\t\t\t</SidebarGroup>\n\t\t\t\t\t{groupIndex < groupEntries.length - 1 && (\n\t\t\t\t\t\t<SidebarSeparator className=\"!mx-auto !my-1.5 !w-11/12 overflow-hidden px-4\" />\n\t\t\t\t\t)}\n\t\t\t\t</React.Fragment>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n","/** SidebarLogo — hides its logo content when the sidebar is icon-collapsed. */\nimport type { ReactNode } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport { useSidebar } from '../sidebar.context';\n\nexport interface SidebarLogoProps {\n\tlogo: ReactNode;\n\tcollapsedLogo?: ReactNode;\n\tclassName?: string;\n}\n\nexport function SidebarLogo({ logo, collapsedLogo = null, className }: SidebarLogoProps) {\n\tconst { state } = useSidebar();\n\tconst isCollapsed = state === 'collapsed';\n\tconst content = isCollapsed ? collapsedLogo : logo;\n\tif (!content) return null;\n\treturn <div className={cn('min-w-0', className)}>{content}</div>;\n}\n","/** SidebarNavigationFooter — secondary footer navigation using renderLink. */\nimport { ExternalLink } from 'lucide-react';\n\nimport {\n\tSidebarGroup,\n\tSidebarGroupContent,\n\tSidebarGroupLabel,\n\tSidebarMenu,\n\tSidebarMenuButton,\n\tSidebarMenuItem,\n} from '@/components/base/sidebar';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport { useLayoutLinkRenderer } from '../../hooks';\nimport type { SidebarNavigationFooterProps } from '../sidebar.types';\nimport {\n\tDynamicIcon,\n\tgetNavKey,\n\tgetNavLabel,\n\tisPathMatch,\n\tNavBadge,\n\trenderSidebarLink,\n\tresolveNavBadge,\n\ttoPath,\n} from '../sidebar.utils';\n\nexport function SidebarNavigationFooter({\n\titems,\n\tlabel,\n\tcurrentUrl = '/',\n\ticonMap = {},\n\tliveBadges,\n\trenderLink,\n\tLinkComponent,\n\tclassName,\n}: SidebarNavigationFooterProps) {\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink, LinkComponent });\n\n\treturn (\n\t\t<SidebarGroup className={cn('group-data-[collapsible=icon]:p-0', className)}>\n\t\t\t{!!label && <SidebarGroupLabel>{label}</SidebarGroupLabel>}\n\t\t\t<SidebarGroupContent>\n\t\t\t\t<SidebarMenu className=\"gap-0.5\">\n\t\t\t\t\t{items.map((item, index) => {\n\t\t\t\t\t\tconst active = !!item.href && isPathMatch(currentUrl, toPath(item.href));\n\t\t\t\t\t\tconst badge = resolveNavBadge(item.handle, item.badge, liveBadges);\n\t\t\t\t\t\tconst labelNode = getNavLabel(item);\n\t\t\t\t\t\tconst content = (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{!!item.icon && <DynamicIcon icon={item.icon} iconMap={iconMap} className=\"size-4\" aria-hidden=\"true\" />}\n\t\t\t\t\t\t\t\t{typeof labelNode === 'string' || typeof labelNode === 'number' ? (\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\" className=\"truncate text-inherit\">{labelNode}</Text>\n\t\t\t\t\t\t\t\t) : labelNode}\n\t\t\t\t\t\t\t\t{!!badge && <NavBadge value={badge} />}\n\t\t\t\t\t\t\t\t{!!item.external && <ExternalLink className=\"ml-auto size-3 opacity-50\" aria-hidden=\"true\" />}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<SidebarMenuItem key={getNavKey(item, index)}>\n\t\t\t\t\t\t\t\t<SidebarMenuButton\n\t\t\t\t\t\t\t\t\tisActive={active}\n\t\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t\titem.href && !item.disabled\n\t\t\t\t\t\t\t\t\t\t\t? renderSidebarLink(resolvedRenderLink, item, content, undefined, active) as React.ReactElement\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'h-8 font-medium text-sidebar-foreground/70 hover:text-sidebar-accent-foreground',\n\t\t\t\t\t\t\t\t\t\tactive && 'bg-sidebar-accent text-sidebar-accent-foreground',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\ttooltip={{ children: labelNode }}\n\t\t\t\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{content}\n\t\t\t\t\t\t\t\t</SidebarMenuButton>\n\t\t\t\t\t\t\t</SidebarMenuItem>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</SidebarMenu>\n\t\t\t</SidebarGroupContent>\n\t\t</SidebarGroup>\n\t);\n}\n","/**\n * Sidebar types — framework-neutral navigation tree, render contexts, slots,\n * strings, and composition props.\n */\nimport type { ComponentType, ReactNode } from 'react';\n\nimport type {\n\tLayoutIconSource,\n\tLayoutLinkRenderer,\n\tLayoutNavigationAdapter,\n\tLinkComponent,\n} from '../layout.types';\nimport type { StringsProp } from '@/lib/strings';\n\nexport interface SidebarNavItem {\n\t/** New preferred label. */\n\tlabel?: ReactNode;\n\t/** Back-compat label used by older call sites. */\n\ttitle?: ReactNode;\n\thref?: string;\n\thandle?: string;\n\ticon?: LayoutIconSource;\n\tdisabled?: boolean;\n\tbadge?: string | number;\n\tchildren?: SidebarNavItem[];\n\tgroup?: string;\n\texternal?: boolean;\n}\n\nexport type SidebarFlatNavItem = Omit<SidebarNavItem, 'children' | 'group'>;\n\nexport interface SidebarRenderItemContext {\n\tdepth: number;\n\tactive: boolean;\n\texpanded: boolean;\n\tbadge?: string | number;\n\trenderLink: LayoutLinkRenderer;\n}\n\nexport interface SidebarSlots {\n\theader?: ReactNode;\n\tbeforeNavigation?: ReactNode;\n\tafterNavigation?: ReactNode;\n\tfooter?: ReactNode;\n\tempty?: ReactNode;\n\tloading?: ReactNode;\n}\n\nexport interface AppSidebarProps extends LayoutNavigationAdapter {\n\tnavigationGroups?: Record<string, SidebarNavItem[]>;\n\tfooterNavItems?: SidebarFlatNavItem[];\n\tfooterLabel?: ReactNode;\n\tlogo?: ReactNode;\n\tcollapsedLogo?: ReactNode;\n\tworkspaceLinks?: WorkspaceLink[];\n\tworkspaceStrings?: StringsProp<SidebarWorkspaceDropdownStrings>;\n\tworkspaceContentClassName?: string;\n\theaderClassName?: string;\n\tlogoClassName?: string;\n\ticonMap?: Record<string, ComponentType<{ className?: string }>>;\n\tcurrentUrl?: string;\n\tliveBadges?: Record<string, string | number>;\n\tloading?: boolean;\n\tcollapsible?: 'offcanvas' | 'icon' | 'none';\n\tvariant?: 'sidebar' | 'floating' | 'inset';\n\tside?: 'left' | 'right';\n\tclassName?: string;\n\tsurfaceClassName?: string;\n\tcontentClassName?: string;\n\tslots?: SidebarSlots;\n\trenderItem?: (item: SidebarNavItem, context: SidebarRenderItemContext) => ReactNode;\n\t/** @deprecated Prefer `renderLink`. */\n\tLinkComponent?: LinkComponent;\n}\n\nexport interface SidebarGroupedNavigationProps extends LayoutNavigationAdapter {\n\tnavigationByGroups: Record<string, SidebarNavItem[]>;\n\tcurrentUrl?: string;\n\ticonMap?: Record<string, ComponentType<{ className?: string }>>;\n\tliveBadges?: Record<string, string | number>;\n\temptySlot?: ReactNode;\n\trenderItem?: (item: SidebarNavItem, context: SidebarRenderItemContext) => ReactNode;\n\tclassName?: string;\n\t/** @deprecated Prefer `renderLink`. */\n\tLinkComponent?: LinkComponent;\n}\n\nexport interface SidebarFlatNavigationProps extends LayoutNavigationAdapter {\n\titems: SidebarFlatNavItem[];\n\tlabel?: ReactNode;\n\tcurrentUrl?: string;\n\ticonMap?: Record<string, ComponentType<{ className?: string }>>;\n\tliveBadges?: Record<string, string | number>;\n\trenderItem?: (item: SidebarFlatNavItem, context: SidebarRenderItemContext) => ReactNode;\n\tclassName?: string;\n\t/** @deprecated Prefer `renderLink`. */\n\tLinkComponent?: LinkComponent;\n}\n\nexport interface WorkspaceLink {\n\tlabel: ReactNode;\n\turl: string;\n\ticon?: ComponentType<{ className?: string }>;\n\texternal?: boolean;\n}\n\nexport interface SidebarWorkspaceDropdownStrings {\n\tlabel: string;\n\tselect: string;\n}\n\nexport const defaultSidebarWorkspaceDropdownStrings: SidebarWorkspaceDropdownStrings = {\n\tlabel: 'Workspace',\n\tselect: 'Select workspace',\n};\n\nexport interface SidebarWorkspaceDropdownProps extends LayoutNavigationAdapter {\n\tlogo: ReactNode;\n\tcollapsedLogo?: ReactNode;\n\tworkspaceLinks: WorkspaceLink[];\n\tstrings?: StringsProp<SidebarWorkspaceDropdownStrings>;\n\tcontentClassName?: string;\n\t/** @deprecated Prefer `renderLink`. */\n\tLinkComponent?: LinkComponent;\n}\n\nexport type SidebarFooterNavigationItem = SidebarFlatNavItem;\n\nexport interface SidebarNavigationFooterProps extends LayoutNavigationAdapter {\n\titems: SidebarFooterNavigationItem[];\n\tlabel?: ReactNode;\n\tcurrentUrl?: string;\n\ticonMap?: Record<string, ComponentType<{ className?: string }>>;\n\tliveBadges?: Record<string, string | number>;\n\tclassName?: string;\n\t/** @deprecated Prefer `renderLink`. */\n\tLinkComponent?: LinkComponent;\n}\n","/** SidebarWorkspaceDropdown — workspace selector using consumer link rendering. */\nimport { ChevronsUpDown, ExternalLink } from 'lucide-react';\n\nimport { Text } from '@/components/typography';\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuItem,\n\tDropdownMenuLabel,\n\tDropdownMenuSeparator,\n\tDropdownMenuTrigger,\n} from '@/components/base/navigation/dropdown-menu';\nimport {\n\tSidebarMenu,\n\tSidebarMenuButton,\n\tSidebarMenuItem,\n} from '@/components/base/sidebar';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { useLayoutLinkRenderer } from '../../hooks';\nimport {\n\tdefaultSidebarWorkspaceDropdownStrings,\n\ttype SidebarWorkspaceDropdownProps,\n} from '../sidebar.types';\nimport { useSidebar } from '../sidebar.context';\n\nexport function SidebarWorkspaceDropdown({\n\tlogo,\n\tcollapsedLogo,\n\tworkspaceLinks,\n\trenderLink,\n\tLinkComponent,\n\tstrings: stringsProp,\n\tcontentClassName,\n}: SidebarWorkspaceDropdownProps) {\n\tconst strings = useStrings(defaultSidebarWorkspaceDropdownStrings, stringsProp);\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink, LinkComponent });\n\tconst { state } = useSidebar();\n\tconst isCollapsed = state === 'collapsed';\n\tconst visibleLogo = isCollapsed ? (collapsedLogo ?? logo) : logo;\n\n\treturn (\n\t\t<SidebarMenu>\n\t\t\t<SidebarMenuItem>\n\t\t\t\t<DropdownMenu>\n\t\t\t\t\t<DropdownMenuTrigger\n\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t<SidebarMenuButton\n\t\t\t\t\t\t\t\tsize=\"lg\"\n\t\t\t\t\t\t\t\tclassName=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"flex min-w-0 flex-1 items-center gap-2\">\n\t\t\t\t\t\t\t{visibleLogo}\n\t\t\t\t\t\t\t{!isCollapsed && (\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" className=\"sr-only\">\n\t\t\t\t\t\t\t\t\t{strings.select}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{!isCollapsed && <ChevronsUpDown className=\"ml-auto size-4 shrink-0\" aria-hidden=\"true\" />}\n\t\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t\t<DropdownMenuContent className={cn('min-w-56', contentClassName)} align=\"start\" side=\"right\" sideOffset={8}>\n\t\t\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t\t\t<DropdownMenuLabel>\n\t\t\t\t\t\t\t\t<Text weight=\"semibold\">{strings.label}</Text>\n\t\t\t\t\t\t\t</DropdownMenuLabel>\n\t\t\t\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t\t\t\t{workspaceLinks.map((link) => {\n\t\t\t\t\t\t\t\tconst Icon = link.icon ?? ExternalLink;\n\t\t\t\t\t\t\t\tconst content = (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<Icon className=\"size-4 shrink-0\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" className=\"text-inherit\">{link.label}</Text>\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\t\t\tkey={link.url}\n\t\t\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t\t\tresolvedRenderLink({\n\t\t\t\t\t\t\t\t\t\t\t\thref: link.url,\n\t\t\t\t\t\t\t\t\t\t\t\texternal: link.external ?? true,\n\t\t\t\t\t\t\t\t\t\t\t\tchildren: null,\n\t\t\t\t\t\t\t\t\t\t\t\tclassName: 'flex items-center gap-2',\n\t\t\t\t\t\t\t\t\t\t\t}) as React.ReactElement\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{content}\n\t\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t\t</DropdownMenuContent>\n\t\t\t\t</DropdownMenu>\n\t\t\t</SidebarMenuItem>\n\t\t</SidebarMenu>\n\t);\n}\n","/**\n * AppSidebar — opinionated assembly of logo/header, grouped navigation, and\n * footer links. Consumers still own framework routing through `renderLink`.\n */\nimport * as React from 'react';\n\nimport { ScrollArea } from '@/components/base/display/scroll-area';\nimport { Skeleton } from '@/components/base/display/skeleton';\nimport {\n\tSidebarContent,\n\tSidebarFooter,\n\tSidebarGroup,\n\tSidebarHeader,\n\tSidebarMenu,\n\tSidebarMenuItem,\n\tSidebarSeparator,\n} from '@/components/base/sidebar';\nimport { cn } from '@/lib/utils';\n\nimport { SidebarGroupedNavigation } from './components/sidebar-grouped-navigation';\nimport { SidebarLogo } from './components/sidebar-logo';\nimport { SidebarNavigationFooter } from './components/sidebar-navigation-footer';\nimport { SidebarWorkspaceDropdown } from './components/sidebar-workspace-dropdown';\nimport { Sidebar } from './sidebar';\nimport type { AppSidebarProps } from './sidebar.types';\n\nexport function AppSidebar({\n\tnavigationGroups,\n\tfooterNavItems = [],\n\tfooterLabel,\n\tlogo,\n\tcollapsedLogo,\n\tworkspaceLinks = [],\n\tworkspaceStrings,\n\tworkspaceContentClassName,\n\theaderClassName,\n\tlogoClassName,\n\ticonMap,\n\tcurrentUrl = '/',\n\tliveBadges,\n\trenderLink,\n\tLinkComponent,\n\tloading,\n\tcollapsible = 'icon',\n\tvariant = 'sidebar',\n\tside = 'left',\n\tclassName,\n\tsurfaceClassName,\n\tcontentClassName,\n\tslots,\n\trenderItem,\n}: AppSidebarProps) {\n\tconst hasFooter = footerNavItems.length > 0 || !!slots?.footer;\n\tconst isLoading = loading || !navigationGroups;\n\tconst hasWorkspaceLinks = workspaceLinks.length > 0;\n\n\treturn (\n\t\t<Sidebar collapsible={collapsible} variant={variant} side={side} className={cn('h-svh', className)} surfaceClassName={surfaceClassName}>\n\t\t\t{slots?.header ?? (!!logo && (\n\t\t\t\t<SidebarHeader className={headerClassName}>\n\t\t\t\t\t{hasWorkspaceLinks ? (\n\t\t\t\t\t\t<SidebarWorkspaceDropdown\n\t\t\t\t\t\t\tlogo={logo}\n\t\t\t\t\t\t\tcollapsedLogo={collapsedLogo}\n\t\t\t\t\t\t\tworkspaceLinks={workspaceLinks}\n\t\t\t\t\t\t\tstrings={workspaceStrings}\n\t\t\t\t\t\t\tcontentClassName={workspaceContentClassName}\n\t\t\t\t\t\t\trenderLink={renderLink}\n\t\t\t\t\t\t\tLinkComponent={LinkComponent}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<SidebarLogo logo={logo} collapsedLogo={collapsedLogo} className={logoClassName} />\n\t\t\t\t\t)}\n\t\t\t\t</SidebarHeader>\n\t\t\t))}\n\n\t\t\t<SidebarContent className={contentClassName}>\n\t\t\t\t<ScrollArea className=\"h-full pr-1.5 pt-4\">\n\t\t\t\t\t{slots?.beforeNavigation}\n\t\t\t\t\t{isLoading ? (\n\t\t\t\t\t\tslots?.loading ?? <AppSidebarSkeleton />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<SidebarGroupedNavigation\n\t\t\t\t\t\t\tnavigationByGroups={navigationGroups}\n\t\t\t\t\t\t\tcurrentUrl={currentUrl}\n\t\t\t\t\t\t\ticonMap={iconMap}\n\t\t\t\t\t\t\tliveBadges={liveBadges}\n\t\t\t\t\t\t\trenderLink={renderLink}\n\t\t\t\t\t\t\tLinkComponent={LinkComponent}\n\t\t\t\t\t\t\temptySlot={slots?.empty}\n\t\t\t\t\t\t\trenderItem={renderItem}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{slots?.afterNavigation}\n\t\t\t\t</ScrollArea>\n\t\t\t</SidebarContent>\n\n\t\t\t{hasFooter && (\n\t\t\t\t<SidebarFooter>\n\t\t\t\t\t{slots?.footer ?? (\n\t\t\t\t\t\t<SidebarNavigationFooter\n\t\t\t\t\t\t\titems={footerNavItems}\n\t\t\t\t\t\t\tlabel={footerLabel}\n\t\t\t\t\t\t\tcurrentUrl={currentUrl}\n\t\t\t\t\t\t\ticonMap={iconMap}\n\t\t\t\t\t\t\tliveBadges={liveBadges}\n\t\t\t\t\t\t\trenderLink={renderLink}\n\t\t\t\t\t\t\tLinkComponent={LinkComponent}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</SidebarFooter>\n\t\t\t)}\n\t\t</Sidebar>\n\t);\n}\n\nfunction AppSidebarSkeleton() {\n\tconst groups = [9, 3, 4, 2, 1];\n\n\treturn (\n\t\t<>\n\t\t\t{groups.map((count, groupIdx) => (\n\t\t\t\t<React.Fragment key={groupIdx}>\n\t\t\t\t\t<SidebarGroup className=\"px-2 py-0\">\n\t\t\t\t\t\t<SidebarMenu className=\"gap-0.5\">\n\t\t\t\t\t\t\t{Array.from({ length: count }, (_, i) => (\n\t\t\t\t\t\t\t\t<SidebarMenuItem key={i}>\n\t\t\t\t\t\t\t\t\t<div className=\"flex h-8 items-center gap-2 px-2\">\n\t\t\t\t\t\t\t\t\t\t<Skeleton className=\"h-4 w-4 shrink-0 rounded\" />\n\t\t\t\t\t\t\t\t\t\t<Skeleton\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"h-3.5 rounded\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ width: `${60 + ((groupIdx * 7 + i * 13) % 40)}px` }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</SidebarMenuItem>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</SidebarMenu>\n\t\t\t\t\t</SidebarGroup>\n\t\t\t\t\t{groupIdx < groups.length - 1 && (\n\t\t\t\t\t\t<SidebarSeparator className=\"!mx-auto !my-1 !w-11/12 overflow-hidden px-4\" />\n\t\t\t\t\t)}\n\t\t\t\t</React.Fragment>\n\t\t\t))}\n\t\t</>\n\t);\n}\n","/** SidebarNavigation — flat, framework-neutral sidebar nav list. */\nimport * as React from 'react';\n\nimport {\n\tSidebarGroup,\n\tSidebarGroupLabel,\n\tSidebarMenu,\n\tSidebarMenuButton,\n\tSidebarMenuItem,\n} from '@/components/base/sidebar';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport { useLayoutLinkRenderer } from '../../hooks';\nimport type { SidebarFlatNavigationProps, SidebarFlatNavItem, SidebarRenderItemContext } from '../sidebar.types';\nimport {\n\tDynamicIcon,\n\tgetNavKey,\n\tgetNavLabel,\n\tisPathMatch,\n\tNavBadge,\n\trenderSidebarLink,\n\tresolveNavBadge,\n\ttoPath,\n} from '../sidebar.utils';\n\nexport { DynamicIcon } from '../sidebar.utils';\nexport { DynamicIcon as Icon } from '../sidebar.utils';\n\nfunction NavLabel({ item }: { item: SidebarFlatNavItem }) {\n\tconst label = getNavLabel(item);\n\treturn (\n\t\t<Text tag=\"span\" weight=\"medium\" className=\"truncate text-inherit\">\n\t\t\t{label}\n\t\t</Text>\n\t);\n}\n\nexport function SidebarNavigation({\n\titems,\n\tlabel = 'Platform',\n\tcurrentUrl = '/',\n\ticonMap = {},\n\tliveBadges,\n\trenderLink,\n\tLinkComponent,\n\trenderItem,\n\tclassName,\n}: SidebarFlatNavigationProps) {\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink, LinkComponent });\n\n\treturn (\n\t\t<SidebarGroup className={cn('px-2 py-0', className)}>\n\t\t\t{!!label && <SidebarGroupLabel>{label}</SidebarGroupLabel>}\n\t\t\t<SidebarMenu className=\"gap-0.5\">\n\t\t\t\t{items.map((item, index) => {\n\t\t\t\t\tconst active = !!item.href && isPathMatch(currentUrl, toPath(item.href));\n\t\t\t\t\tconst badge = resolveNavBadge(item.handle, item.badge, liveBadges);\n\t\t\t\t\tconst context: SidebarRenderItemContext = {\n\t\t\t\t\t\tdepth: 0,\n\t\t\t\t\t\tactive,\n\t\t\t\t\t\texpanded: false,\n\t\t\t\t\t\tbadge,\n\t\t\t\t\t\trenderLink: resolvedRenderLink,\n\t\t\t\t\t};\n\t\t\t\t\tconst labelNode = getNavLabel(item);\n\n\t\t\t\t\tif (renderItem) {\n\t\t\t\t\t\treturn <React.Fragment key={getNavKey(item, index)}>{renderItem(item, context)}</React.Fragment>;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst content = (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{!!item.icon && <DynamicIcon icon={item.icon} iconMap={iconMap} className=\"size-4\" aria-hidden=\"true\" />}\n\t\t\t\t\t\t\t<NavLabel item={item} />\n\t\t\t\t\t\t\t{!!badge && <NavBadge value={badge} />}\n\t\t\t\t\t\t</>\n\t\t\t\t\t);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<SidebarMenuItem key={getNavKey(item, index)}>\n\t\t\t\t\t\t\t<SidebarMenuButton\n\t\t\t\t\t\t\t\tisActive={active}\n\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\titem.href && !item.disabled\n\t\t\t\t\t\t\t\t\t\t? renderSidebarLink(resolvedRenderLink, item, content, undefined, active) as React.ReactElement\n\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\ttooltip={{ children: labelNode }}\n\t\t\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'h-8 font-medium',\n\t\t\t\t\t\t\t\t\tactive && 'bg-sidebar-accent text-sidebar-foreground',\n\t\t\t\t\t\t\t\t\titem.disabled && 'cursor-not-allowed opacity-50',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{content}\n\t\t\t\t\t\t\t</SidebarMenuButton>\n\t\t\t\t\t\t</SidebarMenuItem>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</SidebarMenu>\n\t\t</SidebarGroup>\n\t);\n}\n\n/** @deprecated Use `SidebarFlatNavItem` from `sidebar.types`. */\nexport type SidebarNavigationItem = SidebarFlatNavItem;\n"," \n/** SidebarNavigationUser — user profile dropdown for sidebar footer. */\nimport { ChevronsUpDown, LogOut, Settings, User } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { Avatar, AvatarFallback, AvatarImage } from '@/components/base/display/avatar';\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuSeparator,\n\tDropdownMenuTrigger,\n} from '@/components/base/navigation/dropdown-menu';\nimport { Text } from '@/components/typography';\nimport {\n\tSidebarMenu,\n\tSidebarMenuButton,\n\tSidebarMenuItem,\n} from '@/components/base/sidebar';\nimport { useStrings, type StringsProp } from '@/lib/strings';\n\nimport type { LayoutUser } from '../../layout.types';\nimport { useSidebar } from '../sidebar.context';\n\nexport interface SidebarNavigationUserStrings {\n\tprofile: string;\n\tsettings: string;\n\tlogout: string;\n}\n\nexport const defaultSidebarNavigationUserStrings: SidebarNavigationUserStrings = {\n\tprofile: 'Profile',\n\tsettings: 'Settings',\n\tlogout: 'Log out',\n};\n\nexport interface SidebarNavigationUserProps {\n\tuser: LayoutUser;\n\tcustomContent?: ReactNode;\n\tonProfile?: () => void;\n\tonSettings?: () => void;\n\tonLogout?: () => void;\n\tstrings?: StringsProp<SidebarNavigationUserStrings>;\n\trenderTrigger?: (user: LayoutUser) => ReactNode;\n}\n\nfunction deriveInitials(name: string): string {\n\treturn name\n\t\t.split(' ')\n\t\t.map((part) => part[0])\n\t\t.filter(Boolean)\n\t\t.slice(0, 2)\n\t\t.join('')\n\t\t.toUpperCase();\n}\n\nexport function SidebarNavigationUser({\n\tuser,\n\tcustomContent,\n\tonProfile,\n\tonSettings,\n\tonLogout,\n\tstrings: stringsProp,\n\trenderTrigger,\n}: SidebarNavigationUserProps) {\n\tconst strings = useStrings(defaultSidebarNavigationUserStrings, stringsProp);\n\tconst { state, isMobile } = useSidebar();\n\tconst dropdownSide = isMobile || state !== 'collapsed' ? 'bottom' : 'right';\n\tconst initials = deriveInitials(user.name);\n\n\tconst defaultContent = (\n\t\t<>\n\t\t\t{!!onProfile && (\n\t\t\t\t<DropdownMenuItem onClick={onProfile}>\n\t\t\t\t\t<User className=\"mr-2 size-4\" aria-hidden=\"true\" />\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" className=\"text-inherit\">{strings.profile}</Text>\n\t\t\t\t</DropdownMenuItem>\n\t\t\t)}\n\t\t\t{!!onSettings && (\n\t\t\t\t<DropdownMenuItem onClick={onSettings}>\n\t\t\t\t\t<Settings className=\"mr-2 size-4\" aria-hidden=\"true\" />\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" className=\"text-inherit\">{strings.settings}</Text>\n\t\t\t\t</DropdownMenuItem>\n\t\t\t)}\n\t\t\t{!!(onProfile || onSettings) && !!onLogout && <DropdownMenuSeparator />}\n\t\t\t{!!onLogout && (\n\t\t\t\t<DropdownMenuItem onClick={onLogout}>\n\t\t\t\t\t<LogOut className=\"mr-2 size-4\" aria-hidden=\"true\" />\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" className=\"text-inherit\">{strings.logout}</Text>\n\t\t\t\t</DropdownMenuItem>\n\t\t\t)}\n\t\t</>\n\t);\n\n\treturn (\n\t\t<SidebarMenu>\n\t\t\t<SidebarMenuItem>\n\t\t\t\t<DropdownMenu>\n\t\t\t\t\t<DropdownMenuTrigger\n\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t<SidebarMenuButton\n\t\t\t\t\t\t\t\tsize=\"lg\"\n\t\t\t\t\t\t\t\tclassName=\"group text-sidebar-accent-foreground data-[state=open]:bg-sidebar-accent\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{renderTrigger?.(user) ?? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<div className=\"flex min-w-0 flex-1 items-center gap-2\">\n\t\t\t\t\t\t\t\t\t<Avatar className=\"size-avatar rounded-full\">\n\t\t\t\t\t\t\t\t\t\t{!!user.avatar && <AvatarImage src={user.avatar} alt={user.name} />}\n\t\t\t\t\t\t\t\t\t\t<AvatarFallback className=\"bg-sidebar-accent text-xs text-sidebar-accent-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t{initials}\n\t\t\t\t\t\t\t\t\t\t</AvatarFallback>\n\t\t\t\t\t\t\t\t\t</Avatar>\n\t\t\t\t\t\t\t\t\t<div className=\"flex flex-1 flex-col items-start justify-center overflow-hidden\">\n\t\t\t\t\t\t\t\t\t\t<Text weight=\"medium\" className=\"w-full truncate\">{user.name}</Text>\n\t\t\t\t\t\t\t\t\t\t{!!user.email && <Text size=\"xs\" type=\"secondary\" className=\"w-full truncate\">{user.email}</Text>}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<ChevronsUpDown className=\"ml-auto size-4 shrink-0\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</DropdownMenuTrigger>\n\n\t\t\t\t\t<DropdownMenuContent\n\t\t\t\t\t\tclassName=\"w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg\"\n\t\t\t\t\t\talign=\"end\"\n\t\t\t\t\t\tside={dropdownSide}\n\t\t\t\t\t\tsideOffset={4}\n\t\t\t\t\t>\n\t\t\t\t\t\t{customContent ?? defaultContent}\n\t\t\t\t\t</DropdownMenuContent>\n\t\t\t\t</DropdownMenu>\n\t\t\t</SidebarMenuItem>\n\t\t</SidebarMenu>\n\t);\n}\n\n/** @deprecated — use `LayoutUser` from `layout.types`. */\nexport type SidebarUserData = LayoutUser;\n"],"mappings":"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"}

package/dist/_shared/skeleton-DwF5VdMh.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/utils.cjs"),n=require("./cards-m03XN10f.cjs"),r=require("./skeleton-D1c5OHXa.cjs");let i=require("react");i=e.t(i,1);let a=require("react/jsx-runtime");var o=[`w-full`,`w-11/12`,`w-10/12`,`w-9/12`,`w-8/12`,`w-7/12`],s=[`w-24`,`w-36`,`w-28`,`w-20`,`w-32`,`w-16`],c=(e,t,n=12,r=!1)=>Number.isFinite(e)?Math.max(+!r,Math.min(Math.floor(e??t),n)):t,l=(e,t)=>t?.[e%t.length]??o[e%o.length],u=e=>e[`aria-label`]\|\|e[`aria-labelledby`]?void 0:!0;function d({className:e,contentClassName:r,children:i}){return(0,a.jsx)(n.t,{surface:`framed`,padding:`default`,className:e,contentClassName:t.cn(`skeleton-frame--content min-w-0`,r),children:i})}function f({description:e=!0,action:n=!0,className:r}){return(0,a.jsxs)(`div`,{className:t.cn(`flex min-w-0 items-start justify-between gap-space-md`,r),children:[(0,a.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-space-sm`,children:[(0,a.jsx)(v,{className:`h-4 w-36 max-w-full`}),!!e&&(0,a.jsx)(v,{className:`h-3 w-56 max-w-full`})]}),!!n&&(0,a.jsx)(v,{className:`h-control-sm w-20 shrink-0`})]})}function p({index:e}){return(0,a.jsxs)(d,{contentClassName:`flex min-w-0 flex-col gap-space-md`,children:[(0,a.jsxs)(`div`,{className:`flex items-start justify-between gap-space-md`,children:[(0,a.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-space-sm`,children:[(0,a.jsx)(v,{className:t.cn(`h-3 w-20`,e%2==0&&`w-24`)}),(0,a.jsx)(v,{className:t.cn(`h-5 w-24`,e%3==0&&`w-28`)})]}),(0,a.jsx)(v,{className:`size-8 rounded-md`})]}),(0,a.jsxs)(`div`,{className:`flex items-center gap-space-sm`,children:[(0,a.jsx)(v,{className:`h-5 w-16`}),(0,a.jsx)(v,{className:`h-3 w-24`})]})]})}function m({index:e}){return(0,a.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-space-xs`,children:[(0,a.jsx)(v,{className:t.cn(`h-3 w-20`,e%2==0&&`w-24`)}),(0,a.jsx)(v,{className:t.cn(`h-4 w-36 max-w-full`,e%3==0&&`w-44`)})]})}function h({lines:e=4,dense:t=!1}){let n=c(e,4,8);return(0,a.jsxs)(d,{contentClassName:`flex min-w-0 flex-col gap-space-lg`,children:[(0,a.jsx)(f,{description:!t,action:!t}),(0,a.jsx)(`div`,{className:`grid min-w-0 gap-space-md sm:grid-cols-2`,children:Array.from({length:n},(e,t)=>(0,a.jsx)(m,{index:t},`detail-row-${String(t)}`))})]})}function g({lines:e=3}){let n=c(e,3,5);return(0,a.jsxs)(d,{contentClassName:`flex min-w-0 flex-col gap-space-md`,children:[(0,a.jsx)(f,{description:!1,action:!1}),(0,a.jsx)(`div`,{className:`grid min-w-0 gap-space-sm`,children:Array.from({length:n},(e,n)=>(0,a.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-space-md`,children:[(0,a.jsx)(v,{className:t.cn(`h-3 w-20`,n%2==0&&`w-24`)}),(0,a.jsx)(v,{className:t.cn(`h-3.5 w-16`,n%3==0&&`w-20`)})]},`sidebar-line-${String(n)}`))})]})}function _({row:e}){return(0,a.jsxs)(`div`,{className:`flex min-w-0 items-center gap-space-sm`,children:[(0,a.jsx)(v,{className:`size-8 rounded-full shrink-0`}),(0,a.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-space-xs`,children:[(0,a.jsx)(v,{className:t.cn(`h-3.5 w-32 max-w-full`,e%2==0&&`w-40`)}),(0,a.jsx)(v,{className:`h-3 w-24 max-w-full`})]})]})}function v({className:e,...n}){return(0,a.jsx)(r.t,{className:t.cn(`skeleton--component`,e),...n})}v.displayName=`Skeleton`;var y=i.forwardRef(function({lines:e=3,avatar:n=!1,action:r=!1,lineWidths:i,className:o,...s},d){let f=c(e,3);return(0,a.jsxs)(`div`,{ref:d,"aria-hidden":u(s),className:t.cn(`content-skeleton--component`,`flex w-full min-w-0 items-start gap-space-md`,o),...s,children:[!!n&&(0,a.jsx)(v,{className:`size-avatar rounded-full shrink-0`}),(0,a.jsx)(`div`,{className:`content-skeleton--body flex min-w-0 flex-1 flex-col gap-space-sm`,children:Array.from({length:f},(e,n)=>(0,a.jsx)(v,{className:t.cn(`content-skeleton--line h-3.5`,n===0&&`h-4`,l(n,i))},`content-line-${String(n)}`))}),!!r&&(0,a.jsx)(v,{className:`content-skeleton--action h-control-sm w-16 shrink-0`})]})});y.displayName=`ContentSkeleton`;var b=i.forwardRef(function({stats:e=3,sections:n=2,sectionLines:r=4,tabs:i=!0,actions:o=2,className:s,children:l,...d},f){let m=c(e,3,6,!0),g=c(n,2,6,!0),_=c(o,2,4,!0);return(0,a.jsxs)(`div`,{ref:f,"aria-hidden":u(d),className:t.cn(`page-skeleton--component flex w-full min-w-0 flex-col gap-space-2xl`,s),...d,children:[(0,a.jsxs)(`div`,{className:`page-skeleton--header flex min-w-0 flex-col gap-space-lg md:flex-row md:items-start md:justify-between`,children:[(0,a.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-start gap-space-md`,children:[(0,a.jsx)(v,{className:`size-avatar-lg rounded-full shrink-0`}),(0,a.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-space-sm`,children:[(0,a.jsx)(v,{className:`h-5 w-56 max-w-full`}),(0,a.jsx)(v,{className:`h-3.5 w-80 max-w-full`}),(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-space-sm pt-space-2xs`,children:[(0,a.jsx)(v,{className:`h-6 w-16`}),(0,a.jsx)(v,{className:`h-6 w-20`}),(0,a.jsx)(v,{className:`h-6 w-14`})]})]})]}),(0,a.jsx)(`div`,{className:`flex shrink-0 items-center gap-space-sm`,children:Array.from({length:_},(e,n)=>(0,a.jsx)(v,{className:t.cn(`h-control-sm`,n===0?`w-24`:`w-9`)},`page-action-${String(n)}`))})]}),!!i&&(0,a.jsxs)(`div`,{className:`page-skeleton--tabs flex min-w-0 flex-wrap gap-space-sm rounded-lg border border-border/70 bg-card p-space-sm`,children:[(0,a.jsx)(v,{className:`h-control-sm w-32`}),(0,a.jsx)(v,{className:`h-control-sm w-28`}),(0,a.jsx)(v,{className:`h-control-sm w-36`})]}),m>0&&(0,a.jsx)(`div`,{className:`page-skeleton--stats grid min-w-0 gap-space-lg sm:grid-cols-2 lg:grid-cols-3`,children:Array.from({length:m},(e,t)=>(0,a.jsx)(p,{index:t},`page-stat-${String(t)}`))}),g>0&&(0,a.jsx)(`div`,{className:`page-skeleton--sections grid min-w-0 gap-space-lg`,children:Array.from({length:g},(e,t)=>(0,a.jsx)(h,{lines:r},`page-section-${String(t)}`))}),l]})});b.displayName=`PageSkeleton`;var x=i.forwardRef(function({mainSections:e=2,sidebarSections:n=3,mainLines:r=5,sidebarLines:i=3,className:o,...s},l){let u=c(e,2,5),d=c(n,3,5);return(0,a.jsx)(b,{ref:l,stats:0,sections:0,tabs:!1,className:t.cn(`two-column-page-skeleton--component`,o),...s,children:(0,a.jsxs)(`div`,{className:`two-column-page-skeleton--layout grid min-w-0 gap-space-lg lg:grid-cols-3`,children:[(0,a.jsx)(`div`,{className:`two-column-page-skeleton--main grid min-w-0 gap-space-lg lg:col-span-2`,children:Array.from({length:u},(e,t)=>(0,a.jsx)(h,{lines:r},`two-column-main-${String(t)}`))}),(0,a.jsx)(`div`,{className:`two-column-page-skeleton--sidebar grid min-w-0 gap-space-lg self-start`,children:Array.from({length:d},(e,t)=>(0,a.jsx)(g,{lines:i},`two-column-sidebar-${String(t)}`))})]})})});x.displayName=`TwoColumnPageSkeleton`;var S=i.forwardRef(function({rows:e=6,columns:r=5,toolbar:i=!0,footer:o=!0,className:l,...d},f){let p=c(e,6,20),m=c(r,5,8),h=Array.from({length:m},(e,t)=>t);return(0,a.jsx)(`div`,{ref:f,"aria-hidden":u(d),className:t.cn(`table-skeleton--component`,l),...d,children:(0,a.jsxs)(n.t,{surface:`framed`,padding:`default`,className:`overflow-hidden`,contentClassName:`p-0!`,children:[!!i&&(0,a.jsxs)(`div`,{className:`table-skeleton--toolbar flex min-w-0 items-center justify-between gap-space-md border-b border-border/70 px-surface py-row-y-lg`,children:[(0,a.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-space-sm`,children:[(0,a.jsx)(v,{className:`h-control-sm w-56 max-w-full`}),(0,a.jsx)(v,{className:`hidden h-control-sm w-24 sm:block`})]}),(0,a.jsxs)(`div`,{className:`hidden shrink-0 items-center gap-space-sm sm:flex`,children:[(0,a.jsx)(v,{className:`h-control-sm w-20`}),(0,a.jsx)(v,{className:`h-control-sm w-9`})]})]}),(0,a.jsx)(`div`,{className:`table-skeleton--scroll overflow-x-auto`,children:(0,a.jsxs)(`table`,{className:`w-full min-w-full table-fixed border-collapse`,children:[(0,a.jsx)(`thead`,{children:(0,a.jsx)(`tr`,{className:`border-b border-border/70`,children:h.map(e=>(0,a.jsx)(`th`,{className:`h-12 px-surface text-left align-middle`,children:(0,a.jsx)(v,{className:t.cn(`h-3.5`,s[e%s.length])})},`table-head-${String(e)}`))})}),(0,a.jsx)(`tbody`,{children:Array.from({length:p},(e,n)=>(0,a.jsx)(`tr`,{className:`border-b border-border/55 last:border-b-0`,children:h.map(e=>(0,a.jsx)(`td`,{className:`px-surface py-row-y-lg align-middle`,children:e===0?(0,a.jsx)(_,{row:n}):(0,a.jsx)(v,{className:t.cn(`h-3.5`,s[(n+e)%s.length])})},`table-cell-${String(n)}-${String(e)}`))},`table-row-${String(n)}`))})]})}),!!o&&(0,a.jsxs)(`div`,{className:`table-skeleton--footer flex items-center justify-between gap-space-md border-t border-border/70 px-surface py-row-y-lg`,children:[(0,a.jsx)(v,{className:`h-3.5 w-32`}),(0,a.jsxs)(`div`,{className:`flex items-center gap-space-sm`,children:[(0,a.jsx)(v,{className:`h-control-sm w-20`}),(0,a.jsx)(v,{className:`h-control-sm w-20`})]})]})]})})});S.displayName=`TableSkeleton`,Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return y}});
2	+ //# sourceMappingURL=skeleton-DwF5VdMh.cjs.map

package/dist/_shared/skeleton-DwF5VdMh.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"skeleton-DwF5VdMh.cjs","names":[],"sources":["../../src/components/base/display/skeleton.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { SmartCard } from '@/components/base/cards';\nimport { Skeleton as PrimitiveSkeleton } from '@/components/ui/skeleton';\nimport { cn } from '@/lib/utils';\n\ntype DivProps = React.ComponentPropsWithoutRef<'div'>;\n\nconst LINE_WIDTHS = [\n\t'w-full',\n\t'w-11/12',\n\t'w-10/12',\n\t'w-9/12',\n\t'w-8/12',\n\t'w-7/12',\n] as const;\n\nconst TABLE_WIDTHS = [\n\t'w-24',\n\t'w-36',\n\t'w-28',\n\t'w-20',\n\t'w-32',\n\t'w-16',\n] as const;\n\nconst clampCount = (value: number | undefined, fallback: number, max = 12, allowZero = false) => {\n\tif (!Number.isFinite(value)) return fallback;\n\tconst count = Math.floor(value ?? fallback);\n\treturn Math.max(allowZero ? 0 : 1, Math.min(count, max));\n};\n\nconst lineWidth = (index: number, widths?: readonly string[]) =>\n\twidths?.[index % widths.length] ?? LINE_WIDTHS[index % LINE_WIDTHS.length];\n\nconst skeletonAriaHidden = (props: Pick<DivProps, 'aria-label' | 'aria-labelledby'>) =>\n\tprops['aria-label'] || props['aria-labelledby'] ? undefined : true;\n\nfunction SkeletonFrame({\n\tclassName,\n\tcontentClassName,\n\tchildren,\n}: {\n\tclassName?: string;\n\tcontentClassName?: string;\n\tchildren: React.ReactNode;\n}) {\n\treturn (\n\t\t<SmartCard\n\t\t\tsurface=\"framed\"\n\t\t\tpadding=\"default\"\n\t\t\tclassName={className}\n\t\t\tcontentClassName={cn('skeleton-frame--content min-w-0', contentClassName)}\n\t\t>\n\t\t\t{children}\n\t\t</SmartCard>\n\t);\n}\n\nfunction SkeletonCardHeader({\n\tdescription = true,\n\taction = true,\n\tclassName,\n}: {\n\tdescription?: boolean;\n\taction?: boolean;\n\tclassName?: string;\n}) {\n\treturn (\n\t\t<div className={cn('flex min-w-0 items-start justify-between gap-space-md', className)}>\n\t\t\t<div className=\"flex min-w-0 flex-1 flex-col gap-space-sm\">\n\t\t\t\t<Skeleton className=\"h-4 w-36 max-w-full\" />\n\t\t\t\t{!!description && <Skeleton className=\"h-3 w-56 max-w-full\" />}\n\t\t\t</div>\n\t\t\t{!!action && <Skeleton className=\"h-control-sm w-20 shrink-0\" />}\n\t\t</div>\n\t);\n}\n\nfunction MetricCardSkeleton({ index }: { index: number }) {\n\treturn (\n\t\t<SkeletonFrame contentClassName=\"flex min-w-0 flex-col gap-space-md\">\n\t\t\t<div className=\"flex items-start justify-between gap-space-md\">\n\t\t\t\t<div className=\"flex min-w-0 flex-col gap-space-sm\">\n\t\t\t\t\t<Skeleton className={cn('h-3 w-20', index % 2 === 0 && 'w-24')} />\n\t\t\t\t\t<Skeleton className={cn('h-5 w-24', index % 3 === 0 && 'w-28')} />\n\t\t\t\t</div>\n\t\t\t\t<Skeleton className=\"size-8 rounded-md\" />\n\t\t\t</div>\n\t\t\t<div className=\"flex items-center gap-space-sm\">\n\t\t\t\t<Skeleton className=\"h-5 w-16\" />\n\t\t\t\t<Skeleton className=\"h-3 w-24\" />\n\t\t\t</div>\n\t\t</SkeletonFrame>\n\t);\n}\n\nfunction DetailRowSkeleton({ index }: { index: number }) {\n\treturn (\n\t\t<div className=\"flex min-w-0 flex-col gap-space-xs\">\n\t\t\t<Skeleton className={cn('h-3 w-20', index % 2 === 0 && 'w-24')} />\n\t\t\t<Skeleton className={cn('h-4 w-36 max-w-full', index % 3 === 0 && 'w-44')} />\n\t\t</div>\n\t);\n}\n\nfunction DetailCardSkeleton({\n\tlines = 4,\n\tdense = false,\n}: {\n\tlines?: number;\n\tdense?: boolean;\n}) {\n\tconst lineCount = clampCount(lines, 4, 8);\n\n\treturn (\n\t\t<SkeletonFrame contentClassName=\"flex min-w-0 flex-col gap-space-lg\">\n\t\t\t<SkeletonCardHeader description={!dense} action={!dense} />\n\t\t\t<div className=\"grid min-w-0 gap-space-md sm:grid-cols-2\">\n\t\t\t\t{Array.from({ length: lineCount }, (_, index) => (\n\t\t\t\t\t<DetailRowSkeleton key={`detail-row-${String(index)}`} index={index} />\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</SkeletonFrame>\n\t);\n}\n\nfunction SidebarCardSkeleton({ lines = 3 }: { lines?: number }) {\n\tconst lineCount = clampCount(lines, 3, 5);\n\n\treturn (\n\t\t<SkeletonFrame contentClassName=\"flex min-w-0 flex-col gap-space-md\">\n\t\t\t<SkeletonCardHeader description={false} action={false} />\n\t\t\t<div className=\"grid min-w-0 gap-space-sm\">\n\t\t\t\t{Array.from({ length: lineCount }, (_, index) => (\n\t\t\t\t\t<div key={`sidebar-line-${String(index)}`} className=\"flex min-w-0 items-center justify-between gap-space-md\">\n\t\t\t\t\t\t<Skeleton className={cn('h-3 w-20', index % 2 === 0 && 'w-24')} />\n\t\t\t\t\t\t<Skeleton className={cn('h-3.5 w-16', index % 3 === 0 && 'w-20')} />\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</SkeletonFrame>\n\t);\n}\n\nfunction TableResourceCellSkeleton({ row }: { row: number }) {\n\treturn (\n\t\t<div className=\"flex min-w-0 items-center gap-space-sm\">\n\t\t\t<Skeleton className=\"size-8 rounded-full shrink-0\" />\n\t\t\t<div className=\"flex min-w-0 flex-1 flex-col gap-space-xs\">\n\t\t\t\t<Skeleton className={cn('h-3.5 w-32 max-w-full', row % 2 === 0 && 'w-40')} />\n\t\t\t\t<Skeleton className=\"h-3 w-24 max-w-full\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport interface SkeletonProps extends React.ComponentPropsWithoutRef<typeof PrimitiveSkeleton> {}\n\nexport function Skeleton({ className, ...props }: SkeletonProps) {\n\treturn (\n\t\t<PrimitiveSkeleton\n\t\t\tclassName={cn('skeleton--component', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nSkeleton.displayName = 'Skeleton';\n\nexport interface ContentSkeletonProps extends DivProps {\n\t/** Number of text rows rendered in the content stack. */\n\tlines?: number;\n\t/** Render an avatar/media placeholder before the text stack. */\n\tavatar?: boolean;\n\t/** Render a small action placeholder aligned to the trailing edge. */\n\taction?: boolean;\n\t/** Optional per-line width classes. Keep these as Tailwind width utilities. */\n\tlineWidths?: readonly string[];\n}\n\nexport const ContentSkeleton = React.forwardRef<HTMLDivElement, ContentSkeletonProps>(\n\tfunction ContentSkeleton({\n\t\tlines = 3,\n\t\tavatar = false,\n\t\taction = false,\n\t\tlineWidths,\n\t\tclassName,\n\t\t...props\n\t}, ref) {\n\t\tconst lineCount = clampCount(lines, 3);\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\taria-hidden={skeletonAriaHidden(props)}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'content-skeleton--component',\n\t\t\t\t\t'flex w-full min-w-0 items-start gap-space-md',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{!!avatar && <Skeleton className=\"size-avatar rounded-full shrink-0\" />}\n\t\t\t\t<div className=\"content-skeleton--body flex min-w-0 flex-1 flex-col gap-space-sm\">\n\t\t\t\t\t{Array.from({ length: lineCount }, (_, index) => (\n\t\t\t\t\t\t<Skeleton\n\t\t\t\t\t\t\tkey={`content-line-${String(index)}`}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'content-skeleton--line h-3.5',\n\t\t\t\t\t\t\t\tindex === 0 && 'h-4',\n\t\t\t\t\t\t\t\tlineWidth(index, lineWidths),\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t\t{!!action && <Skeleton className=\"content-skeleton--action h-control-sm w-16 shrink-0\" />}\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nContentSkeleton.displayName = 'ContentSkeleton';\n\nexport interface PageSkeletonProps extends DivProps {\n\t/** Number of compact KPI cards below the page header. */\n\tstats?: number;\n\t/** Number of content cards below the optional stats row. */\n\tsections?: number;\n\t/** Number of skeleton lines in each content card. */\n\tsectionLines?: number;\n\t/** Render tab/filter placeholders between the header and content. */\n\ttabs?: boolean;\n\t/** Number of action button placeholders in the page header. */\n\tactions?: number;\n}\n\nexport const PageSkeleton = React.forwardRef<HTMLDivElement, PageSkeletonProps>(\n\tfunction PageSkeleton({\n\t\tstats = 3,\n\t\tsections = 2,\n\t\tsectionLines = 4,\n\t\ttabs = true,\n\t\tactions = 2,\n\t\tclassName,\n\t\tchildren,\n\t\t...props\n\t}, ref) {\n\t\tconst statCount = clampCount(stats, 3, 6, true);\n\t\tconst sectionCount = clampCount(sections, 2, 6, true);\n\t\tconst actionCount = clampCount(actions, 2, 4, true);\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\taria-hidden={skeletonAriaHidden(props)}\n\t\t\t\tclassName={cn('page-skeleton--component flex w-full min-w-0 flex-col gap-space-2xl', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div className=\"page-skeleton--header flex min-w-0 flex-col gap-space-lg md:flex-row md:items-start md:justify-between\">\n\t\t\t\t\t<div className=\"flex min-w-0 flex-1 items-start gap-space-md\">\n\t\t\t\t\t\t<Skeleton className=\"size-avatar-lg rounded-full shrink-0\" />\n\t\t\t\t\t\t<div className=\"flex min-w-0 flex-1 flex-col gap-space-sm\">\n\t\t\t\t\t\t\t<Skeleton className=\"h-5 w-56 max-w-full\" />\n\t\t\t\t\t\t\t<Skeleton className=\"h-3.5 w-80 max-w-full\" />\n\t\t\t\t\t\t\t<div className=\"flex flex-wrap gap-space-sm pt-space-2xs\">\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-6 w-16\" />\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-6 w-20\" />\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-6 w-14\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"flex shrink-0 items-center gap-space-sm\">\n\t\t\t\t\t\t{Array.from({ length: actionCount }, (_, index) => (\n\t\t\t\t\t\t\t<Skeleton\n\t\t\t\t\t\t\t\tkey={`page-action-${String(index)}`}\n\t\t\t\t\t\t\t\tclassName={cn('h-control-sm', index === 0 ? 'w-24' : 'w-9')}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{!!tabs && (\n\t\t\t\t\t<div className=\"page-skeleton--tabs flex min-w-0 flex-wrap gap-space-sm rounded-lg border border-border/70 bg-card p-space-sm\">\n\t\t\t\t\t\t<Skeleton className=\"h-control-sm w-32\" />\n\t\t\t\t\t\t<Skeleton className=\"h-control-sm w-28\" />\n\t\t\t\t\t\t<Skeleton className=\"h-control-sm w-36\" />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{statCount > 0 && (\n\t\t\t\t\t<div className=\"page-skeleton--stats grid min-w-0 gap-space-lg sm:grid-cols-2 lg:grid-cols-3\">\n\t\t\t\t\t\t{Array.from({ length: statCount }, (_, index) => (\n\t\t\t\t\t\t\t<MetricCardSkeleton key={`page-stat-${String(index)}`} index={index} />\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{sectionCount > 0 && (\n\t\t\t\t\t<div className=\"page-skeleton--sections grid min-w-0 gap-space-lg\">\n\t\t\t\t\t\t{Array.from({ length: sectionCount }, (_, index) => (\n\t\t\t\t\t\t\t<DetailCardSkeleton key={`page-section-${String(index)}`} lines={sectionLines} />\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nPageSkeleton.displayName = 'PageSkeleton';\n\nexport interface TwoColumnPageSkeletonProps extends DivProps {\n\t/** Number of primary column cards. */\n\tmainSections?: number;\n\t/** Number of secondary column cards. */\n\tsidebarSections?: number;\n\t/** Lines per primary column card. */\n\tmainLines?: number;\n\t/** Lines per secondary column card. */\n\tsidebarLines?: number;\n}\n\nexport const TwoColumnPageSkeleton = React.forwardRef<HTMLDivElement, TwoColumnPageSkeletonProps>(\n\tfunction TwoColumnPageSkeleton({\n\t\tmainSections = 2,\n\t\tsidebarSections = 3,\n\t\tmainLines = 5,\n\t\tsidebarLines = 3,\n\t\tclassName,\n\t\t...props\n\t}, ref) {\n\t\tconst mainCount = clampCount(mainSections, 2, 5);\n\t\tconst sidebarCount = clampCount(sidebarSections, 3, 5);\n\n\t\treturn (\n\t\t\t<PageSkeleton\n\t\t\t\tref={ref}\n\t\t\t\tstats={0}\n\t\t\t\tsections={0}\n\t\t\t\ttabs={false}\n\t\t\t\tclassName={cn('two-column-page-skeleton--component', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div className=\"two-column-page-skeleton--layout grid min-w-0 gap-space-lg lg:grid-cols-3\">\n\t\t\t\t\t<div className=\"two-column-page-skeleton--main grid min-w-0 gap-space-lg lg:col-span-2\">\n\t\t\t\t\t\t{Array.from({ length: mainCount }, (_, index) => (\n\t\t\t\t\t\t\t<DetailCardSkeleton key={`two-column-main-${String(index)}`} lines={mainLines} />\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"two-column-page-skeleton--sidebar grid min-w-0 gap-space-lg self-start\">\n\t\t\t\t\t\t{Array.from({ length: sidebarCount }, (_, index) => (\n\t\t\t\t\t\t\t<SidebarCardSkeleton key={`two-column-sidebar-${String(index)}`} lines={sidebarLines} />\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</PageSkeleton>\n\t\t);\n\t},\n);\n\nTwoColumnPageSkeleton.displayName = 'TwoColumnPageSkeleton';\n\nexport interface TableSkeletonProps extends DivProps {\n\trows?: number;\n\tcolumns?: number;\n\ttoolbar?: boolean;\n\tfooter?: boolean;\n}\n\nexport const TableSkeleton = React.forwardRef<HTMLDivElement, TableSkeletonProps>(\n\tfunction TableSkeleton({\n\t\trows = 6,\n\t\tcolumns = 5,\n\t\ttoolbar = true,\n\t\tfooter = true,\n\t\tclassName,\n\t\t...props\n\t}, ref) {\n\t\tconst rowCount = clampCount(rows, 6, 20);\n\t\tconst columnCount = clampCount(columns, 5, 8);\n\t\tconst columnIndexes = Array.from({ length: columnCount }, (_, index) => index);\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\taria-hidden={skeletonAriaHidden(props)}\n\t\t\t\tclassName={cn('table-skeleton--component', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<SmartCard\n\t\t\t\t\tsurface=\"framed\"\n\t\t\t\t\tpadding=\"default\"\n\t\t\t\t\tclassName=\"overflow-hidden\"\n\t\t\t\t\tcontentClassName=\"p-0!\"\n\t\t\t\t>\n\t\t\t\t\t{!!toolbar && (\n\t\t\t\t\t\t<div className=\"table-skeleton--toolbar flex min-w-0 items-center justify-between gap-space-md border-b border-border/70 px-surface py-row-y-lg\">\n\t\t\t\t\t\t\t<div className=\"flex min-w-0 flex-1 items-center gap-space-sm\">\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-control-sm w-56 max-w-full\" />\n\t\t\t\t\t\t\t\t<Skeleton className=\"hidden h-control-sm w-24 sm:block\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"hidden shrink-0 items-center gap-space-sm sm:flex\">\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-control-sm w-20\" />\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-control-sm w-9\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className=\"table-skeleton--scroll overflow-x-auto\">\n\t\t\t\t\t\t<table className=\"w-full min-w-full table-fixed border-collapse\">\n\t\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t\t\t<tr className=\"border-b border-border/70\">\n\t\t\t\t\t\t\t\t\t{columnIndexes.map((column) => (\n\t\t\t\t\t\t\t\t\t\t<th key={`table-head-${String(column)}`} className=\"h-12 px-surface text-left align-middle\">\n\t\t\t\t\t\t\t\t\t\t\t<Skeleton className={cn('h-3.5', TABLE_WIDTHS[column % TABLE_WIDTHS.length])} />\n\t\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t</thead>\n\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t{Array.from({ length: rowCount }, (_, row) => (\n\t\t\t\t\t\t\t\t\t<tr key={`table-row-${String(row)}`} className=\"border-b border-border/55 last:border-b-0\">\n\t\t\t\t\t\t\t\t\t\t{columnIndexes.map((column) => (\n\t\t\t\t\t\t\t\t\t\t\t<td key={`table-cell-${String(row)}-${String(column)}`} className=\"px-surface py-row-y-lg align-middle\">\n\t\t\t\t\t\t\t\t\t\t\t\t{column === 0 ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<TableResourceCellSkeleton row={row} />\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Skeleton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'h-3.5',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tTABLE_WIDTHS[(row + column) % TABLE_WIDTHS.length],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!footer && (\n\t\t\t\t\t\t<div className=\"table-skeleton--footer flex items-center justify-between gap-space-md border-t border-border/70 px-surface py-row-y-lg\">\n\t\t\t\t\t\t\t<Skeleton className=\"h-3.5 w-32\" />\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-space-sm\">\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-control-sm w-20\" />\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-control-sm w-20\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</SmartCard>\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nTableSkeleton.displayName = 'TableSkeleton';\n"],"mappings":"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"}

package/dist/_shared/skeleton-yUXqeWzB.js ADDED Viewed

@@ -0,0 +1,256 @@
+import { cn as e } from "../lib/utils.js";
+import { t } from "./cards-BJctT9KD.js";
+import { t as n } from "./skeleton-CGQMeno1.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/base/display/skeleton.tsx
+var o = [
+	"w-full",
+	"w-11/12",
+	"w-10/12",
+	"w-9/12",
+	"w-8/12",
+	"w-7/12"
+], s = [
+	"w-24",
+	"w-36",
+	"w-28",
+	"w-20",
+	"w-32",
+	"w-16"
+], c = (e, t, n = 12, r = !1) => Number.isFinite(e) ? Math.max(+!r, Math.min(Math.floor(e ?? t), n)) : t, l = (e, t) => t?.[e % t.length] ?? o[e % o.length], u = (e) => e["aria-label"] || e["aria-labelledby"] ? void 0 : !0;
+function d({ className: n, contentClassName: r, children: a }) {
+	return /* @__PURE__ */ i(t, {
+		surface: "framed",
+		padding: "default",
+		className: n,
+		contentClassName: e("skeleton-frame--content min-w-0", r),
+		children: a
+	});
+}
+function f({ description: t = !0, action: n = !0, className: r }) {
+	return /* @__PURE__ */ a("div", {
+		className: e("flex min-w-0 items-start justify-between gap-space-md", r),
+		children: [/* @__PURE__ */ a("div", {
+			className: "flex min-w-0 flex-1 flex-col gap-space-sm",
+			children: [/* @__PURE__ */ i(v, { className: "h-4 w-36 max-w-full" }), !!t && /* @__PURE__ */ i(v, { className: "h-3 w-56 max-w-full" })]
+		}), !!n && /* @__PURE__ */ i(v, { className: "h-control-sm w-20 shrink-0" })]
+	});
+}
+function p({ index: t }) {
+	return /* @__PURE__ */ a(d, {
+		contentClassName: "flex min-w-0 flex-col gap-space-md",
+		children: [/* @__PURE__ */ a("div", {
+			className: "flex items-start justify-between gap-space-md",
+			children: [/* @__PURE__ */ a("div", {
+				className: "flex min-w-0 flex-col gap-space-sm",
+				children: [/* @__PURE__ */ i(v, { className: e("h-3 w-20", t % 2 == 0 && "w-24") }), /* @__PURE__ */ i(v, { className: e("h-5 w-24", t % 3 == 0 && "w-28") })]
+			}), /* @__PURE__ */ i(v, { className: "size-8 rounded-md" })]
+		}), /* @__PURE__ */ a("div", {
+			className: "flex items-center gap-space-sm",
+			children: [/* @__PURE__ */ i(v, { className: "h-5 w-16" }), /* @__PURE__ */ i(v, { className: "h-3 w-24" })]
+		})]
+	});
+}
+function m({ index: t }) {
+	return /* @__PURE__ */ a("div", {
+		className: "flex min-w-0 flex-col gap-space-xs",
+		children: [/* @__PURE__ */ i(v, { className: e("h-3 w-20", t % 2 == 0 && "w-24") }), /* @__PURE__ */ i(v, { className: e("h-4 w-36 max-w-full", t % 3 == 0 && "w-44") })]
+	});
+}
+function h({ lines: e = 4, dense: t = !1 }) {
+	let n = c(e, 4, 8);
+	return /* @__PURE__ */ a(d, {
+		contentClassName: "flex min-w-0 flex-col gap-space-lg",
+		children: [/* @__PURE__ */ i(f, {
+			description: !t,
+			action: !t
+		}), /* @__PURE__ */ i("div", {
+			className: "grid min-w-0 gap-space-md sm:grid-cols-2",
+			children: Array.from({ length: n }, (e, t) => /* @__PURE__ */ i(m, { index: t }, `detail-row-${String(t)}`))
+		})]
+	});
+}
+function g({ lines: t = 3 }) {
+	let n = c(t, 3, 5);
+	return /* @__PURE__ */ a(d, {
+		contentClassName: "flex min-w-0 flex-col gap-space-md",
+		children: [/* @__PURE__ */ i(f, {
+			description: !1,
+			action: !1
+		}), /* @__PURE__ */ i("div", {
+			className: "grid min-w-0 gap-space-sm",
+			children: Array.from({ length: n }, (t, n) => /* @__PURE__ */ a("div", {
+				className: "flex min-w-0 items-center justify-between gap-space-md",
+				children: [/* @__PURE__ */ i(v, { className: e("h-3 w-20", n % 2 == 0 && "w-24") }), /* @__PURE__ */ i(v, { className: e("h-3.5 w-16", n % 3 == 0 && "w-20") })]
+			}, `sidebar-line-${String(n)}`))
+		})]
+	});
+}
+function _({ row: t }) {
+	return /* @__PURE__ */ a("div", {
+		className: "flex min-w-0 items-center gap-space-sm",
+		children: [/* @__PURE__ */ i(v, { className: "size-8 rounded-full shrink-0" }), /* @__PURE__ */ a("div", {
+			className: "flex min-w-0 flex-1 flex-col gap-space-xs",
+			children: [/* @__PURE__ */ i(v, { className: e("h-3.5 w-32 max-w-full", t % 2 == 0 && "w-40") }), /* @__PURE__ */ i(v, { className: "h-3 w-24 max-w-full" })]
+		})]
+	});
+}
+function v({ className: t, ...r }) {
+	return /* @__PURE__ */ i(n, {
+		className: e("skeleton--component", t),
+		...r
+	});
+}
+v.displayName = "Skeleton";
+var y = r.forwardRef(function({ lines: t = 3, avatar: n = !1, action: r = !1, lineWidths: o, className: s, ...d }, f) {
+	let p = c(t, 3);
+	return /* @__PURE__ */ a("div", {
+		ref: f,
+		"aria-hidden": u(d),
+		className: e("content-skeleton--component", "flex w-full min-w-0 items-start gap-space-md", s),
+		...d,
+		children: [
+			!!n && /* @__PURE__ */ i(v, { className: "size-avatar rounded-full shrink-0" }),
+			/* @__PURE__ */ i("div", {
+				className: "content-skeleton--body flex min-w-0 flex-1 flex-col gap-space-sm",
+				children: Array.from({ length: p }, (t, n) => /* @__PURE__ */ i(v, { className: e("content-skeleton--line h-3.5", n === 0 && "h-4", l(n, o)) }, `content-line-${String(n)}`))
+			}),
+			!!r && /* @__PURE__ */ i(v, { className: "content-skeleton--action h-control-sm w-16 shrink-0" })
+		]
+	});
+});
+y.displayName = "ContentSkeleton";
+var b = r.forwardRef(function({ stats: t = 3, sections: n = 2, sectionLines: r = 4, tabs: o = !0, actions: s = 2, className: l, children: d, ...f }, m) {
+	let g = c(t, 3, 6, !0), _ = c(n, 2, 6, !0), y = c(s, 2, 4, !0);
+	return /* @__PURE__ */ a("div", {
+		ref: m,
+		"aria-hidden": u(f),
+		className: e("page-skeleton--component flex w-full min-w-0 flex-col gap-space-2xl", l),
+		...f,
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: "page-skeleton--header flex min-w-0 flex-col gap-space-lg md:flex-row md:items-start md:justify-between",
+				children: [/* @__PURE__ */ a("div", {
+					className: "flex min-w-0 flex-1 items-start gap-space-md",
+					children: [/* @__PURE__ */ i(v, { className: "size-avatar-lg rounded-full shrink-0" }), /* @__PURE__ */ a("div", {
+						className: "flex min-w-0 flex-1 flex-col gap-space-sm",
+						children: [
+							/* @__PURE__ */ i(v, { className: "h-5 w-56 max-w-full" }),
+							/* @__PURE__ */ i(v, { className: "h-3.5 w-80 max-w-full" }),
+							/* @__PURE__ */ a("div", {
+								className: "flex flex-wrap gap-space-sm pt-space-2xs",
+								children: [
+									/* @__PURE__ */ i(v, { className: "h-6 w-16" }),
+									/* @__PURE__ */ i(v, { className: "h-6 w-20" }),
+									/* @__PURE__ */ i(v, { className: "h-6 w-14" })
+								]
+							})
+						]
+					})]
+				}), /* @__PURE__ */ i("div", {
+					className: "flex shrink-0 items-center gap-space-sm",
+					children: Array.from({ length: y }, (t, n) => /* @__PURE__ */ i(v, { className: e("h-control-sm", n === 0 ? "w-24" : "w-9") }, `page-action-${String(n)}`))
+				})]
+			}),
+			!!o && /* @__PURE__ */ a("div", {
+				className: "page-skeleton--tabs flex min-w-0 flex-wrap gap-space-sm rounded-lg border border-border/70 bg-card p-space-sm",
+				children: [
+					/* @__PURE__ */ i(v, { className: "h-control-sm w-32" }),
+					/* @__PURE__ */ i(v, { className: "h-control-sm w-28" }),
+					/* @__PURE__ */ i(v, { className: "h-control-sm w-36" })
+				]
+			}),
+			g > 0 && /* @__PURE__ */ i("div", {
+				className: "page-skeleton--stats grid min-w-0 gap-space-lg sm:grid-cols-2 lg:grid-cols-3",
+				children: Array.from({ length: g }, (e, t) => /* @__PURE__ */ i(p, { index: t }, `page-stat-${String(t)}`))
+			}),
+			_ > 0 && /* @__PURE__ */ i("div", {
+				className: "page-skeleton--sections grid min-w-0 gap-space-lg",
+				children: Array.from({ length: _ }, (e, t) => /* @__PURE__ */ i(h, { lines: r }, `page-section-${String(t)}`))
+			}),
+			d
+		]
+	});
+});
+b.displayName = "PageSkeleton";
+var x = r.forwardRef(function({ mainSections: t = 2, sidebarSections: n = 3, mainLines: r = 5, sidebarLines: o = 3, className: s, ...l }, u) {
+	let d = c(t, 2, 5), f = c(n, 3, 5);
+	return /* @__PURE__ */ i(b, {
+		ref: u,
+		stats: 0,
+		sections: 0,
+		tabs: !1,
+		className: e("two-column-page-skeleton--component", s),
+		...l,
+		children: /* @__PURE__ */ a("div", {
+			className: "two-column-page-skeleton--layout grid min-w-0 gap-space-lg lg:grid-cols-3",
+			children: [/* @__PURE__ */ i("div", {
+				className: "two-column-page-skeleton--main grid min-w-0 gap-space-lg lg:col-span-2",
+				children: Array.from({ length: d }, (e, t) => /* @__PURE__ */ i(h, { lines: r }, `two-column-main-${String(t)}`))
+			}), /* @__PURE__ */ i("div", {
+				className: "two-column-page-skeleton--sidebar grid min-w-0 gap-space-lg self-start",
+				children: Array.from({ length: f }, (e, t) => /* @__PURE__ */ i(g, { lines: o }, `two-column-sidebar-${String(t)}`))
+			})]
+		})
+	});
+});
+x.displayName = "TwoColumnPageSkeleton";
+var S = r.forwardRef(function({ rows: n = 6, columns: r = 5, toolbar: o = !0, footer: l = !0, className: d, ...f }, p) {
+	let m = c(n, 6, 20), h = c(r, 5, 8), g = Array.from({ length: h }, (e, t) => t);
+	return /* @__PURE__ */ i("div", {
+		ref: p,
+		"aria-hidden": u(f),
+		className: e("table-skeleton--component", d),
+		...f,
+		children: /* @__PURE__ */ a(t, {
+			surface: "framed",
+			padding: "default",
+			className: "overflow-hidden",
+			contentClassName: "p-0!",
+			children: [
+				!!o && /* @__PURE__ */ a("div", {
+					className: "table-skeleton--toolbar flex min-w-0 items-center justify-between gap-space-md border-b border-border/70 px-surface py-row-y-lg",
+					children: [/* @__PURE__ */ a("div", {
+						className: "flex min-w-0 flex-1 items-center gap-space-sm",
+						children: [/* @__PURE__ */ i(v, { className: "h-control-sm w-56 max-w-full" }), /* @__PURE__ */ i(v, { className: "hidden h-control-sm w-24 sm:block" })]
+					}), /* @__PURE__ */ a("div", {
+						className: "hidden shrink-0 items-center gap-space-sm sm:flex",
+						children: [/* @__PURE__ */ i(v, { className: "h-control-sm w-20" }), /* @__PURE__ */ i(v, { className: "h-control-sm w-9" })]
+					})]
+				}),
+				/* @__PURE__ */ i("div", {
+					className: "table-skeleton--scroll overflow-x-auto",
+					children: /* @__PURE__ */ a("table", {
+						className: "w-full min-w-full table-fixed border-collapse",
+						children: [/* @__PURE__ */ i("thead", { children: /* @__PURE__ */ i("tr", {
+							className: "border-b border-border/70",
+							children: g.map((t) => /* @__PURE__ */ i("th", {
+								className: "h-12 px-surface text-left align-middle",
+								children: /* @__PURE__ */ i(v, { className: e("h-3.5", s[t % s.length]) })
+							}, `table-head-${String(t)}`))
+						}) }), /* @__PURE__ */ i("tbody", { children: Array.from({ length: m }, (t, n) => /* @__PURE__ */ i("tr", {
+							className: "border-b border-border/55 last:border-b-0",
+							children: g.map((t) => /* @__PURE__ */ i("td", {
+								className: "px-surface py-row-y-lg align-middle",
+								children: t === 0 ? /* @__PURE__ */ i(_, { row: n }) : /* @__PURE__ */ i(v, { className: e("h-3.5", s[(n + t) % s.length]) })
+							}, `table-cell-${String(n)}-${String(t)}`))
+						}, `table-row-${String(n)}`)) })]
+					})
+				}),
+				!!l && /* @__PURE__ */ a("div", {
+					className: "table-skeleton--footer flex items-center justify-between gap-space-md border-t border-border/70 px-surface py-row-y-lg",
+					children: [/* @__PURE__ */ i(v, { className: "h-3.5 w-32" }), /* @__PURE__ */ a("div", {
+						className: "flex items-center gap-space-sm",
+						children: [/* @__PURE__ */ i(v, { className: "h-control-sm w-20" }), /* @__PURE__ */ i(v, { className: "h-control-sm w-20" })]
+					})]
+				})
+			]
+		})
+	});
+});
+S.displayName = "TableSkeleton";
+//#endregion
+export { x as a, S as i, b as n, v as r, y as t };
+//# sourceMappingURL=skeleton-yUXqeWzB.js.map

package/dist/_shared/skeleton-yUXqeWzB.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"skeleton-yUXqeWzB.js","names":[],"sources":["../../src/components/base/display/skeleton.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { SmartCard } from '@/components/base/cards';\nimport { Skeleton as PrimitiveSkeleton } from '@/components/ui/skeleton';\nimport { cn } from '@/lib/utils';\n\ntype DivProps = React.ComponentPropsWithoutRef<'div'>;\n\nconst LINE_WIDTHS = [\n\t'w-full',\n\t'w-11/12',\n\t'w-10/12',\n\t'w-9/12',\n\t'w-8/12',\n\t'w-7/12',\n] as const;\n\nconst TABLE_WIDTHS = [\n\t'w-24',\n\t'w-36',\n\t'w-28',\n\t'w-20',\n\t'w-32',\n\t'w-16',\n] as const;\n\nconst clampCount = (value: number | undefined, fallback: number, max = 12, allowZero = false) => {\n\tif (!Number.isFinite(value)) return fallback;\n\tconst count = Math.floor(value ?? fallback);\n\treturn Math.max(allowZero ? 0 : 1, Math.min(count, max));\n};\n\nconst lineWidth = (index: number, widths?: readonly string[]) =>\n\twidths?.[index % widths.length] ?? LINE_WIDTHS[index % LINE_WIDTHS.length];\n\nconst skeletonAriaHidden = (props: Pick<DivProps, 'aria-label' | 'aria-labelledby'>) =>\n\tprops['aria-label'] || props['aria-labelledby'] ? undefined : true;\n\nfunction SkeletonFrame({\n\tclassName,\n\tcontentClassName,\n\tchildren,\n}: {\n\tclassName?: string;\n\tcontentClassName?: string;\n\tchildren: React.ReactNode;\n}) {\n\treturn (\n\t\t<SmartCard\n\t\t\tsurface=\"framed\"\n\t\t\tpadding=\"default\"\n\t\t\tclassName={className}\n\t\t\tcontentClassName={cn('skeleton-frame--content min-w-0', contentClassName)}\n\t\t>\n\t\t\t{children}\n\t\t</SmartCard>\n\t);\n}\n\nfunction SkeletonCardHeader({\n\tdescription = true,\n\taction = true,\n\tclassName,\n}: {\n\tdescription?: boolean;\n\taction?: boolean;\n\tclassName?: string;\n}) {\n\treturn (\n\t\t<div className={cn('flex min-w-0 items-start justify-between gap-space-md', className)}>\n\t\t\t<div className=\"flex min-w-0 flex-1 flex-col gap-space-sm\">\n\t\t\t\t<Skeleton className=\"h-4 w-36 max-w-full\" />\n\t\t\t\t{!!description && <Skeleton className=\"h-3 w-56 max-w-full\" />}\n\t\t\t</div>\n\t\t\t{!!action && <Skeleton className=\"h-control-sm w-20 shrink-0\" />}\n\t\t</div>\n\t);\n}\n\nfunction MetricCardSkeleton({ index }: { index: number }) {\n\treturn (\n\t\t<SkeletonFrame contentClassName=\"flex min-w-0 flex-col gap-space-md\">\n\t\t\t<div className=\"flex items-start justify-between gap-space-md\">\n\t\t\t\t<div className=\"flex min-w-0 flex-col gap-space-sm\">\n\t\t\t\t\t<Skeleton className={cn('h-3 w-20', index % 2 === 0 && 'w-24')} />\n\t\t\t\t\t<Skeleton className={cn('h-5 w-24', index % 3 === 0 && 'w-28')} />\n\t\t\t\t</div>\n\t\t\t\t<Skeleton className=\"size-8 rounded-md\" />\n\t\t\t</div>\n\t\t\t<div className=\"flex items-center gap-space-sm\">\n\t\t\t\t<Skeleton className=\"h-5 w-16\" />\n\t\t\t\t<Skeleton className=\"h-3 w-24\" />\n\t\t\t</div>\n\t\t</SkeletonFrame>\n\t);\n}\n\nfunction DetailRowSkeleton({ index }: { index: number }) {\n\treturn (\n\t\t<div className=\"flex min-w-0 flex-col gap-space-xs\">\n\t\t\t<Skeleton className={cn('h-3 w-20', index % 2 === 0 && 'w-24')} />\n\t\t\t<Skeleton className={cn('h-4 w-36 max-w-full', index % 3 === 0 && 'w-44')} />\n\t\t</div>\n\t);\n}\n\nfunction DetailCardSkeleton({\n\tlines = 4,\n\tdense = false,\n}: {\n\tlines?: number;\n\tdense?: boolean;\n}) {\n\tconst lineCount = clampCount(lines, 4, 8);\n\n\treturn (\n\t\t<SkeletonFrame contentClassName=\"flex min-w-0 flex-col gap-space-lg\">\n\t\t\t<SkeletonCardHeader description={!dense} action={!dense} />\n\t\t\t<div className=\"grid min-w-0 gap-space-md sm:grid-cols-2\">\n\t\t\t\t{Array.from({ length: lineCount }, (_, index) => (\n\t\t\t\t\t<DetailRowSkeleton key={`detail-row-${String(index)}`} index={index} />\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</SkeletonFrame>\n\t);\n}\n\nfunction SidebarCardSkeleton({ lines = 3 }: { lines?: number }) {\n\tconst lineCount = clampCount(lines, 3, 5);\n\n\treturn (\n\t\t<SkeletonFrame contentClassName=\"flex min-w-0 flex-col gap-space-md\">\n\t\t\t<SkeletonCardHeader description={false} action={false} />\n\t\t\t<div className=\"grid min-w-0 gap-space-sm\">\n\t\t\t\t{Array.from({ length: lineCount }, (_, index) => (\n\t\t\t\t\t<div key={`sidebar-line-${String(index)}`} className=\"flex min-w-0 items-center justify-between gap-space-md\">\n\t\t\t\t\t\t<Skeleton className={cn('h-3 w-20', index % 2 === 0 && 'w-24')} />\n\t\t\t\t\t\t<Skeleton className={cn('h-3.5 w-16', index % 3 === 0 && 'w-20')} />\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</SkeletonFrame>\n\t);\n}\n\nfunction TableResourceCellSkeleton({ row }: { row: number }) {\n\treturn (\n\t\t<div className=\"flex min-w-0 items-center gap-space-sm\">\n\t\t\t<Skeleton className=\"size-8 rounded-full shrink-0\" />\n\t\t\t<div className=\"flex min-w-0 flex-1 flex-col gap-space-xs\">\n\t\t\t\t<Skeleton className={cn('h-3.5 w-32 max-w-full', row % 2 === 0 && 'w-40')} />\n\t\t\t\t<Skeleton className=\"h-3 w-24 max-w-full\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport interface SkeletonProps extends React.ComponentPropsWithoutRef<typeof PrimitiveSkeleton> {}\n\nexport function Skeleton({ className, ...props }: SkeletonProps) {\n\treturn (\n\t\t<PrimitiveSkeleton\n\t\t\tclassName={cn('skeleton--component', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nSkeleton.displayName = 'Skeleton';\n\nexport interface ContentSkeletonProps extends DivProps {\n\t/** Number of text rows rendered in the content stack. */\n\tlines?: number;\n\t/** Render an avatar/media placeholder before the text stack. */\n\tavatar?: boolean;\n\t/** Render a small action placeholder aligned to the trailing edge. */\n\taction?: boolean;\n\t/** Optional per-line width classes. Keep these as Tailwind width utilities. */\n\tlineWidths?: readonly string[];\n}\n\nexport const ContentSkeleton = React.forwardRef<HTMLDivElement, ContentSkeletonProps>(\n\tfunction ContentSkeleton({\n\t\tlines = 3,\n\t\tavatar = false,\n\t\taction = false,\n\t\tlineWidths,\n\t\tclassName,\n\t\t...props\n\t}, ref) {\n\t\tconst lineCount = clampCount(lines, 3);\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\taria-hidden={skeletonAriaHidden(props)}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'content-skeleton--component',\n\t\t\t\t\t'flex w-full min-w-0 items-start gap-space-md',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{!!avatar && <Skeleton className=\"size-avatar rounded-full shrink-0\" />}\n\t\t\t\t<div className=\"content-skeleton--body flex min-w-0 flex-1 flex-col gap-space-sm\">\n\t\t\t\t\t{Array.from({ length: lineCount }, (_, index) => (\n\t\t\t\t\t\t<Skeleton\n\t\t\t\t\t\t\tkey={`content-line-${String(index)}`}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'content-skeleton--line h-3.5',\n\t\t\t\t\t\t\t\tindex === 0 && 'h-4',\n\t\t\t\t\t\t\t\tlineWidth(index, lineWidths),\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t\t{!!action && <Skeleton className=\"content-skeleton--action h-control-sm w-16 shrink-0\" />}\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nContentSkeleton.displayName = 'ContentSkeleton';\n\nexport interface PageSkeletonProps extends DivProps {\n\t/** Number of compact KPI cards below the page header. */\n\tstats?: number;\n\t/** Number of content cards below the optional stats row. */\n\tsections?: number;\n\t/** Number of skeleton lines in each content card. */\n\tsectionLines?: number;\n\t/** Render tab/filter placeholders between the header and content. */\n\ttabs?: boolean;\n\t/** Number of action button placeholders in the page header. */\n\tactions?: number;\n}\n\nexport const PageSkeleton = React.forwardRef<HTMLDivElement, PageSkeletonProps>(\n\tfunction PageSkeleton({\n\t\tstats = 3,\n\t\tsections = 2,\n\t\tsectionLines = 4,\n\t\ttabs = true,\n\t\tactions = 2,\n\t\tclassName,\n\t\tchildren,\n\t\t...props\n\t}, ref) {\n\t\tconst statCount = clampCount(stats, 3, 6, true);\n\t\tconst sectionCount = clampCount(sections, 2, 6, true);\n\t\tconst actionCount = clampCount(actions, 2, 4, true);\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\taria-hidden={skeletonAriaHidden(props)}\n\t\t\t\tclassName={cn('page-skeleton--component flex w-full min-w-0 flex-col gap-space-2xl', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div className=\"page-skeleton--header flex min-w-0 flex-col gap-space-lg md:flex-row md:items-start md:justify-between\">\n\t\t\t\t\t<div className=\"flex min-w-0 flex-1 items-start gap-space-md\">\n\t\t\t\t\t\t<Skeleton className=\"size-avatar-lg rounded-full shrink-0\" />\n\t\t\t\t\t\t<div className=\"flex min-w-0 flex-1 flex-col gap-space-sm\">\n\t\t\t\t\t\t\t<Skeleton className=\"h-5 w-56 max-w-full\" />\n\t\t\t\t\t\t\t<Skeleton className=\"h-3.5 w-80 max-w-full\" />\n\t\t\t\t\t\t\t<div className=\"flex flex-wrap gap-space-sm pt-space-2xs\">\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-6 w-16\" />\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-6 w-20\" />\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-6 w-14\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"flex shrink-0 items-center gap-space-sm\">\n\t\t\t\t\t\t{Array.from({ length: actionCount }, (_, index) => (\n\t\t\t\t\t\t\t<Skeleton\n\t\t\t\t\t\t\t\tkey={`page-action-${String(index)}`}\n\t\t\t\t\t\t\t\tclassName={cn('h-control-sm', index === 0 ? 'w-24' : 'w-9')}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{!!tabs && (\n\t\t\t\t\t<div className=\"page-skeleton--tabs flex min-w-0 flex-wrap gap-space-sm rounded-lg border border-border/70 bg-card p-space-sm\">\n\t\t\t\t\t\t<Skeleton className=\"h-control-sm w-32\" />\n\t\t\t\t\t\t<Skeleton className=\"h-control-sm w-28\" />\n\t\t\t\t\t\t<Skeleton className=\"h-control-sm w-36\" />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{statCount > 0 && (\n\t\t\t\t\t<div className=\"page-skeleton--stats grid min-w-0 gap-space-lg sm:grid-cols-2 lg:grid-cols-3\">\n\t\t\t\t\t\t{Array.from({ length: statCount }, (_, index) => (\n\t\t\t\t\t\t\t<MetricCardSkeleton key={`page-stat-${String(index)}`} index={index} />\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{sectionCount > 0 && (\n\t\t\t\t\t<div className=\"page-skeleton--sections grid min-w-0 gap-space-lg\">\n\t\t\t\t\t\t{Array.from({ length: sectionCount }, (_, index) => (\n\t\t\t\t\t\t\t<DetailCardSkeleton key={`page-section-${String(index)}`} lines={sectionLines} />\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nPageSkeleton.displayName = 'PageSkeleton';\n\nexport interface TwoColumnPageSkeletonProps extends DivProps {\n\t/** Number of primary column cards. */\n\tmainSections?: number;\n\t/** Number of secondary column cards. */\n\tsidebarSections?: number;\n\t/** Lines per primary column card. */\n\tmainLines?: number;\n\t/** Lines per secondary column card. */\n\tsidebarLines?: number;\n}\n\nexport const TwoColumnPageSkeleton = React.forwardRef<HTMLDivElement, TwoColumnPageSkeletonProps>(\n\tfunction TwoColumnPageSkeleton({\n\t\tmainSections = 2,\n\t\tsidebarSections = 3,\n\t\tmainLines = 5,\n\t\tsidebarLines = 3,\n\t\tclassName,\n\t\t...props\n\t}, ref) {\n\t\tconst mainCount = clampCount(mainSections, 2, 5);\n\t\tconst sidebarCount = clampCount(sidebarSections, 3, 5);\n\n\t\treturn (\n\t\t\t<PageSkeleton\n\t\t\t\tref={ref}\n\t\t\t\tstats={0}\n\t\t\t\tsections={0}\n\t\t\t\ttabs={false}\n\t\t\t\tclassName={cn('two-column-page-skeleton--component', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div className=\"two-column-page-skeleton--layout grid min-w-0 gap-space-lg lg:grid-cols-3\">\n\t\t\t\t\t<div className=\"two-column-page-skeleton--main grid min-w-0 gap-space-lg lg:col-span-2\">\n\t\t\t\t\t\t{Array.from({ length: mainCount }, (_, index) => (\n\t\t\t\t\t\t\t<DetailCardSkeleton key={`two-column-main-${String(index)}`} lines={mainLines} />\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"two-column-page-skeleton--sidebar grid min-w-0 gap-space-lg self-start\">\n\t\t\t\t\t\t{Array.from({ length: sidebarCount }, (_, index) => (\n\t\t\t\t\t\t\t<SidebarCardSkeleton key={`two-column-sidebar-${String(index)}`} lines={sidebarLines} />\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</PageSkeleton>\n\t\t);\n\t},\n);\n\nTwoColumnPageSkeleton.displayName = 'TwoColumnPageSkeleton';\n\nexport interface TableSkeletonProps extends DivProps {\n\trows?: number;\n\tcolumns?: number;\n\ttoolbar?: boolean;\n\tfooter?: boolean;\n}\n\nexport const TableSkeleton = React.forwardRef<HTMLDivElement, TableSkeletonProps>(\n\tfunction TableSkeleton({\n\t\trows = 6,\n\t\tcolumns = 5,\n\t\ttoolbar = true,\n\t\tfooter = true,\n\t\tclassName,\n\t\t...props\n\t}, ref) {\n\t\tconst rowCount = clampCount(rows, 6, 20);\n\t\tconst columnCount = clampCount(columns, 5, 8);\n\t\tconst columnIndexes = Array.from({ length: columnCount }, (_, index) => index);\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\taria-hidden={skeletonAriaHidden(props)}\n\t\t\t\tclassName={cn('table-skeleton--component', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<SmartCard\n\t\t\t\t\tsurface=\"framed\"\n\t\t\t\t\tpadding=\"default\"\n\t\t\t\t\tclassName=\"overflow-hidden\"\n\t\t\t\t\tcontentClassName=\"p-0!\"\n\t\t\t\t>\n\t\t\t\t\t{!!toolbar && (\n\t\t\t\t\t\t<div className=\"table-skeleton--toolbar flex min-w-0 items-center justify-between gap-space-md border-b border-border/70 px-surface py-row-y-lg\">\n\t\t\t\t\t\t\t<div className=\"flex min-w-0 flex-1 items-center gap-space-sm\">\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-control-sm w-56 max-w-full\" />\n\t\t\t\t\t\t\t\t<Skeleton className=\"hidden h-control-sm w-24 sm:block\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"hidden shrink-0 items-center gap-space-sm sm:flex\">\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-control-sm w-20\" />\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-control-sm w-9\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className=\"table-skeleton--scroll overflow-x-auto\">\n\t\t\t\t\t\t<table className=\"w-full min-w-full table-fixed border-collapse\">\n\t\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t\t\t<tr className=\"border-b border-border/70\">\n\t\t\t\t\t\t\t\t\t{columnIndexes.map((column) => (\n\t\t\t\t\t\t\t\t\t\t<th key={`table-head-${String(column)}`} className=\"h-12 px-surface text-left align-middle\">\n\t\t\t\t\t\t\t\t\t\t\t<Skeleton className={cn('h-3.5', TABLE_WIDTHS[column % TABLE_WIDTHS.length])} />\n\t\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t</thead>\n\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t{Array.from({ length: rowCount }, (_, row) => (\n\t\t\t\t\t\t\t\t\t<tr key={`table-row-${String(row)}`} className=\"border-b border-border/55 last:border-b-0\">\n\t\t\t\t\t\t\t\t\t\t{columnIndexes.map((column) => (\n\t\t\t\t\t\t\t\t\t\t\t<td key={`table-cell-${String(row)}-${String(column)}`} className=\"px-surface py-row-y-lg align-middle\">\n\t\t\t\t\t\t\t\t\t\t\t\t{column === 0 ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<TableResourceCellSkeleton row={row} />\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Skeleton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'h-3.5',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tTABLE_WIDTHS[(row + column) % TABLE_WIDTHS.length],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!footer && (\n\t\t\t\t\t\t<div className=\"table-skeleton--footer flex items-center justify-between gap-space-md border-t border-border/70 px-surface py-row-y-lg\">\n\t\t\t\t\t\t\t<Skeleton className=\"h-3.5 w-32\" />\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-space-sm\">\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-control-sm w-20\" />\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-control-sm w-20\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</SmartCard>\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nTableSkeleton.displayName = 'TableSkeleton';\n"],"mappings":"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"}

package/dist/_shared/spinner-BDrUzfTo.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("./ui-provider-CrsJ_dGn.cjs"),t=require("../lib/utils.cjs"),n=require("./typography-CWEobAJV.cjs");let r=require("react"),i=require("react/jsx-runtime");var a=(0,r.forwardRef)(function({label:r,className:a=``,variant:l,style:u},d){let{defaultVariant:f}=e.u(),p=l??f??`default`;return(0,i.jsx)(`div`,{ref:d,className:t.cn(`spinner--component`,`flex items-center justify-center p-8`),style:u,children:(0,i.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-2 text-center`,children:[p==="default"&&(0,i.jsx)(o,{className:a}),p===`shimmer`&&(0,i.jsx)(s,{className:a}),p===`progress`&&(0,i.jsx)(c,{className:a}),!!r&&(0,i.jsx)(n.s,{type:`secondary`,children:r})]})})});a.displayName=`Spinner`;function o({className:e=``}){return(0,i.jsxs)(`svg`,{className:t.cn(`h-10 w-10 text-primary`,e),fill:`currentColor`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,children:[(0,i.jsx)(`path`,{d:`M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z`,opacity:`.25`}),(0,i.jsx)(`path`,{d:`M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z`,children:(0,i.jsx)(`animateTransform`,{attributeName:`transform`,type:`rotate`,dur:`0.75s`,values:`0 12 12;360 12 12`,repeatCount:`indefinite`})})]})}function s({className:e=``}){return(0,i.jsx)(`div`,{className:t.cn(`h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]`,`animate-[shimmer_1.5s_ease-in-out_infinite]`,e),"aria-hidden":`true`})}function c({className:e=``}){return(0,i.jsx)(`div`,{className:t.cn(`h-1 w-32 overflow-hidden rounded bg-muted`,e),role:`progressbar`,"aria-busy":`true`,children:(0,i.jsx)(`div`,{className:`h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded bg-primary`})})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
2	+ //# sourceMappingURL=spinner-BDrUzfTo.cjs.map

package/dist/_shared/spinner-BDrUzfTo.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"spinner-BDrUzfTo.cjs","names":[],"sources":["../../src/components/base/spinner/spinner.tsx"],"sourcesContent":["/**\n * Spinner — three-variant loading indicator with optional label.\n *\n * Variants:\n * - `default` — circular SVG spin (the legacy shape)\n * - `shimmer` — round shimmer bar\n * - `progress` — slim animated progress strip\n *\n * `variant` resolves via `useSpinnerConfig().defaultVariant ?? 'default'`,\n * so a consumer can set the library-wide spinner style at the\n * `<UIProvider>` root and override per-mount as needed. Forwards a ref to\n * the outer wrapper so consumers can position/measure the spinner.\n */\nimport { forwardRef, type CSSProperties } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { useSpinnerConfig } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nexport type SpinnerVariant = 'default' | 'shimmer' | 'progress';\n\nexport interface SpinnerProps {\n\tlabel?: string;\n\tclassName?: string;\n\tvariant?: SpinnerVariant;\n\tstyle?: CSSProperties;\n}\n\nexport const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(function Spinner(\n\t{ label, className = '', variant: variantProp, style },\n\tref,\n) {\n\tconst { defaultVariant } = useSpinnerConfig();\n\tconst variant: SpinnerVariant = variantProp ?? defaultVariant ?? 'default';\n\n\treturn (\n\t\t<div ref={ref} className={cn('spinner--component', 'flex items-center justify-center p-8')} style={style}>\n\t\t\t<div className=\"flex flex-col items-center justify-center gap-2 text-center\">\n\t\t\t\t{variant === 'default' && <SpinnerDefault className={className} />}\n\t\t\t\t{variant === 'shimmer' && <SpinnerShimmer className={className} />}\n\t\t\t\t{variant === 'progress' && <SpinnerProgress className={className} />}\n\t\t\t\t{!!label && <Text type=\"secondary\">{label}</Text>}\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n\nSpinner.displayName = 'Spinner';\n\nfunction SpinnerDefault({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\tclassName={cn('h-10 w-10 text-primary', className)}\n\t\t\tfill=\"currentColor\"\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\"\n\t\t\t\topacity=\".25\"\n\t\t\t/>\n\t\t\t<path d=\"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z\">\n\t\t\t\t<animateTransform\n\t\t\t\t\tattributeName=\"transform\"\n\t\t\t\t\ttype=\"rotate\"\n\t\t\t\t\tdur=\"0.75s\"\n\t\t\t\t\tvalues=\"0 12 12;360 12 12\"\n\t\t\t\t\trepeatCount=\"indefinite\"\n\t\t\t\t/>\n\t\t\t</path>\n\t\t</svg>\n\t);\n}\n\nfunction SpinnerShimmer({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]',\n\t\t\t\t'animate-[shimmer_1.5s_ease-in-out_infinite]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\taria-hidden=\"true\"\n\t\t/>\n\t);\n}\n\nfunction SpinnerProgress({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('h-1 w-32 overflow-hidden rounded bg-muted', className)}\n\t\t\trole=\"progressbar\"\n\t\t\taria-busy=\"true\"\n\t\t>\n\t\t\t<div className=\"h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded bg-primary\" />\n\t\t</div>\n\t);\n}\n"],"mappings":"yKA4BA,IAAa,GAAA,EAAA,EAAA,YAAmD,SAC/D,CAAE,QAAO,YAAY,GAAI,QAAS,EAAa,SAC/C,EACC,CACD,GAAM,CAAE,kBAAmB,EAAA,EAAiB,EACtC,EAA0B,GAAe,GAAkB,UAEjE,OACC,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,UAAW,EAAA,GAAG,qBAAsB,sCAAsC,EAAU,kBAClG,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,uEAAf,CACE,IAAY,YAAa,EAAA,EAAA,KAAC,EAAD,CAA2B,WAAY,CAAA,EAChE,IAAY,YAAa,EAAA,EAAA,KAAC,EAAD,CAA2B,WAAY,CAAA,EAChE,IAAY,aAAc,EAAA,EAAA,KAAC,EAAD,CAA4B,WAAY,CAAA,EAClE,CAAC,CAAC,IAAS,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,KAAK,qBAAa,CAAY,CAAA,CAC5C,GACD,CAAA,CAEP,CAAC,EAED,EAAQ,YAAc,UAEtB,SAAS,EAAe,CAAE,YAAY,IAA8B,CACnE,OACC,EAAA,EAAA,MAAC,MAAD,CACC,UAAW,EAAA,GAAG,yBAA0B,CAAS,EACjD,KAAK,eACL,QAAQ,YACR,MAAM,6BACN,cAAY,gBALb,EAOC,EAAA,EAAA,KAAC,OAAD,CACC,EAAE,gFACF,QAAQ,KACR,CAAA,GACD,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,uKACP,EAAA,EAAA,KAAC,mBAAD,CACC,cAAc,YACd,KAAK,SACL,IAAI,QACJ,OAAO,oBACP,YAAY,YACZ,CAAA,CACI,CAAA,CACF,GAEP,CAEA,SAAS,EAAe,CAAE,YAAY,IAA8B,CACnE,OACC,EAAA,EAAA,KAAC,MAAD,CACC,UAAW,EAAA,GACV,4GACA,8CACA,CACD,EACA,cAAY,MACZ,CAAA,CAEH,CAEA,SAAS,EAAgB,CAAE,YAAY,IAA8B,CACpE,OACC,EAAA,EAAA,KAAC,MAAD,CACC,UAAW,EAAA,GAAG,4CAA6C,CAAS,EACpE,KAAK,cACL,YAAU,iBAEV,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oFAAsF,CAAA,CACjG,CAAA,CAEP"}