themelia-react-ui 1.0.1 → 2.0.0

package/dist/smart-card-Bek-TwUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-card-Bek-TwUp.js","names":["Card","CardHeader","CardTitle","CardDescription","CardContent","CardFooter","styles","styles","CardPrimitive","CardHeaderPrimitive","CardTitlePrimitive","CardDescriptionPrimitive","CardContentPrimitive","CardFooterPrimitive","resolveComponentScale","useCardConfig","useDensityConfig","cn","RunningTextContext","Text","Tooltip","TooltipContent","Button","gapRecipe","Stack","ICON_CHILD_SIZE_CLASSNAMES","surfaceDividerRecipes","ActionMenu","alertVariants","cva","isSimpleText","value","Alert","forwardRef","props","tone","variant","className","AlertTitle","children","AlertDescription","AlertMetadata","AlertMetadataItem","icon","label","numeric","AlertAction","Card$1","size","CardHeader$1","CardTitle$1","CardDescription$1","CardContent$1","CardFooter$1","cardRegionPaddingClasses","cardRecipes","CARD_BEM","CARD_INSET","SURFACE_CLASSES","hasRenderableContent","content","isValidElement","Fragment","CARD_TITLE_SIZE_CLASSES","CARD_TITLE_TEXT_SIZE","CardShell","CardHeader","padding","textGap","CardTitle","sizeProp","defaultScale","CardDescription","CardContent","CardFooter","SmartCardAlert","hasHeader","alertTone","alert","SurfaceTitle","plainTitle","title","dataSlot","suffix","suffixClassName","ActionsMenu","actionDefinitions","actions","action","index","MoreHorizontal","actionsLabel","TooltipTrigger_Info","TooltipTrigger","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","footerDividerProp","expandedProp","stringsProp","rootProps","footerDivider","defaultFooterDivider","resolvedTitleSize","inset","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","gap","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-start',\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// 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: '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-accent',\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 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-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\tclassName={cn('break-words leading-none', 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, 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';\nimport type { SmartCardProps } from './smart-card.types';\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/** 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-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 font-sans 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\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\theaderRowSingle: \"items-center\",\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 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 { RunningTextContext } from '../../../typography/running-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, SmartCardProps } 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 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\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\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{/* Inline value primitives inside a rich description inherit its text role. */}\n\t\t\t\t<RunningTextContext.Provider value>{children}</RunningTextContext.Provider>\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\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 { 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 = 'base', 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\" 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 leading-tight', 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 — `⋮` 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'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, !hasDescription && !hasHeaderStart && cardRecipes.headerLeadingSingle)}>\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-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)}>\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 { gapRecipe } from '../structure/structure.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';\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 footerDivider = footerDividerProp ?? defaultFooterDivider ?? false;\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\t// One header-to-body rhythm for every surface: a flat, uninset card keeps\n\t\t\t\t// the framed card's step instead of tightening to a row gap above lists.\n\t\t\t\tgapRecipe({ gap: gap ?? 'xl' }),\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 rounded-inner bg-card text-card-foreground', gapRecipe({ gap: gap ?? 'xl' }), 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 || 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 ?? 'lg'}>\n\t\t\t\t\t\t{!!hasContentTop && contentTop}\n\t\t\t\t\t\t{contentGap ? <Stack gap={contentGap}>{children}</Stack> : <div className=\"min-w-0\">{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-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\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',\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":";;;;;;;;;;;;;;;;AAmBA,IAAM4B,IAAgBC,EACrB;CACC;CACA;CACA;CAGA;CACAJ,EAA2B;AAC5B,GACA;CACC,UAAU;EACT,MAAM;GACL,SAAS;GACT,SAAS;GACT,WAAW;GACX,MAAM;GACN,SAAS;GACT,SAAS;GACT,aAAa;EACd;EACA,SAAS;GACR,SAAS;GACT,SAAS;IACR;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACD;EACD;CACD;CACA,iBAAiB;EAChB,MAAM;EACN,SAAS;CACV;AACD,CACD;AASA,SAASK,EAAa,GAAqD;CAC1E,OAAO,OAAOC,KAAU,YAAY,OAAOA,KAAU,YAAY,OAAOA,KAAU;AACnF;AAEA,IAAMC,IAAQC,EAAuC,SACpD,EAAE,cAAW,SAAM,YAAS,UAAO,SAAS,GAAGC,KAC/C,GACC;CACD,OACC,kBAAC,OAAD;EACM;EACL,aAAU;EACV,aAAWC,KAAQ;EACnB,gBAAcC,KAAW;EACnB;EACN,WAAWnB,EAAGW,EAAc;GAAE;GAAM;EAAQ,CAAC,GAAGS,CAAS;EACzD,GAAIH;CACJ,CAAA;AAEH,CAAC;AACD,EAAM,cAAc;AAEpB,IAAMI,IAAaL,EAClB,SAAoB,EAAE,cAAW,aAAU,GAAGC,KAAS,GAAK;CAC3D,OACC,kBAAC,OAAD;EACM;EACL,aAAU;EACV,WAAWjB,EACV,oHACAoB,CACD;EACA,GAAIH;EAEH,UAAAJ,EAAaS,CAAQ,IACrB,kBAACpB,GAAD;GAAM,KAAI;GAAO,QAAO;GAAW,YAAW;GAC5C;EACI,CAAA,IACHoB;CACA,CAAA;AAEP,CACD;AACA,EAAW,cAAc;AAEzB,IAAMC,IAAmBP,EACxB,SAA0B,EAAE,cAAW,aAAU,GAAGC,KAAS,GAAK;CACjE,OACC,kBAACV,GAAD;EACM;EACL,aAAU;EACV,KAAI;EACJ,OAAM;EACN,WAAWP,EACV,wHACAoB,CACD;EACA,GAAIH;EAEH,UAAAJ,EAAaS,CAAQ,IACrB,kBAACpB,GAAD;GAAM,KAAI;GAAO,MAAK;GACpB;EACI,CAAA,IACHoB;CACE,CAAA;AAET,CACD;AACA,EAAiB,cAAc;AAe/B,IAAME,KAAgBR,EACrB,SAAuB,EAAE,cAAW,GAAGC,KAAS,GAAK;CACpD,OACC,kBAAC,MAAD;EACM;EACL,aAAU;EACV,WAAWjB,EACV,uIACAoB,CACD;EACA,GAAIH;CACJ,CAAA;AAEH,CACD;AACA,GAAc,cAAc;AAiB5B,IAAMQ,IAAoBT,EACzB,SACC,EAAE,cAAW,SAAM,UAAO,UAAO,aAAU,IAAO,GAAGC,KACrD,GACC;CACD,OACC,kBAAC,OAAD;EACM;EACL,aAAU;EACV,WAAWjB,EACV,wKACA,uEACAoB,CACD;EACA,GAAIH;EARL,UAAA;GAUES;GACD,kBAAC,MAAD;IAAI,aAAU;IAAuB,WAAU;IAC7C,UAAAb,EAAac,CAAK,IAClB,kBAACzB,GAAD;KAAM,KAAI;KAAO,MAAK;KAAK,MAAK;KAAY,WAAU;KACpD,UAAAyB;IACI,CAAA,IACHA;GACD,CAAA;GACJ,kBAAC,MAAD;IAAI,aAAU;IAAuB,WAAU;IAC7C,UAAAd,EAAaC,CAAK,IAClB,kBAACZ,GAAD;KACC,KAAI;KACJ,MAAK;KACL,QAAO;KACP,WAAWF,EAAG,4BAA4B4B,KAAW,cAAc;KAElE,UAAAd;IACI,CAAA,IACHA;GACD,CAAA;EACA;;AAEP,CACD;AACA,EAAkB,cAAc;AAEhC,IAAMe,IAAcb,EACnB,SAAqB,EAAE,cAAW,GAAGC,KAAS,GAAK;CAClD,OAIC,kBAACV,GAAD;EACM;EACL,WAAU;EACV,OAAM;EACN,SAAS;GAAE,MAAM;GAAS,IAAI;EAAM;EACpC,MAAA;EACA,KAAI;EACJ,aAAU;EACV,WAAWP,EACV,iHACAoB,CACD;EACA,GAAIH;CACJ,CAAA;AAEH,CACD;AACA,EAAY,cAAc;;;ACpP1B,SAASlC,EAAK,EACZ,cACA,UAAO,WACP,GAAGkC,KACyD;CAC5D,OACE,kBAAC,OAAD;EACE,aAAU;EACV,aAAWc;EACX,WAAW/B,EAAG,mBAAmBoB,CAAS;EAC1C,GAAIH;CACL,CAAA;AAEL;AAEA,SAASjC,EAAW,EAAE,cAAW,GAAGiC,KAAsC;CACxE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAWjB,EAAG,0BAA0BoB,CAAS;EACjD,GAAIH;CACL,CAAA;AAEL;AAEA,SAAShC,EAAU,EAAE,cAAW,GAAGgC,KAAsC;CACvE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAWjB,EAAG,yBAAyBoB,CAAS;EAChD,GAAIH;CACL,CAAA;AAEL;AAEA,SAAS/B,GAAgB,EAAE,cAAW,GAAG+B,KAAsC;CAC7E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAWjB,EAAG,+BAA+BoB,CAAS;EACtD,GAAIH;CACL,CAAA;AAEL;AAYA,SAAS9B,GAAY,EAAE,cAAW,GAAG8B,KAAsC;CACzE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAWjB,EAAG,2BAA2BoB,CAAS;EAClD,GAAIH;CACL,CAAA;AAEL;AAEA,SAAS7B,GAAW,EAAE,cAAW,GAAG6B,KAAsC;CACxE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAWjB,EAAG,0BAA0BoB,CAAS;EACjD,GAAIH;CACL,CAAA;AAEL;;;ACzEA,IAAaoB,IAA2B;CACvC,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;AACL,GAEaC,IAAc;CAC1B,MAAM;CACN,OAAO;CACP,aAAa,WAAW7B,EAAsB,MAAM,MAAM;CAC1D,gBAAgB,WAAWA,EAAsB,MAAM,MAAM;CAC7D,aAAa;CACb,eAAe,WAAWA,EAAsB,MAAM,MAAM;CAC5D,eAAe,WAAWA,EAAsB,MAAM,MAAM;CAC5D,eAAe,YAAYA,EAAsB,MAAM,MAAM;CAC7D,QAAQ;CAGR,WAAW;CACX,iBAAiB;CACjB,eAAe;CACf,qBAAqB;CACrB,gBAAgB;CAChB,eAAe,GAAGA,EAAsB,MAAM,OAAO;CACrD,OAAO;CACP,SAAS;CACT,SAAS;CACT,SAAS;CACT,aAAa;CACb,SAAS;CACT,QAAQ;CACR,eAAe,GAAGA,EAAsB,MAAM,OAAO;CACrD,OAAO;CACP,iBAAiB;CACjB,cAAc;AACf,GC9Ba8B,IAAW;CACvB,MAAM;CACN,QAAQ;CACR,OAAO;CACP,aAAa;CACb,SAAS;CACT,QAAQ;CACR,OAAO;CACP,cAAc;CACd,cAAc;CACd,oBAAoB;AACrB,GAqBaC,IAA4B;CACxC,OAAOnD,EAAO;CACd,SAAS;CACT,gBAAgBA,EAAO;CACvB,UAAUA,EAAO;CACjB,UAAU;CACV,SAASA,EAAO;CAChB,gBAAgBA,EAAO;CACvB,QAAQA,EAAO;CACf,kBAAkB;CAClB,uBAAuBA,EAAO;CAC9B,uBAAuB;AACxB,GAKaoD,KAAoD;CAChE,MAAMpD,EAAO;CACb,MAAMA,EAAO;CACb,QAAQA,EAAO;AAChB;;;ACvDA,SAAgBqD,EAAqB,GAA8B;CAUlE,OATIC,KAAY,QACZ,OAAOA,KAAY,YAAkB,KACrC,OAAOA,KAAY,WAAiBA,EAAQ,KAAK,CAAC,CAAC,SAAS,IAC5D,OAAOA,KAAY,YAAY,OAAOA,KAAY,WAAiB,KACnE,MAAM,QAAQA,CAAO,IAAUA,EAAQ,KAAKD,CAAoB,IACpE,CAAIE,EAAyCD,CAAO,KAC/CA,EAAQ,SAASE,KAAiBH,EAAqBC,EAAQ,MAAM,QAAQ;AAInF;;;ACeA,IAAMG,IAAyD;CAC9D,IAAIxD,EAAO;CACX,IAAIA,EAAO;CACX,IAAIA,EAAO;AACZ,GAEMyD,IAAoE;CACzE,IAAI;CACJ,IAAI;CACJ,IAAI;AACL;AAOA,SAAgBC,GAAU,EAAE,cAAW,GAAG/B,KAAuC;CAChF,OACC,kBAAC1B,GAAD;EACC,WAAWS,EACVuC,EAAS,MACTjD,EAAO,OACP8B,CACD;EACA,GAAIH;CACJ,CAAA;AAEH;AAEA,SAAgBgC,EAAW,EAC1B,cACA,aAAU,UACV,YACA,GAAGhC,KACwC;CAC3C,OACC,kBAACzB,GAAD;EACC,WAAWQ,EACVuC,EAAS,QACTjD,EAAO,QACP4D,MAAY,KAAA,KAAab,EAAyBa,IAClDC,MAAY,UAAU,cAAc,cACpC/B,CACD;EACA,GAAIH;CACJ,CAAA;AAEH;AAEA,SAAgBmC,GAAU,EACzB,cACA,aACA,MAAMC,GACN,GAAGpC,KAC2D;CAC9D,IAAM,EAAE,oBAAiBlB,EAAiB,GACpCgC,IAAOlC,EAAsBwD,GAAUC,CAAY;CAmBzD,OAlBKZ,EAAqBpB,CAAQ,IAGjC,OAAOA,KAAa,YACpB,OAAOA,KAAa,YACpB,OAAOA,KAAa,WAInB,kBAAC7B,GAAD;EACC,WAAWO,EAAGuC,EAAS,OAAOjD,EAAO,OAAO,eAAewD,EAAwBf,IAAOX,CAAS;EACnG,GAAIH;EAEH;CACkB,CAAA,IAKrB,kBAACf,GAAD;EACC,aAAU;EACV,KAAI;EACJ,MAAM6C,EAAqBhB;EAC3B,QAAO;EACP,YAAW;EACX,WAAW/B,EAAGuC,EAAS,OAAOjD,EAAO,OAAO8B,CAAS;EACrD,GAAIH;EAEH;CACI,CAAA,IA7BqC;AA+B7C;AAEA,SAAgBsC,EAAgB,EAC/B,cACA,aACA,GAAGtC,KACgC;CAwBnC,OAvBKyB,EAAqBpB,CAAQ,IAGjC,OAAOA,KAAa,YACpB,OAAOA,KAAa,YACpB,OAAOA,KAAa,WAInB,kBAAC5B,IAAD;EACC,WAAWM,EACVuC,EAAS,aACTjD,EAAO,aACP8B,CACD;EACA,GAAIH;EAGJ,UAAA,kBAAChB,EAAmB,UAApB;GAA6B,OAAA;GAAO;EAAsC,CAAA;CACjD,CAAA,IAK3B,kBAACC,GAAD;EACC,aAAU;EACV,KAAI;EACJ,MAAK;EACL,WAAWF,EAAGuC,EAAS,aAAanB,CAAS;EAC7C,GAAIH;EAEH;CACI,CAAA,IAhCqC;AAkC7C;AAEA,SAAgBuC,GAAY,EAC3B,cACA,YACA,GAAGvC,KACgB;CACnB,OACC,kBAACtB,IAAD;EACC,WAAWK,EAAGuC,EAAS,SAASjD,EAAO,SAAS4D,MAAY,KAAA,KAAab,EAAyBa,IAAU9B,CAAS;EACrH,GAAIH;CACJ,CAAA;AAEH;AAEA,SAAgBwC,GAAW,EAC1B,cACA,YACA,GAAGxC,KACgB;CACnB,OACC,kBAACrB,IAAD;EACC,WAAWI,EACVuC,EAAS,QACTjD,EAAO,QACP4D,MAAY,KAAA,KAAab,EAAyBa,IAClD9B,CACD;EACA,GAAIH;CACJ,CAAA;AAEH;;;AC1KA,SAAgByC,GAAe,EAC9B,UACA,cACA,cACA,gBACkB;CAClB,OACC,kBAAC,OAAD;EACC,WAAW1D,EACVuC,EAAS,OACTC,EAAW,QACXpB,GACAuC,IAAYnB,EAAW,wBAAwBA,EAAW,qBAC3D;EAEA,UAAA,kBAACzB,GAAD;GAAO,MAAM6C;GACZ,UAAA,kBAACrC,GAAD,EAAA,UAAmBsC,EAAwB,CAAA;EACrC,CAAA;CACH,CAAA;AAEP;;;ACnCA,SAAgBC,EAAa,EAAC,UAAO,WAAQ,UAAO,QAAQ,cAAW,oBAAiB,eAGrF;CACF,IAAMC,IAAa,OAAOC,KAAU,YAAY,OAAOA,KAAU,YAAY,OAAOA,KAAU;CAC9F,OAAO,kBAAC9D,GAAD;EAAM,KAAI;EAAY;EAAM,QAAQ6D,IAAa,aAAa;EAAU,YAAW;EAAQ,aAAWE;EAAU,WAAWjE,EAAG,uGAAuGoB,CAAS;EAA9O,UAAA,CACL4C,KAAS,QAAQ,kBAAC,QAAD;GAAM,WAAU;GAAqB,GAAKD,IAAa;IAAC,MAAM;IAAW,cAAc;GAAC,IAAI,CAAC;GAAK,UAAAC;EAAY,CAAA,GAC/HE,KAAU,QAAQ,kBAAC,OAAD;GAAK,WAAWlE,EAAG,oFAAoFmE,CAAe;GAAI,UAAAD;EAAY,CAAA,CACpJ;;AACP;;;ACEA,SAAgBE,GAAY,EAAE,YAAS,mBAAkC;CACxE,IAAMC,IAAwCC,EAAQ,KAAK,GAAQ,OAAW;EAAE,GAAGC;EAAQ,IAAIA,EAAO,MAAM,eAAeC;CAAQ,EAAE;CAErI,OACC,kBAAC9D,IAAD;EACC,SAAS2D;EACT,MAAMI;EACN,QAAQC;EACR,OAAM;EACN,eAAA;EACA,aAAa;GACZ,MAAM;GACN,MAAM;GACN,aAAa;GACb,UAAU;GACV,WAAW;EACZ;CACA,CAAA;AAEH;;;ACVA,SAASC,GAAoB,EAAE,mBAA0C;CACxE,OACC,kBAACC,GAAD,EACC,SAAS,MAAiB;EAEzB,IAAMC,IAAcC;EACpB,OACC,kBAACzE,GAAD;GACC,GAAIwE;GACJ,MAAK;GACL,MAAK;GACL,aAAY;GACZ,MAAK;GAAK,UAAA;GACV,WAAW7E,EACV,yBACA,yBACA6E,EAAY,SACb;GACA,cAAYE;GAEZ,UAAA,kBAACC,GAAD,EAAM,WAAU,eAAgB,CAAA;EACzB,CAAA;CAEV,EACA,CAAA;AAEH;AA+BA,SAAgBC,GAAmB,EAClC,SACA,UACA,gBACA,gBACA,aAAU,UACV,YACA,iBACA,gBACA,cACA,iBACA,YACA,kBACA,cACA,gBACe;CACf,IAAMC,IAAc,MAAM,QAAQZ,CAAO,IAAIA,IAAU,CAAC,GAClDa,KAAaD,EAAY,SAAS,GAElCE,KAAU1C,EAAqBhB,CAAI,GACnC2D,KAAW3C,EAAqBsB,CAAK,GACrCsB,IAAiB5C,EAAqB6C,CAAW,GACjDC,IAAiB9C,EAAqB+C,CAAW,GACjDC,IAAahD,EAAqBiD,CAAO,GACzCC,IAAiBlD,EAAqBmD,CAAW,GACjDC,IAAepD,EAAqBqD,CAAS,GAC7CC,IAAkBtD,EAAqBuD,CAAY,GAEnDC,IAAed,MAAWC,MAAYC,KAAkBI,GACxDS,IAAeL,KAAgBE,KAAmBb;CAExD,OACC,kBAAClC,GAAD;EACC,WAAWjD,EACVsC,EAAY,WACZ,CAACkD,KAAkB,CAACI,KAAkBtD,EAAY,iBAClDE,EAAW,SACXpB,CACD;EAND,UAAA,CAQC,kBAACb,GAAD;GAAO,KAAK4C;GAAS,WAAWnD,EAAG,sBAAsBsC,EAAY,eAAe,CAACkD,KAAkB,CAACI,KAAkBtD,EAAY,mBAAmB;GAAzJ,UAAA;IACE,CAAC,CAACsD,KAAkBC;IAEpB,CAAC,CAACK,KACF,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACE,CAAC,CAACd,MACF,kBAAC,QAAD;OAAM,WAAU;OACd,UAAA1D;MACI,CAAA;MAEP,kBAACoC,GAAD;OAAc,UAAS;OAAoB;OAAO,QAAQwB,IAAiBC,IAAc,KAAA;OAAW,MAAMa,MAAc,OAAO,SAASA,MAAc,OAAO,OAAO;OAAM,WAAU;OAAqB,iBAAgB;MAAsB,CAAA;MAC9O,CAAC,CAACV,KACF,kBAACvF,GAAD,EAAA,UAAA,CACC,kBAACwE,IAAD,EAAmC,gBAAe,CAAA,GAClD,kBAACvE,GAAD,EAAA,UAAiBuF,EAAwB,CAAA,CACjC,EAAA,CAAA;KAEN;;IAGL,CAAC,CAACH,KACF,kBAACjC,GAAD;KAAiB,WAAU;KAAc,UAAAkC;IAA6B,CAAA;GAEjE;EAEN,CAAA,GAAA,CAAC,CAACU,KACF,kBAAC,OAAD;GAAK,WAAWnG,EAAG,oBAAoBsC,EAAY,cAAc;GAAjE,UAAA;IACE,CAAC,CAACwD,KAAgBC;IAClB,CAAC,CAACC,KAAmBC;IACrB,CAAC,CAACd,MACF,kBAACf,IAAD;KAAa,SAASc;KAA2B;IAAe,CAAA;GAE7D;EAEK,CAAA,CAAA;;AAEd;;;ACrJA,IAAamB,KAA0B;CACtC,cAAc;CACd,cAAc;CACd,aAAa;CACb,eAAe;AAChB,GC6CaC,IAAOtF,EAA2C,SAAc,EAC5E,SACA,UACA,gBACA,gBACA,aAAU,UACV,aACA,qBACA,eACA,UACA,eAAY,WACZ,YACA,aAAU,MACV,qBAAkB,UAClB,QACA,eACA,cACA,YACA,kBACA,iBACA,gBACA,cACA,eACA,kBACA,gBACA,mBACA,eAAeuF,IACf,gBAAa,IACb,qBAAkB,IAClB,UAAUC,GACV,qBACA,aACA,eACA,oBACA,qBACA,qBACA,SAASC,IACT,GAAGC,KACD,IAAK;CACP,IAAM,EACL,oBACA,0BACA,6BACG5G,EAAc,GACZ6G,KAAgBJ,MAAqBK,MAAwB,IAC7D,EAAE,qBAAiB7G,EAAiB,GACpC8G,KAAoBhH,EAAsBuG,GAAW9C,EAAY,GACjEwD,IAAQ;EAAE,MAAM;EAAQ,IAAI;EAAiB,IAAI;EAAc,IAAI;CAAgB,EAAE5D,IACrF6D,KAAW;EAAE,MAAM;EAAQ,IAAI;EAAiB,IAAI;EAAc,IAAI;CAAgB,EAAE7D,IACxF8D,IAAS;EAAE,GAAGxE;EAAY,SAASsE;EAAO,UAAUA;EAAO,SAASA;EAAO,gBAAgB;GAAE,MAAM;GAAS,IAAI;GAAkB,IAAI;GAAe,IAAI;EAAiB,EAAE5D;EAAU,gBAAgB;GAAE,MAAM;GAAS,IAAI;GAAkB,IAAI;GAAe,IAAI;EAAiB,EAAEA;CAAS,GAChS+D,IAAeC,MAAoB,SACnChC,KAAc,MAAM,QAAQZ,CAAO,IAAIA,IAAU,CAAC,GAClD6C,IAAUC,EAAWf,IAAyBI,EAAW,GACzDY,KACL3C,MAAgByC,EAAQ,cAEnBG,IAAeC,MAAe,MAASA,MAAe,KAAA,GACtDC,KACL,OAAOD,KAAe,YAAYA,GAAY,uBAAuB,KAAA,IAClEA,EAAW,qBACX,SACEE,KACL,OAAOD,MAA0B,WAC9B,GAAGA,GAAsB,MACzBA,IAEEE,KAAuBlB,MAAiB,KAAA,GACxC,CAACmB,IAAkBC,MAAuBC,GAASC,CAAe,GAClEC,IAAWL,KAAuBlB,IAAemB,IACjDK,KAAeC,SAAkB;EACtC,IAAMC,IAAO,CAACH;EAEd,AADKL,MAAsBE,GAAoBM,CAAI,GACnDC,IAAmBD,CAAI;CACxB,GAAG;EAACH;EAAUL;EAAsBS;CAAgB,CAAC,GAE/CxE,IACLjB,EAAqBhB,CAAI,KACzBgB,EAAqBsB,CAAK,KAC1BtB,EAAqB+C,CAAW,KAChCP,GAAY,SAAS,KACrBxC,EAAqBuD,CAAY,KACjCvD,EAAqBmD,CAAW,KAChCnD,EAAqBqD,CAAS,GAEzBqC,KAAW1F,EAAqBmB,CAAK,GACrCwE,KAAgB3F,EAAqB4F,CAAU,GAC/CC,IAAgB7F,EAAqB8F,EAAU,GAC/CC,KAAgB/F,EAAqBgG,CAAU,GAC/CC,KAAmBjG,EAAqBkG,CAAa,GAErDC,KAAUJ,MAAiBE,MAAoBjG,EAAqBpB,CAAQ,KAAKgG,GACjFwB,KAAmBnF,MAAc0E,MAAiBE,MAAkB,CAACH,MAAY,CAACS,MAAW,CAAC5B,GAE9FlC,KACLgE,KAAoBA,EAAiB,KAAK,CAAC,CAAC,SAAS,IAClDA,IACA5B,EAAQ,cAEN6B,KAA2C1B,IAC9C,EACA,WAAWS,IAAW,KAAKN,GAC5B,IACC,KAAA,GAGGwB,IACLC,KAAWC,MAAkB,UACxBC,KAAwBC,MAAiBC,MAAwB,IAEjEC,IAA4BT,OAAqBM,MAAyBzC;CAEhF,OACC,kBAAC3D,IAAD;EACC,GAAI0D;EACJ,yBAAuBQ;EAClB;EACL,gBAAc+B;EACd,WAAWjJ,EACVyC,GAAgBwG,IAChBjC,EAAO,OACPD,IAGAzG,EAAU,EAAE,KAAKkJ,KAAO,KAAK,CAAC,GAC9BD,KAA6B,SAC7BtC,KAAgB,0DAGhBgC,MAAoB,UAAU,CAAChC,KAAgB,oBAI/CK,KAAgBtH,EACf,0CACAgH,EAAO,gBACR,GACA5F,EACD;EAzBD,UAAA;GA2BE,CAAC,CAACuC,KACF,kBAACsB,IAAD;IACO;IACC;IACM;IACA;IACJ;IACA;IACK;IACD;IACF;IACG;IACd,SAASC;IACT,cAAcmC;IACd,WAAWR;IACX,WAAW7G,EACVoJ,MAAyB,CAACG,KAA6BvJ,EACtDS,EAAsB,MAAM,QAC5BuG,EAAO,cACR,GACAuC,KAA6BvC,EAAO,gBACpCA,EAAO,SACPC,KAAgB,wHAChBwC,CACD;GACA,CAAA;GAGF,kBAAC,OAAD;IAAK,WAAWxC,IAAejH,EAAG,uFAAuFM,EAAU,EAAE,KAAKkJ,KAAO,KAAK,CAAC,GAAG/I,EAAsB,MAAM,OAAOsG,EAAQ,IAAI;IAAzM,UAAA;KACC,CAAC,CAACqB,MACF,kBAAC1E,IAAD;MACQ;MACI;MACA;MACX,WAAWoD;KACX,CAAA;KAGD,CAAC,CAAC+B,MAAW,kBAACrF,IAAD;MACb,WAAWxD,EACVgH,EAAO,UACPA,EAAO,UACPM,KACC,6EACDoC,CACD;MACA,OAAOV;MARM,UAAA,CAUZP,MAAiBE,KAEjB,kBAACpI,GAAD;OAAO,KAAKoJ,KAAc;OAA1B,UAAA;QACE,CAAC,CAAClB,MAAiBC;QACnBiB,IAAa,kBAACpJ,GAAD;SAAO,KAAKoJ;SAAa;QAAgB,CAAA,IAAI,kBAAC,OAAD;SAAK,WAAU;SAAW;QAAc,CAAA;QAClG,CAAC,CAAChB,MAAoBC;OACjB;MACJ,CAAA,IAAAe,IAAa,kBAACpJ,GAAD;OAAO,KAAKoJ;OAAa;MAAgB,CAAA,IAAIrI,GAE7D,CAAC,CAACgG,KAAgB,CAACS,KACnB,kBAAC,OAAD;OACC,eAAY;OACZ,WAAW/H,EACVuC,EAAS,cACT,uGACA0G,MAAoB,SAAS,oBAAoB,WAClD;MACA,CAAA,CAEU;;MAEXZ,MAAiBE,MAClB,kBAAC9E,IAAD;MAAY,WAAWzD,EACtBgH,EAAO,SACPuB,IAAgB,wCAAwC,gBACvD5B,MAAiB4C,MAA8BvJ,EAAGS,EAAsB,MAAM,QAAQuG,EAAO,cAAc,GAC5G4C,EACD;MALA,UAAA,CAMEvB,OAAkB,OAAOC,KAAe,YAAY,OAAOA,KAAe,YAAY,OAAOA,KAAe,WAC1G,kBAACpI,GAAD;OAAM,KAAI;OAAO,MAAK;OAAK,MAAK;OAAa,UAAAoI;MAAiB,CAAA,IAC9DA,IACFC,KAAiBC,EACP;;IAGR;;GAEJ,CAAC,CAAClB,KACF,kBAAC,OAAD;IACC,WAAWtH,EACVuC,EAAS,cACT,kEACD;IAEA,UAAA,kBAAClC,GAAD;KACC,MAAK;KACL,MAAK;KACL,aAAY;KACZ,MAAK;KAAK,UAAA;KACV,SAAS2H;KACT,iBAAeD;KACf,cAAYA,IAAWZ,EAAQ,gBAAgBA,EAAQ;KACvD,WAAWnH,EACVuC,EAAS,oBACTvC,EAAGS,EAAsB,MAAM,OAAO,yCAAyC,GAC/E,uCACA,yEACD;KAEA,UAAA,kBAACoJ,IAAD;MACC,eAAY;MACZ,WAAW7J,EACV,+CACA+H,KAAY,YACb;KACA,CAAA;IACM,CAAA;GACJ,CAAA;EAEI;;AAEb,CAAC;AAED,EAAK,cAAc;AAGnB,IAAa+B,KAAYxD"}

