themelia-react-ui 2.0.0 → 2.0.2

package/dist/item-K5_ghvze.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-K5_ghvze.js","names":["ItemGroup","ItemSeparator","React","Item","ItemMedia","ItemContent","ItemTitle","ItemDescription","ItemActions","ItemHeader","ItemFooter","_Fragment","BaseItem","BaseItemGroup","BaseItemSeparator","BaseItemMedia","BaseItemContent","BaseItemActions","BaseItemHeader","BaseItemFooter","BaseItemTitle","BaseItemDescription","useItemConfig","useDensityConfig","resolveComponentScale","cn","Separator","Text","RunningTextContext","focusRecipes","ICON_DESCENDANT_SIZE_CLASSNAMES","rowBlockPaddingClasses","React$1","Fragment$1","ItemGroup$1","props","className","ItemSeparator$1","itemVariants","cva","ItemPhrasingContext","usePartTagName","tagName","Item$1","element","useRender","mergeProps","render","itemMediaVariants","ItemMedia$1","ItemContent$1","ItemTitle$1","ItemDescription$1","ItemActions$1","ItemHeader$1","ItemFooter$1","Item","forwardRef","convenienceMode","itemProps","resolvedSize","size","defaultScale","primitiveSize","resolvedVariant","variant","defaultVariant","textSizeClass","paddingClass","padding","flushEdgeClass","borderClass","resolvedChildren","media","ItemMedia","mediaVariant","ItemContent","ItemTitle","titleBold","title","description","ItemDescription","descriptionClamp","trailing","actions","ItemActions","children","density","ItemGroup","ItemSeparator","baseVariant","iconClass","textGap","ItemHeader","ItemFooter","isSimpleText","bold","CLAMP_CLASS","clamp"],"sources":["../src/components/ui/item.tsx","../src/components/base/item/item.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\nimport { rowBlockPaddingClasses } from \"../../lib/row-recipes\"\nimport { Separator } from \"./separator\"\nimport { focusRecipes } from \"../../lib/focus-recipes\"\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"list\"\n      data-slot=\"item-group\"\n      className={cn(\n        \"group/item-group flex w-full flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"item-separator\"\n      orientation=\"horizontal\"\n      className={cn(\"my-space-md\", className)}\n      {...props}\n    />\n  )\n}\n\nconst itemVariants = cva(\n  `group/item flex w-full flex-wrap items-center rounded-inner border text-sm transition-colors outline-none ${focusRecipes.frame} [a]:transition-colors [a]:hover:bg-accent [a]:hover:text-accent-foreground`,\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent\",\n        outline: \"border-border\",\n        muted: \"border-transparent bg-muted/50\",\n      },\n      size: {\n        default: cn(\"gap-space-lg px-row-x\", rowBlockPaddingClasses.comfortable),\n        sm: cn(\"gap-space-lg px-row-x\", rowBlockPaddingClasses.default),\n        xs: cn(\"gap-space-md px-row-x in-data-[slot=dropdown-menu-content]:p-0\", rowBlockPaddingClasses.compact),\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\n// An Item rendered as a button or link may hold phrasing content only, so its\n// parts render as spans there. Their classes set their display, so the layout\n// is the same either way.\nconst ItemPhrasingContext = React.createContext(false)\n\nfunction usePartTagName(tagName: \"div\" | \"p\") {\n  return React.useContext(ItemPhrasingContext) ? \"span\" : tagName\n}\n\nfunction Item({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\"> & VariantProps<typeof itemVariants>) {\n  const element = useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(itemVariants({ variant, size, className })),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"item\",\n      variant,\n      size,\n    },\n  })\n\n  return (\n    <ItemPhrasingContext.Provider value={render !== undefined}>\n      {element}\n    </ItemPhrasingContext.Provider>\n  )\n}\n\nconst itemMediaVariants = cva(\n  \"flex shrink-0 items-center justify-center gap-space-md group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"[&_svg:not([class*='size-'])]:size-icon\",\n        image:\n          \"size-10 overflow-hidden rounded-inner group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 group-data-[size=xs]/item:rounded-inner [&_img]:size-full [&_img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction ItemMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n  return useRender({\n    defaultTagName: usePartTagName(\"div\"),\n    props: mergeProps<\"div\">(\n      {\n        className: cn(itemMediaVariants({ variant, className })),\n      },\n      props\n    ),\n    state: { slot: \"item-media\", variant },\n  })\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: usePartTagName(\"div\"),\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none\",\n          className\n        ),\n      },\n      props\n    ),\n    state: { slot: \"item-content\" },\n  })\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: usePartTagName(\"div\"),\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"line-clamp-1 flex w-fit items-center gap-space-md text-sm leading-snug font-medium underline-offset-4\",\n          className\n        ),\n      },\n      props\n    ),\n    state: { slot: \"item-title\" },\n  })\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return useRender({\n    defaultTagName: usePartTagName(\"p\"),\n    props: mergeProps<\"p\">(\n      {\n        className: cn(\n          \"m-0 line-clamp-2 text-start text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n          className\n        ),\n      },\n      props\n    ),\n    state: { slot: \"item-description\" },\n  })\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: usePartTagName(\"div\"),\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\"flex items-center\", className),\n      },\n      props\n    ),\n    state: { slot: \"item-actions\" },\n  })\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: usePartTagName(\"div\"),\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"flex basis-full items-center justify-between gap-space-md\",\n          className\n        ),\n      },\n      props\n    ),\n    state: { slot: \"item-header\" },\n  })\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: usePartTagName(\"div\"),\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"flex basis-full items-center justify-between gap-space-md\",\n          className\n        ),\n      },\n      props\n    ),\n    state: { slot: \"item-footer\" },\n  })\n}\n\nexport {\n  Item,\n  ItemMedia,\n  ItemContent,\n  ItemActions,\n  ItemGroup,\n  ItemSeparator,\n  ItemTitle,\n  ItemDescription,\n  ItemHeader,\n  ItemFooter,\n}\n","/**\n * Item — base wrapper around the shadcn `Item` primitive.\n *\n * Why this wrapper exists (rules 1, 8, 12, 17):\n *   - Resolves `size` and `variant` against `<UIProvider>` (`useItemConfig()`),\n *     so consumers set library-wide density once.\n *   - Routes `ItemTitle` / `ItemDescription` text through our `<Text>` typography\n *     so a title is always `weight=\"semibold\"` and secondary copy follows the\n *     shared control/display tokens — no rogue `<div className=\"text-sm font-medium\">`\n *     blobs at call sites.\n *   - Re-exports every compound part untouched, so `<Item>` keeps working as a\n *     drop-in replacement for hand-rolled \"icon-left + text-stack + actions\" rows.\n *\n * Layer rule: import from `@/components/base/item`, never from `@/components/ui/item`.\n */\nimport { forwardRef, type ComponentRef } from 'react';\n\nimport {\n\tItem as BaseItem,\n\tItemActions as BaseItemActions,\n\tItemContent as BaseItemContent,\n\tItemDescription as BaseItemDescription,\n\tItemFooter as BaseItemFooter,\n\tItemGroup as BaseItemGroup,\n\tItemHeader as BaseItemHeader,\n\tItemMedia as BaseItemMedia,\n\tItemSeparator as BaseItemSeparator,\n\tItemTitle as BaseItemTitle,\n} from '../../ui/item';\nimport { ICON_DESCENDANT_SIZE_CLASSNAMES } from '../display/icon-size';\nimport { Text } from '../../typography';\nimport { RunningTextContext } from '../../typography/running-text';\nimport { useDensityConfig, useItemConfig } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { cn } from '../../../lib/utils';\nimport { rowBlockPaddingClasses } from '../../../lib/row-recipes';\nimport { focusRecipes } from '../../../lib/focus-recipes';\n\nimport type {\n\tItemActionsProps,\n\tItemContentProps,\n\tItemDescriptionProps,\n\tItemFooterProps,\n\tItemGroupProps,\n\tItemHeaderProps,\n\tItemMediaProps,\n\tItemProps,\n\tItemTitleProps,\n} from './item.types';\n\nconst Item = forwardRef<ComponentRef<typeof BaseItem>, ItemProps>(function Item(\n\titemProps,\n\tref,\n) {\n\tconst convenienceMode = 'title' in itemProps;\n\tconst {\n\t\tsize,\n\t\tdensity = 'default',\n\t\tvariant,\n\t\tpadding = 'none',\n\t\ttextGap = 'dense',\n\t\trender,\n\t\tclassName,\n\t\tchildren,\n\t\tmedia,\n\t\tmediaVariant,\n\t\ttitle,\n\t\tdescription,\n\t\ttrailing,\n\t\tactions,\n\t\ttitleBold,\n\t\tdescriptionClamp,\n\t\t...props\n\t} = itemProps;\n\tconst { defaultVariant = 'default' } = useItemConfig();\n\tconst { defaultScale } = useDensityConfig();\n\tconst resolvedSize = resolveComponentScale(size, defaultScale);\n\tconst primitiveSize = resolvedSize === 'sm' ? 'xs' : 'sm';\n\tconst resolvedVariant = variant ?? defaultVariant;\n\tconst textSizeClass = resolvedSize === 'sm' ? 'text-pxs' : resolvedSize === 'lg' ? 'text-base' : 'text-sm';\n\tconst paddingClass = padding === 'default' ? 'px-row-x' : 'px-0';\n\t// A plain flush row draws no box, so in a group its outer edges sit on the group's\n\t// edges and the parent's gap or surface padding owns the space around the list.\n\tconst flushEdgeClass = resolvedVariant === 'default' && padding === 'none'\n\t\t? 'in-data-[slot=item-group]:first:pt-0 in-data-[slot=item-group]:last:pb-0'\n\t\t: undefined;\n\t// The default variant draws no box; a transparent 1px border only nudged its text off the shared edge.\n\t// Without a border, an interactive row draws its focus edge inset instead.\n\tconst borderClass = resolvedVariant === 'default' ? `border-0 ${focusRecipes.edge}` : undefined;\n\tconst resolvedChildren = convenienceMode ? (\n\t\t<>\n\t\t\t{media != null ? <ItemMedia variant={mediaVariant}>{media}</ItemMedia> : null}\n\t\t\t<ItemContent textGap={textGap} className=\"basis-48\">\n\t\t\t\t<ItemTitle bold={titleBold}>{title}</ItemTitle>\n\t\t\t\t{description != null ? (\n\t\t\t\t\t<ItemDescription clamp={descriptionClamp}>{description}</ItemDescription>\n\t\t\t\t) : null}\n\t\t\t</ItemContent>\n\t\t\t{trailing != null || actions != null ? (\n\t\t\t\t<ItemActions>\n\t\t\t\t\t{trailing}\n\t\t\t\t\t{actions}\n\t\t\t\t</ItemActions>\n\t\t\t) : null}\n\t\t</>\n\t) : children;\n\treturn (\n\t\t<BaseItem\n\t\t\tref={ref}\n\t\t\tsize={primitiveSize}\n\t\t\tvariant={resolvedVariant}\n\t\t\trender={render}\n\t\t\tclassName={cn(\n\t\t\t\t'item--component box-border font-sans gap-space-lg rounded-inner',\n\t\t\t\trowBlockPaddingClasses[density],\n\t\t\t\tpaddingClass,\n\t\t\t\tflushEdgeClass,\n\t\t\t\tborderClass,\n\t\t\t\ttextSizeClass,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{resolvedChildren}\n\t\t</BaseItem>\n\t);\n});\nItem.displayName = 'Item';\n\nconst ItemGroup = forwardRef<ComponentRef<typeof BaseItemGroup>, ItemGroupProps>(function ItemGroup(\n\t{ className, role, ...props },\n\tref,\n) {\n\treturn (\n\t\t<BaseItemGroup\n\t\t\tref={ref}\n\t\t\trole={role}\n\t\t\t// Boxed rows (outline/muted) keep a small gap between boxes. Plain rows touch,\n\t\t\t// so their own density padding is the only space between them.\n\t\t\tclassName={cn('item-group--component gap-space-sm has-[>[data-slot=item][data-variant=default]]:gap-0', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nItemGroup.displayName = 'ItemGroup';\n\nconst ItemSeparator = forwardRef<\n\tComponentRef<typeof BaseItemSeparator>,\n\tParameters<typeof BaseItemSeparator>[0]\n>(function ItemSeparator({ className, ...props }, ref) {\n\treturn <BaseItemSeparator ref={ref} className={cn('item--separator', className)} {...props} />;\n});\nItemSeparator.displayName = 'ItemSeparator';\n\nconst ItemMedia = forwardRef<ComponentRef<typeof BaseItemMedia>, ItemMediaProps>(function ItemMedia(\n\t{ variant = 'default', className, ...props },\n\tref,\n) {\n\tconst baseVariant = variant === 'image' || variant === 'avatar' ? 'image' : 'default';\n\tconst iconClass =\n\t\tvariant === 'icon'\n\t\t\t? cn(\n\t\t\t\t\tICON_DESCENDANT_SIZE_CLASSNAMES.md,\n\t\t\t\t\t\"group-data-[size=xs]/item:[&_svg:not([class*='size-'])]:size-icon-sm\",\n\t\t\t\t)\n\t\t\t: undefined;\n\tconst avatarClass =\n\t\tvariant === 'avatar'\n\t\t\t? 'rounded-full group-data-[size=sm]/item:rounded-full group-data-[size=xs]/item:rounded-full'\n\t\t\t: undefined;\n\treturn (\n\t\t<BaseItemMedia\n\t\t\tref={ref}\n\t\t\tvariant={baseVariant}\n\t\t\tclassName={cn(\n\t\t\t\t'item--media',\n\t\t\t\t'group-has-data-[slot=item-description]/item:translate-y-0',\n\t\t\t\ticonClass,\n\t\t\t\tavatarClass,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nItemMedia.displayName = 'ItemMedia';\n\nconst ItemContent = forwardRef<ComponentRef<typeof BaseItemContent>, ItemContentProps>(function ItemContent(\n\t{ className, textGap = 'dense', ...props },\n\tref,\n) {\n\treturn (\n\t\t<BaseItemContent\n\t\t\tref={ref}\n\t\t\tclassName={cn('item--content min-w-0', textGap === 'dense' ? 'gap-dense group-data-[size=xs]/item:gap-dense' : 'gap-normal group-data-[size=xs]/item:gap-normal', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nItemContent.displayName = 'ItemContent';\n\nconst ItemActions = forwardRef<ComponentRef<typeof BaseItemActions>, ItemActionsProps>(function ItemActions(\n\t{ className, ...props },\n\tref,\n) {\n\treturn <BaseItemActions ref={ref} className={cn('item--actions max-w-full flex-wrap shrink-0 gap-space-xs', className)} {...props} />;\n});\nItemActions.displayName = 'ItemActions';\n\nconst ItemHeader = forwardRef<ComponentRef<typeof BaseItemHeader>, ItemHeaderProps>(function ItemHeader(\n\t{ className, ...props },\n\tref,\n) {\n\treturn <BaseItemHeader ref={ref} className={cn('item--header', className)} {...props} />;\n});\nItemHeader.displayName = 'ItemHeader';\n\nconst ItemFooter = forwardRef<ComponentRef<typeof BaseItemFooter>, ItemFooterProps>(function ItemFooter(\n\t{ className, ...props },\n\tref,\n) {\n\treturn <BaseItemFooter ref={ref} className={cn('item--footer', className)} {...props} />;\n});\nItemFooter.displayName = 'ItemFooter';\n\nconst ItemTitle = forwardRef<ComponentRef<typeof BaseItemTitle>, ItemTitleProps>(function ItemTitle(\n\t{ bold = true, className, children, ...props },\n\tref,\n) {\n\tconst isSimpleText = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint';\n\treturn (\n\t\t<BaseItemTitle\n\t\t\tref={ref}\n\t\t\tclassName={cn('item--title min-w-0 max-w-full overflow-hidden m-0 text-inherit [&>p]:m-0 [&>p]:text-start', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText ? (\n\t\t\t\t// The title is a flex row, where text-overflow has no effect: the text itself\n\t\t\t\t// shrinks and ends in an ellipsis instead of clipping a long token mid-glyph.\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight={bold ? 'semibold' : 'regular'} lineHeight=\"tight\" className=\"min-w-0 overflow-hidden text-ellipsis text-inherit\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : <RunningTextContext.Provider value>{children}</RunningTextContext.Provider>}\n\t\t</BaseItemTitle>\n\t);\n});\nItemTitle.displayName = 'ItemTitle';\n\nconst CLAMP_CLASS: Record<NonNullable<ItemDescriptionProps['clamp']>, string> = {\n\t1: 'line-clamp-1',\n\t2: 'line-clamp-2',\n\t3: 'line-clamp-3',\n\t4: 'line-clamp-4',\n\tnone: 'line-clamp-none',\n};\n\nconst ItemDescription = forwardRef<ComponentRef<typeof BaseItemDescription>, ItemDescriptionProps>(\n\tfunction ItemDescription({ clamp = 2, className, children, ...props }, ref) {\n\t\tconst isSimpleText = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint';\n\t\treturn (\n\t\t\t<BaseItemDescription\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'item--description',\n\t\t\t\t\t'm-0',\n\t\t\t\t\t!isSimpleText && 'text-xs text-muted-foreground leading-tight',\n\t\t\t\t\tCLAMP_CLASS[clamp],\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 ? (\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" lineHeight=\"tight\">\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</Text>\n\t\t\t\t) : <RunningTextContext.Provider value>{children}</RunningTextContext.Provider>}\n\t\t\t</BaseItemDescription>\n\t\t);\n\t},\n);\nItemDescription.displayName = 'ItemDescription';\n\nexport {\n\tItem,\n\tItemGroup,\n\tItemSeparator,\n\tItemMedia,\n\tItemContent,\n\tItemTitle,\n\tItemDescription,\n\tItemActions,\n\tItemHeader,\n\tItemFooter,\n};\n"],"mappings":"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"}

