themelia-react-ui 2.0.4 → 2.0.6

package/dist/app-shell-EHuuRDGy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell-EHuuRDGy.js","names":["_Fragment","HEADER_THEME_CLASS","_Fragment","_Fragment","useThemeScopeHost","ThemeScopeHostProvider","cn","Stack","compositionClasses","layerRecipes","SidebarRegion","Container","PageViewport","headerInlineDividerAlignment","shellContentSurface","ShellRegionGrid","hasPrimary","sidebar","hasSecondary","secondarySidebar","hasAside","aside","hasRegions","right","side","stackedPrimary","inlinePrimary","presentation","inlineCluster","columns","primary","primaryWidth","sidebarClassName","secondary","secondaryWidth","secondarySidebarClassName","supporting","asideWidth","asideClassName","main","mainClassName","className","Fragment","HEADER_THEME_CLASS$1","TopbarSidebarLayout","Content","props","headerStyle","headerHeight","sidebarWidth","style","resolvedSidebarTrigger","slots","sidebarTrigger","headerScope","resolvedLogo","logo","resolvedHeaderActions","headerActions","resolvedSidebar","resolvedContent","children","isInset","contentSurface","contentNode","contentClassName","headerTheme","sidebarSide","mobileSidebarMode","sidebarPresentation","headerClassName","headerInnerClassName","secondarySidebarWidth","bodyClassName","SidebarInsetLayout","shellStyle","resolvedTrigger","surface","frameAlignedRegion","toolbarNode","toolbar","toolbarClassName","mainNode","HEADER_THEME_CLASS","StackedLayout","resolvedNav","nav","contentWidth","event","viewport","action","insets","left","subheaderClassName","AppLayout","_variant","shell","variant"],"sources":["../src/components/layout/app-shell/shell-regions.tsx","../src/components/layout/app-shell/topbar-sidebar-layout.tsx","../src/components/layout/app-shell/sidebar-inset-layout.tsx","../src/components/layout/app-shell/stacked-layout.tsx","../src/components/layout/app-shell/app-layout.tsx"],"sourcesContent":["import type {ReactNode} from 'react';\nimport {SidebarRegion} from '../../base/sidebar';\nimport {cn} from '../../../lib/utils';\nimport {layerRecipes} from '../../../lib/layer-recipes';\nimport type {AppShellSidebarPresentation} from './app-shell.types';\n\n/** One surface recipe; the shell frames the page while Page owns its insets. */\nexport const shellContentSurface = {\n plain: 'bg-background text-foreground',\n inset: 'bg-card text-card-foreground md:m-space-md md:overflow-hidden md:rounded-surface md:border md:border-border md:shadow-sm',\n} as const;\n\ninterface ShellRegionGridProps {\n children: ReactNode;\n sidebar?: ReactNode;\n secondarySidebar?: ReactNode;\n aside?: ReactNode;\n side?: 'left' | 'right';\n primaryWidth?: string;\n secondaryWidth?: string;\n asideWidth?: string;\n presentation?: AppShellSidebarPresentation;\n inlinePrimary?: boolean;\n className?: string;\n mainClassName?: string;\n sidebarClassName?: string;\n secondarySidebarClassName?: string;\n asideClassName?: string;\n}\n\n/** Optional auto tracks collapse independently; the page always owns the flexible track. */\nexport function ShellRegionGrid({children,sidebar,secondarySidebar,aside,side='left',primaryWidth,secondaryWidth,asideWidth,presentation='panel',inlinePrimary=false,className,mainClassName,sidebarClassName,secondarySidebarClassName,asideClassName}: ShellRegionGridProps) {\n const hasPrimary = Boolean(sidebar), hasSecondary = Boolean(secondarySidebar), hasAside = Boolean(aside);\n const hasRegions = hasPrimary || hasSecondary || hasAside;\n const right = side === 'right';\n const stackedPrimary = inlinePrimary && presentation !== 'rail';\n // Inline dual navigation retains a usable page canvas. On narrow hosts the\n // body pans horizontally beneath the persistent rail instead of crushing text.\n const inlineCluster = inlinePrimary && presentation === 'rail' && hasSecondary;\n const columns = !hasRegions ? 'grid-cols-1'\n  : inlineCluster ? right ? 'grid-cols-[auto_minmax(20rem,1fr)_auto_auto]' : 'grid-cols-[auto_auto_minmax(20rem,1fr)_auto]'\n  : right ? 'grid-cols-[auto_minmax(0,1fr)_auto_auto]' : 'grid-cols-[auto_auto_minmax(0,1fr)_auto]';\n const primary = hasPrimary && <SidebarRegion panelId=\"primary\" dockAt={inlinePrimary || presentation === 'rail' ? 0 : 768} presentation={presentation} side={side} width={primaryWidth}\n  className={cn('row-start-1', right ? 'col-start-4' : 'col-start-1', inlineCluster && ['sticky', right ? 'right-0' : 'left-0', layerRecipes.sticky], stackedPrimary && (right ? 'max-md:col-start-1 max-md:row-start-2' : 'max-md:col-start-1'),sidebarClassName)}>{sidebar}</SidebarRegion>;\n // Beside a persistent area rail the contextual sidebar is the full navigation\n // panel, so it docks, and becomes a drawer, at the primary panel's threshold.\n const secondaryDockAt = inlinePrimary ? 0 : hasPrimary && presentation === 'rail' ? 768 : 1024;\n const secondary = hasSecondary && <SidebarRegion panelId=\"secondary\" dockAt={secondaryDockAt} side={side} width={secondaryWidth} className={cn('row-start-1',right ? 'col-start-3' : 'col-start-2',secondarySidebarClassName)}>{secondarySidebar}</SidebarRegion>;\n const supporting = hasAside && <SidebarRegion panelId=\"aside\" dockAt={1440} side={right ? 'left' : 'right'} width={asideWidth} className={cn('row-start-1',right ? 'col-start-1' : 'col-start-4',asideClassName)}>{aside}</SidebarRegion>;\n const main = <div className={cn('shell-regions--main row-start-1 flex min-h-0 min-w-0 flex-col', hasRegions && (right ? 'col-start-2' : 'col-start-3'),stackedPrimary && (right ? 'max-md:col-start-1' : 'max-md:col-start-1 max-md:row-start-2'),mainClassName)}>{children}</div>;\n return <div data-shell-regions=\"\" className={cn('shell-regions--component grid min-h-0 min-w-0 flex-1 [direction:ltr] ltr:[&>*]:[direction:ltr] rtl:[&>*]:[direction:rtl]', inlineCluster && 'overflow-x-auto overflow-y-hidden overscroll-x-contain', columns,stackedPrimary && 'max-md:grid-cols-1',className)}>\n  {right ? <>{supporting}{main}{secondary}{primary}</> : <>{primary}{secondary}{main}{supporting}</>}\n </div>;\n}\n","/**\n * TopbarSidebarLayout — header-first app shell with a two-column body.\n *\n * This shell is intentionally separate from the default shadcn sidebar layout:\n * the logo belongs in the header, while the sidebar and content occupy the\n * remaining page height below the header.\n */\nimport { cn } from '../../../lib/utils';\nimport { ThemeScopeHostProvider, useThemeScopeHost } from '../../../lib/theme-scope';\n\nimport { Stack } from '../../base/structure';\nimport {compositionClasses} from '../../base/structure/composition.recipes';\nimport { PageViewport } from '../containers';\nimport { headerInlineDividerAlignment } from '../header/header.recipes';\nimport {ShellRegionGrid, shellContentSurface} from './shell-regions';\n\nimport type {\n\tTopbarSidebarLayoutProps,\n\tTopbarSidebarLayoutStyle,\n} from './app-shell.types';\n\n/**\n * Header theme is just a token scope. `.light` / `.dark` remap the shadcn\n * palette for the header subtree (see css/themes/shadcn.default.css), so header\n * partials use ordinary tokens (`bg-background`, `text-foreground`, `bg-accent`\n * …) and invert against the header surface automatically — no header-specific\n * color variables required. Omitted, the header follows the active theme;\n * `light` keeps the header light even on a dark page; `dark` gives a dark topbar\n * on a light page.\n */\nconst HEADER_THEME_CLASS: Record<NonNullable<TopbarSidebarLayoutProps['headerTheme']>, string> = {\n\tlight: 'light',\n\tdark: 'dark',\n};\n\nexport function TopbarSidebarLayout({\n\tchildren,\n\theaderTheme,\n\tcontentSurface = 'plain',\n\tsidebarSide = 'left',\n\tmobileSidebarMode = 'drawer',\n\theaderHeight,\n\tsidebarWidth, secondarySidebarWidth, asideWidth, sidebarPresentation, secondarySidebarClassName, asideClassName,\n\tsidebarTrigger,\n\tlogo,\n\theaderActions,\n\tsidebar,\n\tslots,\n\tcontentAs: Content = 'main',\n\tclassName,\n\theaderClassName,\n\theaderInnerClassName,\n\tbodyClassName,\n\tsidebarClassName,\n\tcontentClassName,\n\tstyle,\n\t...props\n}: TopbarSidebarLayoutProps) {\n\tconst headerStyle = {\n\t\t...(headerHeight ? { '--shell-header-height': headerHeight } : null),\n\t\t...(sidebarWidth ? { '--shell-sidebar-width': sidebarWidth } : null),\n\t\t...style,\n\t} as TopbarSidebarLayoutStyle;\n\tconst resolvedSidebarTrigger = slots?.sidebarTrigger ?? sidebarTrigger;\n\tconst headerScope = useThemeScopeHost<HTMLElement>();\n\tconst resolvedLogo = slots?.logo ?? logo;\n\tconst resolvedHeaderActions = slots?.headerActions ?? headerActions;\n\tconst resolvedSidebar = slots?.sidebar ?? sidebar;\n\tconst resolvedContent = slots?.content ?? children;\n\tconst isInset = contentSurface === 'inset';\n\tconst contentNode = (\n\t\t<PageViewport\n\t\t\trender={<Content />}\n\t\t\tclassName={cn(\n\t\t\t\t'topbar-sidebar-layout--content', !isInset && 'bg-background',\n\t\t\t\tcontentClassName,\n\t\t\t)}\n\t\t>\n\t\t\t{resolvedContent}\n\t\t</PageViewport>\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'topbar-sidebar-layout--component @container/app-shell box-border isolate flex min-h-svh min-w-0 w-full flex-col overflow-hidden bg-background font-sans text-foreground',\n\t\t\t\t'shell-sidebar-vars', isInset && 'bg-sidebar',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={headerStyle}\n\t\t\tdata-header-theme={headerTheme ?? 'inherit'}\n\t\t\tdata-sidebar-side={sidebarSide}\n\t\t\tdata-mobile-sidebar-mode={mobileSidebarMode}\n\t\t\tdata-content-surface={contentSurface}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ThemeScopeHostProvider value={headerScope.context}>\n\t\t\t<header\n\t\t\t\tref={headerScope.attachHost}\n\t\t\t\tdata-theme-scope=\"\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'topbar-sidebar-layout--header box-border z-40 flex min-h-shell-header shrink-0 items-center border-b border-border bg-background py-space-sm text-foreground',\n\t\t\t\t\t// Above docked navigation the header aligns with the sidebar's inset; once\n\t\t\t\t\t// the panel becomes a drawer it aligns with the page gutter beneath it. A\n\t\t\t\t\t// persistent rail stays docked, so its header keeps the sidebar inset.\n\t\t\t\t\tsidebarPresentation === 'rail' ? 'px-surface-xs' : 'px-surface-lg @3xl/app-shell:px-surface-xs',\n\t\t\t\t\theaderInlineDividerAlignment,\n\t\t\t\t\theaderTheme && HEADER_THEME_CLASS[headerTheme],\n\t\t\t\t\theaderClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" gap=\"md\" wrap\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'topbar-sidebar-layout--header-inner min-h-action w-full min-w-0',\n\t\t\t\t\t\theaderInnerClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{slots?.header ?? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{!!resolvedSidebarTrigger && (\n\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--sidebar-trigger flex shrink-0 items-center\">\n\t\t\t\t\t\t\t\t\t{resolvedSidebarTrigger}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!resolvedLogo && (\n\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--logo flex min-w-0 shrink-0 items-center\">\n\t\t\t\t\t\t\t\t\t{resolvedLogo}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!slots?.headerStart && (\n\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--header-start flex min-w-0 items-center\">\n\t\t\t\t\t\t\t\t\t{slots.headerStart}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!slots?.headerCenter && (\n\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--header-center hidden min-w-0 flex-1 items-center @3xl/app-shell:flex\">\n\t\t\t\t\t\t\t\t\t{slots.headerCenter}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!(resolvedHeaderActions || slots?.headerEnd) && (\n\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--header-trailing ms-auto flex min-w-0 max-w-full flex-wrap items-center justify-end gap-space-sm @3xl/app-shell:gap-space-md [&>*]:max-w-full\">\n\t\t\t\t\t\t\t\t\t{!!resolvedHeaderActions && (\n\t\t\t\t\t\t\t\t\t\t<div className={cn('topbar-sidebar-layout--header-actions flex min-w-0 max-w-full flex-wrap items-center [&>*]:max-w-full', compositionClasses.commands)}>\n\t\t\t\t\t\t\t\t\t\t\t{resolvedHeaderActions}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!!slots?.headerEnd && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"topbar-sidebar-layout--header-end flex min-w-0 max-w-full flex-wrap items-center gap-space-sm @3xl/app-shell:gap-space-md [&>*]:max-w-full\">\n\t\t\t\t\t\t\t\t\t\t\t{slots.headerEnd}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t\t</header>\n\t\t\t</ThemeScopeHostProvider>\n\n\t\t\t<ShellRegionGrid side={sidebarSide} sidebar={resolvedSidebar} secondarySidebar={slots?.secondarySidebar} aside={slots?.aside}\n\t\t\t\tprimaryWidth={sidebarWidth} secondaryWidth={secondarySidebarWidth} asideWidth={asideWidth} presentation={sidebarPresentation}\n\t\t\t\tinlinePrimary={mobileSidebarMode === 'inline'}\n\t\t\t\tclassName={cn('topbar-sidebar-layout--body', bodyClassName)}\n\t\t\t\tmainClassName={cn('topbar-sidebar-layout--main', shellContentSurface[contentSurface])}\n\t\t\t\tsidebarClassName={cn('topbar-sidebar-layout--sidebar min-h-0 min-w-0 overflow-hidden text-sidebar-foreground', isInset ? 'bg-transparent' : 'bg-sidebar', sidebarClassName)}\n\t\t\t\tsecondarySidebarClassName={cn('topbar-sidebar-layout--secondary-sidebar min-h-0 min-w-0 overflow-hidden text-sidebar-foreground', secondarySidebarClassName)}\n\t\t\t\tasideClassName={cn('topbar-sidebar-layout--aside min-h-0 min-w-0 overflow-hidden text-sidebar-foreground', asideClassName)}>\n\t\t\t\t{contentNode}\n\t\t\t</ShellRegionGrid>\n\t\t</div>\n\t);\n}\n","/**\n * SidebarInsetLayout — sidebar-first app shell with no global header.\n *\n * The counterpart to `TopbarSidebarLayout`. There the header spans the page and\n * owns the logo, with the sidebar below it; here the sidebar owns the full page\n * height and the logo sits inside it, so the content column carries only a slim\n * toolbar of its own. This is the shape shadcn's dashboard uses, and it is the\n * one to reach for when navigation should read as the primary frame.\n *\n * `toolbar={false}` removes even that row, for a shell with no header chrome.\n */\nimport { cn } from '../../../lib/utils';\n\nimport { Stack } from '../../base/structure';\nimport { PageViewport } from '../containers';\nimport { headerInlineDividerAlignment } from '../header/header.recipes';\nimport {ShellRegionGrid, shellContentSurface} from './shell-regions';\n\nimport type {\n\tSidebarInsetLayoutProps,\n\tTopbarSidebarLayoutStyle,\n} from './app-shell.types';\n\nexport function SidebarInsetLayout({\n\tchildren,\n\tsidebarSide = 'left',\n\tsurface = 'inset',\n\tmobileSidebarMode = 'drawer',\n\ttoolbar = true,\n\tsidebarWidth, secondarySidebarWidth, asideWidth, sidebarPresentation, secondarySidebarClassName, asideClassName,\n\tsidebar,\n\tsidebarTrigger,\n\tslots,\n\tcontentAs: Content = 'main',\n\tclassName,\n\tsidebarClassName,\n\ttoolbarClassName,\n\tcontentClassName,\n\tstyle,\n\t...props\n}: SidebarInsetLayoutProps) {\n\tconst shellStyle = {\n\t\t...(sidebarWidth ? { '--shell-sidebar-width': sidebarWidth } : null),\n\t\t...style,\n\t} as TopbarSidebarLayoutStyle;\n\n\tconst resolvedSidebar = slots?.sidebar ?? sidebar;\n\tconst resolvedTrigger = slots?.sidebarTrigger ?? sidebarTrigger;\n\tconst resolvedContent = slots?.content ?? children;\n\tconst isInset = surface === 'inset';\n\t// Docked navigation beside the inset frame starts where the frame does (its\n\t// margin plus edge), so the sidebar's header rule lines up with the toolbar's.\n\t// A floating sidebar already insets itself by the same amount.\n\tconst frameAlignedRegion = isInset && 'md:border-t md:border-transparent md:pt-space-md md:has-[[data-variant=floating]]:border-t-0 md:has-[[data-variant=floating]]:pt-0';\n\n\n\tconst toolbarNode = toolbar ? (\n\t\t<header\n\t\t\tclassName={cn(\n\t\t\t\t'sidebar-inset-layout--toolbar @container/toolbar box-border flex min-h-shell-header shrink-0 items-center gap-space-md px-surface-lg py-space-sm',\n\t\t\t\theaderInlineDividerAlignment,\n\t\t\t\t// The toolbar and scrolling body share one surface boundary.\n\t\t\t\t'border-b border-border',\n\t\t\t\ttoolbarClassName,\n\t\t\t)}\n\t\t>\n\t\t\t{slots?.toolbar ?? (\n\t\t\t\t<Stack\n\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\talign=\"center\"\n\t\t\t\t\tgap=\"md\" wrap\n\t\t\t\t\tclassName=\"sidebar-inset-layout--toolbar-inner min-h-action w-full min-w-0\"\n\t\t\t\t>\n\t\t\t\t\t{!!resolvedTrigger && (\n\t\t\t\t\t\t<div className=\"sidebar-inset-layout--sidebar-trigger flex shrink-0 items-center\">\n\t\t\t\t\t\t\t{resolvedTrigger}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!slots?.toolbarStart && (\n\t\t\t\t\t\t<div className=\"sidebar-inset-layout--toolbar-start flex min-w-0 flex-1 basis-24 items-center [&>*]:min-w-0 [&>*]:max-w-full\">\n\t\t\t\t\t\t\t{slots.toolbarStart}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!slots?.toolbarEnd && (\n\t\t\t\t\t\t<div className=\"sidebar-inset-layout--toolbar-end ms-auto flex min-w-0 max-w-full flex-wrap items-center justify-end gap-space-sm [&>*]:max-w-full\">\n\t\t\t\t\t\t\t{slots.toolbarEnd}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t\t)}\n\t\t</header>\n\t) : null;\n\n\tconst mainNode = (\n\t\t<div className={cn('sidebar-inset-layout--main flex min-h-0 min-w-0 flex-1 flex-col', shellContentSurface[isInset ? 'inset' : 'plain'])}>\n\t\t\t{toolbarNode}\n\t\t\t<PageViewport\n\t\t\t\trender={<Content />}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'sidebar-inset-layout--content',\n\t\t\t\t\tcontentClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{resolvedContent}\n\t\t\t</PageViewport>\n\t\t</div>\n\t);\n\n\treturn (\n\t\t<div className={cn('sidebar-inset-layout--component box-border isolate flex min-h-svh min-w-0 w-full overflow-hidden font-sans text-foreground shell-sidebar-vars', isInset ? 'bg-sidebar' : 'bg-background', className)}\n\t\t\tstyle={shellStyle} data-sidebar-side={sidebarSide} data-surface={surface} data-mobile-sidebar-mode={mobileSidebarMode} {...props}>\n\t\t\t<ShellRegionGrid side={sidebarSide} sidebar={resolvedSidebar} secondarySidebar={slots?.secondarySidebar} aside={slots?.aside}\n\t\t\t\tprimaryWidth={sidebarWidth} secondaryWidth={secondarySidebarWidth} asideWidth={asideWidth} presentation={sidebarPresentation}\n\t\t\t\tinlinePrimary={mobileSidebarMode === 'inline'}\n\t\t\t\tsidebarClassName={cn('sidebar-inset-layout--sidebar min-h-0 min-w-0 overflow-hidden text-sidebar-foreground', isInset ? 'bg-transparent' : 'bg-sidebar', frameAlignedRegion, sidebarClassName)}\n\t\t\t\tsecondarySidebarClassName={cn('sidebar-inset-layout--secondary-sidebar min-h-0 min-w-0 overflow-hidden text-sidebar-foreground', frameAlignedRegion, secondarySidebarClassName)}\n\t\t\t\tasideClassName={cn('sidebar-inset-layout--aside min-h-0 min-w-0 overflow-hidden text-sidebar-foreground', asideClassName)}>\n\t\t\t\t{mainNode}\n\t\t\t</ShellRegionGrid>\n\t\t</div>\n\t);\n}\n","/**\n * StackedLayout — header-only app shell with horizontal navigation.\n *\n * The third shape alongside `TopbarSidebarLayout` (header over sidebar) and\n * `SidebarInsetLayout` (sidebar owns the page). Here there is no sidebar at all:\n * primary navigation runs across the header and the page stacks beneath it.\n *\n * Reach for this when the navigation is shallow enough to fit a row — settings,\n * marketing consoles, single-resource tools — where a sidebar would be mostly\n * empty. `contentWidth=\"contained\"` holds the page to a reading measure;\n * `\"full\"` lets dashboards span. Header flow follows the shell width: below\n * 64rem navigation owns a full row; wider shells, with room for logo, links\n * and account controls together, place it beside the logo.\n */\nimport { cn } from '../../../lib/utils';\nimport { ThemeScopeHostProvider, useThemeScopeHost } from '../../../lib/theme-scope';\n\nimport { Stack } from '../../base/structure';\nimport { Container, PageViewport } from '../containers';\nimport { headerInlineDividerAlignment } from '../header/header.recipes';\nimport {ShellRegionGrid} from './shell-regions';\n\nimport type {\n\tStackedLayoutProps,\n\tTopbarSidebarLayoutStyle,\n} from './app-shell.types';\n\n/** Same token-scope trick as `TopbarSidebarLayout` — see its note. Omitted, the header follows the active theme. */\nconst HEADER_THEME_CLASS: Record<NonNullable<StackedLayoutProps['headerTheme']>, string> = {\n\tlight: 'light',\n\tdark: 'dark',\n};\n\nexport function StackedLayout({\n\tchildren,\n\theaderTheme,\n\tcontentWidth = 'contained',\n\theaderHeight, asideWidth, asideClassName,\n\tlogo,\n\tnav,\n\tslots,\n\tcontentAs: Content = 'main',\n\tclassName,\n\theaderClassName,\n\tsubheaderClassName,\n\tcontentClassName,\n\tstyle,\n\t...props\n}: StackedLayoutProps) {\n\tconst shellStyle = {\n\t\t...(headerHeight ? { '--shell-header-height': headerHeight } : null),\n\t\t...style,\n\t} as TopbarSidebarLayoutStyle;\n\n\tconst headerScope = useThemeScopeHost<HTMLElement>();\n\tconst resolvedLogo = slots?.logo ?? logo;\n\tconst resolvedNav = slots?.nav ?? nav;\n\tconst resolvedContent = slots?.content ?? children;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'stacked-layout--component @container/stacked-shell box-border isolate flex min-h-svh min-w-0 w-full flex-col bg-background font-sans text-foreground',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={shellStyle}\n\t\t\tdata-header-theme={headerTheme ?? 'inherit'}\n\t\t\tdata-content-width={contentWidth}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ThemeScopeHostProvider value={headerScope.context}>\n\t\t\t<header\n\t\t\t\tref={headerScope.attachHost}\n\t\t\t\tdata-theme-scope=\"\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'stacked-layout--header box-border z-40 flex shrink-0 items-center border-b border-border bg-background px-surface py-space-sm text-foreground @5xl/stacked-shell:min-h-shell-header @5xl/stacked-shell:py-0',\n\t\t\t\t\theaderInlineDividerAlignment,\n\t\t\t\t\theaderTheme && HEADER_THEME_CLASS[headerTheme],\n\t\t\t\t\theaderClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<Stack\n\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\talign=\"center\"\n\t\t\t\t\tgap=\"lg\"\n\t\t\t\t\twrap\n\t\t\t\t\t// The shell width owns header adaptation, including narrow parents\n\t\t\t\t\t// on wide viewports. Children keep their identity across both flows.\n\t\t\t\t\tclassName=\"stacked-layout--header-inner min-h-action w-full min-w-0 @5xl/stacked-shell:flex-nowrap @5xl/stacked-shell:gap-space-2xl\"\n\t\t\t\t>\n\t\t\t\t\t{slots?.header ?? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{!!resolvedLogo && (\n\t\t\t\t\t\t\t\t<div className=\"stacked-layout--logo flex min-w-0 shrink-0 items-center @5xl/stacked-shell:order-1\">\n\t\t\t\t\t\t\t\t\t{resolvedLogo}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!resolvedNav && (\n\t\t\t\t\t\t\t\t// This shell has no sidebar, so hiding the nav in narrow shells left\n\t\t\t\t\t\t\t\t// the app with no navigation at all — logo and account menu\n\t\t\t\t\t\t\t\t// only. Instead it drops to its own full-width row and scrolls\n\t\t\t\t\t\t\t\t// horizontally, and returns inline when its parent is wide enough.\n\t\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t\t// Rendered once, not duplicated per breakpoint: a second copy\n\t\t\t\t\t\t\t\t// would put every nav link in the accessibility tree twice.\n\t\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t\t// Keep navigation intrinsic and single-line inside its scroller.\n\t\t\t\t\t\t\t\t// The shared inset reserves room for outer focus rings on every side.\n\t\t\t\t\t\t\t\t<nav\n\t\t\t\t\t\t\t\t\tonFocusCapture={(event) => {\n\t\t\t\t\t\t\t\t\t\t// Native focus can leave a partially visible action clipped.\n\t\t\t\t\t\t\t\t\t\t// Reveal only within this horizontal owner; preserve page scroll.\n\t\t\t\t\t\t\t\t\t\tconst nav = event.currentTarget;\n\t\t\t\t\t\t\t\t\t\t// React portal focus bubbles through its logical nav ancestry.\n\t\t\t\t\t\t\t\t\t\tif (!nav.contains(event.target)) return;\n\t\t\t\t\t\t\t\t\t\tconst viewport = nav.getBoundingClientRect();\n\t\t\t\t\t\t\t\t\t\tconst action = event.target.getBoundingClientRect();\n\t\t\t\t\t\t\t\t\t\tconst insets = getComputedStyle(nav);\n\t\t\t\t\t\t\t\t\t\tconst left = viewport.left + (parseFloat(insets.paddingLeft) || 0);\n\t\t\t\t\t\t\t\t\t\tconst right = viewport.right - (parseFloat(insets.paddingRight) || 0);\n\t\t\t\t\t\t\t\t\t\tif (action.left < left) nav.scrollLeft += action.left - left;\n\t\t\t\t\t\t\t\t\t\telse if (action.right > right) nav.scrollLeft += action.right - right;\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tclassName=\"stacked-layout--nav order-last flex w-full min-w-0 flex-nowrap items-center overflow-x-auto p-space-sm @5xl/stacked-shell:order-2 @5xl/stacked-shell:w-auto @5xl/stacked-shell:flex-1 [&>*]:shrink-0 [&>*]:flex-nowrap\">\n\t\t\t\t\t\t\t\t\t{resolvedNav}\n\t\t\t\t\t\t\t\t</nav>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!slots?.headerEnd && (\n\t\t\t\t\t\t\t\t<div className=\"stacked-layout--header-end ms-auto flex min-w-0 max-w-full flex-wrap items-center justify-end gap-space-sm @5xl/stacked-shell:order-3 @5xl/stacked-shell:gap-space-md [&>*]:max-w-full\">\n\t\t\t\t\t\t\t\t\t{slots.headerEnd}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t\t</header>\n\t\t\t</ThemeScopeHostProvider>\n\n\t\t\t{!!slots?.subheader && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'stacked-layout--subheader shrink-0 border-b border-border bg-background px-surface',\n\t\t\t\t\t\tsubheaderClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{slots.subheader}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<ShellRegionGrid aside={slots?.aside} asideWidth={asideWidth} asideClassName={cn('stacked-layout--aside min-h-0 min-w-0 overflow-hidden text-sidebar-foreground',asideClassName)}>\n\t\t\t<PageViewport\n\t\t\t\trender={<Content />}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'stacked-layout--content bg-background',\n\t\t\t\t\tcontentClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{contentWidth === 'contained' ? (\n\t\t\t\t\t<Container maxWidth=\"2xl\" gutter=\"lg\" className=\"stacked-layout--measure\">\n\t\t\t\t\t\t{resolvedContent}\n\t\t\t\t\t</Container>\n\t\t\t\t) : (\n\t\t\t\t\tresolvedContent\n\t\t\t\t)}\n\t\t\t</PageViewport>\n\t\t\t</ShellRegionGrid>\n\t\t</div>\n\t);\n}\n","import { cn } from '../../../lib/utils';\nimport { SidebarInsetLayout } from './sidebar-inset-layout';\nimport { StackedLayout } from './stacked-layout';\nimport { TopbarSidebarLayout } from './topbar-sidebar-layout';\nimport type { SidebarInsetLayoutProps, StackedLayoutProps, TopbarSidebarLayoutProps } from './app-shell.types';\n\n/** Presets select chrome; each underlying shell retains its own typed slots and behavior. */\nexport type AppLayoutProps =\n | (Omit<TopbarSidebarLayoutProps, 'headerTheme'> & {variant?: 'light-header' | 'dark-header'})\n | (Omit<SidebarInsetLayoutProps, 'surface'> & {variant: 'sidebar' | 'inset'})\n | (StackedLayoutProps & {variant: 'stacked'});\n\nexport type AppLayoutVariant = NonNullable<AppLayoutProps['variant']>;\n\n/** Five ready compositions using three shell owners, with one page viewport. */\nexport function AppLayout(props: AppLayoutProps) {\n const presentation = {'data-app-layout': props.variant ?? 'light-header', className: cn('app-layout--component', props.className)};\n switch (props.variant) {\n  case 'stacked': {\n   const {variant: _variant, ...shell} = props;\n   return <StackedLayout {...shell} {...presentation} />;\n  }\n  case 'sidebar':\n  case 'inset': {\n   const {variant, ...shell} = props;\n   return <SidebarInsetLayout {...shell} {...presentation} surface={variant === 'sidebar' ? 'flush' : 'inset'} />;\n  }\n  default: {\n   // An omitted variant keeps the header on the active theme; light/dark scope it on request.\n   const {variant, ...shell} = props;\n   return <TopbarSidebarLayout {...shell} {...presentation} headerTheme={variant === 'dark-header' ? 'dark' : variant === 'light-header' ? 'light' : undefined} />;\n  }\n }\n}\n"],"mappings":"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"}

package/dist/{attachment-DkoqHPPl.js → attachment-BCpA4e7i.js}

@@ -1,13 +1,13 @@
 "use client";
 import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-CF3c95Io.js";
-import { n } from "./buttons-BbfzgczK.js";
-import { c as r } from "./typography-CSyJrh28.js";
+import { t } from "./utils-DhuoqFy4.js";
+import { n } from "./buttons-DeW0bQeK.js";
+import { c as r } from "./typography-C7-YMW1S.js";
 import { t as i } from "./focus-recipes-B653VaLq.js";
-import { t as a } from "./progress-BvF2oCdV.js";
-import { t as o } from "./interaction-recipes-XR9ZpVYL.js";
-import { i as s } from "./primitives-Du64iDbb.js";
-import { c, i as l, n as u, r as d, t as f, u as p } from "./item-BvZ2DR_x.js";
+import { t as a } from "./progress-DZFXXzPs.js";
+import { t as o } from "./interaction-recipes-4wZ2tvfb.js";
+import { i as s } from "./primitives-BkkQjYl7.js";
+import { c, i as l, n as u, r as d, t as f, u as p } from "./item-FfWnaYST.js";
 import { forwardRef as m } from "react";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { Archive as v, AudioLines as y, Download as b, Eye as x, FileCode as S, FileText as C, ImageIcon as w, Video as T, X as E } from "lucide-react";
@@ -138,7 +138,7 @@ var R = m(function({ name: a = "", meta: c, bytes: l, locale: u, kind: d, media:
 		children: [K ?? /* @__PURE__ */ _(h, { children: [
 			/* @__PURE__ */ g(M, {
 				variant: m && B !== "gallery" ? "image" : "icon",
-				className: B === "gallery" ? "aspect-video h-auto w-full overflow-hidden rounded-inner bg-muted text-muted-foreground" : void 0,
+				className: B === "gallery" ? "aspect-video h-auto w-full overflow-hidden rounded-radius bg-muted text-muted-foreground" : void 0,
 				children: p ?? (m ? /* @__PURE__ */ g("img", {
 					src: m,
 					alt: "",
@@ -235,7 +235,7 @@ var R = m(function({ name: a = "", meta: c, bytes: l, locale: u, kind: d, media:
 			disabled: z,
 			"aria-label": X.preview(a),
 			onClick: T,
-			className: `attachment--trigger ${o.nativeButtonReset} absolute inset-0 z-0 cursor-pointer rounded-inner outline-none ${i.inset} disabled:cursor-not-allowed`
+			className: `attachment--trigger ${o.nativeButtonReset} absolute inset-0 z-0 cursor-pointer rounded-radius outline-none ${i.inset} disabled:cursor-not-allowed`
 		})]
 	});
 });
@@ -243,4 +243,4 @@ R.displayName = "Attachment";
 //#endregion
 export { j as a, P as c, F as i, A as l, I as n, M as o, N as r, L as s, R as t, O as u };
 
-//# sourceMappingURL=attachment-DkoqHPPl.js.map
+//# sourceMappingURL=attachment-BCpA4e7i.js.map

package/dist/{attachment-DkoqHPPl.js.map → attachment-BCpA4e7i.js.map}

@@ -1 +1 @@
-{"version":3,"file":"attachment-DkoqHPPl.js","names":["_Fragment","Button","ButtonPrimitive","Text","focusRecipes","Progress","interactionRecipes","FileSize","ItemDescription","ItemActions","ItemContent","Item","ItemTitle","Fragment$1","defaultAttachmentStrings","name","icons","ImageIcon","FileText","AudioLines","Video","FileCode","Archive","getAttachmentKind","extension","AttachmentFileIcon","Icon","kind","AttachmentMedia","forwardRef","props","ItemMedia","cn","className","AttachmentContent","AttachmentTitle","AttachmentDescription","AttachmentActions","AttachmentProgress","Attachment","stringsProp","strings","useStrings","showProgress","status","pct","progress","statusCopy","density","layout","disabled","children","thumbnailUrl","media","meta","bytes","description","error","actions","onPreview","onDownload","onRemove","Button$1","Eye","Download","X","onOpen","Button"],"sources":["../src/components/base/attachment/attachment.types.ts","../src/components/base/attachment/attachment.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode, ReactElement } from 'react';\nimport type { StringsProp } from '../../../lib/strings';\nimport type { ItemDensity, ItemSize, ItemVariant } from '../item';\nexport type AttachmentKind = 'image' | 'document' | 'audio' | 'video' | 'code' | 'archive' | 'generic';\nexport type AttachmentStatus = 'queued' | 'uploading' | 'done' | 'error' | 'cancelled';\nexport interface AttachmentStrings {\n preview: (name: string) => string;\n download: (name: string) => string;\n remove: (name: string) => string;\n queued: string; uploading: string; done: string; error: string; cancelled: string;\n}\nexport const defaultAttachmentStrings: AttachmentStrings = {\n preview: name => `Preview ${name}`, download: name => `Download ${name}`, remove: name => `Remove ${name}`,\n queued: 'Queued', uploading: 'Uploading', done: 'Uploaded', error: 'Failed', cancelled: 'Cancelled',\n};\nexport interface AttachmentProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title' | 'onError'> {\n /** Display filename. Omit only when assembling children using Attachment anatomy. */\n name?: string;\n /** Caller-formatted metadata takes precedence over bytes. */\n meta?: ReactNode;\n bytes?: number;\n locale?: string;\n kind?: AttachmentKind;\n media?: ReactNode;\n thumbnailUrl?: string;\n status?: AttachmentStatus;\n /** Upload progress in the 0–100 range. A missing uploading value is indeterminate. */\n progress?: number | null;\n error?: ReactNode;\n /** Override generated status copy while preserving status/progress behavior. */\n description?: ReactNode;\n /** Additional sibling actions. */\n actions?: ReactNode;\n /** Open or preview the whole body, with independent sibling action buttons. Uses the preview string for its accessible name. */\n onOpen?: () => void;\n onPreview?: () => void;\n onDownload?: () => void;\n onRemove?: () => void;\n disabled?: boolean;\n /** Compact horizontal chip, full list row, or a media-first gallery tile. */\n layout?: 'compact' | 'list' | 'gallery';\n size?: ItemSize;\n density?: ItemDensity;\n variant?: ItemVariant;\n /** Element used for a list item without wrapping or inspecting children. */\n render?: ReactElement;\n strings?: StringsProp<AttachmentStrings>;\n}\n","import { forwardRef } from 'react';\nimport { Button as ButtonPrimitive } from '@base-ui/react/button';\nimport { Archive, AudioLines, Download, Eye, FileCode, FileText, ImageIcon, Video, X } from 'lucide-react';\nimport { Button } from '../buttons';\nimport { FileSize } from '../../primitives';\nimport { Text } from '../../typography';\nimport { Progress, type ProgressProps } from '../feedback';\nimport { Item, ItemMedia, ItemContent, ItemTitle, ItemDescription, ItemActions, type ItemMediaProps, type ItemContentProps, type ItemTitleProps, type ItemDescriptionProps, type ItemActionsProps } from '../item';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { defaultAttachmentStrings, type AttachmentProps, type AttachmentKind } from './attachment.types';\nimport { focusRecipes } from '../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../lib/interaction-recipes';\n\nconst icons = { image: ImageIcon, document: FileText, audio: AudioLines, video: Video, code: FileCode, archive: Archive, generic: FileText };\n/** Filename categorization is display-only and does not trust a file's extension for validation. */\nexport function getAttachmentKind(name: string): AttachmentKind {\n const extension = name.split('.').at(-1)?.toLowerCase();\n if (extension && ['png','jpg','jpeg','gif','webp','svg','avif'].includes(extension)) return 'image';\n if (extension && ['mp3','wav','ogg','flac','m4a'].includes(extension)) return 'audio';\n if (extension && ['mp4','webm','mov','avi'].includes(extension)) return 'video';\n if (extension && ['zip','gz','tar','rar','7z'].includes(extension)) return 'archive';\n if (extension && ['ts','tsx','js','jsx','css','html','json','py','sh','sql'].includes(extension)) return 'code';\n if (extension && ['pdf','doc','docx','txt','md','xls','xlsx','csv'].includes(extension)) return 'document';\n return 'generic';\n}\nexport function AttachmentFileIcon({ name, kind }: { name: string; kind?: AttachmentKind }) { const Icon = icons[kind ?? getAttachmentKind(name)]; return <Icon aria-hidden=\"true\" />; }\nexport const AttachmentMedia = forwardRef<HTMLDivElement, ItemMediaProps>(function AttachmentMedia({ className, ...props }, ref) { return <ItemMedia {...props} ref={ref} className={cn('attachment--media self-center group-has-data-[slot=item-description]/item:self-center', className)} />; });\nexport const AttachmentContent = forwardRef<HTMLDivElement, ItemContentProps>(function AttachmentContent({ className, ...props }, ref) { return <ItemContent {...props} ref={ref} className={cn('attachment--content w-full max-w-full', className)} />; });\nexport const AttachmentTitle = forwardRef<HTMLDivElement, ItemTitleProps>(function AttachmentTitle({ className, ...props }, ref) { return <ItemTitle {...props} ref={ref} className={cn('attachment--title block w-full truncate [&>span]:block [&>span]:min-w-0 [&>span]:truncate', className)} />; });\nexport const AttachmentDescription = forwardRef<HTMLParagraphElement, ItemDescriptionProps>(function AttachmentDescription({ className, ...props }, ref) { return <ItemDescription {...props} ref={ref} className={cn('attachment--description', className)} />; });\nexport const AttachmentActions = forwardRef<HTMLDivElement, ItemActionsProps>(function AttachmentActions({ className, ...props }, ref) { return <ItemActions {...props} ref={ref} className={cn('attachment--actions relative z-10', className)} />; });\nexport function AttachmentProgress({ className, ...props }: ProgressProps) { return <Progress {...props} className={cn('attachment--progress', className)} />; }\n/** File presentation; callbacks own preview, transfer and removal. Card framing belongs to the caller. */\nexport const Attachment = forwardRef<HTMLDivElement, AttachmentProps>(function Attachment({\n name = '', meta, bytes, locale, kind, media, thumbnailUrl, status, progress, error, description, actions, onOpen, onPreview, onDownload, onRemove,\n disabled = false, layout = 'list', size, density, variant = 'outline', render, strings: stringsProp, children, className, ...props\n}, ref) {\n const strings = useStrings(defaultAttachmentStrings, stringsProp);\n const showProgress = status === 'queued' || status === 'uploading';\n const pct = progress === null || progress === undefined ? null : Number.isFinite(progress) ? Math.max(0, Math.min(100, progress)) : 0;\n const statusCopy = status ? strings[status] : undefined;\n return <Item {...props} ref={ref} render={render} size={size} density={density ?? (layout === 'compact' ? 'compact' : 'default')} variant={variant} padding=\"default\" data-status={status} data-layout={layout} data-disabled={disabled || undefined} className={cn('attachment--component relative isolate min-w-0 max-w-full bg-card text-card-foreground', layout === 'gallery' ? 'flex-col items-stretch' : 'flex-nowrap', status === 'error' && 'border-destructive', className)}>\n  {children ?? <>\n   {/* A gallery tile owns one full-width media frame. The row thumbnail recipe (a\n       size-scaled square) would otherwise shrink a gallery image to an icon. */}\n   <AttachmentMedia variant={thumbnailUrl && layout !== 'gallery' ? 'image' : 'icon'} className={layout === 'gallery' ? 'aspect-video h-auto w-full overflow-hidden rounded-inner bg-muted text-muted-foreground' : undefined}>{media ?? (thumbnailUrl ? <img src={thumbnailUrl} alt=\"\" className=\"h-full w-full object-cover\" /> : <AttachmentFileIcon name={name} kind={kind} />)}</AttachmentMedia>\n   <AttachmentContent>\n    <AttachmentTitle title={name}>{name}</AttachmentTitle>\n    {(meta !== undefined || bytes !== undefined) && <AttachmentDescription clamp={1}>{meta ?? <FileSize value={bytes} locale={locale} size=\"xs\" type=\"secondary\" align=\"left\" />}</AttachmentDescription>}\n    {(description !== undefined || statusCopy) && <AttachmentDescription clamp=\"none\">{description !== undefined ? description : <Text tag=\"span\" size=\"xs\" type={status === 'error' ? 'error' : 'secondary'}>{statusCopy}</Text>}{status === 'error' && error ? <> — <Text tag=\"span\" role=\"alert\" size=\"xs\" type=\"error\">{error}</Text></> : null}</AttachmentDescription>}\n    {showProgress && <AttachmentProgress value={status === 'queued' && pct === null ? 0 : pct} aria-label={name} size=\"sm\" tone={status === 'queued' ? 'neutral' : 'primary'} />}\n   </AttachmentContent>\n   {(actions || onPreview || onDownload || onRemove) && <AttachmentActions>\n    {onPreview && <Button type=\"button\" tone=\"secondary\" buttonStyle=\"ghost\" size=\"sm\" iconOnly disabled={disabled} aria-label={strings.preview(name)} onClick={onPreview}><Eye aria-hidden=\"true\" className=\"size-icon-sm\" /></Button>}\n    {onDownload && <Button type=\"button\" tone=\"secondary\" buttonStyle=\"ghost\" size=\"sm\" iconOnly disabled={disabled} aria-label={strings.download(name)} onClick={onDownload}><Download aria-hidden=\"true\" className=\"size-icon-sm\" /></Button>}\n    {onRemove && <Button type=\"button\" tone=\"secondary\" buttonStyle=\"ghost\" size=\"sm\" iconOnly disabled={disabled} aria-label={strings.remove(name)} onClick={onRemove}><X aria-hidden=\"true\" className=\"size-icon-sm\" /></Button>}\n    {actions}\n   </AttachmentActions>}\n  </>}\n  {onOpen && <ButtonPrimitive type=\"button\" disabled={disabled} aria-label={strings.preview(name)} onClick={onOpen} className={`attachment--trigger ${interactionRecipes.nativeButtonReset} absolute inset-0 z-0 cursor-pointer rounded-inner outline-none ${focusRecipes.inset} disabled:cursor-not-allowed`} />}\n </Item>;\n});\nAttachment.displayName = 'Attachment';\n"],"mappings":"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"}
+{"version":3,"file":"attachment-BCpA4e7i.js","names":["_Fragment","Button","ButtonPrimitive","Text","focusRecipes","Progress","interactionRecipes","FileSize","ItemDescription","ItemActions","ItemContent","Item","ItemTitle","Fragment$1","defaultAttachmentStrings","name","icons","ImageIcon","FileText","AudioLines","Video","FileCode","Archive","getAttachmentKind","extension","AttachmentFileIcon","Icon","kind","AttachmentMedia","forwardRef","props","ItemMedia","cn","className","AttachmentContent","AttachmentTitle","AttachmentDescription","AttachmentActions","AttachmentProgress","Attachment","stringsProp","strings","useStrings","showProgress","status","pct","progress","statusCopy","density","layout","disabled","children","thumbnailUrl","media","meta","bytes","description","error","actions","onPreview","onDownload","onRemove","Button$1","Eye","Download","X","onOpen","Button"],"sources":["../src/components/base/attachment/attachment.types.ts","../src/components/base/attachment/attachment.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode, ReactElement } from 'react';\nimport type { StringsProp } from '../../../lib/strings';\nimport type { ItemDensity, ItemSize, ItemVariant } from '../item';\nexport type AttachmentKind = 'image' | 'document' | 'audio' | 'video' | 'code' | 'archive' | 'generic';\nexport type AttachmentStatus = 'queued' | 'uploading' | 'done' | 'error' | 'cancelled';\nexport interface AttachmentStrings {\n preview: (name: string) => string;\n download: (name: string) => string;\n remove: (name: string) => string;\n queued: string; uploading: string; done: string; error: string; cancelled: string;\n}\nexport const defaultAttachmentStrings: AttachmentStrings = {\n preview: name => `Preview ${name}`, download: name => `Download ${name}`, remove: name => `Remove ${name}`,\n queued: 'Queued', uploading: 'Uploading', done: 'Uploaded', error: 'Failed', cancelled: 'Cancelled',\n};\nexport interface AttachmentProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title' | 'onError'> {\n /** Display filename. Omit only when assembling children using Attachment anatomy. */\n name?: string;\n /** Caller-formatted metadata takes precedence over bytes. */\n meta?: ReactNode;\n bytes?: number;\n locale?: string;\n kind?: AttachmentKind;\n media?: ReactNode;\n thumbnailUrl?: string;\n status?: AttachmentStatus;\n /** Upload progress in the 0–100 range. A missing uploading value is indeterminate. */\n progress?: number | null;\n error?: ReactNode;\n /** Override generated status copy while preserving status/progress behavior. */\n description?: ReactNode;\n /** Additional sibling actions. */\n actions?: ReactNode;\n /** Open or preview the whole body, with independent sibling action buttons. Uses the preview string for its accessible name. */\n onOpen?: () => void;\n onPreview?: () => void;\n onDownload?: () => void;\n onRemove?: () => void;\n disabled?: boolean;\n /** Compact horizontal chip, full list row, or a media-first gallery tile. */\n layout?: 'compact' | 'list' | 'gallery';\n size?: ItemSize;\n density?: ItemDensity;\n variant?: ItemVariant;\n /** Element used for a list item without wrapping or inspecting children. */\n render?: ReactElement;\n strings?: StringsProp<AttachmentStrings>;\n}\n","import { forwardRef } from 'react';\nimport { Button as ButtonPrimitive } from '@base-ui/react/button';\nimport { Archive, AudioLines, Download, Eye, FileCode, FileText, ImageIcon, Video, X } from 'lucide-react';\nimport { Button } from '../buttons';\nimport { FileSize } from '../../primitives';\nimport { Text } from '../../typography';\nimport { Progress, type ProgressProps } from '../feedback';\nimport { Item, ItemMedia, ItemContent, ItemTitle, ItemDescription, ItemActions, type ItemMediaProps, type ItemContentProps, type ItemTitleProps, type ItemDescriptionProps, type ItemActionsProps } from '../item';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { defaultAttachmentStrings, type AttachmentProps, type AttachmentKind } from './attachment.types';\nimport { focusRecipes } from '../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../lib/interaction-recipes';\n\nconst icons = { image: ImageIcon, document: FileText, audio: AudioLines, video: Video, code: FileCode, archive: Archive, generic: FileText };\n/** Filename categorization is display-only and does not trust a file's extension for validation. */\nexport function getAttachmentKind(name: string): AttachmentKind {\n const extension = name.split('.').at(-1)?.toLowerCase();\n if (extension && ['png','jpg','jpeg','gif','webp','svg','avif'].includes(extension)) return 'image';\n if (extension && ['mp3','wav','ogg','flac','m4a'].includes(extension)) return 'audio';\n if (extension && ['mp4','webm','mov','avi'].includes(extension)) return 'video';\n if (extension && ['zip','gz','tar','rar','7z'].includes(extension)) return 'archive';\n if (extension && ['ts','tsx','js','jsx','css','html','json','py','sh','sql'].includes(extension)) return 'code';\n if (extension && ['pdf','doc','docx','txt','md','xls','xlsx','csv'].includes(extension)) return 'document';\n return 'generic';\n}\nexport function AttachmentFileIcon({ name, kind }: { name: string; kind?: AttachmentKind }) { const Icon = icons[kind ?? getAttachmentKind(name)]; return <Icon aria-hidden=\"true\" />; }\nexport const AttachmentMedia = forwardRef<HTMLDivElement, ItemMediaProps>(function AttachmentMedia({ className, ...props }, ref) { return <ItemMedia {...props} ref={ref} className={cn('attachment--media self-center group-has-data-[slot=item-description]/item:self-center', className)} />; });\nexport const AttachmentContent = forwardRef<HTMLDivElement, ItemContentProps>(function AttachmentContent({ className, ...props }, ref) { return <ItemContent {...props} ref={ref} className={cn('attachment--content w-full max-w-full', className)} />; });\nexport const AttachmentTitle = forwardRef<HTMLDivElement, ItemTitleProps>(function AttachmentTitle({ className, ...props }, ref) { return <ItemTitle {...props} ref={ref} className={cn('attachment--title block w-full truncate [&>span]:block [&>span]:min-w-0 [&>span]:truncate', className)} />; });\nexport const AttachmentDescription = forwardRef<HTMLParagraphElement, ItemDescriptionProps>(function AttachmentDescription({ className, ...props }, ref) { return <ItemDescription {...props} ref={ref} className={cn('attachment--description', className)} />; });\nexport const AttachmentActions = forwardRef<HTMLDivElement, ItemActionsProps>(function AttachmentActions({ className, ...props }, ref) { return <ItemActions {...props} ref={ref} className={cn('attachment--actions relative z-10', className)} />; });\nexport function AttachmentProgress({ className, ...props }: ProgressProps) { return <Progress {...props} className={cn('attachment--progress', className)} />; }\n/** File presentation; callbacks own preview, transfer and removal. Card framing belongs to the caller. */\nexport const Attachment = forwardRef<HTMLDivElement, AttachmentProps>(function Attachment({\n name = '', meta, bytes, locale, kind, media, thumbnailUrl, status, progress, error, description, actions, onOpen, onPreview, onDownload, onRemove,\n disabled = false, layout = 'list', size, density, variant = 'outline', render, strings: stringsProp, children, className, ...props\n}, ref) {\n const strings = useStrings(defaultAttachmentStrings, stringsProp);\n const showProgress = status === 'queued' || status === 'uploading';\n const pct = progress === null || progress === undefined ? null : Number.isFinite(progress) ? Math.max(0, Math.min(100, progress)) : 0;\n const statusCopy = status ? strings[status] : undefined;\n return <Item {...props} ref={ref} render={render} size={size} density={density ?? (layout === 'compact' ? 'compact' : 'default')} variant={variant} padding=\"default\" data-status={status} data-layout={layout} data-disabled={disabled || undefined} className={cn('attachment--component relative isolate min-w-0 max-w-full bg-card text-card-foreground', layout === 'gallery' ? 'flex-col items-stretch' : 'flex-nowrap', status === 'error' && 'border-destructive', className)}>\n  {children ?? <>\n   {/* A gallery tile owns one full-width media frame. The row thumbnail recipe (a\n       size-scaled square) would otherwise shrink a gallery image to an icon. */}\n   <AttachmentMedia variant={thumbnailUrl && layout !== 'gallery' ? 'image' : 'icon'} className={layout === 'gallery' ? 'aspect-video h-auto w-full overflow-hidden rounded-radius bg-muted text-muted-foreground' : undefined}>{media ?? (thumbnailUrl ? <img src={thumbnailUrl} alt=\"\" className=\"h-full w-full object-cover\" /> : <AttachmentFileIcon name={name} kind={kind} />)}</AttachmentMedia>\n   <AttachmentContent>\n    <AttachmentTitle title={name}>{name}</AttachmentTitle>\n    {(meta !== undefined || bytes !== undefined) && <AttachmentDescription clamp={1}>{meta ?? <FileSize value={bytes} locale={locale} size=\"xs\" type=\"secondary\" align=\"left\" />}</AttachmentDescription>}\n    {(description !== undefined || statusCopy) && <AttachmentDescription clamp=\"none\">{description !== undefined ? description : <Text tag=\"span\" size=\"xs\" type={status === 'error' ? 'error' : 'secondary'}>{statusCopy}</Text>}{status === 'error' && error ? <> — <Text tag=\"span\" role=\"alert\" size=\"xs\" type=\"error\">{error}</Text></> : null}</AttachmentDescription>}\n    {showProgress && <AttachmentProgress value={status === 'queued' && pct === null ? 0 : pct} aria-label={name} size=\"sm\" tone={status === 'queued' ? 'neutral' : 'primary'} />}\n   </AttachmentContent>\n   {(actions || onPreview || onDownload || onRemove) && <AttachmentActions>\n    {onPreview && <Button type=\"button\" tone=\"secondary\" buttonStyle=\"ghost\" size=\"sm\" iconOnly disabled={disabled} aria-label={strings.preview(name)} onClick={onPreview}><Eye aria-hidden=\"true\" className=\"size-icon-sm\" /></Button>}\n    {onDownload && <Button type=\"button\" tone=\"secondary\" buttonStyle=\"ghost\" size=\"sm\" iconOnly disabled={disabled} aria-label={strings.download(name)} onClick={onDownload}><Download aria-hidden=\"true\" className=\"size-icon-sm\" /></Button>}\n    {onRemove && <Button type=\"button\" tone=\"secondary\" buttonStyle=\"ghost\" size=\"sm\" iconOnly disabled={disabled} aria-label={strings.remove(name)} onClick={onRemove}><X aria-hidden=\"true\" className=\"size-icon-sm\" /></Button>}\n    {actions}\n   </AttachmentActions>}\n  </>}\n  {onOpen && <ButtonPrimitive type=\"button\" disabled={disabled} aria-label={strings.preview(name)} onClick={onOpen} className={`attachment--trigger ${interactionRecipes.nativeButtonReset} absolute inset-0 z-0 cursor-pointer rounded-radius outline-none ${focusRecipes.inset} disabled:cursor-not-allowed`} />}\n </Item>;\n});\nAttachment.displayName = 'Attachment';\n"],"mappings":"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"}

package/dist/{auth-D2FVZ1MH.js → auth-B0girIk_.js}

@@ -1,28 +1,28 @@
 "use client";
-import { s as e, v as t } from "./ui-provider-CQCuCBcy.js";
+import { S as e, d as t } from "./ui-provider-C-74NVLc.js";
 import { useStrings as n } from "./lib/strings.js";
-import { t as r } from "./utils-CF3c95Io.js";
-import { a as i, n as a } from "./buttons-BbfzgczK.js";
-import { c as o, o as s, s as c } from "./typography-CSyJrh28.js";
+import { t as r } from "./utils-DhuoqFy4.js";
+import { a as i, n as a } from "./buttons-DeW0bQeK.js";
+import { c as o, o as s, s as c } from "./typography-C7-YMW1S.js";
 import { i as l } from "./text.styles-B64My8RZ.js";
 import { t as u } from "./focus-recipes-B653VaLq.js";
-import { r as d, t as f } from "./structure-C0V0_Fyf.js";
-import { a as p, l as m, s as h } from "./smart-card-CqkzQsK-.js";
-import { t as g } from "./interaction-recipes-XR9ZpVYL.js";
-import { c as _, i as v, o as y, r as b, t as x, u as S } from "./item-BvZ2DR_x.js";
-import { d as C } from "./hooks-BQ-L7Uu2.js";
+import { r as d, t as f } from "./structure-DZJ2wbAU.js";
+import { a as p, l as m, s as h } from "./smart-card-B6vLxqa_.js";
+import { t as g } from "./interaction-recipes-4wZ2tvfb.js";
+import { c as _, i as v, o as y, r as b, t as x, u as S } from "./item-FfWnaYST.js";
+import { f as C } from "./hooks-BitHSh-Y.js";
 import { t as w } from "./container.recipes-D9t8MHR3.js";
 import * as T from "react";
 import { Fragment as ee, isValidElement as E, useMemo as D } from "react";
 import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
 import { Globe2 as te, KeyRound as j } from "lucide-react";
 //#region src/components/layout/auth/auth-card.tsx
-function ne({ surface: e = "card", eyebrow: t, title: n, description: i, headerEnd: a, banner: l, media: u, footer: d, children: g, className: _, headerClassName: v, mediaClassName: y, contentClassName: b, footerClassName: x, ...S }) {
+function M({ surface: e = "card", eyebrow: t, title: n, description: i, headerEnd: a, banner: l, media: u, footer: d, children: g, className: _, headerClassName: v, mediaClassName: y, contentClassName: b, footerClassName: x, ...S }) {
 	let C = !!(t || n || i || a);
 	return /* @__PURE__ */ A(m, {
 		"data-slot": "auth-card",
 		"data-surface": e,
-		className: r("auth-card--component", "w-full min-w-0 gap-0 py-0", e === "card" ? "overflow-hidden rounded-radius border border-border bg-card text-card-foreground shadow-sm" : "border-0 bg-transparent text-inherit shadow-none", _),
+		className: r("auth-card--component", "w-full min-w-0 gap-0 py-0", e === "card" ? "overflow-hidden rounded-surface border border-border bg-card text-card-foreground shadow-sm" : "border-0 bg-transparent text-inherit shadow-none", _),
 		...S,
 		children: [
 			!!u && /* @__PURE__ */ k("div", {
@@ -88,18 +88,18 @@ function ne({ surface: e = "card", eyebrow: t, title: n, description: i, headerE
 }
 //#endregion
 //#region src/components/layout/auth/auth-hooks.tsx
-function M(e) {
+function N(e) {
 	return !!(e && typeof e == "object" && !E(e) && ("logo" in e || "label" in e || "description" in e || "href" in e));
 }
-function N({ links: e = [], renderLink: t } = {}) {
+function P({ links: e = [], renderLink: t } = {}) {
 	let n = C({ renderLink: t });
 	return {
 		links: D(() => e.filter((e) => e.visible !== !1), [e]),
 		renderLink: n
 	};
 }
-function P({ variant: e = "card", brand: t, footer: n, footerLinks: r = [], policyLinks: i = [], languageLinks: a = [], languageSwitcher: o, postCard: s, socialProviders: c = [], splitPanel: l, renderLink: u } = {}) {
-	let d = C({ renderLink: u }), f = D(() => r.filter((e) => e.visible !== !1), [r]), p = D(() => i.filter((e) => e.visible !== !1), [i]), m = D(() => a.filter((e) => e.visible !== !1), [a]), h = D(() => c.filter((e) => e.visible !== !1), [c]), g = !!(t && (M(t) ? t.logo || t.label || t.description : t)), _ = !!(s || n || o || f.length > 0 || p.length > 0 || m.length > 0), v = !!l;
+function ne({ variant: e = "card", brand: t, footer: n, footerLinks: r = [], policyLinks: i = [], languageLinks: a = [], languageSwitcher: o, postCard: s, socialProviders: c = [], splitPanel: l, renderLink: u } = {}) {
+	let d = C({ renderLink: u }), f = D(() => r.filter((e) => e.visible !== !1), [r]), p = D(() => i.filter((e) => e.visible !== !1), [i]), m = D(() => a.filter((e) => e.visible !== !1), [a]), h = D(() => c.filter((e) => e.visible !== !1), [c]), g = !!(t && (N(t) ? t.logo || t.label || t.description : t)), _ = !!(s || n || o || f.length > 0 || p.length > 0 || m.length > 0), v = !!l;
 	return {
 		variant: e === "split" && !v ? "card" : e,
 		hasBrand: g,
@@ -128,27 +128,27 @@ var F = {
 //#endregion
 //#region src/components/layout/auth/auth-footer-links.tsx
 function z({ links: e, leadingIcon: t, separator: i = "·", renderLink: a, className: s, strings: c, ...l }) {
-	let u = n(I, c), { links: d, renderLink: f } = N({
+	let d = n(I, c), { links: f, renderLink: p } = P({
 		links: e,
 		renderLink: a
 	});
-	return d.length === 0 ? null : /* @__PURE__ */ A("nav", {
-		"aria-label": l["aria-label"] ?? u.label,
+	return f.length === 0 ? null : /* @__PURE__ */ A("nav", {
+		"aria-label": l["aria-label"] ?? d.label,
 		className: r("auth-footer-links--component", "flex flex-wrap items-center justify-center gap-x-space-md gap-y-space-xs text-center", s),
 		...l,
 		children: [!!t && /* @__PURE__ */ k("span", {
 			className: "auth-footer-links--icon flex shrink-0 items-center text-muted-foreground",
 			"aria-hidden": "true",
 			children: t
-		}), d.map((e, t) => {
-			let n = f({
+		}), f.map((e, t) => {
+			let n = p({
 				href: e.href,
 				target: e.target,
 				rel: e.rel,
 				external: e.external,
 				disabled: e.disabled,
 				onClick: e.onClick,
-				className: r("auth-footer-links--item", "text-muted-foreground transition-colors hover:text-foreground", e.disabled && "pointer-events-none opacity-50"),
+				className: r("auth-footer-links--item", "text-muted-foreground transition-colors hover:text-foreground", !e.href && e.onClick && !e.disabled && u.text, e.disabled && "pointer-events-none opacity-50"),
 				children: /* @__PURE__ */ k(o, {
 					tag: "span",
 					size: "xs",
@@ -257,7 +257,7 @@ function G({ provider: e }) {
 	}
 }
 function K({ provider: n, renderLink: s, className: c }) {
-	let { defaultScale: l } = e(), u = t(void 0, l), d = C({ renderLink: s }), f = /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(G, { provider: n }), /* @__PURE__ */ k(o, {
+	let { defaultScale: l } = t(), u = e(void 0, l), d = C({ renderLink: s }), f = /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(G, { provider: n }), /* @__PURE__ */ k(o, {
 		tag: "span",
 		className: "text-inherit",
 		children: n.label
@@ -328,7 +328,7 @@ function q({ eyebrow: e, title: t, description: n, media: i, features: a, footer
 			className: r("auth-split-panel--content", "min-h-full p-surface md:p-surface-lg", m),
 			children: [
 				!!i && /* @__PURE__ */ k("div", {
-					className: "auth-split-panel--media overflow-hidden rounded-radius border border-border/60 bg-card text-card-foreground",
+					className: "auth-split-panel--media overflow-hidden rounded-surface border border-border/60 bg-card text-card-foreground",
 					children: i
 				}),
 				!!g && /* @__PURE__ */ A(f, {
@@ -416,7 +416,7 @@ function se(e) {
 }
 function ce({ brand: e, renderLink: t }) {
 	if (!e) return null;
-	if (!M(e)) return /* @__PURE__ */ k("div", {
+	if (!N(e)) return /* @__PURE__ */ k("div", {
 		className: "auth-shell--brand flex items-center justify-center",
 		children: e
 	});
@@ -434,8 +434,8 @@ function ce({ brand: e, renderLink: t }) {
 function le(e) {
 	return e ? E(e) ? e : oe(e) ? /* @__PURE__ */ k(q, { ...e }) : null : null;
 }
-function J({ children: e, variant: t = "card", size: i = "md", align: a = "center", brand: s, eyebrow: c, title: l, description: u, headerEnd: d, banner: p, cardMedia: m, cardMediaClassName: h, cardFooter: g, postCard: _, footer: v, footerLinks: y, policyLinks: b, languageLinks: x, languageSwitcher: S, socialProviders: C, socialProvidersLayout: T = "stack", socialDivider: ee, splitPanel: E, splitSide: D = "left", splitMobile: O = "hidden", renderLink: j, className: M, mainClassName: N, stackClassName: I, cardClassName: L, cardContentClassName: R, splitGridClassName: B, splitPanelClassName: V, footerClassName: H, strings: U, ...W }) {
-	let G = n(F, U), { variant: K, hasBrand: ie, hasAfterCard: q, hasSplitPanel: oe, hasSocialProviders: se, renderLink: J, footerLinks: Y, policyLinks: X, languageLinks: Z, socialProviders: Q } = P({
+function J({ children: e, variant: t = "card", size: i = "md", align: a = "center", brand: s, eyebrow: c, title: l, description: u, headerEnd: d, banner: p, cardMedia: m, cardMediaClassName: h, cardFooter: g, postCard: _, footer: v, footerLinks: y, policyLinks: b, languageLinks: x, languageSwitcher: S, socialProviders: C, socialProvidersLayout: T = "stack", socialDivider: ee, splitPanel: E, splitSide: D = "left", splitMobile: O = "hidden", renderLink: j, className: N, mainClassName: P, stackClassName: I, cardClassName: L, cardContentClassName: R, splitGridClassName: B, splitPanelClassName: V, footerClassName: H, strings: U, ...W }) {
+	let G = n(F, U), { variant: K, hasBrand: ie, hasAfterCard: q, hasSplitPanel: oe, hasSocialProviders: se, renderLink: J, footerLinks: Y, policyLinks: X, languageLinks: Z, socialProviders: Q } = ne({
 		variant: t,
 		brand: s,
 		footer: v,
@@ -447,10 +447,10 @@ function J({ children: e, variant: t = "card", size: i = "md", align: a = "cente
 		socialProviders: C,
 		splitPanel: E,
 		renderLink: j
-	}), ue = K === "split" && oe, de = le(E), $ = D === "left", fe = O === "stacked", pe = ie ? ce({
+	}), ue = K === "split" && oe, de = le(E), $ = D === "left", fe = O === "stacked", pe = r("auth-shell--split-panel", fe ? "block" : "hidden @5xl/auth-shell:block", fe && $ && "order-last @5xl/auth-shell:order-none", V), me = ie ? ce({
 		brand: s,
 		renderLink: J
-	}) : null, me = /* @__PURE__ */ k(f, {
+	}) : null, he = /* @__PURE__ */ k(f, {
 		render: /* @__PURE__ */ k("main", {}),
 		gap: "none",
 		align: a === "start" ? "start" : "center",
@@ -458,13 +458,13 @@ function J({ children: e, variant: t = "card", size: i = "md", align: a = "cente
 		className: r("auth-shell--main", w({
 			maxWidth: "full",
 			gutter: "md"
-		}), "min-h-svh py-surface-lg sm:px-surface-lg", N),
+		}), "min-h-svh py-surface-lg sm:px-surface-lg", P),
 		children: /* @__PURE__ */ A(f, {
 			gap: "xl",
 			className: r("auth-shell--stack", "w-full", ae[i], I),
 			children: [
-				pe,
-				/* @__PURE__ */ A(ne, {
+				me,
+				/* @__PURE__ */ A(M, {
 					surface: K === "bare" ? "bare" : "card",
 					eyebrow: c,
 					title: l,
@@ -551,18 +551,18 @@ function J({ children: e, variant: t = "card", size: i = "md", align: a = "cente
 		"data-variant": "split",
 		"data-split-side": D,
 		"data-split-mobile": O,
-		className: r("auth-shell--component", "@container/auth-shell min-h-svh bg-background text-foreground", M),
+		className: r("auth-shell--component", "@container/auth-shell min-h-svh bg-background text-foreground", N),
 		...W,
 		children: /* @__PURE__ */ A("div", {
-			className: r("auth-shell--split-grid min-h-svh @5xl/auth-shell:grid", $ ? "@5xl/auth-shell:grid-cols-[minmax(0,1fr)_minmax(24rem,34rem)]" : "@5xl/auth-shell:grid-cols-[minmax(24rem,34rem)_minmax(0,1fr)]", B),
+			className: r("auth-shell--split-grid flex min-h-svh flex-col @5xl/auth-shell:grid", $ ? "@5xl/auth-shell:grid-cols-[minmax(0,1fr)_minmax(24rem,34rem)]" : "@5xl/auth-shell:grid-cols-[minmax(24rem,34rem)_minmax(0,1fr)]", B),
 			children: [
 				!!$ && /* @__PURE__ */ k("div", {
-					className: r("auth-shell--split-panel", fe ? "block" : "hidden @5xl/auth-shell:block", V),
+					className: pe,
 					children: de
 				}),
-				me,
+				he,
 				!$ && /* @__PURE__ */ k("div", {
-					className: r("auth-shell--split-panel", fe ? "block" : "hidden @5xl/auth-shell:block", V),
+					className: pe,
 					children: de
 				})
 			]
@@ -570,9 +570,9 @@ function J({ children: e, variant: t = "card", size: i = "md", align: a = "cente
 	}) : /* @__PURE__ */ k("div", {
 		"data-slot": "auth-shell",
 		"data-variant": K === "bare" ? "bare" : "card",
-		className: r("auth-shell--component", "@container/auth-shell min-h-svh bg-background text-foreground", M),
+		className: r("auth-shell--component", "@container/auth-shell min-h-svh bg-background text-foreground", N),
 		...W,
-		children: me
+		children: he
 	});
 }
 //#endregion
@@ -646,13 +646,13 @@ function ue({ options: e = [], value: t, defaultValue: i, onValueChange: a, layo
 				tag: "span",
 				weight: "semibold",
 				lineHeight: "tight",
-				className: r("max-w-full whitespace-normal break-words text-inherit", C ? "text-center min-[480px]:truncate min-[480px]:text-start" : "text-start"),
+				className: r("max-w-full whitespace-normal break-words text-inherit", C ? "text-center @md/auth-method-switch:truncate @md/auth-method-switch:text-start" : "text-start"),
 				children: e.label
 			}), !!e.description && /* @__PURE__ */ k(o, {
 				tag: "span",
 				size: "xs",
 				lineHeight: C ? void 0 : "snug",
-				className: r("whitespace-normal break-words", C ? "hidden min-[480px]:block min-[480px]:truncate" : "text-start", t ? "text-inherit" : "text-muted-foreground"),
+				className: r("whitespace-normal break-words text-muted-foreground", C ? "hidden @md/auth-method-switch:block @md/auth-method-switch:truncate" : "text-start"),
 				children: e.description
 			})]
 		})] });
@@ -660,16 +660,16 @@ function ue({ options: e = [], value: t, defaultValue: i, onValueChange: a, layo
 			type: "button",
 			"aria-pressed": t,
 			disabled: e.disabled,
-			className: r("auth-method-switch--option", `box-border m-0 inline-flex min-h-action-lg min-w-0 w-full cursor-pointer items-center justify-start gap-space-sm whitespace-normal rounded-inner border px-control py-row-y-lg text-start outline-none transition-[color,background-color,border-color,box-shadow] ${u.frame} disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`, l({
+			className: r("auth-method-switch--option", `box-border m-0 inline-flex min-h-action-lg min-w-0 w-full cursor-pointer items-center justify-start gap-space-sm whitespace-normal rounded-radius border px-control py-row-y-lg text-start outline-none transition-[color,background-color,border-color,box-shadow] ${u.frame} disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`, l({
 				type: null,
 				size: "sm",
 				weight: "medium",
 				align: null,
 				lineHeight: "none"
-			}), t ? "border-transparent bg-primary text-primary-foreground" : C ? `border-transparent bg-transparent text-foreground ${g.rowHover}` : `border-input bg-background text-foreground ${g.rowHover}`, C && "min-h-action justify-center border-0 px-control-sm py-row-y text-center shadow-none min-[480px]:px-control min-[480px]:text-start", t && "auth-method-switch--option-selected"),
+			}), C ? r("min-h-action justify-center border-0 px-control-sm py-row-y text-center @md/auth-method-switch:px-control @md/auth-method-switch:text-start", t ? g.segmentActive : `bg-transparent ${g.segmentInactive}`) : r("bg-background text-foreground", t ? "border-primary" : `border-border ${g.tileHover}`), t && "auth-method-switch--option-selected"),
 			onClick: () => S(e.id),
 			children: C ? /* @__PURE__ */ k("span", {
-				className: "auth-method-switch--option-inner flex w-full flex-col justify-center gap-space-xs min-[480px]:w-auto min-[480px]:flex-row min-[480px]:justify-start min-[480px]:gap-space-md",
+				className: "auth-method-switch--option-inner flex w-full min-w-0 max-w-full flex-col justify-center gap-space-xs @md/auth-method-switch:w-auto @md/auth-method-switch:flex-row @md/auth-method-switch:justify-start @md/auth-method-switch:gap-space-md",
 				children: n
 			}) : /* @__PURE__ */ k(f, {
 				render: /* @__PURE__ */ k("span", {}),
@@ -683,7 +683,7 @@ function ue({ options: e = [], value: t, defaultValue: i, onValueChange: a, layo
 	});
 	return /* @__PURE__ */ A(f, {
 		gap: "lg",
-		className: r("auth-method-switch--component", p),
+		className: r("auth-method-switch--component @container/auth-method-switch", p),
 		...y,
 		children: [c !== null && c !== !1 && /* @__PURE__ */ A("div", {
 			className: "auth-method-switch--divider flex items-center gap-space-lg",
@@ -707,23 +707,20 @@ function ue({ options: e = [], value: t, defaultValue: i, onValueChange: a, layo
 			role: "group",
 			"aria-label": v ?? _.label,
 			"data-layout": s,
-			className: "auth-method-switch--options grid min-w-0 grid-cols-[repeat(auto-fit,minmax(0,1fr))] gap-space-xs rounded-inner border border-border bg-muted p-space-xs",
+			className: "auth-method-switch--options grid min-w-0 grid-cols-[repeat(auto-fit,minmax(0,1fr))] gap-space-xs rounded-radius border border-border bg-muted p-space-xs",
 			children: w
 		}) : /* @__PURE__ */ k(d, {
-			columns: s === "grid" ? {
-				base: 1,
-				sm: 2
-			} : 1,
+			columns: 1,
 			gap: "md",
 			role: "group",
 			"aria-label": v ?? _.label,
 			"data-layout": s,
-			className: "auth-method-switch--options",
+			className: r("auth-method-switch--options", s === "grid" && "@md/auth-method-switch:grid-cols-2"),
 			children: w
 		})]
 	});
 }
 //#endregion
-export { ne as _, J as a, re as c, R as d, F as f, P as g, N as h, X as i, z as l, M as m, Q as n, q as o, L as p, Y as r, K as s, ue as t, I as u };
+export { M as _, J as a, re as c, R as d, F as f, ne as g, P as h, X as i, z as l, N as m, Q as n, q as o, L as p, Y as r, K as s, ue as t, I as u };
 
-//# sourceMappingURL=auth-D2FVZ1MH.js.map
+//# sourceMappingURL=auth-B0girIk_.js.map