themelia-react-ui 2.0.6 → 3.0.0

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

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

package/dist/surface-recipes-C8mNycaY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"surface-recipes-C8mNycaY.js","names":["surfaceDividerRecipes","modalRegionRecipes","neutralFillRecipes","kbdRecipe","elevationRecipes"],"sources":["../src/lib/surface-recipes.ts"],"sourcesContent":["/** Private semantic roles, not additional theme roots or consumer variants.\n * Outer frames share a clear boundary; inset anchored dividers stay quieter.\n */\nexport const surfaceDividerRecipes = {\n\t// A framed Card adds a soft outer ring beyond its edge; it is not a divider strength.\n\tframe: { shell: 'border border-border', header: 'border-b border-border', footer: 'border-t border-border', ring: 'ring-4 ring-border/30' },\n\tanchored: { shell: 'border border-border', header: 'border-b border-border/60', footer: 'border-t border-border/60', separator: 'bg-border/60' },\n\t// Modal surfaces draw one outer edge, and one rule between adjacent visible\n\t// regions: a region rules its top edge only when a visible region precedes it,\n\t// so an absent body never stacks two rules and a visually hidden header draws\n\t// none. Regions mark themselves with `data-modal-region`.\n\tmodal: {\n\t\tshell: 'border border-border/70',\n\t\tedge: 'border-border/70 data-[side=left]:border-r data-[side=right]:border-l data-[side=top]:border-b data-[side=bottom]:border-t',\n\t\tregion: 'border-border/60 [[data-modal-region]:not(.sr-only)~&]:border-t',\n\t},\n\tsidebar: { footer: 'border-t border-sidebar-border' },\n} as const;\n\n/** Each region owns its full inset once and the shell adds none, so the rules\n * between regions span the surface edge to edge (header, body and footer read as\n * three bands). The body scrolls between the pinned header and footer; scrolling\n * and alignment remain with the family. */\nexport const modalRegionRecipes = {\n\theader: `shrink-0 p-surface text-start ${surfaceDividerRecipes.modal.region}`,\n\tbody: `min-h-0 flex-1 overflow-y-auto p-surface ${surfaceDividerRecipes.modal.region}`,\n\tfooter: `shrink-0 flex-wrap gap-space-sm p-surface ${surfaceDividerRecipes.modal.region}`,\n} as const;\n\n/**\n * Neutral fills, one strength per role, so quiet regions, strips, tracks, chips and\n * neutral markers read alike in every family. Design lint rejects other strengths.\n * - `wash`: a quiet region inside a surface: wells, empty states, stripes, media placeholders.\n * - `band`: a header, toolbar or footer strip, and a soft icon tile.\n * - `track`: the solid track behind segments, meters and progress.\n * - `chip`: a neutral chip or icon tile that reads on any surface, tinted or not.\n * - `chipOnInverse`: the same chip on an inverse surface.\n * - `marker`: a neutral dot or filled meter segment; `markerIdle`: an inactive indicator.\n * Floating chips and lifted panels use an opaque surface instead of a translucent one.\n */\nexport const neutralFillRecipes = {\n\twash: 'bg-muted/30',\n\tband: 'bg-muted/50',\n\ttrack: 'bg-muted',\n\tchip: 'bg-foreground/8',\n\tchipOnInverse: 'bg-background/10',\n\tmarker: 'bg-muted-foreground',\n\tmarkerIdle: 'bg-muted-foreground/40',\n} as const;\n\n/** A key cap for shortcut hints: a solid track-coloured chip with the compact secondary text role. */\nexport const kbdRecipe = 'box-border pointer-events-none inline-flex h-5 w-fit min-w-5 shrink-0 select-none items-center justify-center gap-space-2xs rounded-radius-xs bg-muted px-space-xs font-sans text-xs font-medium leading-none text-muted-foreground';\n\n/**\n * Elevation, one theme shadow per role; the theme owns the shadow ladder itself.\n * - `resting`: tiles, rows and table frames that sit on a surface.\n * - `card`: cards, lifted segments, thumbs and small controls floating over media.\n * - `raised`: raised cards, hover lifts, anchored popups and controls over media.\n * - `lifted`: dragged items, toasts and drawers.\n * - `modal`: dialogs and command palettes.\n * `shadow-none` clears elevation. Box-shadow divider lines draw var(--border) instead.\n */\nexport const elevationRecipes = {\n\tresting: 'shadow-xs',\n\tcard: 'shadow-sm',\n\traised: 'shadow-md',\n\tlifted: 'shadow-lg',\n\tmodal: 'shadow-xl',\n} as const;\n"],"mappings":";AAGA,IAAaA,IAAwB;CAEpC,OAAO;EAAE,OAAO;EAAwB,QAAQ;EAA0B,QAAQ;EAA0B,MAAM;CAAwB;CAC1I,UAAU;EAAE,OAAO;EAAwB,QAAQ;EAA6B,QAAQ;EAA6B,WAAW;CAAe;CAK/I,OAAO;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACT;CACA,SAAS,EAAE,QAAQ,iCAAiC;AACrD,GAMaC,IAAqB;CACjC,QAAQ,iCAAiCD,EAAsB,MAAM;CACrE,MAAM,4CAA4CA,EAAsB,MAAM;CAC9E,QAAQ,6CAA6CA,EAAsB,MAAM;AAClF,GAaaE,IAAqB;CACjC,MAAM;CACN,MAAM;CACN,OAAO;CACP,MAAM;CACN,eAAe;CACf,QAAQ;CACR,YAAY;AACb,GAGaC,IAAY,uOAWZC,IAAmB;CAC/B,SAAS;CACT,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,OAAO;AACR"}