package/dist/layer-recipes-CCpklYME.js

@@ -0,0 +1,13 @@
+//#region src/lib/layer-recipes.ts
+var e = {
+	raised: "z-10",
+	sticky: "z-20",
+	stickyOver: "z-30",
+	chrome: "z-40",
+	overlay: "z-50",
+	nestedOverlay: "z-[100]"
+};
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=layer-recipes-CCpklYME.js.map

package/dist/layer-recipes-CCpklYME.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer-recipes-CCpklYME.js","names":["layerRecipes"],"sources":["../src/lib/layer-recipes.ts"],"sourcesContent":["/**\n * One stacking scale. Local overlap inside a component is raised; sticky regions\n * stack under the app chrome; popups and modal layers sit above the page. Local\n * ordering may also use z-0, z-[1] and z-[-1]. Design lint rejects other layers.\n */\nexport const layerRecipes = {\n\t/** Overlap inside one component: a badge on a tile, an action over media. */\n\traised: 'z-10',\n\t/** Sticky headers and toolbars inside a scroll region. */\n\tsticky: 'z-20',\n\t/** Sticky parts that must stay above other sticky ones: a sticky corner cell or footer. */\n\tstickyOver: 'z-30',\n\t/** Application chrome: the shell header and floating panels. */\n\tchrome: 'z-40',\n\t/** Popups, menus, tooltips and modal layers. */\n\toverlay: 'z-50',\n\t/** A popup portaled into a consumer container clears the modal layer it opened from. */\n\tnestedOverlay: 'z-[100]',\n} as const;\n"],"mappings":";AAKA,IAAaA,IAAe;CAE3B,QAAQ;CAER,QAAQ;CAER,YAAY;CAEZ,QAAQ;CAER,SAAS;CAET,eAAe;AAChB"}

