npm - themelia-react-ui - Versions diffs - 2.0.5 → 2.0.6 - Mend

themelia-react-ui 2.0.5 → 2.0.6

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

package/dist/{skeleton-BapcJd9C.js.map → skeleton-DDgdhmu9.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"skeleton-BapcJd9C.js","names":["Skeleton","PrimitiveSkeleton","React","cn","neutralFillRecipes","React$1","Skeleton$1","props","className","LINE_WIDTHS","TABLE_WIDTHS","clampCount","value","fallback","max","lineWidth","widths","index","skeletonAriaHidden","SkeletonFrame","Card","contentClassName","SkeletonCardHeader","Skeleton","description","action","MetricCardSkeleton","DetailRowSkeleton","DetailCardSkeleton","lineCount","lines","dense","SidebarCardSkeleton","TableResourceCellSkeleton","row","ContentSkeleton","avatar","lineWidths","PageSkeleton","statCount","stats","sectionCount","sections","actionCount","actions","tabs","sectionLines","children","TwoColumnPageSkeleton","mainCount","mainSections","sidebarCount","sidebarSections","mainLines","sidebarLines","tableEdgeInset","TableSkeleton","rowCount","rows","columnCount","columns","columnIndexes","toolbar","column","footer"],"sources":["../src/components/ui/skeleton.tsx","../src/components/base/skeleton/skeleton.tsx"],"sourcesContent":["import { neutralFillRecipes } from \"../../lib/surface-recipes\"\nimport { cn } from \"../../lib/utils\"\n\n// The translucent chip fill keeps one contrast on every surface, including a\n// sidebar or band that is itself --muted, where a muted bar would disappear.\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"skeleton\"\n className={cn(neutralFillRecipes.chip, \"rounded-radius animate-pulse\", className)}\n {...props}\n />\n )\n}\n\nexport { Skeleton }\n","import * as React from 'react';\n\nimport { Card } from '../cards/smart-card';\nimport { Skeleton as PrimitiveSkeleton } from '../../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\t/** Merged onto the content region. /\n\tcontentClassName?: string;\n\tchildren: React.ReactNode;\n}) {\n\treturn (\n\t\t<Card\n\t\t\tsurface=\"framed\"\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</Card>\n\t);\n}\n\nfunction SkeletonCardHeader({\n\tdescription = true,\n\taction = true,\n\tclassName,\n}: {\n\t/* Supporting copy under the title. /\n\tdescription?: boolean;\n\t/* The action this surface performs. /\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-action-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-radius-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-4 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-avatar 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-4 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\taria-hidden={skeletonAriaHidden(props)}\n\t\t\tclassName={cn('skeleton--component max-w-full rounded-radius-sm motion-reduce:animate-none', 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-4',\n\t\t\t\t\t\t\t\t\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-action-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-4 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 min-w-0 flex-wrap 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-action-sm', index === 0 ? 'w-24' : 'size-action-sm')}\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-surface border border-border bg-card p-surface-xs\">\n\t\t\t\t\t\t<Skeleton className=\"h-action-sm w-32\" />\n\t\t\t\t\t\t<Skeleton className=\"h-action-sm w-28\" />\n\t\t\t\t\t\t<Skeleton className=\"h-action-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\t/* How many columns the grid uses. /\n\tcolumns?: number;\n\ttoolbar?: boolean;\n\t/* Content below the body. */\n\tfooter?: boolean;\n}\n\n// The toolbar, header, rows and footer share one edge: the outer cells take the\n// framed surface's inset, like the toolbar and footer, and inner cells keep the\n// row inset between columns.\nconst tableEdgeInset = 'first:ps-surface last:pe-surface';\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<Card\n\t\t\t\t\tsurface=\"framed\"\n\t\t\t\t\tclassName=\"overflow-hidden\"\n\t\t\t\t\tpadding=\"none\"\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/60 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-action-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-action-sm w-20\" />\n\t\t\t\t\t\t\t\t<Skeleton className=\"size-action-sm\" />\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/60\">\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={cn('h-control px-row-x text-start align-middle', tableEdgeInset)}>\n\t\t\t\t\t\t\t\t\t\t\t<Skeleton className={cn('h-4', 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/60 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={cn('px-row-x py-row-y align-middle', tableEdgeInset)}>\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-4',\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 flex-wrap items-center justify-between gap-space-md border-t border-border/60 px-surface py-row-y-lg\">\n\t\t\t\t\t\t\t<Skeleton className=\"h-4 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-action-sm w-20\" />\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-action-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</Card>\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nTableSkeleton.displayName = 'TableSkeleton';\n"],"mappings":"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"}
1	+ {"version":3,"file":"skeleton-DDgdhmu9.js","names":["Skeleton","PrimitiveSkeleton","React","cn","neutralFillRecipes","React$1","Skeleton$1","props","className","LINE_WIDTHS","TABLE_WIDTHS","clampCount","value","fallback","max","lineWidth","widths","index","skeletonAriaHidden","SkeletonFrame","Card","contentClassName","SkeletonCardHeader","Skeleton","description","action","MetricCardSkeleton","DetailRowSkeleton","DetailCardSkeleton","lineCount","lines","dense","SidebarCardSkeleton","TableResourceCellSkeleton","row","ContentSkeleton","avatar","lineWidths","PageSkeleton","statCount","stats","sectionCount","sections","actionCount","actions","tabs","sectionLines","children","TwoColumnPageSkeleton","mainCount","mainSections","sidebarCount","sidebarSections","mainLines","sidebarLines","tableEdgeInset","TableSkeleton","rowCount","rows","columnCount","columns","columnIndexes","toolbar","column","footer"],"sources":["../src/components/ui/skeleton.tsx","../src/components/base/skeleton/skeleton.tsx"],"sourcesContent":["import { neutralFillRecipes } from \"../../lib/surface-recipes\"\nimport { cn } from \"../../lib/utils\"\n\n// The translucent chip fill keeps one contrast on every surface, including a\n// sidebar or band that is itself --muted, where a muted bar would disappear.\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"skeleton\"\n className={cn(neutralFillRecipes.chip, \"rounded-radius animate-pulse\", className)}\n {...props}\n />\n )\n}\n\nexport { Skeleton }\n","import * as React from 'react';\n\nimport { Card } from '../cards/smart-card';\nimport { Skeleton as PrimitiveSkeleton } from '../../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\t/** Merged onto the content region. /\n\tcontentClassName?: string;\n\tchildren: React.ReactNode;\n}) {\n\treturn (\n\t\t<Card\n\t\t\tsurface=\"framed\"\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</Card>\n\t);\n}\n\nfunction SkeletonCardHeader({\n\tdescription = true,\n\taction = true,\n\tclassName,\n}: {\n\t/* Supporting copy under the title. /\n\tdescription?: boolean;\n\t/* The action this surface performs. /\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-action-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-radius-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-4 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-avatar 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-4 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\taria-hidden={skeletonAriaHidden(props)}\n\t\t\tclassName={cn('skeleton--component max-w-full rounded-radius-sm motion-reduce:animate-none', 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-4',\n\t\t\t\t\t\t\t\t\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-action-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-4 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 min-w-0 flex-wrap 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-action-sm', index === 0 ? 'w-24' : 'size-action-sm')}\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-surface border border-border bg-card p-surface-xs\">\n\t\t\t\t\t\t<Skeleton className=\"h-action-sm w-32\" />\n\t\t\t\t\t\t<Skeleton className=\"h-action-sm w-28\" />\n\t\t\t\t\t\t<Skeleton className=\"h-action-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\t/* How many columns the grid uses. /\n\tcolumns?: number;\n\ttoolbar?: boolean;\n\t/* Content below the body. */\n\tfooter?: boolean;\n}\n\n// The toolbar, header, rows and footer share one edge: the outer cells take the\n// framed surface's inset, like the toolbar and footer, and inner cells keep the\n// row inset between columns.\nconst tableEdgeInset = 'first:ps-surface last:pe-surface';\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<Card\n\t\t\t\t\tsurface=\"framed\"\n\t\t\t\t\tclassName=\"overflow-hidden\"\n\t\t\t\t\tpadding=\"none\"\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/60 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-action-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-action-sm w-20\" />\n\t\t\t\t\t\t\t\t<Skeleton className=\"size-action-sm\" />\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/60\">\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={cn('box-border h-control px-row-x text-start align-middle', tableEdgeInset)}>\n\t\t\t\t\t\t\t\t\t\t\t<Skeleton className={cn('h-4', 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/60 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={cn('px-row-x py-row-y align-middle', tableEdgeInset)}>\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-4',\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 flex-wrap items-center justify-between gap-space-md border-t border-border/60 px-surface py-row-y-lg\">\n\t\t\t\t\t\t\t<Skeleton className=\"h-4 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-action-sm w-20\" />\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-action-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</Card>\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nTableSkeleton.displayName = 'TableSkeleton';\n"],"mappings":"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"}

package/dist/{smart-card-CW0hjetE.js → smart-card-B6vLxqa_.js} RENAMED Viewed

@@ -1,21 +1,21 @@
 "use client";
 import { S as e, c as t, d as n, v as r } from "./ui-provider-C-74NVLc.js";
 import { useStrings as i } from "./lib/strings.js";
-import { t as a } from "./utils-B6kKb8jB.js";
+import { t as a } from "./utils-DhuoqFy4.js";
 import { t as o } from "./affordance-geometry.generated-P-aVJisu.js";
-import { n as s } from "./buttons-BedGfygC.js";
-import { c, n as l } from "./typography-BQnine1k.js";
+import { n as s } from "./buttons-DeW0bQeK.js";
+import { c, n as l } from "./typography-C7-YMW1S.js";
 import { i as u, n as d } from "./text.styles-B64My8RZ.js";
 import { t as ee } from "./motion-recipes-DitYv6P2.js";
-import { i as f, n as p, t as m } from "./tooltip-8wz5S_Zr.js";
+import { i as f, n as p, t as m } from "./tooltip-31NwIpTo.js";
 import { n as te } from "./structure.recipes-BB4-n58V.js";
-import { t as h } from "./structure-DuxKl954.js";
+import { t as h } from "./structure-DZJ2wbAU.js";
 import { t as g } from "./icon-size-B6PVwjbC.js";
 import { i as _ } from "./tone-recipes-BPsRAvhu.js";
 import { t as v } from "./row-recipes-DL8n7t_b.js";
-import { a as y } from "./surface-recipes-BKRVW8Os.js";
+import { a as y } from "./surface-recipes-C8mNycaY.js";
 import { n as ne, t as b } from "./composition.recipes-COdiFhxB.js";
-import { n as x } from "./action-menu-Dr8K-ghE.js";
+import { n as x } from "./action-menu-C0gjzLyE.js";
 import { Fragment as S, forwardRef as C, isValidElement as w, useCallback as T, useId as re, useState as ie } from "react";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
 import { ChevronDown as ae, Info as O } from "lucide-react";
@@ -614,4 +614,4 @@ var Oe = H;
 //#endregion
 export { P as _, be as a, _e as c, V as d, pe as f, N as g, M as h, Ce as i, ge as l, ce as m, Oe as n, ye as o, A as p, De as r, xe as s, H as t, ve as u, j as v };
-//# sourceMappingURL=smart-card-CW0hjetE.js.map
+//# sourceMappingURL=smart-card-B6vLxqa_.js.map

