admin-ui-starter-kit 0.6.8 → 0.7.0

package/dist/_shared/skeleton-Bc_qa5l_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-Bc_qa5l_.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/skeleton-Wq6G0Kya.cjs

@@ -0,0 +1,2 @@
+const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/utils.cjs"),n=require("./cards-DvE5gRFf.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}});
+//# sourceMappingURL=skeleton-Wq6G0Kya.cjs.map

package/dist/_shared/skeleton-Wq6G0Kya.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-Wq6G0Kya.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/spinner-C-yoZUk-.cjs

@@ -0,0 +1,2 @@
+const e=require("./ui-provider-CrsJ_dGn.cjs"),t=require("../lib/utils.cjs"),n=require("./typography-sXFd02zl.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}});
+//# sourceMappingURL=spinner-C-yoZUk-.cjs.map

package/dist/_shared/spinner-C-yoZUk-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-C-yoZUk-.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"}

package/dist/_shared/spinner-CDVWFN0N.js

@@ -0,0 +1,67 @@
+import { u as e } from "./ui-provider-Dz2qXgZQ.js";
+import { cn as t } from "../lib/utils.js";
+import { s as n } from "./typography-C_kCoR1d.js";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/base/spinner/spinner.tsx
+var o = r(function({ label: r, className: o = "", variant: u, style: d }, f) {
+	let { defaultVariant: p } = e(), m = u ?? p ?? "default";
+	return /* @__PURE__ */ i("div", {
+		ref: f,
+		className: t("spinner--component", "flex items-center justify-center p-8"),
+		style: d,
+		children: /* @__PURE__ */ a("div", {
+			className: "flex flex-col items-center justify-center gap-2 text-center",
+			children: [
+				m === "default" && /* @__PURE__ */ i(s, { className: o }),
+				m === "shimmer" && /* @__PURE__ */ i(c, { className: o }),
+				m === "progress" && /* @__PURE__ */ i(l, { className: o }),
+				!!r && /* @__PURE__ */ i(n, {
+					type: "secondary",
+					children: r
+				})
+			]
+		})
+	});
+});
+o.displayName = "Spinner";
+function s({ className: e = "" }) {
+	return /* @__PURE__ */ a("svg", {
+		className: t("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: [/* @__PURE__ */ i("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"
+		}), /* @__PURE__ */ i("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: /* @__PURE__ */ i("animateTransform", {
+				attributeName: "transform",
+				type: "rotate",
+				dur: "0.75s",
+				values: "0 12 12;360 12 12",
+				repeatCount: "indefinite"
+			})
+		})]
+	});
+}
+function c({ className: e = "" }) {
+	return /* @__PURE__ */ i("div", {
+		className: t("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 l({ className: e = "" }) {
+	return /* @__PURE__ */ i("div", {
+		className: t("h-1 w-32 overflow-hidden rounded bg-muted", e),
+		role: "progressbar",
+		"aria-busy": "true",
+		children: /* @__PURE__ */ i("div", { className: "h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded bg-primary" })
+	});
+}
+//#endregion
+export { o as t };
+
+//# sourceMappingURL=spinner-CDVWFN0N.js.map

package/dist/_shared/spinner-CDVWFN0N.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-CDVWFN0N.js","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":";;;;;;AA4BA,IAAa,IAAU,EAAyC,SAC/D,EAAE,UAAO,eAAY,IAAI,SAAS,GAAa,YAC/C,GACC;CACD,IAAM,EAAE,sBAAmB,EAAiB,GACtC,IAA0B,KAAe,KAAkB;CAEjE,OACC,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,sBAAsB,sCAAsC;EAAU;YAClG,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,MAAY,aAAa,kBAAC,GAAD,EAA2B,aAAY,CAAA;IAChE,MAAY,aAAa,kBAAC,GAAD,EAA2B,aAAY,CAAA;IAChE,MAAY,cAAc,kBAAC,GAAD,EAA4B,aAAY,CAAA;IAClE,CAAC,CAAC,KAAS,kBAAC,GAAD;KAAM,MAAK;eAAa;IAAY,CAAA;GAC5C;;CACD,CAAA;AAEP,CAAC;AAED,EAAQ,cAAc;AAEtB,SAAS,EAAe,EAAE,eAAY,MAA8B;CACnE,OACC,kBAAC,OAAD;EACC,WAAW,EAAG,0BAA0B,CAAS;EACjD,MAAK;EACL,SAAQ;EACR,OAAM;EACN,eAAY;YALb,CAOC,kBAAC,QAAD;GACC,GAAE;GACF,SAAQ;EACR,CAAA,GACD,kBAAC,QAAD;GAAM,GAAE;aACP,kBAAC,oBAAD;IACC,eAAc;IACd,MAAK;IACL,KAAI;IACJ,QAAO;IACP,aAAY;GACZ,CAAA;EACI,CAAA,CACF;;AAEP;AAEA,SAAS,EAAe,EAAE,eAAY,MAA8B;CACnE,OACC,kBAAC,OAAD;EACC,WAAW,EACV,6GACA,+CACA,CACD;EACA,eAAY;CACZ,CAAA;AAEH;AAEA,SAAS,EAAgB,EAAE,eAAY,MAA8B;CACpE,OACC,kBAAC,OAAD;EACC,WAAW,EAAG,6CAA6C,CAAS;EACpE,MAAK;EACL,aAAU;YAEV,kBAAC,OAAD,EAAK,WAAU,qFAAsF,CAAA;CACjG,CAAA;AAEP"}