package/dist/layout/app-shell.js

@@ -1,3 +1,3 @@
 "use client";
-import { i as e, n as t, r as n, t as r } from "../app-shell-BE_j8-AT.js";
+import { i as e, n as t, r as n, t as r } from "../app-shell-C4FhvCqF.js";
 export { r as AppLayout, n as SidebarInsetLayout, t as StackedLayout, e as TopbarSidebarLayout };

package/dist/layout/auth.js

@@ -1,3 +1,3 @@
 "use client";
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "../auth-M3vGMgDR.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "../auth-ax2BqjrI.js";
 export { e as AuthCard, c as AuthFooterLinks, p as AuthForm, s as AuthFormRow, h as AuthMethodSwitch, t as AuthShell, m as AuthSocialProviderButton, n as AuthSocialProviders, d as AuthSplitPanel, g as defaultAuthFooterLinksStrings, r as defaultAuthMethodSwitchStrings, i as defaultAuthShellStrings, f as defaultAuthSocialProvidersStrings, l as isAuthBrandConfig, o as useAuthLinks, u as useAuthMethodSwitch, a as useAuthShell };

package/dist/layout/containers.js

@@ -1,3 +1,3 @@
 "use client";
-import { i as e, n as t, r as n, t as r } from "../containers-D_L4mTVb.js";
+import { i as e, n as t, r as n, t as r } from "../containers-Mu1LMGV1.js";
 export { e as Container, n as PageViewport, t as Section, r as TwoColumnLayout };

package/dist/layout/header.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "../header-2ycNqGOR.js";
+import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "../header-CGXuhcRm.js";
 export { u as Header, n as HeaderBreadcrumbs, e as HeaderGlobalSearchTrigger, l as HeaderNotifications, o as HeaderSearch, r as HeaderToolButton, s as HeaderToolPopover, a as HeaderUserMenu, c as defaultHeaderNotificationsStrings, t as defaultHeaderSearchStrings, i as defaultHeaderUserMenuStrings };

package/dist/layout/hooks.js

@@ -1,3 +1,3 @@
 "use client";
-import { d as e, n as t, t as n } from "../hooks-DQ5SPwZw.js";
+import { d as e, n as t, t as n } from "../hooks-Dkz0K2WT.js";
 export { t as useActivePath, n as useCommandShortcut, e as useLayoutLinkRenderer };

package/dist/layout/navigation.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../navigation-Cbp5V8gG.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../navigation-BzhHI3lo.js";
 export { r as BreadcrumbProgress, e as CategoryNav, i as SectionNav, o as SideNav, a as defaultBreadcrumbProgressStrings, t as defaultSectionNavStrings, n as defaultSideNavStrings };

package/dist/layout/page.js

@@ -1,3 +1,3 @@
 "use client";