package/dist/{smart-card-CW0hjetE.js.map → smart-card-B6vLxqa_.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"smart-card-CW0hjetE.js","names":["Card","CardHeader","CardTitle","CardContent","CardFooter","styles","styles","CardPrimitive","CardHeaderPrimitive","CardTitlePrimitive","CardContentPrimitive","CardFooterPrimitive","resolveComponentScale","useCardConfig","useDensityConfig","useTypographyConfig","cn","affordanceGeometry","Button","descendantInlineLinkClassName","resolveTextClassNames","headingRoleSizes","motionRecipes","TooltipTrigger","TooltipContent","Tooltip","gapRecipe","Stack","ICON_CHILD_SIZE_CLASSNAMES","toneRecipes","rowBlockPaddingClasses","surfaceDividerRecipes","compositionRhythm","compositionClasses","ActionMenu","alertVariants","cva","isSimpleText","value","Alert","forwardRef","props","tone","variant","defaultTextSize","className","AlertTitle","children","Text","AlertDescription","AlertMetadata","AlertMetadataItem","icon","label","numeric","AlertAction","cardRegionPaddingClasses","cardRegionGapClasses","cardRecipes","Card$1","size","CardHeader$1","CardTitle$1","CardContent$1","CardFooter$1","CARD_BEM","CARD_INSET","SURFACE_CLASSES","hasRenderableContent","content","isValidElement","Fragment","CARD_TITLE_SIZE_CLASSES","CARD_TITLE_TEXT_SIZE","CardShell","surface","CardHeader","padding","textGap","CardTitle","sizeProp","defaultScale","CardDescription","CardContent","CardFooter","SmartCardAlert","hasHeader","alertTone","alert","SurfaceTitle","plainTitle","title","dataSlot","suffix","suffixClassName","ActionsMenu","actionDefinitions","actions","action","index","actionsLabel","TooltipTrigger_Info","passthrough","triggerProps","tooltipLabel","Info","SmartCardHeaderRow","cardActions","hasActions","hasIcon","hasTitle","hasTitleSuffix","titleSuffix","hasDescription","description","hasTooltip","tooltip","hasHeaderStart","headerStart","hasHeaderEnd","headerEnd","hasHeaderAction","headerAction","showTitleRow","showTrailing","singleLine","inlineTrailing","inlineCommands","titleSize","defaultSmartCardStrings","Card","footerDividerProp","expandedProp","stringsProp","rootProps","resolvedTitleSize","inset","vertical","tokens","framedHeader","headerPlacement","strings","useStrings","resolvedActionsLabel","isExpandable","expandable","collapsedMaxHeightRaw","collapsedMaxHeight","isExpandedControlled","bodyId","useId","internalExpanded","setInternalExpanded","useState","defaultExpanded","expanded","handleToggle","useCallback","next","onExpandedChange","handleBodyFocus","body","event","target","frame","control","hasAlert","hasFooterText","footerText","hasFooterSlot","footerSlot","hasContentTop","contentTop","hasContentBottom","contentBottom","hasChildren","hasBody","hasBodySurface","headerFooterOnly","tooltipAriaLabel","collapseStyle","resolvedSurface","defaultSurface","framed","resolvedHeaderDivider","headerDivider","defaultHeaderDivider","footerDivider","defaultFooterDivider","sharedHeaderFooterDivider","gap","headerClassName","contentClassName","contentGap","footerClassName","ChevronDown","SmartCard"],"sources":["../src/components/base/feedback/alert.tsx","../src/components/base/cards/card.recipes.ts","../src/components/ui/card.tsx","../src/components/base/cards/smart-card.tokens.ts","../src/components/base/cards/partials/has-renderable-content.ts","../src/components/base/cards/partials/card-primitives.tsx","../src/components/base/cards/partials/smart-card-alert.tsx","../src/components/base/display/surface-title.tsx","../src/components/base/cards/partials/smart-card-actions-menu.tsx","../src/components/base/cards/partials/smart-card-header-row.tsx","../src/components/base/cards/smart-card.strings.ts","../src/components/base/cards/smart-card.tsx"],"sourcesContent":["/*\n Alert — base notice primitive with semantic variants and container-driven actions.\n \n Package-owned notice inspired by ReUI's alert layout. Consumers import this\n * base alert for the library's typography, token, and DOM-hook contract.\n /\nimport {\n\tforwardRef,\n\ttype ComponentPropsWithoutRef,\n\ttype ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { Text } from '../../typography';\nimport { descendantInlineLinkClassName } from '../../typography/text-link';\nimport { resolveTextClassNames } from '../../typography/text.styles';\nimport { useTypographyConfig } from '../../../lib/ui-provider';\nimport { Stack } from '../structure';\nimport { cn } from '../../../lib/utils';\nimport { ICON_CHILD_SIZE_CLASSNAMES } from '../display/icon-size';\nimport type { SemanticTone } from '../../../lib/component-vocabulary';\nimport { toneRecipes } from '../../../lib/tone-recipes';\nimport { rowBlockPaddingClasses } from '../../../lib/row-recipes';\n\nconst alertVariants = cva(\n\t[\n\t\t// A notice is one row of content, so it takes Item's row geometry: the row\n\t\t// insets, Item's media/content/actions gap and its copy rhythm (gap-normal).\n\t\t// Toast follows the same recipe.\n\t\t// The alert is its own container: AlertAction sits beside the copy only when the\n\t\t// alert itself is wide enough, never because the viewport is.\n\t\t`alert--component @container/alert box-border relative grid w-full grid-cols-[0_1fr] items-start gap-y-normal rounded-radius border px-row-x ${rowBlockPaddingClasses.default} text-start`,\n\t\t'has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-space-lg',\n\t\t// Two explicit tracks; a beside action opens an implicit third (auto) track, so\n\t\t// a stacked action leaves no empty column or gap behind.\n\t\t'has-[>[data-slot=alert-action]]:grid-cols-[0_minmax(0,1fr)] has-[>svg]:has-[>[data-slot=alert-action]]:grid-cols-[auto_minmax(0,1fr)]',\n\t\t// Without a glyph the empty first track takes no gap, so the copy keeps the row\n\t\t// inset; a beside action then takes Item's actions gap as its own margin.\n\t\t'@sm/alert:[&:not(:has(>svg))>[data-slot=alert-action]]:ms-space-lg',\n\t\t// Root tokens, not the `--spacing-` aliases: an alias resolves at :root and would\n\t\t// ignore a scoped density/space/icon boundary.\n\t\t'[&>svg]:row-span-2 [&>svg]:mt-[calc((1em1.375-var(--icon))/2)] [&>svg]:shrink-0',\n\t\tICON_CHILD_SIZE_CLASSNAMES.md,\n\t],\n\t{\n\t\tvariants: {\n\t\t\ttone: {\n\t\t\t\tneutral: 'border-border bg-card text-card-foreground',\n\t\t\t\tprimary: `${toneRecipes.primary.edge} ${toneRecipes.primary.wash} text-card-foreground [&>svg]:text-primary-accent`,\n\t\t\t\tsecondary: 'border-border bg-muted/50 text-card-foreground [&>svg]:text-secondary-foreground',\n\t\t\t\tinfo: `${toneRecipes.info.edge} ${toneRecipes.info.wash} text-card-foreground [&>svg]:text-info`,\n\t\t\t\tsuccess: `${toneRecipes.success.edge} ${toneRecipes.success.wash} text-card-foreground [&>svg]:text-success`,\n\t\t\t\twarning: `${toneRecipes.warning.edge} ${toneRecipes.warning.wash} text-card-foreground [&>svg]:text-warning-accent`,\n\t\t\t\tdestructive: `${toneRecipes.destructive.edge} ${toneRecipes.destructive.wash} text-card-foreground [&>svg]:text-destructive`,\n\t\t\t},\n\t\t\tvariant: {\n\t\t\t\tdefault: '',\n\t\t\t\tinverse: [\n\t\t\t\t\t'border-foreground bg-foreground text-background',\n\t\t\t\t\t'[&>svg]:text-background',\n\t\t\t\t\t'[&_[data-slot=alert-title]_[data-typography=text]]:text-background',\n\t\t\t\t\t'[&_[data-slot=alert-description]_[data-typography=text]]:text-background',\n\t\t\t\t\t'[&_[data-slot=alert-metadata-item]]:bg-background/10',\n\t\t\t\t\t'[&_[data-slot=alert-metadata-item]>svg]:text-background',\n\t\t\t\t\t'[&_[data-slot=alert-metadata-label]_[data-typography=text]]:text-background',\n\t\t\t\t\t'[&_[data-slot=alert-metadata-value]_[data-typography=text]]:text-background',\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\ttone: 'neutral',\n\t\t\tvariant: 'default',\n\t\t},\n\t},\n);\n\nexport type AlertVariant = NonNullable<VariantProps<typeof alertVariants>['variant']>;\nexport type AlertTone = SemanticTone;\n\nexport interface AlertProps\n\textends ComponentPropsWithoutRef<'div'>,\n\t\tVariantProps<typeof alertVariants> {}\n\nfunction isSimpleText(value: ReactNode): value is string \| number \| bigint {\n\treturn typeof value === 'string' \|\| typeof value === 'number' \|\| typeof value === 'bigint';\n}\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\n\t{ className, tone, variant, role = 'alert', ...props },\n\tref,\n) {\n\tconst { defaultTextSize } = useTypographyConfig();\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tdata-slot=\"alert\"\n\t\t\tdata-tone={tone ?? 'neutral'}\n\t\t\tdata-variant={variant ?? 'default'}\n\t\t\trole={role}\n\t\t\tclassName={cn(resolveTextClassNames({ size: defaultTextSize, type: 'inherit' }), alertVariants({ tone, variant }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nAlert.displayName = 'Alert';\n\nconst AlertTitle = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n\tfunction AlertTitle({ className, children, ...props }, ref) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"alert-title\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'alert--title col-start-2 min-h-icon leading-snug',\n\t\t\t\t\tdescendantInlineLinkClassName,\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{isSimpleText(children) ? (\n\t\t\t\t\t<Text tag=\"span\" type=\"inherit\" weight=\"semibold\" lineHeight=\"snug\">\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</Text>\n\t\t\t\t) : children}\n\t\t\t</div>\n\t\t);\n\t},\n);\nAlertTitle.displayName = 'AlertTitle';\n\nconst AlertDescription = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n\tfunction AlertDescription({ className, children, ...props }, ref) {\n\t\treturn (\n\t\t\t<Stack\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"alert-description\"\n\t\t\t\tgap=\"xs\"\n\t\t\t\talign=\"start\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'alert--description col-start-2 [&_p]:leading-relaxed',\n\t\t\t\t\tdescendantInlineLinkClassName,\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{isSimpleText(children) ? (\n\t\t\t\t\t<Text tag=\"span\" type=\"secondary\">\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</Text>\n\t\t\t\t) : children}\n\t\t\t</Stack>\n\t\t);\n\t},\n);\nAlertDescription.displayName = 'AlertDescription';\n\nexport interface AlertMetadataProps extends ComponentPropsWithoutRef<'dl'> {\n\t/* Metadata items or consumer-owned definition-list content. /\n\tchildren?: ReactNode;\n\t/* Accessible name for the fact group when the alert title is not sufficient. /\n\t'aria-label'?: string;\n\t/* Consumer styling hook merged with the tokenized defaults. /\n\tclassName?: string;\n}\n\n/\n Compact semantic facts associated with an alert. Use `aria-label` when the\n * surrounding title does not already describe the metadata group.\n /\nconst AlertMetadata = forwardRef<HTMLDListElement, AlertMetadataProps>(\n\tfunction AlertMetadata({ className, ...props }, ref) {\n\t\treturn (\n\t\t\t<dl\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"alert-metadata\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'alert-metadata--component alert--metadata col-start-2 m-0 mt-space-xs flex min-w-0 flex-wrap items-center gap-x-space-md gap-y-space-xs',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nAlertMetadata.displayName = 'AlertMetadata';\n\nexport interface AlertMetadataItemProps\n\textends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n\t/* Consumer styling hook merged with the tokenized defaults. /\n\tclassName?: string;\n\t/* Decorative or semantic leading media. Decorative icons should be aria-hidden. /\n\ticon?: ReactNode;\n\t/* User-provided metadata key; the Alert component owns no copy. /\n\tlabel: ReactNode;\n\t/* User-provided metadata value. May contain a package value primitive. /\n\tvalue: ReactNode;\n\t/* Applies tabular figures to simple numeric values, in the sans UI font. /\n\tnumeric?: boolean;\n}\n\n/* A label/value pair rendered with native `dt` and `dd` semantics. /\nconst AlertMetadataItem = forwardRef<HTMLDivElement, AlertMetadataItemProps>(\n\tfunction AlertMetadataItem(\n\t\t{ className, icon, label, value, numeric = false, ...props },\n\t\tref,\n\t) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"alert-metadata-item\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'alert-metadata-item--component alert--metadata-item inline-flex max-w-full min-w-0 items-center gap-space-sm rounded-radius-sm bg-foreground/8 px-control-xs py-space-xs',\n\t\t\t\t\t'[&>svg]:size-icon-sm [&>svg]:shrink-0 [&>svg]:text-muted-foreground',\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{icon}\n\t\t\t\t<dt data-slot=\"alert-metadata-label\" className=\"alert--metadata-label shrink-0\">\n\t\t\t\t\t{isSimpleText(label) ? (\n\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" lineHeight=\"none\">\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) : label}\n\t\t\t\t</dt>\n\t\t\t\t<dd data-slot=\"alert-metadata-value\" className=\"alert--metadata-value m-0 min-w-0\">\n\t\t\t\t\t{isSimpleText(value) ? (\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\ttype=\"inherit\"\n\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\tlineHeight=\"none\"\n\t\t\t\t\t\tclassName={cn('break-words', numeric && 'tabular-nums')}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) : value}\n\t\t\t\t</dd>\n\t\t\t</div>\n\t\t);\n\t},\n);\nAlertMetadataItem.displayName = 'AlertMetadataItem';\n\nconst AlertAction = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n\tfunction AlertAction({ className, ...props }, ref) {\n\t\treturn (\n\t\t\t// Direction/alignment come from Stack; the remaining classes are grid\n\t\t\t// placement inside the alert's own template. Below the alert's own `@sm`\n\t\t\t// width the action follows the copy; from it, the action takes the implicit\n\t\t\t// third track beside the title and description.\n\t\t\t<Stack\n\t\t\t\tref={ref}\n\t\t\t\tdirection=\"horizontal\"\n\t\t\t\talign=\"center\"\n\t\t\t\tjustify=\"start\"\n\t\t\t\twrap\n\t\t\t\tgap=\"sm\"\n\t\t\t\tdata-slot=\"alert-action\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'alert--action col-start-2 mt-space-md @sm/alert:col-start-3 @sm/alert:row-start-1 @sm/alert:row-span-2 @sm/alert:mt-0 @sm/alert:self-start @sm/alert:justify-end',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nAlertAction.displayName = 'AlertAction';\n\nexport {\n\tAlert,\n\tAlertTitle,\n\tAlertDescription,\n\tAlertMetadata,\n\tAlertMetadataItem,\n\tAlertAction,\n};\n","import { affordanceGeometry } from '../../../lib/affordance-geometry.generated';\nimport { surfaceDividerRecipes } from '../../../lib/surface-recipes';\nimport type { SmartCardProps } from './smart-card.types';\nimport {compositionClasses} from '../structure/composition.recipes';\n\n/* Explicit region insets; omitted padding preserves the compound's inline-only defaults. /\nexport const cardRegionPaddingClasses = {\n\tnone: 'p-0',\n\tsm: 'p-surface-xs',\n\tmd: 'p-surface',\n\tlg: 'p-surface-lg',\n} as const satisfies Record<NonNullable<SmartCardProps['padding']>, string>;\n/* A padding-free subject keeps the base regional rhythm; explicit gap remains independent. /\nexport const cardRegionGapClasses = {\n none: affordanceGeometry.surfaceGap.md,\n sm: affordanceGeometry.surfaceGap.xs,\n md: affordanceGeometry.surfaceGap.md,\n lg: affordanceGeometry.surfaceGap.lg,\n} as const satisfies Record<NonNullable<SmartCardProps['padding']>, string>;\n/* Private Tailwind recipes; public props and DOM hooks remain owned by the component. /\nexport const cardRecipes = {\n\troot: `flex flex-col w-full font-sans rounded-surface box-border overflow-hidden py-surface ${affordanceGeometry.surfaceGap.md} transition-[background-color,border-color,box-shadow] duration-150`,\n\tshell: `@container/card flex flex-col w-full font-sans rounded-surface box-border overflow-hidden py-surface ${affordanceGeometry.surfaceGap.md} transition-[background-color,border-color,box-shadow] duration-150`,\n\tsurfaceCard: `bg-card ${surfaceDividerRecipes.frame.shell} shadow-xs text-card-foreground`,\n\tsurfaceDefault: `bg-card ${surfaceDividerRecipes.frame.shell} shadow-xs text-card-foreground`,\n\tsurfaceFlat: \"bg-transparent border-0 shadow-none text-inherit\",\n\tsurfaceFramed: `bg-card ${surfaceDividerRecipes.frame.shell} shadow-sm ${surfaceDividerRecipes.frame.ring} text-card-foreground`,\n\tsurfaceRaised: `bg-card ${surfaceDividerRecipes.frame.shell} shadow-md text-card-foreground`,\n\tsurfaceSunken: `bg-muted ${surfaceDividerRecipes.frame.shell} text-foreground`,\n\theader: \"flex flex-col gap-normal px-surface box-border\",\n\t// Wrapping follows available header space, independent of caller-owned\n\t// container names on the surface. Both title and commands keep their identity.\n\theaderRow: \"flex-row flex-wrap items-start justify-between gap-space-lg pb-0\",\n\t// A single-line header keeps its title at the row start, so peer cards with and\n\t// without a command share one title line. The command is pulled into the title's\n\t// first line box (action height minus the default title line, halved) instead of\n\t// centring the title in a taller row. Centring that margin box keeps the command on\n\t// the title's centre when a suffix badge or density changes the row height.\n\theaderTrailingInline: \"-my-space-sm self-center\",\n\t// The title column centres on the same line, so a smaller title meets the command\n\t// on one centre; a default title already fills the row, so peers are unchanged.\n\theaderLeadingInline: \"self-center\",\n\t// The small info trigger beside a title follows the same rule at its own height.\n\ttooltipTriggerInline: \"-my-space-xs\",\n\theaderLeading: \"min-w-0 max-w-full flex-1 basis-64\",\n\theaderLeadingSingle: \"basis-36\",\n\theaderTrailing: `flex max-w-full flex-wrap shrink-0 items-center ${compositionClasses.commands}`,\n\theaderDivider: `${surfaceDividerRecipes.frame.header} [&.border-b]:!pb-surface`,\n\ttitle: \"min-w-0 leading-tight text-inherit\",\n\ttitleSm: \"text-sm\",\n\ttitleMd: \"text-base\",\n\ttitleLg: \"text-lg\",\n\tcontent: `flex flex-col px-surface box-border min-w-0 ${compositionClasses.related}`,\n\tfooter: \"flex items-center px-surface box-border\",\n\tfooterDivider: `${surfaceDividerRecipes.frame.footer} [&.border-t]:!pt-surface`,\n\talert: \"px-surface\",\n\talertWithHeader: \"-mt-space-xs\",\n\texpandToggle: \"flex justify-center pb-surface -mt-space-md\",\n} as const satisfies Record<string, string>;\n","import as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Card({\n className,\n size = \"default\",\n ...props\n}: React.ComponentProps<\"div\"> & { size?: \"default\" \| \"sm\" }) {\n return (\n <div\n data-slot=\"card\"\n data-size={size}\n className={cn(\"card--primitive\", className)}\n {...props}\n />\n )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-header\"\n className={cn(\"card-header--primitive\", className)}\n {...props}\n />\n )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-title\"\n className={cn(\"card-title--primitive\", className)}\n {...props}\n />\n )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-description\"\n className={cn(\"card-description--primitive\", className)}\n {...props}\n />\n )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-action\"\n className={cn(\"card-action--primitive\", className)}\n {...props}\n />\n )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-content\"\n className={cn(\"card-content--primitive\", className)}\n {...props}\n />\n )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-footer\"\n className={cn(\"card-footer--primitive\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Card,\n CardHeader,\n CardFooter,\n CardTitle,\n CardAction,\n CardDescription,\n CardContent,\n}\n","import type { SmartCardSurface } from './smart-card.types';\nimport { cardRecipes as styles } from './card.recipes';\n\n/*\n BEM-style hooks applied to every SmartCard subregion. Library\n * consumers can target them in CSS / tests / analytics without\n * relying on shadcn's data-slot attributes (which are framework\n * internals). Keep these names consistent — they are part of the\n * public DOM contract.\n /\nexport const CARD_BEM = {\n\troot: 'card--component',\n\theader: 'card--header',\n\ttitle: 'card--title',\n\tdescription: 'card--description',\n\tcontent: 'card--content',\n\tfooter: 'card--footer',\n\talert: 'card--alert',\n\tcollapseFade: 'card--collapse-fade',\n\texpandToggle: 'card--expand-toggle',\n\texpandToggleButton: 'card--expand-toggle-button',\n} as const;\n\ninterface PaddingTokens {\n\tshell: string;\n\theaderX: string;\n\t/* Tokenized divider inset that overrides the shadcn primitive's fixed 24px rule. /\n\theaderDividerY: string;\n\tcontentX: string;\n\tcontentY: string;\n\tfooterX: string;\n\t/* Tokenized divider inset that overrides the shadcn primitive's fixed 24px rule. /\n\tfooterDividerY: string;\n\talertX: string;\n\t/* Bottom clearance for the half-inset expandable control. /\n\texpandableBottom: string;\n\t/* Vertical offset applied when alert sits BELOW the header (pulls it up). /\n\talertOffsetWithHeader: string;\n\t/* Vertical spacing applied when alert is the first content (no header). /\n\talertOffsetStandalone: string;\n}\n\nexport const CARD_INSET: PaddingTokens = {\n\tshell: styles.shell,\n\theaderX: 'px-surface',\n\theaderDividerY: styles.headerDivider,\n\tcontentX: styles.content,\n\tcontentY: '',\n\tfooterX: styles.footer,\n\tfooterDividerY: styles.footerDivider,\n\talertX: styles.alert,\n\texpandableBottom: 'pb-surface',\n\talertOffsetWithHeader: styles.alertWithHeader,\n\talertOffsetStandalone: '',\n};\n\n/\n Surface-specific shell classes.\n /\nexport const SURFACE_CLASSES: Record<SmartCardSurface, string> = {\n\tcard: styles.surfaceCard,\n\tflat: styles.surfaceFlat,\n\tframed: styles.surfaceFramed,\n};\n","import { Fragment, isValidElement, type ReactNode } from 'react';\n\n/\n Predicate used by SmartCard subregions to decide whether each slot\n * warrants rendering its wrapper. Numbers (incl. `0`) and JSX always\n * render; falsy / empty-string content is treated as absent. Fragments\n * recurse into their children.\n /\nexport function hasRenderableContent(content?: ReactNode): boolean {\n\tif (content === null \|\| content === undefined) return false;\n\tif (typeof content === 'boolean') return false;\n\tif (typeof content === 'string') return content.trim().length > 0;\n\tif (typeof content === 'number' \|\| typeof content === 'bigint') return true;\n\tif (Array.isArray(content)) return content.some(hasRenderableContent);\n\tif (isValidElement<{ children?: ReactNode }>(content)) {\n\t\tif (content.type === Fragment) return hasRenderableContent(content.props.children);\n\t\treturn true;\n\t}\n\treturn true;\n}\n","import type { TextGap } from '../../structure';\n/\n Internal layout primitives — re-exported from `smart-card.tsx` for\n * advanced composition (deeply customised layouts that still want the\n * design-system surface tokens). Each primitive is intentionally thin:\n * a single responsibility, a single set of default classes, no business\n * logic. The BEM hooks (`card--component`, `card--header`, etc.) are\n * applied here so the public DOM contract lives in one place.\n /\nimport {\n\ttype ComponentPropsWithRef,\n\ttype ComponentPropsWithoutRef,\n} from 'react';\n\nimport {\n\tCard as CardPrimitive,\n\tCardContent as CardContentPrimitive,\n\tCardFooter as CardFooterPrimitive,\n\tCardHeader as CardHeaderPrimitive,\n\tCardTitle as CardTitlePrimitive,\n} from '../../../ui/card';\nimport { Text } from '../../../typography/text';\nimport { useDensityConfig } from '../../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../../lib/ui-provider/scale';\nimport { cn } from '../../../../lib/utils';\n\nimport { CARD_BEM, SURFACE_CLASSES } from '../smart-card.tokens';\nimport type { CardTitleSize, SmartCardProps, SmartCardSurface } from '../smart-card.types';\nimport { cardRecipes as styles, cardRegionPaddingClasses } from '../card.recipes';\n\nimport { hasRenderableContent } from './has-renderable-content';\n\nconst CARD_TITLE_SIZE_CLASSES: Record<CardTitleSize, string> = {\n\tsm: styles.titleSm,\n\tmd: styles.titleMd,\n\tlg: styles.titleLg,\n};\n\nconst CARD_TITLE_TEXT_SIZE: Record<CardTitleSize, 'sm' \| 'base' \| 'lg'> = {\n\tsm: 'sm',\n\tmd: 'base',\n\tlg: 'lg',\n};\n\ntype CardRegionProps = ComponentPropsWithRef<'div'> & {\n\t/* Full surface inset. Omit to retain the established inline-only inset. /\n\tpadding?: SmartCardProps['padding'];\n};\n\nexport type CardShellProps = ComponentPropsWithRef<'div'> & {\n\t/\n\t Card's own surface chrome (fill, edge and elevation) for a hand-assembled\n\t * card. Omit to draw only the layout shell and supply the chrome yourself.\n\t /\n\tsurface?: SmartCardSurface;\n};\n\nexport function CardShell({ className, surface, ...props }: CardShellProps) {\n\treturn (\n\t\t<CardPrimitive\n\t\t\tdata-surface={surface}\n\t\t\tclassName={cn(\n\t\t\t\tCARD_BEM.root,\n\t\t\t\tstyles.shell,\n\t\t\t\tsurface && SURFACE_CLASSES[surface],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function CardHeader({\n\tclassName,\n\ttextGap = 'normal',\n\tpadding,\n\t...props\n}: CardRegionProps & { textGap?: TextGap }) {\n\treturn (\n\t\t<CardHeaderPrimitive\n\t\t\tclassName={cn(\n\t\t\t\tCARD_BEM.header,\n\t\t\t\tstyles.header,\n\t\t\t\tpadding !== undefined && cardRegionPaddingClasses[padding],\n\t\t\t\ttextGap === 'dense' ? 'gap-dense' : 'gap-normal',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function CardTitle({\n\tclassName,\n\tchildren,\n\tsize: sizeProp,\n\t...props\n}: ComponentPropsWithoutRef<'div'> & { size?: CardTitleSize }) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComponentScale(sizeProp, defaultScale);\n\tif (!hasRenderableContent(children)) return null;\n\n\tconst isPlainText =\n\t\ttypeof children === 'string' \|\|\n\t\ttypeof children === 'number' \|\|\n\t\ttypeof children === 'bigint';\n\n\tif (!isPlainText) {\n\t\treturn (\n\t\t\t<CardTitlePrimitive\n\t\t\t\tclassName={cn(CARD_BEM.title, styles.title, 'font-medium', CARD_TITLE_SIZE_CLASSES[size], className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</CardTitlePrimitive>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Text\n\t\t\tdata-slot=\"card-title\"\n\t\t\ttag=\"div\"\n\t\t\tsize={CARD_TITLE_TEXT_SIZE[size]}\n\t\t\tweight=\"semibold\"\n\t\t\tlineHeight=\"tight\"\n\t\t\tclassName={cn(CARD_BEM.title, styles.title, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</Text>\n\t);\n}\n\nexport function CardDescription({\n\tclassName,\n\tchildren,\n\t...props\n}: ComponentPropsWithoutRef<'div'>) {\n\tif (!hasRenderableContent(children)) return null;\n\n\treturn (\n\t\t<Text\n\t\t\tdata-slot=\"card-description\"\n\t\t\ttag=\"div\"\n\t\t\ttype=\"secondary\"\n\t\t\tclassName={cn(CARD_BEM.description, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</Text>\n\t);\n}\n\nexport function CardContent({\n\tclassName,\n\tpadding,\n\t...props\n}: CardRegionProps) {\n\treturn (\n\t\t<CardContentPrimitive\n\t\t\tclassName={cn(CARD_BEM.content, styles.content, padding !== undefined && cardRegionPaddingClasses[padding], className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function CardFooter({\n\tclassName,\n\tpadding,\n\t...props\n}: CardRegionProps) {\n\treturn (\n\t\t<CardFooterPrimitive\n\t\t\tclassName={cn(\n\t\t\t\tCARD_BEM.footer,\n\t\t\t\tstyles.footer,\n\t\t\t\tpadding !== undefined && cardRegionPaddingClasses[padding],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n","/\n Inline alert banner rendered between the header and the card body.\n * Pulls itself up under the header (`alertOffsetWithHeader`) when one\n * exists so the visual gap between header bottom and alert top stays\n * tight; otherwise pushes itself down (`alertOffsetStandalone`) so it\n * doesn't kiss the card top edge.\n /\nimport type { ReactNode } from 'react';\n\nimport { Alert, AlertDescription } from '../../feedback/alert';\nimport { cn } from '../../../../lib/utils';\n\nimport { CARD_BEM, CARD_INSET } from '../smart-card.tokens';\nimport type { CardAlertTone } from '../smart-card.types';\n\ninterface AlertSlotProps {\n\t/* Banner content. A plain string is wrapped for you. /\n\talert: ReactNode \| string;\n\t/* Tone of the banner. /\n\talertTone: CardAlertTone;\n\t/* Whether a header sits above, deciding the banner's top spacing. /\n\thasHeader: boolean;\n\tclassName?: string;\n}\n\nexport function SmartCardAlert({\n\talert,\n\talertTone,\n\thasHeader,\n\tclassName,\n}: AlertSlotProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\tCARD_BEM.alert,\n\t\t\t\tCARD_INSET.alertX,\n\t\t\t\tclassName,\n\t\t\t\thasHeader ? CARD_INSET.alertOffsetWithHeader : CARD_INSET.alertOffsetStandalone,\n\t\t\t)}\n\t\t>\n\t\t\t<Alert tone={alertTone}>\n\t\t\t\t<AlertDescription>{alert}</AlertDescription>\n\t\t\t</Alert>\n\t\t</div>\n\t);\n}\n","import type { ReactNode } from 'react';\nimport { Text } from '../../typography';\nimport { headingRoleSizes } from '../../typography/text.styles';\nimport { cn } from '../../../lib/utils';\n\n/\n One wrapping title/suffix composition shared by cards and content structures.\n * A plain-text title is exposed as a level-2 heading (below the page's h1) so\n * screen-reader users can move between surfaces; suffix badges stay outside its\n * accessible name. Custom title nodes keep their own semantics.\n /\nexport function SurfaceTitle({title, suffix, size = headingRoleSizes.subject, className, suffixClassName, dataSlot}: {\n title?: ReactNode; suffix?: ReactNode; size?: 'sm' \| 'base' \| 'lg';\n className?: string; suffixClassName?: string; dataSlot?: string;\n}) {\n const plainTitle = typeof title === 'string' \|\| typeof title === 'number' \|\| typeof title === 'bigint';\n return <Text tag=\"div\" type=\"inherit\" size={size} weight={plainTitle ? 'semibold' : 'medium'} lineHeight=\"tight\" data-slot={dataSlot} className={cn('surface-title--component flex min-w-0 flex-wrap items-center gap-space-md break-words', className)}>\n {title != null && <span className=\"min-w-0 max-w-full\" {...(plainTitle ? {role: 'heading', 'aria-level': 2} : {})}>{title}</span>}\n {suffix != null && <div className={cn('surface-title--suffix inline-flex max-w-full flex-wrap items-center gap-space-md', suffixClassName)}>{suffix}</div>}\n </Text>;\n}\n","/\n SmartCard actions menu — the shared `⋯` overflow trigger and dropdown of\n * consumer-supplied `SmartCardAction` items. It ends the header's trailing\n * row, after `headerEnd` and `headerAction`, as the quiet ghost square at the\n * provider scale.\n /\nimport {\n\tActionMenu,\n\ttype ActionMenuAction,\n} from '../../action-menu';\n\nimport type { SmartCardAction } from '../smart-card.types';\n\ninterface ActionsMenuProps {\n\t/* Controls offered on the surface. /\n\tactions: readonly SmartCardAction[];\n\tactionsLabel: string;\n}\n\nexport function ActionsMenu({ actions, actionsLabel }: ActionsMenuProps) {\n\tconst actionDefinitions: ActionMenuAction[] = actions.map((action, index) => ({ ...action, id: action.id ?? `card-action-${index}` }));\n\n\treturn (\n\t\t<ActionMenu\n\t\t\tactions={actionDefinitions}\n\t\t\tsrText={actionsLabel}\n\t\t\talign=\"end\"\n\t\t\tcloseOnSelect\n\t\t\tbuttonProps={{ className: 'card--actions-trigger' }}\n\t\t/>\n\t);\n}\n","/\n SmartCardHeaderRow — the chrome above the card body. Combines icon /\n * title / description / tooltip / suffix on the leading side with the\n * trailing `headerEnd` / `headerAction` slots and the actions menu.\n \n `TooltipTrigger_Info` is colocated here because it's only used by the\n * header — keeping it private avoids polluting the public partial\n * surface.\n /\nimport { Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { SurfaceTitle } from '../../display/surface-title';\nimport { Button } from '../../buttons';\nimport {\n\tTooltip,\n\tTooltipContent,\n\tTooltipTrigger,\n} from '../../display/tooltip';\nimport { Stack, type TextGap } from '../../structure';\nimport { cn } from '../../../../lib/utils';\n\nimport { CARD_INSET } from '../smart-card.tokens';\nimport { cardRecipes } from '../card.recipes';\nimport type { CardTitleSize, SmartCardAction } from '../smart-card.types';\n\nimport { CardHeader, CardDescription } from './card-primitives';\nimport { hasRenderableContent } from './has-renderable-content';\nimport { ActionsMenu } from './smart-card-actions-menu';\n\nfunction TooltipTrigger_Info({ tooltipLabel }: { tooltipLabel: string }) {\n\treturn (\n\t\t<TooltipTrigger\n\t\t\trender={(triggerProps) => {\n\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\t\tconst passthrough = triggerProps as Record<string, any>;\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t{...passthrough}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'card--tooltip-trigger',\n\t\t\t\t\t\t\t'text-muted-foreground',\n\t\t\t\t\t\t\t// Like a header command, the trigger sits in the title's line box\n\t\t\t\t\t\t\t// instead of growing the title row past a peer card's.\n\t\t\t\t\t\t\tcardRecipes.tooltipTriggerInline,\n\t\t\t\t\t\t\tpassthrough.className,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\taria-label={tooltipLabel}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Info className=\"size-icon-md\" />\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t}}\n\t\t/>\n\t);\n}\n\ninterface HeaderProps {\n\t/* Leading glyph on the title line. /\n\ticon?: ReactNode;\n\t/* Card title. /\n\ttitle?: ReactNode;\n\t/* Content immediately after the title. /\n\ttitleSuffix?: ReactNode;\n\t/* Supporting sentence under the title. /\n\tdescription?: ReactNode;\n\ttextGap?: TextGap;\n\t/* Explanatory copy behind an info affordance on the title line. /\n\ttooltip?: ReactNode;\n\t/* Accessible name for the tooltip trigger. /\n\ttooltipLabel: string;\n\t/* Full-width row above the title. /\n\theaderStart?: ReactNode;\n\t/* Content at the end of the header. /\n\theaderEnd?: ReactNode;\n\t/* Single control before the overflow menu. /\n\theaderAction?: ReactNode;\n\t/* Overflow menu at the far end of the header. /\n\tactions?: readonly SmartCardAction[];\n\t/* Accessible name for the overflow trigger. /\n\tactionsLabel: string;\n\t/* Card title typography. /\n\ttitleSize: CardTitleSize;\n\t/* Pull an action-height command into the title line. Off for the framed header, which centres both in its own action-height row. /\n\tinlineCommands?: boolean;\n\tclassName?: string;\n}\n\nexport function SmartCardHeaderRow({\n\ticon,\n\ttitle,\n\ttitleSuffix,\n\tdescription,\n\ttextGap = 'normal',\n\ttooltip,\n\ttooltipLabel,\n\theaderStart,\n\theaderEnd,\n\theaderAction,\n\tactions,\n\tactionsLabel,\n\ttitleSize,\n\tinlineCommands = true,\n\tclassName,\n}: HeaderProps) {\n\tconst cardActions = Array.isArray(actions) ? actions : [];\n\tconst hasActions = cardActions.length > 0;\n\n\tconst hasIcon = hasRenderableContent(icon);\n\tconst hasTitle = hasRenderableContent(title);\n\tconst hasTitleSuffix = hasRenderableContent(titleSuffix);\n\tconst hasDescription = hasRenderableContent(description);\n\tconst hasTooltip = hasRenderableContent(tooltip);\n\tconst hasHeaderStart = hasRenderableContent(headerStart);\n\tconst hasHeaderEnd = hasRenderableContent(headerEnd);\n\tconst hasHeaderAction = hasRenderableContent(headerAction);\n\n\tconst showTitleRow = hasIcon \|\| hasTitle \|\| hasTitleSuffix \|\| hasTooltip;\n\tconst showTrailing = hasHeaderEnd \|\| hasHeaderAction \|\| hasActions;\n\tconst singleLine = !hasDescription && !hasHeaderStart;\n\t// An action-height command on a single-line header sits on the title line\n\t// without growing the row; passive header-end content stays top-aligned.\n\tconst inlineTrailing = inlineCommands && singleLine && (hasHeaderAction \|\| hasActions);\n\n\treturn (\n\t\t<CardHeader\n\t\t\tclassName={cn(\n\t\t\t\tcardRecipes.headerRow,\n\t\t\t\thasHeaderStart && (textGap === 'dense' ? 'gap-y-dense' : 'gap-y-normal'),\n\t\t\t\tCARD_INSET.headerX,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!!hasHeaderStart && <div className=\"card--header-context min-w-0 max-w-full basis-full\">{headerStart}</div>}\n\t\t\t<Stack gap={textGap} className={cn(\"card--header-start\", cardRecipes.headerLeading, singleLine && cardRecipes.headerLeadingSingle, inlineTrailing && cardRecipes.headerLeadingInline)}>\n\t\t\t\t{!!showTitleRow && (\n\t\t\t\t\t<div className=\"card--title-row flex min-w-0 items-start gap-space-sm\">\n\t\t\t\t\t\t{!!hasIcon && (\n\t\t\t\t\t\t\t<span className=\"card--icon flex shrink-0 items-center pt-space-2xs text-muted-foreground [&_svg]:size-icon\">\n\t\t\t\t\t\t\t\t{icon}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<SurfaceTitle dataSlot=\"card-title\" title={title} suffix={hasTitleSuffix ? titleSuffix : undefined} size={titleSize === 'md' ? 'base' : titleSize === 'lg' ? 'lg' : 'sm'} className=\"card--title flex-1\" suffixClassName=\"card--title-suffix\" />\n\t\t\t\t\t\t{!!hasTooltip && (\n\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t<TooltipTrigger_Info tooltipLabel={tooltipLabel} />\n\t\t\t\t\t\t\t\t<TooltipContent>{tooltip}</TooltipContent>\n\t\t\t\t\t\t\t</Tooltip>\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{!!hasDescription && (\n\t\t\t\t\t<CardDescription className=\"text-start\">{description}</CardDescription>\n\t\t\t\t)}\n\t\t\t</Stack>\n\n\t\t\t{!!showTrailing && (\n\t\t\t\t<div className={cn(\"card--header-end\", cardRecipes.headerTrailing, inlineTrailing && cardRecipes.headerTrailingInline)}>\n\t\t\t\t\t{!!hasHeaderEnd && headerEnd}\n\t\t\t\t\t{!!hasHeaderAction && headerAction}\n\t\t\t\t\t{!!hasActions && (\n\t\t\t\t\t\t<ActionsMenu actions={cardActions} actionsLabel={actionsLabel} />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</CardHeader>\n\t);\n}\n","/\n SmartCard strings — i18n surface for the chrome the consumer doesn't\n * pass directly. Most copy (title, description, action labels, alert\n * body) flows in via props; the strings here cover the implicit\n * affordances (header actions, tooltip, and expand toggle).\n /\n\nexport interface SmartCardStrings {\n\tactionsLabel: string;\n\ttooltipLabel: string;\n\texpandLabel: string;\n\tcollapseLabel: string;\n}\n\nexport const defaultSmartCardStrings = {\n\tactionsLabel: 'More actions',\n\ttooltipLabel: 'Card info',\n\texpandLabel: 'Expand card',\n\tcollapseLabel: 'Collapse card',\n} satisfies SmartCardStrings;\n","import { surfaceDividerRecipes } from '../../../lib/surface-recipes';\n/\n SmartCard — blocks card with header (icon, title, suffix, description,\n * tooltip), actions menu, alert banner, header / content / footer slots,\n * surface variants (card / flat / framed), and an opt-in expandable body.\n \n The single card primitive everything else builds on — never reach past it\n * to shadcn `Card` directly. The CardShell / CardHeader / CardTitle /\n * CardDescription / CardContent / CardFooter primitives are re-exported\n * for advanced composition (deeply customised layouts that still want the\n * design-system surface tokens). Each subregion paints a BEM-style hook\n * (`card--component`, `card--header`, `card--title`, …) for CSS / test /\n * analytics targeting independent of shadcn's data-slot internals.\n \n The file is a thin orchestrator. The actual chrome lives in:\n * - `./smart-card.types.ts` — public prop / variant types\n * - `./smart-card.strings.ts` — i18n (expand toggle copy)\n * - `./smart-card.tokens.ts` — CARD_INSET + SURFACE_CLASSES + CARD_BEM\n * - `./partials/card-primitives.tsx` — CardShell + CardHeader / Title /\n * Description / Content / Footer\n * - `./partials/smart-card-header-row.tsx` — header layout + actions menu\n * - `./partials/smart-card-alert.tsx` — inline alert banner\n * - `./partials/smart-card-actions-menu.tsx` — shared `⋯` overflow menu\n * - `./partials/smart-card-skeleton.tsx` — loading placeholder\n * - `./partials/has-renderable-content.ts` — slot-empty predicate\n /\nimport { ChevronDown } from 'lucide-react';\nimport {\n\ttype CSSProperties,\n\ttype FocusEvent,\n\tforwardRef,\n\tuseCallback,\n\tuseId,\n\tuseState,\n} from 'react';\n\nimport { Button } from '../buttons';\nimport { Text } from '../../typography';\nimport { Stack } from '../structure';\nimport { cardRegionGapClasses } from './card.recipes';\nimport { gapRecipe } from '../structure/structure.recipes';\nimport { compositionClasses, compositionRhythm } from '../structure/composition.recipes';\nimport { useStrings } from '../../../lib/strings';\nimport { useCardConfig, useDensityConfig } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { cn } from '../../../lib/utils';\n\nimport {\n\tCardContent,\n\tCardFooter,\n\tCardShell,\n} from './partials/card-primitives';\nimport { hasRenderableContent } from './partials/has-renderable-content';\nimport { SmartCardAlert } from './partials/smart-card-alert';\nimport { SmartCardHeaderRow } from './partials/smart-card-header-row';\nimport {\n\tdefaultSmartCardStrings,\n} from './smart-card.strings';\nimport {\n\tCARD_BEM,\n\tCARD_INSET,\n\tSURFACE_CLASSES,\n} from './smart-card.tokens';\nimport type {\n\tSmartCardProps,\n\tSmartCardSurface,\n} from './smart-card.types';\nimport { motionRecipes } from '../../../lib/motion-recipes';\n\nexport const Card = forwardRef<HTMLDivElement, SmartCardProps>(function Card({\n\ticon,\n\ttitle,\n\ttitleSuffix,\n\tdescription,\n\ttextGap = 'normal',\n\ttooltip,\n\ttooltipAriaLabel,\n\tfooterText,\n\talert,\n\talertTone = 'neutral',\n\tsurface,\n\tpadding = 'md',\n\theaderPlacement = 'inside',\n\tgap,\n\tcontentGap,\n\ttitleSize,\n\tactions,\n\tactionsLabel,\n\theaderAction,\n\theaderStart,\n\theaderEnd,\n\tcontentTop,\n\tcontentBottom,\n\tfooterSlot,\n\theaderDivider,\n\tfooterDivider: footerDividerProp,\n\texpandable = false,\n\tdefaultExpanded = false,\n\texpanded: expandedProp,\n\tonExpandedChange,\n\tchildren,\n\tclassName,\n\theaderClassName,\n\tcontentClassName,\n\tfooterClassName,\n\tstrings: stringsProp,\n\t...rootProps\n}, ref) {\n\tconst {\n\t\tdefaultSurface,\n\t\tdefaultHeaderDivider,\n\t\tdefaultFooterDivider,\n\t} = useCardConfig();\n\tconst { defaultScale } = useDensityConfig();\n\tconst resolvedTitleSize = resolveComponentScale(titleSize, defaultScale);\n\tconst inset = { none: 'px-0', sm: 'px-surface-xs', md: 'px-surface', lg: 'px-surface-lg' }[padding];\n\tconst vertical = { none: 'py-0', sm: 'py-surface-xs', md: 'py-surface', lg: 'py-surface-lg' }[padding];\n\tconst tokens = { ...CARD_INSET, headerX: inset, contentX: inset, footerX: inset, headerDividerY: { none: '!pb-0', sm: '!pb-surface-xs', md: '!pb-surface', lg: '!pb-surface-lg' }[padding], footerDividerY: { none: '!pt-0', sm: '!pt-surface-xs', md: '!pt-surface', lg: '!pt-surface-lg' }[padding] };\n\tconst framedHeader = headerPlacement === 'frame';\n\tconst cardActions = Array.isArray(actions) ? actions : [];\n\tconst strings = useStrings(defaultSmartCardStrings, stringsProp);\n\tconst resolvedActionsLabel =\n\t\tactionsLabel ?? strings.actionsLabel;\n\n\tconst isExpandable = expandable !== false && expandable !== undefined;\n\tconst collapsedMaxHeightRaw =\n\t\ttypeof expandable === 'object' && expandable?.collapsedMaxHeight !== undefined\n\t\t\t? expandable.collapsedMaxHeight\n\t\t\t: '12rem';\n\tconst collapsedMaxHeight =\n\t\ttypeof collapsedMaxHeightRaw === 'number'\n\t\t\t? `${collapsedMaxHeightRaw}px`\n\t\t\t: collapsedMaxHeightRaw;\n\n\tconst isExpandedControlled = expandedProp !== undefined;\n\tconst bodyId = useId();\n\tconst [internalExpanded, setInternalExpanded] = useState(defaultExpanded);\n\tconst expanded = isExpandedControlled ? expandedProp : internalExpanded;\n\tconst handleToggle = useCallback(() => {\n\t\tconst next = !expanded;\n\t\tif (!isExpandedControlled) setInternalExpanded(next);\n\t\tonExpandedChange?.(next);\n\t}, [expanded, isExpandedControlled, onExpandedChange]);\n\tconst handleBodyFocus = (event: FocusEvent<HTMLDivElement>) => {\n\t\tif (!isExpandable \|\| expanded) return;\n\t\tconst body = event.currentTarget;\n\t\tconst target = event.target;\n\t\tconst frame = body.getBoundingClientRect();\n\t\tconst control = target.getBoundingClientRect();\n\t\t// Native keyboard focus can scroll an overflow-hidden preview before the\n\t\t// focus event reaches React. Reveal the complete body in either case.\n\t\tif (body.scrollTop === 0 && control.top >= frame.top && control.bottom <= frame.bottom) return;\n\t\tif (!isExpandedControlled) setInternalExpanded(true);\n\t\tonExpandedChange?.(true);\n\t\trequestAnimationFrame(() => {\n\t\t\tif (target.isConnected && target === target.ownerDocument.activeElement) {\n\t\t\t\ttarget.scrollIntoView?.({ block: 'nearest', inline: 'nearest' });\n\t\t\t}\n\t\t});\n\t};\n\n\tconst hasHeader =\n\t\thasRenderableContent(icon) \|\|\n\t\thasRenderableContent(title) \|\|\n\t\thasRenderableContent(description) \|\|\n\t\tcardActions.length > 0 \|\|\n\t\thasRenderableContent(headerAction) \|\|\n\t\thasRenderableContent(headerStart) \|\|\n\t\thasRenderableContent(headerEnd);\n\n\tconst hasAlert = hasRenderableContent(alert);\n\tconst hasFooterText = hasRenderableContent(footerText);\n\tconst hasFooterSlot = hasRenderableContent(footerSlot);\n\tconst hasContentTop = hasRenderableContent(contentTop);\n\tconst hasContentBottom = hasRenderableContent(contentBottom);\n\tconst hasChildren = hasRenderableContent(children);\n\t// Expandable cards retain their explicitly requested collapse region.\n\tconst hasBody = hasContentTop \|\| hasContentBottom \|\| hasChildren \|\| isExpandable;\n\tconst hasBodySurface = hasAlert \|\| hasBody \|\| hasFooterText \|\| hasFooterSlot;\n\tconst headerFooterOnly = hasHeader && (hasFooterText \|\| hasFooterSlot) && !hasAlert && !hasBody && !framedHeader;\n\n\tconst tooltipLabel =\n\t\ttooltipAriaLabel && tooltipAriaLabel.trim().length > 0\n\t\t\t? tooltipAriaLabel\n\t\t\t: strings.tooltipLabel;\n\n\tconst collapseStyle: CSSProperties \| undefined = isExpandable\n\t\t? {\n\t\t\t\tmaxHeight: expanded ? '' : collapsedMaxHeight,\n\t\t\t}\n\t\t: undefined;\n\n\t// Resolve surface from the instance, then the provider default.\n\tconst resolvedSurface: SmartCardSurface =\n\t\tsurface ?? defaultSurface ?? 'card';\n\t// The standard header breathes without a rule; the footer retains a boundary.\n\t// Flat, card-free structure has no frame to rule, and a header\n\t// set above an inset body is already separated by that body's edge. Explicit\n\t// per-card booleans always win.\n\tconst framed = resolvedSurface !== 'flat';\n\tconst resolvedHeaderDivider = headerDivider ?? (framed && !framedHeader && (defaultHeaderDivider ?? false));\n\tconst footerDivider = footerDividerProp ?? (framed && (defaultFooterDivider ?? true));\n\t// Adjacent header/footer regions share one boundary, owned by the footer.\n\tconst sharedHeaderFooterDivider = headerFooterOnly && (resolvedHeaderDivider \|\| footerDivider);\n\n\treturn (\n\t\t<CardShell\n\t\t\t{...rootProps}\n\t\t\tdata-header-placement={headerPlacement}\n\t\t\tref={ref}\n\t\t\tdata-surface={resolvedSurface}\n\t\t\tclassName={cn(\n\t\t\t\tSURFACE_CLASSES[resolvedSurface],\n\t\t\t\ttokens.shell,\n\t\t\t\tvertical,\n\t\t\t\t// Regional rhythm follows the chosen inset. Padding-free subject structure\n\t\t\t\t// keeps the base rhythm; an explicit semantic gap takes precedence.\n\t\t\t\tgap ? gapRecipe({ gap }) : cardRegionGapClasses[padding],\n\t\t\t\tsharedHeaderFooterDivider && 'gap-0',\n\t\t\t\tframedHeader && 'rounded-surface bg-muted text-foreground p-surface-xs pt-0 gap-0 ring-0',\n\t\t\t\t// Flat subject structure has no surface edge to clip against.\n\t\t\t\t// With no inset, rounded clipping otherwise cuts into its heading.\n\t\t\t\tresolvedSurface === 'flat' && !framedHeader && 'overflow-visible',\n\t\t\t\t// The toggle straddles the card edge. Keep tokenized clearance\n\t\t\t\t// inside the card and reserve its outside half in document flow.\n\t\t\t\t// `overflow-visible` counters the shadcn primitive's clipping.\n\t\t\t\tisExpandable && cn(\n\t\t\t\t\t'relative mb-space-xl !overflow-visible',\n\t\t\t\t\ttokens.expandableBottom,\n\t\t\t\t),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!!hasHeader && (\n\t\t\t\t<SmartCardHeaderRow\n\t\t\t\t\ticon={icon}\n\t\t\t\t\ttitle={title}\n\t\t\t\t\ttitleSuffix={titleSuffix}\n\t\t\t\t\tdescription={description}\n\t\t\t\t\ttextGap={textGap}\n\t\t\t\t\ttooltip={tooltip}\n\t\t\t\t\ttooltipLabel={tooltipLabel}\n\t\t\t\t\theaderStart={headerStart}\n\t\t\t\t\theaderEnd={headerEnd}\n\t\t\t\t\theaderAction={headerAction}\n\t\t\t\t\tactions={cardActions}\n\t\t\t\t\tactionsLabel={resolvedActionsLabel}\n\t\t\t\t\ttitleSize={resolvedTitleSize}\n\t\t\t\t\tinlineCommands={!framedHeader}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tresolvedHeaderDivider && !sharedHeaderFooterDivider && cn(\n\t\t\t\t\t\t\tsurfaceDividerRecipes.frame.header,\n\t\t\t\t\t\t\ttokens.headerDividerY,\n\t\t\t\t\t\t),\n\t\t\t\t\t\tsharedHeaderFooterDivider && tokens.headerDividerY,\n\t\t\t\t\t\ttokens.headerX,\n\t\t\t\t\t\tframedHeader && 'flex-row items-center min-h-action px-surface-xs py-space-2xs [&_.card--title-row]:items-center [&_.card--icon]:pt-0',\n\t\t\t\t\t\theaderClassName,\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{hasBodySurface && <div className={framedHeader ? cn('card--body-surface flex min-w-0 flex-col rounded-radius bg-card text-card-foreground', gap ? gapRecipe({ gap }) : cardRegionGapClasses[padding], surfaceDividerRecipes.frame.shell, vertical) : 'contents'}>\n\t\t\t{!!hasAlert && (\n\t\t\t\t<SmartCardAlert\n\t\t\t\t\talert={alert}\n\t\t\t\t\talertTone={alertTone}\n\t\t\t\t\thasHeader={hasHeader}\n\t\t\t\t\tclassName={inset}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{!!hasBody && <CardContent\n\t\t\t\tid={isExpandable ? bodyId : undefined}\n\t\t\t\tonFocusCapture={isExpandable ? handleBodyFocus : undefined}\n\t\t\t\tclassName={cn(\n\t\t\t\t\ttokens.contentX,\n\t\t\t\t\ttokens.contentY,\n\t\t\t\t\tisExpandable && cn(\n\t\t\t\t\t\t'relative transition-[max-height] duration-500 ease-in-out motion-reduce:transition-none',\n\t\t\t\t\t\texpanded ? 'overflow-visible' : 'overflow-hidden',\n\t\t\t\t\t),\n\t\t\t\t\tcontentClassName,\n\t\t\t\t)}\n\t\t\t\tstyle={collapseStyle}\n\t\t\t>\n\t\t\t\t{hasContentTop \|\| hasContentBottom ? (\n\t\t\t\t\t// contentTop/contentBottom are body regions, so they share the content gap with children.\n\t\t\t\t\t<Stack gap={contentGap ?? compositionRhythm.related}>\n\t\t\t\t\t\t{!!hasContentTop && contentTop}\n\t\t\t\t\t\t{hasChildren && (contentGap ? <Stack gap={contentGap}>{children}</Stack> : <div className={cn('flex min-w-0 flex-col', compositionClasses.related)}>{children}</div>)}\n\t\t\t\t\t\t{!!hasContentBottom && contentBottom}\n\t\t\t\t\t</Stack>\n\t\t\t\t) : contentGap ? <Stack gap={contentGap}>{children}</Stack> : children}\n\n\t\t\t\t{!!isExpandable && !expanded && (\n\t\t\t\t\t<div\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\tCARD_BEM.collapseFade,\n\t\t\t\t\t\t\t'pointer-events-none absolute inset-x-0 bottom-0 h-20 rounded-b-surface bg-linear-to-t to-transparent',\n\t\t\t\t\t\t\tresolvedSurface === 'flat' ? 'from-background' : 'from-card',\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</CardContent>}\n\n\t\t\t{(hasFooterText \|\| hasFooterSlot) && (\n\t\t\t\t<CardFooter className={cn(\n\t\t\t\t\ttokens.footerX,\n\t\t\t\t\thasFooterSlot ? 'flex-col items-stretch gap-space-md' : 'justify-end',\n\t\t\t\t\t(footerDivider \|\| sharedHeaderFooterDivider) && cn(surfaceDividerRecipes.frame.footer, tokens.footerDividerY),\n\t\t\t\t\tfooterClassName,\n\t\t\t\t)}>\n\t\t\t\t\t{hasFooterText && (typeof footerText === 'string' \|\| typeof footerText === 'number' \|\| typeof footerText === 'bigint'\n\t\t\t\t\t\t? <Text tag=\"span\" size=\"xs\" type=\"secondary\">{footerText}</Text>\n\t\t\t\t\t\t: footerText)}\n\t\t\t\t\t{hasFooterSlot && footerSlot}\n\t\t\t\t</CardFooter>\n\t\t\t)}\n\n\t\t\t</div>}\n\n\t\t\t{!!isExpandable && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tCARD_BEM.expandToggle,\n\t\t\t\t\t\t'absolute bottom-0 left-1/2 z-10 -translate-x-1/2 translate-y-1/2',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\tonClick={handleToggle}\n\t\t\t\t\t\taria-expanded={expanded}\n\t\t\t\t\t\taria-controls={bodyId}\n\t\t\t\t\t\taria-label={expanded ? strings.collapseLabel : strings.expandLabel}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\tCARD_BEM.expandToggleButton,\n\t\t\t\t\t\t\tcn(surfaceDividerRecipes.frame.shell, 'bg-background text-foreground shadow-sm'),\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ChevronDown\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t`size-icon ${motionRecipes.chevron}`,\n\t\t\t\t\t\t\t\texpanded && 'rotate-180',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</CardShell>\n\t);\n});\n\nCard.displayName = 'Card';\n\n/* @deprecated Use Card. */\nexport const SmartCard = Card;\n\n// ──────────────────────────────────────────────────────────────────────────\n// Re-exports — public surface lives here so `import { ... } from\n// '.'` keeps working through the file split.\n// ──────────────────────────────────────────────────────────────────────────\n\nexport {\n\tdefaultSmartCardStrings,\n\ttype SmartCardStrings,\n} from './smart-card.strings';\nexport type {\n\tCardAlertTone,\n\tSmartCardAction,\n\tSmartCardProps,\n\tSmartCardSkeletonProps,\n\tSmartCardSurface,\n} from './smart-card.types';\nexport {\n\tCardContent,\n\tCardDescription,\n\tCardFooter,\n\tCardHeader,\n\tCardShell,\n\tCardTitle,\n} from './partials/card-primitives';\nexport { hasRenderableContent } from './partials/has-renderable-content';\nexport { SmartCardSkeleton } from './partials/smart-card-skeleton';\n"],"mappings":"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"}
1	+ {"version":3,"file":"smart-card-B6vLxqa_.js","names":["Card","CardHeader","CardTitle","CardContent","CardFooter","styles","styles","CardPrimitive","CardHeaderPrimitive","CardTitlePrimitive","CardContentPrimitive","CardFooterPrimitive","resolveComponentScale","useCardConfig","useDensityConfig","useTypographyConfig","cn","affordanceGeometry","Button","descendantInlineLinkClassName","resolveTextClassNames","headingRoleSizes","motionRecipes","TooltipTrigger","TooltipContent","Tooltip","gapRecipe","Stack","ICON_CHILD_SIZE_CLASSNAMES","toneRecipes","rowBlockPaddingClasses","surfaceDividerRecipes","compositionRhythm","compositionClasses","ActionMenu","alertVariants","cva","isSimpleText","value","Alert","forwardRef","props","tone","variant","defaultTextSize","className","AlertTitle","children","Text","AlertDescription","AlertMetadata","AlertMetadataItem","icon","label","numeric","AlertAction","cardRegionPaddingClasses","cardRegionGapClasses","cardRecipes","Card$1","size","CardHeader$1","CardTitle$1","CardContent$1","CardFooter$1","CARD_BEM","CARD_INSET","SURFACE_CLASSES","hasRenderableContent","content","isValidElement","Fragment","CARD_TITLE_SIZE_CLASSES","CARD_TITLE_TEXT_SIZE","CardShell","surface","CardHeader","padding","textGap","CardTitle","sizeProp","defaultScale","CardDescription","CardContent","CardFooter","SmartCardAlert","hasHeader","alertTone","alert","SurfaceTitle","plainTitle","title","dataSlot","suffix","suffixClassName","ActionsMenu","actionDefinitions","actions","action","index","actionsLabel","TooltipTrigger_Info","passthrough","triggerProps","tooltipLabel","Info","SmartCardHeaderRow","cardActions","hasActions","hasIcon","hasTitle","hasTitleSuffix","titleSuffix","hasDescription","description","hasTooltip","tooltip","hasHeaderStart","headerStart","hasHeaderEnd","headerEnd","hasHeaderAction","headerAction","showTitleRow","showTrailing","singleLine","inlineTrailing","inlineCommands","titleSize","defaultSmartCardStrings","Card","footerDividerProp","expandedProp","stringsProp","rootProps","resolvedTitleSize","inset","vertical","tokens","framedHeader","headerPlacement","strings","useStrings","resolvedActionsLabel","isExpandable","expandable","collapsedMaxHeightRaw","collapsedMaxHeight","isExpandedControlled","bodyId","useId","internalExpanded","setInternalExpanded","useState","defaultExpanded","expanded","handleToggle","useCallback","next","onExpandedChange","handleBodyFocus","body","event","target","frame","control","hasAlert","hasFooterText","footerText","hasFooterSlot","footerSlot","hasContentTop","contentTop","hasContentBottom","contentBottom","hasChildren","hasBody","hasBodySurface","headerFooterOnly","tooltipAriaLabel","collapseStyle","resolvedSurface","defaultSurface","framed","resolvedHeaderDivider","headerDivider","defaultHeaderDivider","footerDivider","defaultFooterDivider","sharedHeaderFooterDivider","gap","headerClassName","contentClassName","contentGap","footerClassName","ChevronDown","SmartCard"],"sources":["../src/components/base/feedback/alert.tsx","../src/components/base/cards/card.recipes.ts","../src/components/ui/card.tsx","../src/components/base/cards/smart-card.tokens.ts","../src/components/base/cards/partials/has-renderable-content.ts","../src/components/base/cards/partials/card-primitives.tsx","../src/components/base/cards/partials/smart-card-alert.tsx","../src/components/base/display/surface-title.tsx","../src/components/base/cards/partials/smart-card-actions-menu.tsx","../src/components/base/cards/partials/smart-card-header-row.tsx","../src/components/base/cards/smart-card.strings.ts","../src/components/base/cards/smart-card.tsx"],"sourcesContent":["/*\n Alert — base notice primitive with semantic variants and container-driven actions.\n \n Package-owned notice inspired by ReUI's alert layout. Consumers import this\n * base alert for the library's typography, token, and DOM-hook contract.\n /\nimport {\n\tforwardRef,\n\ttype ComponentPropsWithoutRef,\n\ttype ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { Text } from '../../typography';\nimport { descendantInlineLinkClassName } from '../../typography/text-link';\nimport { resolveTextClassNames } from '../../typography/text.styles';\nimport { useTypographyConfig } from '../../../lib/ui-provider';\nimport { Stack } from '../structure';\nimport { cn } from '../../../lib/utils';\nimport { ICON_CHILD_SIZE_CLASSNAMES } from '../display/icon-size';\nimport type { SemanticTone } from '../../../lib/component-vocabulary';\nimport { toneRecipes } from '../../../lib/tone-recipes';\nimport { rowBlockPaddingClasses } from '../../../lib/row-recipes';\n\nconst alertVariants = cva(\n\t[\n\t\t// A notice is one row of content, so it takes Item's row geometry: the row\n\t\t// insets, Item's media/content/actions gap and its copy rhythm (gap-normal).\n\t\t// Toast follows the same recipe.\n\t\t// The alert is its own container: AlertAction sits beside the copy only when the\n\t\t// alert itself is wide enough, never because the viewport is.\n\t\t`alert--component @container/alert box-border relative grid w-full grid-cols-[0_1fr] items-start gap-y-normal rounded-radius border px-row-x ${rowBlockPaddingClasses.default} text-start`,\n\t\t'has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-space-lg',\n\t\t// Two explicit tracks; a beside action opens an implicit third (auto) track, so\n\t\t// a stacked action leaves no empty column or gap behind.\n\t\t'has-[>[data-slot=alert-action]]:grid-cols-[0_minmax(0,1fr)] has-[>svg]:has-[>[data-slot=alert-action]]:grid-cols-[auto_minmax(0,1fr)]',\n\t\t// Without a glyph the empty first track takes no gap, so the copy keeps the row\n\t\t// inset; a beside action then takes Item's actions gap as its own margin.\n\t\t'@sm/alert:[&:not(:has(>svg))>[data-slot=alert-action]]:ms-space-lg',\n\t\t// Root tokens, not the `--spacing-` aliases: an alias resolves at :root and would\n\t\t// ignore a scoped density/space/icon boundary.\n\t\t'[&>svg]:row-span-2 [&>svg]:mt-[calc((1em1.375-var(--icon))/2)] [&>svg]:shrink-0',\n\t\tICON_CHILD_SIZE_CLASSNAMES.md,\n\t],\n\t{\n\t\tvariants: {\n\t\t\ttone: {\n\t\t\t\tneutral: 'border-border bg-card text-card-foreground',\n\t\t\t\tprimary: `${toneRecipes.primary.edge} ${toneRecipes.primary.wash} text-card-foreground [&>svg]:text-primary-accent`,\n\t\t\t\tsecondary: 'border-border bg-muted/50 text-card-foreground [&>svg]:text-secondary-foreground',\n\t\t\t\tinfo: `${toneRecipes.info.edge} ${toneRecipes.info.wash} text-card-foreground [&>svg]:text-info`,\n\t\t\t\tsuccess: `${toneRecipes.success.edge} ${toneRecipes.success.wash} text-card-foreground [&>svg]:text-success`,\n\t\t\t\twarning: `${toneRecipes.warning.edge} ${toneRecipes.warning.wash} text-card-foreground [&>svg]:text-warning-accent`,\n\t\t\t\tdestructive: `${toneRecipes.destructive.edge} ${toneRecipes.destructive.wash} text-card-foreground [&>svg]:text-destructive`,\n\t\t\t},\n\t\t\tvariant: {\n\t\t\t\tdefault: '',\n\t\t\t\tinverse: [\n\t\t\t\t\t'border-foreground bg-foreground text-background',\n\t\t\t\t\t'[&>svg]:text-background',\n\t\t\t\t\t'[&_[data-slot=alert-title]_[data-typography=text]]:text-background',\n\t\t\t\t\t'[&_[data-slot=alert-description]_[data-typography=text]]:text-background',\n\t\t\t\t\t'[&_[data-slot=alert-metadata-item]]:bg-background/10',\n\t\t\t\t\t'[&_[data-slot=alert-metadata-item]>svg]:text-background',\n\t\t\t\t\t'[&_[data-slot=alert-metadata-label]_[data-typography=text]]:text-background',\n\t\t\t\t\t'[&_[data-slot=alert-metadata-value]_[data-typography=text]]:text-background',\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\ttone: 'neutral',\n\t\t\tvariant: 'default',\n\t\t},\n\t},\n);\n\nexport type AlertVariant = NonNullable<VariantProps<typeof alertVariants>['variant']>;\nexport type AlertTone = SemanticTone;\n\nexport interface AlertProps\n\textends ComponentPropsWithoutRef<'div'>,\n\t\tVariantProps<typeof alertVariants> {}\n\nfunction isSimpleText(value: ReactNode): value is string \| number \| bigint {\n\treturn typeof value === 'string' \|\| typeof value === 'number' \|\| typeof value === 'bigint';\n}\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\n\t{ className, tone, variant, role = 'alert', ...props },\n\tref,\n) {\n\tconst { defaultTextSize } = useTypographyConfig();\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tdata-slot=\"alert\"\n\t\t\tdata-tone={tone ?? 'neutral'}\n\t\t\tdata-variant={variant ?? 'default'}\n\t\t\trole={role}\n\t\t\tclassName={cn(resolveTextClassNames({ size: defaultTextSize, type: 'inherit' }), alertVariants({ tone, variant }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nAlert.displayName = 'Alert';\n\nconst AlertTitle = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n\tfunction AlertTitle({ className, children, ...props }, ref) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"alert-title\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'alert--title col-start-2 min-h-icon leading-snug',\n\t\t\t\t\tdescendantInlineLinkClassName,\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{isSimpleText(children) ? (\n\t\t\t\t\t<Text tag=\"span\" type=\"inherit\" weight=\"semibold\" lineHeight=\"snug\">\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</Text>\n\t\t\t\t) : children}\n\t\t\t</div>\n\t\t);\n\t},\n);\nAlertTitle.displayName = 'AlertTitle';\n\nconst AlertDescription = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n\tfunction AlertDescription({ className, children, ...props }, ref) {\n\t\treturn (\n\t\t\t<Stack\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"alert-description\"\n\t\t\t\tgap=\"xs\"\n\t\t\t\talign=\"start\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'alert--description col-start-2 [&_p]:leading-relaxed',\n\t\t\t\t\tdescendantInlineLinkClassName,\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{isSimpleText(children) ? (\n\t\t\t\t\t<Text tag=\"span\" type=\"secondary\">\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</Text>\n\t\t\t\t) : children}\n\t\t\t</Stack>\n\t\t);\n\t},\n);\nAlertDescription.displayName = 'AlertDescription';\n\nexport interface AlertMetadataProps extends ComponentPropsWithoutRef<'dl'> {\n\t/* Metadata items or consumer-owned definition-list content. /\n\tchildren?: ReactNode;\n\t/* Accessible name for the fact group when the alert title is not sufficient. /\n\t'aria-label'?: string;\n\t/* Consumer styling hook merged with the tokenized defaults. /\n\tclassName?: string;\n}\n\n/\n Compact semantic facts associated with an alert. Use `aria-label` when the\n * surrounding title does not already describe the metadata group.\n /\nconst AlertMetadata = forwardRef<HTMLDListElement, AlertMetadataProps>(\n\tfunction AlertMetadata({ className, ...props }, ref) {\n\t\treturn (\n\t\t\t<dl\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"alert-metadata\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'alert-metadata--component alert--metadata col-start-2 m-0 mt-space-xs flex min-w-0 flex-wrap items-center gap-x-space-md gap-y-space-xs',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nAlertMetadata.displayName = 'AlertMetadata';\n\nexport interface AlertMetadataItemProps\n\textends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n\t/* Consumer styling hook merged with the tokenized defaults. /\n\tclassName?: string;\n\t/* Decorative or semantic leading media. Decorative icons should be aria-hidden. /\n\ticon?: ReactNode;\n\t/* User-provided metadata key; the Alert component owns no copy. /\n\tlabel: ReactNode;\n\t/* User-provided metadata value. May contain a package value primitive. /\n\tvalue: ReactNode;\n\t/* Applies tabular figures to simple numeric values, in the sans UI font. /\n\tnumeric?: boolean;\n}\n\n/* A label/value pair rendered with native `dt` and `dd` semantics. /\nconst AlertMetadataItem = forwardRef<HTMLDivElement, AlertMetadataItemProps>(\n\tfunction AlertMetadataItem(\n\t\t{ className, icon, label, value, numeric = false, ...props },\n\t\tref,\n\t) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"alert-metadata-item\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'alert-metadata-item--component alert--metadata-item inline-flex max-w-full min-w-0 items-center gap-space-sm rounded-radius-sm bg-foreground/8 px-control-xs py-space-xs',\n\t\t\t\t\t'[&>svg]:size-icon-sm [&>svg]:shrink-0 [&>svg]:text-muted-foreground',\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{icon}\n\t\t\t\t<dt data-slot=\"alert-metadata-label\" className=\"alert--metadata-label shrink-0\">\n\t\t\t\t\t{isSimpleText(label) ? (\n\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" lineHeight=\"none\">\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) : label}\n\t\t\t\t</dt>\n\t\t\t\t<dd data-slot=\"alert-metadata-value\" className=\"alert--metadata-value m-0 min-w-0\">\n\t\t\t\t\t{isSimpleText(value) ? (\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\ttype=\"inherit\"\n\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\tlineHeight=\"none\"\n\t\t\t\t\t\tclassName={cn('break-words', numeric && 'tabular-nums')}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) : value}\n\t\t\t\t</dd>\n\t\t\t</div>\n\t\t);\n\t},\n);\nAlertMetadataItem.displayName = 'AlertMetadataItem';\n\nconst AlertAction = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n\tfunction AlertAction({ className, ...props }, ref) {\n\t\treturn (\n\t\t\t// Direction/alignment come from Stack; the remaining classes are grid\n\t\t\t// placement inside the alert's own template. Below the alert's own `@sm`\n\t\t\t// width the action follows the copy; from it, the action takes the implicit\n\t\t\t// third track beside the title and description.\n\t\t\t<Stack\n\t\t\t\tref={ref}\n\t\t\t\tdirection=\"horizontal\"\n\t\t\t\talign=\"center\"\n\t\t\t\tjustify=\"start\"\n\t\t\t\twrap\n\t\t\t\tgap=\"sm\"\n\t\t\t\tdata-slot=\"alert-action\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'alert--action col-start-2 mt-space-md @sm/alert:col-start-3 @sm/alert:row-start-1 @sm/alert:row-span-2 @sm/alert:mt-0 @sm/alert:self-start @sm/alert:justify-end',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nAlertAction.displayName = 'AlertAction';\n\nexport {\n\tAlert,\n\tAlertTitle,\n\tAlertDescription,\n\tAlertMetadata,\n\tAlertMetadataItem,\n\tAlertAction,\n};\n","import { affordanceGeometry } from '../../../lib/affordance-geometry.generated';\nimport { surfaceDividerRecipes } from '../../../lib/surface-recipes';\nimport type { SmartCardProps } from './smart-card.types';\nimport {compositionClasses} from '../structure/composition.recipes';\n\n/* Explicit region insets; omitted padding preserves the compound's inline-only defaults. /\nexport const cardRegionPaddingClasses = {\n\tnone: 'p-0',\n\tsm: 'p-surface-xs',\n\tmd: 'p-surface',\n\tlg: 'p-surface-lg',\n} as const satisfies Record<NonNullable<SmartCardProps['padding']>, string>;\n/* A padding-free subject keeps the base regional rhythm; explicit gap remains independent. /\nexport const cardRegionGapClasses = {\n none: affordanceGeometry.surfaceGap.md,\n sm: affordanceGeometry.surfaceGap.xs,\n md: affordanceGeometry.surfaceGap.md,\n lg: affordanceGeometry.surfaceGap.lg,\n} as const satisfies Record<NonNullable<SmartCardProps['padding']>, string>;\n/* Private Tailwind recipes; public props and DOM hooks remain owned by the component. /\nexport const cardRecipes = {\n\troot: `flex flex-col w-full font-sans rounded-surface box-border overflow-hidden py-surface ${affordanceGeometry.surfaceGap.md} transition-[background-color,border-color,box-shadow] duration-150`,\n\tshell: `@container/card flex flex-col w-full font-sans rounded-surface box-border overflow-hidden py-surface ${affordanceGeometry.surfaceGap.md} transition-[background-color,border-color,box-shadow] duration-150`,\n\tsurfaceCard: `bg-card ${surfaceDividerRecipes.frame.shell} shadow-xs text-card-foreground`,\n\tsurfaceDefault: `bg-card ${surfaceDividerRecipes.frame.shell} shadow-xs text-card-foreground`,\n\tsurfaceFlat: \"bg-transparent border-0 shadow-none text-inherit\",\n\tsurfaceFramed: `bg-card ${surfaceDividerRecipes.frame.shell} shadow-sm ${surfaceDividerRecipes.frame.ring} text-card-foreground`,\n\tsurfaceRaised: `bg-card ${surfaceDividerRecipes.frame.shell} shadow-md text-card-foreground`,\n\tsurfaceSunken: `bg-muted ${surfaceDividerRecipes.frame.shell} text-foreground`,\n\theader: \"flex flex-col gap-normal px-surface box-border\",\n\t// Wrapping follows available header space, independent of caller-owned\n\t// container names on the surface. Both title and commands keep their identity.\n\theaderRow: \"flex-row flex-wrap items-start justify-between gap-space-lg pb-0\",\n\t// A single-line header keeps its title at the row start, so peer cards with and\n\t// without a command share one title line. The command is pulled into the title's\n\t// first line box (action height minus the default title line, halved) instead of\n\t// centring the title in a taller row. Centring that margin box keeps the command on\n\t// the title's centre when a suffix badge or density changes the row height.\n\theaderTrailingInline: \"-my-space-sm self-center\",\n\t// The title column centres on the same line, so a smaller title meets the command\n\t// on one centre; a default title already fills the row, so peers are unchanged.\n\theaderLeadingInline: \"self-center\",\n\t// The small info trigger beside a title follows the same rule at its own height.\n\ttooltipTriggerInline: \"-my-space-xs\",\n\theaderLeading: \"min-w-0 max-w-full flex-1 basis-64\",\n\theaderLeadingSingle: \"basis-36\",\n\theaderTrailing: `flex max-w-full flex-wrap shrink-0 items-center ${compositionClasses.commands}`,\n\theaderDivider: `${surfaceDividerRecipes.frame.header} [&.border-b]:!pb-surface`,\n\ttitle: \"min-w-0 leading-tight text-inherit\",\n\ttitleSm: \"text-sm\",\n\ttitleMd: \"text-base\",\n\ttitleLg: \"text-lg\",\n\tcontent: `flex flex-col px-surface box-border min-w-0 ${compositionClasses.related}`,\n\tfooter: \"flex items-center px-surface box-border\",\n\tfooterDivider: `${surfaceDividerRecipes.frame.footer} [&.border-t]:!pt-surface`,\n\talert: \"px-surface\",\n\talertWithHeader: \"-mt-space-xs\",\n\texpandToggle: \"flex justify-center pb-surface -mt-space-md\",\n} as const satisfies Record<string, string>;\n","import as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Card({\n className,\n size = \"default\",\n ...props\n}: React.ComponentProps<\"div\"> & { size?: \"default\" \| \"sm\" }) {\n return (\n <div\n data-slot=\"card\"\n data-size={size}\n className={cn(\"card--primitive\", className)}\n {...props}\n />\n )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-header\"\n className={cn(\"card-header--primitive\", className)}\n {...props}\n />\n )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-title\"\n className={cn(\"card-title--primitive\", className)}\n {...props}\n />\n )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-description\"\n className={cn(\"card-description--primitive\", className)}\n {...props}\n />\n )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-action\"\n className={cn(\"card-action--primitive\", className)}\n {...props}\n />\n )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-content\"\n className={cn(\"card-content--primitive\", className)}\n {...props}\n />\n )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-footer\"\n className={cn(\"card-footer--primitive\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Card,\n CardHeader,\n CardFooter,\n CardTitle,\n CardAction,\n CardDescription,\n CardContent,\n}\n","import type { SmartCardSurface } from './smart-card.types';\nimport { cardRecipes as styles } from './card.recipes';\n\n/*\n BEM-style hooks applied to every SmartCard subregion. Library\n * consumers can target them in CSS / tests / analytics without\n * relying on shadcn's data-slot attributes (which are framework\n * internals). Keep these names consistent — they are part of the\n * public DOM contract.\n /\nexport const CARD_BEM = {\n\troot: 'card--component',\n\theader: 'card--header',\n\ttitle: 'card--title',\n\tdescription: 'card--description',\n\tcontent: 'card--content',\n\tfooter: 'card--footer',\n\talert: 'card--alert',\n\tcollapseFade: 'card--collapse-fade',\n\texpandToggle: 'card--expand-toggle',\n\texpandToggleButton: 'card--expand-toggle-button',\n} as const;\n\ninterface PaddingTokens {\n\tshell: string;\n\theaderX: string;\n\t/* Tokenized divider inset that overrides the shadcn primitive's fixed 24px rule. /\n\theaderDividerY: string;\n\tcontentX: string;\n\tcontentY: string;\n\tfooterX: string;\n\t/* Tokenized divider inset that overrides the shadcn primitive's fixed 24px rule. /\n\tfooterDividerY: string;\n\talertX: string;\n\t/* Bottom clearance for the half-inset expandable control. /\n\texpandableBottom: string;\n\t/* Vertical offset applied when alert sits BELOW the header (pulls it up). /\n\talertOffsetWithHeader: string;\n\t/* Vertical spacing applied when alert is the first content (no header). /\n\talertOffsetStandalone: string;\n}\n\nexport const CARD_INSET: PaddingTokens = {\n\tshell: styles.shell,\n\theaderX: 'px-surface',\n\theaderDividerY: styles.headerDivider,\n\tcontentX: styles.content,\n\tcontentY: '',\n\tfooterX: styles.footer,\n\tfooterDividerY: styles.footerDivider,\n\talertX: styles.alert,\n\texpandableBottom: 'pb-surface',\n\talertOffsetWithHeader: styles.alertWithHeader,\n\talertOffsetStandalone: '',\n};\n\n/\n Surface-specific shell classes.\n /\nexport const SURFACE_CLASSES: Record<SmartCardSurface, string> = {\n\tcard: styles.surfaceCard,\n\tflat: styles.surfaceFlat,\n\tframed: styles.surfaceFramed,\n};\n","import { Fragment, isValidElement, type ReactNode } from 'react';\n\n/\n Predicate used by SmartCard subregions to decide whether each slot\n * warrants rendering its wrapper. Numbers (incl. `0`) and JSX always\n * render; falsy / empty-string content is treated as absent. Fragments\n * recurse into their children.\n /\nexport function hasRenderableContent(content?: ReactNode): boolean {\n\tif (content === null \|\| content === undefined) return false;\n\tif (typeof content === 'boolean') return false;\n\tif (typeof content === 'string') return content.trim().length > 0;\n\tif (typeof content === 'number' \|\| typeof content === 'bigint') return true;\n\tif (Array.isArray(content)) return content.some(hasRenderableContent);\n\tif (isValidElement<{ children?: ReactNode }>(content)) {\n\t\tif (content.type === Fragment) return hasRenderableContent(content.props.children);\n\t\treturn true;\n\t}\n\treturn true;\n}\n","import type { TextGap } from '../../structure';\n/\n Internal layout primitives — re-exported from `smart-card.tsx` for\n * advanced composition (deeply customised layouts that still want the\n * design-system surface tokens). Each primitive is intentionally thin:\n * a single responsibility, a single set of default classes, no business\n * logic. The BEM hooks (`card--component`, `card--header`, etc.) are\n * applied here so the public DOM contract lives in one place.\n /\nimport {\n\ttype ComponentPropsWithRef,\n\ttype ComponentPropsWithoutRef,\n} from 'react';\n\nimport {\n\tCard as CardPrimitive,\n\tCardContent as CardContentPrimitive,\n\tCardFooter as CardFooterPrimitive,\n\tCardHeader as CardHeaderPrimitive,\n\tCardTitle as CardTitlePrimitive,\n} from '../../../ui/card';\nimport { Text } from '../../../typography/text';\nimport { useDensityConfig } from '../../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../../lib/ui-provider/scale';\nimport { cn } from '../../../../lib/utils';\n\nimport { CARD_BEM, SURFACE_CLASSES } from '../smart-card.tokens';\nimport type { CardTitleSize, SmartCardProps, SmartCardSurface } from '../smart-card.types';\nimport { cardRecipes as styles, cardRegionPaddingClasses } from '../card.recipes';\n\nimport { hasRenderableContent } from './has-renderable-content';\n\nconst CARD_TITLE_SIZE_CLASSES: Record<CardTitleSize, string> = {\n\tsm: styles.titleSm,\n\tmd: styles.titleMd,\n\tlg: styles.titleLg,\n};\n\nconst CARD_TITLE_TEXT_SIZE: Record<CardTitleSize, 'sm' \| 'base' \| 'lg'> = {\n\tsm: 'sm',\n\tmd: 'base',\n\tlg: 'lg',\n};\n\ntype CardRegionProps = ComponentPropsWithRef<'div'> & {\n\t/* Full surface inset. Omit to retain the established inline-only inset. /\n\tpadding?: SmartCardProps['padding'];\n};\n\nexport type CardShellProps = ComponentPropsWithRef<'div'> & {\n\t/\n\t Card's own surface chrome (fill, edge and elevation) for a hand-assembled\n\t * card. Omit to draw only the layout shell and supply the chrome yourself.\n\t /\n\tsurface?: SmartCardSurface;\n};\n\nexport function CardShell({ className, surface, ...props }: CardShellProps) {\n\treturn (\n\t\t<CardPrimitive\n\t\t\tdata-surface={surface}\n\t\t\tclassName={cn(\n\t\t\t\tCARD_BEM.root,\n\t\t\t\tstyles.shell,\n\t\t\t\tsurface && SURFACE_CLASSES[surface],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function CardHeader({\n\tclassName,\n\ttextGap = 'normal',\n\tpadding,\n\t...props\n}: CardRegionProps & { textGap?: TextGap }) {\n\treturn (\n\t\t<CardHeaderPrimitive\n\t\t\tclassName={cn(\n\t\t\t\tCARD_BEM.header,\n\t\t\t\tstyles.header,\n\t\t\t\tpadding !== undefined && cardRegionPaddingClasses[padding],\n\t\t\t\ttextGap === 'dense' ? 'gap-dense' : 'gap-normal',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function CardTitle({\n\tclassName,\n\tchildren,\n\tsize: sizeProp,\n\t...props\n}: ComponentPropsWithoutRef<'div'> & { size?: CardTitleSize }) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComponentScale(sizeProp, defaultScale);\n\tif (!hasRenderableContent(children)) return null;\n\n\tconst isPlainText =\n\t\ttypeof children === 'string' \|\|\n\t\ttypeof children === 'number' \|\|\n\t\ttypeof children === 'bigint';\n\n\tif (!isPlainText) {\n\t\treturn (\n\t\t\t<CardTitlePrimitive\n\t\t\t\tclassName={cn(CARD_BEM.title, styles.title, 'font-medium', CARD_TITLE_SIZE_CLASSES[size], className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</CardTitlePrimitive>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Text\n\t\t\tdata-slot=\"card-title\"\n\t\t\ttag=\"div\"\n\t\t\tsize={CARD_TITLE_TEXT_SIZE[size]}\n\t\t\tweight=\"semibold\"\n\t\t\tlineHeight=\"tight\"\n\t\t\tclassName={cn(CARD_BEM.title, styles.title, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</Text>\n\t);\n}\n\nexport function CardDescription({\n\tclassName,\n\tchildren,\n\t...props\n}: ComponentPropsWithoutRef<'div'>) {\n\tif (!hasRenderableContent(children)) return null;\n\n\treturn (\n\t\t<Text\n\t\t\tdata-slot=\"card-description\"\n\t\t\ttag=\"div\"\n\t\t\ttype=\"secondary\"\n\t\t\tclassName={cn(CARD_BEM.description, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</Text>\n\t);\n}\n\nexport function CardContent({\n\tclassName,\n\tpadding,\n\t...props\n}: CardRegionProps) {\n\treturn (\n\t\t<CardContentPrimitive\n\t\t\tclassName={cn(CARD_BEM.content, styles.content, padding !== undefined && cardRegionPaddingClasses[padding], className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function CardFooter({\n\tclassName,\n\tpadding,\n\t...props\n}: CardRegionProps) {\n\treturn (\n\t\t<CardFooterPrimitive\n\t\t\tclassName={cn(\n\t\t\t\tCARD_BEM.footer,\n\t\t\t\tstyles.footer,\n\t\t\t\tpadding !== undefined && cardRegionPaddingClasses[padding],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n","/\n Inline alert banner rendered between the header and the card body.\n * Pulls itself up under the header (`alertOffsetWithHeader`) when one\n * exists so the visual gap between header bottom and alert top stays\n * tight; otherwise pushes itself down (`alertOffsetStandalone`) so it\n * doesn't kiss the card top edge.\n /\nimport type { ReactNode } from 'react';\n\nimport { Alert, AlertDescription } from '../../feedback/alert';\nimport { cn } from '../../../../lib/utils';\n\nimport { CARD_BEM, CARD_INSET } from '../smart-card.tokens';\nimport type { CardAlertTone } from '../smart-card.types';\n\ninterface AlertSlotProps {\n\t/* Banner content. A plain string is wrapped for you. /\n\talert: ReactNode \| string;\n\t/* Tone of the banner. /\n\talertTone: CardAlertTone;\n\t/* Whether a header sits above, deciding the banner's top spacing. /\n\thasHeader: boolean;\n\tclassName?: string;\n}\n\nexport function SmartCardAlert({\n\talert,\n\talertTone,\n\thasHeader,\n\tclassName,\n}: AlertSlotProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\tCARD_BEM.alert,\n\t\t\t\tCARD_INSET.alertX,\n\t\t\t\tclassName,\n\t\t\t\thasHeader ? CARD_INSET.alertOffsetWithHeader : CARD_INSET.alertOffsetStandalone,\n\t\t\t)}\n\t\t>\n\t\t\t<Alert tone={alertTone}>\n\t\t\t\t<AlertDescription>{alert}</AlertDescription>\n\t\t\t</Alert>\n\t\t</div>\n\t);\n}\n","import type { ReactNode } from 'react';\nimport { Text } from '../../typography';\nimport { headingRoleSizes } from '../../typography/text.styles';\nimport { cn } from '../../../lib/utils';\n\n/\n One wrapping title/suffix composition shared by cards and content structures.\n * A plain-text title is exposed as a level-2 heading (below the page's h1) so\n * screen-reader users can move between surfaces; suffix badges stay outside its\n * accessible name. Custom title nodes keep their own semantics.\n /\nexport function SurfaceTitle({title, suffix, size = headingRoleSizes.subject, className, suffixClassName, dataSlot}: {\n title?: ReactNode; suffix?: ReactNode; size?: 'sm' \| 'base' \| 'lg';\n className?: string; suffixClassName?: string; dataSlot?: string;\n}) {\n const plainTitle = typeof title === 'string' \|\| typeof title === 'number' \|\| typeof title === 'bigint';\n return <Text tag=\"div\" type=\"inherit\" size={size} weight={plainTitle ? 'semibold' : 'medium'} lineHeight=\"tight\" data-slot={dataSlot} className={cn('surface-title--component flex min-w-0 flex-wrap items-center gap-space-md break-words', className)}>\n {title != null && <span className=\"min-w-0 max-w-full\" {...(plainTitle ? {role: 'heading', 'aria-level': 2} : {})}>{title}</span>}\n {suffix != null && <div className={cn('surface-title--suffix inline-flex max-w-full flex-wrap items-center gap-space-md', suffixClassName)}>{suffix}</div>}\n </Text>;\n}\n","/\n SmartCard actions menu — the shared `⋯` overflow trigger and dropdown of\n * consumer-supplied `SmartCardAction` items. It ends the header's trailing\n * row, after `headerEnd` and `headerAction`, as the quiet ghost square at the\n * provider scale.\n /\nimport {\n\tActionMenu,\n\ttype ActionMenuAction,\n} from '../../action-menu';\n\nimport type { SmartCardAction } from '../smart-card.types';\n\ninterface ActionsMenuProps {\n\t/* Controls offered on the surface. /\n\tactions: readonly SmartCardAction[];\n\tactionsLabel: string;\n}\n\nexport function ActionsMenu({ actions, actionsLabel }: ActionsMenuProps) {\n\tconst actionDefinitions: ActionMenuAction[] = actions.map((action, index) => ({ ...action, id: action.id ?? `card-action-${index}` }));\n\n\treturn (\n\t\t<ActionMenu\n\t\t\tactions={actionDefinitions}\n\t\t\tsrText={actionsLabel}\n\t\t\talign=\"end\"\n\t\t\tcloseOnSelect\n\t\t\tbuttonProps={{ className: 'card--actions-trigger' }}\n\t\t/>\n\t);\n}\n","/\n SmartCardHeaderRow — the chrome above the card body. Combines icon /\n * title / description / tooltip / suffix on the leading side with the\n * trailing `headerEnd` / `headerAction` slots and the actions menu.\n \n `TooltipTrigger_Info` is colocated here because it's only used by the\n * header — keeping it private avoids polluting the public partial\n * surface.\n /\nimport { Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { SurfaceTitle } from '../../display/surface-title';\nimport { Button } from '../../buttons';\nimport {\n\tTooltip,\n\tTooltipContent,\n\tTooltipTrigger,\n} from '../../display/tooltip';\nimport { Stack, type TextGap } from '../../structure';\nimport { cn } from '../../../../lib/utils';\n\nimport { CARD_INSET } from '../smart-card.tokens';\nimport { cardRecipes } from '../card.recipes';\nimport type { CardTitleSize, SmartCardAction } from '../smart-card.types';\n\nimport { CardHeader, CardDescription } from './card-primitives';\nimport { hasRenderableContent } from './has-renderable-content';\nimport { ActionsMenu } from './smart-card-actions-menu';\n\nfunction TooltipTrigger_Info({ tooltipLabel }: { tooltipLabel: string }) {\n\treturn (\n\t\t<TooltipTrigger\n\t\t\trender={(triggerProps) => {\n\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\t\tconst passthrough = triggerProps as Record<string, any>;\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t{...passthrough}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'card--tooltip-trigger',\n\t\t\t\t\t\t\t'text-muted-foreground',\n\t\t\t\t\t\t\t// Like a header command, the trigger sits in the title's line box\n\t\t\t\t\t\t\t// instead of growing the title row past a peer card's.\n\t\t\t\t\t\t\tcardRecipes.tooltipTriggerInline,\n\t\t\t\t\t\t\tpassthrough.className,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\taria-label={tooltipLabel}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Info className=\"size-icon-md\" />\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t}}\n\t\t/>\n\t);\n}\n\ninterface HeaderProps {\n\t/* Leading glyph on the title line. /\n\ticon?: ReactNode;\n\t/* Card title. /\n\ttitle?: ReactNode;\n\t/* Content immediately after the title. /\n\ttitleSuffix?: ReactNode;\n\t/* Supporting sentence under the title. /\n\tdescription?: ReactNode;\n\ttextGap?: TextGap;\n\t/* Explanatory copy behind an info affordance on the title line. /\n\ttooltip?: ReactNode;\n\t/* Accessible name for the tooltip trigger. /\n\ttooltipLabel: string;\n\t/* Full-width row above the title. /\n\theaderStart?: ReactNode;\n\t/* Content at the end of the header. /\n\theaderEnd?: ReactNode;\n\t/* Single control before the overflow menu. /\n\theaderAction?: ReactNode;\n\t/* Overflow menu at the far end of the header. /\n\tactions?: readonly SmartCardAction[];\n\t/* Accessible name for the overflow trigger. /\n\tactionsLabel: string;\n\t/* Card title typography. /\n\ttitleSize: CardTitleSize;\n\t/* Pull an action-height command into the title line. Off for the framed header, which centres both in its own action-height row. /\n\tinlineCommands?: boolean;\n\tclassName?: string;\n}\n\nexport function SmartCardHeaderRow({\n\ticon,\n\ttitle,\n\ttitleSuffix,\n\tdescription,\n\ttextGap = 'normal',\n\ttooltip,\n\ttooltipLabel,\n\theaderStart,\n\theaderEnd,\n\theaderAction,\n\tactions,\n\tactionsLabel,\n\ttitleSize,\n\tinlineCommands = true,\n\tclassName,\n}: HeaderProps) {\n\tconst cardActions = Array.isArray(actions) ? actions : [];\n\tconst hasActions = cardActions.length > 0;\n\n\tconst hasIcon = hasRenderableContent(icon);\n\tconst hasTitle = hasRenderableContent(title);\n\tconst hasTitleSuffix = hasRenderableContent(titleSuffix);\n\tconst hasDescription = hasRenderableContent(description);\n\tconst hasTooltip = hasRenderableContent(tooltip);\n\tconst hasHeaderStart = hasRenderableContent(headerStart);\n\tconst hasHeaderEnd = hasRenderableContent(headerEnd);\n\tconst hasHeaderAction = hasRenderableContent(headerAction);\n\n\tconst showTitleRow = hasIcon \|\| hasTitle \|\| hasTitleSuffix \|\| hasTooltip;\n\tconst showTrailing = hasHeaderEnd \|\| hasHeaderAction \|\| hasActions;\n\tconst singleLine = !hasDescription && !hasHeaderStart;\n\t// An action-height command on a single-line header sits on the title line\n\t// without growing the row; passive header-end content stays top-aligned.\n\tconst inlineTrailing = inlineCommands && singleLine && (hasHeaderAction \|\| hasActions);\n\n\treturn (\n\t\t<CardHeader\n\t\t\tclassName={cn(\n\t\t\t\tcardRecipes.headerRow,\n\t\t\t\thasHeaderStart && (textGap === 'dense' ? 'gap-y-dense' : 'gap-y-normal'),\n\t\t\t\tCARD_INSET.headerX,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!!hasHeaderStart && <div className=\"card--header-context min-w-0 max-w-full basis-full\">{headerStart}</div>}\n\t\t\t<Stack gap={textGap} className={cn(\"card--header-start\", cardRecipes.headerLeading, singleLine && cardRecipes.headerLeadingSingle, inlineTrailing && cardRecipes.headerLeadingInline)}>\n\t\t\t\t{!!showTitleRow && (\n\t\t\t\t\t<div className=\"card--title-row flex min-w-0 items-start gap-space-sm\">\n\t\t\t\t\t\t{!!hasIcon && (\n\t\t\t\t\t\t\t<span className=\"card--icon flex shrink-0 items-center pt-space-2xs text-muted-foreground [&_svg]:size-icon\">\n\t\t\t\t\t\t\t\t{icon}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<SurfaceTitle dataSlot=\"card-title\" title={title} suffix={hasTitleSuffix ? titleSuffix : undefined} size={titleSize === 'md' ? 'base' : titleSize === 'lg' ? 'lg' : 'sm'} className=\"card--title flex-1\" suffixClassName=\"card--title-suffix\" />\n\t\t\t\t\t\t{!!hasTooltip && (\n\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t<TooltipTrigger_Info tooltipLabel={tooltipLabel} />\n\t\t\t\t\t\t\t\t<TooltipContent>{tooltip}</TooltipContent>\n\t\t\t\t\t\t\t</Tooltip>\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{!!hasDescription && (\n\t\t\t\t\t<CardDescription className=\"text-start\">{description}</CardDescription>\n\t\t\t\t)}\n\t\t\t</Stack>\n\n\t\t\t{!!showTrailing && (\n\t\t\t\t<div className={cn(\"card--header-end\", cardRecipes.headerTrailing, inlineTrailing && cardRecipes.headerTrailingInline)}>\n\t\t\t\t\t{!!hasHeaderEnd && headerEnd}\n\t\t\t\t\t{!!hasHeaderAction && headerAction}\n\t\t\t\t\t{!!hasActions && (\n\t\t\t\t\t\t<ActionsMenu actions={cardActions} actionsLabel={actionsLabel} />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</CardHeader>\n\t);\n}\n","/\n SmartCard strings — i18n surface for the chrome the consumer doesn't\n * pass directly. Most copy (title, description, action labels, alert\n * body) flows in via props; the strings here cover the implicit\n * affordances (header actions, tooltip, and expand toggle).\n /\n\nexport interface SmartCardStrings {\n\tactionsLabel: string;\n\ttooltipLabel: string;\n\texpandLabel: string;\n\tcollapseLabel: string;\n}\n\nexport const defaultSmartCardStrings = {\n\tactionsLabel: 'More actions',\n\ttooltipLabel: 'Card info',\n\texpandLabel: 'Expand card',\n\tcollapseLabel: 'Collapse card',\n} satisfies SmartCardStrings;\n","import { surfaceDividerRecipes } from '../../../lib/surface-recipes';\n/\n SmartCard — blocks card with header (icon, title, suffix, description,\n * tooltip), actions menu, alert banner, header / content / footer slots,\n * surface variants (card / flat / framed), and an opt-in expandable body.\n \n The single card primitive everything else builds on — never reach past it\n * to shadcn `Card` directly. The CardShell / CardHeader / CardTitle /\n * CardDescription / CardContent / CardFooter primitives are re-exported\n * for advanced composition (deeply customised layouts that still want the\n * design-system surface tokens). Each subregion paints a BEM-style hook\n * (`card--component`, `card--header`, `card--title`, …) for CSS / test /\n * analytics targeting independent of shadcn's data-slot internals.\n \n The file is a thin orchestrator. The actual chrome lives in:\n * - `./smart-card.types.ts` — public prop / variant types\n * - `./smart-card.strings.ts` — i18n (expand toggle copy)\n * - `./smart-card.tokens.ts` — CARD_INSET + SURFACE_CLASSES + CARD_BEM\n * - `./partials/card-primitives.tsx` — CardShell + CardHeader / Title /\n * Description / Content / Footer\n * - `./partials/smart-card-header-row.tsx` — header layout + actions menu\n * - `./partials/smart-card-alert.tsx` — inline alert banner\n * - `./partials/smart-card-actions-menu.tsx` — shared `⋯` overflow menu\n * - `./partials/smart-card-skeleton.tsx` — loading placeholder\n * - `./partials/has-renderable-content.ts` — slot-empty predicate\n /\nimport { ChevronDown } from 'lucide-react';\nimport {\n\ttype CSSProperties,\n\ttype FocusEvent,\n\tforwardRef,\n\tuseCallback,\n\tuseId,\n\tuseState,\n} from 'react';\n\nimport { Button } from '../buttons';\nimport { Text } from '../../typography';\nimport { Stack } from '../structure';\nimport { cardRegionGapClasses } from './card.recipes';\nimport { gapRecipe } from '../structure/structure.recipes';\nimport { compositionClasses, compositionRhythm } from '../structure/composition.recipes';\nimport { useStrings } from '../../../lib/strings';\nimport { useCardConfig, useDensityConfig } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { cn } from '../../../lib/utils';\n\nimport {\n\tCardContent,\n\tCardFooter,\n\tCardShell,\n} from './partials/card-primitives';\nimport { hasRenderableContent } from './partials/has-renderable-content';\nimport { SmartCardAlert } from './partials/smart-card-alert';\nimport { SmartCardHeaderRow } from './partials/smart-card-header-row';\nimport {\n\tdefaultSmartCardStrings,\n} from './smart-card.strings';\nimport {\n\tCARD_BEM,\n\tCARD_INSET,\n\tSURFACE_CLASSES,\n} from './smart-card.tokens';\nimport type {\n\tSmartCardProps,\n\tSmartCardSurface,\n} from './smart-card.types';\nimport { motionRecipes } from '../../../lib/motion-recipes';\n\nexport const Card = forwardRef<HTMLDivElement, SmartCardProps>(function Card({\n\ticon,\n\ttitle,\n\ttitleSuffix,\n\tdescription,\n\ttextGap = 'normal',\n\ttooltip,\n\ttooltipAriaLabel,\n\tfooterText,\n\talert,\n\talertTone = 'neutral',\n\tsurface,\n\tpadding = 'md',\n\theaderPlacement = 'inside',\n\tgap,\n\tcontentGap,\n\ttitleSize,\n\tactions,\n\tactionsLabel,\n\theaderAction,\n\theaderStart,\n\theaderEnd,\n\tcontentTop,\n\tcontentBottom,\n\tfooterSlot,\n\theaderDivider,\n\tfooterDivider: footerDividerProp,\n\texpandable = false,\n\tdefaultExpanded = false,\n\texpanded: expandedProp,\n\tonExpandedChange,\n\tchildren,\n\tclassName,\n\theaderClassName,\n\tcontentClassName,\n\tfooterClassName,\n\tstrings: stringsProp,\n\t...rootProps\n}, ref) {\n\tconst {\n\t\tdefaultSurface,\n\t\tdefaultHeaderDivider,\n\t\tdefaultFooterDivider,\n\t} = useCardConfig();\n\tconst { defaultScale } = useDensityConfig();\n\tconst resolvedTitleSize = resolveComponentScale(titleSize, defaultScale);\n\tconst inset = { none: 'px-0', sm: 'px-surface-xs', md: 'px-surface', lg: 'px-surface-lg' }[padding];\n\tconst vertical = { none: 'py-0', sm: 'py-surface-xs', md: 'py-surface', lg: 'py-surface-lg' }[padding];\n\tconst tokens = { ...CARD_INSET, headerX: inset, contentX: inset, footerX: inset, headerDividerY: { none: '!pb-0', sm: '!pb-surface-xs', md: '!pb-surface', lg: '!pb-surface-lg' }[padding], footerDividerY: { none: '!pt-0', sm: '!pt-surface-xs', md: '!pt-surface', lg: '!pt-surface-lg' }[padding] };\n\tconst framedHeader = headerPlacement === 'frame';\n\tconst cardActions = Array.isArray(actions) ? actions : [];\n\tconst strings = useStrings(defaultSmartCardStrings, stringsProp);\n\tconst resolvedActionsLabel =\n\t\tactionsLabel ?? strings.actionsLabel;\n\n\tconst isExpandable = expandable !== false && expandable !== undefined;\n\tconst collapsedMaxHeightRaw =\n\t\ttypeof expandable === 'object' && expandable?.collapsedMaxHeight !== undefined\n\t\t\t? expandable.collapsedMaxHeight\n\t\t\t: '12rem';\n\tconst collapsedMaxHeight =\n\t\ttypeof collapsedMaxHeightRaw === 'number'\n\t\t\t? `${collapsedMaxHeightRaw}px`\n\t\t\t: collapsedMaxHeightRaw;\n\n\tconst isExpandedControlled = expandedProp !== undefined;\n\tconst bodyId = useId();\n\tconst [internalExpanded, setInternalExpanded] = useState(defaultExpanded);\n\tconst expanded = isExpandedControlled ? expandedProp : internalExpanded;\n\tconst handleToggle = useCallback(() => {\n\t\tconst next = !expanded;\n\t\tif (!isExpandedControlled) setInternalExpanded(next);\n\t\tonExpandedChange?.(next);\n\t}, [expanded, isExpandedControlled, onExpandedChange]);\n\tconst handleBodyFocus = (event: FocusEvent<HTMLDivElement>) => {\n\t\tif (!isExpandable \|\| expanded) return;\n\t\tconst body = event.currentTarget;\n\t\tconst target = event.target;\n\t\tconst frame = body.getBoundingClientRect();\n\t\tconst control = target.getBoundingClientRect();\n\t\t// Native keyboard focus can scroll an overflow-hidden preview before the\n\t\t// focus event reaches React. Reveal the complete body in either case.\n\t\tif (body.scrollTop === 0 && control.top >= frame.top && control.bottom <= frame.bottom) return;\n\t\tif (!isExpandedControlled) setInternalExpanded(true);\n\t\tonExpandedChange?.(true);\n\t\trequestAnimationFrame(() => {\n\t\t\tif (target.isConnected && target === target.ownerDocument.activeElement) {\n\t\t\t\ttarget.scrollIntoView?.({ block: 'nearest', inline: 'nearest' });\n\t\t\t}\n\t\t});\n\t};\n\n\tconst hasHeader =\n\t\thasRenderableContent(icon) \|\|\n\t\thasRenderableContent(title) \|\|\n\t\thasRenderableContent(description) \|\|\n\t\tcardActions.length > 0 \|\|\n\t\thasRenderableContent(headerAction) \|\|\n\t\thasRenderableContent(headerStart) \|\|\n\t\thasRenderableContent(headerEnd);\n\n\tconst hasAlert = hasRenderableContent(alert);\n\tconst hasFooterText = hasRenderableContent(footerText);\n\tconst hasFooterSlot = hasRenderableContent(footerSlot);\n\tconst hasContentTop = hasRenderableContent(contentTop);\n\tconst hasContentBottom = hasRenderableContent(contentBottom);\n\tconst hasChildren = hasRenderableContent(children);\n\t// Expandable cards retain their explicitly requested collapse region.\n\tconst hasBody = hasContentTop \|\| hasContentBottom \|\| hasChildren \|\| isExpandable;\n\tconst hasBodySurface = hasAlert \|\| hasBody \|\| hasFooterText \|\| hasFooterSlot;\n\tconst headerFooterOnly = hasHeader && (hasFooterText \|\| hasFooterSlot) && !hasAlert && !hasBody && !framedHeader;\n\n\tconst tooltipLabel =\n\t\ttooltipAriaLabel && tooltipAriaLabel.trim().length > 0\n\t\t\t? tooltipAriaLabel\n\t\t\t: strings.tooltipLabel;\n\n\tconst collapseStyle: CSSProperties \| undefined = isExpandable\n\t\t? {\n\t\t\t\tmaxHeight: expanded ? '' : collapsedMaxHeight,\n\t\t\t}\n\t\t: undefined;\n\n\t// Resolve surface from the instance, then the provider default.\n\tconst resolvedSurface: SmartCardSurface =\n\t\tsurface ?? defaultSurface ?? 'card';\n\t// The standard header breathes without a rule; the footer retains a boundary.\n\t// Flat, card-free structure has no frame to rule, and a header\n\t// set above an inset body is already separated by that body's edge. Explicit\n\t// per-card booleans always win.\n\tconst framed = resolvedSurface !== 'flat';\n\tconst resolvedHeaderDivider = headerDivider ?? (framed && !framedHeader && (defaultHeaderDivider ?? false));\n\tconst footerDivider = footerDividerProp ?? (framed && (defaultFooterDivider ?? true));\n\t// Adjacent header/footer regions share one boundary, owned by the footer.\n\tconst sharedHeaderFooterDivider = headerFooterOnly && (resolvedHeaderDivider \|\| footerDivider);\n\n\treturn (\n\t\t<CardShell\n\t\t\t{...rootProps}\n\t\t\tdata-header-placement={headerPlacement}\n\t\t\tref={ref}\n\t\t\tdata-surface={resolvedSurface}\n\t\t\tclassName={cn(\n\t\t\t\tSURFACE_CLASSES[resolvedSurface],\n\t\t\t\ttokens.shell,\n\t\t\t\tvertical,\n\t\t\t\t// Regional rhythm follows the chosen inset. Padding-free subject structure\n\t\t\t\t// keeps the base rhythm; an explicit semantic gap takes precedence.\n\t\t\t\tgap ? gapRecipe({ gap }) : cardRegionGapClasses[padding],\n\t\t\t\tsharedHeaderFooterDivider && 'gap-0',\n\t\t\t\tframedHeader && 'rounded-surface bg-muted text-foreground p-surface-xs pt-0 gap-0 ring-0',\n\t\t\t\t// Flat subject structure has no surface edge to clip against.\n\t\t\t\t// With no inset, rounded clipping otherwise cuts into its heading.\n\t\t\t\tresolvedSurface === 'flat' && !framedHeader && 'overflow-visible',\n\t\t\t\t// The toggle straddles the card edge. Keep tokenized clearance\n\t\t\t\t// inside the card and reserve its outside half in document flow.\n\t\t\t\t// `overflow-visible` counters the shadcn primitive's clipping.\n\t\t\t\tisExpandable && cn(\n\t\t\t\t\t'relative mb-space-xl !overflow-visible',\n\t\t\t\t\ttokens.expandableBottom,\n\t\t\t\t),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!!hasHeader && (\n\t\t\t\t<SmartCardHeaderRow\n\t\t\t\t\ticon={icon}\n\t\t\t\t\ttitle={title}\n\t\t\t\t\ttitleSuffix={titleSuffix}\n\t\t\t\t\tdescription={description}\n\t\t\t\t\ttextGap={textGap}\n\t\t\t\t\ttooltip={tooltip}\n\t\t\t\t\ttooltipLabel={tooltipLabel}\n\t\t\t\t\theaderStart={headerStart}\n\t\t\t\t\theaderEnd={headerEnd}\n\t\t\t\t\theaderAction={headerAction}\n\t\t\t\t\tactions={cardActions}\n\t\t\t\t\tactionsLabel={resolvedActionsLabel}\n\t\t\t\t\ttitleSize={resolvedTitleSize}\n\t\t\t\t\tinlineCommands={!framedHeader}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tresolvedHeaderDivider && !sharedHeaderFooterDivider && cn(\n\t\t\t\t\t\t\tsurfaceDividerRecipes.frame.header,\n\t\t\t\t\t\t\ttokens.headerDividerY,\n\t\t\t\t\t\t),\n\t\t\t\t\t\tsharedHeaderFooterDivider && tokens.headerDividerY,\n\t\t\t\t\t\ttokens.headerX,\n\t\t\t\t\t\tframedHeader && 'flex-row items-center min-h-action px-surface-xs py-space-2xs [&_.card--title-row]:items-center [&_.card--icon]:pt-0',\n\t\t\t\t\t\theaderClassName,\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{hasBodySurface && <div className={framedHeader ? cn('card--body-surface flex min-w-0 flex-col rounded-radius bg-card text-card-foreground', gap ? gapRecipe({ gap }) : cardRegionGapClasses[padding], surfaceDividerRecipes.frame.shell, vertical) : 'contents'}>\n\t\t\t{!!hasAlert && (\n\t\t\t\t<SmartCardAlert\n\t\t\t\t\talert={alert}\n\t\t\t\t\talertTone={alertTone}\n\t\t\t\t\thasHeader={hasHeader}\n\t\t\t\t\tclassName={inset}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{!!hasBody && <CardContent\n\t\t\t\tid={isExpandable ? bodyId : undefined}\n\t\t\t\tonFocusCapture={isExpandable ? handleBodyFocus : undefined}\n\t\t\t\tclassName={cn(\n\t\t\t\t\ttokens.contentX,\n\t\t\t\t\ttokens.contentY,\n\t\t\t\t\tisExpandable && cn(\n\t\t\t\t\t\t'relative transition-[max-height] duration-500 ease-in-out motion-reduce:transition-none',\n\t\t\t\t\t\texpanded ? 'overflow-visible' : 'overflow-hidden',\n\t\t\t\t\t),\n\t\t\t\t\tcontentClassName,\n\t\t\t\t)}\n\t\t\t\tstyle={collapseStyle}\n\t\t\t>\n\t\t\t\t{hasContentTop \|\| hasContentBottom ? (\n\t\t\t\t\t// contentTop/contentBottom are body regions, so they share the content gap with children.\n\t\t\t\t\t<Stack gap={contentGap ?? compositionRhythm.related}>\n\t\t\t\t\t\t{!!hasContentTop && contentTop}\n\t\t\t\t\t\t{hasChildren && (contentGap ? <Stack gap={contentGap}>{children}</Stack> : <div className={cn('flex min-w-0 flex-col', compositionClasses.related)}>{children}</div>)}\n\t\t\t\t\t\t{!!hasContentBottom && contentBottom}\n\t\t\t\t\t</Stack>\n\t\t\t\t) : contentGap ? <Stack gap={contentGap}>{children}</Stack> : children}\n\n\t\t\t\t{!!isExpandable && !expanded && (\n\t\t\t\t\t<div\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\tCARD_BEM.collapseFade,\n\t\t\t\t\t\t\t'pointer-events-none absolute inset-x-0 bottom-0 h-20 rounded-b-surface bg-linear-to-t to-transparent',\n\t\t\t\t\t\t\tresolvedSurface === 'flat' ? 'from-background' : 'from-card',\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</CardContent>}\n\n\t\t\t{(hasFooterText \|\| hasFooterSlot) && (\n\t\t\t\t<CardFooter className={cn(\n\t\t\t\t\ttokens.footerX,\n\t\t\t\t\thasFooterSlot ? 'flex-col items-stretch gap-space-md' : 'justify-end',\n\t\t\t\t\t(footerDivider \|\| sharedHeaderFooterDivider) && cn(surfaceDividerRecipes.frame.footer, tokens.footerDividerY),\n\t\t\t\t\tfooterClassName,\n\t\t\t\t)}>\n\t\t\t\t\t{hasFooterText && (typeof footerText === 'string' \|\| typeof footerText === 'number' \|\| typeof footerText === 'bigint'\n\t\t\t\t\t\t? <Text tag=\"span\" size=\"xs\" type=\"secondary\">{footerText}</Text>\n\t\t\t\t\t\t: footerText)}\n\t\t\t\t\t{hasFooterSlot && footerSlot}\n\t\t\t\t</CardFooter>\n\t\t\t)}\n\n\t\t\t</div>}\n\n\t\t\t{!!isExpandable && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tCARD_BEM.expandToggle,\n\t\t\t\t\t\t'absolute bottom-0 left-1/2 z-10 -translate-x-1/2 translate-y-1/2',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\tonClick={handleToggle}\n\t\t\t\t\t\taria-expanded={expanded}\n\t\t\t\t\t\taria-controls={bodyId}\n\t\t\t\t\t\taria-label={expanded ? strings.collapseLabel : strings.expandLabel}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\tCARD_BEM.expandToggleButton,\n\t\t\t\t\t\t\tcn(surfaceDividerRecipes.frame.shell, 'bg-background text-foreground shadow-sm'),\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ChevronDown\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t`size-icon ${motionRecipes.chevron}`,\n\t\t\t\t\t\t\t\texpanded && 'rotate-180',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</CardShell>\n\t);\n});\n\nCard.displayName = 'Card';\n\n/* @deprecated Use Card. */\nexport const SmartCard = Card;\n\n// ──────────────────────────────────────────────────────────────────────────\n// Re-exports — public surface lives here so `import { ... } from\n// '.'` keeps working through the file split.\n// ──────────────────────────────────────────────────────────────────────────\n\nexport {\n\tdefaultSmartCardStrings,\n\ttype SmartCardStrings,\n} from './smart-card.strings';\nexport type {\n\tCardAlertTone,\n\tSmartCardAction,\n\tSmartCardProps,\n\tSmartCardSkeletonProps,\n\tSmartCardSurface,\n} from './smart-card.types';\nexport {\n\tCardContent,\n\tCardDescription,\n\tCardFooter,\n\tCardHeader,\n\tCardShell,\n\tCardTitle,\n} from './partials/card-primitives';\nexport { hasRenderableContent } from './partials/has-renderable-content';\nexport { SmartCardSkeleton } from './partials/smart-card-skeleton';\n"],"mappings":"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"}

package/dist/{structure-DuxKl954.js → structure-DZJ2wbAU.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "./utils-B6kKb8jB.js";
+import { t as e } from "./utils-DhuoqFy4.js";
 import { a as t, i as n, o as r, r as i, t as a } from "./structure.recipes-BB4-n58V.js";
 import { createContext as o, forwardRef as s, useContext as c } from "react";
 import { jsx as l } from "react/jsx-runtime";
@@ -92,4 +92,4 @@ h.displayName = "Stack";
 //#endregion
 export { d as i, m as n, p as r, h as t };
-//# sourceMappingURL=structure-DuxKl954.js.map
+//# sourceMappingURL=structure-DZJ2wbAU.js.map

package/dist/{structure-DuxKl954.js.map → structure-DZJ2wbAU.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"structure-~~DuxKl954~~.js","names":["cn","spanRecipe","resolveGridColumns","stackRecipe","gridRecipe","adaptiveGridRecipe","AdaptiveGrid","forwardRef","props","useRender","className","GridColumnsContext","createContext","Grid","element","columns","GridCell","useContext","Stack"],"sources":["../src/components/base/structure/adaptive-grid.tsx","../src/components/base/structure/structure.context.ts","../src/components/base/structure/grid.tsx","../src/components/base/structure/grid-cell.tsx","../src/components/base/structure/stack.tsx"],"sourcesContent":["import { useRender } from '@base-ui/react/use-render';\nimport { forwardRef } from 'react';\n\nimport { cn } from '../../../lib/utils';\n\nimport { adaptiveGridRecipe } from './structure.recipes';\nimport type { AdaptiveGridProps } from './structure.types';\n\n/** AdaptiveGrid — equal peer columns driven by the available inline size. /\nexport const AdaptiveGrid = forwardRef<HTMLDivElement, AdaptiveGridProps>(\n\tfunction AdaptiveGrid(\n\t\t{\n\t\t\tclassName,\n\t\t\tminColumnWidth,\n\t\t\tgap,\n\t\t\trowGap,\n\t\t\tcolumnGap,\n\t\t\talign,\n\t\t\trender,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) {\n\t\treturn useRender({\n\t\t\tdefaultTagName: 'div',\n\t\t\tref,\n\t\t\trender,\n\t\t\tprops: {\n\t\t\t\t...props,\n\t\t\t\tclassName: cn(\n\t\t\t\t\t'adaptive-grid--component',\n\t\t\t\t\tadaptiveGridRecipe({ minColumnWidth, gap, rowGap, columnGap, align }),\n\t\t\t\t\tclassName,\n\t\t\t\t),\n\t\t\t},\n\t\t\tstate: {},\n\t\t});\n\t},\n);\n\nAdaptiveGrid.displayName = 'AdaptiveGrid';\n","import { createContext } from 'react';\n\nimport type { GridColumnLadder } from './structure.types';\n\n/\n The nearest Grid publishes its resolved column ladder so a GridCell can clamp\n * a numeric span to the tracks that exist at each breakpoint. Undefined means\n * the cell is not inside a Grid.\n /\nexport const GridColumnsContext = createContext<GridColumnLadder \| undefined>(undefined);\n","import { useRender } from '@base-ui/react/use-render';\nimport { forwardRef } from 'react';\n\nimport { cn } from '../../../lib/utils';\n\nimport { GridColumnsContext } from './structure.context';\nimport { gridRecipe, resolveGridColumns } from './structure.recipes';\nimport type { GridProps } from './structure.types';\n\n/* Grid — responsive card/tile composition with a one-to-two-column default. /\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(function Grid({ className, columns, gap, rowGap, columnGap, align, render, ...props }, ref) {\n\tconst element = useRender({ defaultTagName: 'div', ref, render, props: { ...props, className: cn('grid--component', gridRecipe({ columns, gap, rowGap, columnGap, align }), className) }, state: {} });\n\t// The provider carries no DOM node, so the BEM hook stays on the grid element.\n\treturn <GridColumnsContext.Provider value={resolveGridColumns(columns)}>{element}</GridColumnsContext.Provider>;\n});\n\nGrid.displayName = 'Grid';\n","import { useRender } from '@base-ui/react/use-render';\nimport { forwardRef, useContext } from 'react';\n\nimport { cn } from '../../../lib/utils';\n\nimport { GridColumnsContext } from './structure.context';\nimport { spanRecipe } from './structure.recipes';\nimport type { GridCellProps } from './structure.types';\n\n/* GridCell — a Grid child that occupies more than one column, clamped to the columns that exist. /\nexport const GridCell = forwardRef<HTMLDivElement, GridCellProps>(function GridCell({ className, span, render, ...props }, ref) {\n\tconst columns = useContext(GridColumnsContext);\n\treturn useRender({ defaultTagName: 'div', ref, render, props: { ...props, className: cn('grid-cell--component', spanRecipe({ span, columns }), className) }, state: {} });\n});\n\nGridCell.displayName = 'GridCell';\n","import { useRender } from '@base-ui/react/use-render';\nimport { forwardRef } from 'react';\n\nimport { cn } from '../../../lib/utils';\n\nimport { stackRecipe } from './structure.recipes';\nimport type { StackProps } from './structure.types';\n\n/* Stack — one-dimensional composition with vertical, token-spaced defaults. */\nexport const Stack = forwardRef<HTMLDivElement, StackProps>(function Stack({ className, direction, gap, align, justify, wrap, render, ...props }, ref) {\n\treturn useRender({ defaultTagName: 'div', ref, render, props: { ...props, className: cn('stack--component', stackRecipe({ direction, gap, align, justify, wrap }), className) }, state: {} });\n});\n\nStack.displayName = 'Stack';\n"],"mappings":";;;;;;;AASA,IAAaM,IAAeC,EAC3B,SACC,EACC,cACA,mBACA,QACA,WACA,cACA,UACA,WACA,GAAGC,KAEJ,GACC;CACD,OAAOC,EAAU;EAChB,gBAAgB;EAChB;EACA;EACA,OAAO;GACN,GAAGD;GACH,WAAWR,EACV,4BACAK,EAAmB;IAAE;IAAgB;IAAK;IAAQ;IAAW;GAAM,CAAC,GACpEK,CACD;EACD;EACA,OAAO,CAAC;CACT,CAAC;AACF,CACD;AAEA,EAAa,cAAc;;;AC/B3B,IAAaC,IAAqBC,EAA4C,KAAA,CAAS,GCC1EC,IAAON,EAAsC,SAAc,EAAE,cAAW,YAAS,QAAK,WAAQ,cAAW,UAAO,WAAQ,GAAGC,KAAS,GAAK;CACrJ,IAAMM,IAAUL,EAAU;EAAE,gBAAgB;EAAO;EAAK;EAAQ,OAAO;GAAE,GAAGD;GAAO,WAAWR,EAAG,mBAAmBI,EAAW;IAAE;IAAS;IAAK;IAAQ;IAAW;GAAM,CAAC,GAAGM,CAAS;EAAE;EAAG,OAAO,CAAC;CAAE,CAAC;CAErM,OAAO,kBAACC,EAAmB,UAApB;EAA6B,OAAOT,EAAmBa,CAAO;EAAI,UAAAD;CAAqC,CAAA;AAC/G,CAAC;AAED,EAAK,cAAc;;;ACNnB,IAAaE,IAAWT,EAA0C,SAAkB,EAAE,cAAW,SAAM,WAAQ,GAAGC,KAAS,GAAK;CAC/H,IAAMO,IAAUE,EAAWN,CAAkB;CAC7C,OAAOF,EAAU;EAAE,gBAAgB;EAAO;EAAK;EAAQ,OAAO;GAAE,GAAGD;GAAO,WAAWR,EAAG,wBAAwBC,EAAW;IAAE;IAAM;GAAQ,CAAC,GAAGS,CAAS;EAAE;EAAG,OAAO,CAAC;CAAE,CAAC;AACzK,CAAC;AAED,EAAS,cAAc;;;ACNvB,IAAaQ,IAAQX,EAAuC,SAAe,EAAE,cAAW,cAAW,QAAK,UAAO,YAAS,SAAM,WAAQ,GAAGC,KAAS,GAAK;CACtJ,OAAOC,EAAU;EAAE,gBAAgB;EAAO;EAAK;EAAQ,OAAO;GAAE,GAAGD;GAAO,WAAWR,EAAG,oBAAoBG,EAAY;IAAE;IAAW;IAAK;IAAO;IAAS;GAAK,CAAC,GAAGO,CAAS;EAAE;EAAG,OAAO,CAAC;CAAE,CAAC;AAC7L,CAAC;AAED,EAAM,cAAc"}
1	+ {"version":3,"file":"structure-DZJ2wbAU.js","names":["cn","spanRecipe","resolveGridColumns","stackRecipe","gridRecipe","adaptiveGridRecipe","AdaptiveGrid","forwardRef","props","useRender","className","GridColumnsContext","createContext","Grid","element","columns","GridCell","useContext","Stack"],"sources":["../src/components/base/structure/adaptive-grid.tsx","../src/components/base/structure/structure.context.ts","../src/components/base/structure/grid.tsx","../src/components/base/structure/grid-cell.tsx","../src/components/base/structure/stack.tsx"],"sourcesContent":["import { useRender } from '@base-ui/react/use-render';\nimport { forwardRef } from 'react';\n\nimport { cn } from '../../../lib/utils';\n\nimport { adaptiveGridRecipe } from './structure.recipes';\nimport type { AdaptiveGridProps } from './structure.types';\n\n/** AdaptiveGrid — equal peer columns driven by the available inline size. /\nexport const AdaptiveGrid = forwardRef<HTMLDivElement, AdaptiveGridProps>(\n\tfunction AdaptiveGrid(\n\t\t{\n\t\t\tclassName,\n\t\t\tminColumnWidth,\n\t\t\tgap,\n\t\t\trowGap,\n\t\t\tcolumnGap,\n\t\t\talign,\n\t\t\trender,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) {\n\t\treturn useRender({\n\t\t\tdefaultTagName: 'div',\n\t\t\tref,\n\t\t\trender,\n\t\t\tprops: {\n\t\t\t\t...props,\n\t\t\t\tclassName: cn(\n\t\t\t\t\t'adaptive-grid--component',\n\t\t\t\t\tadaptiveGridRecipe({ minColumnWidth, gap, rowGap, columnGap, align }),\n\t\t\t\t\tclassName,\n\t\t\t\t),\n\t\t\t},\n\t\t\tstate: {},\n\t\t});\n\t},\n);\n\nAdaptiveGrid.displayName = 'AdaptiveGrid';\n","import { createContext } from 'react';\n\nimport type { GridColumnLadder } from './structure.types';\n\n/\n The nearest Grid publishes its resolved column ladder so a GridCell can clamp\n * a numeric span to the tracks that exist at each breakpoint. Undefined means\n * the cell is not inside a Grid.\n /\nexport const GridColumnsContext = createContext<GridColumnLadder \| undefined>(undefined);\n","import { useRender } from '@base-ui/react/use-render';\nimport { forwardRef } from 'react';\n\nimport { cn } from '../../../lib/utils';\n\nimport { GridColumnsContext } from './structure.context';\nimport { gridRecipe, resolveGridColumns } from './structure.recipes';\nimport type { GridProps } from './structure.types';\n\n/* Grid — responsive card/tile composition with a one-to-two-column default. /\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(function Grid({ className, columns, gap, rowGap, columnGap, align, render, ...props }, ref) {\n\tconst element = useRender({ defaultTagName: 'div', ref, render, props: { ...props, className: cn('grid--component', gridRecipe({ columns, gap, rowGap, columnGap, align }), className) }, state: {} });\n\t// The provider carries no DOM node, so the BEM hook stays on the grid element.\n\treturn <GridColumnsContext.Provider value={resolveGridColumns(columns)}>{element}</GridColumnsContext.Provider>;\n});\n\nGrid.displayName = 'Grid';\n","import { useRender } from '@base-ui/react/use-render';\nimport { forwardRef, useContext } from 'react';\n\nimport { cn } from '../../../lib/utils';\n\nimport { GridColumnsContext } from './structure.context';\nimport { spanRecipe } from './structure.recipes';\nimport type { GridCellProps } from './structure.types';\n\n/* GridCell — a Grid child that occupies more than one column, clamped to the columns that exist. /\nexport const GridCell = forwardRef<HTMLDivElement, GridCellProps>(function GridCell({ className, span, render, ...props }, ref) {\n\tconst columns = useContext(GridColumnsContext);\n\treturn useRender({ defaultTagName: 'div', ref, render, props: { ...props, className: cn('grid-cell--component', spanRecipe({ span, columns }), className) }, state: {} });\n});\n\nGridCell.displayName = 'GridCell';\n","import { useRender } from '@base-ui/react/use-render';\nimport { forwardRef } from 'react';\n\nimport { cn } from '../../../lib/utils';\n\nimport { stackRecipe } from './structure.recipes';\nimport type { StackProps } from './structure.types';\n\n/* Stack — one-dimensional composition with vertical, token-spaced defaults. */\nexport const Stack = forwardRef<HTMLDivElement, StackProps>(function Stack({ className, direction, gap, align, justify, wrap, render, ...props }, ref) {\n\treturn useRender({ defaultTagName: 'div', ref, render, props: { ...props, className: cn('stack--component', stackRecipe({ direction, gap, align, justify, wrap }), className) }, state: {} });\n});\n\nStack.displayName = 'Stack';\n"],"mappings":";;;;;;;AASA,IAAaM,IAAeC,EAC3B,SACC,EACC,cACA,mBACA,QACA,WACA,cACA,UACA,WACA,GAAGC,KAEJ,GACC;CACD,OAAOC,EAAU;EAChB,gBAAgB;EAChB;EACA;EACA,OAAO;GACN,GAAGD;GACH,WAAWR,EACV,4BACAK,EAAmB;IAAE;IAAgB;IAAK;IAAQ;IAAW;GAAM,CAAC,GACpEK,CACD;EACD;EACA,OAAO,CAAC;CACT,CAAC;AACF,CACD;AAEA,EAAa,cAAc;;;AC/B3B,IAAaC,IAAqBC,EAA4C,KAAA,CAAS,GCC1EC,IAAON,EAAsC,SAAc,EAAE,cAAW,YAAS,QAAK,WAAQ,cAAW,UAAO,WAAQ,GAAGC,KAAS,GAAK;CACrJ,IAAMM,IAAUL,EAAU;EAAE,gBAAgB;EAAO;EAAK;EAAQ,OAAO;GAAE,GAAGD;GAAO,WAAWR,EAAG,mBAAmBI,EAAW;IAAE;IAAS;IAAK;IAAQ;IAAW;GAAM,CAAC,GAAGM,CAAS;EAAE;EAAG,OAAO,CAAC;CAAE,CAAC;CAErM,OAAO,kBAACC,EAAmB,UAApB;EAA6B,OAAOT,EAAmBa,CAAO;EAAI,UAAAD;CAAqC,CAAA;AAC/G,CAAC;AAED,EAAK,cAAc;;;ACNnB,IAAaE,IAAWT,EAA0C,SAAkB,EAAE,cAAW,SAAM,WAAQ,GAAGC,KAAS,GAAK;CAC/H,IAAMO,IAAUE,EAAWN,CAAkB;CAC7C,OAAOF,EAAU;EAAE,gBAAgB;EAAO;EAAK;EAAQ,OAAO;GAAE,GAAGD;GAAO,WAAWR,EAAG,wBAAwBC,EAAW;IAAE;IAAM;GAAQ,CAAC,GAAGS,CAAS;EAAE;EAAG,OAAO,CAAC;CAAE,CAAC;AACzK,CAAC;AAED,EAAS,cAAc;;;ACNvB,IAAaQ,IAAQX,EAAuC,SAAe,EAAE,cAAW,cAAW,QAAK,UAAO,YAAS,SAAM,WAAQ,GAAGC,KAAS,GAAK;CACtJ,OAAOC,EAAU;EAAE,gBAAgB;EAAO;EAAK;EAAQ,OAAO;GAAE,GAAGD;GAAO,WAAWR,EAAG,oBAAoBG,EAAY;IAAE;IAAW;IAAK;IAAO;IAAS;GAAK,CAAC,GAAGO,CAAS;EAAE;EAAG,OAAO,CAAC;CAAE,CAAC;AAC7L,CAAC;AAED,EAAM,cAAc"}