themelia-react-ui 2.0.3 → 2.0.5

package/dist/page-DUUKDAjo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-DUUKDAjo.js","names":["_Fragment","buttonVariants","Button","Text","Heading","headingRoleSizes","copyRoleProps","Stack","EmptyDescription","EmptyTitle","LoadingState","EmptyHeader","Empty","ErrorState","compositionRhythm","compositionClasses","ActionMenu","ActionButtons","Badge","hasPageHeaderCommands","PageHeaderCommands","OverflowTabBar","useLayoutLinkRenderer","Container","TwoColumnLayout","Fragment$1","defaultPageStrings","resolveSlot","slot","context","PageHeader","TitleIcon","resolvedRenderLink","defaultBack","backHref","onBack","backLabel","cn","ArrowLeft","titleIconNode","icon","iconClassName","titleIconClassName","titleIconHref","onTitleIconClick","titleIconLabel","backControl","slots","titleStart","hasPrefix","hasCommands","primaryAction","secondaryActions","defaultActions","actions","actionsRegion","hasActions","beforeTitle","afterDescription","defaultSuffix","titleBadges","item","index","titleSuffix","simpleDescription","description","simpleTitle","title","className","contentClassName","textGap","headingTag","titleClassName","descriptionClassName","actionsClassName","tabs","blockPadding","Page","forwardRef","stringsProp","containerProps","strings","useStrings","bodyClassName","bodyProps","slotProps","toolbarClassName","toolbarProps","footerClassName","footerProps","resolvedAside","aside","hasAside","toolbarNode","toolbar","afterHeader","headerNode","header","renderLink","errorDescription","error","customError","body","loading","empty","emptySlot","children","bodyNode","maxWidth","narrow","padding","beforeHeader","asideRatio","defaultPageActionsStrings","PAGE_ACTIONS_MENU_CLASS","DEFAULT_MAX_INLINE_ACTIONS","toActionMenuAction","contextBase","disabled","action","renderAction","PageActions","filtered","useMemo","isNarrow","setIsNarrow","useState","useEffect","display","check","breakpoint","inlineContextBase","renderActionLink","props","inlineClass","inlineClassName","menuContentClass","menuClassName","dropdownActions","entry","inlineLimit","maxInlineActions","inlineCandidates","inline","menu","inlineActions","menuActions"],"sources":["../src/components/layout/page/page.strings.ts","../src/components/layout/page/partials/page-header.tsx","../src/components/layout/page/page.tsx","../src/components/layout/page/page.types.ts","../src/components/layout/page/partials/page-actions.tsx"],"sourcesContent":["/** Copy for Page's primary-body lifecycle states. */\nexport interface PageStrings {\n\tloadingLabel: string;\n\tloadingDescription: string;\n\terrorTitle: string;\n\terrorDescription: string;\n\tretryLabel: string;\n\temptyTitle: string;\n\temptyDescription: string;\n}\n\nexport const defaultPageStrings: PageStrings = {\n\tloadingLabel: 'Loading content',\n\tloadingDescription: 'Preparing the latest data for this view.',\n\terrorTitle: 'Content unavailable',\n\terrorDescription: 'The content could not be loaded.',\n\tretryLabel: 'Try again',\n\temptyTitle: 'No content found',\n\temptyDescription: 'There is no content available for this view.',\n};\n","/** Route header anatomy with four content slots and shared responsive commands. */\nimport { ArrowLeft } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { Badge } from '../../../base/badge';\nimport { Button } from '../../../base/buttons';\nimport { Stack } from '../../../base/structure';\nimport { OverflowTabBar } from '../../../base/navigation/overflow-tab-bar';\nimport { hasPageHeaderCommands, PageHeaderCommands } from '../../../base/navigation/page-header/page-header-commands';\nimport { buttonVariants } from '../../../base/buttons/button.variants';\nimport { Heading, Text } from '../../../typography';\nimport { copyRoleProps, headingRoleSizes } from '../../../typography/text.styles';\nimport { cn } from '../../../../lib/utils';\n\nimport { useLayoutLinkRenderer } from '../../hooks';\nimport type { PageHeaderProps, PageHeaderRenderContext, PageHeaderRenderSlot } from '../page.types';\n\nfunction resolveSlot(slot: PageHeaderRenderSlot, context: PageHeaderRenderContext): ReactNode {\n return typeof slot === 'function' ? slot(context) : slot ?? context.defaultContent;\n}\n\nexport function PageHeader({\n title, description, textGap = 'dense', headingTag = 'h1',\n titleIcon: TitleIcon, titleIconHref, onTitleIconClick, titleIconLabel = 'Open title link',\n backHref, onBack, backLabel = 'Back', titleBadges = [],\n primaryAction, secondaryActions, maxVisibleSecondaryActions, moreActionsLabel = 'More actions', tabs, actions, slots,\n renderLink, className, contentClassName, actionsClassName, titleClassName,\n titleIconClassName, descriptionClassName,\n}: PageHeaderProps) {\n const resolvedRenderLink = useLayoutLinkRenderer({renderLink});\n const hasBack = !!backHref || !!onBack;\n\tconst defaultBack = hasBack ? (\n\t\t<div className=\"flex items-center gap-space-sm shrink-0\">\n\t\t\t{backHref && !onBack ? (\n\t\t\t\tresolvedRenderLink({\n\t\t\t\t\thref: backHref,\n\t\t\t\t\t'aria-label': backLabel,\n\t\t\t\t\tclassName: cn('page-header--back-link', buttonVariants({tone:'secondary',buttonStyle:'ghost',size:'sm',iconOnly:true})),\n\t\t\t\t\tchildren: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<ArrowLeft className=\"size-icon rtl:rotate-180\" aria-hidden=\"true\" />\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t})\n\t\t\t) : (\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\tclassName=\"page-header--back-button\"\n\t\t\t\t\tonClick={onBack}\n\t\t\t\t\taria-label={backLabel}\n\t\t\t\t>\n\t\t\t\t\t<ArrowLeft className=\"size-icon rtl:rotate-180\" aria-hidden=\"true\" />\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t</div>\n\t) : null;\n\tconst titleIconNode = (() => {\n\t\tif (!TitleIcon) return null;\n\n\t\tconst icon = <TitleIcon className=\"size-icon\" aria-hidden=\"true\" />;\n\t\tconst iconClassName = cn(\n\t\t\t'page-header--title-icon flex size-icon shrink-0 items-center justify-center text-muted-foreground',\n\t\t\ttitleIconClassName,\n\t\t);\n\n\t\tif (titleIconHref && !onTitleIconClick) {\n\t\t\treturn resolvedRenderLink({\n\t\t\t\thref: titleIconHref,\n\t\t\t\t'aria-label': titleIconLabel,\n\t\t\t\tclassName: cn(\n\t\t\t\t\t'page-header--title-icon-link',\n\t\t\t\t\tbuttonVariants({tone:'secondary',buttonStyle:'ghost',size:'sm',iconOnly:true}),\n\t\t\t\t\ttitleIconClassName,\n\t\t\t\t),\n\t\t\t\tchildren: (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{icon}\n\t\t\t\t\t</>\n\t\t\t\t),\n\t\t\t});\n\t\t}\n\n\t\tif (onTitleIconClick) {\n\t\t\treturn (\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\tclassName={cn('page-header--title-icon-button', titleIconClassName)}\n\t\t\t\t\tonClick={onTitleIconClick}\n\t\t\t\t\taria-label={titleIconLabel}\n\t\t\t\t>\n\t\t\t\t\t{icon}\n\t\t\t\t</Button>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<span aria-hidden=\"true\" className={iconClassName}>\n\t\t\t\t{icon}\n\t\t\t</span>\n\t\t);\n\t})();\n\n const backControl = slots?.back ?? defaultBack;\n const titleStart = backControl || titleIconNode ? (\n  <Stack direction=\"horizontal\" align=\"center\" gap=\"sm\" wrap={false}>{backControl}{titleIconNode}</Stack>\n ) : null;\n const hasPrefix = titleStart != null;\n const hasCommands = hasPageHeaderCommands(primaryAction, secondaryActions);\n const defaultActions = hasCommands ? <>{actions}<PageHeaderCommands primaryAction={primaryAction} secondaryActions={secondaryActions} maxVisibleSecondaryActions={maxVisibleSecondaryActions} moreActionsLabel={moreActionsLabel} renderLink={resolvedRenderLink} /></> : actions;\n const actionsRegion = resolveSlot(slots?.actions, {renderLink:resolvedRenderLink, defaultContent:defaultActions});\n const hasActions = actionsRegion != null && actionsRegion !== false;\n const beforeTitle = resolveSlot(slots?.beforeTitle, {renderLink:resolvedRenderLink, defaultContent:null});\n const afterDescription = resolveSlot(slots?.afterDescription, {renderLink:resolvedRenderLink, defaultContent:null});\n const defaultSuffix = titleBadges.length ? <Stack direction=\"horizontal\" gap=\"sm\" wrap className=\"page-header--badges min-w-0 max-w-full\">\n  {titleBadges.map((item,index)=><Badge key={item.key ?? index} tone={item.tone ?? 'secondary'}>{item.label}</Badge>)}\n </Stack> : null;\n const titleSuffix = resolveSlot(slots?.titleSuffix, {renderLink:resolvedRenderLink, defaultContent:defaultSuffix});\n const simpleDescription = typeof description === 'string' || typeof description === 'number' || typeof description === 'bigint';\n const simpleTitle = typeof title === 'string' || typeof title === 'number' || typeof title === 'bigint';\n\n return <header className={cn('layout-page-header--component page-heading--component page-header--component @container/page-header w-full min-w-0', className)}>\n  <Stack gap=\"xl\">\n   <Stack gap=\"sm\" className={cn('page-header--content-row min-w-0', contentClassName)}>\n    {beforeTitle}\n    {/* The actions sit beside the copy only while the copy keeps a readable measure\n        (12rem beside the compact menu, 24rem once inline commands show at 40rem of\n        header width);\n        otherwise they wrap below it, so commands never cramp the title. */}\n    <div className=\"page-header--headline-row flex min-w-0 flex-wrap items-start gap-x-space-xl gap-y-space-lg\">\n     <div className={cn('page-header--copy-column page-header--title-row grid min-w-0 flex-1 basis-48 items-start gap-x-space-md @min-[40rem]/page-header:basis-96', hasPrefix ? 'grid-cols-[auto_minmax(0,1fr)]' : 'grid-cols-1', textGap === 'normal' ? 'gap-y-normal' : 'gap-y-dense')}>\n      {hasPrefix && <span className=\"page-header--title-prefix inline-flex shrink-0 items-center self-start\">{titleStart}</span>}\n      <Stack gap={textGap} className=\"page-header--copy-content min-w-0\">\n       <Stack direction=\"horizontal\" gap=\"md\" align=\"center\" wrap className=\"page-header--title-line min-w-0\">\n        {simpleTitle ? <Heading tag={headingTag} size={headingRoleSizes.route} className={cn('page-header--title min-w-0 [overflow-wrap:anywhere] border-0 pb-0',titleClassName)}>{title}</Heading> : title}\n        {titleSuffix}\n       </Stack>\n       {((description != null && description !== false) || (afterDescription != null && afterDescription !== false)) && <Stack gap=\"dense\" className=\"page-header--title-block min-w-0\">\n        {simpleDescription ? <Text {...copyRoleProps.structuralDescription} className={cn('page-header--description max-w-2xl [overflow-wrap:anywhere]',descriptionClassName)}>{description}</Text> : description}\n        {afterDescription}\n       </Stack>}\n      </Stack>\n     </div>\n     {hasActions && <Stack direction=\"horizontal\" gap=\"md\" className={cn('page-header--actions max-w-full shrink-0 self-start', hasCommands && slots?.actions == null && 'justify-end', actionsClassName)}>{actionsRegion}</Stack>}\n    </div>\n   </Stack>\n   {tabs && tabs.items.length > 0 && <OverflowTabBar items={tabs.items} value={tabs.value} onValueChange={tabs.onValueChange} className=\"page-header--tabs\" strings={{navigationLabel:tabs.label ?? 'Sections',more:tabs.moreLabel ?? 'More'}} />}\n  </Stack>\n </header>;\n}\n","import { forwardRef } from 'react';\n\nimport { ErrorState, LoadingState, Empty, EmptyHeader, EmptyTitle, EmptyDescription } from '../../base/feedback';\nimport { Stack } from '../../base/structure';\nimport { compositionClasses, compositionRhythm } from '../../base/structure/composition.recipes';\nimport { Container, TwoColumnLayout } from '../containers';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport type { PageProps } from './page.types';\nimport { defaultPageStrings } from './page.strings';\nimport { PageHeader } from './partials/page-header';\n\nconst blockPadding = {none: 'py-0', sm: 'py-surface-xs', md: 'py-surface', lg: 'py-surface-lg'} as const;\n\n/** Route containment, header, lifecycle states and optional secondary context, without owning scrolling. */\nexport const Page = forwardRef<HTMLDivElement, PageProps>(function Page({\n header, children, slotProps, slots, renderLink, maxWidth, narrow = false,\n gutter = 'lg', padding = 'lg', aside, asideRatio = '7/5', stickyAside,\n toolbar, beforeHeader, afterHeader, loading = false, error, onRetry,\n empty = false, emptySlot, strings: stringsProp, className, render,\n ...containerProps\n}, ref) {\n const strings = useStrings(defaultPageStrings, stringsProp);\n const {className: bodyClassName, ...bodyProps} = slotProps?.body ?? {};\n const {className: toolbarClassName, ...toolbarProps} = slotProps?.toolbar ?? {};\n const {className: footerClassName, ...footerProps} = slotProps?.footer ?? {};\n const resolvedAside = slots?.aside ?? aside;\n const hasAside = resolvedAside !== undefined && resolvedAside !== null && resolvedAside !== false;\n const toolbarNode = slots?.toolbar ?? toolbar ?? afterHeader;\n const headerNode = slots?.header ?? (header ? <PageHeader {...header} renderLink={header.renderLink ?? renderLink} /> : null);\n const errorDescription = error instanceof Error ? error.message\n  : typeof error === 'string' || typeof error === 'number' ? String(error) : strings.errorDescription;\n const customError = error && typeof error !== 'boolean' && typeof error !== 'string' && typeof error !== 'number' && !(error instanceof Error) ? error : undefined;\n const body = loading ? slots?.loading ?? <LoadingState variant=\"panel\" label={strings.loadingLabel} description={strings.loadingDescription} skeleton lines={4} />\n  : error ? slots?.error ?? customError ?? <ErrorState variant=\"panel\" title={strings.errorTitle} description={errorDescription} onRetry={onRetry} retryLabel={strings.retryLabel} />\n  : empty ? slots?.empty ?? emptySlot ?? <Empty><EmptyHeader><EmptyTitle>{strings.emptyTitle}</EmptyTitle><EmptyDescription>{strings.emptyDescription}</EmptyDescription></EmptyHeader></Empty>\n  : children;\n const bodyNode = body !== undefined && body !== null ? (\n  <div {...bodyProps} data-slot=\"page-body\" className={cn('page--body relative flex min-w-0 w-full flex-col', compositionClasses.subjects, bodyClassName)}>\n   {body}\n  </div>\n ) : null;\n\n return (\n  <Container {...containerProps} ref={ref} render={render} maxWidth={maxWidth ?? (narrow ? 'md' : hasAside ? 'xl' : 'lg')}\n   gutter={gutter} className={cn('font-sans', blockPadding[padding], className)}>\n   <Stack gap={compositionRhythm.page} className=\"page--component\">\n    {beforeHeader}\n    {headerNode}\n    {toolbarNode != null && toolbarNode !== false && <div {...toolbarProps} data-slot=\"page-toolbar\" className={cn('page--toolbar min-w-0', toolbarClassName)}>{toolbarNode}</div>}\n    {hasAside ? <TwoColumnLayout adaptTo=\"container\" ratio={asideRatio} stickyAside={stickyAside} main={bodyNode} aside={resolvedAside} slotProps={{aside: slotProps?.aside}} /> : bodyNode}\n    {slots?.footer != null && slots.footer !== false && <div {...footerProps} data-slot=\"page-footer\" className={cn('page--footer min-w-0', footerClassName)}>{slots.footer}</div>}\n   </Stack>\n  </Container>\n );\n});\nPage.displayName = 'Page';\n","/**\n * Page-level types for `Page`, `PageHeader`, `PageActions`, and exported\n * partials. All navigation is framework-neutral via `renderLink`.\n */\nimport type { ComponentType, JSX, Key, ReactNode } from 'react';\n\nimport type {\n\tLayoutLinkRenderer,\n\tLayoutNavigationAdapter,\n\tLayoutSlotAttributes,\n} from '../layout.types';\nimport type { TextGap } from '../../base/structure';\nimport type { ButtonSize } from '../../base/buttons';\nimport type { HeadingTag } from '../../typography';\nimport type { ContainerGutter, ContainerMaxWidth, ContainerProps } from '../containers/containers.types';\nimport type { StringsProp } from '../../../lib/strings';\nimport type { BadgeTone } from '../../base/badge';\nimport type { ActionPresentation } from '../../../lib/action-presentation';\nimport type { PageHeaderAction } from '../../base/navigation/page-header';\nimport type { OverflowTabItem } from '../../base/navigation';\nimport type { TwoColumnLayoutProps } from '../containers';\nimport type { PageStrings } from './page.strings';\n\nexport interface PageTitleBadge {\n\t/** Display label. */\n\tlabel: ReactNode;\n\t/** Semantic color intent. */\n\ttone?: BadgeTone;\n\tkey?: Key;\n}\n\nexport type { PageHeaderAction } from '../../base/navigation/page-header';\n\n/** Section tabs under a record's header. */\nexport interface PageHeaderTabs {\n\t/** Sections in order. `badge` shows a count chip beside the label. */\n\titems: OverflowTabItem[];\n\t/** Id of the active section. */\n\tvalue?: string;\n\t/**\n\t * Fired with the id of the chosen section. Switch the content or route here;\n\t * an item `href` renders a native link.\n\t */\n\tonValueChange?: (id: string) => void;\n\t/** Accessible name of the tab list. Default: `'Sections'`. */\n\tlabel?: string;\n\t/** Label of the trigger that holds tabs which do not fit. Default: `'More'`. */\n\tmoreLabel?: string;\n}\n\nexport interface PageHeaderRenderContext {\n\t/** The framework-neutral link renderer used by this header. */\n\trenderLink: LayoutLinkRenderer;\n\t/** Existing content for this position; actions includes the responsive command row. */\n\tdefaultContent: ReactNode;\n}\n\n/** A content node, or a render callback that can keep or replace its default content. */\nexport type PageHeaderRenderSlot = ReactNode | ((context: PageHeaderRenderContext) => ReactNode);\n\nexport interface PageHeaderSlots {\n\t/** @deprecated Use backHref/onBack for navigation. Retained as a custom back-control escape hatch. */\n\tback?: ReactNode;\n\t/** Context above the title, such as breadcrumbs. */\n\tbeforeTitle?: PageHeaderRenderSlot;\n\t/** Content beside the title, such as a status or count. */\n\ttitleSuffix?: PageHeaderRenderSlot;\n\t/** Context below the description. Compose metadata or other content here. */\n\tafterDescription?: PageHeaderRenderSlot;\n\t/** Keep, wrap or replace defaultContent's responsive command row. */\n\tactions?: PageHeaderRenderSlot;\n}\n\nexport interface PageHeaderProps extends LayoutNavigationAdapter {\n\t/** Surface title. */\n\ttitle: ReactNode;\n\t/** Supporting copy under the title. */\n\tdescription?: ReactNode;\n\t/** Shared title/description rhythm. Defaults to dense for page copy. */\n\ttextGap?: TextGap;\n\t/** Semantic heading level for the title. Defaults to `h1`, the route's main heading; use `h2` when the page sits inside another titled page. */\n\theadingTag?: HeadingTag;\n\t/** @deprecated Compose custom title content with slots.titleSuffix or a React-node title. */\n\ttitleIcon?: ComponentType<{ className?: string }>;\n\t/** @deprecated Compose a linked item in a render slot using its renderLink context. */\n\ttitleIconHref?: string;\n\t/** @deprecated Compose a command in slots.actions or describe it with primaryAction/secondaryActions. */\n\tonTitleIconClick?: () => void;\n\t/** @deprecated Accessible name for the compatibility title-icon control. */\n\ttitleIconLabel?: string;\n\t/** Destination for the back control. */\n\tbackHref?: string;\n\tonBack?: () => void;\n\t/** Copy for the back control. */\n\tbackLabel?: string;\n\t/** @deprecated Render title content with slots.titleSuffix. Retained for existing badge definitions. */\n\ttitleBadges?: PageTitleBadge[];\n\t/**\n\t * The page's one main command: a solid primary button after the secondary\n\t * commands. Compact headers place it first in the More actions menu.\n\t */\n\tprimaryAction?: PageHeaderAction;\n\t/**\n\t * Supporting commands in priority order. The first two render as outline\n\t * buttons before the primary command; the rest, and every destructive\n\t * command, move into the More actions menu, which always closes the row.\n\t * Below 40rem of header width, all commands collapse into that menu.\n\t */\n\tsecondaryActions?: readonly PageHeaderAction[];\n\t/**\n\t * How many routine secondary commands render as outline buttons on wide\n\t * headers; later ones join the More actions menu. Use `1` or `0` when long\n\t * labels beside the primary command would crowd the header; `Infinity`\n\t * keeps every routine command inline. @default 2\n\t */\n\tmaxVisibleSecondaryActions?: number;\n\t/** Accessible name of the More actions menu trigger. */\n\tmoreActionsLabel?: string;\n\t/**\n\t * Section tabs under the header, for a record split into sections such as\n\t * documents and history. Tabs that do not fit move into a More menu, and\n\t * the active tab stays visible.\n\t */\n\ttabs?: PageHeaderTabs;\n\t/**\n\t * @deprecated Customize commands with slots.actions; put other controls in Page toolbar.\n\t */\n\tactions?: ReactNode;\n\t/** Replaces individual regions of the shell. */\n\tslots?: PageHeaderSlots;\n\tclassName?: string;\n\t/** Merged onto the content region. */\n\tcontentClassName?: string;\n\tactionsClassName?: string;\n\ttitleClassName?: string;\n\ttitleIconClassName?: string;\n\tdescriptionClassName?: string;\n}\n\nexport interface PageActionContext {\n\tindex: number;\n\tisInline: boolean;\n\trenderLink: LayoutLinkRenderer;\n}\n\n/** @deprecated Use PageHeaderAction with `primaryAction` and `secondaryActions`. */\nexport interface PageAction extends ActionPresentation {\n\tid?: string;\n\t/** Display label. */\n\tlabel: ReactNode;\n\tonClick?: () => void;\n\t/** Destination for the entry, when it navigates. */\n\thref?: string;\n\ttarget?: string;\n\trel?: string;\n\texternal?: boolean;\n\t/** Shows the pending indicator. */\n\tloading?: boolean;\n\t/** Leading glyph. */\n\ticon?: ComponentType<{ className?: string }>;\n\t/** Optional inline button size. Defaults to the PageActions `size` prop. */\n\tsize?: ButtonSize;\n\tgroup?: string;\n\tplacement?: 'auto' | 'inline' | 'menu';\n\t/** Escape hatch for one action only. Prefer `renderAction` for consistent customization. */\n\telement?: ReactNode | JSX.Element;\n}\n\nexport type PageActionsDisplay = 'flat' | 'dropdown' | 'auto';\n\nexport interface PageActionsStrings {\n\tmenuLabel: string;\n}\n\nexport const defaultPageActionsStrings: PageActionsStrings = {\n\tmenuLabel: 'More actions',\n};\n\nexport interface PageActionsProps extends LayoutNavigationAdapter {\n\t/** Controls offered on the surface. */\n\tactions?: PageAction[];\n\t/** How actions are presented — inline, menu, or responsive. */\n\tdisplay?: PageActionsDisplay;\n\t/**\n\t * Inline action button scale, which the More actions square beside them\n\t * matches. Defaults to `sm`; set `md` for normal page-header buttons. A\n\t * menu-only ribbon follows the provider scale.\n\t */\n\tsize?: ButtonSize;\n\t/** Width at which responsive actions collapse into a menu. */\n\tbreakpoint?: number;\n\t/**\n\t * Maximum non-menu actions rendered inline before overflow moves them into\n\t * the dropdown menu. Defaults to 4 for admin header density.\n\t */\n\tmaxInlineActions?: number;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<PageActionsStrings>;\n\tclassName?: string;\n\t/** Merged onto the inline action row. */\n\tinlineClassName?: string;\n\t/** Merged onto the action menu. */\n\tmenuClassName?: string;\n\t/** Replaces the default action rendering. */\n\trenderAction?: (action: PageAction, context: PageActionContext) => ReactNode;\n}\n\nexport interface PageSlotProps {\n\t/** Native attributes merged onto the page body region. */\n\tbody?: LayoutSlotAttributes<HTMLDivElement>;\n\taside?: LayoutSlotAttributes<HTMLElement>;\n\ttoolbar?: LayoutSlotAttributes<HTMLDivElement>;\n\tfooter?: LayoutSlotAttributes<HTMLDivElement>;\n}\n\nexport interface PageSlots {\n\t/** Replaces the generated PageHeader. */\n\theader?: ReactNode;\n\ttoolbar?: ReactNode;\n\taside?: ReactNode;\n\tfooter?: ReactNode;\n\tloading?: ReactNode;\n\terror?: ReactNode;\n\tempty?: ReactNode;\n}\n\nexport interface PageProps\n\textends LayoutNavigationAdapter, Omit<ContainerProps, 'children'> {\n\t/** Header region of the shell. */\n\theader?: PageHeaderProps;\n\t/** Explicit width wins; otherwise narrow uses md, aside uses xl, and a single column uses lg. */\n\tmaxWidth?: ContainerMaxWidth;\n\t/** Center one resource or form at the existing `md` content measure. */\n\tnarrow?: boolean;\n\t/** Inline page gutters. Defaults to `lg`; none requires an existing padded parent. */\n\tgutter?: ContainerGutter;\n\t/** Block padding around the whole page. Defaults to `lg`, independent of gutter. */\n\tpadding?: ContainerGutter;\n\t/** Secondary context beside the primary body, adapting to the available container width. */\n\taside?: ReactNode;\n\t/** Main/aside proportions. Defaults to 7/5. */\n\tasideRatio?: TwoColumnLayoutProps['ratio'];\n\tstickyAside?: boolean;\n\t/** Query controls or context between header and body. */\n\ttoolbar?: ReactNode;\n\t/** Content above the header. */\n\tbeforeHeader?: ReactNode;\n\t/** Compatible toolbar fallback when toolbar and slots.toolbar are omitted. */\n\tafterHeader?: ReactNode;\n\t/** Replaces only the primary body; header, toolbar and aside remain mounted. */\n\tloading?: boolean;\n\terror?: ReactNode | Error;\n\tonRetry?: () => void;\n\tempty?: boolean;\n\temptySlot?: ReactNode;\n\t/** Region overrides take precedence over direct props. */\n\tslots?: PageSlots;\n\t/** Copy for the default loading, error and empty states. */\n\tstrings?: StringsProp<PageStrings>;\n\tchildren?: ReactNode;\n\t/** Native attributes for stable page regions. */\n\tslotProps?: PageSlotProps;\n}\n","/**\n * PageActions — composable action ribbon for page headers.\n *\n * Links go through `renderLink`, never router imports or DOM click hacks.\n * Use `renderAction` for app-specific rendering while keeping grouping,\n * filtering, breakpoint, and menu placement logic centralized.\n */\nimport { useEffect, useMemo, useState, type ReactElement } from 'react';\n\nimport {\n\tActionButtons,\n\tActionMenu,\n\ttype ActionMenuAction,\n\ttype ActionMenuLinkRenderProps,\n} from '../../../base/action-menu';\nimport { useStrings } from '../../../../lib/strings';\nimport { cn } from '../../../../lib/utils';\n\nimport { useLayoutLinkRenderer } from '../../hooks';\nimport {\n\tdefaultPageActionsStrings,\n\ttype PageAction,\n\ttype PageActionContext,\n\ttype PageActionsProps,\n} from '../page.types';\n\nconst PAGE_ACTIONS_MENU_CLASS = 'max-h-[80vh] overflow-y-auto overscroll-contain';\nconst DEFAULT_MAX_INLINE_ACTIONS = 4;\n\ntype PageActionEntry = {\n\t/** The action this surface performs. */\n\taction: PageAction;\n\tindex: number;\n};\n\nfunction toActionMenuAction(\n\t{ action, index }: PageActionEntry,\n\tcontextBase: Omit<PageActionContext, 'index' | 'isInline'>,\n\tisInline: boolean,\n\trenderAction?: PageActionsProps['renderAction'],\n): ActionMenuAction {\n\tconst context: PageActionContext = { ...contextBase, index, isInline };\n\tconst disabled = !!action.disabled || !!action.loading;\n\n\treturn {\n\t\tid: action.id ?? String(index),\n\t\tlabel: action.label,\n\t\ticon: action.icon,\n\t\tonClick: action.onClick,\n\t\thref: action.href && !action.onClick ? action.href : undefined,\n\t\ttarget: action.target,\n\t\trel: action.rel,\n\t\texternal: action.external,\n\t\tdisabled,\n\t\ttone: action.tone ?? 'secondary',\n\t\tbuttonStyle: action.buttonStyle ?? 'solid',\n\t\tbuttonSize: action.size,\n\t\tgroup: action.group,\n\t\trender: action.element ?? renderAction?.(action, context),\n\t};\n}\n\n/** @deprecated Pass page commands as `primaryAction` and `secondaryActions`; use ActionButtons for a toolbar row. */\nexport function PageActions({\n\tactions,\n\tdisplay = 'dropdown',\n\tsize = 'sm',\n\tbreakpoint = 1040,\n\tmaxInlineActions = DEFAULT_MAX_INLINE_ACTIONS,\n\trenderLink,\n\tstrings: stringsProp,\n\tclassName,\n\tinlineClassName,\n\tmenuClassName,\n\trenderAction,\n}: PageActionsProps) {\n\tconst strings = useStrings(defaultPageActionsStrings, stringsProp);\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink });\n\n\tconst filtered = useMemo<PageActionEntry[]>(\n\t\t() => (actions ?? [])\n\t\t\t.map((action, index) => ({ action, index }))\n\t\t\t.filter(({ action }) => action.visible !== false),\n\t\t[actions],\n\t);\n\n\tconst [isNarrow, setIsNarrow] = useState(false);\n\tuseEffect(() => {\n\t\tif (display !== 'auto' || typeof window === 'undefined') return;\n\n\t\tconst check = () => setIsNarrow(window.innerWidth <= breakpoint);\n\t\tcheck();\n\t\twindow.addEventListener('resize', check);\n\t\treturn () => window.removeEventListener('resize', check);\n\t}, [display, breakpoint]);\n\n\tif (filtered.length === 0) return null;\n\n\tconst inlineContextBase = { renderLink: resolvedRenderLink };\n\tconst renderActionLink = (props: ActionMenuLinkRenderProps) =>\n\t\tresolvedRenderLink({\n\t\t\t...props,\n\t\t\tchildren: props.children ?? null,\n\t\t}) as ReactElement;\n\tconst inlineClass = cn('flex min-w-0 max-w-full flex-wrap items-center gap-space-sm', inlineClassName, className);\n\tconst menuContentClass = cn(PAGE_ACTIONS_MENU_CLASS, menuClassName);\n\n\tif (display === 'dropdown' || (display === 'auto' && isNarrow)) {\n\t\tconst dropdownActions = filtered.map((entry) =>\n\t\t\ttoActionMenuAction(entry, inlineContextBase, false, renderAction),\n\t\t);\n\n\t\treturn (\n\t\t\t<ActionMenu\n\t\t\t\tactions={dropdownActions}\n\t\t\t\tcontext=\"commands\"\n\t\t\t\tsrText={strings.menuLabel}\n\t\t\t\talign=\"end\"\n\t\t\t\tcloseOnSelect\n\t\t\t\tcontentClassName={menuContentClass}\n\t\t\t\tpreserveOrder\n\t\t\t\trenderLink={renderActionLink}\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst inlineLimit = Math.max(0, maxInlineActions);\n\tconst inlineCandidates = filtered.filter(({ action }) => (action.placement ?? 'auto') !== 'menu');\n\tconst inline = inlineCandidates.slice(0, inlineLimit);\n\tconst overflow = inlineCandidates.slice(inlineLimit);\n\tconst menu = [\n\t\t...overflow,\n\t\t...filtered.filter(({ action }) => (action.placement ?? 'auto') === 'menu'),\n\t];\n\tconst inlineActions = inline.map((entry) =>\n\t\ttoActionMenuAction(entry, inlineContextBase, true, renderAction),\n\t);\n\tconst menuActions = menu.map((entry) =>\n\t\ttoActionMenuAction(entry, inlineContextBase, false, renderAction),\n\t);\n\n\treturn (\n\t\t<div className={inlineClass}>\n\t\t\t<ActionButtons\n\t\t\t\tactions={inlineActions}\n\t\t\t\tsize={size}\n\t\t\t\trenderLink={renderActionLink}\n\t\t\t/>\n\t\t\t{menu.length > 0 && (\n\t\t\t\t<ActionMenu\n\t\t\t\t\tactions={menuActions}\n\t\t\t\t\tcontext=\"commands\"\n\t\t\t\t\tsrText={strings.menuLabel}\n\t\t\t\t\talign=\"end\"\n\t\t\t\t\tcloseOnSelect\n\t\t\t\t\tcontentClassName={menuContentClass}\n\t\t\t\t\tpreserveOrder\n\t\t\t\t\trenderLink={renderActionLink}\n\t\t\t\t\t// The square matches the inline commands it ends.\n\t\t\t\t\tbuttonProps={{ size }}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/dist/page-header-commands-7P3sfE9u.js

@@ -0,0 +1,193 @@
+"use client";
+import { S as e, a as t, d as n, r } from "./ui-provider-C-74NVLc.js";
+import { t as i } from "./utils-B6kKb8jB.js";
+import { a, n as o } from "./buttons-BedGfygC.js";
+import { t as s } from "./focus-recipes-B653VaLq.js";
+import { t as c } from "./composition.recipes-COdiFhxB.js";
+import { n as l } from "./action-menu-Dr8K-ghE.js";
+import { useCallback as u, useEffect as d, useRef as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/components/base/navigation/page-header/page-header-commands.tsx
+var _ = ({ href: e, external: t, target: n, rel: r, children: i, ...a }) => /* @__PURE__ */ h("a", {
+	href: e,
+	target: n ?? (t ? "_blank" : void 0),
+	rel: r ?? (t ? "noopener noreferrer" : void 0),
+	...a,
+	children: i
+}), v = "@max-[40rem]/page-header:hidden", y = "@min-[40rem]/page-header:hidden", b = "max-h-[80vh] overflow-y-auto overscroll-contain";
+function x(e) {
+	return !!e && e.visible !== !1;
+}
+function S(e) {
+	let t = e.ownerDocument.defaultView?.getComputedStyle(e);
+	return !!t && t.display !== "none" && t.visibility !== "hidden" && !e.closest("[hidden],[inert]");
+}
+function C(e, t) {
+	return x(e) || (t ?? []).some(x);
+}
+function w(e, t) {
+	return t === "secondary" ? {
+		tone: "secondary",
+		buttonStyle: "outline"
+	} : {
+		tone: e.destructive ? "destructive" : "primary",
+		buttonStyle: "solid"
+	};
+}
+function T(e) {
+	return e.href && !e.onClick ? e.href : void 0;
+}
+function E({ action: t, role: r, renderLink: s, className: c }) {
+	let { defaultScale: l } = n(), { tone: u, buttonStyle: d } = w(t, r), f = T(t), p = t.icon, _ = i(`page-header--${r}-action`, c);
+	return f && !t.disabled && !t.loading ? /* @__PURE__ */ h(m, { children: s({
+		href: f,
+		target: t.target,
+		rel: t.rel,
+		external: t.external,
+		className: i("button--component base-button--component", a({
+			tone: u,
+			buttonStyle: d,
+			size: e(void 0, l)
+		}), _),
+		children: /* @__PURE__ */ g(m, { children: [p && /* @__PURE__ */ h(p, {
+			className: "size-icon shrink-0",
+			"aria-hidden": "true"
+		}), t.label] })
+	}) }) : /* @__PURE__ */ h(o, {
+		type: "button",
+		tone: u,
+		buttonStyle: d,
+		icon: p,
+		loading: t.loading,
+		handlesLoading: t.loading !== void 0,
+		disabled: t.disabled,
+		onClick: t.onClick,
+		className: _,
+		children: t.label
+	});
+}
+function D({ action: e, key: t }, n) {
+	return {
+		id: t,
+		label: e.label,
+		icon: e.icon,
+		onClick: e.onClick,
+		href: T(e),
+		target: e.target,
+		rel: e.rel,
+		external: e.external,
+		disabled: !!e.disabled || !!e.loading,
+		tone: e.destructive ? "destructive" : "secondary",
+		className: n
+	};
+}
+function O({ primaryAction: e, secondaryActions: n, maxVisibleSecondaryActions: a, moreActionsLabel: o, renderLink: m = _ }) {
+	let { host: C, attachHost: w, context: T } = t(), [O, k] = p(!1), A = f(null), j = f(null), M = u(() => A.current ?? !0, []), N = u((e) => {
+		e.target instanceof HTMLElement && (j.current = e.target);
+	}, []), P = u((e) => {
+		let t = e.relatedTarget;
+		if (t instanceof Node && C.current?.contains(t)) return;
+		let n = e.target;
+		n instanceof HTMLElement && n === j.current && !S(n) && (t == null || t instanceof HTMLElement && !S(t)) || (j.current = null);
+	}, [C]);
+	d(() => {
+		let e = C.current, t = e?.closest(".page-header--component"), n = e?.ownerDocument.defaultView;
+		if (!e || !t || !n) return;
+		let r = e.querySelector(".page-header--primary-action,.page-header--secondary-action");
+		if (!r) return;
+		let i = S(r), a = () => {
+			let t = S(r);
+			if (t === i) return;
+			i = t;
+			let n = e.ownerDocument.activeElement, a = n === e.ownerDocument.body && j.current && e.contains(j.current) && !S(j.current);
+			if (!n || !e.contains(n) && !a) {
+				j.current = null;
+				return;
+			}
+			let o = e.querySelectorAll(".page-header--more-actions,.page-header--primary-action,.page-header--secondary-action"), s = [...o].find((e) => e.matches(".page-header--more-actions") && S(e) && !e.matches(":disabled,[aria-disabled=\"true\"],[data-disabled]")) ?? [...o].find((e) => S(e) && !e.matches(":disabled,[aria-disabled=\"true\"],[data-disabled]")) ?? e;
+			A.current = s, O && k(!1), s.focus({ preventScroll: !0 });
+		}, o = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(a);
+		return o?.observe(t), n.addEventListener("resize", a), () => {
+			o?.disconnect(), n.removeEventListener("resize", a);
+		};
+	}, [
+		T.mounted,
+		C,
+		a,
+		O,
+		e,
+		n
+	]);
+	let F = (n ?? []).map((e, t) => ({
+		action: e,
+		key: e.id ?? `secondary-${t}`
+	})).filter(({ action: e }) => x(e)), I = F.filter(({ action: e }) => !e.destructive), L = F.filter(({ action: e }) => e.destructive), R = a === void 0 || Number.isNaN(a) ? 2 : Math.max(0, Math.floor(a)), z = I.slice(0, R), B = I.slice(R), V = x(e) ? e : void 0;
+	if (!V && F.length === 0) return null;
+	let H = V ? {
+		action: V,
+		key: `primary-${V.id ?? "action"}`
+	} : void 0, U = [...H && V?.destructive ? [{
+		...H,
+		className: y
+	}] : [], ...L.map((e) => ({
+		...e,
+		className: void 0
+	}))], W = [
+		...H && !V?.destructive ? [D(H, y)] : [],
+		...z.map((e) => D(e, y)),
+		...B.map((e) => D(e)),
+		...U.map((e) => ({
+			...D(e, e.className),
+			group: !0,
+			groupClassName: B.length > 0 && L.length > 0 ? void 0 : y
+		}))
+	], G = B.length === 0 && L.length === 0;
+	return /* @__PURE__ */ h(r, {
+		value: T,
+		children: /* @__PURE__ */ g("div", {
+			ref: w,
+			onFocusCapture: N,
+			onBlurCapture: P,
+			tabIndex: -1,
+			"data-slot": "page-header-commands",
+			className: i("page-header--commands flex min-w-0 max-w-full flex-wrap items-center justify-end outline-none", c.commands, s.inset),
+			children: [
+				z.map((e) => /* @__PURE__ */ h(E, {
+					action: e.action,
+					role: "secondary",
+					renderLink: m,
+					className: v
+				}, e.key)),
+				V && /* @__PURE__ */ h(E, {
+					action: V,
+					role: "primary",
+					renderLink: m,
+					className: v
+				}),
+				W.length > 0 && /* @__PURE__ */ h(l, {
+					open: O,
+					onOpenChange: (e) => {
+						e && (A.current = null), k(e);
+					},
+					finalFocus: A.current ? M : void 0,
+					actions: W,
+					context: "commands",
+					srText: o,
+					align: "end",
+					closeOnSelect: !0,
+					preserveOrder: !0,
+					contentClassName: b,
+					renderLink: (e) => m({
+						...e,
+						children: e.children ?? null
+					}),
+					buttonProps: { className: i("page-header--more-actions", G && y) }
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { C as n, O as t };
+
+//# sourceMappingURL=page-header-commands-7P3sfE9u.js.map

package/dist/page-header-commands-7P3sfE9u.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header-commands-7P3sfE9u.js","names":["_Fragment","resolveComponentScale","useThemeScopeHost","useDensityConfig","cn","Button","focusRecipes","compositionClasses","ActionMenu","Fragment$1","defaultPageHeaderLinkRenderer","props","target","external","rel","INLINE_COMMAND_CLASS","COMPACT_MENU_CLASS","MENU_CONTENT_CLASS","isVisible","action","isVisibleControl","style","node","hasPageHeaderCommands","primaryAction","secondaryActions","presentation","role","linkDestination","CommandButton","href","Icon","hookClassName","className","renderLink","buttonVariants","defaultScale","toMenuAction","key","PageHeaderCommands","menuOpen","setMenuOpen","useState","resizeFocus","useRef","ownedFocus","finalFocus","useCallback","captureFocus","event","captureBlur","next","host","root","header","view","inlineCommand","inlineVisible","recoverFocus","nextInlineVisible","active","droppedHiddenFocus","candidates","observer","context","maxVisibleSecondaryActions","secondary","index","routine","destructive","inlineLimit","inline","overflow","primary","primaryEntry","destructiveMenuEntries","entry","menuActions","compactMenuOnly","ThemeScopeHostProvider","attachHost","nextOpen","moreActionsLabel"],"sources":["../src/components/base/navigation/page-header/page-header-commands.tsx"],"sourcesContent":["/**\n * PageHeaderCommands — role-based commands for page and record headers.\n *\n * The role chooses each command's treatment and place: outline secondary\n * commands, then one solid primary command, then the More actions menu for\n * overflow and destructive commands, which always closes the row. Below the\n * named header container breakpoint, every command collapses into that menu\n * through CSS alone, so server and client markup agree. Both page and section\n * headers use this owner for the same command behavior.\n */\nimport { useCallback, useEffect, useRef, useState, type ComponentType, type FocusEvent, type MouseEvent, type ReactElement, type ReactNode } from 'react';\n\nimport {\n\tActionMenu,\n\ttype ActionMenuAction,\n\ttype ActionMenuLinkRenderProps,\n} from '../../action-menu';\nimport { Button } from '../../buttons';\nimport { buttonVariants } from '../../buttons/button.variants';\nimport {compositionClasses} from '../../structure/composition.recipes';\nimport { resolveComponentScale, useDensityConfig } from '../../../../lib/ui-provider';\nimport { cn } from '../../../../lib/utils';\nimport { focusRecipes } from '../../../../lib/focus-recipes';\nimport { ThemeScopeHostProvider, useThemeScopeHost } from '../../../../lib/theme-scope';\n\n/**\n * A page command described by its role. `primaryAction` and `secondaryActions`\n * choose the treatment, so a command carries no tone or button style.\n */\nexport interface PageHeaderAction {\n\t/** Stable key. Defaults to the command's position. */\n\tid?: string;\n\t/** Visible command text. */\n\tlabel: ReactNode;\n\t/** Runs the command. When both are set, `onClick` wins over `href`. */\n\tonClick?: () => void;\n\t/** Navigates through the header's `renderLink` instead of running a callback. */\n\thref?: string;\n\ttarget?: string;\n\trel?: string;\n\t/** Marks the destination as leaving the app; forwarded to `renderLink`. */\n\texternal?: boolean;\n\t/** Leading glyph. Pass a Lucide icon component. */\n\ticon?: ComponentType<{ className?: string }>;\n\t/** Shows the pending indicator and blocks activation. */\n\tloading?: boolean;\n\t/** Blocks activation while keeping the command visible. */\n\tdisabled?: boolean;\n\t/** Set false to omit the command, for example without permission. */\n\tvisible?: boolean;\n\t/**\n\t * Irreversible or harmful command. A destructive secondary command moves to\n\t * the More actions menu; a destructive primary command keeps its place with\n\t * the destructive treatment. Confirm it from the handler, e.g. ConfirmDialog.\n\t */\n\tdestructive?: boolean;\n}\n\n/** What a header hands its link renderer for an `href` command. */\nexport interface PageHeaderLinkRenderProps {\n\thref: string;\n\tchildren: ReactNode;\n\tclassName?: string;\n\ttarget?: string;\n\trel?: string;\n\t/** Marks the destination as leaving the app. */\n\texternal?: boolean;\n\tonClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n\t'aria-label'?: string;\n}\n\n/** Renders framework links for `href` commands. Layout `renderLink` functions fit. */\nexport type PageHeaderLinkRenderer = (props: PageHeaderLinkRenderProps) => ReactNode;\n\n/** Native anchor fallback, matching the layout default: external links open a new tab. */\nexport const defaultPageHeaderLinkRenderer: PageHeaderLinkRenderer = ({ href, external, target, rel, children, ...props }) => (\n\t<a\n\t\thref={href}\n\t\ttarget={target ?? (external ? '_blank' : undefined)}\n\t\trel={rel ?? (external ? 'noopener noreferrer' : undefined)}\n\t\t{...props}\n\t>\n\t\t{children}\n\t</a>\n);\n\n/** Secondary commands rendered as buttons on wide headers; later ones overflow. */\nexport const PAGE_HEADER_INLINE_SECONDARY_LIMIT = 2;\n\nconst INLINE_COMMAND_CLASS = '@max-[40rem]/page-header:hidden';\nconst COMPACT_MENU_CLASS = '@min-[40rem]/page-header:hidden';\nconst MENU_CONTENT_CLASS = 'max-h-[80vh] overflow-y-auto overscroll-contain';\n\ntype CommandRole = 'primary' | 'secondary';\n\ninterface CommandEntry {\n\taction: PageHeaderAction;\n\tkey: string;\n}\n\nexport interface PageHeaderCommandsProps {\n\tprimaryAction?: PageHeaderAction;\n\tsecondaryActions?: readonly PageHeaderAction[];\n\t/**\n\t * How many routine secondary commands render as outline buttons on wide\n\t * headers; later ones join the More actions menu. Use `1` or `0` when long\n\t * labels beside the primary command would crowd the header; `Infinity`\n\t * keeps every routine command inline. @default 2\n\t */\n\tmaxVisibleSecondaryActions?: number;\n\t/** Accessible name of the More actions menu trigger. */\n\tmoreActionsLabel: string;\n\trenderLink?: PageHeaderLinkRenderer;\n}\n\nfunction isVisible(action: PageHeaderAction | undefined): action is PageHeaderAction {\n\treturn !!action && action.visible !== false;\n}\n\nfunction isVisibleControl(node: HTMLElement) {\n\tconst style = node.ownerDocument.defaultView?.getComputedStyle(node);\n\treturn !!style && style.display !== 'none' && style.visibility !== 'hidden' && !node.closest('[hidden],[inert]');\n}\n\n/** Whether the header has any role-based command to render. */\nexport function hasPageHeaderCommands(\n\tprimaryAction: PageHeaderAction | undefined,\n\tsecondaryActions: readonly PageHeaderAction[] | undefined,\n) {\n\treturn isVisible(primaryAction) || (secondaryActions ?? []).some(isVisible);\n}\n\nfunction presentation(action: PageHeaderAction, role: CommandRole) {\n\tif (role === 'secondary') return { tone: 'secondary', buttonStyle: 'outline' } as const;\n\treturn { tone: action.destructive ? 'destructive' : 'primary', buttonStyle: 'solid' } as const;\n}\n\n/** `onClick` wins over `href`, matching PageAction. */\nfunction linkDestination(action: PageHeaderAction) {\n\treturn action.href && !action.onClick ? action.href : undefined;\n}\n\nfunction CommandButton({\n\taction,\n\trole,\n\trenderLink,\n\tclassName,\n}: {\n\taction: PageHeaderAction;\n\trole: CommandRole;\n\trenderLink: PageHeaderLinkRenderer;\n\tclassName?: string;\n}) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst { tone, buttonStyle } = presentation(action, role);\n\tconst href = linkDestination(action);\n\tconst Icon = action.icon;\n\tconst hookClassName = cn(`page-header--${role}-action`, className);\n\n\tif (href && !action.disabled && !action.loading) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{renderLink({\n\t\t\t\t\thref,\n\t\t\t\t\ttarget: action.target,\n\t\t\t\t\trel: action.rel,\n\t\t\t\t\texternal: action.external,\n\t\t\t\t\tclassName: cn(\n\t\t\t\t\t\t'button--component base-button--component',\n\t\t\t\t\t\tbuttonVariants({ tone, buttonStyle, size: resolveComponentScale(undefined, defaultScale) }),\n\t\t\t\t\t\thookClassName,\n\t\t\t\t\t),\n\t\t\t\t\tchildren: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{Icon && <Icon className=\"size-icon shrink-0\" aria-hidden=\"true\" />}\n\t\t\t\t\t\t\t{action.label}\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t})}\n\t\t\t</>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\ttype=\"button\"\n\t\t\ttone={tone}\n\t\t\tbuttonStyle={buttonStyle}\n\t\t\ticon={Icon}\n\t\t\tloading={action.loading}\n\t\t\thandlesLoading={action.loading !== undefined}\n\t\t\tdisabled={action.disabled}\n\t\t\tonClick={action.onClick}\n\t\t\tclassName={hookClassName}\n\t\t>\n\t\t\t{action.label}\n\t\t</Button>\n\t);\n}\n\nfunction toMenuAction({ action, key }: CommandEntry, className?: string): ActionMenuAction {\n\treturn {\n\t\tid: key,\n\t\tlabel: action.label,\n\t\ticon: action.icon,\n\t\tonClick: action.onClick,\n\t\thref: linkDestination(action),\n\t\ttarget: action.target,\n\t\trel: action.rel,\n\t\texternal: action.external,\n\t\tdisabled: !!action.disabled || !!action.loading,\n\t\ttone: action.destructive ? 'destructive' : 'secondary',\n\t\tclassName,\n\t};\n}\n\nexport function PageHeaderCommands({\n\tprimaryAction,\n\tsecondaryActions,\n\tmaxVisibleSecondaryActions,\n\tmoreActionsLabel,\n\trenderLink = defaultPageHeaderLinkRenderer,\n}: PageHeaderCommandsProps) {\n\t// Keep the popup inside its header container so responsive menu entries and\n\t// CSS theme inheritance follow the same boundary as the inline commands.\n\tconst { host, attachHost, context } = useThemeScopeHost<HTMLDivElement>();\n\tconst [menuOpen, setMenuOpen] = useState(false);\n\tconst resizeFocus = useRef<HTMLElement | null>(null);\n\tconst ownedFocus = useRef<HTMLElement | null>(null);\n\tconst finalFocus = useCallback(() => resizeFocus.current ?? true, []);\n\tconst captureFocus = useCallback((event: FocusEvent<HTMLDivElement>) => {\n\t\tif (event.target instanceof HTMLElement) ownedFocus.current = event.target;\n\t}, []);\n\tconst captureBlur = useCallback((event: FocusEvent<HTMLDivElement>) => {\n\t\tconst next = event.relatedTarget;\n\t\tif (next instanceof Node && host.current?.contains(next)) return;\n\t\tconst target = event.target;\n\t\tconst hiddenBlur = target instanceof HTMLElement && target === ownedFocus.current && !isVisibleControl(target)\n\t\t\t&& (next == null || next instanceof HTMLElement && !isVisibleControl(next));\n\t\tif (!hiddenBlur) ownedFocus.current = null;\n\t}, [host]);\n\tuseEffect(() => {\n\t\tconst root = host.current;\n\t\tconst header = root?.closest('.page-header--component');\n\t\tconst view = root?.ownerDocument.defaultView;\n\t\tif (!root || !header || !view) return;\n\t\tconst inlineCommand = root.querySelector<HTMLElement>('.page-header--primary-action,.page-header--secondary-action');\n\t\tif (!inlineCommand) return;\n\t\tlet inlineVisible = isVisibleControl(inlineCommand);\n\t\tconst recoverFocus = () => {\n\t\t\tconst nextInlineVisible = isVisibleControl(inlineCommand);\n\t\t\tif (nextInlineVisible === inlineVisible) return;\n\t\t\tinlineVisible = nextInlineVisible;\n\t\t\tconst active = root.ownerDocument.activeElement;\n\t\t\tconst droppedHiddenFocus = active === root.ownerDocument.body && ownedFocus.current\n\t\t\t\t&& root.contains(ownedFocus.current) && !isVisibleControl(ownedFocus.current);\n\t\t\tif (!active || !root.contains(active) && !droppedHiddenFocus) {\n\t\t\t\townedFocus.current = null;\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// CSS owns the breakpoint. Only react when its actual presentation\n\t\t\t// changes, keeping focus out of a newly hidden row or trigger.\n\t\t\tconst candidates = root.querySelectorAll<HTMLElement>('.page-header--more-actions,.page-header--primary-action,.page-header--secondary-action');\n\t\t\tconst target = [...candidates].find(node => node.matches('.page-header--more-actions') && isVisibleControl(node) && !node.matches(':disabled,[aria-disabled=\"true\"],[data-disabled]'))\n\t\t\t\t?? [...candidates].find(node => isVisibleControl(node) && !node.matches(':disabled,[aria-disabled=\"true\"],[data-disabled]'))\n\t\t\t\t?? root;\n\t\t\tresizeFocus.current = target;\n\t\t\tif (menuOpen) setMenuOpen(false);\n\t\t\ttarget.focus({ preventScroll: true });\n\t\t};\n\t\tconst observer = typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(recoverFocus);\n\t\tobserver?.observe(header);\n\t\tview.addEventListener('resize', recoverFocus);\n\t\treturn () => {\n\t\t\tobserver?.disconnect();\n\t\t\tview.removeEventListener('resize', recoverFocus);\n\t\t};\n\t}, [context.mounted, host, maxVisibleSecondaryActions, menuOpen, primaryAction, secondaryActions]);\n\tconst secondary: CommandEntry[] = (secondaryActions ?? [])\n\t\t.map((action, index) => ({ action, key: action.id ?? `secondary-${index}` }))\n\t\t.filter(({ action }) => isVisible(action));\n\tconst routine = secondary.filter(({ action }) => !action.destructive);\n\tconst destructive = secondary.filter(({ action }) => action.destructive);\n\t// `Infinity` keeps every routine command inline; NaN keeps the default.\n\tconst inlineLimit = maxVisibleSecondaryActions === undefined || Number.isNaN(maxVisibleSecondaryActions)\n\t\t? PAGE_HEADER_INLINE_SECONDARY_LIMIT\n\t\t: Math.max(0, Math.floor(maxVisibleSecondaryActions));\n\tconst inline = routine.slice(0, inlineLimit);\n\tconst overflow = routine.slice(inlineLimit);\n\tconst primary = isVisible(primaryAction) ? primaryAction : undefined;\n\n\tif (!primary && secondary.length === 0) return null;\n\n\tconst primaryEntry = primary ? { action: primary, key: `primary-${primary.id ?? 'action'}` } : undefined;\n\tconst destructiveMenuEntries = [\n\t\t...(primaryEntry && primary?.destructive ? [{ ...primaryEntry, className: COMPACT_MENU_CLASS }] : []),\n\t\t...destructive.map(entry => ({ ...entry, className: undefined })),\n\t];\n\t// Compact entries share one menu with permanent overflow. The primary leads\n\t// routine commands; destructive commands form the final group at any width.\n\tconst menuActions: ActionMenuAction[] = [\n\t\t...(primaryEntry && !primary?.destructive ? [toMenuAction(primaryEntry, COMPACT_MENU_CLASS)] : []),\n\t\t...inline.map(entry => toMenuAction(entry, COMPACT_MENU_CLASS)),\n\t\t...overflow.map(entry => toMenuAction(entry)),\n\t\t...destructiveMenuEntries.map(entry => ({\n\t\t\t...toMenuAction(entry, entry.className),\n\t\t\tgroup: true as const,\n\t\t\t// A boundary survives on wide headers only when both groups have a\n\t\t\t// permanent entry. Otherwise it follows the compact-only commands.\n\t\t\tgroupClassName: overflow.length > 0 && destructive.length > 0 ? undefined : COMPACT_MENU_CLASS,\n\t\t})),\n\t];\n\tconst compactMenuOnly = overflow.length === 0 && destructive.length === 0;\n\tconst renderMenuLink = (props: ActionMenuLinkRenderProps) =>\n\t\trenderLink({ ...props, children: props.children ?? null }) as ReactElement;\n\n\t// Secondary commands lead, the primary command follows them, and the More\n\t// actions menu closes the row. The trigger is one more secondary command:\n\t// outline, at the commands' own height.\n\treturn (\n\t\t<ThemeScopeHostProvider value={context}>\n\t\t\t<div\n\t\t\t\tref={attachHost}\n\t\t\t\tonFocusCapture={captureFocus}\n\t\t\t\tonBlurCapture={captureBlur}\n\t\t\t\ttabIndex={-1}\n\t\t\t\tdata-slot=\"page-header-commands\"\n\t\t\t\tclassName={cn('page-header--commands flex min-w-0 max-w-full flex-wrap items-center justify-end outline-none', compositionClasses.commands, focusRecipes.inset)}\n\t\t\t>\n\t\t\t\t{inline.map((entry) => (\n\t\t\t\t\t<CommandButton\n\t\t\t\t\t\tkey={entry.key}\n\t\t\t\t\t\taction={entry.action}\n\t\t\t\t\t\trole=\"secondary\"\n\t\t\t\t\t\trenderLink={renderLink}\n\t\t\t\t\t\tclassName={INLINE_COMMAND_CLASS}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t\t{primary && <CommandButton action={primary} role=\"primary\" renderLink={renderLink} className={INLINE_COMMAND_CLASS} />}\n\t\t\t\t{menuActions.length > 0 && (\n\t\t\t\t\t<ActionMenu\n\t\t\t\t\t\topen={menuOpen}\n\t\t\t\t\t\tonOpenChange={nextOpen => {\n\t\t\t\t\t\t\tif (nextOpen) resizeFocus.current = null;\n\t\t\t\t\t\t\tsetMenuOpen(nextOpen);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t// Only resizing owns an explicit target. The default close path\n\t\t\t\t\t\t// must respect focus already handed to a command's new overlay.\n\t\t\t\t\t\tfinalFocus={resizeFocus.current ? finalFocus : undefined}\n\t\t\t\t\t\tactions={menuActions}\n\t\t\t\t\t\tcontext=\"commands\"\n\t\t\t\t\t\tsrText={moreActionsLabel}\n\t\t\t\t\t\talign=\"end\"\n\t\t\t\t\t\tcloseOnSelect\n\t\t\t\t\t\tpreserveOrder\n\t\t\t\t\t\tcontentClassName={MENU_CONTENT_CLASS}\n\t\t\t\t\t\trenderLink={renderMenuLink}\n\t\t\t\t\t\t// The shared outline overflow square follows the provider scale, like the commands.\n\t\t\t\t\t\tbuttonProps={{ className: cn('page-header--more-actions', compactMenuOnly && COMPACT_MENU_CLASS) }}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</ThemeScopeHostProvider>\n\t);\n}\n"],"mappings":"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"}

package/dist/{pagination-BL25hu2s.js → pagination-CgCjElfu.js}

@@ -1,9 +1,9 @@
 "use client";
-import { s as e, v as t } from "./ui-provider-C_U0Xma4.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-BRhFDwuU.js";
-import { n as i } from "./buttons-DPZekJFu.js";
-import { c as a } from "./typography-UTnveOEy.js";
+import { t as r } from "./utils-B6kKb8jB.js";
+import { n as i } from "./buttons-BedGfygC.js";
+import { c as a } from "./typography-BQnine1k.js";
 import { createContext as o, useContext as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { ChevronLeftIcon as u, ChevronRightIcon as d, MoreHorizontalIcon as f } from "lucide-react";
@@ -74,7 +74,7 @@ function C({ className: e, ...t }) {
 	});
 }
 function w({ className: n, label: i, size: o, strings: s, ...u }) {
-	let d = b(s), { defaultScale: p } = e(), m = t(o, p);
+	let d = b(s), { defaultScale: p } = t(), m = e(o, p);
 	return /* @__PURE__ */ l("span", {
 		"data-slot": "pagination-ellipsis",
 		className: r("pagination-primitives--ellipsis inline-flex shrink-0 items-center justify-center text-muted-foreground", _[m], n),
@@ -94,7 +94,7 @@ function T(e) {
 	return /* @__PURE__ */ c(h, { ...e });
 }
 function E({ className: n, children: o, active: s = !1, size: l, ...u }) {
-	let { defaultScale: d } = e(), f = t(l, d);
+	let { defaultScale: d } = t(), f = e(l, d);
 	return /* @__PURE__ */ c(i, {
 		size: f,
 		tone: "secondary",
@@ -155,4 +155,4 @@ function O({ className: e, text: t, strings: n, children: i, ...o }) {
 //#endregion
 export { O as a, v as c, E as i, w as n, D as o, T as r, S as s, C as t };
 
-//# sourceMappingURL=pagination-BL25hu2s.js.map
+//# sourceMappingURL=pagination-CgCjElfu.js.map

package/dist/{pagination-BL25hu2s.js.map → pagination-CgCjElfu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"pagination-BL25hu2s.js","names":["PaginationContent","PaginationItem","UIPagination","UIPaginationContent","UIPaginationItem","useDensityConfig","resolveComponentScale","cn","Button","Text","Pagination","props","className","PaginationContent$1","PaginationItem$1","pageMinWidthClasses","pageSquareClasses","defaultPaginationStrings","PaginationStringsContext","createContext","usePaginationStrings","inheritedStrings","useContext","useStrings","stringsProp","isSimpleText","value","PaginationPrimitive","ariaLabel","strings","PaginationContent","PaginationEllipsis","sizeProp","size","defaultScale","MoreHorizontalIcon","label","PaginationItem","PaginationLink","active","children","PaginationPrevious","_children","ChevronLeftIcon","text","PaginationNext","ChevronRightIcon"],"sources":["../src/components/ui/pagination.tsx","../src/components/base/navigation/pagination.tsx"],"sourcesContent":["import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { Button } from \"./button\"\nimport { cn } from \"../../lib/utils\"\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(\n        \"mx-auto flex w-full justify-center\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction PaginationContent({\n  className,\n  ...props\n}: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn(\"flex items-center\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n  return <li data-slot=\"pagination-item\" {...props} />\n}\n\ntype PaginationLinkProps = {\n  isActive?: boolean\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n  React.ComponentProps<\"a\">\n\nfunction PaginationLink({\n  className,\n  isActive,\n  size = \"icon\",\n  ...props\n}: PaginationLinkProps) {\n  return (\n    <Button\n      variant={isActive ? \"outline\" : \"ghost\"}\n      size={size}\n      className={cn(className)}\n      nativeButton={false}\n      render={\n        <a\n          aria-current={isActive ? \"page\" : undefined}\n          data-slot=\"pagination-link\"\n          data-active={isActive}\n          {...props}\n        />\n      }\n    />\n  )\n}\n\nfunction PaginationPrevious({\n  className,\n  text = \"Previous\",\n  ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"default\"\n      className={cn(\"pl-2!\", className)}\n      {...props}\n    >\n      <ChevronLeftIcon data-icon=\"inline-start\" />\n      <span className=\"hidden sm:block\">\n        {text}\n      </span>\n    </PaginationLink>\n  )\n}\n\nfunction PaginationNext({\n  className,\n  text = \"Next\",\n  ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"default\"\n      className={cn(\"pr-2!\", className)}\n      {...props}\n    >\n      <span className=\"hidden sm:block\">{text}</span>\n      <ChevronRightIcon data-icon=\"inline-end\" />\n    </PaginationLink>\n  )\n}\n\nfunction PaginationEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      className={cn(\n        \"size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-icon flex items-center justify-center\",\n        className\n      )}\n      {...props}\n    >\n      <MoreHorizontalIcon\n      />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  )\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n}\n","import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';\nimport { createContext, useContext, type ComponentProps, type ReactNode } from 'react';\n\nimport {\n\tPagination as UIPagination,\n\tPaginationContent as UIPaginationContent,\n\tPaginationItem as UIPaginationItem,\n} from '../../ui/pagination';\nimport { Button, type ButtonProps } from '../buttons';\nimport { Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { resolveComponentScale, useDensityConfig, type ComponentScale } from '../../../lib/ui-provider';\n\nconst pageMinWidthClasses: Record<ComponentScale, string> = {\n\tsm: 'min-w-action-sm', md: 'min-w-action', lg: 'min-w-action-lg',\n};\nconst pageSquareClasses: Record<ComponentScale, string> = {\n\tsm: 'size-action-sm', md: 'size-action', lg: 'size-action-lg',\n};\n\nexport interface PaginationStrings {\n\tnavigationLabel: string;\n\tmorePages: string;\n\tprevious: string;\n\tnext: string;\n\tpreviousLabel: string;\n\tnextLabel: string;\n}\n\nexport const defaultPaginationStrings: PaginationStrings = {\n\tnavigationLabel: 'pagination',\n\tmorePages: 'More pages',\n\tprevious: 'Previous',\n\tnext: 'Next',\n\tpreviousLabel: 'Go to previous page',\n\tnextLabel: 'Go to next page',\n};\n\nconst PaginationStringsContext = createContext<PaginationStrings>(defaultPaginationStrings);\n\nfunction usePaginationStrings(stringsProp?: StringsProp<PaginationStrings>) {\n\tconst inheritedStrings = useContext(PaginationStringsContext);\n\treturn useStrings(inheritedStrings, stringsProp);\n}\n\nexport interface PaginationProps extends ComponentProps<typeof UIPagination> {\n\t/** Pagination items, normally blocks through `PaginationContent`. */\n\tchildren?: ReactNode;\n\t/** Accessible label for the pagination navigation landmark. */\n\t'aria-label'?: string;\n\t/** Additional classes merged with the package pagination root hook. */\n\tclassName?: string;\n\t/** Localizable navigation, direction, and ellipsis labels inherited by compound parts. */\n\tstrings?: StringsProp<PaginationStrings>;\n}\nexport type PaginationContentProps = ComponentProps<typeof UIPaginationContent>;\nexport type PaginationEllipsisProps = ComponentProps<'span'> & {\n\t/** Matches page-link geometry; falls back to the provider scale. */\n\tsize?: ComponentScale;\n\t/** Copy for the control. */\n\tlabel?: string;\n\t/** Overrides the pagination copy. */\n\tstrings?: StringsProp<PaginationStrings>;\n};\nexport type PaginationItemProps = ComponentProps<typeof UIPaginationItem>;\nexport interface PaginationLinkProps extends Omit<\n\tButtonProps,\n\t'buttonStyle' | 'children' | 'variant'\n> {\n\tchildren?: ReactNode;\n\t/** Marks the current page. */\n\tactive?: boolean;\n}\nexport type PaginationNextProps = PaginationLinkProps & {\n\t/** Visible label for the control. */\n\ttext?: string;\n\t/** Overrides the pagination copy. */\n\tstrings?: StringsProp<PaginationStrings>;\n};\nexport type PaginationPreviousProps = PaginationLinkProps & {\n\t/** Visible label for the control. */\n\ttext?: string;\n\t/** Overrides the pagination copy. */\n\tstrings?: StringsProp<PaginationStrings>;\n};\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/**\n * Tokenized pagination navigation root.\n *\n * Compose it with the exported content, item, link, previous, next, and\n * ellipsis parts when consumers need explicit page navigation markup.\n */\n\nexport function PaginationPrimitive({ className, strings: stringsProp, children, 'aria-label': ariaLabel, ...props }: PaginationProps) {\n\tconst strings = usePaginationStrings(stringsProp);\n\treturn (\n\t\t<PaginationStringsContext.Provider value={strings}>\n\t\t\t<UIPagination\n\t\t\t\taria-label={ariaLabel ?? strings.navigationLabel}\n\t\t\t\tclassName={cn('pagination-primitives--component', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</UIPagination>\n\t\t</PaginationStringsContext.Provider>\n\t);\n}\n\nexport function PaginationContent({ className, ...props }: PaginationContentProps) {\n\treturn (\n\t\t<UIPaginationContent\n\t\t\tclassName={cn('pagination-primitives--content m-0 p-0 list-none gap-space-2xs', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n\nexport function PaginationEllipsis({ className, label, size: sizeProp, strings: stringsProp, ...props }: PaginationEllipsisProps) {\n\tconst strings = usePaginationStrings(stringsProp);\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComponentScale(sizeProp, defaultScale);\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"pagination-ellipsis\"\n\t\t\t// Same square as a page link, so the row keeps one rhythm around the gap.\n\t\t\tclassName={cn('pagination-primitives--ellipsis inline-flex shrink-0 items-center justify-center text-muted-foreground', pageSquareClasses[size], className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<MoreHorizontalIcon className=\"size-icon\" aria-hidden=\"true\" />\n\t\t\t<Text tag=\"span\" size=\"inherit\" className=\"sr-only\">\n\t\t\t\t{label ?? strings.morePages}\n\t\t\t</Text>\n\t\t</span>\n\t);\n}\n\nexport function PaginationItem(props: PaginationItemProps) {\n\treturn <UIPaginationItem {...props} />;\n}\n\nexport function PaginationLink({ className, children, active = false, size: sizeProp, ...props }: PaginationLinkProps) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComponentScale(sizeProp, defaultScale);\n\treturn (\n\t\t<Button\n\t\t\tsize={size}\n\t\t\ttone=\"secondary\"\n\t\t\tbuttonStyle={active ? 'outline' : 'ghost'}\n\t\t\taria-current={active ? 'page' : undefined}\n\t\t\tdata-slot=\"pagination-link\"\n\t\t\tdata-active={active || undefined}\n\t\t\t// Page numbers are action-height squares that widen only for long numbers.\n\t\t\tclassName={cn('pagination-primitives--link px-control-xs', pageMinWidthClasses[size], className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</Button>\n\t);\n}\n\n\nexport function PaginationPrevious({ className, text, strings: stringsProp, children: _children, ...props }: PaginationPreviousProps) {\n\tconst strings = usePaginationStrings(stringsProp);\n\treturn (\n\t\t<PaginationLink\n\t\t\taria-label={strings.previousLabel}\n\t\t\tclassName={cn('pagination-primitives--previous sm:!ps-control-sm sm:!pe-control', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ChevronLeftIcon data-icon=\"inline-start\" aria-hidden=\"true\" />\n\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"hidden text-inherit sm:block\">\n\t\t\t\t{text ?? strings.previous}\n\t\t\t</Text>\n\t\t</PaginationLink>\n\t);\n}\n\n\nexport function PaginationNext({ className, text, strings: stringsProp, children: _children, ...props }: PaginationNextProps) {\n\tconst strings = usePaginationStrings(stringsProp);\n\treturn (\n\t\t<PaginationLink\n\t\t\taria-label={strings.nextLabel}\n\t\t\tclassName={cn('pagination-primitives--next sm:!ps-control sm:!pe-control-sm', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"hidden text-inherit sm:block\">\n\t\t\t\t{text ?? strings.next}\n\t\t\t</Text>\n\t\t\t<ChevronRightIcon data-icon=\"inline-end\" aria-hidden=\"true\" />\n\t\t</PaginationLink>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"file":"pagination-CgCjElfu.js","names":["PaginationContent","PaginationItem","UIPagination","UIPaginationContent","UIPaginationItem","resolveComponentScale","useDensityConfig","cn","Button","Text","Pagination","props","className","PaginationContent$1","PaginationItem$1","pageMinWidthClasses","pageSquareClasses","defaultPaginationStrings","PaginationStringsContext","createContext","usePaginationStrings","inheritedStrings","useContext","useStrings","stringsProp","isSimpleText","value","PaginationPrimitive","ariaLabel","strings","PaginationContent","PaginationEllipsis","sizeProp","size","defaultScale","MoreHorizontalIcon","label","PaginationItem","PaginationLink","active","children","PaginationPrevious","_children","ChevronLeftIcon","text","PaginationNext","ChevronRightIcon"],"sources":["../src/components/ui/pagination.tsx","../src/components/base/navigation/pagination.tsx"],"sourcesContent":["import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { Button } from \"./button\"\nimport { cn } from \"../../lib/utils\"\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(\n        \"mx-auto flex w-full justify-center\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction PaginationContent({\n  className,\n  ...props\n}: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn(\"flex items-center\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n  return <li data-slot=\"pagination-item\" {...props} />\n}\n\ntype PaginationLinkProps = {\n  isActive?: boolean\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n  React.ComponentProps<\"a\">\n\nfunction PaginationLink({\n  className,\n  isActive,\n  size = \"icon\",\n  ...props\n}: PaginationLinkProps) {\n  return (\n    <Button\n      variant={isActive ? \"outline\" : \"ghost\"}\n      size={size}\n      className={cn(className)}\n      nativeButton={false}\n      render={\n        <a\n          aria-current={isActive ? \"page\" : undefined}\n          data-slot=\"pagination-link\"\n          data-active={isActive}\n          {...props}\n        />\n      }\n    />\n  )\n}\n\nfunction PaginationPrevious({\n  className,\n  text = \"Previous\",\n  ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"default\"\n      className={cn(\"pl-2!\", className)}\n      {...props}\n    >\n      <ChevronLeftIcon data-icon=\"inline-start\" />\n      <span className=\"hidden sm:block\">\n        {text}\n      </span>\n    </PaginationLink>\n  )\n}\n\nfunction PaginationNext({\n  className,\n  text = \"Next\",\n  ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"default\"\n      className={cn(\"pr-2!\", className)}\n      {...props}\n    >\n      <span className=\"hidden sm:block\">{text}</span>\n      <ChevronRightIcon data-icon=\"inline-end\" />\n    </PaginationLink>\n  )\n}\n\nfunction PaginationEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      className={cn(\n        \"size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-icon flex items-center justify-center\",\n        className\n      )}\n      {...props}\n    >\n      <MoreHorizontalIcon\n      />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  )\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n}\n","import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';\nimport { createContext, useContext, type ComponentProps, type ReactNode } from 'react';\n\nimport {\n\tPagination as UIPagination,\n\tPaginationContent as UIPaginationContent,\n\tPaginationItem as UIPaginationItem,\n} from '../../ui/pagination';\nimport { Button, type ButtonProps } from '../buttons';\nimport { Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { resolveComponentScale, useDensityConfig, type ComponentScale } from '../../../lib/ui-provider';\n\nconst pageMinWidthClasses: Record<ComponentScale, string> = {\n\tsm: 'min-w-action-sm', md: 'min-w-action', lg: 'min-w-action-lg',\n};\nconst pageSquareClasses: Record<ComponentScale, string> = {\n\tsm: 'size-action-sm', md: 'size-action', lg: 'size-action-lg',\n};\n\nexport interface PaginationStrings {\n\tnavigationLabel: string;\n\tmorePages: string;\n\tprevious: string;\n\tnext: string;\n\tpreviousLabel: string;\n\tnextLabel: string;\n}\n\nexport const defaultPaginationStrings: PaginationStrings = {\n\tnavigationLabel: 'pagination',\n\tmorePages: 'More pages',\n\tprevious: 'Previous',\n\tnext: 'Next',\n\tpreviousLabel: 'Go to previous page',\n\tnextLabel: 'Go to next page',\n};\n\nconst PaginationStringsContext = createContext<PaginationStrings>(defaultPaginationStrings);\n\nfunction usePaginationStrings(stringsProp?: StringsProp<PaginationStrings>) {\n\tconst inheritedStrings = useContext(PaginationStringsContext);\n\treturn useStrings(inheritedStrings, stringsProp);\n}\n\nexport interface PaginationProps extends ComponentProps<typeof UIPagination> {\n\t/** Pagination items, normally blocks through `PaginationContent`. */\n\tchildren?: ReactNode;\n\t/** Accessible label for the pagination navigation landmark. */\n\t'aria-label'?: string;\n\t/** Additional classes merged with the package pagination root hook. */\n\tclassName?: string;\n\t/** Localizable navigation, direction, and ellipsis labels inherited by compound parts. */\n\tstrings?: StringsProp<PaginationStrings>;\n}\nexport type PaginationContentProps = ComponentProps<typeof UIPaginationContent>;\nexport type PaginationEllipsisProps = ComponentProps<'span'> & {\n\t/** Matches page-link geometry; falls back to the provider scale. */\n\tsize?: ComponentScale;\n\t/** Copy for the control. */\n\tlabel?: string;\n\t/** Overrides the pagination copy. */\n\tstrings?: StringsProp<PaginationStrings>;\n};\nexport type PaginationItemProps = ComponentProps<typeof UIPaginationItem>;\nexport interface PaginationLinkProps extends Omit<\n\tButtonProps,\n\t'buttonStyle' | 'children' | 'variant'\n> {\n\tchildren?: ReactNode;\n\t/** Marks the current page. */\n\tactive?: boolean;\n}\nexport type PaginationNextProps = PaginationLinkProps & {\n\t/** Visible label for the control. */\n\ttext?: string;\n\t/** Overrides the pagination copy. */\n\tstrings?: StringsProp<PaginationStrings>;\n};\nexport type PaginationPreviousProps = PaginationLinkProps & {\n\t/** Visible label for the control. */\n\ttext?: string;\n\t/** Overrides the pagination copy. */\n\tstrings?: StringsProp<PaginationStrings>;\n};\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/**\n * Tokenized pagination navigation root.\n *\n * Compose it with the exported content, item, link, previous, next, and\n * ellipsis parts when consumers need explicit page navigation markup.\n */\n\nexport function PaginationPrimitive({ className, strings: stringsProp, children, 'aria-label': ariaLabel, ...props }: PaginationProps) {\n\tconst strings = usePaginationStrings(stringsProp);\n\treturn (\n\t\t<PaginationStringsContext.Provider value={strings}>\n\t\t\t<UIPagination\n\t\t\t\taria-label={ariaLabel ?? strings.navigationLabel}\n\t\t\t\tclassName={cn('pagination-primitives--component', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</UIPagination>\n\t\t</PaginationStringsContext.Provider>\n\t);\n}\n\nexport function PaginationContent({ className, ...props }: PaginationContentProps) {\n\treturn (\n\t\t<UIPaginationContent\n\t\t\tclassName={cn('pagination-primitives--content m-0 p-0 list-none gap-space-2xs', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n\nexport function PaginationEllipsis({ className, label, size: sizeProp, strings: stringsProp, ...props }: PaginationEllipsisProps) {\n\tconst strings = usePaginationStrings(stringsProp);\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComponentScale(sizeProp, defaultScale);\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"pagination-ellipsis\"\n\t\t\t// Same square as a page link, so the row keeps one rhythm around the gap.\n\t\t\tclassName={cn('pagination-primitives--ellipsis inline-flex shrink-0 items-center justify-center text-muted-foreground', pageSquareClasses[size], className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<MoreHorizontalIcon className=\"size-icon\" aria-hidden=\"true\" />\n\t\t\t<Text tag=\"span\" size=\"inherit\" className=\"sr-only\">\n\t\t\t\t{label ?? strings.morePages}\n\t\t\t</Text>\n\t\t</span>\n\t);\n}\n\nexport function PaginationItem(props: PaginationItemProps) {\n\treturn <UIPaginationItem {...props} />;\n}\n\nexport function PaginationLink({ className, children, active = false, size: sizeProp, ...props }: PaginationLinkProps) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComponentScale(sizeProp, defaultScale);\n\treturn (\n\t\t<Button\n\t\t\tsize={size}\n\t\t\ttone=\"secondary\"\n\t\t\tbuttonStyle={active ? 'outline' : 'ghost'}\n\t\t\taria-current={active ? 'page' : undefined}\n\t\t\tdata-slot=\"pagination-link\"\n\t\t\tdata-active={active || undefined}\n\t\t\t// Page numbers are action-height squares that widen only for long numbers.\n\t\t\tclassName={cn('pagination-primitives--link px-control-xs', pageMinWidthClasses[size], className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</Button>\n\t);\n}\n\n\nexport function PaginationPrevious({ className, text, strings: stringsProp, children: _children, ...props }: PaginationPreviousProps) {\n\tconst strings = usePaginationStrings(stringsProp);\n\treturn (\n\t\t<PaginationLink\n\t\t\taria-label={strings.previousLabel}\n\t\t\tclassName={cn('pagination-primitives--previous sm:!ps-control-sm sm:!pe-control', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ChevronLeftIcon data-icon=\"inline-start\" aria-hidden=\"true\" />\n\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"hidden text-inherit sm:block\">\n\t\t\t\t{text ?? strings.previous}\n\t\t\t</Text>\n\t\t</PaginationLink>\n\t);\n}\n\n\nexport function PaginationNext({ className, text, strings: stringsProp, children: _children, ...props }: PaginationNextProps) {\n\tconst strings = usePaginationStrings(stringsProp);\n\treturn (\n\t\t<PaginationLink\n\t\t\taria-label={strings.nextLabel}\n\t\t\tclassName={cn('pagination-primitives--next sm:!ps-control sm:!pe-control-sm', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"hidden text-inherit sm:block\">\n\t\t\t\t{text ?? strings.next}\n\t\t\t</Text>\n\t\t\t<ChevronRightIcon data-icon=\"inline-end\" aria-hidden=\"true\" />\n\t\t</PaginationLink>\n\t);\n}\n"],"mappings":"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"}