themelia-react-ui 0.0.0-stage → 1.0.0

package/dist/smart-card-B5FcKODh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-card-B5FcKODh.js","names":["Card","CardHeader","CardTitle","CardDescription","CardContent","CardFooter","styles","styles","CardPrimitive","CardHeaderPrimitive","CardTitlePrimitive","CardDescriptionPrimitive","CardContentPrimitive","CardFooterPrimitive","resolveComponentScale","useCardConfig","useDensityConfig","cn","TooltipTrigger","Button","Tooltip","TooltipContent","Text","Stack","ICON_CHILD_SIZE_CLASSNAMES","surfaceDividerRecipes","ActionMenu","alertVariants","cva","isSimpleText","value","Alert","forwardRef","props","tone","variant","className","AlertTitle","children","AlertDescription","AlertMetadata","AlertMetadataItem","icon","label","AlertAction","Card$1","size","CardHeader$1","CardTitle$1","CardDescription$1","CardContent$1","CardFooter$1","cardRecipes","CARD_BEM","CARD_INSET","SURFACE_CLASSES","hasRenderableContent","content","isValidElement","Fragment","CARD_TITLE_SIZE_CLASSES","CARD_TITLE_TEXT_SIZE","CardShell","CardHeader","textGap","CardTitle","sizeProp","defaultScale","CardDescription","CardContent","CardFooter","SmartCardAlert","hasHeader","alertTone","alert","SurfaceTitle","title","dataSlot","suffix","suffixClassName","ActionsMenu","actionDefinitions","actions","action","index","MoreHorizontal","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","titleSize","defaultSmartCardStrings","Card","expandedProp","stringsProp","rootProps","resolvedTitleSize","inset","padding","vertical","tokens","framedHeader","headerPlacement","strings","useStrings","resolvedActionsLabel","isExpandable","expandable","collapsedMaxHeightRaw","collapsedMaxHeight","isExpandedControlled","internalExpanded","setInternalExpanded","useState","defaultExpanded","expanded","handleToggle","useCallback","next","onExpandedChange","hasAlert","hasFooterText","footerText","hasFooterSlot","footerSlot","hasContentTop","contentTop","hasContentBottom","contentBottom","hasBody","headerFooterOnly","tooltipAriaLabel","collapseStyle","resolvedSurface","surface","defaultSurface","resolvedHeaderDivider","headerDivider","defaultHeaderDivider","sharedHeaderFooterDivider","footerDivider","headerClassName","contentClassName","contentGap","footerClassName","ChevronDown","SmartCard"],"sources":["../src/components/base/feedback/alert.tsx","../src/components/ui/card.tsx","../src/components/base/cards/card.recipes.ts","../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 responsive 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 { Stack } from '../structure';\nimport { cn } from '../../../lib/utils';\nimport { ICON_CHILD_SIZE_CLASSNAMES } from '../display/icon-size';\nimport type { SemanticTone } from '../../../lib/component-vocabulary';\n\nconst alertVariants = cva(\n\t[\n\t\t'alert--component relative grid w-full grid-cols-[0_1fr] items-start gap-y-normal rounded-radius border p-surface text-left',\n\t\t'has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-space-sm',\n\t\t'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',\n\t\t'[&>svg]:row-span-2 [&>svg]:mt-[calc((1em*1.375-var(--spacing-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: 'border-primary/30 bg-primary/5 text-card-foreground [&>svg]:text-primary-accent',\n\t\t\t\tsecondary: 'border-border bg-secondary/40 text-card-foreground [&>svg]:text-secondary-foreground',\n\t\t\t\tinfo: 'border-info/30 bg-info/5 text-card-foreground [&>svg]:text-info',\n\t\t\t\tsuccess: 'border-success/30 bg-success/10 text-card-foreground [&>svg]:text-success',\n\t\t\t\twarning: 'border-warning/40 bg-warning/10 text-card-foreground [&>svg]:text-warning',\n\t\t\t\tdestructive: 'border-destructive/30 bg-destructive/5 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/75',\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/70',\n\t\t\t\t\t'[&_[data-slot=alert-metadata-label]_[data-typography=text]]:text-background/70',\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\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(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 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80',\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\" 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 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80 [&_p]:leading-relaxed',\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 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 monospace figures to simple numeric values. */\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-muted/60 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\" className=\"leading-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\tsize=\"xs\"\n\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\tnumeric={numeric}\n\t\t\t\t\t\t\tclassName=\"break-words leading-none\"\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, which is the parent's\n\t\t\t// concern rather than this row's.\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={{ base: 'start', sm: 'end' }}\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 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',\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 * 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 { surfaceDividerRecipes } from '../../../lib/surface-recipes';\n/** Private Tailwind recipes; public props and DOM hooks remain owned by the component. */\nexport const cardRecipes = {\n\troot: \"flex flex-col w-full rounded-radius box-border overflow-hidden py-surface gap-space-xl transition-[background-color,border-color,box-shadow] duration-150\",\n\tshell: \"@container/card flex flex-col w-full rounded-radius box-border overflow-hidden py-surface gap-space-xl transition-[background-color,border-color,box-shadow] duration-150\",\n\tsurfaceCard: `bg-card ${surfaceDividerRecipes.frame.shell} shadow-sm text-card-foreground`,\n\tsurfaceDefault: `bg-card ${surfaceDividerRecipes.frame.shell} shadow-sm text-card-foreground`,\n\tsurfaceFlat: \"bg-transparent border-0 shadow-none text-foreground\",\n\tsurfaceFramed: `bg-card ${surfaceDividerRecipes.frame.shell} shadow-sm ring-4 ring-border/30 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\theaderRow: \"flex-col @sm/card:flex-row items-start justify-between gap-space-lg pb-0\",\n\theaderRowSingle: \"@sm/card:items-center\",\n\theaderLeading: \"min-w-0 w-full @sm/card:w-auto flex-1\",\n\theaderTrailing: \"flex max-w-full flex-wrap shrink-0 items-center gap-space-md\",\n\theaderDivider: `${surfaceDividerRecipes.frame.header} [&.border-b]:!pb-surface`,\n\ttitle: \"min-w-0 leading-tight text-card-foreground\",\n\ttitleSm: \"text-sm\",\n\ttitleMd: \"text-base\",\n\ttitleLg: \"text-lg\",\n\tdescription: \"text-sm text-muted-foreground leading-normal\",\n\tcontent: \"px-surface box-border min-w-0\",\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 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\tCardDescription as CardDescriptionPrimitive,\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 } from '../smart-card.tokens';\nimport type { CardTitleSize } from '../smart-card.types';\nimport { cardRecipes as styles } 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\nexport function CardShell({ className, ...props }: ComponentPropsWithRef<'div'>) {\n\treturn (\n\t\t<CardPrimitive\n\t\t\tclassName={cn(\n\t\t\t\tCARD_BEM.root,\n\t\t\t\tstyles.shell,\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\t...props\n}: ComponentPropsWithoutRef<'div'> & { 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\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\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<CardDescriptionPrimitive\n\t\t\t\tclassName={cn(\n\t\t\t\t\tCARD_BEM.description,\n\t\t\t\t\tstyles.description,\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{children}\n\t\t\t</CardDescriptionPrimitive>\n\t\t);\n\t}\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\t...props\n}: ComponentPropsWithoutRef<'div'>) {\n\treturn (\n\t\t<CardContentPrimitive\n\t\t\tclassName={cn(CARD_BEM.content, styles.content, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function CardFooter({\n\tclassName,\n\t...props\n}: ComponentPropsWithoutRef<'div'>) {\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\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 { cn } from '../../../lib/utils';\n\n/** One wrapping title/suffix composition shared by cards and content structures. */\nexport function SurfaceTitle({title, suffix, size = 'base', className, suffixClassName, dataSlot}: {\n title?: ReactNode; suffix?: ReactNode; size?: 'sm' | 'base' | 'lg';\n className?: string; suffixClassName?: string; dataSlot?: string;\n}) {\n return <Text tag=\"div\" size={size} weight={typeof title === 'string' || typeof title === 'number' || typeof title === 'bigint' ? '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 leading-tight', className)}>\n  {title != null && <span className=\"min-w-0 max-w-full\">{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 — `⋮` trigger + dropdown of consumer-supplied\n * `SmartCardAction` items. Always renders a 28×28 square trigger so it\n * reads cleanly as a circle (consumer overrides to `rounded-full`) or\n * a rectangle (default `rounded-radius-md`).\n */\nimport { MoreHorizontal } from 'lucide-react';\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\ticon={MoreHorizontal}\n\t\t\tsrText={actionsLabel}\n\t\t\talign=\"end\"\n\t\t\tcloseOnSelect\n\t\t\tbuttonProps={{\n\t\t\t\tsize: 'sm',\n\t\t\t\ttone: 'secondary',\n\t\t\t\tbuttonStyle: 'ghost',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclassName: 'card--actions-trigger size-action-sm text-muted-foreground',\n\t\t\t}}\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'h-5 w-5 text-muted-foreground',\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\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\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\n\treturn (\n\t\t<CardHeader\n\t\t\tclassName={cn(\n\t\t\t\tcardRecipes.headerRow,\n\t\t\t\t!hasDescription && !hasHeaderStart && cardRecipes.headerRowSingle,\n\t\t\t\tCARD_INSET.headerX,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<Stack gap={textGap} className={cn(\"card--header-start\", cardRecipes.headerLeading)}>\n\t\t\t\t{!!hasHeaderStart && headerStart}\n\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-left\">{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)}>\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: 'Card 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` — `⋮` dropdown\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\tforwardRef,\n\tuseCallback,\n\tuseState,\n} from 'react';\n\nimport { Button } from '../buttons';\nimport { Text } from '../../typography';\nimport { Stack } from '../structure';\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';\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\tcontentGap,\n\ttitleSize,\n\tactions,\n\tactionsLabel,\n\theaderAction,\n\theaderStart,\n\theaderEnd,\n\tcontentTop,\n\tcontentBottom,\n\tfooterSlot,\n\theaderDivider,\n\tfooterDivider = false,\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} = 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 [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\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\t// Expandable cards retain their explicitly requested collapse region.\n\tconst hasBody = hasContentTop || hasContentBottom || hasRenderableContent(children) || isExpandable;\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 ?? 'framed';\n\tconst resolvedHeaderDivider = headerDivider ?? defaultHeaderDivider ?? false;\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\tpadding === 'none' && 'gap-space-md',\n\t\t\t\tsharedHeaderFooterDivider && 'gap-0',\n\t\t\t\tframedHeader && 'rounded-radius bg-muted 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\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<div className={framedHeader ? cn('card--body-surface flex min-w-0 flex-col gap-space-xl rounded-inner bg-card text-card-foreground', 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\tclassName={cn(\n\t\t\t\t\ttokens.contentX,\n\t\t\t\t\ttokens.contentY,\n\t\t\t\t\tisExpandable &&\n\t\t\t\t\t\t'relative overflow-hidden transition-[max-height] duration-500 ease-in-out',\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 && contentTop}\n\t\t\t\t{contentGap ? <Stack gap={contentGap}>{children}</Stack> : children}\n\t\t\t\t{!!hasContentBottom && contentBottom}\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-radius 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-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\t'rounded-full',\n\t\t\t\t\t\t\tcn(surfaceDividerRecipes.frame.shell, 'bg-background text-foreground shadow-sm'),\n\t\t\t\t\t\t\t'hover:bg-muted/40 transition-colors',\n\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50',\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 transition-transform duration-300',\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/spinner-JtlFJ7Nc.js

@@ -0,0 +1,78 @@
+"use client";
+import { d as e } from "./ui-provider-CftIB6TY.js";
+import { useStrings as t } from "./lib/strings.js";
+import { t as n } from "./utils-C2EKeIw3.js";
+import { a as r } from "./typography-Cv8MT-82.js";
+import { t as i } from "./structure-BvW4vG4H.js";
+import { n as a } from "./track-recipes-LLPNVwFg.js";
+import { forwardRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/base/spinner/spinner.tsx
+var l = { loading: "Loading" }, u = o(function({ label: a, className: o = "", variant: u, strings: m, style: h }, g) {
+	let { defaultVariant: _ } = e(), v = t(l, m), y = u ?? _ ?? "default";
+	return /* @__PURE__ */ s("div", {
+		ref: g,
+		className: n("spinner--component", "flex items-center justify-center p-surface"),
+		style: h,
+		children: /* @__PURE__ */ c(i, {
+			gap: "md",
+			align: "center",
+			justify: "center",
+			className: "w-full text-center",
+			children: [
+				y === "default" && /* @__PURE__ */ s(d, { className: o }),
+				y === "shimmer" && /* @__PURE__ */ s(f, { className: o }),
+				y === "progress" && /* @__PURE__ */ s(p, {
+					className: o,
+					label: a ?? v.loading
+				}),
+				!!a && /* @__PURE__ */ s(r, {
+					type: "secondary",
+					children: a
+				})
+			]
+		})
+	});
+});
+u.displayName = "Spinner";
+function d({ className: e = "" }) {
+	return /* @__PURE__ */ c("svg", {
+		className: n("h-10 w-10 text-primary-accent", e),
+		fill: "currentColor",
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ s("path", {
+			d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
+			opacity: ".25"
+		}), /* @__PURE__ */ s("path", {
+			d: "M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z",
+			children: /* @__PURE__ */ s("animateTransform", {
+				attributeName: "transform",
+				type: "rotate",
+				dur: "0.75s",
+				values: "0 12 12;360 12 12",
+				repeatCount: "indefinite"
+			})
+		})]
+	});
+}
+function f({ className: e = "" }) {
+	return /* @__PURE__ */ s("div", {
+		className: n("h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]", "animate-[shimmer_1.5s_ease-in-out_infinite]", e),
+		"aria-hidden": "true"
+	});
+}
+function p({ className: e = "", label: t }) {
+	return /* @__PURE__ */ s("div", {
+		className: n("w-full max-w-32 overflow-hidden rounded bg-muted", a.md, e),
+		role: "progressbar",
+		"aria-label": t,
+		"aria-busy": "true",
+		children: /* @__PURE__ */ s("div", { className: "h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded bg-primary" })
+	});
+}
+//#endregion
+export { l as n, u as t };
+
+//# sourceMappingURL=spinner-JtlFJ7Nc.js.map

package/dist/spinner-JtlFJ7Nc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-JtlFJ7Nc.js","names":["useSpinnerConfig","cn","Text","Stack","trackHeightClasses","defaultSpinnerStrings","Spinner","forwardRef","variantProp","stringsProp","strings","useStrings","variant","defaultVariant","SpinnerDefault","SpinnerShimmer","SpinnerProgress","label","className"],"sources":["../src/components/base/spinner/spinner.tsx"],"sourcesContent":["import { trackHeightClasses } from '../../../lib/track-recipes';\n/**\n * Spinner — three-variant loading indicator with optional label.\n *\n * Variants:\n *  - `default` — circular SVG spinner\n *  - `shimmer` — round shimmer bar\n *  - `progress` — slim animated progress strip\n *\n * `variant` resolves via `useSpinnerConfig().defaultVariant ?? 'default'`,\n * so a consumer can set the library-wide spinner style at the\n * `<UIProvider>` root and override per-mount as needed. Forwards a ref to\n * the outer wrapper so consumers can position/measure the spinner.\n */\nimport { forwardRef, type CSSProperties } from 'react';\n\nimport { Text } from '../../typography';\nimport { Stack } from '../structure';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { useSpinnerConfig } from '../../../lib/ui-provider';\nimport { cn } from '../../../lib/utils';\n\nexport type SpinnerVariant = 'default' | 'shimmer' | 'progress';\n\nexport interface SpinnerStrings {\n\t/** Accessible fallback when an indeterminate progress bar has no visible label. */\n\tloading: string;\n}\n\nexport const defaultSpinnerStrings: SpinnerStrings = {\n\tloading: 'Loading',\n};\n\nexport interface SpinnerProps {\n\t/** Display label. */\n\tlabel?: string;\n\tclassName?: string;\n\t/** Semantic tone. */\n\tvariant?: SpinnerVariant;\n\t/** Localizes the fallback progress-bar name. */\n\tstrings?: StringsProp<SpinnerStrings>;\n\tstyle?: CSSProperties;\n}\n\nexport const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(function Spinner(\n\t{ label, className = '', variant: variantProp, strings: stringsProp, style },\n\tref,\n) {\n\tconst { defaultVariant } = useSpinnerConfig();\n\tconst strings = useStrings(defaultSpinnerStrings, stringsProp);\n\tconst variant: SpinnerVariant = variantProp ?? defaultVariant ?? 'default';\n\n\treturn (\n\t\t<div ref={ref} className={cn('spinner--component', 'flex items-center justify-center p-surface')} style={style}>\n\t\t\t<Stack gap=\"md\" align=\"center\" justify=\"center\" className=\"w-full text-center\">\n\t\t\t\t{variant === 'default' && <SpinnerDefault className={className} />}\n\t\t\t\t{variant === 'shimmer' && <SpinnerShimmer className={className} />}\n\t\t\t\t{variant === 'progress' && <SpinnerProgress className={className} label={label ?? strings.loading} />}\n\t\t\t\t{!!label && <Text type=\"secondary\">{label}</Text>}\n\t\t\t</Stack>\n\t\t</div>\n\t);\n});\n\nSpinner.displayName = 'Spinner';\n\nfunction SpinnerDefault({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\tclassName={cn('h-10 w-10 text-primary-accent', className)}\n\t\t\tfill=\"currentColor\"\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\"\n\t\t\t\topacity=\".25\"\n\t\t\t/>\n\t\t\t<path d=\"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z\">\n\t\t\t\t<animateTransform\n\t\t\t\t\tattributeName=\"transform\"\n\t\t\t\t\ttype=\"rotate\"\n\t\t\t\t\tdur=\"0.75s\"\n\t\t\t\t\tvalues=\"0 12 12;360 12 12\"\n\t\t\t\t\trepeatCount=\"indefinite\"\n\t\t\t\t/>\n\t\t\t</path>\n\t\t</svg>\n\t);\n}\n\nfunction SpinnerShimmer({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]',\n\t\t\t\t'animate-[shimmer_1.5s_ease-in-out_infinite]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\taria-hidden=\"true\"\n\t\t/>\n\t);\n}\n\nfunction SpinnerProgress({ className = '', label }: { className?: string; label: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('w-full max-w-32 overflow-hidden rounded bg-muted', trackHeightClasses.md, className)}\n\t\t\trole=\"progressbar\"\n\t\t\taria-label={label}\n\t\t\taria-busy=\"true\"\n\t\t>\n\t\t\t<div className=\"h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded bg-primary\" />\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;;;AA6BA,IAAaK,IAAwC,EACpD,SAAS,UACV,GAaaC,IAAUC,EAAyC,SAC/D,EAAE,UAAO,eAAY,IAAI,SAASC,GAAa,SAASC,GAAa,YACrE,GACC;CACD,IAAM,EAAE,sBAAmBT,EAAiB,GACtCU,IAAUC,EAAWN,GAAuBI,CAAW,GACvDG,IAA0BJ,KAAeK,KAAkB;CAEjE,OACC,kBAAC,OAAD;EAAU;EAAK,WAAWZ,EAAG,sBAAsB,4CAA4C;EAAU;EACxG,UAAA,kBAACE,GAAD;GAAO,KAAI;GAAK,OAAM;GAAS,SAAQ;GAAS,WAAU;GAA1D,UAAA;IACES,MAAY,aAAa,kBAACE,GAAD,EAA2B,aAAY,CAAA;IAChEF,MAAY,aAAa,kBAACG,GAAD,EAA2B,aAAY,CAAA;IAChEH,MAAY,cAAc,kBAACI,GAAD;KAA4B;KAAW,OAAOC,KAASP,EAAQ;IAAU,CAAA;IACnG,CAAC,CAACO,KAAS,kBAACf,GAAD;KAAM,MAAK;KAAa,UAAAe;IAAY,CAAA;GAC1C;;CACH,CAAA;AAEP,CAAC;AAED,EAAQ,cAAc;AAEtB,SAASH,EAAe,EAAE,eAAY,MAA8B;CACnE,OACC,kBAAC,OAAD;EACC,WAAWb,EAAG,iCAAiCiB,CAAS;EACxD,MAAK;EACL,SAAQ;EACR,OAAM;EACN,eAAY;EALb,UAAA,CAOC,kBAAC,QAAD;GACC,GAAE;GACF,SAAQ;EACR,CAAA,GACD,kBAAC,QAAD;GAAM,GAAE;GACP,UAAA,kBAAC,oBAAD;IACC,eAAc;IACd,MAAK;IACL,KAAI;IACJ,QAAO;IACP,aAAY;GACZ,CAAA;EACI,CAAA,CACF;;AAEP;AAEA,SAASH,EAAe,EAAE,eAAY,MAA8B;CACnE,OACC,kBAAC,OAAD;EACC,WAAWd,EACV,6GACA,+CACAiB,CACD;EACA,eAAY;CACZ,CAAA;AAEH;AAEA,SAASF,EAAgB,EAAE,eAAY,IAAI,YAAgD;CAC1F,OACC,kBAAC,OAAD;EACC,WAAWf,EAAG,oDAAoDG,EAAmB,IAAIc,CAAS;EAClG,MAAK;EACL,cAAYD;EACZ,aAAU;EAEV,UAAA,kBAAC,OAAD,EAAK,WAAU,qFAAsF,CAAA;CACjG,CAAA;AAEP"}

package/dist/structure-BvW4vG4H.js

@@ -0,0 +1,95 @@
+"use client";
+import { t as e } from "./utils-C2EKeIw3.js";
+import { a as t, i as n, n as r, r as i, t as a } from "./structure.recipes-DjqnBpwz.js";
+import { createContext as o, forwardRef as s, useContext as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { useRender as u } from "@base-ui/react/use-render";
+//#region src/components/base/structure/adaptive-grid.tsx
+var d = s(function({ className: t, minColumnWidth: n, gap: r, rowGap: i, columnGap: o, align: s, render: c, ...l }, d) {
+	return u({
+		defaultTagName: "div",
+		ref: d,
+		render: c,
+		props: {
+			...l,
+			className: e("adaptive-grid--component", a({
+				minColumnWidth: n,
+				gap: r,
+				rowGap: i,
+				columnGap: o,
+				align: s
+			}), t)
+		},
+		state: {}
+	});
+});
+d.displayName = "AdaptiveGrid";
+//#endregion
+//#region src/components/base/structure/structure.context.ts
+var f = o(void 0), p = s(function({ className: t, columns: n, gap: a, rowGap: o, columnGap: s, align: c, render: d, ...p }, m) {
+	let h = u({
+		defaultTagName: "div",
+		ref: m,
+		render: d,
+		props: {
+			...p,
+			className: e("grid--component", r({
+				columns: n,
+				gap: a,
+				rowGap: o,
+				columnGap: s,
+				align: c
+			}), t)
+		},
+		state: {}
+	});
+	return /* @__PURE__ */ l(f.Provider, {
+		value: i(n),
+		children: h
+	});
+});
+p.displayName = "Grid";
+//#endregion
+//#region src/components/base/structure/grid-cell.tsx
+var m = s(function({ className: t, span: r, render: i, ...a }, o) {
+	let s = c(f);
+	return u({
+		defaultTagName: "div",
+		ref: o,
+		render: i,
+		props: {
+			...a,
+			className: e("grid-cell--component", n({
+				span: r,
+				columns: s
+			}), t)
+		},
+		state: {}
+	});
+});
+m.displayName = "GridCell";
+//#endregion
+//#region src/components/base/structure/stack.tsx
+var h = s(function({ className: n, direction: r, gap: i, align: a, justify: o, wrap: s, render: c, ...l }, d) {
+	return u({
+		defaultTagName: "div",
+		ref: d,
+		render: c,
+		props: {
+			...l,
+			className: e("stack--component", t({
+				direction: r,
+				gap: i,
+				align: a,
+				justify: o,
+				wrap: s
+			}), n)
+		},
+		state: {}
+	});
+});
+h.displayName = "Stack";
+//#endregion
+export { d as i, m as n, p as r, h as t };
+
+//# sourceMappingURL=structure-BvW4vG4H.js.map

package/dist/structure-BvW4vG4H.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"structure-BvW4vG4H.js","names":["cn","stackRecipe","spanRecipe","gridRecipe","resolveGridColumns","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,mBAAmBG,EAAW;IAAE;IAAS;IAAK;IAAQ;IAAW;GAAM,CAAC,GAAGO,CAAS;EAAE;EAAG,OAAO,CAAC;CAAE,CAAC;CAErM,OAAO,kBAACC,EAAmB,UAApB;EAA6B,OAAOP,EAAmBW,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,wBAAwBE,EAAW;IAAE;IAAM;GAAQ,CAAC,GAAGQ,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,oBAAoBC,EAAY;IAAE;IAAW;IAAK;IAAO;IAAS;GAAK,CAAC,GAAGS,CAAS;EAAE;EAAG,OAAO,CAAC;CAAE,CAAC;AAC7L,CAAC;AAED,EAAM,cAAc"}