themelia-react-ui 1.0.2 → 2.0.1

package/dist/skeleton-3F0uhYn3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton-3F0uhYn3.js","names":["Skeleton","PrimitiveSkeleton","React","cn","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","TableSkeleton","rowCount","rows","columnCount","columns","columnIndexes","toolbar","column","footer"],"sources":["../src/components/ui/skeleton.tsx","../src/components/base/skeleton/skeleton.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\"\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn(\"bg-muted rounded-md 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-radius border border-border/70 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\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/70 px-surface py-row-y-lg\">\n\t\t\t\t\t\t\t<div className=\"flex min-w-0 flex-1 items-center gap-space-sm\">\n\t\t\t\t\t\t\t\t<Skeleton className=\"h-control-sm w-56 max-w-full\" />\n\t\t\t\t\t\t\t\t<Skeleton className=\"hidden h-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/70\">\n\t\t\t\t\t\t\t\t\t{columnIndexes.map((column) => (\n\t\t\t\t\t\t\t\t\t\t<th key={`table-head-${String(column)}`} className=\"h-control px-row-x text-left align-middle\">\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/55 last:border-b-0\">\n\t\t\t\t\t\t\t\t\t\t{columnIndexes.map((column) => (\n\t\t\t\t\t\t\t\t\t\t\t<td key={`table-cell-${String(row)}-${String(column)}`} className=\"px-row-x py-row-y align-middle\">\n\t\t\t\t\t\t\t\t\t\t\t\t{column === 0 ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<TableResourceCellSkeleton row={row} />\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Skeleton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'h-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/70 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-DjGVV2xr.js