-import { i as e, n as t, r as n, t as r } from "../page-C6R_8jFt.js";
+import { i as e, n as t, r as n, t as r } from "../page-Bgl1F560.js";
 export { n as Page, r as PageActions, e as PageHeader, t as defaultPageActionsStrings };

package/dist/layout/settings.js

@@ -1,3 +1,3 @@
 "use client";
-import { n as e, r as t, t as n } from "../settings-DHk0L2MF.js";
+import { n as e, r as t, t as n } from "../settings-ybnjVwbd.js";
 export { n as AsideNavShell, e as SettingsShell, t as defaultAsideNavShellStrings };

package/dist/layout/sidebar.js

@@ -1,4 +1,4 @@
 "use client";
-import { a as e, i as t, l as n, o as r, r as i, s as a, u as o } from "../hooks-DQ5SPwZw.js";
-import { a as s, c, d as l, f as u, i as d, l as f, n as p, o as m, p as h, r as g, s as _, t as v, u as y } from "../sidebar-Cb8WzOvE.js";
+import { a as e, i as t, l as n, o as r, r as i, s as a, u as o } from "../hooks-Dkz0K2WT.js";
+import { a as s, c, d as l, f as u, i as d, l as f, n as p, o as m, p as h, r as g, s as _, t as v, u as y } from "../sidebar-A0ElHINE.js";
 export { d as AppSidebar, h as LayoutSidebar, l as LayoutSidebarProvider, t as NavBadge, c as SidebarGroupedNavigation, i as SidebarIcon, _ as SidebarLogo, g as SidebarNavigation, m as SidebarNavigationFooter, v as SidebarNavigationUser, s as SidebarWorkspaceDropdown, f as defaultSidebarNavigationStrings, p as defaultSidebarNavigationUserStrings, y as defaultSidebarWorkspaceDropdownStrings, e as getNavKey, r as getNavLabel, a as isPathMatch, n as resolveNavBadge, o as toPath, u as useLayoutSidebar };

package/dist/layout/workspace.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../workspace-YoFjXi6i.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../workspace-Cdrg7k9f.js";
 export { o as WorkspaceLayout, n as WorkspaceLocaleStrip, i as WorkspaceNav, t as WorkspaceRecordHeader, e as defaultWorkspaceLocaleStripStrings, r as defaultWorkspaceNavStrings, a as defaultWorkspaceRecordHeaderStrings };

package/dist/layout.js

@@ -1,13 +1,13 @@
 "use client";
 import { n as e, t } from "./layout.types-Cn7aUzJp.js";