package/dist/{spinner-BY9HbUEh.js → spinner-CmTAbEp0.js}

@@ -1,10 +1,10 @@
 "use client";
-import { d as e } from "./ui-provider-CftIB6TY.js";
+import { d as e } from "./ui-provider-D2_TeLqw.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-MvKVq-oL.js";
-import { n as a } from "./track-recipes-LLPNVwFg.js";
+import { t as n } from "./utils-Cospvlj1.js";
+import { s as r } from "./typography-CAr3dQhX.js";
+import { t as i } from "./structure-hzCW-XsV.js";
+import { n as a } from "./track-recipes-CDcKmndW.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
@@ -12,6 +12,8 @@ var l = { loading: "Loading" }, u = o(function({ label: a, className: o = "", va
 	let { defaultVariant: _ } = e(), v = t(l, m), y = u ?? _ ?? "default";
 	return /* @__PURE__ */ s("div", {
 		ref: g,
+		role: y === "progress" ? void 0 : "status",
+		"aria-label": y === "progress" || a ? void 0 : v.loading,
 		className: n("spinner--component", "flex items-center justify-center p-surface"),
 		style: h,
 		children: /* @__PURE__ */ c(i, {
@@ -75,4 +77,4 @@ function p({ className: e = "", label: t }) {
 //#endregion
 export { l as n, u as t };
 
-//# sourceMappingURL=spinner-BY9HbUEh.js.map
+//# sourceMappingURL=spinner-CmTAbEp0.js.map

package/dist/spinner-CmTAbEp0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-CmTAbEp0.js","names":["useSpinnerConfig","cn","Text","Stack","trackHeightClasses","defaultSpinnerStrings","Spinner","forwardRef","variantProp","stringsProp","strings","useStrings","variant","defaultVariant","label","SpinnerDefault","SpinnerShimmer","SpinnerProgress","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/** Visible label under the indicator; also its accessible name. */\n\tlabel?: string;\n\t/** Merged onto the indicator graphic (size, colour), not the padded wrapper. */\n\tclassName?: string;\n\t/** Indicator style: circular `default`, `shimmer`, or `progress` strip. Defaults to `UIProvider.spinner.defaultVariant`, then `default`. */\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\n\t\t\tref={ref}\n\t\t\t// The progress strip names itself as a progressbar; the other indicators\n\t\t\t// are announced as a polite status named by the label or loading copy.\n\t\t\trole={variant === 'progress' ? undefined : 'status'}\n\t\t\taria-label={variant === 'progress' || label ? undefined : strings.loading}\n\t\t\tclassName={cn('spinner--component', 'flex items-center justify-center p-surface')}\n\t\t\tstyle={style}\n\t\t>\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,GAcaC,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;EACM;EAGL,MAAMD,MAAY,aAAa,KAAA,IAAY;EAC3C,cAAYA,MAAY,cAAcE,IAAQ,KAAA,IAAYJ,EAAQ;EAClE,WAAWT,EAAG,sBAAsB,4CAA4C;EACzE;EAEP,UAAA,kBAACE,GAAD;GAAO,KAAI;GAAK,OAAM;GAAS,SAAQ;GAAS,WAAU;GAA1D,UAAA;IACES,MAAY,aAAa,kBAACG,GAAD,EAA2B,aAAY,CAAA;IAChEH,MAAY,aAAa,kBAACI,GAAD,EAA2B,aAAY,CAAA;IAChEJ,MAAY,cAAc,kBAACK,GAAD;KAA4B;KAAW,OAAOH,KAASJ,EAAQ;IAAU,CAAA;IACnG,CAAC,CAACI,KAAS,kBAACZ,GAAD;KAAM,MAAK;KAAa,UAAAY;IAAY,CAAA;GAC1C;;CACH,CAAA;AAEP,CAAC;AAED,EAAQ,cAAc;AAEtB,SAASC,EAAe,EAAE,eAAY,MAA8B;CACnE,OACC,kBAAC,OAAD;EACC,WAAWd,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,SAASF,EAAe,EAAE,eAAY,MAA8B;CACnE,OACC,kBAAC,OAAD;EACC,WAAWf,EACV,6GACA,+CACAiB,CACD;EACA,eAAY;CACZ,CAAA;AAEH;AAEA,SAASD,EAAgB,EAAE,eAAY,IAAI,YAAgD;CAC1F,OACC,kBAAC,OAAD;EACC,WAAWhB,EAAG,oDAAoDG,EAAmB,IAAIc,CAAS;EAClG,MAAK;EACL,cAAYJ;EACZ,aAAU;EAEV,UAAA,kBAAC,OAAD,EAAK,WAAU,qFAAsF,CAAA;CACjG,CAAA;AAEP"}

package/dist/{structure-MvKVq-oL.js → structure-hzCW-XsV.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./utils-C2EKeIw3.js";
-import { a as t, i as n, o as r, r as i, t as a } from "./structure.recipes-Bqhf9oIh.js";
+import { t as e } from "./utils-Cospvlj1.js";
+import { a as t, i as n, o as r, r as i, t as a } from "./structure.recipes-EPz60cU8.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";
@@ -92,4 +92,4 @@ h.displayName = "Stack";
 //#endregion
 export { d as i, m as n, p as r, h as t };
 
-//# sourceMappingURL=structure-MvKVq-oL.js.map
+//# sourceMappingURL=structure-hzCW-XsV.js.map

package/dist/{structure-MvKVq-oL.js.map → structure-hzCW-XsV.js.map}

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

package/dist/{structure.recipes-Bqhf9oIh.js → structure.recipes-EPz60cU8.js}

@@ -37,7 +37,8 @@ var i = {
 		md: "gap-space-md",
 		lg: "gap-space-lg",
 		xl: "gap-space-xl",
-		"2xl": "gap-space-2xl"
+		"2xl": "gap-space-2xl",
+		"3xl": "gap-space-3xl"
 	},
 	sm: {
 		none: "sm:gap-0",
@@ -49,7 +50,8 @@ var i = {
 		md: "sm:gap-space-md",
 		lg: "sm:gap-space-lg",
 		xl: "sm:gap-space-xl",
-		"2xl": "sm:gap-space-2xl"
+		"2xl": "sm:gap-space-2xl",
+		"3xl": "sm:gap-space-3xl"
 	},
 	md: {
 		none: "md:gap-0",
@@ -61,7 +63,8 @@ var i = {
 		md: "md:gap-space-md",
 		lg: "md:gap-space-lg",
 		xl: "md:gap-space-xl",
-		"2xl": "md:gap-space-2xl"
+		"2xl": "md:gap-space-2xl",
+		"3xl": "md:gap-space-3xl"
 	},
 	lg: {
 		none: "lg:gap-0",
@@ -73,7 +76,8 @@ var i = {
 		md: "lg:gap-space-md",
 		lg: "lg:gap-space-lg",
 		xl: "lg:gap-space-xl",
-		"2xl": "lg:gap-space-2xl"
+		"2xl": "lg:gap-space-2xl",
+		"3xl": "lg:gap-space-3xl"
 	},
 	xl: {
 		none: "xl:gap-0",
@@ -85,7 +89,8 @@ var i = {
 		md: "xl:gap-space-md",
 		lg: "xl:gap-space-lg",
 		xl: "xl:gap-space-xl",
-		"2xl": "xl:gap-space-2xl"
+		"2xl": "xl:gap-space-2xl",
+		"3xl": "xl:gap-space-3xl"
 	},
 	"2xl": {
 		none: "2xl:gap-0",
@@ -97,7 +102,8 @@ var i = {
 		md: "2xl:gap-space-md",
 		lg: "2xl:gap-space-lg",
 		xl: "2xl:gap-space-xl",
-		"2xl": "2xl:gap-space-2xl"
+		"2xl": "2xl:gap-space-2xl",
+		"3xl": "2xl:gap-space-3xl"
 	}
 }, a = {
 	base: {
@@ -110,7 +116,8 @@ var i = {
 		md: "gap-y-space-md",
 		lg: "gap-y-space-lg",
 		xl: "gap-y-space-xl",
-		"2xl": "gap-y-space-2xl"
+		"2xl": "gap-y-space-2xl",
+		"3xl": "gap-y-space-3xl"
 	},
 	sm: {
 		none: "sm:gap-y-0",
@@ -122,7 +129,8 @@ var i = {
 		md: "sm:gap-y-space-md",
 		lg: "sm:gap-y-space-lg",
 		xl: "sm:gap-y-space-xl",
-		"2xl": "sm:gap-y-space-2xl"
+		"2xl": "sm:gap-y-space-2xl",
+		"3xl": "sm:gap-y-space-3xl"
 	},
 	md: {
 		none: "md:gap-y-0",
@@ -134,7 +142,8 @@ var i = {
 		md: "md:gap-y-space-md",
 		lg: "md:gap-y-space-lg",
 		xl: "md:gap-y-space-xl",
-		"2xl": "md:gap-y-space-2xl"
+		"2xl": "md:gap-y-space-2xl",
+		"3xl": "md:gap-y-space-3xl"
 	},
 	lg: {
 		none: "lg:gap-y-0",
@@ -146,7 +155,8 @@ var i = {
 		md: "lg:gap-y-space-md",
 		lg: "lg:gap-y-space-lg",
 		xl: "lg:gap-y-space-xl",
-		"2xl": "lg:gap-y-space-2xl"
+		"2xl": "lg:gap-y-space-2xl",
+		"3xl": "lg:gap-y-space-3xl"
 	},
 	xl: {
 		none: "xl:gap-y-0",
@@ -158,7 +168,8 @@ var i = {
 		md: "xl:gap-y-space-md",
 		lg: "xl:gap-y-space-lg",
 		xl: "xl:gap-y-space-xl",
-		"2xl": "xl:gap-y-space-2xl"
+		"2xl": "xl:gap-y-space-2xl",
+		"3xl": "xl:gap-y-space-3xl"
 	},
 	"2xl": {
 		none: "2xl:gap-y-0",
@@ -170,7 +181,8 @@ var i = {
 		md: "2xl:gap-y-space-md",
 		lg: "2xl:gap-y-space-lg",
 		xl: "2xl:gap-y-space-xl",
-		"2xl": "2xl:gap-y-space-2xl"
+		"2xl": "2xl:gap-y-space-2xl",
+		"3xl": "2xl:gap-y-space-3xl"
 	}
 }, o = {
 	base: {
@@ -183,7 +195,8 @@ var i = {
 		md: "gap-x-space-md",
 		lg: "gap-x-space-lg",
 		xl: "gap-x-space-xl",
-		"2xl": "gap-x-space-2xl"
+		"2xl": "gap-x-space-2xl",
+		"3xl": "gap-x-space-3xl"
 	},
 	sm: {
 		none: "sm:gap-x-0",
@@ -195,7 +208,8 @@ var i = {
 		md: "sm:gap-x-space-md",
 		lg: "sm:gap-x-space-lg",
 		xl: "sm:gap-x-space-xl",
-		"2xl": "sm:gap-x-space-2xl"
+		"2xl": "sm:gap-x-space-2xl",
+		"3xl": "sm:gap-x-space-3xl"
 	},
 	md: {
 		none: "md:gap-x-0",
@@ -207,7 +221,8 @@ var i = {
 		md: "md:gap-x-space-md",
 		lg: "md:gap-x-space-lg",
 		xl: "md:gap-x-space-xl",
-		"2xl": "md:gap-x-space-2xl"
+		"2xl": "md:gap-x-space-2xl",
+		"3xl": "md:gap-x-space-3xl"
 	},
 	lg: {
 		none: "lg:gap-x-0",
@@ -219,7 +234,8 @@ var i = {
 		md: "lg:gap-x-space-md",
 		lg: "lg:gap-x-space-lg",
 		xl: "lg:gap-x-space-xl",
-		"2xl": "lg:gap-x-space-2xl"
+		"2xl": "lg:gap-x-space-2xl",
+		"3xl": "lg:gap-x-space-3xl"
 	},
 	xl: {
 		none: "xl:gap-x-0",
@@ -231,7 +247,8 @@ var i = {
 		md: "xl:gap-x-space-md",
 		lg: "xl:gap-x-space-lg",
 		xl: "xl:gap-x-space-xl",
-		"2xl": "xl:gap-x-space-2xl"
+		"2xl": "xl:gap-x-space-2xl",
+		"3xl": "xl:gap-x-space-3xl"
 	},
 	"2xl": {
 		none: "2xl:gap-x-0",
@@ -243,7 +260,8 @@ var i = {
 		md: "2xl:gap-x-space-md",
 		lg: "2xl:gap-x-space-lg",
 		xl: "2xl:gap-x-space-xl",
-		"2xl": "2xl:gap-x-space-2xl"
+		"2xl": "2xl:gap-x-space-2xl",
+		"3xl": "2xl:gap-x-space-3xl"
 	}
 }, s = {
 	base: {
@@ -545,4 +563,4 @@ function y({ span: t, columns: n }) {
 //#endregion
 export { y as a, g as i, m as n, h as o, _ as r, v as t };
 
-//# sourceMappingURL=structure.recipes-Bqhf9oIh.js.map
+//# sourceMappingURL=structure.recipes-EPz60cU8.js.map

package/dist/structure.recipes-EPz60cU8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"structure.recipes-EPz60cU8.js","names":["STRUCTURE_BREAKPOINTS","resolveResponsiveEntries","value","fallback","resolveOptionalResponsiveEntries","compileResponsiveClasses","classes","emitted","breakpoint","entries","classMap","gapClasses","rowGapClasses","columnGapClasses","alignClasses","justifyClasses","directionClasses","wrapClasses","columnClasses","spanClasses","adaptiveColumnClasses","gapRecipe","gaps","gap","rows","rowGap","columns","columnGap","result","currentGap","currentRow","currentColumn","nextGap","sharedChanged","stackRecipe","directions","direction","aligns","align","wraps","wrap","justify","currentDirection","explicitAlign","explicitWrap","directionAtBreakpoint","alignAtBreakpoint","wrapAtBreakpoint","directionChanged","resolveGridColumns","gridRecipe","adaptiveGridRecipe","minColumnWidth","spanRecipe","span","requested","currentSpan","currentColumns","resolved"],"sources":["../src/components/base/structure/structure.responsive.ts","../src/components/base/structure/structure.recipes.ts"],"sourcesContent":["import type {\n\tResponsiveValue,\n\tStructureBreakpoint,\n} from './structure.types';\n\nexport const STRUCTURE_BREAKPOINTS: readonly StructureBreakpoint[] = [\n\t'base',\n\t'sm',\n\t'md',\n\t'lg',\n\t'xl',\n\t'2xl',\n];\n\nexport function resolveResponsiveEntries<T>(\n\tvalue: ResponsiveValue<T> | undefined,\n\tfallback: T,\n): Partial<Record<StructureBreakpoint, T>> {\n\tif (value === undefined) return { base: fallback };\n\tif (typeof value !== 'object' || value === null) return { base: value };\n\treturn { base: fallback, ...value };\n}\n\nexport function resolveOptionalResponsiveEntries<T>(\n\tvalue: ResponsiveValue<T> | undefined,\n): Partial<Record<StructureBreakpoint, T>> {\n\tif (value === undefined) return {};\n\tif (typeof value !== 'object' || value === null) return { base: value };\n\treturn value;\n}\n\nexport function compileResponsiveClasses<T extends string | number>(\n\tentries: Partial<Record<StructureBreakpoint, T>>,\n\tclassMap: Record<StructureBreakpoint, Record<T, string>>,\n): string[] {\n\tconst classes: string[] = [];\n\tlet emitted: T | undefined;\n\n\tfor (const breakpoint of STRUCTURE_BREAKPOINTS) {\n\t\tconst value = entries[breakpoint];\n\t\tif (value === undefined || value === emitted) continue;\n\t\temitted = value;\n\t\tclasses.push(classMap[breakpoint][value]);\n\t}\n\n\treturn classes;\n}\n","import {\n\tcompileResponsiveClasses,\n\tresolveOptionalResponsiveEntries,\n\tresolveResponsiveEntries,\n\tSTRUCTURE_BREAKPOINTS,\n} from './structure.responsive';\nimport type {\n\tAdaptiveGridMinimum,\n\tGridColumnLadder,\n\tResponsiveValue,\n\tStructureAlign,\n\tStructureGap,\n\tStructureJustify,\n} from './structure.types';\n\nconst gapClasses = {\n\tbase: { none: 'gap-0', normal: 'gap-normal', dense: 'gap-dense', '2xs': 'gap-space-2xs', xs: 'gap-space-xs', sm: 'gap-space-sm', md: 'gap-space-md', lg: 'gap-space-lg', xl: 'gap-space-xl', '2xl': 'gap-space-2xl', '3xl': 'gap-space-3xl' },\n\tsm: { none: 'sm:gap-0', normal: 'sm:gap-normal', dense: 'sm:gap-dense', '2xs': 'sm:gap-space-2xs', xs: 'sm:gap-space-xs', sm: 'sm:gap-space-sm', md: 'sm:gap-space-md', lg: 'sm:gap-space-lg', xl: 'sm:gap-space-xl', '2xl': 'sm:gap-space-2xl', '3xl': 'sm:gap-space-3xl' },\n\tmd: { none: 'md:gap-0', normal: 'md:gap-normal', dense: 'md:gap-dense', '2xs': 'md:gap-space-2xs', xs: 'md:gap-space-xs', sm: 'md:gap-space-sm', md: 'md:gap-space-md', lg: 'md:gap-space-lg', xl: 'md:gap-space-xl', '2xl': 'md:gap-space-2xl', '3xl': 'md:gap-space-3xl' },\n\tlg: { none: 'lg:gap-0', normal: 'lg:gap-normal', dense: 'lg:gap-dense', '2xs': 'lg:gap-space-2xs', xs: 'lg:gap-space-xs', sm: 'lg:gap-space-sm', md: 'lg:gap-space-md', lg: 'lg:gap-space-lg', xl: 'lg:gap-space-xl', '2xl': 'lg:gap-space-2xl', '3xl': 'lg:gap-space-3xl' },\n\txl: { none: 'xl:gap-0', normal: 'xl:gap-normal', dense: 'xl:gap-dense', '2xs': 'xl:gap-space-2xs', xs: 'xl:gap-space-xs', sm: 'xl:gap-space-sm', md: 'xl:gap-space-md', lg: 'xl:gap-space-lg', xl: 'xl:gap-space-xl', '2xl': 'xl:gap-space-2xl', '3xl': 'xl:gap-space-3xl' },\n\t'2xl': { none: '2xl:gap-0', normal: '2xl:gap-normal', dense: '2xl:gap-dense', '2xs': '2xl:gap-space-2xs', xs: '2xl:gap-space-xs', sm: '2xl:gap-space-sm', md: '2xl:gap-space-md', lg: '2xl:gap-space-lg', xl: '2xl:gap-space-xl', '2xl': '2xl:gap-space-2xl', '3xl': '2xl:gap-space-3xl' },\n} as const;\n\nconst rowGapClasses = {\n\tbase: { none: 'gap-y-0', normal: 'gap-y-normal', dense: 'gap-y-dense', '2xs': 'gap-y-space-2xs', xs: 'gap-y-space-xs', sm: 'gap-y-space-sm', md: 'gap-y-space-md', lg: 'gap-y-space-lg', xl: 'gap-y-space-xl', '2xl': 'gap-y-space-2xl', '3xl': 'gap-y-space-3xl' },\n\tsm: { none: 'sm:gap-y-0', normal: 'sm:gap-y-normal', dense: 'sm:gap-y-dense', '2xs': 'sm:gap-y-space-2xs', xs: 'sm:gap-y-space-xs', sm: 'sm:gap-y-space-sm', md: 'sm:gap-y-space-md', lg: 'sm:gap-y-space-lg', xl: 'sm:gap-y-space-xl', '2xl': 'sm:gap-y-space-2xl', '3xl': 'sm:gap-y-space-3xl' },\n\tmd: { none: 'md:gap-y-0', normal: 'md:gap-y-normal', dense: 'md:gap-y-dense', '2xs': 'md:gap-y-space-2xs', xs: 'md:gap-y-space-xs', sm: 'md:gap-y-space-sm', md: 'md:gap-y-space-md', lg: 'md:gap-y-space-lg', xl: 'md:gap-y-space-xl', '2xl': 'md:gap-y-space-2xl', '3xl': 'md:gap-y-space-3xl' },\n\tlg: { none: 'lg:gap-y-0', normal: 'lg:gap-y-normal', dense: 'lg:gap-y-dense', '2xs': 'lg:gap-y-space-2xs', xs: 'lg:gap-y-space-xs', sm: 'lg:gap-y-space-sm', md: 'lg:gap-y-space-md', lg: 'lg:gap-y-space-lg', xl: 'lg:gap-y-space-xl', '2xl': 'lg:gap-y-space-2xl', '3xl': 'lg:gap-y-space-3xl' },\n\txl: { none: 'xl:gap-y-0', normal: 'xl:gap-y-normal', dense: 'xl:gap-y-dense', '2xs': 'xl:gap-y-space-2xs', xs: 'xl:gap-y-space-xs', sm: 'xl:gap-y-space-sm', md: 'xl:gap-y-space-md', lg: 'xl:gap-y-space-lg', xl: 'xl:gap-y-space-xl', '2xl': 'xl:gap-y-space-2xl', '3xl': 'xl:gap-y-space-3xl' },\n\t'2xl': { none: '2xl:gap-y-0', normal: '2xl:gap-y-normal', dense: '2xl:gap-y-dense', '2xs': '2xl:gap-y-space-2xs', xs: '2xl:gap-y-space-xs', sm: '2xl:gap-y-space-sm', md: '2xl:gap-y-space-md', lg: '2xl:gap-y-space-lg', xl: '2xl:gap-y-space-xl', '2xl': '2xl:gap-y-space-2xl', '3xl': '2xl:gap-y-space-3xl' },\n} as const;\n\nconst columnGapClasses = {\n\tbase: { none: 'gap-x-0', normal: 'gap-x-normal', dense: 'gap-x-dense', '2xs': 'gap-x-space-2xs', xs: 'gap-x-space-xs', sm: 'gap-x-space-sm', md: 'gap-x-space-md', lg: 'gap-x-space-lg', xl: 'gap-x-space-xl', '2xl': 'gap-x-space-2xl', '3xl': 'gap-x-space-3xl' },\n\tsm: { none: 'sm:gap-x-0', normal: 'sm:gap-x-normal', dense: 'sm:gap-x-dense', '2xs': 'sm:gap-x-space-2xs', xs: 'sm:gap-x-space-xs', sm: 'sm:gap-x-space-sm', md: 'sm:gap-x-space-md', lg: 'sm:gap-x-space-lg', xl: 'sm:gap-x-space-xl', '2xl': 'sm:gap-x-space-2xl', '3xl': 'sm:gap-x-space-3xl' },\n\tmd: { none: 'md:gap-x-0', normal: 'md:gap-x-normal', dense: 'md:gap-x-dense', '2xs': 'md:gap-x-space-2xs', xs: 'md:gap-x-space-xs', sm: 'md:gap-x-space-sm', md: 'md:gap-x-space-md', lg: 'md:gap-x-space-lg', xl: 'md:gap-x-space-xl', '2xl': 'md:gap-x-space-2xl', '3xl': 'md:gap-x-space-3xl' },\n\tlg: { none: 'lg:gap-x-0', normal: 'lg:gap-x-normal', dense: 'lg:gap-x-dense', '2xs': 'lg:gap-x-space-2xs', xs: 'lg:gap-x-space-xs', sm: 'lg:gap-x-space-sm', md: 'lg:gap-x-space-md', lg: 'lg:gap-x-space-lg', xl: 'lg:gap-x-space-xl', '2xl': 'lg:gap-x-space-2xl', '3xl': 'lg:gap-x-space-3xl' },\n\txl: { none: 'xl:gap-x-0', normal: 'xl:gap-x-normal', dense: 'xl:gap-x-dense', '2xs': 'xl:gap-x-space-2xs', xs: 'xl:gap-x-space-xs', sm: 'xl:gap-x-space-sm', md: 'xl:gap-x-space-md', lg: 'xl:gap-x-space-lg', xl: 'xl:gap-x-space-xl', '2xl': 'xl:gap-x-space-2xl', '3xl': 'xl:gap-x-space-3xl' },\n\t'2xl': { none: '2xl:gap-x-0', normal: '2xl:gap-x-normal', dense: '2xl:gap-x-dense', '2xs': '2xl:gap-x-space-2xs', xs: '2xl:gap-x-space-xs', sm: '2xl:gap-x-space-sm', md: '2xl:gap-x-space-md', lg: '2xl:gap-x-space-lg', xl: '2xl:gap-x-space-xl', '2xl': '2xl:gap-x-space-2xl', '3xl': '2xl:gap-x-space-3xl' },\n} as const;\n\nconst alignClasses = {\n\tbase: { start: 'items-start', center: 'items-center', end: 'items-end', stretch: 'items-stretch', baseline: 'items-baseline' },\n\tsm: { start: 'sm:items-start', center: 'sm:items-center', end: 'sm:items-end', stretch: 'sm:items-stretch', baseline: 'sm:items-baseline' },\n\tmd: { start: 'md:items-start', center: 'md:items-center', end: 'md:items-end', stretch: 'md:items-stretch', baseline: 'md:items-baseline' },\n\tlg: { start: 'lg:items-start', center: 'lg:items-center', end: 'lg:items-end', stretch: 'lg:items-stretch', baseline: 'lg:items-baseline' },\n\txl: { start: 'xl:items-start', center: 'xl:items-center', end: 'xl:items-end', stretch: 'xl:items-stretch', baseline: 'xl:items-baseline' },\n\t'2xl': { start: '2xl:items-start', center: '2xl:items-center', end: '2xl:items-end', stretch: '2xl:items-stretch', baseline: '2xl:items-baseline' },\n} as const;\n\nconst justifyClasses = {\n\tbase: { start: 'justify-start', center: 'justify-center', end: 'justify-end', between: 'justify-between', around: 'justify-around', evenly: 'justify-evenly' },\n\tsm: { start: 'sm:justify-start', center: 'sm:justify-center', end: 'sm:justify-end', between: 'sm:justify-between', around: 'sm:justify-around', evenly: 'sm:justify-evenly' },\n\tmd: { start: 'md:justify-start', center: 'md:justify-center', end: 'md:justify-end', between: 'md:justify-between', around: 'md:justify-around', evenly: 'md:justify-evenly' },\n\tlg: { start: 'lg:justify-start', center: 'lg:justify-center', end: 'lg:justify-end', between: 'lg:justify-between', around: 'lg:justify-around', evenly: 'lg:justify-evenly' },\n\txl: { start: 'xl:justify-start', center: 'xl:justify-center', end: 'xl:justify-end', between: 'xl:justify-between', around: 'xl:justify-around', evenly: 'xl:justify-evenly' },\n\t'2xl': { start: '2xl:justify-start', center: '2xl:justify-center', end: '2xl:justify-end', between: '2xl:justify-between', around: '2xl:justify-around', evenly: '2xl:justify-evenly' },\n} as const;\n\nconst directionClasses = {\n\tbase: { vertical: 'flex-col', horizontal: 'flex-row' },\n\tsm: { vertical: 'sm:flex-col', horizontal: 'sm:flex-row' },\n\tmd: { vertical: 'md:flex-col', horizontal: 'md:flex-row' },\n\tlg: { vertical: 'lg:flex-col', horizontal: 'lg:flex-row' },\n\txl: { vertical: 'xl:flex-col', horizontal: 'xl:flex-row' },\n\t'2xl': { vertical: '2xl:flex-col', horizontal: '2xl:flex-row' },\n} as const;\n\nconst wrapClasses = {\n\tbase: { true: 'flex-wrap', false: 'flex-nowrap' },\n\tsm: { true: 'sm:flex-wrap', false: 'sm:flex-nowrap' },\n\tmd: { true: 'md:flex-wrap', false: 'md:flex-nowrap' },\n\tlg: { true: 'lg:flex-wrap', false: 'lg:flex-nowrap' },\n\txl: { true: 'xl:flex-wrap', false: 'xl:flex-nowrap' },\n\t'2xl': { true: '2xl:flex-wrap', false: '2xl:flex-nowrap' },\n} as const;\n\nconst columnClasses = {\n\tbase: { 1: 'grid-cols-1', 2: 'grid-cols-2', 3: 'grid-cols-3', 4: 'grid-cols-4' },\n\tsm: { 1: 'sm:grid-cols-1', 2: 'sm:grid-cols-2', 3: 'sm:grid-cols-3', 4: 'sm:grid-cols-4' },\n\tmd: { 1: 'md:grid-cols-1', 2: 'md:grid-cols-2', 3: 'md:grid-cols-3', 4: 'md:grid-cols-4' },\n\tlg: { 1: 'lg:grid-cols-1', 2: 'lg:grid-cols-2', 3: 'lg:grid-cols-3', 4: 'lg:grid-cols-4' },\n\txl: { 1: 'xl:grid-cols-1', 2: 'xl:grid-cols-2', 3: 'xl:grid-cols-3', 4: 'xl:grid-cols-4' },\n\t'2xl': { 1: '2xl:grid-cols-1', 2: '2xl:grid-cols-2', 3: '2xl:grid-cols-3', 4: '2xl:grid-cols-4' },\n} as const;\n\nconst spanClasses = {\n\tbase: { 1: 'col-span-1', 2: 'col-span-2', 3: 'col-span-3', 4: 'col-span-4', full: 'col-span-full' },\n\tsm: { 1: 'sm:col-span-1', 2: 'sm:col-span-2', 3: 'sm:col-span-3', 4: 'sm:col-span-4', full: 'sm:col-span-full' },\n\tmd: { 1: 'md:col-span-1', 2: 'md:col-span-2', 3: 'md:col-span-3', 4: 'md:col-span-4', full: 'md:col-span-full' },\n\tlg: { 1: 'lg:col-span-1', 2: 'lg:col-span-2', 3: 'lg:col-span-3', 4: 'lg:col-span-4', full: 'lg:col-span-full' },\n\txl: { 1: 'xl:col-span-1', 2: 'xl:col-span-2', 3: 'xl:col-span-3', 4: 'xl:col-span-4', full: 'xl:col-span-full' },\n\t'2xl': { 1: '2xl:col-span-1', 2: '2xl:col-span-2', 3: '2xl:col-span-3', 4: '2xl:col-span-4', full: '2xl:col-span-full' },\n} as const;\n\nconst adaptiveColumnClasses: Record<AdaptiveGridMinimum, string> = {\n\tsm: 'grid-cols-[repeat(auto-fit,minmax(min(100%,var(--adaptive-grid-min-sm)),1fr))]',\n\tmd: 'grid-cols-[repeat(auto-fit,minmax(min(100%,var(--adaptive-grid-min-md)),1fr))]',\n\tlg: 'grid-cols-[repeat(auto-fit,minmax(min(100%,var(--adaptive-grid-min-lg)),1fr))]',\n};\n\n/** Shared region/peer rhythm for structures and composed surface owners. */\nexport function gapRecipe({\n\tgap,\n\trowGap,\n\tcolumnGap,\n}: {\n\tgap?: ResponsiveValue<StructureGap>;\n\trowGap?: ResponsiveValue<StructureGap>;\n\tcolumnGap?: ResponsiveValue<StructureGap>;\n}): string[] {\n  const gaps = resolveResponsiveEntries<StructureGap>(gap, 'xl');\n  const rows = resolveOptionalResponsiveEntries(rowGap);\n  const columns = resolveOptionalResponsiveEntries(columnGap);\n  const result: string[] = [];\n  let currentGap: StructureGap | undefined;\n  let currentRow: StructureGap | undefined;\n  let currentColumn: StructureGap | undefined;\n\n  for (const breakpoint of STRUCTURE_BREAKPOINTS) {\n    const nextGap = gaps[breakpoint];\n    const sharedChanged = nextGap !== undefined && nextGap !== currentGap;\n    if (nextGap !== undefined) currentGap = nextGap;\n    if (rows[breakpoint] !== undefined) currentRow = rows[breakpoint];\n    if (columns[breakpoint] !== undefined) currentColumn = columns[breakpoint];\n    if (sharedChanged) result.push(gapClasses[breakpoint][currentGap!]);\n    // A later gap shorthand resets both axes; reassert persistent overrides there.\n    if (currentRow !== undefined && (sharedChanged || rows[breakpoint] !== undefined)) result.push(rowGapClasses[breakpoint][currentRow]);\n    if (currentColumn !== undefined && (sharedChanged || columns[breakpoint] !== undefined)) result.push(columnGapClasses[breakpoint][currentColumn]);\n  }\n  return result;\n}\n\nexport function stackRecipe({\n\tdirection,\n\tgap,\n\talign,\n\tjustify,\n\twrap,\n}: {\n\tdirection?: ResponsiveValue<'vertical' | 'horizontal'>;\n\tgap?: ResponsiveValue<StructureGap>;\n\talign?: ResponsiveValue<StructureAlign>;\n\tjustify?: ResponsiveValue<StructureJustify>;\n\twrap?: ResponsiveValue<boolean>;\n}): string[] {\n\tconst directions = resolveResponsiveEntries<'vertical' | 'horizontal'>(direction, 'vertical');\n\tconst aligns = resolveOptionalResponsiveEntries<StructureAlign>(align);\n\tconst wraps = resolveOptionalResponsiveEntries<boolean>(wrap);\n\tconst result = [\n\t\t'flex',\n\t\t'min-w-0',\n\t\t...compileResponsiveClasses(resolveResponsiveEntries(gap, 'md'), gapClasses),\n\t\t...compileResponsiveClasses(resolveResponsiveEntries(justify, 'start'), justifyClasses),\n\t];\n\tlet currentDirection: 'vertical' | 'horizontal' = 'vertical';\n\tlet explicitAlign: StructureAlign | undefined;\n\tlet explicitWrap: boolean | undefined;\n\n\tfor (const breakpoint of STRUCTURE_BREAKPOINTS) {\n\t\tconst directionAtBreakpoint = directions[breakpoint];\n\t\tconst alignAtBreakpoint = aligns[breakpoint];\n\t\tconst wrapAtBreakpoint = wraps[breakpoint];\n\t\tconst directionChanged = directionAtBreakpoint !== undefined;\n\n\t\tif (directionAtBreakpoint !== undefined) currentDirection = directionAtBreakpoint;\n\t\tif (alignAtBreakpoint !== undefined) explicitAlign = alignAtBreakpoint;\n\t\tif (wrapAtBreakpoint !== undefined) explicitWrap = wrapAtBreakpoint;\n\n\t\tif (directionChanged) {\n\t\t\tresult.push(directionClasses[breakpoint][currentDirection]);\n\t\t\tresult.push(alignClasses[breakpoint][explicitAlign ?? (currentDirection === 'horizontal' ? 'center' : 'stretch')]);\n\t\t\tresult.push(wrapClasses[breakpoint][String(explicitWrap ?? currentDirection === 'horizontal') as 'true' | 'false']);\n\t\t\tcontinue;\n\t\t}\n\n\t\tif (alignAtBreakpoint !== undefined) result.push(alignClasses[breakpoint][alignAtBreakpoint]);\n\t\tif (wrapAtBreakpoint !== undefined) result.push(wrapClasses[breakpoint][String(wrapAtBreakpoint) as 'true' | 'false']);\n\t}\n\n\treturn result;\n}\n\nexport function resolveGridColumns(\n\tcolumns?: ResponsiveValue<1 | 2 | 3 | 4>,\n): GridColumnLadder {\n\tif (columns === undefined) return { base: 1, md: 2 };\n\tif (typeof columns !== 'object' || columns === null) return { base: columns };\n\treturn { base: 1, ...columns };\n}\n\nexport function gridRecipe({\n\tcolumns,\n\tgap,\n\trowGap,\n\tcolumnGap,\n\talign,\n}: {\n\tcolumns?: ResponsiveValue<1 | 2 | 3 | 4>;\n\tgap?: ResponsiveValue<StructureGap>;\n\trowGap?: ResponsiveValue<StructureGap>;\n\tcolumnGap?: ResponsiveValue<StructureGap>;\n\talign?: ResponsiveValue<StructureAlign>;\n}): string[] {\n\treturn [\n\t\t'grid',\n\t\t'min-w-0',\n\t\t...gapRecipe({ gap, rowGap, columnGap }),\n\t\t...compileResponsiveClasses(resolveResponsiveEntries(align, 'stretch'), alignClasses),\n\t\t...compileResponsiveClasses(resolveGridColumns(columns), columnClasses),\n\t];\n}\n\nexport function adaptiveGridRecipe({\n\tminColumnWidth = 'md',\n\tgap,\n\trowGap,\n\tcolumnGap,\n\talign,\n}: {\n\tminColumnWidth?: AdaptiveGridMinimum;\n\tgap?: ResponsiveValue<StructureGap>;\n\trowGap?: ResponsiveValue<StructureGap>;\n\tcolumnGap?: ResponsiveValue<StructureGap>;\n\talign?: ResponsiveValue<StructureAlign>;\n}): string[] {\n\treturn [\n\t\t'grid',\n\t\t'min-w-0',\n\t\t...gapRecipe({ gap, rowGap, columnGap }),\n\t\t...compileResponsiveClasses(resolveResponsiveEntries(align, 'stretch'), alignClasses),\n\t\tadaptiveColumnClasses[minColumnWidth],\n\t];\n}\n\nexport function spanRecipe({\n\tspan,\n\tcolumns,\n}: {\n\tspan?: ResponsiveValue<1 | 2 | 3 | 4 | 'full'>;\n\tcolumns?: GridColumnLadder;\n}): string[] {\n\tif (span === undefined) return [];\n\tconst requested = typeof span === 'object' && span !== null ? span : { base: span };\n\tconst result: string[] = [];\n\tlet currentSpan: 1 | 2 | 3 | 4 | 'full' | undefined;\n\tlet currentColumns: 1 | 2 | 3 | 4 | undefined;\n\tlet emitted: 1 | 2 | 3 | 4 | 'full' | undefined;\n\n\tfor (const breakpoint of STRUCTURE_BREAKPOINTS) {\n\t\tcurrentSpan = requested[breakpoint] ?? currentSpan;\n\t\tcurrentColumns = columns?.[breakpoint] ?? currentColumns;\n\t\tif (currentSpan === undefined) continue;\n\t\tconst resolved = currentSpan === 'full' || currentColumns === undefined\n\t\t\t? currentSpan\n\t\t\t: Math.min(currentSpan, currentColumns) as 1 | 2 | 3 | 4;\n\t\tif (resolved === emitted) continue;\n\t\temitted = resolved;\n\t\tresult.push(spanClasses[breakpoint][resolved]);\n\t}\n\n\treturn result;\n}\n"],"mappings":"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"}