@@ -1,584 +0,0 @@
-"use client";
-import { _ as e, i as t, s as n } from "./ui-provider-DRPn3qNl.js";
-import { useStrings as r } from "./lib/strings.js";
-import { t as i } from "./utils-BvH9PSmq.js";
-import { a } from "./typography-BxQgiZyw.js";
-import { a as o, c as s, o as c, t as l } from "./button-BZDasD04.js";
-import { n as u } from "./structure.recipes-Bqhf9oIh.js";
-import { t as d } from "./structure-CRdqVawd.js";
-import { t as f } from "./icon-size-B6PVwjbC.js";
-import { n as p } from "./surface-recipes-Dd__PD-w.js";
-import { n as m } from "./action-menu-Drxw_vJk.js";
-import { Fragment as h, forwardRef as g, isValidElement as _, useCallback as v, useState as ee } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { ChevronDown as te, Info as x, MoreHorizontal as S } from "lucide-react";
-import { cva as C } from "class-variance-authority";
-//#region src/components/base/feedback/alert.tsx
-var w = C([
-	"alert--component relative grid w-full grid-cols-[0_1fr] items-start gap-y-normal rounded-radius border p-surface text-left",
-	"has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-space-sm",
-	"has-[>[data-slot=alert-action]]:sm:grid-cols-[0_minmax(0,1fr)_auto] has-[>svg]:has-[>[data-slot=alert-action]]:sm:grid-cols-[auto_minmax(0,1fr)_auto] has-[>[data-slot=alert-action]]:gap-x-space-sm",
-	"[&>svg]:row-span-2 [&>svg]:mt-[calc((1em*1.375-var(--spacing-icon))/2)] [&>svg]:shrink-0",
-	f.md
-], {
-	variants: {
-		tone: {
-			neutral: "border-border bg-card text-card-foreground",
-			primary: "border-primary/30 bg-primary/5 text-card-foreground [&>svg]:text-primary-accent",
-			secondary: "border-border bg-secondary/40 text-card-foreground [&>svg]:text-secondary-foreground",
-			info: "border-info/30 bg-info/5 text-card-foreground [&>svg]:text-info",
-			success: "border-success/30 bg-success/10 text-card-foreground [&>svg]:text-success",
-			warning: "border-warning/40 bg-warning/10 text-card-foreground [&>svg]:text-warning-accent",
-			destructive: "border-destructive/30 bg-destructive/5 text-card-foreground [&>svg]:text-destructive"
-		},
-		variant: {
-			default: "",
-			inverse: [
-				"border-foreground bg-foreground text-background",
-				"[&>svg]:text-background",
-				"[&_[data-slot=alert-title]_[data-typography=text]]:text-background",
-				"[&_[data-slot=alert-description]_[data-typography=text]]:text-background/75",
-				"[&_[data-slot=alert-metadata-item]]:bg-background/10",
-				"[&_[data-slot=alert-metadata-item]>svg]:text-background/70",
-				"[&_[data-slot=alert-metadata-label]_[data-typography=text]]:text-background/70",
-				"[&_[data-slot=alert-metadata-value]_[data-typography=text]]:text-background"
-			]
-		}
-	},
-	defaultVariants: {
-		tone: "neutral",
-		variant: "default"
-	}
-});
-function T(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-var E = g(function({ className: e, tone: t, variant: n, role: r = "alert", ...a }, o) {
-	return /* @__PURE__ */ y("div", {
-		ref: o,
-		"data-slot": "alert",
-		"data-tone": t ?? "neutral",
-		"data-variant": n ?? "default",
-		role: r,
-		className: i(w({
-			tone: t,
-			variant: n
-		}), e),
-		...a
-	});
-});
-E.displayName = "Alert";
-var D = g(function({ className: e, children: t, ...n }, r) {
-	return /* @__PURE__ */ y("div", {
-		ref: r,
-		"data-slot": "alert-title",
-		className: i("alert--title col-start-2 min-h-icon leading-snug [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80", e),
-		...n,
-		children: T(t) ? /* @__PURE__ */ y(a, {
-			tag: "span",
-			weight: "semibold",
-			lineHeight: "snug",
-			children: t
-		}) : t
-	});
-});
-D.displayName = "AlertTitle";
-var O = g(function({ className: e, children: t, ...n }, r) {
-	return /* @__PURE__ */ y(d, {
-		ref: r,
-		"data-slot": "alert-description",
-		gap: "xs",
-		align: "start",
-		className: i("alert--description col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80 [&_p]:leading-relaxed", e),
-		...n,
-		children: T(t) ? /* @__PURE__ */ y(a, {
-			tag: "span",
-			type: "secondary",
-			children: t
-		}) : t
-	});
-});
-O.displayName = "AlertDescription";
-var k = g(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ y("dl", {
-		ref: n,
-		"data-slot": "alert-metadata",
-		className: i("alert-metadata--component alert--metadata col-start-2 mt-space-xs flex min-w-0 flex-wrap items-center gap-x-space-md gap-y-space-xs", e),
-		...t
-	});
-});
-k.displayName = "AlertMetadata";
-var A = g(function({ className: e, icon: t, label: n, value: r, numeric: o = !1, ...s }, c) {
-	return /* @__PURE__ */ b("div", {
-		ref: c,
-		"data-slot": "alert-metadata-item",
-		className: i("alert-metadata-item--component alert--metadata-item inline-flex max-w-full min-w-0 items-center gap-space-sm rounded-radius-sm bg-muted/60 px-control-xs py-space-xs", "[&>svg]:size-icon-sm [&>svg]:shrink-0 [&>svg]:text-muted-foreground", e),
-		...s,
-		children: [
-			t,
-			/* @__PURE__ */ y("dt", {
-				"data-slot": "alert-metadata-label",
-				className: "alert--metadata-label shrink-0",
-				children: T(n) ? /* @__PURE__ */ y(a, {
-					tag: "span",
-					size: "xs",
-					type: "secondary",
-					className: "leading-none",
-					children: n
-				}) : n
-			}),
-			/* @__PURE__ */ y("dd", {
-				"data-slot": "alert-metadata-value",
-				className: "alert--metadata-value m-0 min-w-0",
-				children: T(r) ? /* @__PURE__ */ y(a, {
-					tag: "span",
-					size: "xs",
-					weight: "semibold",
-					numeric: o,
-					className: "break-words leading-none",
-					children: r
-				}) : r
-			})
-		]
-	});
-});
-A.displayName = "AlertMetadataItem";
-var j = g(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ y(d, {
-		ref: n,
-		direction: "horizontal",
-		align: "center",
-		justify: {
-			base: "start",
-			sm: "end"
-		},
-		wrap: !0,
-		gap: "sm",
-		"data-slot": "alert-action",
-		className: i("alert--action max-sm:col-start-2 max-sm:mt-space-md sm:col-start-3 sm:row-start-1 sm:row-span-2 sm:self-start", e),
-		...t
-	});
-});
-j.displayName = "AlertAction";
-//#endregion
-//#region src/components/ui/card.tsx
-function M({ className: e, size: t = "default", ...n }) {
-	return /* @__PURE__ */ y("div", {
-		"data-slot": "card",
-		"data-size": t,
-		className: i("card--primitive", e),
-		...n
-	});
-}
-function ne({ className: e, ...t }) {
-	return /* @__PURE__ */ y("div", {
-		"data-slot": "card-header",
-		className: i("card-header--primitive", e),
-		...t
-	});
-}
-function re({ className: e, ...t }) {
-	return /* @__PURE__ */ y("div", {
-		"data-slot": "card-title",
-		className: i("card-title--primitive", e),
-		...t
-	});
-}
-function N({ className: e, ...t }) {
-	return /* @__PURE__ */ y("div", {
-		"data-slot": "card-description",
-		className: i("card-description--primitive", e),
-		...t
-	});
-}
-function P({ className: e, ...t }) {
-	return /* @__PURE__ */ y("div", {
-		"data-slot": "card-content",
-		className: i("card-content--primitive", e),
-		...t
-	});
-}
-function ie({ className: e, ...t }) {
-	return /* @__PURE__ */ y("div", {
-		"data-slot": "card-footer",
-		className: i("card-footer--primitive", e),
-		...t
-	});
-}
-//#endregion
-//#region src/components/base/cards/card.recipes.ts
-var F = {
-	none: "p-0",
-	sm: "p-surface-xs",
-	md: "p-surface",
-	lg: "p-surface-lg"
-}, I = {
-	root: "flex flex-col w-full font-sans rounded-radius box-border overflow-hidden py-surface gap-space-xl transition-[background-color,border-color,box-shadow] duration-150",
-	shell: "@container/card flex flex-col w-full font-sans rounded-radius box-border overflow-hidden py-surface gap-space-xl transition-[background-color,border-color,box-shadow] duration-150",
-	surfaceCard: `bg-card ${p.frame.shell} shadow-sm text-card-foreground`,
-	surfaceDefault: `bg-card ${p.frame.shell} shadow-sm text-card-foreground`,
-	surfaceFlat: "bg-transparent border-0 shadow-none text-foreground",
-	surfaceFramed: `bg-card ${p.frame.shell} shadow-sm ring-4 ring-border/30 text-card-foreground`,
-	surfaceRaised: `bg-card ${p.frame.shell} shadow-md text-card-foreground`,
-	surfaceSunken: `bg-muted ${p.frame.shell} text-foreground`,
-	header: "flex flex-col gap-normal px-surface box-border",
-	headerRow: "flex-row flex-wrap items-start justify-between gap-space-lg pb-0",
-	headerRowSingle: "items-center",
-	headerLeading: "min-w-0 max-w-full flex-1 basis-64",
-	headerLeadingSingle: "basis-36",
-	headerTrailing: "flex max-w-full flex-wrap shrink-0 items-center gap-space-md",
-	headerDivider: `${p.frame.header} [&.border-b]:!pb-surface`,
-	title: "min-w-0 leading-tight text-card-foreground",
-	titleSm: "text-sm",
-	titleMd: "text-base",
-	titleLg: "text-lg",
-	description: "text-sm text-muted-foreground leading-normal",
-	content: "px-surface box-border min-w-0",
-	footer: "flex items-center px-surface box-border",
-	footerDivider: `${p.frame.footer} [&.border-t]:!pt-surface`,
-	alert: "px-surface",
-	alertWithHeader: "-mt-space-xs",
-	expandToggle: "flex justify-center pb-surface -mt-space-md"
-}, L = {
-	root: "card--component",
-	header: "card--header",
-	title: "card--title",
-	description: "card--description",
-	content: "card--content",
-	footer: "card--footer",
-	alert: "card--alert",
-	collapseFade: "card--collapse-fade",
-	expandToggle: "card--expand-toggle",
-	expandToggleButton: "card--expand-toggle-button"
-}, R = {
-	shell: I.shell,
-	headerX: "px-surface",
-	headerDividerY: I.headerDivider,
-	contentX: I.content,
-	contentY: "",
-	footerX: I.footer,
-	footerDividerY: I.footerDivider,
-	alertX: I.alert,
-	expandableBottom: "pb-surface",
-	alertOffsetWithHeader: I.alertWithHeader,
-	alertOffsetStandalone: ""
-}, ae = {
-	card: I.surfaceCard,
-	flat: I.surfaceFlat,
-	framed: I.surfaceFramed
-};
-//#endregion
-//#region src/components/base/cards/partials/has-renderable-content.ts
-function z(e) {
-	return e == null || typeof e == "boolean" ? !1 : typeof e == "string" ? e.trim().length > 0 : typeof e == "number" || typeof e == "bigint" ? !0 : Array.isArray(e) ? e.some(z) : !_(e) || e.type !== h || z(e.props.children);
-}
-//#endregion
-//#region src/components/base/cards/partials/card-primitives.tsx
-var oe = {
-	sm: I.titleSm,
-	md: I.titleMd,
-	lg: I.titleLg
-}, se = {
-	sm: "sm",
-	md: "base",
-	lg: "lg"
-};
-function ce({ className: e, ...t }) {
-	return /* @__PURE__ */ y(M, {
-		className: i(L.root, I.shell, e),
-		...t
-	});
-}
-function B({ className: e, textGap: t = "normal", padding: n, ...r }) {
-	return /* @__PURE__ */ y(ne, {
-		className: i(L.header, I.header, n !== void 0 && F[n], t === "dense" ? "gap-dense" : "gap-normal", e),
-		...r
-	});
-}
-function V({ className: t, children: r, size: o, ...s }) {
-	let { defaultScale: c } = n(), l = e(o, c);
-	return z(r) ? typeof r != "string" && typeof r != "number" && typeof r != "bigint" ? /* @__PURE__ */ y(re, {
-		className: i(L.title, I.title, "font-medium", oe[l], t),
-		...s,
-		children: r
-	}) : /* @__PURE__ */ y(a, {
-		"data-slot": "card-title",
-		tag: "div",
-		size: se[l],
-		weight: "semibold",
-		lineHeight: "tight",
-		className: i(L.title, I.title, t),
-		...s,
-		children: r
-	}) : null;
-}
-function le({ className: e, children: t, ...n }) {
-	return z(t) ? typeof t != "string" && typeof t != "number" && typeof t != "bigint" ? /* @__PURE__ */ y(N, {
-		className: i(L.description, I.description, e),
-		...n,
-		children: t
-	}) : /* @__PURE__ */ y(a, {
-		"data-slot": "card-description",
-		tag: "div",
-		type: "secondary",
-		className: i(L.description, e),
-		...n,
-		children: t
-	}) : null;
-}
-function ue({ className: e, padding: t, ...n }) {
-	return /* @__PURE__ */ y(P, {
-		className: i(L.content, I.content, t !== void 0 && F[t], e),
-		...n
-	});
-}
-function de({ className: e, padding: t, ...n }) {
-	return /* @__PURE__ */ y(ie, {
-		className: i(L.footer, I.footer, t !== void 0 && F[t], e),
-		...n
-	});
-}
-//#endregion
-//#region src/components/base/cards/partials/smart-card-alert.tsx
-function fe({ alert: e, alertTone: t, hasHeader: n, className: r }) {
-	return /* @__PURE__ */ y("div", {
-		className: i(L.alert, R.alertX, r, n ? R.alertOffsetWithHeader : R.alertOffsetStandalone),
-		children: /* @__PURE__ */ y(E, {
-			tone: t,
-			children: /* @__PURE__ */ y(O, { children: e })
-		})
-	});
-}
-//#endregion
-//#region src/components/base/display/surface-title.tsx
-function H({ title: e, suffix: t, size: n = "base", className: r, suffixClassName: o, dataSlot: s }) {
-	return /* @__PURE__ */ b(a, {
-		tag: "div",
-		size: n,
-		weight: typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? "semibold" : "medium",
-		lineHeight: "tight",
-		"data-slot": s,
-		className: i("surface-title--component flex min-w-0 flex-wrap items-center gap-space-md break-words leading-tight", r),
-		children: [e != null && /* @__PURE__ */ y("span", {
-			className: "min-w-0 max-w-full",
-			children: e
-		}), t != null && /* @__PURE__ */ y("div", {
-			className: i("surface-title--suffix inline-flex max-w-full flex-wrap items-center gap-space-md", o),
-			children: t
-		})]
-	});
-}
-//#endregion
-//#region src/components/base/cards/partials/smart-card-actions-menu.tsx
-function pe({ actions: e, actionsLabel: t }) {
-	let n = e.map((e, t) => ({
-		...e,
-		id: e.id ?? `card-action-${t}`
-	}));
-	return /* @__PURE__ */ y(m, {
-		actions: n,
-		icon: S,
-		srText: t,
-		align: "end",
-		closeOnSelect: !0,
-		buttonProps: {
-			size: "sm",
-			tone: "secondary",
-			buttonStyle: "ghost",
-			iconOnly: !0,
-			className: "card--actions-trigger size-action-sm text-muted-foreground"
-		}
-	});
-}
-//#endregion
-//#region src/components/base/cards/partials/smart-card-header-row.tsx
-function me({ tooltipLabel: e }) {
-	return /* @__PURE__ */ y(s, { render: (t) => {
-		let n = t;
-		return /* @__PURE__ */ y(l, {
-			...n,
-			type: "button",
-			tone: "secondary",
-			buttonStyle: "ghost",
-			size: "sm",
-			iconOnly: !0,
-			className: i("card--tooltip-trigger", "text-muted-foreground", n.className),
-			"aria-label": e,
-			children: /* @__PURE__ */ y(x, { className: "size-icon-md" })
-		});
-	} });
-}
-function he({ icon: e, title: t, titleSuffix: n, description: r, textGap: a = "normal", tooltip: s, tooltipLabel: l, headerStart: u, headerEnd: f, headerAction: p, actions: m, actionsLabel: h, titleSize: g, className: _ }) {
-	let v = Array.isArray(m) ? m : [], ee = v.length > 0, te = z(e), x = z(t), S = z(n), C = z(r), w = z(s), T = z(u), E = z(f), D = z(p), O = te || x || S || w, k = E || D || ee;
-	return /* @__PURE__ */ b(B, {
-		className: i(I.headerRow, !C && !T && I.headerRowSingle, R.headerX, _),
-		children: [/* @__PURE__ */ b(d, {
-			gap: a,
-			className: i("card--header-start", I.headerLeading, !C && !T && I.headerLeadingSingle),
-			children: [
-				!!T && u,
-				!!O && /* @__PURE__ */ b("div", {
-					className: "card--title-row flex min-w-0 items-start gap-space-sm",
-					children: [
-						!!te && /* @__PURE__ */ y("span", {
-							className: "card--icon flex shrink-0 items-center pt-space-2xs text-muted-foreground [&_svg]:size-icon",
-							children: e
-						}),
-						/* @__PURE__ */ y(H, {
-							dataSlot: "card-title",
-							title: t,
-							suffix: S ? n : void 0,
-							size: g === "md" ? "base" : g === "lg" ? "lg" : "sm",
-							className: "card--title flex-1",
-							suffixClassName: "card--title-suffix"
-						}),
-						!!w && /* @__PURE__ */ b(o, { children: [/* @__PURE__ */ y(me, { tooltipLabel: l }), /* @__PURE__ */ y(c, { children: s })] })
-					]
-				}),
-				!!C && /* @__PURE__ */ y(le, {
-					className: "text-left",
-					children: r
-				})
-			]
-		}), !!k && /* @__PURE__ */ b("div", {
-			className: i("card--header-end", I.headerTrailing),
-			children: [
-				!!E && f,
-				!!D && p,
-				!!ee && /* @__PURE__ */ y(pe, {
-					actions: v,
-					actionsLabel: h
-				})
-			]
-		})]
-	});
-}
-//#endregion
-//#region src/components/base/cards/smart-card.strings.ts
-var ge = {
-	actionsLabel: "Card actions",
-	tooltipLabel: "Card info",
-	expandLabel: "Expand card",
-	collapseLabel: "Collapse card"
-}, U = g(function({ icon: o, title: s, titleSuffix: c, description: f, textGap: m = "normal", tooltip: h, tooltipAriaLabel: g, footerText: _, alert: x, alertTone: S = "neutral", surface: C, padding: w = "md", headerPlacement: T = "inside", gap: E, contentGap: D, titleSize: O, actions: k, actionsLabel: A, headerAction: j, headerStart: M, headerEnd: ne, contentTop: re, contentBottom: N, footerSlot: P, headerDivider: ie, footerDivider: F, expandable: I = !1, defaultExpanded: oe = !1, expanded: se, onExpandedChange: B, children: V, className: le, headerClassName: H, contentClassName: pe, footerClassName: me, strings: U, ..._e }, ve) {
-	let { defaultSurface: ye, defaultHeaderDivider: be, defaultFooterDivider: xe } = t(), Se = F ?? xe ?? !1, { defaultScale: Ce } = n(), we = e(O, Ce), W = {
-		none: "px-0",
-		sm: "px-surface-xs",
-		md: "px-surface",
-		lg: "px-surface-lg"
-	}[w], Te = {
-		none: "py-0",
-		sm: "py-surface-xs",
-		md: "py-surface",
-		lg: "py-surface-lg"
-	}[w], G = {
-		...R,
-		headerX: W,
-		contentX: W,
-		footerX: W,
-		headerDividerY: {
-			none: "!pb-0",
-			sm: "!pb-surface-xs",
-			md: "!pb-surface",
-			lg: "!pb-surface-lg"
-		}[w],
-		footerDividerY: {
-			none: "!pt-0",
-			sm: "!pt-surface-xs",
-			md: "!pt-surface",
-			lg: "!pt-surface-lg"
-		}[w]
-	}, K = T === "frame", Ee = Array.isArray(k) ? k : [], q = r(ge, U), De = A ?? q.actionsLabel, J = I !== !1 && I !== void 0, Oe = typeof I == "object" && I?.collapsedMaxHeight !== void 0 ? I.collapsedMaxHeight : "12rem", ke = typeof Oe == "number" ? `${Oe}px` : Oe, Ae = se !== void 0, [je, Me] = ee(oe), Y = Ae ? se : je, Ne = v(() => {
-		let e = !Y;
-		Ae || Me(e), B?.(e);
-	}, [
-		Y,
-		Ae,
-		B
-	]), X = z(o) || z(s) || z(f) || Ee.length > 0 || z(j) || z(M) || z(ne), Pe = z(x), Fe = z(_), Z = z(P), Ie = z(re), Le = z(N), Re = Ie || Le || z(V) || J, ze = X && (Fe || Z) && !Pe && !Re && !K, Be = g && g.trim().length > 0 ? g : q.tooltipLabel, Ve = J ? { maxHeight: Y ? "" : ke } : void 0, Q = C ?? ye ?? "framed", He = ie ?? be ?? !1, $ = ze && (He || Se);
-	return /* @__PURE__ */ b(ce, {
-		..._e,
-		"data-header-placement": T,
-		ref: ve,
-		"data-surface": Q,
-		className: i(ae[Q], G.shell, Te, u({ gap: E ?? (w === "none" ? "md" : "xl") }), $ && "gap-0", K && "rounded-radius bg-muted p-surface-xs pt-0 gap-0 ring-0", Q === "flat" && !K && "overflow-visible", J && i("relative mb-space-xl !overflow-visible", G.expandableBottom), le),
-		children: [
-			!!X && /* @__PURE__ */ y(he, {
-				icon: o,
-				title: s,
-				titleSuffix: c,
-				description: f,
-				textGap: m,
-				tooltip: h,
-				tooltipLabel: Be,
-				headerStart: M,
-				headerEnd: ne,
-				headerAction: j,
-				actions: Ee,
-				actionsLabel: De,
-				titleSize: we,
-				className: i(He && !$ && i(p.frame.header, G.headerDividerY), $ && G.headerDividerY, G.headerX, K && "flex-row items-center min-h-action px-surface-xs py-space-2xs [&_.card--title-row]:items-center [&_.card--icon]:pt-0", H)
-			}),
-			/* @__PURE__ */ b("div", {
-				className: K ? i("card--body-surface flex min-w-0 flex-col rounded-inner bg-card text-card-foreground", u({ gap: E ?? "xl" }), p.frame.shell, Te) : "contents",
-				children: [
-					!!Pe && /* @__PURE__ */ y(fe, {
-						alert: x,
-						alertTone: S,
-						hasHeader: X,
-						className: W
-					}),
-					!!Re && /* @__PURE__ */ b(ue, {
-						className: i(G.contentX, G.contentY, J && "relative overflow-hidden transition-[max-height] duration-500 ease-in-out", pe),
-						style: Ve,
-						children: [
-							!!Ie && re,
-							D ? /* @__PURE__ */ y(d, {
-								gap: D,
-								children: V
-							}) : V,
-							!!Le && N,
-							!!J && !Y && /* @__PURE__ */ y("div", {
-								"aria-hidden": "true",
-								className: i(L.collapseFade, "pointer-events-none absolute inset-x-0 bottom-0 h-20 rounded-b-radius bg-linear-to-t to-transparent", Q === "flat" ? "from-background" : "from-card")
-							})
-						]
-					}),
-					(Fe || Z) && /* @__PURE__ */ b(de, {
-						className: i(G.footerX, Z ? "flex-col items-stretch gap-space-md" : "justify-end", (Se || $) && i(p.frame.footer, G.footerDividerY), me),
-						children: [Fe && (typeof _ == "string" || typeof _ == "number" || typeof _ == "bigint" ? /* @__PURE__ */ y(a, {
-							tag: "span",
-							size: "xs",
-							type: "secondary",
-							children: _
-						}) : _), Z && P]
-					})
-				]
-			}),
-			!!J && /* @__PURE__ */ y("div", {
-				className: i(L.expandToggle, "absolute bottom-0 left-1/2 z-10 -translate-x-1/2 translate-y-1/2"),
-				children: /* @__PURE__ */ y(l, {
-					type: "button",
-					tone: "secondary",
-					buttonStyle: "outline",
-					size: "sm",
-					iconOnly: !0,
-					onClick: Ne,
-					"aria-expanded": Y,
-					"aria-label": Y ? q.collapseLabel : q.expandLabel,
-					className: i(L.expandToggleButton, i(p.frame.shell, "bg-background text-foreground shadow-sm"), "hover:bg-muted/40 transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"),
-					children: /* @__PURE__ */ y(te, {
-						"aria-hidden": "true",
-						className: i("size-icon transition-transform duration-300", Y && "rotate-180")
-					})
-				})
-			})
-		]
-	});
-});
-U.displayName = "Card";
-var _e = U;
-//#endregion
-export { A as _, ue as a, B as c, z as d, ae as f, k as g, O as h, H as i, ce as l, j as m, _e as n, le as o, E as p, ge as r, de as s, U as t, V as u, D as v };
-
-//# sourceMappingURL=smart-card-DjGVV2xr.js.map