-import { a as n, d as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./hooks-DQ5SPwZw.js";
-import { i as f, n as p, r as m, t as h } from "./containers-D_L4mTVb.js";
-import { i as g, n as _, r as v, t as y } from "./app-shell-BE_j8-AT.js";
-import { i as b, n as x, r as S, t as C } from "./page-C6R_8jFt.js";
-import { n as w, r as T, t as E } from "./settings-DHk0L2MF.js";
-import { a as D, c as O, d as k, i as A, l as j, n as M, o as N, r as P, s as F, t as I, u as L } from "./header-2ycNqGOR.js";
-import { a as R, i as z, n as B, o as V, r as H, s as U, t as W } from "./navigation-Cbp5V8gG.js";
-import { a as G, c as K, d as q, f as J, i as Y, l as X, n as Z, o as Q, p as $, r as ee, s as te, t as ne, u as re } from "./sidebar-Cb8WzOvE.js";
-import { _ as ie, a as ae, c as oe, d as se, f as ce, g as le, h as ue, i as de, l as fe, m as pe, n as me, o as he, p as ge, r as _e, s as ve, t as ye, u as be } from "./auth-M3vGMgDR.js";
-import { a as xe, i as Se, n as Ce, o as we, r as Te, s as Ee, t as De } from "./workspace-YoFjXi6i.js";
+import { a as n, d as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./hooks-Dkz0K2WT.js";
+import { i as f, n as p, r as m, t as h } from "./containers-Mu1LMGV1.js";
+import { i as g, n as _, r as v, t as y } from "./app-shell-C4FhvCqF.js";
+import { i as b, n as x, r as S, t as C } from "./page-Bgl1F560.js";
+import { n as w, r as T, t as E } from "./settings-ybnjVwbd.js";
+import { a as D, c as O, d as k, i as A, l as j, n as M, o as N, r as P, s as F, t as I, u as L } from "./header-CGXuhcRm.js";
+import { a as R, i as z, n as B, o as V, r as H, s as U, t as W } from "./navigation-BzhHI3lo.js";
+import { a as G, c as K, d as q, f as J, i as Y, l as X, n as Z, o as Q, p as $, r as ee, s as te, t as ne, u as re } from "./sidebar-A0ElHINE.js";
+import { _ as ie, a as ae, c as oe, d as se, f as ce, g as le, h as ue, i as de, l as fe, m as pe, n as me, o as he, p as ge, r as _e, s as ve, t as ye, u as be } from "./auth-ax2BqjrI.js";
+import { a as xe, i as Se, n as Ce, o as we, r as Te, s as Ee, t as De } from "./workspace-Cdrg7k9f.js";
 export { y as AppLayout, Y as AppSidebar, E as AsideNavShell, ie as AuthCard, fe as AuthFooterLinks, _e as AuthForm, de as AuthFormRow, ye as AuthMethodSwitch, ae as AuthShell, ve as AuthSocialProviderButton, oe as AuthSocialProviders, he as AuthSplitPanel, V as BreadcrumbProgress, R as CategoryNav, f as Container, L as Header, k as HeaderBreadcrumbs, D as HeaderGlobalSearchTrigger, I as HeaderNotifications, N as HeaderSearch, A as HeaderToolButton, P as HeaderToolPopover, M as HeaderUserMenu, $ as LayoutSidebar, q as LayoutSidebarProvider, i as NavBadge, S as Page, C as PageActions, b as PageHeader, m as PageViewport, p as Section, H as SectionNav, w as SettingsShell, W as SideNav, K as SidebarGroupedNavigation, c as SidebarIcon, v as SidebarInsetLayout, te as SidebarLogo, ee as SidebarNavigation, Q as SidebarNavigationFooter, ne as SidebarNavigationUser, G as SidebarWorkspaceDropdown, _ as StackedLayout, g as TopbarSidebarLayout, h as TwoColumnLayout, De as WorkspaceLayout, Ce as WorkspaceLocaleStrip, Te as WorkspaceNav, Se as WorkspaceRecordHeader, T as defaultAsideNavShellStrings, be as defaultAuthFooterLinksStrings, se as defaultAuthMethodSwitchStrings, ce as defaultAuthShellStrings, ge as defaultAuthSocialProvidersStrings, U as defaultBreadcrumbProgressStrings, F as defaultHeaderNotificationsStrings, O as defaultHeaderSearchStrings, j as defaultHeaderUserMenuStrings, x as defaultPageActionsStrings, t as defaultRenderLink, z as defaultSectionNavStrings, B as defaultSideNavStrings, X as defaultSidebarNavigationStrings, Z as defaultSidebarNavigationUserStrings, re as defaultSidebarWorkspaceDropdownStrings, xe as defaultWorkspaceLocaleStripStrings, we as defaultWorkspaceNavStrings, Ee as defaultWorkspaceRecordHeaderStrings, n as getNavKey, s as getNavLabel, pe as isAuthBrandConfig, l as isPathMatch, e as resolveLayoutLinkRenderer, a as resolveNavBadge, d as toPath, o as useActivePath, ue as useAuthLinks, me as useAuthMethodSwitch, le as useAuthShell, u as useCommandShortcut, r as useLayoutLinkRenderer, J as useLayoutSidebar };

package/dist/lib/affordance-geometry.generated.d.ts

@@ -58,6 +58,78 @@ export declare const affordanceGeometry: {
         readonly md: "py-[min(calc(0.25rem*var(--space-scale)),calc((var(--height-action)*var(--density-scale)-1lh)/2-1px))]";
         readonly lg: "py-[min(calc(0.25rem*var(--space-scale)),calc((var(--height-action)*10/9*var(--density-scale)-1lh)/2-1px))]";
     };
+    readonly controlTextMinHeight: "min-h-[calc(1lh+2px)]";
+    readonly controlBlockPadding: {
+        readonly sm: "py-[max(0px,min(calc(0.25rem*var(--space-scale)),calc((var(--height-control)*8/9*var(--density-scale)-1lh)/2-1px)))]";
+        readonly md: "py-[max(0px,min(calc(0.25rem*var(--space-scale)),calc((var(--height-control)*var(--density-scale)-1lh)/2-1px)))]";
+        readonly lg: "py-[max(0px,min(calc(0.375rem*var(--space-scale)),calc((var(--height-control)*10/9*var(--density-scale)-1lh)/2-1px)))]";
+    };
+    readonly fileField: {
+        readonly minHeight: "min-h-[calc(max(1lh,max(calc(1.75rem*var(--density-scale)),calc(var(--text-pxs)*var(--text-pxs--line-height)+2px)))+2px)]";
+        readonly buttonMinHeight: "file:min-h-[calc(1lh+2px)]";
+        readonly blockPadding: {
+            readonly sm: "py-[max(0px,min(calc(0.25rem*var(--space-scale)),calc((var(--height-control)*8/9*var(--density-scale)-max(1lh,max(calc(1.75rem*var(--density-scale)),calc(var(--text-pxs)*var(--text-pxs--line-height)+2px))))/2-1px)))]";
+            readonly md: "py-[max(0px,min(calc(0.25rem*var(--space-scale)),calc((var(--height-control)*var(--density-scale)-max(1lh,max(calc(1.75rem*var(--density-scale)),calc(var(--text-pxs)*var(--text-pxs--line-height)+2px))))/2-1px)))]";
+            readonly lg: "py-[max(0px,min(calc(0.375rem*var(--space-scale)),calc((var(--height-control)*10/9*var(--density-scale)-max(1lh,max(calc(1.75rem*var(--density-scale)),calc(var(--text-pxs)*var(--text-pxs--line-height)+2px))))/2-1px)))]";
+        };
+    };
+    readonly rawFileField: {
+        readonly minHeight: "min-h-[calc(max(1lh,max(calc(1.75rem*var(--density-scale)),calc(var(--text-sm)*var(--text-sm--line-height)+0px)))+2px)]";
+        readonly buttonMinHeight: "file:min-h-[calc(1lh+0px)]";
+        readonly blockPadding: {
+            readonly sm: "py-[max(0px,min(calc(0.25rem*var(--space-scale)),calc((var(--height-control)*8/9*var(--density-scale)-max(1lh,max(calc(1.75rem*var(--density-scale)),calc(var(--text-sm)*var(--text-sm--line-height)+0px))))/2-1px)))]";
+            readonly md: "py-[max(0px,min(calc(0.25rem*var(--space-scale)),calc((var(--height-control)*var(--density-scale)-max(1lh,max(calc(1.75rem*var(--density-scale)),calc(var(--text-sm)*var(--text-sm--line-height)+0px))))/2-1px)))]";
+            readonly lg: "py-[max(0px,min(calc(0.375rem*var(--space-scale)),calc((var(--height-control)*10/9*var(--density-scale)-max(1lh,max(calc(1.75rem*var(--density-scale)),calc(var(--text-sm)*var(--text-sm--line-height)+0px))))/2-1px)))]";
+        };
+    };
     readonly overlayClose: "absolute top-[calc(var(--surface-y)*var(--space-scale)+(var(--text-base)*var(--leading-snug)-var(--height-action)*8/9*var(--density-scale))/2)] end-[calc(var(--surface-x)*var(--space-scale))]";
     readonly overlayHeader: "[[data-slot$=-content]:has(>[data-overlay-close])>&]:pe-[calc(var(--surface-x)*var(--space-scale)+var(--height-action)*8/9*var(--density-scale)+0.5rem*var(--space-scale))]";
+    readonly selectToggleTrack: {
+        readonly sm: "end-[calc(var(--control-x)*0.8333333*var(--space-scale)+1px-(1.375rem*var(--density-scale)-var(--icon)*0.75)/2)]";
+        readonly md: "end-[calc(var(--control-x)*var(--space-scale)+1px-(1.375rem*var(--density-scale)-var(--icon))/2)]";
+        readonly lg: "end-[calc(var(--control-x)*var(--space-scale)+1px-(1.375rem*var(--density-scale)-var(--icon)*1.25)/2)]";
+    };
+    readonly selectTogglePadding: {
+        readonly sm: "pe-[calc((var(--control-x)*0.8333333+0.375rem)*var(--space-scale)+1px+(1.375rem*var(--density-scale)+var(--icon)*0.75)/2)]";
+        readonly md: "pe-[calc((var(--control-x)+0.375rem)*var(--space-scale)+1px+(1.375rem*var(--density-scale)+var(--icon))/2)]";
+        readonly lg: "pe-[calc((var(--control-x)+0.375rem)*var(--space-scale)+1px+(1.375rem*var(--density-scale)+var(--icon)*1.25)/2)]";
+    };
+    readonly textareaBlockPadding: {
+        readonly sm: "py-[calc((var(--height-control)*8/9*var(--density-scale)-1lh)/2-1px)]";
+        readonly md: "py-[calc((var(--height-control)*var(--density-scale)-1lh)/2-1px)]";
+        readonly lg: "py-[calc((var(--height-control)*10/9*var(--density-scale)-1lh)/2-1px)]";
+    };
+    readonly textareaClearTop: {
+        readonly sm: "top-[calc((var(--height-control)*8/9-1.375rem)*var(--density-scale)/2)]";
+        readonly md: "top-[calc((var(--height-control)-1.375rem)*var(--density-scale)/2)]";
+        readonly lg: "top-[calc((var(--height-control)*10/9-1.375rem)*var(--density-scale)/2)]";
+    };
+    readonly textareaIconTop: {
+        readonly sm: "top-[calc((var(--height-control)*8/9*var(--density-scale)-var(--icon))/2)]";
+        readonly md: "top-[calc((var(--height-control)*var(--density-scale)-var(--icon))/2)]";
+        readonly lg: "top-[calc((var(--height-control)*10/9*var(--density-scale)-var(--icon))/2)]";
+    };
+    readonly clearTargetBleed: "-my-[calc((1.375rem*var(--density-scale)-var(--icon)*0.75)/2)]";
+    readonly actionGutter: {
+        readonly sm: {
+            readonly start: "ps-[calc(var(--height-action)*8/9*var(--density-scale)+0.5rem*var(--space-scale))]";
+            readonly end: "pe-[calc(var(--height-action)*8/9*var(--density-scale)+0.5rem*var(--space-scale))]";
+        };
+        readonly md: {
+            readonly start: "ps-[calc(var(--height-action)*var(--density-scale)+0.5rem*var(--space-scale))]";
+            readonly end: "pe-[calc(var(--height-action)*var(--density-scale)+0.5rem*var(--space-scale))]";
+        };
+        readonly lg: {
+            readonly start: "ps-[calc(var(--height-action)*10/9*var(--density-scale)+0.5rem*var(--space-scale))]";
+            readonly end: "pe-[calc(var(--height-action)*10/9*var(--density-scale)+0.5rem*var(--space-scale))]";
+        };
+    };
+    readonly menuActionReserve: {
+        readonly item: "group-has-[>[data-sidebar=menu-action]]/menu-item:pe-[calc(var(--height-action)*7/9*var(--density-scale)+var(--control-x)*var(--space-scale))]!";
+        readonly subItem: "group-has-[>[data-sidebar=menu-action]]/menu-sub-item:pe-[calc(var(--height-action)*7/9*var(--density-scale)+var(--control-x)*var(--space-scale))]!";
+    };
+    readonly toastCloseReserve: "has-[[data-close-button]]:!pe-[calc(var(--height-action)*8/9*var(--density-scale)+0.75rem*var(--space-scale))]";
+    readonly calendarCell: "[--cell-size:calc(var(--height-action)*8/9*var(--density-scale))] [--cell-radius:min(calc(var(--radius)*0.75),calc(min(var(--height-action),var(--height-control))*var(--density-scale)/4))]";
+    readonly calendarCompactCell: "[--cell-size:calc(1.875rem*var(--density-scale))] sm:[--cell-size:calc(var(--height-action)*8/9*var(--density-scale))]";
+    readonly overlayHeaderCentered: "[[data-slot$=-content]:has(>[data-overlay-close])>&]:ps-[calc(var(--surface-x)*var(--space-scale)+var(--height-action)*8/9*var(--density-scale)+0.5rem*var(--space-scale))]";
 };

package/dist/lib/editable-text-recipe.d.ts

@@ -1,6 +1,6 @@
-/** Editable text follows control scale; coarse-pointer devices retain the touch input size at every width. */
+/** Editable values own regular weight; coarse pointers retain the touch input size at every width. */
 export declare const editableTextSizeClasses: {
-    readonly sm: "text-pxs pointer-coarse:text-base";
-    readonly md: "text-sm pointer-coarse:text-base";
-    readonly lg: "text-sm pointer-coarse:text-base";
+    readonly sm: "font-normal text-pxs pointer-coarse:text-base";
+    readonly md: "font-normal text-sm pointer-coarse:text-base";
+    readonly lg: "font-normal text-sm pointer-coarse:text-base";
 };

package/dist/lib/field-affordance-recipes.d.ts

@@ -1,9 +1,14 @@
+/**
+ * The one clear glyph: a plain X drawn at `fieldAffordanceRecipes.icon`, never a
+ * circled X, so Input, Textarea, Cascader and Combobox clear actions match.
+ */
+export declare const FieldClearGlyph: import("lucide-react").LucideIcon;
 /** Field affordances have one target/clearance owner. Primitives own behavior. */
 export declare const fieldAffordanceRecipes: {
     /** Content-sized targets for a chip/reaction that already owns its chrome. */
-    readonly inline: "box-border m-0 inline-flex shrink-0 items-center justify-center rounded-inner border-0 bg-transparent p-0 font-sans outline-none transition-[color,box-shadow]";
-    readonly target: "box-border border-0 bg-transparent font-sans inline-flex size-control-clear shrink-0 items-center justify-center rounded-inner p-0 outline-none transition-[color,box-shadow]";
-    readonly focus: "focus-visible:z-10 focus-visible:border-input focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50";
+    readonly inline: "box-border m-0 border-0 bg-transparent p-0 font-sans inline-flex shrink-0 items-center justify-center rounded-inner outline-none transition-[color,box-shadow]";
+    readonly target: "box-border m-0 border-0 bg-transparent p-0 font-sans inline-flex size-control-clear shrink-0 items-center justify-center rounded-inner outline-none transition-[color,box-shadow]";
+    readonly focus: "focus-visible:z-10 focus-visible:inset-ring focus-visible:inset-ring-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50";
     readonly clear: "text-muted-foreground hover:text-foreground";
     readonly toggle: "text-muted-foreground hover:bg-accent hover:text-accent-foreground";
     readonly icon: "size-control-clear-icon shrink-0 max-h-full max-w-full";

package/dist/lib/field-state-recipes.d.ts

@@ -1,12 +1,13 @@
 /** Native fields and field-shaped triggers share one frame-state contract.
- * Validation marks the frame; editable values retain the semantic foreground.
- * Compound fields apply the same state to their outer frame, never each child.
- * A focused invalid field keeps the destructive meaning at full strength, so focus
- * stays visible where the soft invalid halo would otherwise mask the focus ring.
+ * Focus is the shared frame recipe: the 1px frame takes --ring inside a soft
+ * halo. Validation marks the frame with the destructive border; a focused
+ * invalid field keeps that border and shows the halo in the destructive color.
+ * Editable values retain the semantic foreground. Compound fields apply the same
+ * state to their outer frame, never each child.
  */
 export declare const fieldStateRecipes: {
-    readonly focus: "focus-visible:border-input focus-visible:ring-ring focus-visible:ring-2";
-    readonly invalid: "aria-invalid:ring-2 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive";
-    readonly groupFocus: "has-[[data-slot=input-group-control]:focus-visible]:border-input has-[[data-slot=input-group-control]:focus-visible]:ring-ring has-[[data-slot=input-group-control]:focus-visible]:ring-2";
-    readonly groupInvalid: "has-[[data-slot][aria-invalid=true]]:ring-2 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:has-[[data-slot=input-group-control]:focus-visible]:ring-destructive";
+    readonly focus: "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50";
+    readonly invalid: "aria-invalid:border-destructive aria-invalid:focus-visible:border-destructive aria-invalid:focus-visible:ring-destructive/30 dark:aria-invalid:focus-visible:ring-destructive/50";
+    readonly groupFocus: "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50";
+    readonly groupInvalid: "has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:has-[[data-slot=input-group-control]:focus-visible]:border-destructive has-[[data-slot][aria-invalid=true]]:has-[[data-slot=input-group-control]:focus-visible]:ring-destructive/30 dark:has-[[data-slot][aria-invalid=true]]:has-[[data-slot=input-group-control]:focus-visible]:ring-destructive/50";
 };

package/dist/lib/focus-recipes.d.ts

@@ -0,0 +1,24 @@
+/**
+ * The one focus indicator for every interactive element: a crisp 1px edge in
+ * --ring inside a soft 3px halo of --ring at 50%. The edge carries the tested
+ * 3:1 contrast; the halo makes focus stand out without reading as a heavier
+ * border. Each recipe draws the same indicator for a different element shape.
+ *
+ * Other spellings of the same state (a `has-[…:focus-visible]` frame, a
+ * `group-focus-visible` child, a `data-[focused=true]` day) use this vocabulary:
+ * `ring-3`, `ring-ring/50` and a full-strength `border-ring`, `inset-ring-ring` or
+ * `outline-ring` edge. Design lint rejects any other focus ring width, offset or
+ * halo strength.
+ */
+export declare const focusRecipes: {
+    /** Bordered controls (buttons, fields, triggers, checkboxes, switches, tabs): the 1px border becomes the edge. */
+    readonly frame: "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50";
+    /** Borderless rows, links, tiles and regions: an inset 1px edge stands in for the border. */
+    readonly edge: "focus-visible:inset-ring focus-visible:inset-ring-ring focus-visible:ring-3 focus-visible:ring-ring/50";
+    /** Inline text (links, text buttons) has no padding: the edge is an outline just outside the glyphs. */
+    readonly text: "focus-visible:outline-solid focus-visible:outline-1 focus-visible:outline-offset-0 focus-visible:outline-ring focus-visible:ring-3 focus-visible:ring-ring/50";
+    /** Inside a clipped group or scroll viewport: the edge and the halo are both drawn inside. */
+    readonly inset: "focus-visible:inset-ring focus-visible:inset-ring-ring focus-visible:ring-3 focus-visible:ring-inset focus-visible:ring-ring/50";
+    /** Sidebar rows draw the edge with the sidebar's own focus role. */
+    readonly sidebar: "focus-visible:inset-ring focus-visible:inset-ring-sidebar-ring focus-visible:ring-3 focus-visible:ring-sidebar-ring/50";
+};

package/dist/lib/interaction-recipes.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Interaction fills, one recipe per element shape. The theme documents --accent as
+ * the hover and selected-row fill and --muted as a passive region, so every
+ * clickable row, toggle, table and segmented track agrees on what hover, selection
+ * and the current location look like. Design lint rejects other interaction fills.
+ */
+export declare const interactionRecipes: {
+    /**
+     * A native `<button>` with its browser chrome removed: the package ships no
+     * preflight, so every button that draws its own shape starts from this.
+     */
+    readonly nativeButtonReset: "box-border m-0 border-0 bg-transparent p-0 font-sans";
+    /** Clickable rows (navigation, lists, trees, results, disclosure triggers) and ghost actions. */
+    readonly rowHover: "hover:bg-accent hover:text-accent-foreground";
+    /** A selected or keyboard-highlighted row: the hover fill held. */
+    readonly rowSelected: "bg-accent text-accent-foreground";
+    /** The current location: the selected fill plus medium weight, so a hover never reads as current. */
+    readonly rowCurrent: "bg-accent text-accent-foreground font-medium";
+    /** Toggles show their pressed state by fill alone, so hover is the lighter muted fill. */
+    readonly toggleHover: "hover:bg-muted hover:text-foreground";
+    readonly togglePressed: "bg-accent text-accent-foreground";
+    /** The toggle hover on a Button, whose complete hover selector would otherwise show the pressed fill. */
+    readonly toggleHoverButton: "[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-muted [&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:text-foreground";
+    /** Wide tabular rows stay quieter: stripe, hover and selection step up one tint at a time. */
+    readonly tableHead: "bg-muted/50";
+    readonly tableStripe: "bg-muted/30";
+    readonly tableRowHover: "hover:bg-muted/50";
+    readonly tableRowSelected: "data-[state=selected]:bg-muted";
+    /** Media and choice tiles: hover strengthens the resting edge to the control boundary; selection draws primary. */
+    readonly tileHover: "hover:border-input";
+    /** Segments on a muted track: the active one is lifted, the others change colour only. */
+    readonly segmentActive: "bg-card text-foreground shadow-sm";
+    readonly segmentInactive: "text-muted-foreground hover:text-foreground";
+    /** The same inactive segment rendered by a ghost Button: its complete hover and press selectors are cleared too. */
+    readonly segmentInactiveButton: "text-muted-foreground hover:text-foreground [&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-transparent [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-transparent";
+    /** The active segment rendered by a ghost Button stays lifted under hover and press instead of taking the Button's fill. */
+    readonly segmentActiveButton: "bg-card text-foreground shadow-sm hover:text-foreground [&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-card [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-card";
+    /** A solid Button marking the current location holds its fill: no hover or press filter. */
+    readonly currentButtonHold: "[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:brightness-100 [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:brightness-100";
+};

package/dist/lib/layer-recipes.d.ts

@@ -0,0 +1,19 @@
+/**
+ * One stacking scale. Local overlap inside a component is raised; sticky regions
+ * stack under the app chrome; popups and modal layers sit above the page. Local
+ * ordering may also use z-0, z-[1] and z-[-1]. Design lint rejects other layers.
+ */
+export declare const layerRecipes: {
+    /** Overlap inside one component: a badge on a tile, an action over media. */
+    readonly raised: "z-10";
+    /** Sticky headers and toolbars inside a scroll region. */
+    readonly sticky: "z-20";
+    /** Sticky parts that must stay above other sticky ones: a sticky corner cell or footer. */
+    readonly stickyOver: "z-30";
+    /** Application chrome: the shell header and floating panels. */
+    readonly chrome: "z-40";
+    /** Popups, menus, tooltips and modal layers. */
+    readonly overlay: "z-50";
+    /** A popup portaled into a consumer container clears the modal layer it opened from. */
+    readonly nestedOverlay: "z-[100]";
+};

package/dist/lib/motion-recipes.d.ts

@@ -5,4 +5,5 @@ export declare const motionRecipes: {
     readonly popup: `transition-[opacity,scale,translate] duration-150 ease-out data-ending-style:duration-100 data-starting-style:opacity-0 data-ending-style:opacity-0 data-starting-style:scale-95 data-ending-style:scale-95 ${string} motion-reduce:transition-none motion-reduce:duration-0 motion-reduce:data-ending-style:duration-0`;
     readonly disclosure: "overflow-hidden transition-[height,padding-block] duration-200 ease-out data-starting-style:h-0 data-ending-style:h-0 data-starting-style:py-0! data-ending-style:py-0! motion-reduce:transition-none motion-reduce:duration-0 motion-reduce:data-ending-style:duration-0";
     readonly chevron: "transition-transform duration-200 ease-out motion-reduce:transition-none motion-reduce:duration-0 motion-reduce:data-ending-style:duration-0";
+    readonly dock: "transition-[opacity,translate] duration-150 ease-out starting:opacity-0 starting:translate-y-space-lg motion-reduce:transition-none motion-reduce:duration-0 motion-reduce:data-ending-style:duration-0";
 };

package/dist/lib/overlay-anatomy-recipes.d.ts

@@ -5,4 +5,5 @@
 export declare const overlayAnatomyRecipes: {
     readonly close: "absolute top-[calc(var(--surface-y)*var(--space-scale)+(var(--text-base)*var(--leading-snug)-var(--height-action)*8/9*var(--density-scale))/2)] end-[calc(var(--surface-x)*var(--space-scale))]";
     readonly header: "[[data-slot$=-content]:has(>[data-overlay-close])>&]:pe-[calc(var(--surface-x)*var(--space-scale)+var(--height-action)*8/9*var(--density-scale)+0.5rem*var(--space-scale))]";
+    readonly headerCentered: "[[data-slot$=-content]:has(>[data-overlay-close])>&]:ps-[calc(var(--surface-x)*var(--space-scale)+var(--height-action)*8/9*var(--density-scale)+0.5rem*var(--space-scale))]";
 };

package/dist/lib/safe-image-src.d.ts

@@ -0,0 +1,10 @@
+/** Schemes an image `src` may use: web URLs and same-document `blob:` previews. */
+export declare const SAFE_IMAGE_SCHEMES: readonly ["http", "https", "blob"];
+/**
+ * The one image-source policy shared by the editor and read-only rich text.
+ * Returns the source when it is a web URL, a `blob:` preview or a relative
+ * path, and `undefined` otherwise: script, `data:` and other schemes and
+ * protocol-relative (`//host`) URLs are refused. Control characters and
+ * whitespace inside a scheme are ignored, so `java\tscript:` is still refused.
+ */
+export declare function safeImageSrc(value: unknown): string | undefined;

package/dist/lib/sanitize-html.d.ts

@@ -1,8 +1,20 @@
+import type { Root } from 'hast';
+export interface SanitizeHtmlOptions {
+    /**
+     * Keeps `<img>` with `src`, `alt`, `title`, `width` and `height` when its
+     * source passes `safeImageSrc`; an image without a safe source is removed.
+     * Default: `false`, which removes every image.
+     */
+    images?: boolean;
+}
 /**
  * Sanitize package-rendered rich text with an intentionally small HTML
  * vocabulary. Styling, event handlers, embedded media, and protocol-relative
- * URLs are excluded. Mention identity attributes remain available so the
- * Mentions feature can replace serialized references with React components.
+ * URLs are excluded; images only with `options.images` and a safe source.
+ * Mention identity attributes remain available so the Mentions feature can
+ * replace serialized references with React components.
  */
-export declare function sanitizeHtml(input: string): string;
+export declare function sanitizeHtml(input: string, options?: SanitizeHtmlOptions): string;
+/** The sanitized tree behind `sanitizeHtml`, for renderers that substitute elements. */
+export declare function sanitizeHtmlTree(input: string, options?: SanitizeHtmlOptions): Root;
 export default sanitizeHtml;

package/dist/lib/surface-recipes.d.ts

@@ -6,6 +6,7 @@ export declare const surfaceDividerRecipes: {
         readonly shell: "border border-border";
         readonly header: "border-b border-border";
         readonly footer: "border-t border-border";
+        readonly ring: "ring-4 ring-border/30";
     };
     readonly anchored: {
         readonly shell: "border border-border";
@@ -16,17 +17,56 @@ export declare const surfaceDividerRecipes: {
     readonly modal: {
         readonly shell: "border border-border/70";
         readonly edge: "border-border/70 data-[side=left]:border-r data-[side=right]:border-l data-[side=top]:border-b data-[side=bottom]:border-t";
-        readonly scrollEdges: "transition-[box-shadow] duration-150 motion-reduce:transition-none data-scroll-start:shadow-[0_-1px_0_0_color-mix(in_oklab,var(--border)_70%,transparent)] data-scroll-end:shadow-[0_1px_0_0_color-mix(in_oklab,var(--border)_70%,transparent)] data-scroll-start:data-scroll-end:shadow-[0_-1px_0_0_color-mix(in_oklab,var(--border)_70%,transparent),0_1px_0_0_color-mix(in_oklab,var(--border)_70%,transparent)]";
+        readonly region: "border-border/60 [[data-modal-region]:not(.sr-only)~&]:border-t";
     };
     readonly sidebar: {
         readonly footer: "border-t border-sidebar-border";
     };
 };
-/** Regions own their inline inset once; the modal shell owns the block inset and the
- * gap between regions, as Card does. The body keeps a focus-ring margin inside its
- * scroll edge; scrolling and alignment remain with the family. */
+/** Each region owns its full inset once and the shell adds none, so the rules
+ * between regions span the surface edge to edge (header, body and footer read as
+ * three bands). The body scrolls between the pinned header and footer; scrolling
+ * and alignment remain with the family. */
 export declare const modalRegionRecipes: {
-    readonly header: "shrink-0 px-surface text-start";
-    readonly body: "min-h-0 flex-1 overflow-y-auto px-surface -my-space-xs py-space-xs transition-[box-shadow] duration-150 motion-reduce:transition-none data-scroll-start:shadow-[0_-1px_0_0_color-mix(in_oklab,var(--border)_70%,transparent)] data-scroll-end:shadow-[0_1px_0_0_color-mix(in_oklab,var(--border)_70%,transparent)] data-scroll-start:data-scroll-end:shadow-[0_-1px_0_0_color-mix(in_oklab,var(--border)_70%,transparent),0_1px_0_0_color-mix(in_oklab,var(--border)_70%,transparent)]";
-    readonly footer: "shrink-0 flex-wrap gap-space-sm px-surface";
+    readonly header: "shrink-0 p-surface text-start border-border/60 [[data-modal-region]:not(.sr-only)~&]:border-t";
+    readonly body: "min-h-0 flex-1 overflow-y-auto p-surface border-border/60 [[data-modal-region]:not(.sr-only)~&]:border-t";
+    readonly footer: "shrink-0 flex-wrap gap-space-sm p-surface border-border/60 [[data-modal-region]:not(.sr-only)~&]:border-t";
+};
+/**
+ * Neutral fills, one strength per role, so quiet regions, strips, tracks, chips and
+ * neutral markers read alike in every family. Design lint rejects other strengths.
+ * - `wash`: a quiet region inside a surface: wells, empty states, stripes, media placeholders.
+ * - `band`: a header, toolbar or footer strip, and a soft icon tile.
+ * - `track`: the solid track behind segments, meters and progress.
+ * - `chip`: a neutral chip or icon tile that reads on any surface, tinted or not.
+ * - `chipOnInverse`: the same chip on an inverse surface.
+ * - `marker`: a neutral dot or filled meter segment; `markerIdle`: an inactive indicator.
+ * Floating chips and lifted panels use an opaque surface instead of a translucent one.
+ */
+export declare const neutralFillRecipes: {
+    readonly wash: "bg-muted/30";
+    readonly band: "bg-muted/50";
+    readonly track: "bg-muted";
+    readonly chip: "bg-foreground/8";
+    readonly chipOnInverse: "bg-background/10";
+    readonly marker: "bg-muted-foreground";
+    readonly markerIdle: "bg-muted-foreground/40";
+};
+/** A key cap for shortcut hints: a solid track-coloured chip with the compact secondary text role. */
+export declare const kbdRecipe = "pointer-events-none inline-flex h-5 w-fit min-w-5 shrink-0 select-none items-center justify-center gap-space-2xs rounded-radius-xs bg-muted px-space-xs font-sans text-xs font-medium leading-none text-muted-foreground";
+/**
+ * Elevation, one theme shadow per role; the theme owns the shadow ladder itself.
+ * - `resting`: tiles, rows and table frames that sit on a surface.
+ * - `card`: cards, lifted segments, thumbs and small controls floating over media.
+ * - `raised`: raised cards, hover lifts, anchored popups and controls over media.
+ * - `lifted`: dragged items, toasts and drawers.
+ * - `modal`: dialogs and command palettes.
+ * `shadow-none` clears elevation. Box-shadow divider lines draw var(--border) instead.
+ */
+export declare const elevationRecipes: {
+    readonly resting: "shadow-xs";
+    readonly card: "shadow-sm";
+    readonly raised: "shadow-md";
+    readonly lifted: "shadow-lg";
+    readonly modal: "shadow-xl";
 };

package/dist/lib/theme-mode-css.d.ts

@@ -0,0 +1,7 @@
+/** CSS emitted by public chart/theme serializers follows the same inherited
+ * mode marker as Tailwind's dark variant. A selector list is one scope, not a
+ * string to prefix with an ancestor .dark selector. */
+export declare function serializeScopedThemeModes(scope: string, declarations: {
+    light: readonly string[];
+    dark: readonly string[];
+}): string;

package/dist/lib/token-merge.generated.d.ts

@@ -44,9 +44,6 @@ export declare const tokenClassGroups: {
     mt: {
         mt: string[];
     }[];
-    my: {
-        my: string[];
-    }[];
     "space-x": {
         "space-x": string[];
     }[];
@@ -62,6 +59,12 @@ export declare const tokenClassGroups: {
     py: {
         py: string[];
     }[];
+    inset: {
+        inset: string[];
+    }[];
+    my: {
+        my: string[];
+    }[];
     bottom: {
         bottom: string[];
     }[];
@@ -98,9 +101,6 @@ export declare const tokenClassGroups: {
     me: {
         me: string[];
     }[];
-    inset: {
-        inset: string[];
-    }[];
     "inset-x": {
         "inset-x": string[];
     }[];
@@ -140,5 +140,8 @@ export declare const tokenClassGroups: {
     start: {
         start: string[];
     }[];
+    "translate-y": {
+        "translate-y": string[];
+    }[];
 };
 export declare const tokenCandidates: string[][];