@bitrise/bitkit-v2 0.3.437 → 0.3.439

package/dist/components/BitkitBreadcrumb/BitkitBreadcrumb.d.ts

@@ -4,11 +4,12 @@ import { CurrentItemProps } from './components/BreadcrumbCurrentItem.tsx';
 import { OverflowMenuProps } from './components/OverflowMenu.tsx';
 import { ItemProps } from './types.ts';
 type BitkitBreadcrumbChild = ReactElement<ItemProps> | ReactElement<CurrentItemProps> | ReactElement<OverflowMenuProps>;
+type BitkitBreadcrumbSlot = BitkitBreadcrumbChild | false | null | undefined | readonly BitkitBreadcrumbSlot[];
 export type BitkitBreadcrumbProps = Omit<BreadcrumbRootProps, 'children'> & {
-    children: BitkitBreadcrumbChild | BitkitBreadcrumbChild[];
+    children: BitkitBreadcrumbSlot;
 };
 declare const BitkitBreadcrumb: import('react').ForwardRefExoticComponent<Omit<Breadcrumb.RootProps, "children"> & {
-    children: BitkitBreadcrumbChild | BitkitBreadcrumbChild[];
+    children: BitkitBreadcrumbSlot;
 } & import('react').RefAttributes<HTMLElement>> & {
     CurrentItem: import('react').ForwardRefExoticComponent<Omit<Breadcrumb.CurrentLinkProps, "children"> & {
         children: import('react').ReactNode;

package/dist/components/BitkitBreadcrumb/BitkitBreadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitBreadcrumb.js","names":[],"sources":["../../../lib/components/BitkitBreadcrumb/BitkitBreadcrumb.tsx"],"sourcesContent":["import { Breadcrumb, type BreadcrumbRootProps } from '@chakra-ui/react/breadcrumb';\nimport { useBreakpointValue } from '@chakra-ui/react/hooks';\nimport { Show } from '@chakra-ui/react/show';\nimport { forwardRef, Fragment, type ReactElement } from 'react';\n\nimport { IconChevronRight, IconMoreHorizontal } from '../../icons';\nimport { flattenChildren } from '../../utilities/flattenChildren';\nimport { withSubComponents } from '../../utilities/withSubComponents.ts';\nimport BitkitControlButton from '../BitkitControlButton/BitkitControlButton.tsx';\nimport BreadcrumbCurrentItem, { type CurrentItemProps } from './components/BreadcrumbCurrentItem.tsx';\nimport BreadcrumbItem from './components/BreadcrumbItem.tsx';\nimport OverflowMenu, { type OverflowMenuProps } from './components/OverflowMenu.tsx';\nimport OverflowMenuItem from './components/OverflowMenuItem.tsx';\nimport OverflowMenuTrigger from './components/OverflowMenuTrigger.tsx';\nimport { type ItemProps } from './types.ts';\n\ntype BitkitBreadcrumbChild = ReactElement<ItemProps> | ReactElement<CurrentItemProps> | ReactElement<OverflowMenuProps>;\n\nexport type BitkitBreadcrumbProps = Omit<BreadcrumbRootProps, 'children'> & {\n  children: BitkitBreadcrumbChild | BitkitBreadcrumbChild[];\n};\n\n// The whole prop bag travels, not just `href`/`children`: the mobile layout rebuilds its items\n// from these, so picking two keys here would drop everything else a consumer put on a crumb — a\n// `data-*` hook, an `aria-*`, an `onClick` — on mobile only, and silently.\nconst flattenItemProps = (elements: ReactElement[]): ItemProps[] => {\n  const props: ItemProps[] = [];\n\n  for (const child of elements) {\n    if (child.type === BreadcrumbItem) {\n      props.push(child.props as ItemProps);\n    } else if (child.type === OverflowMenu) {\n      const { children: menuChildren } = child.props as OverflowMenuProps;\n      const menuChildArray = flattenChildren(menuChildren);\n      for (const menuChild of menuChildArray) {\n        if (menuChild.type === OverflowMenuItem) {\n          props.push(menuChild.props as ItemProps);\n        }\n      }\n    }\n  }\n\n  return props;\n};\n\nconst BitkitBreadcrumbRoot = forwardRef<HTMLElement, BitkitBreadcrumbProps>(({ children, ...rest }, ref) => {\n  const isMobile = useBreakpointValue({ base: true, tablet: false }, { fallback: 'tablet' });\n  const childArray = flattenChildren(children);\n\n  if (childArray.length === 0) {\n    return null;\n  }\n\n  if (isMobile) {\n    const links = flattenItemProps(childArray);\n    if (links.length === 0) {\n      return null;\n    }\n\n    const lastLink = links[links.length - 1];\n    const overflowLinks = links.slice(0, -1).reverse();\n\n    return (\n      <Breadcrumb.Root ref={ref} {...rest}>\n        <Breadcrumb.List>\n          <Show when={overflowLinks.length > 0}>\n            <OverflowMenu>\n              <OverflowMenuTrigger>\n                <BitkitControlButton icon={IconMoreHorizontal} label=\"Open breadcrumbs\" size=\"xs\" />\n              </OverflowMenuTrigger>\n              {overflowLinks.map((link) => (\n                <OverflowMenuItem key={link.href} {...link} />\n              ))}\n            </OverflowMenu>\n            <Breadcrumb.Separator>\n              <IconChevronRight />\n            </Breadcrumb.Separator>\n          </Show>\n          <BreadcrumbItem {...lastLink} />\n          <Breadcrumb.Separator>\n            <IconChevronRight />\n          </Breadcrumb.Separator>\n        </Breadcrumb.List>\n      </Breadcrumb.Root>\n    );\n  }\n\n  return (\n    <Breadcrumb.Root ref={ref} {...rest}>\n      <Breadcrumb.List>\n        {childArray.map((child, index) => (\n          <Fragment key={child.key}>\n            {child}\n            {/* The trail ends with a chevron when the last crumb is a link -- it points at the page\n                you are on, which is not in the trail. A `CurrentItem` IS that page, so nothing\n                follows it. Mobile already ends this way: its last crumb is always a link. */}\n            <Show when={index < childArray.length - 1 || child.type === BreadcrumbItem}>\n              <Breadcrumb.Separator>\n                <IconChevronRight />\n              </Breadcrumb.Separator>\n            </Show>\n          </Fragment>\n        ))}\n      </Breadcrumb.List>\n    </Breadcrumb.Root>\n  );\n});\n\nBitkitBreadcrumbRoot.displayName = 'BitkitBreadcrumb';\n\nconst BitkitBreadcrumb = withSubComponents(BitkitBreadcrumbRoot, {\n  CurrentItem: BreadcrumbCurrentItem,\n  Item: BreadcrumbItem,\n  OverflowMenu,\n  OverflowMenuItem,\n});\n\nexport default BitkitBreadcrumb;\n"],"mappings":";;;;;;;;;;;;;;;;AAyBA,IAAM,oBAAoB,aAA0C;CAClE,MAAM,QAAqB,CAAC;CAE5B,KAAK,MAAM,SAAS,UAClB,IAAI,MAAM,SAAS,gBACjB,MAAM,KAAK,MAAM,KAAkB;MAC9B,IAAI,MAAM,SAAS,cAAc;EACtC,MAAM,EAAE,UAAU,iBAAiB,MAAM;EACzC,MAAM,iBAAiB,gBAAgB,YAAY;EACnD,KAAK,MAAM,aAAa,gBACtB,IAAI,UAAU,SAAS,kBACrB,MAAM,KAAK,UAAU,KAAkB;CAG7C;CAGF,OAAO;AACT;AAEA,IAAM,uBAAuB,YAAgD,EAAE,UAAU,GAAG,QAAQ,QAAQ;CAC1G,MAAM,WAAW,mBAAmB;EAAE,MAAM;EAAM,QAAQ;CAAM,GAAG,EAAE,UAAU,SAAS,CAAC;CACzF,MAAM,aAAa,gBAAgB,QAAQ;CAE3C,IAAI,WAAW,WAAW,GACxB,OAAO;CAGT,IAAI,UAAU;EACZ,MAAM,QAAQ,iBAAiB,UAAU;EACzC,IAAI,MAAM,WAAW,GACnB,OAAO;EAGT,MAAM,WAAW,MAAM,MAAM,SAAS;EACtC,MAAM,gBAAgB,MAAM,MAAM,GAAG,EAAE,CAAC,CAAC,QAAQ;EAEjD,OACE,oBAAC,WAAW,MAAZ;GAAsB;GAAK,GAAI;GAC7B,UAAA,qBAAC,WAAW,MAAZ,EAAA,UAAA;IACE,qBAAC,MAAD;KAAM,MAAM,cAAc,SAAS;KAAnC,UAAA,CACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,qBAAD,EAAA,UACE,oBAAC,qBAAD;MAAqB,MAAM;MAAoB,OAAM;MAAmB,MAAK;KAAM,CAAA,EAChE,CAAA,GACpB,cAAc,KAAK,SAClB,oBAAC,kBAAD,EAAkC,GAAI,KAAO,GAAtB,KAAK,IAAiB,CAC9C,CACW,EAAA,CAAA,GACd,oBAAC,WAAW,WAAZ,EAAA,UACE,oBAAC,kBAAD,CAAmB,CAAA,EACC,CAAA,CAClB;;IACN,oBAAC,gBAAD,EAAgB,GAAI,SAAW,CAAA;IAC/B,oBAAC,WAAW,WAAZ,EAAA,UACE,oBAAC,kBAAD,CAAmB,CAAA,EACC,CAAA;GACP,EAAA,CAAA;EACF,CAAA;CAErB;CAEA,OACE,oBAAC,WAAW,MAAZ;EAAsB;EAAK,GAAI;EAC7B,UAAA,oBAAC,WAAW,MAAZ,EAAA,UACG,WAAW,KAAK,OAAO,UACtB,qBAAC,UAAD,EAAA,UAAA,CACG,OAID,oBAAC,MAAD;GAAM,MAAM,QAAQ,WAAW,SAAS,KAAK,MAAM,SAAS;GAC1D,UAAA,oBAAC,WAAW,WAAZ,EAAA,UACE,oBAAC,kBAAD,CAAmB,CAAA,EACC,CAAA;EAClB,CAAA,CACE,EAAA,GAVK,MAAM,GAUX,CACX,EACc,CAAA;CACF,CAAA;AAErB,CAAC;AAED,qBAAqB,cAAc;AAEnC,IAAM,mBAAmB,kBAAkB,sBAAsB;CAC/D,aAAa;CACb,MAAM;CACN;CACA;AACF,CAAC"}
+{"version":3,"file":"BitkitBreadcrumb.js","names":[],"sources":["../../../lib/components/BitkitBreadcrumb/BitkitBreadcrumb.tsx"],"sourcesContent":["import { Breadcrumb, type BreadcrumbRootProps } from '@chakra-ui/react/breadcrumb';\nimport { useBreakpointValue } from '@chakra-ui/react/hooks';\nimport { Show } from '@chakra-ui/react/show';\nimport { forwardRef, Fragment, type ReactElement } from 'react';\n\nimport { IconChevronRight, IconMoreHorizontal } from '../../icons';\nimport { flattenChildren } from '../../utilities/flattenChildren';\nimport { withSubComponents } from '../../utilities/withSubComponents.ts';\nimport BitkitControlButton from '../BitkitControlButton/BitkitControlButton.tsx';\nimport BreadcrumbCurrentItem, { type CurrentItemProps } from './components/BreadcrumbCurrentItem.tsx';\nimport BreadcrumbItem from './components/BreadcrumbItem.tsx';\nimport OverflowMenu, { type OverflowMenuProps } from './components/OverflowMenu.tsx';\nimport OverflowMenuItem from './components/OverflowMenuItem.tsx';\nimport OverflowMenuTrigger from './components/OverflowMenuTrigger.tsx';\nimport { type ItemProps } from './types.ts';\n\ntype BitkitBreadcrumbChild = ReactElement<ItemProps> | ReactElement<CurrentItemProps> | ReactElement<OverflowMenuProps>;\n\n// `false`, `null` and `undefined` so a crumb can be conditional (`isOpen && <CurrentItem />`), and\n// nested arrays so a mapped list can sit beside one -- `flattenChildren` flattens and drops them, like\n// React does.\ntype BitkitBreadcrumbSlot = BitkitBreadcrumbChild | false | null | undefined | readonly BitkitBreadcrumbSlot[];\n\nexport type BitkitBreadcrumbProps = Omit<BreadcrumbRootProps, 'children'> & {\n  children: BitkitBreadcrumbSlot;\n};\n\n// The whole prop bag travels, not just `href`/`children`: the mobile layout rebuilds its items\n// from these, so picking two keys here would drop everything else a consumer put on a crumb — a\n// `data-*` hook, an `aria-*`, an `onClick` — on mobile only, and silently.\nconst flattenItemProps = (elements: ReactElement[]): ItemProps[] => {\n  const props: ItemProps[] = [];\n\n  for (const child of elements) {\n    if (child.type === BreadcrumbItem) {\n      props.push(child.props as ItemProps);\n    } else if (child.type === OverflowMenu) {\n      const { children: menuChildren } = child.props as OverflowMenuProps;\n      const menuChildArray = flattenChildren(menuChildren);\n      for (const menuChild of menuChildArray) {\n        if (menuChild.type === OverflowMenuItem) {\n          props.push(menuChild.props as ItemProps);\n        }\n      }\n    }\n  }\n\n  return props;\n};\n\nconst BitkitBreadcrumbRoot = forwardRef<HTMLElement, BitkitBreadcrumbProps>(({ children, ...rest }, ref) => {\n  const isMobile = useBreakpointValue({ base: true, tablet: false }, { fallback: 'tablet' });\n  const childArray = flattenChildren(children);\n\n  if (childArray.length === 0) {\n    return null;\n  }\n\n  if (isMobile) {\n    const links = flattenItemProps(childArray);\n    if (links.length === 0) {\n      return null;\n    }\n\n    const lastLink = links[links.length - 1];\n    const overflowLinks = links.slice(0, -1).reverse();\n\n    return (\n      <Breadcrumb.Root ref={ref} {...rest}>\n        <Breadcrumb.List>\n          <Show when={overflowLinks.length > 0}>\n            <OverflowMenu>\n              <OverflowMenuTrigger>\n                <BitkitControlButton icon={IconMoreHorizontal} label=\"Open breadcrumbs\" size=\"xs\" />\n              </OverflowMenuTrigger>\n              {overflowLinks.map((link) => (\n                <OverflowMenuItem key={link.href} {...link} />\n              ))}\n            </OverflowMenu>\n            <Breadcrumb.Separator>\n              <IconChevronRight />\n            </Breadcrumb.Separator>\n          </Show>\n          <BreadcrumbItem {...lastLink} />\n          <Breadcrumb.Separator>\n            <IconChevronRight />\n          </Breadcrumb.Separator>\n        </Breadcrumb.List>\n      </Breadcrumb.Root>\n    );\n  }\n\n  return (\n    <Breadcrumb.Root ref={ref} {...rest}>\n      <Breadcrumb.List>\n        {childArray.map((child, index) => (\n          <Fragment key={child.key}>\n            {child}\n            {/* The trail ends with a chevron when the last crumb is a link -- it points at the page\n                you are on, which is not in the trail. A `CurrentItem` IS that page, so nothing\n                follows it. Mobile already ends this way: its last crumb is always a link. */}\n            <Show when={index < childArray.length - 1 || child.type === BreadcrumbItem}>\n              <Breadcrumb.Separator>\n                <IconChevronRight />\n              </Breadcrumb.Separator>\n            </Show>\n          </Fragment>\n        ))}\n      </Breadcrumb.List>\n    </Breadcrumb.Root>\n  );\n});\n\nBitkitBreadcrumbRoot.displayName = 'BitkitBreadcrumb';\n\nconst BitkitBreadcrumb = withSubComponents(BitkitBreadcrumbRoot, {\n  CurrentItem: BreadcrumbCurrentItem,\n  Item: BreadcrumbItem,\n  OverflowMenu,\n  OverflowMenuItem,\n});\n\nexport default BitkitBreadcrumb;\n"],"mappings":";;;;;;;;;;;;;;;;AA8BA,IAAM,oBAAoB,aAA0C;CAClE,MAAM,QAAqB,CAAC;CAE5B,KAAK,MAAM,SAAS,UAClB,IAAI,MAAM,SAAS,gBACjB,MAAM,KAAK,MAAM,KAAkB;MAC9B,IAAI,MAAM,SAAS,cAAc;EACtC,MAAM,EAAE,UAAU,iBAAiB,MAAM;EACzC,MAAM,iBAAiB,gBAAgB,YAAY;EACnD,KAAK,MAAM,aAAa,gBACtB,IAAI,UAAU,SAAS,kBACrB,MAAM,KAAK,UAAU,KAAkB;CAG7C;CAGF,OAAO;AACT;AAEA,IAAM,uBAAuB,YAAgD,EAAE,UAAU,GAAG,QAAQ,QAAQ;CAC1G,MAAM,WAAW,mBAAmB;EAAE,MAAM;EAAM,QAAQ;CAAM,GAAG,EAAE,UAAU,SAAS,CAAC;CACzF,MAAM,aAAa,gBAAgB,QAAQ;CAE3C,IAAI,WAAW,WAAW,GACxB,OAAO;CAGT,IAAI,UAAU;EACZ,MAAM,QAAQ,iBAAiB,UAAU;EACzC,IAAI,MAAM,WAAW,GACnB,OAAO;EAGT,MAAM,WAAW,MAAM,MAAM,SAAS;EACtC,MAAM,gBAAgB,MAAM,MAAM,GAAG,EAAE,CAAC,CAAC,QAAQ;EAEjD,OACE,oBAAC,WAAW,MAAZ;GAAsB;GAAK,GAAI;GAC7B,UAAA,qBAAC,WAAW,MAAZ,EAAA,UAAA;IACE,qBAAC,MAAD;KAAM,MAAM,cAAc,SAAS;KAAnC,UAAA,CACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,qBAAD,EAAA,UACE,oBAAC,qBAAD;MAAqB,MAAM;MAAoB,OAAM;MAAmB,MAAK;KAAM,CAAA,EAChE,CAAA,GACpB,cAAc,KAAK,SAClB,oBAAC,kBAAD,EAAkC,GAAI,KAAO,GAAtB,KAAK,IAAiB,CAC9C,CACW,EAAA,CAAA,GACd,oBAAC,WAAW,WAAZ,EAAA,UACE,oBAAC,kBAAD,CAAmB,CAAA,EACC,CAAA,CAClB;;IACN,oBAAC,gBAAD,EAAgB,GAAI,SAAW,CAAA;IAC/B,oBAAC,WAAW,WAAZ,EAAA,UACE,oBAAC,kBAAD,CAAmB,CAAA,EACC,CAAA;GACP,EAAA,CAAA;EACF,CAAA;CAErB;CAEA,OACE,oBAAC,WAAW,MAAZ;EAAsB;EAAK,GAAI;EAC7B,UAAA,oBAAC,WAAW,MAAZ,EAAA,UACG,WAAW,KAAK,OAAO,UACtB,qBAAC,UAAD,EAAA,UAAA,CACG,OAID,oBAAC,MAAD;GAAM,MAAM,QAAQ,WAAW,SAAS,KAAK,MAAM,SAAS;GAC1D,UAAA,oBAAC,WAAW,WAAZ,EAAA,UACE,oBAAC,kBAAD,CAAmB,CAAA,EACC,CAAA;EAClB,CAAA,CACE,EAAA,GAVK,MAAM,GAUX,CACX,EACc,CAAA;CACF,CAAA;AAErB,CAAC;AAED,qBAAqB,cAAc;AAEnC,IAAM,mBAAmB,kBAAkB,sBAAsB;CAC/D,aAAa;CACb,MAAM;CACN;CACA;AACF,CAAC"}

package/dist/components/BitkitPageHeader/BitkitPageHeader.d.ts

@@ -94,6 +94,20 @@ export interface BitkitPageHeaderProps extends Omit<BoxProps, 'title'> {
      * that appears when it does not fit.
      */
     secondaryText?: string;
+    /**
+     * Draws the line along the header's bottom edge. Set it to `false` for a header that flows
+     * straight into the page, and the bottom padding goes with the line: the header's background is
+     * the page's, so without the line that padding would only be a margin the page cannot shrink. The
+     * page spaces its content from the header itself.
+     *
+     * The collapsed row keeps its padding, which centres the row rather than spacing the page, and from
+     * `tablet` a header with `isSticky` keeps its line as well, since content scrolls under it. Below
+     * `tablet` `isSticky` is ignored, so there the line goes too.
+     *
+     * Ignored with `tabs`, whose list sits on that edge. That includes `variant="minimal"`, which hides
+     * the tab list from `tablet`: the line stays although no tabs show above it.
+     */
+    showDivider?: boolean;
     /**
      * Tab bar along the bottom edge — pass a `BitkitTabs.List`. Hidden in the collapsed layout.
      *

package/dist/components/BitkitPageHeader/BitkitPageHeader.js

@@ -8,7 +8,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Text } from "@chakra-ui/react/text";
 //#region lib/components/BitkitPageHeader/BitkitPageHeader.tsx
 var BitkitPageHeader = forwardRef((props, ref) => {
-	const { avatar, badge, breadcrumb, children, contentVariant, contentWidth, controls, css, isSticky, secondaryText, tabs, title, variant, ...rest } = props;
+	const { avatar, badge, breadcrumb, children, contentVariant, contentWidth, controls, css, isSticky, secondaryText, showDivider = true, tabs, title, variant, ...rest } = props;
 	const hasAvatar = !isEmptyNode(avatar);
 	const hasBadge = !isEmptyNode(badge);
 	const hasBreadcrumb = !isEmptyNode(breadcrumb);
@@ -24,6 +24,7 @@ var BitkitPageHeader = forwardRef((props, ref) => {
 		contentVariant,
 		hasBreadcrumb,
 		hasControls: showControls,
+		hasDivider: showDivider || hasTabs,
 		alignsToContent: Boolean(contentWidth),
 		isSticky,
 		variant

package/dist/components/BitkitPageHeader/BitkitPageHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitPageHeader.js","names":[],"sources":["../../../lib/components/BitkitPageHeader/BitkitPageHeader.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { isEmptyNode } from '../../utilities/isEmptyNode';\nimport useIsTruncated from '../../utilities/useIsTruncated';\nimport BitkitOverflowTooltip from '../BitkitOverflowTooltip/BitkitOverflowTooltip';\n\nexport interface BitkitPageHeaderProps extends Omit<BoxProps, 'title'> {\n  /**\n   * Avatar, app icon or thumbnail rendered before the title. Hidden in the collapsed layout.\n   *\n   * Belongs to the sub-page layouts: the design's main-page header is a title and its subtitle with\n   * no avatar, so pass this alongside a `breadcrumb`.\n   *\n   * Size it to match the design's two sub-page cards, since the node is yours to build: `size=\"40\"`\n   * (8px radius) against a bare title, and `size=\"48\"` (10px radius) once `secondaryText` is\n   * present — the same avatar the `app` and `user` content shapes use.\n   */\n  avatar?: ReactNode;\n  /** Badge rendered next to the title. Hidden in the collapsed layout. */\n  badge?: ReactNode;\n  /**\n   * Breadcrumb trail above the title — pass a `BitkitBreadcrumb`. Its presence is what switches the\n   * header from the design's main-page layout to a sub-page one, so there is no separate page-type\n   * prop: the recipe's own `hasBreadcrumb` variant is derived from it.\n   *\n   * The two layouts carry more than the trail. A main-page header is a title and its subtitle —\n   * top-level pages and product overviews — with no avatar and no `app`/`user` content shape. Those\n   * belong to sub-pages, so pass them together with a trail.\n   */\n  breadcrumb?: ReactNode;\n  /**\n   * Trailing action buttons. Stacked full-width below the title on mobile, primary action on top.\n   *\n   * The collapsed row is built for `size=\"sm\"` buttons and the expanded header for `size=\"md\"`.\n   * Actions arrive as children, so the component cannot set that for you — pass a flat `size=\"sm\"`\n   * whenever `minimal` or `isSticky` is in play.\n   *\n   * Flat, not responsive: Bitkit icons render a different SVG asset per size, so `BitkitButton`\n   * resolves `size` in JS and a `{ base, tablet }` object matches no key, falling through to a 24px\n   * icon in a 32px button. Since the header collapses in CSS from `tablet` up, a `sm` action is a\n   * little small in the expanded mobile layout — but the design draws no mobile frame for the\n   * collapsed variants, so `sm` is the closer of the two.\n   */\n  children?: ReactNode;\n  /**\n   * Shape of the title block, mirroring the design's `content` property. `title` is a page title\n   * with an optional subtitle; `app` and `user` are the tighter entity layouts — a larger avatar\n   * centred against a smaller title and 14px secondary text. They differ only in the gap between\n   * the avatar and the text, 16 and 12 respectively.\n   */\n  contentVariant?: 'title' | 'app' | 'user';\n  /**\n   * Lines the header's content up with the page content below it. The root stays full-width, so\n   * the background and the bottom border still run edge to edge — which a wrapper around the whole\n   * header could not do.\n   *\n   * Pass the same value as that column's `max-width`, as rems — `rem()` builds one from a pixel\n   * figure — and the content is capped and centred with it. Box-sizing is border-box throughout\n   * Bitkit, so the value includes the header's own inline padding, which this layout puts at 32 on\n   * both sides rather than the default 24 and 32.\n   *\n   * `'full'` is the same layout without the cap, for a content column that runs the full width: the\n   * 32 on both sides, nothing to centre. The default 24 is for a header that runs over a sidebar and\n   * lines up with its items instead.\n   *\n   * Its presence is the toggle: without it the header keeps the default inset.\n   *\n   * The cap applies at every breakpoint, deliberately — a content column's own `max-width` is not\n   * breakpoint-scoped either, so scoping this one would misalign the two wherever the column is\n   * narrow enough to bite on mobile. What does change with the breakpoint is the inline padding,\n   * 16 below `tablet` and 32 above, which is the same pair such a column uses.\n   */\n  contentWidth?: `${number}rem` | 'full';\n  /**\n   * Inline controls between the trail and the actions — a view switcher, filters, a settings menu.\n   * Their presence spreads the row into three groups instead of the usual trail-and-actions pair,\n   * which is the shape the design file calls `PageHeader-WFE`.\n   *\n   * Belongs to the collapsed row, so it is honoured by `variant=\"minimal\"` *and* by `isSticky` —\n   * the two produce the same row — and ignored in the expanded layouts, which the design draws no\n   * controls in.\n   */\n  controls?: ReactNode;\n  /**\n   * Renders the compact single-row layout used while the header is stuck to the top of the viewport.\n   * Appearance only — the consumer owns scroll detection and any portalling, since the sticky offset\n   * and header container are application concerns.\n   *\n   * Ignored below the `tablet` breakpoint, where the header always stays expanded.\n   *\n   * Pair it with `size=\"sm\"` actions — see `children`.\n   */\n  isSticky?: boolean;\n  /**\n   * Descriptive text below the title. Hidden in the collapsed layout.\n   *\n   * A string, like `title`, so it can be truncated to one line and carried in full by the tooltip\n   * that appears when it does not fit.\n   */\n  secondaryText?: string;\n  /**\n   * Tab bar along the bottom edge — pass a `BitkitTabs.List`. Hidden in the collapsed layout.\n   *\n   * The node is rendered inside the header, so tab panels cannot be siblings of the row. To drive\n   * page content from it, put `BitkitTabs.Root` around the header *and* the content, and pass only\n   * the list here — `BitkitTabs.List` reads its Root from context and throws without an ancestor:\n   *\n   * ```tsx\n   * <BitkitTabs.Root defaultValue=\"overview\">\n   *   <BitkitPageHeader tabs={<BitkitTabs.List>…</BitkitTabs.List>} title=\"Build Hub\" />\n   *   <BitkitTabs.ContentGroup>\n   *     <BitkitTabs.Content padding=\"32\" value=\"overview\">…</BitkitTabs.Content>\n   *   </BitkitTabs.ContentGroup>\n   * </BitkitTabs.Root>\n   * ```\n   *\n   * Only the row is hidden when the header collapses — the panels live outside it and keep\n   * rendering, so the page never blanks.\n   */\n  tabs?: ReactNode;\n  /**\n   * The page title, as a string. Everything passed here lands inside the `h1`, so it is the\n   * heading's accessible name and nothing else belongs in it — the avatar, badge and secondary\n   * text each have their own slot. Required: it is what gives the header a page heading at every\n   * breakpoint.\n   *\n   * Truncated to a single line with an ellipsis. When it does not fit, hovering or focusing it\n   * shows the full string in a tooltip — so a long title never grows the header.\n   *\n   * In the collapsed layout (`minimal` or `isSticky`) *with* a `breadcrumb`, the design shows the\n   * title in the trail rather than as a heading, so end the breadcrumb with a\n   * `BitkitBreadcrumb.CurrentItem` carrying it — the title is then rendered as a visually hidden\n   * `h1`, since `Breadcrumb.CurrentLink` is a link and not a heading. Below `tablet` the header\n   * never collapses and the visible heading is used instead (`BitkitBreadcrumb` drops its\n   * `CurrentItem` on mobile).\n   */\n  title: string;\n  /**\n   * `minimal` collapses the header to the single breadcrumb row used by sub-pages that don't repeat\n   * their title as a heading. Like `isSticky`, it only collapses from `tablet` up, and expects\n   * `size=\"sm\"` actions — see `children`.\n   */\n  variant?: 'default' | 'minimal';\n}\n\nconst BitkitPageHeader = forwardRef<HTMLElement, BitkitPageHeaderProps>((props, ref) => {\n  const {\n    avatar,\n    badge,\n    breadcrumb,\n    children,\n    contentVariant,\n    contentWidth,\n    controls,\n    css,\n    isSticky,\n    secondaryText,\n    tabs,\n    title,\n    variant,\n    ...rest\n  } = props;\n\n  // Which slots the collapsed row drops, and whether it collapses at all, is decided entirely by\n  // the recipe's `tablet`-scoped styles. Nothing here branches on the viewport: a breakpoint hook\n  // would render the wrong layout on first paint, since Chakra's `useMediaQuery` returns its\n  // fallback until after mount.\n\n  // A slot's presence is its own toggle, so all of them share one emptiness test rather than plain\n  // truthiness: an array whose entries all render nothing — `items.map()` where every branch is\n  // `null` — is still truthy, and would otherwise render a wrapper that only contributes gap. For\n  // `controls` it would also spread the row into three groups around an empty middle one.\n  const hasAvatar = !isEmptyNode(avatar);\n  const hasBadge = !isEmptyNode(badge);\n  const hasBreadcrumb = !isEmptyNode(breadcrumb);\n  const hasActions = !isEmptyNode(children);\n  const hasSecondaryText = !isEmptyNode(secondaryText);\n  const hasTabs = !isEmptyNode(tabs);\n\n  // `BitkitOverflowTooltip` does no measuring of its own — it shows the tooltip unless told not to,\n  // so each truncating text reports whether it is actually clipped and suppresses its own tooltip\n  // when it is not. Keyed on the text so a change re-measures without waiting for a resize.\n  const { isTruncated: isTitleTruncated, ref: titleRef } = useIsTruncated<HTMLHeadingElement>(title);\n  const { isTruncated: isSecondaryTruncated, ref: secondaryRef } = useIsTruncated<HTMLParagraphElement>(secondaryText);\n\n  // The design only draws inline controls in the collapsed row, so they are ignored in the\n  // expanded layouts rather than left to land somewhere undesigned. `minimal` and `isSticky`\n  // produce that row through the same `collapsedSlots`, so both have to honour them — gating on\n  // `minimal` alone left `isSticky` rendering the identical row with the middle group missing.\n  const isCollapsed = variant === 'minimal' || Boolean(isSticky);\n  const showControls = !isEmptyNode(controls) && isCollapsed;\n\n  // The collapsed row with a trail makes the title block `srOnly`, which is a 1px box — so the\n  // measurement reports \"truncated\" for a heading nobody can see. Left alone that puts a tab stop\n  // on an invisible element and opens a tooltip against it. The trail already carries the title as\n  // its current item in exactly that layout, so there is nothing to surface anyway.\n  const canShowTitleTooltip = isTitleTruncated && !(isCollapsed && hasBreadcrumb);\n\n  const recipe = useSlotRecipe({ key: 'pageHeader' });\n  const styles = recipe({\n    contentVariant,\n    hasBreadcrumb,\n    hasControls: showControls,\n    // The cap is a length the consumer chooses, so it cannot be a recipe variant -- the variant\n    // carries the layout switch and the `maxWidth` below carries the value.\n    alignsToContent: Boolean(contentWidth),\n    isSticky,\n    variant,\n  });\n\n  // The controls are the middle of three groups, so they follow whichever element holds the left\n  // slot: the trail when there is one, otherwise the title — which lives inside `contentBlock`, so\n  // they have to go in there with it rather than beside it.\n  const controlsNode = showControls ? <Box css={styles.controls}>{controls}</Box> : null;\n\n  return (\n    <Box as=\"header\" css={[styles.root, css]} ref={ref} {...rest}>\n      <Box css={styles.headerBlock} maxWidth={contentWidth === 'full' ? undefined : contentWidth}>\n        {hasBreadcrumb && <Box css={styles.breadcrumb}>{breadcrumb}</Box>}\n\n        {hasBreadcrumb && controlsNode}\n\n        <Box css={styles.contentBlock}>\n          <Box css={styles.titleBlock}>\n            {hasAvatar && <Box css={styles.avatar}>{avatar}</Box>}\n\n            <Box css={styles.textBlock}>\n              <Box css={styles.titleRow}>\n                {/*\n                  `bottom-start` rather than the tooltip's default `right`: these texts are\n                  full-width rows, so a right-hand tooltip lands over the actions. Opening below and\n                  aligned to the text's start keeps it clear of them and lines it up with the text\n                  it repeats.\n                */}\n                <BitkitOverflowTooltip disabled={!canShowTitleTooltip} placement=\"bottom-start\" text={title}>\n                  {/*\n                    `tabIndex` only while truncated: the tooltip trigger is rendered `asChild`, so an\n                    `h1` stays unfocusable and the full title would be mouse-only. Adding the tab\n                    stop unconditionally would put one in every header for no benefit.\n                  */}\n                  <Text as=\"h1\" css={styles.title} ref={titleRef} tabIndex={canShowTitleTooltip ? 0 : undefined}>\n                    {title}\n                  </Text>\n                </BitkitOverflowTooltip>\n                {hasBadge && <Box css={styles.badge}>{badge}</Box>}\n              </Box>\n\n              {hasSecondaryText && secondaryText !== undefined && (\n                <BitkitOverflowTooltip disabled={!isSecondaryTruncated} placement=\"bottom-start\" text={secondaryText}>\n                  <Text css={styles.secondaryText} ref={secondaryRef} tabIndex={isSecondaryTruncated ? 0 : undefined}>\n                    {secondaryText}\n                  </Text>\n                </BitkitOverflowTooltip>\n              )}\n            </Box>\n          </Box>\n\n          {!hasBreadcrumb && controlsNode}\n\n          {hasActions && <Box css={styles.actionBlock}>{children}</Box>}\n        </Box>\n      </Box>\n\n      {hasTabs && <Box css={styles.tabs}>{tabs}</Box>}\n    </Box>\n  );\n});\n\nBitkitPageHeader.displayName = 'BitkitPageHeader';\n\nexport default BitkitPageHeader;\n"],"mappings":";;;;;;;;;AAoJA,IAAM,mBAAmB,YAAgD,OAAO,QAAQ;CACtF,MAAM,EACJ,QACA,OACA,YACA,UACA,gBACA,cACA,UACA,KACA,UACA,eACA,MACA,OACA,SACA,GAAG,SACD;CAWJ,MAAM,YAAY,CAAC,YAAY,MAAM;CACrC,MAAM,WAAW,CAAC,YAAY,KAAK;CACnC,MAAM,gBAAgB,CAAC,YAAY,UAAU;CAC7C,MAAM,aAAa,CAAC,YAAY,QAAQ;CACxC,MAAM,mBAAmB,CAAC,YAAY,aAAa;CACnD,MAAM,UAAU,CAAC,YAAY,IAAI;CAKjC,MAAM,EAAE,aAAa,kBAAkB,KAAK,aAAa,eAAmC,KAAK;CACjG,MAAM,EAAE,aAAa,sBAAsB,KAAK,iBAAiB,eAAqC,aAAa;CAMnH,MAAM,cAAc,YAAY,aAAa,QAAQ,QAAQ;CAC7D,MAAM,eAAe,CAAC,YAAY,QAAQ,KAAK;CAM/C,MAAM,sBAAsB,oBAAoB,EAAE,eAAe;CAGjE,MAAM,SADS,cAAc,EAAE,KAAK,aAAa,CAClC,CAAA,CAAO;EACpB;EACA;EACA,aAAa;EAGb,iBAAiB,QAAQ,YAAY;EACrC;EACA;CACF,CAAC;CAKD,MAAM,eAAe,eAAe,oBAAC,KAAD;EAAK,KAAK,OAAO;EAAW,UAAA;CAAc,CAAA,IAAI;CAElF,OACE,qBAAC,KAAD;EAAK,IAAG;EAAS,KAAK,CAAC,OAAO,MAAM,GAAG;EAAQ;EAAK,GAAI;EAAxD,UAAA,CACE,qBAAC,KAAD;GAAK,KAAK,OAAO;GAAa,UAAU,iBAAiB,SAAS,KAAA,IAAY;GAA9E,UAAA;IACG,iBAAiB,oBAAC,KAAD;KAAK,KAAK,OAAO;KAAa,UAAA;IAAgB,CAAA;IAE/D,iBAAiB;IAElB,qBAAC,KAAD;KAAK,KAAK,OAAO;KAAjB,UAAA;MACE,qBAAC,KAAD;OAAK,KAAK,OAAO;OAAjB,UAAA,CACG,aAAa,oBAAC,KAAD;QAAK,KAAK,OAAO;QAAS,UAAA;OAAY,CAAA,GAEpD,qBAAC,KAAD;QAAK,KAAK,OAAO;QAAjB,UAAA,CACE,qBAAC,KAAD;SAAK,KAAK,OAAO;SAAjB,UAAA,CAOE,oBAAC,uBAAD;UAAuB,UAAU,CAAC;UAAqB,WAAU;UAAe,MAAM;UAMpF,UAAA,oBAAC,MAAD;WAAM,IAAG;WAAK,KAAK,OAAO;WAAO,KAAK;WAAU,UAAU,sBAAsB,IAAI,KAAA;WACjF,UAAA;UACG,CAAA;SACe,CAAA,GACtB,YAAY,oBAAC,KAAD;UAAK,KAAK,OAAO;UAAQ,UAAA;SAAW,CAAA,CAC9C;QAEJ,CAAA,GAAA,oBAAoB,kBAAkB,KAAA,KACrC,oBAAC,uBAAD;SAAuB,UAAU,CAAC;SAAsB,WAAU;SAAe,MAAM;SACrF,UAAA,oBAAC,MAAD;UAAM,KAAK,OAAO;UAAe,KAAK;UAAc,UAAU,uBAAuB,IAAI,KAAA;UACtF,UAAA;SACG,CAAA;QACe,CAAA,CAEtB;OACF,CAAA,CAAA;;MAEJ,CAAC,iBAAiB;MAElB,cAAc,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAc;MAAc,CAAA;KACzD;;GACF;EAEJ,CAAA,GAAA,WAAW,oBAAC,KAAD;GAAK,KAAK,OAAO;GAAO,UAAA;EAAU,CAAA,CAC3C;;AAET,CAAC;AAED,iBAAiB,cAAc"}
+{"version":3,"file":"BitkitPageHeader.js","names":[],"sources":["../../../lib/components/BitkitPageHeader/BitkitPageHeader.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { isEmptyNode } from '../../utilities/isEmptyNode';\nimport useIsTruncated from '../../utilities/useIsTruncated';\nimport BitkitOverflowTooltip from '../BitkitOverflowTooltip/BitkitOverflowTooltip';\n\nexport interface BitkitPageHeaderProps extends Omit<BoxProps, 'title'> {\n  /**\n   * Avatar, app icon or thumbnail rendered before the title. Hidden in the collapsed layout.\n   *\n   * Belongs to the sub-page layouts: the design's main-page header is a title and its subtitle with\n   * no avatar, so pass this alongside a `breadcrumb`.\n   *\n   * Size it to match the design's two sub-page cards, since the node is yours to build: `size=\"40\"`\n   * (8px radius) against a bare title, and `size=\"48\"` (10px radius) once `secondaryText` is\n   * present — the same avatar the `app` and `user` content shapes use.\n   */\n  avatar?: ReactNode;\n  /** Badge rendered next to the title. Hidden in the collapsed layout. */\n  badge?: ReactNode;\n  /**\n   * Breadcrumb trail above the title — pass a `BitkitBreadcrumb`. Its presence is what switches the\n   * header from the design's main-page layout to a sub-page one, so there is no separate page-type\n   * prop: the recipe's own `hasBreadcrumb` variant is derived from it.\n   *\n   * The two layouts carry more than the trail. A main-page header is a title and its subtitle —\n   * top-level pages and product overviews — with no avatar and no `app`/`user` content shape. Those\n   * belong to sub-pages, so pass them together with a trail.\n   */\n  breadcrumb?: ReactNode;\n  /**\n   * Trailing action buttons. Stacked full-width below the title on mobile, primary action on top.\n   *\n   * The collapsed row is built for `size=\"sm\"` buttons and the expanded header for `size=\"md\"`.\n   * Actions arrive as children, so the component cannot set that for you — pass a flat `size=\"sm\"`\n   * whenever `minimal` or `isSticky` is in play.\n   *\n   * Flat, not responsive: Bitkit icons render a different SVG asset per size, so `BitkitButton`\n   * resolves `size` in JS and a `{ base, tablet }` object matches no key, falling through to a 24px\n   * icon in a 32px button. Since the header collapses in CSS from `tablet` up, a `sm` action is a\n   * little small in the expanded mobile layout — but the design draws no mobile frame for the\n   * collapsed variants, so `sm` is the closer of the two.\n   */\n  children?: ReactNode;\n  /**\n   * Shape of the title block, mirroring the design's `content` property. `title` is a page title\n   * with an optional subtitle; `app` and `user` are the tighter entity layouts — a larger avatar\n   * centred against a smaller title and 14px secondary text. They differ only in the gap between\n   * the avatar and the text, 16 and 12 respectively.\n   */\n  contentVariant?: 'title' | 'app' | 'user';\n  /**\n   * Lines the header's content up with the page content below it. The root stays full-width, so\n   * the background and the bottom border still run edge to edge — which a wrapper around the whole\n   * header could not do.\n   *\n   * Pass the same value as that column's `max-width`, as rems — `rem()` builds one from a pixel\n   * figure — and the content is capped and centred with it. Box-sizing is border-box throughout\n   * Bitkit, so the value includes the header's own inline padding, which this layout puts at 32 on\n   * both sides rather than the default 24 and 32.\n   *\n   * `'full'` is the same layout without the cap, for a content column that runs the full width: the\n   * 32 on both sides, nothing to centre. The default 24 is for a header that runs over a sidebar and\n   * lines up with its items instead.\n   *\n   * Its presence is the toggle: without it the header keeps the default inset.\n   *\n   * The cap applies at every breakpoint, deliberately — a content column's own `max-width` is not\n   * breakpoint-scoped either, so scoping this one would misalign the two wherever the column is\n   * narrow enough to bite on mobile. What does change with the breakpoint is the inline padding,\n   * 16 below `tablet` and 32 above, which is the same pair such a column uses.\n   */\n  contentWidth?: `${number}rem` | 'full';\n  /**\n   * Inline controls between the trail and the actions — a view switcher, filters, a settings menu.\n   * Their presence spreads the row into three groups instead of the usual trail-and-actions pair,\n   * which is the shape the design file calls `PageHeader-WFE`.\n   *\n   * Belongs to the collapsed row, so it is honoured by `variant=\"minimal\"` *and* by `isSticky` —\n   * the two produce the same row — and ignored in the expanded layouts, which the design draws no\n   * controls in.\n   */\n  controls?: ReactNode;\n  /**\n   * Renders the compact single-row layout used while the header is stuck to the top of the viewport.\n   * Appearance only — the consumer owns scroll detection and any portalling, since the sticky offset\n   * and header container are application concerns.\n   *\n   * Ignored below the `tablet` breakpoint, where the header always stays expanded.\n   *\n   * Pair it with `size=\"sm\"` actions — see `children`.\n   */\n  isSticky?: boolean;\n  /**\n   * Descriptive text below the title. Hidden in the collapsed layout.\n   *\n   * A string, like `title`, so it can be truncated to one line and carried in full by the tooltip\n   * that appears when it does not fit.\n   */\n  secondaryText?: string;\n  /**\n   * Draws the line along the header's bottom edge. Set it to `false` for a header that flows\n   * straight into the page, and the bottom padding goes with the line: the header's background is\n   * the page's, so without the line that padding would only be a margin the page cannot shrink. The\n   * page spaces its content from the header itself.\n   *\n   * The collapsed row keeps its padding, which centres the row rather than spacing the page, and from\n   * `tablet` a header with `isSticky` keeps its line as well, since content scrolls under it. Below\n   * `tablet` `isSticky` is ignored, so there the line goes too.\n   *\n   * Ignored with `tabs`, whose list sits on that edge. That includes `variant=\"minimal\"`, which hides\n   * the tab list from `tablet`: the line stays although no tabs show above it.\n   */\n  showDivider?: boolean;\n  /**\n   * Tab bar along the bottom edge — pass a `BitkitTabs.List`. Hidden in the collapsed layout.\n   *\n   * The node is rendered inside the header, so tab panels cannot be siblings of the row. To drive\n   * page content from it, put `BitkitTabs.Root` around the header *and* the content, and pass only\n   * the list here — `BitkitTabs.List` reads its Root from context and throws without an ancestor:\n   *\n   * ```tsx\n   * <BitkitTabs.Root defaultValue=\"overview\">\n   *   <BitkitPageHeader tabs={<BitkitTabs.List>…</BitkitTabs.List>} title=\"Build Hub\" />\n   *   <BitkitTabs.ContentGroup>\n   *     <BitkitTabs.Content padding=\"32\" value=\"overview\">…</BitkitTabs.Content>\n   *   </BitkitTabs.ContentGroup>\n   * </BitkitTabs.Root>\n   * ```\n   *\n   * Only the row is hidden when the header collapses — the panels live outside it and keep\n   * rendering, so the page never blanks.\n   */\n  tabs?: ReactNode;\n  /**\n   * The page title, as a string. Everything passed here lands inside the `h1`, so it is the\n   * heading's accessible name and nothing else belongs in it — the avatar, badge and secondary\n   * text each have their own slot. Required: it is what gives the header a page heading at every\n   * breakpoint.\n   *\n   * Truncated to a single line with an ellipsis. When it does not fit, hovering or focusing it\n   * shows the full string in a tooltip — so a long title never grows the header.\n   *\n   * In the collapsed layout (`minimal` or `isSticky`) *with* a `breadcrumb`, the design shows the\n   * title in the trail rather than as a heading, so end the breadcrumb with a\n   * `BitkitBreadcrumb.CurrentItem` carrying it — the title is then rendered as a visually hidden\n   * `h1`, since `Breadcrumb.CurrentLink` is a link and not a heading. Below `tablet` the header\n   * never collapses and the visible heading is used instead (`BitkitBreadcrumb` drops its\n   * `CurrentItem` on mobile).\n   */\n  title: string;\n  /**\n   * `minimal` collapses the header to the single breadcrumb row used by sub-pages that don't repeat\n   * their title as a heading. Like `isSticky`, it only collapses from `tablet` up, and expects\n   * `size=\"sm\"` actions — see `children`.\n   */\n  variant?: 'default' | 'minimal';\n}\n\nconst BitkitPageHeader = forwardRef<HTMLElement, BitkitPageHeaderProps>((props, ref) => {\n  const {\n    avatar,\n    badge,\n    breadcrumb,\n    children,\n    contentVariant,\n    contentWidth,\n    controls,\n    css,\n    isSticky,\n    secondaryText,\n    showDivider = true,\n    tabs,\n    title,\n    variant,\n    ...rest\n  } = props;\n\n  // Which slots the collapsed row drops, and whether it collapses at all, is decided entirely by\n  // the recipe's `tablet`-scoped styles. Nothing here branches on the viewport: a breakpoint hook\n  // would render the wrong layout on first paint, since Chakra's `useMediaQuery` returns its\n  // fallback until after mount.\n\n  // A slot's presence is its own toggle, so all of them share one emptiness test rather than plain\n  // truthiness: an array whose entries all render nothing — `items.map()` where every branch is\n  // `null` — is still truthy, and would otherwise render a wrapper that only contributes gap. For\n  // `controls` it would also spread the row into three groups around an empty middle one.\n  const hasAvatar = !isEmptyNode(avatar);\n  const hasBadge = !isEmptyNode(badge);\n  const hasBreadcrumb = !isEmptyNode(breadcrumb);\n  const hasActions = !isEmptyNode(children);\n  const hasSecondaryText = !isEmptyNode(secondaryText);\n  const hasTabs = !isEmptyNode(tabs);\n\n  // `BitkitOverflowTooltip` does no measuring of its own — it shows the tooltip unless told not to,\n  // so each truncating text reports whether it is actually clipped and suppresses its own tooltip\n  // when it is not. Keyed on the text so a change re-measures without waiting for a resize.\n  const { isTruncated: isTitleTruncated, ref: titleRef } = useIsTruncated<HTMLHeadingElement>(title);\n  const { isTruncated: isSecondaryTruncated, ref: secondaryRef } = useIsTruncated<HTMLParagraphElement>(secondaryText);\n\n  // The design only draws inline controls in the collapsed row, so they are ignored in the\n  // expanded layouts rather than left to land somewhere undesigned. `minimal` and `isSticky`\n  // produce that row through the same `collapsedSlots`, so both have to honour them — gating on\n  // `minimal` alone left `isSticky` rendering the identical row with the middle group missing.\n  const isCollapsed = variant === 'minimal' || Boolean(isSticky);\n  const showControls = !isEmptyNode(controls) && isCollapsed;\n\n  // The collapsed row with a trail makes the title block `srOnly`, which is a 1px box — so the\n  // measurement reports \"truncated\" for a heading nobody can see. Left alone that puts a tab stop\n  // on an invisible element and opens a tooltip against it. The trail already carries the title as\n  // its current item in exactly that layout, so there is nothing to surface anyway.\n  const canShowTitleTooltip = isTitleTruncated && !(isCollapsed && hasBreadcrumb);\n\n  const recipe = useSlotRecipe({ key: 'pageHeader' });\n  const styles = recipe({\n    contentVariant,\n    hasBreadcrumb,\n    hasControls: showControls,\n    hasDivider: showDivider || hasTabs,\n    // The cap is a length the consumer chooses, so it cannot be a recipe variant -- the variant\n    // carries the layout switch and the `maxWidth` below carries the value.\n    alignsToContent: Boolean(contentWidth),\n    isSticky,\n    variant,\n  });\n\n  // The controls are the middle of three groups, so they follow whichever element holds the left\n  // slot: the trail when there is one, otherwise the title — which lives inside `contentBlock`, so\n  // they have to go in there with it rather than beside it.\n  const controlsNode = showControls ? <Box css={styles.controls}>{controls}</Box> : null;\n\n  return (\n    <Box as=\"header\" css={[styles.root, css]} ref={ref} {...rest}>\n      <Box css={styles.headerBlock} maxWidth={contentWidth === 'full' ? undefined : contentWidth}>\n        {hasBreadcrumb && <Box css={styles.breadcrumb}>{breadcrumb}</Box>}\n\n        {hasBreadcrumb && controlsNode}\n\n        <Box css={styles.contentBlock}>\n          <Box css={styles.titleBlock}>\n            {hasAvatar && <Box css={styles.avatar}>{avatar}</Box>}\n\n            <Box css={styles.textBlock}>\n              <Box css={styles.titleRow}>\n                {/*\n                  `bottom-start` rather than the tooltip's default `right`: these texts are\n                  full-width rows, so a right-hand tooltip lands over the actions. Opening below and\n                  aligned to the text's start keeps it clear of them and lines it up with the text\n                  it repeats.\n                */}\n                <BitkitOverflowTooltip disabled={!canShowTitleTooltip} placement=\"bottom-start\" text={title}>\n                  {/*\n                    `tabIndex` only while truncated: the tooltip trigger is rendered `asChild`, so an\n                    `h1` stays unfocusable and the full title would be mouse-only. Adding the tab\n                    stop unconditionally would put one in every header for no benefit.\n                  */}\n                  <Text as=\"h1\" css={styles.title} ref={titleRef} tabIndex={canShowTitleTooltip ? 0 : undefined}>\n                    {title}\n                  </Text>\n                </BitkitOverflowTooltip>\n                {hasBadge && <Box css={styles.badge}>{badge}</Box>}\n              </Box>\n\n              {hasSecondaryText && secondaryText !== undefined && (\n                <BitkitOverflowTooltip disabled={!isSecondaryTruncated} placement=\"bottom-start\" text={secondaryText}>\n                  <Text css={styles.secondaryText} ref={secondaryRef} tabIndex={isSecondaryTruncated ? 0 : undefined}>\n                    {secondaryText}\n                  </Text>\n                </BitkitOverflowTooltip>\n              )}\n            </Box>\n          </Box>\n\n          {!hasBreadcrumb && controlsNode}\n\n          {hasActions && <Box css={styles.actionBlock}>{children}</Box>}\n        </Box>\n      </Box>\n\n      {hasTabs && <Box css={styles.tabs}>{tabs}</Box>}\n    </Box>\n  );\n});\n\nBitkitPageHeader.displayName = 'BitkitPageHeader';\n\nexport default BitkitPageHeader;\n"],"mappings":";;;;;;;;;AAkKA,IAAM,mBAAmB,YAAgD,OAAO,QAAQ;CACtF,MAAM,EACJ,QACA,OACA,YACA,UACA,gBACA,cACA,UACA,KACA,UACA,eACA,cAAc,MACd,MACA,OACA,SACA,GAAG,SACD;CAWJ,MAAM,YAAY,CAAC,YAAY,MAAM;CACrC,MAAM,WAAW,CAAC,YAAY,KAAK;CACnC,MAAM,gBAAgB,CAAC,YAAY,UAAU;CAC7C,MAAM,aAAa,CAAC,YAAY,QAAQ;CACxC,MAAM,mBAAmB,CAAC,YAAY,aAAa;CACnD,MAAM,UAAU,CAAC,YAAY,IAAI;CAKjC,MAAM,EAAE,aAAa,kBAAkB,KAAK,aAAa,eAAmC,KAAK;CACjG,MAAM,EAAE,aAAa,sBAAsB,KAAK,iBAAiB,eAAqC,aAAa;CAMnH,MAAM,cAAc,YAAY,aAAa,QAAQ,QAAQ;CAC7D,MAAM,eAAe,CAAC,YAAY,QAAQ,KAAK;CAM/C,MAAM,sBAAsB,oBAAoB,EAAE,eAAe;CAGjE,MAAM,SADS,cAAc,EAAE,KAAK,aAAa,CAClC,CAAA,CAAO;EACpB;EACA;EACA,aAAa;EACb,YAAY,eAAe;EAG3B,iBAAiB,QAAQ,YAAY;EACrC;EACA;CACF,CAAC;CAKD,MAAM,eAAe,eAAe,oBAAC,KAAD;EAAK,KAAK,OAAO;EAAW,UAAA;CAAc,CAAA,IAAI;CAElF,OACE,qBAAC,KAAD;EAAK,IAAG;EAAS,KAAK,CAAC,OAAO,MAAM,GAAG;EAAQ;EAAK,GAAI;EAAxD,UAAA,CACE,qBAAC,KAAD;GAAK,KAAK,OAAO;GAAa,UAAU,iBAAiB,SAAS,KAAA,IAAY;GAA9E,UAAA;IACG,iBAAiB,oBAAC,KAAD;KAAK,KAAK,OAAO;KAAa,UAAA;IAAgB,CAAA;IAE/D,iBAAiB;IAElB,qBAAC,KAAD;KAAK,KAAK,OAAO;KAAjB,UAAA;MACE,qBAAC,KAAD;OAAK,KAAK,OAAO;OAAjB,UAAA,CACG,aAAa,oBAAC,KAAD;QAAK,KAAK,OAAO;QAAS,UAAA;OAAY,CAAA,GAEpD,qBAAC,KAAD;QAAK,KAAK,OAAO;QAAjB,UAAA,CACE,qBAAC,KAAD;SAAK,KAAK,OAAO;SAAjB,UAAA,CAOE,oBAAC,uBAAD;UAAuB,UAAU,CAAC;UAAqB,WAAU;UAAe,MAAM;UAMpF,UAAA,oBAAC,MAAD;WAAM,IAAG;WAAK,KAAK,OAAO;WAAO,KAAK;WAAU,UAAU,sBAAsB,IAAI,KAAA;WACjF,UAAA;UACG,CAAA;SACe,CAAA,GACtB,YAAY,oBAAC,KAAD;UAAK,KAAK,OAAO;UAAQ,UAAA;SAAW,CAAA,CAC9C;QAEJ,CAAA,GAAA,oBAAoB,kBAAkB,KAAA,KACrC,oBAAC,uBAAD;SAAuB,UAAU,CAAC;SAAsB,WAAU;SAAe,MAAM;SACrF,UAAA,oBAAC,MAAD;UAAM,KAAK,OAAO;UAAe,KAAK;UAAc,UAAU,uBAAuB,IAAI,KAAA;UACtF,UAAA;SACG,CAAA;QACe,CAAA,CAEtB;OACF,CAAA,CAAA;;MAEJ,CAAC,iBAAiB;MAElB,cAAc,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAc;MAAc,CAAA;KACzD;;GACF;EAEJ,CAAA,GAAA,WAAW,oBAAC,KAAD;GAAK,KAAK,OAAO;GAAO,UAAA;EAAU,CAAA,CAC3C;;AAET,CAAC;AAED,iBAAiB,cAAc"}

package/dist/theme/semantic-tokens/index.d.ts

@@ -1986,6 +1986,11 @@ declare const semanticTokens: {
                 base: string;
             };
         };
+        'utilities/overlay-dark': {
+            value: {
+                base: string;
+            };
+        };
         'utilities/skeleton': {
             value: {
                 base: string;

package/dist/theme/semantic-tokens/semanticColors.d.ts

@@ -1985,6 +1985,11 @@ declare const semanticColors: {
             base: string;
         };
     };
+    'utilities/overlay-dark': {
+        value: {
+            base: string;
+        };
+    };
     'utilities/skeleton': {
         value: {
             base: string;

package/dist/theme/semantic-tokens/semanticColors.js

@@ -415,6 +415,7 @@ var semanticColors = defineSemanticTokens.colors({
 	"utilities/overlay": { value: { base: "color-mix(in srgb, {colors.neutral.10} 50%, transparent)" } },
 	"utilities/overlay-side": { value: { base: "linear-gradient(90deg, color-mix(in srgb, {colors.neutral.10} 0%, transparent) 0%, color-mix(in srgb, {colors.neutral.10} 32%, transparent) 100%)" } },
 	"utilities/overlay-light": { value: { base: "color-mix(in srgb, {colors.neutral.10} 16%, transparent)" } },
+	"utilities/overlay-dark": { value: { base: "color-mix(in srgb, {colors.neutral.10} 80%, transparent)" } },
 	"utilities/skeleton": { value: { base: "{colors.sys/bg/subtle}" } },
 	"utilities/skeleton-highlight": { value: { base: "{colors.background/primary}" } }
 });

package/dist/theme/semantic-tokens/semanticColors.js.map

@@ -1 +1 @@
-{"version":3,"file":"semanticColors.js","names":[],"sources":["../../../lib/theme/semantic-tokens/semanticColors.ts"],"sourcesContent":["import { defineSemanticTokens } from '@chakra-ui/react/styled-system';\n\nconst semanticColors = defineSemanticTokens.colors({\n  // sys\n  'sys/fg/base': { value: { _light: '{colors.neutral.10}' } },\n  'sys/fg/primary': { value: { _light: '{colors.purple.10}' } },\n  'sys/fg/secondary': { value: { _light: '{colors.neutral.40}' } },\n  'sys/fg/tertiary': { value: { _light: '{colors.neutral.60}' } },\n  'sys/fg/subtle': { value: { _light: '{colors.neutral.70}' } },\n  'sys/fg/minimal': { value: { _light: '{colors.neutral.80}' } },\n  'sys/fg/positive': { value: { _light: '{colors.green.50}' } },\n  'sys/fg/negative': { value: { _light: '{colors.red.50}' } },\n  'sys/fg/on-color': { value: { _light: '{colors.neutral.100}' } },\n  'sys/fg/on-contrast': { value: { _light: '{colors.neutral.95}' } },\n  'sys/fg/on-disabled': { value: { _light: '{colors.neutral.70}' } },\n  'sys/fg/disabled': { value: { _light: '{colors.neutral.80}' } },\n  'sys/fg/warning': { value: { _light: '{colors.yellow.60}' } },\n  'sys/bg/surface': { value: { _light: '{colors.neutral.100}' } },\n  'sys/bg/contrast': { value: { _light: '{colors.neutral.10}' } },\n  'sys/bg/moderate': { value: { _light: '{colors.neutral.90}' } },\n  'sys/bg/subtle': { value: { _light: '{colors.neutral.93}' } },\n  'sys/bg/minimal': { value: { _light: '{colors.neutral.95}' } },\n  'sys/bg/disabled': { value: { _light: '{colors.neutral.95}' } },\n  'sys/bg/transparent': { value: { _light: 'rgba(255, 255, 255, 0)' } },\n  'sys/border/minimal': { value: { _light: '{colors.neutral.93}' } },\n  'sys/border/subtle': { value: { _light: '{colors.neutral.90}' } },\n  'sys/border/strong': { value: { _light: '{colors.neutral.80}' } },\n  'sys/border/emphasized': { value: { _light: '{colors.neutral.70}' } },\n  'sys/border/critical': { value: { _light: '{colors.red.50}' } },\n  'sys/border/inverse': { value: { _light: '{colors.neutral.100}' } },\n  'sys/border/on-contrast': { value: { _light: '{colors.neutral.95}' } },\n  'sys/border/disabled': { value: { _light: '{colors.neutral.90}' } },\n  'sys/primary/base': { value: { _light: '{colors.purple.40}' } },\n  'sys/primary/dark': { value: { _light: '{colors.purple.20}' } },\n  'sys/primary/emphasized': { value: { _light: '{colors.purple.30}' } },\n  'sys/primary/contrast': { value: { _light: '{colors.purple.10}' } },\n  'sys/primary/muted': { value: { _light: '{colors.purple.80}' } },\n  'sys/primary/subtle': { value: { _light: '{colors.purple.93}' } },\n  'sys/primary/disabled': { value: { _light: '{colors.neutral.90}' } },\n  'sys/primary-danger/base': { value: { _light: '{colors.red.50}' } },\n  'sys/primary-danger/dark': { value: { _light: '{colors.red.20}' } },\n  'sys/primary-danger/strong': { value: { _light: '{colors.red.40}' } },\n  'sys/primary-danger/bold': { value: { _light: '{colors.red.60}' } },\n  'sys/primary-danger/muted': { value: { _light: '{colors.red.80}' } },\n  'sys/primary-danger/moderate': { value: { _light: '{colors.red.90}' } },\n  'sys/primary-danger/subtle': { value: { _light: '{colors.red.93}' } },\n  'sys/primary-danger/minimal': { value: { _light: '{colors.red.95}' } },\n  'sys/fixed/icon/primary': { value: { _light: '{colors.purple.10}' } },\n  'sys/fixed/icon/warning': { value: { _light: '{colors.yellow.80}' } },\n\n  // color\n  'color/purple/base': { value: { _light: '{colors.purple.50}' } },\n  'color/purple/strong': { value: { _light: '{colors.purple.40}' } },\n  'color/purple/bold': { value: { _light: '{colors.purple.60}' } },\n  'color/purple/highlight': { value: { _light: '{colors.purple.70}' } },\n  'color/purple/muted': { value: { _light: '{colors.purple.80}', _dark: '{colors.purple.40}' } },\n  'color/purple/moderate': { value: { _light: '{colors.purple.90}' } },\n  'color/purple/subtle': { value: { _light: '{colors.purple.93}' } },\n  'color/purple/minimal': { value: { _light: '{colors.purple.95}', _dark: '{colors.purple.10}' } },\n  'color/indigo/base': { value: { _light: '{colors.indigo.50}' } },\n  'color/indigo/dark': { value: { _light: '{colors.indigo.20}' } },\n  'color/indigo/emphasized': { value: { _light: '{colors.indigo.30}' } },\n  'color/indigo/strong': { value: { _light: '{colors.indigo.40}' } },\n  'color/indigo/bold': { value: { _light: '{colors.indigo.60}' } },\n  'color/indigo/muted': { value: { _light: '{colors.indigo.80}', _dark: '{colors.indigo.40}' } },\n  'color/indigo/moderate': { value: { _light: '{colors.indigo.90}' } },\n  'color/indigo/subtle': { value: { _light: '{colors.indigo.93}' } },\n  'color/indigo/minimal': { value: { _light: '{colors.indigo.95}', _dark: '{colors.indigo.10}' } },\n  'color/blue/base': { value: { _light: '{colors.blue.50}' } },\n  'color/blue/strong': { value: { _light: '{colors.blue.40}' } },\n  'color/blue/bold': { value: { _light: '{colors.blue.60}' } },\n  'color/blue/muted': { value: { _light: '{colors.blue.80}', _dark: '{colors.blue.40}' } },\n  'color/blue/moderate': { value: { _light: '{colors.blue.90}' } },\n  'color/blue/subtle': { value: { _light: '{colors.blue.93}' } },\n  'color/blue/minimal': { value: { _light: '{colors.blue.95}', _dark: '{colors.blue.10}' } },\n  'color/green/base': { value: { _light: '{colors.green.50}' } },\n  'color/green/strong': { value: { _light: '{colors.green.40}' } },\n  'color/green/bold': { value: { _light: '{colors.green.60}' } },\n  'color/green/muted': { value: { _light: '{colors.green.80}' } },\n  'color/green/moderate': { value: { _light: '{colors.green.90}' } },\n  'color/green/subtle': { value: { _light: '{colors.green.93}' } },\n  'color/green/minimal': { value: { _light: '{colors.green.95}' } },\n  'color/yellow/base': { value: { _light: '{colors.yellow.50}' } },\n  'color/yellow/strong': { value: { _light: '{colors.yellow.40}' } },\n  'color/yellow/bold': { value: { _light: '{colors.yellow.60}' } },\n  'color/yellow/muted': { value: { _light: '{colors.yellow.80}' } },\n  'color/yellow/moderate': { value: { _light: '{colors.yellow.90}' } },\n  'color/yellow/subtle': { value: { _light: '{colors.yellow.93}' } },\n  'color/yellow/minimal': { value: { _light: '{colors.yellow.95}' } },\n  'color/red/base': { value: { _light: '{colors.red.50}' } },\n  'color/red/dark': { value: { _light: '{colors.red.20}' } },\n  'color/red/strong': { value: { _light: '{colors.red.40}' } },\n  'color/red/bold': { value: { _light: '{colors.red.60}' } },\n  'color/red/muted': { value: { _light: '{colors.red.80}' } },\n  'color/red/moderate': { value: { _light: '{colors.red.90}' } },\n  'color/red/subtle': { value: { _light: '{colors.red.93}' } },\n  'color/red/minimal': { value: { _light: '{colors.red.95}' } },\n  'color/neutral/base': { value: { _light: '{colors.neutral.50}' } },\n  'color/neutral/strong': { value: { _light: '{colors.neutral.40}' } },\n  'color/neutral/bold': { value: { _light: '{colors.neutral.60}' } },\n  'color/neutral/muted': { value: { _light: '{colors.neutral.80}' } },\n  'color/neutral/moderate': { value: { _light: '{colors.neutral.90}' } },\n  'color/neutral/subtle': { value: { _light: '{colors.neutral.93}' } },\n  'color/neutral/minimal': { value: { _light: '{colors.neutral.95}' } },\n  'color/orange/base': { value: { _light: '{colors.orange.50}' } },\n  'color/orange/strong': { value: { _light: '{colors.orange.40}' } },\n  'color/orange/bold': { value: { _light: '{colors.orange.60}' } },\n  'color/orange/muted': { value: { _light: '{colors.orange.80}' } },\n  'color/orange/moderate': { value: { _light: '{colors.orange.90}' } },\n  'color/orange/subtle': { value: { _light: '{colors.orange.93}' } },\n  'color/orange/minimal': { value: { _light: '{colors.orange.95}' } },\n  'color/turquoise/base': { value: { _light: '{colors.turquoise.50}' } },\n  'color/turquoise/dark': { value: { _light: '{colors.turquoise.20}' } },\n  'color/turquoise/emphasized': { value: { _light: '{colors.turquoise.30}' } },\n  'color/turquoise/strong': { value: { _light: '{colors.turquoise.40}' } },\n  'color/turquoise/bold': { value: { _light: '{colors.turquoise.60}' } },\n  'color/turquoise/muted': { value: { _light: '{colors.turquoise.80}' } },\n  'color/turquoise/moderate': { value: { _light: '{colors.turquoise.90}' } },\n  'color/turquoise/subtle': { value: { _light: '{colors.turquoise.93}' } },\n  'color/turquoise/minimal': { value: { _light: '{colors.turquoise.95}' } },\n  'color/transparent': { value: { _light: '{colors.sys/bg/transparent}' } },\n  'color/white/10': { value: { _light: '{colors.white.10}' } },\n  'color/white/15': { value: { _light: '{colors.white.15}' } },\n  'color/white/20': { value: { _light: '{colors.white.20}' } },\n  'color/white/30': { value: { _light: '{colors.white.30}' } },\n  'color/white/40': { value: { _light: '{colors.white.40}' } },\n  'color/white/50': { value: { _light: '{colors.white.50}' } },\n  'color/white/60': { value: { _light: '{colors.white.60}' } },\n  'color/white/70': { value: { _light: '{colors.white.70}' } },\n  'color/white/80': { value: { _light: '{colors.white.80}' } },\n  'color/white/85': { value: { _light: '{colors.white.85}' } },\n  'color/white/90': { value: { _light: '{colors.white.90}' } },\n  'color/white/100': { value: { _light: '{colors.white.100}' } },\n\n  // gradient/ai\n  'gradient/ai/background/base': {\n    value: {\n      base: 'linear-gradient(90deg, {colors.color/purple/base} 0%, {colors.color/indigo/base} 50%, {colors.color/blue/base} 100%)',\n    },\n  },\n  'gradient/ai/background/bold': {\n    value: {\n      base: 'linear-gradient(90deg, {colors.color/purple/bold} 0%, {colors.color/indigo/bold} 50%, {colors.color/blue/bold} 100%)',\n    },\n  },\n  'gradient/ai/background/muted': {\n    value: {\n      base: 'linear-gradient(90deg, {colors.color/purple/muted} 0%, {colors.color/indigo/muted} 50%, {colors.color/blue/muted} 100%)',\n    },\n  },\n  'gradient/ai/background/minimal': {\n    value: {\n      base: 'linear-gradient(90deg, {colors.color/purple/minimal} 0%, {colors.color/indigo/minimal} 50%, {colors.color/blue/minimal} 100%)',\n    },\n  },\n  'gradient/ai/background/subtle': {\n    value: {\n      base: 'linear-gradient(90deg, {colors.color/purple/subtle} 0%, {colors.color/indigo/subtle} 50%, {colors.color/blue/subtle} 100%)',\n    },\n  },\n  'gradient/ai/background/moderate': {\n    value: {\n      base: 'linear-gradient(90deg, {colors.color/purple/moderate} 0%, {colors.color/indigo/moderate} 50%, {colors.color/blue/moderate} 100%)',\n    },\n  },\n  'gradient/ai/background/minimal-vertical': {\n    value: {\n      base: 'linear-gradient(180deg, {colors.color/purple/minimal} 0%, {colors.color/indigo/minimal} 50%, {colors.color/blue/minimal} 100%)',\n    },\n  },\n  'gradient/ai/background/surface': {\n    value: { base: 'linear-gradient(180deg, {colors.neutral.100} 0%, {colors.color/indigo/minimal} 100%)' },\n  },\n  'gradient/ai/border/minimal': {\n    value: {\n      base: 'linear-gradient(135deg, {colors.color/purple/minimal} 0%, {colors.color/indigo/minimal} 50%, {colors.color/blue/minimal} 100%)',\n    },\n  },\n  'gradient/ai/border/subtle': {\n    value: {\n      base: 'linear-gradient(135deg, {colors.color/purple/subtle} 0%, {colors.color/indigo/subtle} 50%, {colors.color/blue/subtle} 100%)',\n    },\n  },\n  'gradient/ai/border/strong': {\n    value: {\n      base: 'linear-gradient(135deg, {colors.color/purple/muted} 0%, {colors.color/indigo/muted} 50%, {colors.color/blue/muted} 100%)',\n    },\n  },\n  'gradient/overflow/bottom': {\n    value: {\n      base: 'linear-gradient(180deg, color-mix(in srgb, {colors.neutral.100} 0%, transparent) 0%, {colors.neutral.100} 100%)',\n    },\n  },\n  'gradient/overflow/right': {\n    value: {\n      base: 'linear-gradient(90deg, color-mix(in srgb, {colors.neutral.100} 0%, transparent) 0%, {colors.neutral.100} 100%)',\n    },\n  },\n\n  // background\n  'background/primary': { value: { base: '{colors.sys/bg/surface}' } },\n  'background/secondary': { value: { base: '{colors.sys/bg/minimal}' } },\n  'background/tertiary': { value: { base: '{colors.sys/bg/subtle}' } },\n  'background/hover': { value: { base: '{colors.sys/bg/subtle}' } },\n  'background/active': { value: { base: '{colors.sys/bg/moderate}' } },\n  'background/selected': { value: { base: '{colors.color/purple/minimal}' } },\n  'background/selected-active': { value: { base: '{colors.color/purple/moderate}' } },\n  'background/selected-hover': { value: { base: '{colors.color/purple/subtle}' } },\n  'background/contrast': { value: { base: '{colors.sys/bg/contrast}' } },\n  'background/disabled': { value: { base: '{colors.sys/bg/disabled}' } },\n\n  // border\n  'border/regular': { value: { base: '{colors.sys/border/subtle}' } },\n  'border/minimal': { value: { base: '{colors.sys/border/minimal}' } },\n  'border/strong': { value: { base: '{colors.sys/border/strong}' } },\n  'border/hover': { value: { base: '{colors.sys/border/emphasized}' } },\n  'border/focus': { value: { base: '{colors.color/purple/highlight}' } },\n  'border/selected': { value: { base: '{colors.color/purple/base}' } },\n  'border/error': { value: { base: '{colors.sys/border/critical}' } },\n  'border/inverse': { value: { base: '{colors.sys/border/inverse}' } },\n  'border/on-contrast': { value: { base: '{colors.sys/border/on-contrast}' } },\n  'border/disabled': { value: { base: '{colors.sys/border/disabled}' } },\n\n  // text\n  'text/primary': { value: { base: '{colors.sys/fg/primary}' } },\n  'text/secondary': { value: { base: '{colors.sys/fg/secondary}' } },\n  'text/tertiary': { value: { base: '{colors.sys/fg/tertiary}' } },\n  'text/body': { value: { base: '{colors.sys/fg/base}' } },\n  'text/helper': { value: { base: '{colors.sys/fg/secondary}' } },\n  'text/link': { value: { base: '{colors.color/purple/base}' } },\n  'text/link-hover': { value: { base: '{colors.color/purple/strong}' } },\n  'text/selected': { value: { base: '{colors.color/purple/base}' } },\n  'text/positive': { value: { base: '{colors.sys/fg/positive}' } },\n  'text/negative': { value: { base: '{colors.sys/fg/negative}' } },\n  'text/on-color': { value: { base: '{colors.sys/fg/on-color}' } },\n  'text/on-contrast': { value: { base: '{colors.sys/fg/on-contrast}' } },\n  'text/on-disabled': { value: { base: '{colors.sys/fg/on-disabled}' } },\n  'text/disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n\n  // icon\n  'icon/primary': { value: { base: '{colors.sys/fg/primary}' } },\n  'icon/secondary': { value: { base: '{colors.sys/fg/secondary}' } },\n  'icon/tertiary': { value: { base: '{colors.sys/fg/tertiary}' } },\n  'icon/interactive': { value: { base: '{colors.color/purple/base}' } },\n  'icon/interactive-hover': { value: { base: '{colors.color/purple/strong}' } },\n  'icon/positive': { value: { base: '{colors.sys/fg/positive}' } },\n  'icon/negative': { value: { base: '{colors.sys/fg/negative}' } },\n  'icon/on-color': { value: { base: '{colors.sys/fg/on-color}' } },\n  'icon/on-contrast': { value: { base: '{colors.sys/fg/on-contrast}' } },\n  'icon/on-disabled': { value: { base: '{colors.sys/fg/on-disabled}' } },\n  'icon/disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n  'icon/warning': { value: { base: '{colors.sys/fg/warning}' } },\n\n  // button\n  'button/primary/bg': { value: { base: '{colors.sys/primary/base}' } },\n  'button/primary/bg-hover': { value: { base: '{colors.sys/primary/emphasized}' } },\n  'button/primary/bg-active': { value: { base: '{colors.sys/primary/contrast}' } },\n  'button/primary/bg-disabled': { value: { base: '{colors.sys/primary/disabled}' } },\n  'button/primary/fg': { value: { base: '{colors.sys/fg/on-color}' } },\n  'button/primary/fg-hover': { value: { base: '{colors.sys/fg/on-color}' } },\n  'button/primary/fg-active': { value: { base: '{colors.sys/fg/on-color}' } },\n  'button/primary/fg-disabled': { value: { base: '{colors.sys/fg/on-disabled}' } },\n  'button/secondary/bg': { value: { base: '{colors.sys/bg/surface}' } },\n  'button/secondary/bg-hover': { value: { base: '{colors.sys/bg/subtle}' } },\n  'button/secondary/bg-active': { value: { base: '{colors.sys/bg/moderate}' } },\n  'button/secondary/bg-disabled': { value: { base: '{colors.sys/bg/minimal}' } },\n  'button/secondary/text': { value: { base: '{colors.sys/fg/primary}' } },\n  'button/secondary/text-hover': { value: { base: '{colors.sys/fg/primary}' } },\n  'button/secondary/text-active': { value: { base: '{colors.sys/fg/primary}' } },\n  'button/secondary/text-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n  'button/secondary/icon': { value: { base: '{colors.sys/fg/secondary}' } },\n  'button/secondary/icon-hover': { value: { base: '{colors.sys/fg/primary}' } },\n  'button/secondary/icon-active': { value: { base: '{colors.sys/fg/primary}' } },\n  'button/secondary/icon-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n  'button/secondary/border': { value: { base: '{colors.sys/border/strong}' } },\n  'button/secondary/border-hover': { value: { base: '{colors.sys/border/emphasized}' } },\n  'button/secondary/border-active': { value: { base: '{colors.sys/border/emphasized}' } },\n  'button/secondary/border-disabled': { value: { base: '{colors.sys/border/disabled}' } },\n  'button/tertiary/bg': { value: { base: '{colors.sys/bg/transparent}' } },\n  'button/tertiary/bg-hover': { value: { base: '{colors.sys/bg/subtle}' } },\n  'button/tertiary/bg-active': { value: { base: '{colors.sys/bg/moderate}' } },\n  'button/tertiary/bg-disabled': { value: { base: '{colors.sys/bg/transparent}' } },\n  'button/tertiary/fg': { value: { base: '{colors.color/purple/base}' } },\n  'button/tertiary/fg-hover': { value: { base: '{colors.color/purple/strong}' } },\n  'button/tertiary/fg-active': { value: { base: '{colors.sys/fg/primary}' } },\n  'button/tertiary/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n  'button/danger-primary/bg': { value: { base: '{colors.sys/primary-danger/base}' } },\n  'button/danger-primary/bg-hover': { value: { base: '{colors.sys/primary-danger/strong}' } },\n  'button/danger-primary/bg-active': { value: { base: '{colors.sys/primary-danger/dark}' } },\n  'button/danger-primary/bg-disabled': { value: { base: '{colors.sys/primary/disabled}' } },\n  'button/danger-primary/fg': { value: { base: '{colors.sys/fg/on-color}' } },\n  'button/danger-primary/fg-hover': { value: { base: '{colors.sys/fg/on-color}' } },\n  'button/danger-primary/fg-active': { value: { base: '{colors.sys/fg/on-color}' } },\n  'button/danger-primary/fg-disabled': { value: { base: '{colors.sys/fg/on-disabled}' } },\n  'button/danger-secondary/bg': { value: { base: '{colors.sys/bg/surface}' } },\n  'button/danger-secondary/bg-hover': { value: { base: '{colors.color/red/minimal}' } },\n  'button/danger-secondary/bg-active': { value: { base: '{colors.color/red/moderate}' } },\n  'button/danger-secondary/bg-disabled': { value: { base: '{colors.sys/bg/minimal}' } },\n  'button/danger-secondary/fg': { value: { base: '{colors.color/red/base}' } },\n  'button/danger-secondary/fg-hover': { value: { base: '{colors.color/red/base}' } },\n  'button/danger-secondary/fg-active': { value: { base: '{colors.color/red/strong}' } },\n  'button/danger-secondary/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n  'button/danger-secondary/border': { value: { base: '{colors.color/red/muted}' } },\n  'button/danger-secondary/border-hover': { value: { base: '{colors.color/red/muted}' } },\n  'button/danger-secondary/border-active': { value: { base: '{colors.color/red/base}' } },\n  'button/danger-secondary/border-disabled': { value: { base: '{colors.sys/border/disabled}' } },\n  'button/danger-tertiary/bg': { value: { base: '{colors.sys/bg/transparent}' } },\n  'button/danger-tertiary/bg-hover': { value: { base: '{colors.color/red/minimal}' } },\n  'button/danger-tertiary/bg-active': { value: { base: '{colors.color/red/moderate}' } },\n  'button/danger-tertiary/bg-disabled': { value: { base: '{colors.sys/bg/transparent}' } },\n  'button/danger-tertiary/fg': { value: { base: '{colors.color/red/base}' } },\n  'button/danger-tertiary/fg-hover': { value: { base: '{colors.color/red/base}' } },\n  'button/danger-tertiary/fg-active': { value: { base: '{colors.color/red/strong}' } },\n  'button/danger-tertiary/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n  'button/ai-primary/bg': { value: { base: '{colors.color/indigo/base}' } },\n  'button/ai-primary/bg-hover': { value: { base: '{colors.color/indigo/emphasized}' } },\n  'button/ai-primary/bg-active': { value: { base: '{colors.color/indigo/dark}' } },\n  'button/ai-primary/bg-disabled': { value: { base: '{colors.sys/primary/disabled}' } },\n  'button/ai-primary/fg': { value: { base: '{colors.sys/fg/on-color}' } },\n  'button/ai-primary/fg-hover': { value: { base: '{colors.sys/fg/on-color}' } },\n  'button/ai-primary/fg-active': { value: { base: '{colors.sys/fg/on-color}' } },\n  'button/ai-primary/fg-disabled': { value: { base: '{colors.sys/fg/on-disabled}' } },\n  'button/ai-secondary/bg': { value: { base: '{colors.sys/bg/surface}' } },\n  'button/ai-secondary/bg-hover': { value: { base: '{colors.color/indigo/minimal}' } },\n  'button/ai-secondary/bg-active': { value: { base: '{colors.color/indigo/moderate}' } },\n  'button/ai-secondary/bg-disabled': { value: { base: '{colors.sys/bg/minimal}' } },\n  'button/ai-secondary/fg': { value: { base: '{colors.color/indigo/base}' } },\n  'button/ai-secondary/fg-hover': { value: { base: '{colors.color/indigo/base}' } },\n  'button/ai-secondary/fg-active': { value: { base: '{colors.color/indigo/strong}' } },\n  'button/ai-secondary/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n  'button/ai-secondary/border': { value: { base: '{colors.color/indigo/muted}' } },\n  'button/ai-secondary/border-hover': { value: { base: '{colors.color/indigo/muted}' } },\n  'button/ai-secondary/border-active': { value: { base: '{colors.color/indigo/base}' } },\n  'button/ai-secondary/border-disabled': { value: { base: '{colors.sys/border/disabled}' } },\n  'button/ai-tertiary/bg': { value: { base: '{colors.sys/bg/transparent}' } },\n  'button/ai-tertiary/bg-hover': { value: { base: '{colors.color/indigo/minimal}' } },\n  'button/ai-tertiary/bg-active': { value: { base: '{colors.color/indigo/moderate}' } },\n  'button/ai-tertiary/bg-disabled': { value: { base: '{colors.sys/bg/transparent}' } },\n  'button/ai-tertiary/fg': { value: { base: '{colors.color/indigo/base}' } },\n  'button/ai-tertiary/fg-hover': { value: { base: '{colors.color/indigo/base}' } },\n  'button/ai-tertiary/fg-active': { value: { base: '{colors.color/indigo/strong}' } },\n  'button/ai-tertiary/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n  'button/control/bg': { value: { base: '{colors.sys/bg/transparent}' } },\n  'button/control/bg-hover': { value: { base: '{colors.sys/bg/subtle}' } },\n  'button/control/bg-active': { value: { base: '{colors.sys/bg/moderate}' } },\n  'button/control/bg-disabled': { value: { base: '{colors.sys/bg/minimal}' } },\n  'button/control/fg': { value: { base: '{colors.sys/fg/secondary}' } },\n  'button/control/fg-hover': { value: { base: '{colors.sys/fg/primary}' } },\n  'button/control/fg-active': { value: { base: '{colors.sys/fg/primary}' } },\n  'button/control/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n  'button/control-danger/bg': { value: { base: '{colors.sys/bg/transparent}' } },\n  'button/control-danger/bg-hover': { value: { base: '{colors.color/red/minimal}' } },\n  'button/control-danger/bg-active': { value: { base: '{colors.color/red/moderate}' } },\n  'button/control-danger/bg-disabled': { value: { base: '{colors.sys/bg/minimal}' } },\n  'button/control-danger/fg': { value: { base: '{colors.color/red/base}' } },\n  'button/control-danger/fg-hover': { value: { base: '{colors.color/red/base}' } },\n  'button/control-danger/fg-active': { value: { base: '{colors.color/red/strong}' } },\n  'button/control-danger/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n\n  // sys/ui/header\n  'sys/ui/header/bg': { value: { base: '{colors.purple.30}' } },\n  'sys/ui/header/control/bg': { value: { base: '{colors.color/transparent}' } },\n  'sys/ui/header/control/bg-hover': { value: { base: '{colors.color/white/10}' } },\n  'sys/ui/header/control/bg-active': { value: { base: '{colors.color/white/20}' } },\n  'sys/ui/header/control/bg-selected': { value: { base: '{colors.color/white/10}' } },\n  'sys/ui/header/control/bg-selected-hover': { value: { base: '{colors.color/white/20}' } },\n  'sys/ui/header/control/indicator': { value: { base: '{colors.color/white/80}' } },\n  'sys/ui/header/button/primary/bg': { value: { base: '{colors.color/white/100}' } },\n  'sys/ui/header/button/primary/bg-hover': { value: { base: '{colors.purple.95}' } },\n  'sys/ui/header/button/primary/bg-active': { value: { base: '{colors.purple.95}' } },\n  'sys/ui/header/button/primary/bg-disabled': { value: { base: '{colors.color/white/50}' } },\n  'sys/ui/header/button/primary/fg': { value: { base: '{colors.purple.30}' } },\n  'sys/ui/header/button/primary/fg-disabled': { value: { base: '{colors.neutral.90}' } },\n  'sys/ui/header/button/secondary/bg': { value: { base: '{colors.color/white/10}' } },\n  'sys/ui/header/button/secondary/bg-hover': { value: { base: '{colors.purple.20}' } },\n  'sys/ui/header/button/secondary/bg-active': { value: { base: '{colors.purple.20}' } },\n  'sys/ui/header/button/secondary/bg-disabled': { value: { base: '{colors.color/transparent}' } },\n  'sys/ui/header/button/secondary/fg': { value: { base: '{colors.color/white/100}' } },\n  'sys/ui/header/button/secondary/fg-disabled': { value: { base: '{colors.color/white/50}' } },\n  'sys/ui/header/button/secondary/border': { value: { base: '{colors.color/white/50}' } },\n  'sys/ui/header/button/secondary/border-disabled': { value: { base: '{colors.color/white/30}' } },\n  'sys/ui/header/button/tertiary/bg': { value: { base: '{colors.color/transparent}' } },\n  'sys/ui/header/button/tertiary/bg-hover': { value: { base: '{colors.color/white/10}' } },\n  'sys/ui/header/button/tertiary/bg-active': { value: { base: '{colors.color/white/20}' } },\n  'sys/ui/header/button/tertiary/bg-disabled': { value: { base: '{colors.color/transparent}' } },\n  'sys/ui/header/button/tertiary/fg': { value: { base: '{colors.color/white/100}' } },\n  'sys/ui/header/button/tertiary/fg-disabled': { value: { base: '{colors.color/white/50}' } },\n  'sys/ui/header/indicator/badge': { value: { base: '{colors.red.60}' } },\n  'sys/ui/header/indicator/badge-ai': { value: { base: '{colors.indigo.90}' } },\n\n  // sys/ui/sidenav\n  'sys/ui/sidenav/bg': { value: { base: '{colors.purple.10}' } },\n  'sys/ui/sidenav/item/bg': { value: { base: '{colors.color/transparent}' } },\n  'sys/ui/sidenav/item/bg-hover': { value: { base: '{colors.color/white/10}' } },\n  'sys/ui/sidenav/item/bg-active': { value: { base: '{colors.color/white/20}' } },\n  'sys/ui/sidenav/item/bg-selected': { value: { base: '{colors.color/white/20}' } },\n  'sys/ui/sidenav/item/fg': { value: { base: '{colors.color/white/80}' } },\n  'sys/ui/sidenav/item/fg-hover': { value: { base: '{colors.color/white/100}' } },\n  'sys/ui/sidenav/item/fg-active': { value: { base: '{colors.color/white/100}' } },\n  'sys/ui/sidenav/item/indicator': { value: { base: '{colors.color/white/80}' } },\n\n  // input\n  'input/text/label': { value: { base: '{colors.sys/fg/primary}' } },\n  'input/text/inputValue': { value: { base: '{colors.sys/fg/base}' } },\n  'input/text/placeholder': { value: { base: '{colors.sys/fg/subtle}' } },\n  'input/text/error': { value: { base: '{colors.sys/fg/negative}' } },\n  'input/checkbox/selection': { value: { base: '{colors.interactive/base}' } },\n  'input/checkbox/selection-disabled': { value: { base: '{colors.interactive/disabled}' } },\n  'input/switch/on/track': { value: { base: '{colors.color/green/bold}' } },\n  'input/switch/on/track-disabled': {\n    value: { base: 'color-mix(in srgb, {colors.color/green/bold} 50%, transparent)' },\n  },\n  'input/switch/on/thumb': { value: { base: '{colors.sys/bg/surface}' } },\n  'input/switch/on/thumb-disabled': { value: { base: '{colors.sys/bg/surface}' } },\n  'input/switch/off/track': { value: { base: '{colors.color/neutral/bold}' } },\n  'input/switch/off/track-disabled': {\n    value: { base: 'color-mix(in srgb, {colors.color/neutral/bold} 50%, transparent)' },\n  },\n  'input/switch/off/thumb': { value: { base: '{colors.sys/bg/surface}' } },\n  'input/switch/off/thumb-disabled': { value: { base: '{colors.sys/bg/surface}' } },\n\n  // interactive\n  'interactive/base': { value: { base: '{colors.color/purple/base}' } },\n  'interactive/bold': { value: { base: '{colors.color/purple/bold}' } },\n  'interactive/highlight': { value: { base: '{colors.color/purple/highlight}' } },\n  'interactive/muted': { value: { base: '{colors.color/purple/muted}' } },\n  'interactive/moderate': { value: { base: '{colors.color/purple/moderate}' } },\n  'interactive/subtle': { value: { base: '{colors.color/purple/subtle}' } },\n  'interactive/minimal': { value: { base: '{colors.color/purple/minimal}' } },\n  'interactive/disabled': { value: { base: '{colors.color/neutral/moderate}' } },\n\n  // status\n  'status/info/bg': { value: { base: '{colors.color/blue/minimal}' } },\n  'status/info/bg-hover': { value: { base: '{colors.color/blue/subtle}' } },\n  'status/info/bg-active': { value: { base: '{colors.color/blue/moderate}' } },\n  'status/info/border': { value: { base: '{colors.color/blue/muted}' } },\n  'status/info/icon': { value: { base: '{colors.color/blue/strong}' } },\n  'status/info/text': { value: { base: '{colors.color/blue/strong}' } },\n  'status/success/bg': { value: { base: '{colors.color/green/minimal}' } },\n  'status/success/bg-hover': { value: { base: '{colors.color/green/subtle}' } },\n  'status/success/bg-active': { value: { base: '{colors.color/green/moderate}' } },\n  'status/success/border': { value: { base: '{colors.color/green/muted}' } },\n  'status/success/icon': { value: { base: '{colors.color/green/strong}' } },\n  'status/success/text': { value: { base: '{colors.color/green/strong}' } },\n  'status/warning/bg': { value: { base: '{colors.color/yellow/minimal}' } },\n  'status/warning/bg-hover': { value: { base: '{colors.color/yellow/subtle}' } },\n  'status/warning/bg-active': { value: { base: '{colors.color/yellow/moderate}' } },\n  'status/warning/border': { value: { base: '{colors.color/yellow/muted}' } },\n  'status/warning/icon': { value: { base: '{colors.color/yellow/strong}' } },\n  'status/warning/text': { value: { base: '{colors.color/yellow/strong}' } },\n  'status/critical/bg': { value: { base: '{colors.color/red/minimal}' } },\n  'status/critical/bg-hover': { value: { base: '{colors.color/red/subtle}' } },\n  'status/critical/bg-active': { value: { base: '{colors.color/red/moderate}' } },\n  'status/critical/border': { value: { base: '{colors.color/red/muted}' } },\n  'status/critical/icon': { value: { base: '{colors.color/red/strong}' } },\n  'status/critical/text': { value: { base: '{colors.color/red/strong}' } },\n  'status/progress/bg': { value: { base: '{colors.color/purple/minimal}' } },\n  'status/progress/bg-hover': { value: { base: '{colors.color/purple/subtle}' } },\n  'status/progress/bg-active': { value: { base: '{colors.color/purple/moderate}' } },\n  'status/progress/border': { value: { base: '{colors.color/purple/muted}' } },\n  'status/progress/icon': { value: { base: '{colors.color/purple/strong}' } },\n  'status/progress/text': { value: { base: '{colors.color/purple/strong}' } },\n  'status/neutral/bg': { value: { base: '{colors.color/neutral/minimal}' } },\n  'status/neutral/bg-hover': { value: { base: '{colors.color/neutral/subtle}' } },\n  'status/neutral/bg-active': { value: { base: '{colors.color/neutral/moderate}' } },\n  'status/neutral/border': { value: { base: '{colors.color/neutral/muted}' } },\n  'status/neutral/icon': { value: { base: '{colors.color/neutral/strong}' } },\n  'status/neutral/text': { value: { base: '{colors.color/neutral/strong}' } },\n  'status/ai/bg': { value: { base: '{colors.gradient/ai/background/minimal}' } },\n  'status/ai/bg-hover': { value: { base: '{colors.color/indigo/subtle}' } },\n  'status/ai/bg-active': { value: { base: '{colors.color/indigo/moderate}' } },\n  'status/ai/border': {\n    value: { base: '{colors.gradient/ai/border/strong}' },\n  },\n  'status/ai/surface': {\n    value: { base: '{colors.status/ai/bg} padding-box, {colors.status/ai/border} border-box' },\n  },\n  'status/ai/icon': { value: { base: '{colors.color/indigo/strong}' } },\n  'status/ai/text': { value: { base: '{colors.color/indigo/strong}' } },\n\n  // utilities\n  'utilities/overlay': { value: { base: 'color-mix(in srgb, {colors.neutral.10} 50%, transparent)' } },\n  'utilities/overlay-side': {\n    value: {\n      base: 'linear-gradient(90deg, color-mix(in srgb, {colors.neutral.10} 0%, transparent) 0%, color-mix(in srgb, {colors.neutral.10} 32%, transparent) 100%)',\n    },\n  },\n  'utilities/overlay-light': { value: { base: 'color-mix(in srgb, {colors.neutral.10} 16%, transparent)' } },\n  'utilities/skeleton': { value: { base: '{colors.sys/bg/subtle}' } },\n  'utilities/skeleton-highlight': { value: { base: '{colors.background/primary}' } },\n});\n\nexport default semanticColors;\n"],"mappings":"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"}
+{"version":3,"file":"semanticColors.js","names":[],"sources":["../../../lib/theme/semantic-tokens/semanticColors.ts"],"sourcesContent":["import { defineSemanticTokens } from '@chakra-ui/react/styled-system';\n\nconst semanticColors = defineSemanticTokens.colors({\n  // sys\n  'sys/fg/base': { value: { _light: '{colors.neutral.10}' } },\n  'sys/fg/primary': { value: { _light: '{colors.purple.10}' } },\n  'sys/fg/secondary': { value: { _light: '{colors.neutral.40}' } },\n  'sys/fg/tertiary': { value: { _light: '{colors.neutral.60}' } },\n  'sys/fg/subtle': { value: { _light: '{colors.neutral.70}' } },\n  'sys/fg/minimal': { value: { _light: '{colors.neutral.80}' } },\n  'sys/fg/positive': { value: { _light: '{colors.green.50}' } },\n  'sys/fg/negative': { value: { _light: '{colors.red.50}' } },\n  'sys/fg/on-color': { value: { _light: '{colors.neutral.100}' } },\n  'sys/fg/on-contrast': { value: { _light: '{colors.neutral.95}' } },\n  'sys/fg/on-disabled': { value: { _light: '{colors.neutral.70}' } },\n  'sys/fg/disabled': { value: { _light: '{colors.neutral.80}' } },\n  'sys/fg/warning': { value: { _light: '{colors.yellow.60}' } },\n  'sys/bg/surface': { value: { _light: '{colors.neutral.100}' } },\n  'sys/bg/contrast': { value: { _light: '{colors.neutral.10}' } },\n  'sys/bg/moderate': { value: { _light: '{colors.neutral.90}' } },\n  'sys/bg/subtle': { value: { _light: '{colors.neutral.93}' } },\n  'sys/bg/minimal': { value: { _light: '{colors.neutral.95}' } },\n  'sys/bg/disabled': { value: { _light: '{colors.neutral.95}' } },\n  'sys/bg/transparent': { value: { _light: 'rgba(255, 255, 255, 0)' } },\n  'sys/border/minimal': { value: { _light: '{colors.neutral.93}' } },\n  'sys/border/subtle': { value: { _light: '{colors.neutral.90}' } },\n  'sys/border/strong': { value: { _light: '{colors.neutral.80}' } },\n  'sys/border/emphasized': { value: { _light: '{colors.neutral.70}' } },\n  'sys/border/critical': { value: { _light: '{colors.red.50}' } },\n  'sys/border/inverse': { value: { _light: '{colors.neutral.100}' } },\n  'sys/border/on-contrast': { value: { _light: '{colors.neutral.95}' } },\n  'sys/border/disabled': { value: { _light: '{colors.neutral.90}' } },\n  'sys/primary/base': { value: { _light: '{colors.purple.40}' } },\n  'sys/primary/dark': { value: { _light: '{colors.purple.20}' } },\n  'sys/primary/emphasized': { value: { _light: '{colors.purple.30}' } },\n  'sys/primary/contrast': { value: { _light: '{colors.purple.10}' } },\n  'sys/primary/muted': { value: { _light: '{colors.purple.80}' } },\n  'sys/primary/subtle': { value: { _light: '{colors.purple.93}' } },\n  'sys/primary/disabled': { value: { _light: '{colors.neutral.90}' } },\n  'sys/primary-danger/base': { value: { _light: '{colors.red.50}' } },\n  'sys/primary-danger/dark': { value: { _light: '{colors.red.20}' } },\n  'sys/primary-danger/strong': { value: { _light: '{colors.red.40}' } },\n  'sys/primary-danger/bold': { value: { _light: '{colors.red.60}' } },\n  'sys/primary-danger/muted': { value: { _light: '{colors.red.80}' } },\n  'sys/primary-danger/moderate': { value: { _light: '{colors.red.90}' } },\n  'sys/primary-danger/subtle': { value: { _light: '{colors.red.93}' } },\n  'sys/primary-danger/minimal': { value: { _light: '{colors.red.95}' } },\n  'sys/fixed/icon/primary': { value: { _light: '{colors.purple.10}' } },\n  'sys/fixed/icon/warning': { value: { _light: '{colors.yellow.80}' } },\n\n  // color\n  'color/purple/base': { value: { _light: '{colors.purple.50}' } },\n  'color/purple/strong': { value: { _light: '{colors.purple.40}' } },\n  'color/purple/bold': { value: { _light: '{colors.purple.60}' } },\n  'color/purple/highlight': { value: { _light: '{colors.purple.70}' } },\n  'color/purple/muted': { value: { _light: '{colors.purple.80}', _dark: '{colors.purple.40}' } },\n  'color/purple/moderate': { value: { _light: '{colors.purple.90}' } },\n  'color/purple/subtle': { value: { _light: '{colors.purple.93}' } },\n  'color/purple/minimal': { value: { _light: '{colors.purple.95}', _dark: '{colors.purple.10}' } },\n  'color/indigo/base': { value: { _light: '{colors.indigo.50}' } },\n  'color/indigo/dark': { value: { _light: '{colors.indigo.20}' } },\n  'color/indigo/emphasized': { value: { _light: '{colors.indigo.30}' } },\n  'color/indigo/strong': { value: { _light: '{colors.indigo.40}' } },\n  'color/indigo/bold': { value: { _light: '{colors.indigo.60}' } },\n  'color/indigo/muted': { value: { _light: '{colors.indigo.80}', _dark: '{colors.indigo.40}' } },\n  'color/indigo/moderate': { value: { _light: '{colors.indigo.90}' } },\n  'color/indigo/subtle': { value: { _light: '{colors.indigo.93}' } },\n  'color/indigo/minimal': { value: { _light: '{colors.indigo.95}', _dark: '{colors.indigo.10}' } },\n  'color/blue/base': { value: { _light: '{colors.blue.50}' } },\n  'color/blue/strong': { value: { _light: '{colors.blue.40}' } },\n  'color/blue/bold': { value: { _light: '{colors.blue.60}' } },\n  'color/blue/muted': { value: { _light: '{colors.blue.80}', _dark: '{colors.blue.40}' } },\n  'color/blue/moderate': { value: { _light: '{colors.blue.90}' } },\n  'color/blue/subtle': { value: { _light: '{colors.blue.93}' } },\n  'color/blue/minimal': { value: { _light: '{colors.blue.95}', _dark: '{colors.blue.10}' } },\n  'color/green/base': { value: { _light: '{colors.green.50}' } },\n  'color/green/strong': { value: { _light: '{colors.green.40}' } },\n  'color/green/bold': { value: { _light: '{colors.green.60}' } },\n  'color/green/muted': { value: { _light: '{colors.green.80}' } },\n  'color/green/moderate': { value: { _light: '{colors.green.90}' } },\n  'color/green/subtle': { value: { _light: '{colors.green.93}' } },\n  'color/green/minimal': { value: { _light: '{colors.green.95}' } },\n  'color/yellow/base': { value: { _light: '{colors.yellow.50}' } },\n  'color/yellow/strong': { value: { _light: '{colors.yellow.40}' } },\n  'color/yellow/bold': { value: { _light: '{colors.yellow.60}' } },\n  'color/yellow/muted': { value: { _light: '{colors.yellow.80}' } },\n  'color/yellow/moderate': { value: { _light: '{colors.yellow.90}' } },\n  'color/yellow/subtle': { value: { _light: '{colors.yellow.93}' } },\n  'color/yellow/minimal': { value: { _light: '{colors.yellow.95}' } },\n  'color/red/base': { value: { _light: '{colors.red.50}' } },\n  'color/red/dark': { value: { _light: '{colors.red.20}' } },\n  'color/red/strong': { value: { _light: '{colors.red.40}' } },\n  'color/red/bold': { value: { _light: '{colors.red.60}' } },\n  'color/red/muted': { value: { _light: '{colors.red.80}' } },\n  'color/red/moderate': { value: { _light: '{colors.red.90}' } },\n  'color/red/subtle': { value: { _light: '{colors.red.93}' } },\n  'color/red/minimal': { value: { _light: '{colors.red.95}' } },\n  'color/neutral/base': { value: { _light: '{colors.neutral.50}' } },\n  'color/neutral/strong': { value: { _light: '{colors.neutral.40}' } },\n  'color/neutral/bold': { value: { _light: '{colors.neutral.60}' } },\n  'color/neutral/muted': { value: { _light: '{colors.neutral.80}' } },\n  'color/neutral/moderate': { value: { _light: '{colors.neutral.90}' } },\n  'color/neutral/subtle': { value: { _light: '{colors.neutral.93}' } },\n  'color/neutral/minimal': { value: { _light: '{colors.neutral.95}' } },\n  'color/orange/base': { value: { _light: '{colors.orange.50}' } },\n  'color/orange/strong': { value: { _light: '{colors.orange.40}' } },\n  'color/orange/bold': { value: { _light: '{colors.orange.60}' } },\n  'color/orange/muted': { value: { _light: '{colors.orange.80}' } },\n  'color/orange/moderate': { value: { _light: '{colors.orange.90}' } },\n  'color/orange/subtle': { value: { _light: '{colors.orange.93}' } },\n  'color/orange/minimal': { value: { _light: '{colors.orange.95}' } },\n  'color/turquoise/base': { value: { _light: '{colors.turquoise.50}' } },\n  'color/turquoise/dark': { value: { _light: '{colors.turquoise.20}' } },\n  'color/turquoise/emphasized': { value: { _light: '{colors.turquoise.30}' } },\n  'color/turquoise/strong': { value: { _light: '{colors.turquoise.40}' } },\n  'color/turquoise/bold': { value: { _light: '{colors.turquoise.60}' } },\n  'color/turquoise/muted': { value: { _light: '{colors.turquoise.80}' } },\n  'color/turquoise/moderate': { value: { _light: '{colors.turquoise.90}' } },\n  'color/turquoise/subtle': { value: { _light: '{colors.turquoise.93}' } },\n  'color/turquoise/minimal': { value: { _light: '{colors.turquoise.95}' } },\n  'color/transparent': { value: { _light: '{colors.sys/bg/transparent}' } },\n  'color/white/10': { value: { _light: '{colors.white.10}' } },\n  'color/white/15': { value: { _light: '{colors.white.15}' } },\n  'color/white/20': { value: { _light: '{colors.white.20}' } },\n  'color/white/30': { value: { _light: '{colors.white.30}' } },\n  'color/white/40': { value: { _light: '{colors.white.40}' } },\n  'color/white/50': { value: { _light: '{colors.white.50}' } },\n  'color/white/60': { value: { _light: '{colors.white.60}' } },\n  'color/white/70': { value: { _light: '{colors.white.70}' } },\n  'color/white/80': { value: { _light: '{colors.white.80}' } },\n  'color/white/85': { value: { _light: '{colors.white.85}' } },\n  'color/white/90': { value: { _light: '{colors.white.90}' } },\n  'color/white/100': { value: { _light: '{colors.white.100}' } },\n\n  // gradient/ai\n  'gradient/ai/background/base': {\n    value: {\n      base: 'linear-gradient(90deg, {colors.color/purple/base} 0%, {colors.color/indigo/base} 50%, {colors.color/blue/base} 100%)',\n    },\n  },\n  'gradient/ai/background/bold': {\n    value: {\n      base: 'linear-gradient(90deg, {colors.color/purple/bold} 0%, {colors.color/indigo/bold} 50%, {colors.color/blue/bold} 100%)',\n    },\n  },\n  'gradient/ai/background/muted': {\n    value: {\n      base: 'linear-gradient(90deg, {colors.color/purple/muted} 0%, {colors.color/indigo/muted} 50%, {colors.color/blue/muted} 100%)',\n    },\n  },\n  'gradient/ai/background/minimal': {\n    value: {\n      base: 'linear-gradient(90deg, {colors.color/purple/minimal} 0%, {colors.color/indigo/minimal} 50%, {colors.color/blue/minimal} 100%)',\n    },\n  },\n  'gradient/ai/background/subtle': {\n    value: {\n      base: 'linear-gradient(90deg, {colors.color/purple/subtle} 0%, {colors.color/indigo/subtle} 50%, {colors.color/blue/subtle} 100%)',\n    },\n  },\n  'gradient/ai/background/moderate': {\n    value: {\n      base: 'linear-gradient(90deg, {colors.color/purple/moderate} 0%, {colors.color/indigo/moderate} 50%, {colors.color/blue/moderate} 100%)',\n    },\n  },\n  'gradient/ai/background/minimal-vertical': {\n    value: {\n      base: 'linear-gradient(180deg, {colors.color/purple/minimal} 0%, {colors.color/indigo/minimal} 50%, {colors.color/blue/minimal} 100%)',\n    },\n  },\n  'gradient/ai/background/surface': {\n    value: { base: 'linear-gradient(180deg, {colors.neutral.100} 0%, {colors.color/indigo/minimal} 100%)' },\n  },\n  'gradient/ai/border/minimal': {\n    value: {\n      base: 'linear-gradient(135deg, {colors.color/purple/minimal} 0%, {colors.color/indigo/minimal} 50%, {colors.color/blue/minimal} 100%)',\n    },\n  },\n  'gradient/ai/border/subtle': {\n    value: {\n      base: 'linear-gradient(135deg, {colors.color/purple/subtle} 0%, {colors.color/indigo/subtle} 50%, {colors.color/blue/subtle} 100%)',\n    },\n  },\n  'gradient/ai/border/strong': {\n    value: {\n      base: 'linear-gradient(135deg, {colors.color/purple/muted} 0%, {colors.color/indigo/muted} 50%, {colors.color/blue/muted} 100%)',\n    },\n  },\n  'gradient/overflow/bottom': {\n    value: {\n      base: 'linear-gradient(180deg, color-mix(in srgb, {colors.neutral.100} 0%, transparent) 0%, {colors.neutral.100} 100%)',\n    },\n  },\n  'gradient/overflow/right': {\n    value: {\n      base: 'linear-gradient(90deg, color-mix(in srgb, {colors.neutral.100} 0%, transparent) 0%, {colors.neutral.100} 100%)',\n    },\n  },\n\n  // background\n  'background/primary': { value: { base: '{colors.sys/bg/surface}' } },\n  'background/secondary': { value: { base: '{colors.sys/bg/minimal}' } },\n  'background/tertiary': { value: { base: '{colors.sys/bg/subtle}' } },\n  'background/hover': { value: { base: '{colors.sys/bg/subtle}' } },\n  'background/active': { value: { base: '{colors.sys/bg/moderate}' } },\n  'background/selected': { value: { base: '{colors.color/purple/minimal}' } },\n  'background/selected-active': { value: { base: '{colors.color/purple/moderate}' } },\n  'background/selected-hover': { value: { base: '{colors.color/purple/subtle}' } },\n  'background/contrast': { value: { base: '{colors.sys/bg/contrast}' } },\n  'background/disabled': { value: { base: '{colors.sys/bg/disabled}' } },\n\n  // border\n  'border/regular': { value: { base: '{colors.sys/border/subtle}' } },\n  'border/minimal': { value: { base: '{colors.sys/border/minimal}' } },\n  'border/strong': { value: { base: '{colors.sys/border/strong}' } },\n  'border/hover': { value: { base: '{colors.sys/border/emphasized}' } },\n  'border/focus': { value: { base: '{colors.color/purple/highlight}' } },\n  'border/selected': { value: { base: '{colors.color/purple/base}' } },\n  'border/error': { value: { base: '{colors.sys/border/critical}' } },\n  'border/inverse': { value: { base: '{colors.sys/border/inverse}' } },\n  'border/on-contrast': { value: { base: '{colors.sys/border/on-contrast}' } },\n  'border/disabled': { value: { base: '{colors.sys/border/disabled}' } },\n\n  // text\n  'text/primary': { value: { base: '{colors.sys/fg/primary}' } },\n  'text/secondary': { value: { base: '{colors.sys/fg/secondary}' } },\n  'text/tertiary': { value: { base: '{colors.sys/fg/tertiary}' } },\n  'text/body': { value: { base: '{colors.sys/fg/base}' } },\n  'text/helper': { value: { base: '{colors.sys/fg/secondary}' } },\n  'text/link': { value: { base: '{colors.color/purple/base}' } },\n  'text/link-hover': { value: { base: '{colors.color/purple/strong}' } },\n  'text/selected': { value: { base: '{colors.color/purple/base}' } },\n  'text/positive': { value: { base: '{colors.sys/fg/positive}' } },\n  'text/negative': { value: { base: '{colors.sys/fg/negative}' } },\n  'text/on-color': { value: { base: '{colors.sys/fg/on-color}' } },\n  'text/on-contrast': { value: { base: '{colors.sys/fg/on-contrast}' } },\n  'text/on-disabled': { value: { base: '{colors.sys/fg/on-disabled}' } },\n  'text/disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n\n  // icon\n  'icon/primary': { value: { base: '{colors.sys/fg/primary}' } },\n  'icon/secondary': { value: { base: '{colors.sys/fg/secondary}' } },\n  'icon/tertiary': { value: { base: '{colors.sys/fg/tertiary}' } },\n  'icon/interactive': { value: { base: '{colors.color/purple/base}' } },\n  'icon/interactive-hover': { value: { base: '{colors.color/purple/strong}' } },\n  'icon/positive': { value: { base: '{colors.sys/fg/positive}' } },\n  'icon/negative': { value: { base: '{colors.sys/fg/negative}' } },\n  'icon/on-color': { value: { base: '{colors.sys/fg/on-color}' } },\n  'icon/on-contrast': { value: { base: '{colors.sys/fg/on-contrast}' } },\n  'icon/on-disabled': { value: { base: '{colors.sys/fg/on-disabled}' } },\n  'icon/disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n  'icon/warning': { value: { base: '{colors.sys/fg/warning}' } },\n\n  // button\n  'button/primary/bg': { value: { base: '{colors.sys/primary/base}' } },\n  'button/primary/bg-hover': { value: { base: '{colors.sys/primary/emphasized}' } },\n  'button/primary/bg-active': { value: { base: '{colors.sys/primary/contrast}' } },\n  'button/primary/bg-disabled': { value: { base: '{colors.sys/primary/disabled}' } },\n  'button/primary/fg': { value: { base: '{colors.sys/fg/on-color}' } },\n  'button/primary/fg-hover': { value: { base: '{colors.sys/fg/on-color}' } },\n  'button/primary/fg-active': { value: { base: '{colors.sys/fg/on-color}' } },\n  'button/primary/fg-disabled': { value: { base: '{colors.sys/fg/on-disabled}' } },\n  'button/secondary/bg': { value: { base: '{colors.sys/bg/surface}' } },\n  'button/secondary/bg-hover': { value: { base: '{colors.sys/bg/subtle}' } },\n  'button/secondary/bg-active': { value: { base: '{colors.sys/bg/moderate}' } },\n  'button/secondary/bg-disabled': { value: { base: '{colors.sys/bg/minimal}' } },\n  'button/secondary/text': { value: { base: '{colors.sys/fg/primary}' } },\n  'button/secondary/text-hover': { value: { base: '{colors.sys/fg/primary}' } },\n  'button/secondary/text-active': { value: { base: '{colors.sys/fg/primary}' } },\n  'button/secondary/text-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n  'button/secondary/icon': { value: { base: '{colors.sys/fg/secondary}' } },\n  'button/secondary/icon-hover': { value: { base: '{colors.sys/fg/primary}' } },\n  'button/secondary/icon-active': { value: { base: '{colors.sys/fg/primary}' } },\n  'button/secondary/icon-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n  'button/secondary/border': { value: { base: '{colors.sys/border/strong}' } },\n  'button/secondary/border-hover': { value: { base: '{colors.sys/border/emphasized}' } },\n  'button/secondary/border-active': { value: { base: '{colors.sys/border/emphasized}' } },\n  'button/secondary/border-disabled': { value: { base: '{colors.sys/border/disabled}' } },\n  'button/tertiary/bg': { value: { base: '{colors.sys/bg/transparent}' } },\n  'button/tertiary/bg-hover': { value: { base: '{colors.sys/bg/subtle}' } },\n  'button/tertiary/bg-active': { value: { base: '{colors.sys/bg/moderate}' } },\n  'button/tertiary/bg-disabled': { value: { base: '{colors.sys/bg/transparent}' } },\n  'button/tertiary/fg': { value: { base: '{colors.color/purple/base}' } },\n  'button/tertiary/fg-hover': { value: { base: '{colors.color/purple/strong}' } },\n  'button/tertiary/fg-active': { value: { base: '{colors.sys/fg/primary}' } },\n  'button/tertiary/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n  'button/danger-primary/bg': { value: { base: '{colors.sys/primary-danger/base}' } },\n  'button/danger-primary/bg-hover': { value: { base: '{colors.sys/primary-danger/strong}' } },\n  'button/danger-primary/bg-active': { value: { base: '{colors.sys/primary-danger/dark}' } },\n  'button/danger-primary/bg-disabled': { value: { base: '{colors.sys/primary/disabled}' } },\n  'button/danger-primary/fg': { value: { base: '{colors.sys/fg/on-color}' } },\n  'button/danger-primary/fg-hover': { value: { base: '{colors.sys/fg/on-color}' } },\n  'button/danger-primary/fg-active': { value: { base: '{colors.sys/fg/on-color}' } },\n  'button/danger-primary/fg-disabled': { value: { base: '{colors.sys/fg/on-disabled}' } },\n  'button/danger-secondary/bg': { value: { base: '{colors.sys/bg/surface}' } },\n  'button/danger-secondary/bg-hover': { value: { base: '{colors.color/red/minimal}' } },\n  'button/danger-secondary/bg-active': { value: { base: '{colors.color/red/moderate}' } },\n  'button/danger-secondary/bg-disabled': { value: { base: '{colors.sys/bg/minimal}' } },\n  'button/danger-secondary/fg': { value: { base: '{colors.color/red/base}' } },\n  'button/danger-secondary/fg-hover': { value: { base: '{colors.color/red/base}' } },\n  'button/danger-secondary/fg-active': { value: { base: '{colors.color/red/strong}' } },\n  'button/danger-secondary/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n  'button/danger-secondary/border': { value: { base: '{colors.color/red/muted}' } },\n  'button/danger-secondary/border-hover': { value: { base: '{colors.color/red/muted}' } },\n  'button/danger-secondary/border-active': { value: { base: '{colors.color/red/base}' } },\n  'button/danger-secondary/border-disabled': { value: { base: '{colors.sys/border/disabled}' } },\n  'button/danger-tertiary/bg': { value: { base: '{colors.sys/bg/transparent}' } },\n  'button/danger-tertiary/bg-hover': { value: { base: '{colors.color/red/minimal}' } },\n  'button/danger-tertiary/bg-active': { value: { base: '{colors.color/red/moderate}' } },\n  'button/danger-tertiary/bg-disabled': { value: { base: '{colors.sys/bg/transparent}' } },\n  'button/danger-tertiary/fg': { value: { base: '{colors.color/red/base}' } },\n  'button/danger-tertiary/fg-hover': { value: { base: '{colors.color/red/base}' } },\n  'button/danger-tertiary/fg-active': { value: { base: '{colors.color/red/strong}' } },\n  'button/danger-tertiary/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n  'button/ai-primary/bg': { value: { base: '{colors.color/indigo/base}' } },\n  'button/ai-primary/bg-hover': { value: { base: '{colors.color/indigo/emphasized}' } },\n  'button/ai-primary/bg-active': { value: { base: '{colors.color/indigo/dark}' } },\n  'button/ai-primary/bg-disabled': { value: { base: '{colors.sys/primary/disabled}' } },\n  'button/ai-primary/fg': { value: { base: '{colors.sys/fg/on-color}' } },\n  'button/ai-primary/fg-hover': { value: { base: '{colors.sys/fg/on-color}' } },\n  'button/ai-primary/fg-active': { value: { base: '{colors.sys/fg/on-color}' } },\n  'button/ai-primary/fg-disabled': { value: { base: '{colors.sys/fg/on-disabled}' } },\n  'button/ai-secondary/bg': { value: { base: '{colors.sys/bg/surface}' } },\n  'button/ai-secondary/bg-hover': { value: { base: '{colors.color/indigo/minimal}' } },\n  'button/ai-secondary/bg-active': { value: { base: '{colors.color/indigo/moderate}' } },\n  'button/ai-secondary/bg-disabled': { value: { base: '{colors.sys/bg/minimal}' } },\n  'button/ai-secondary/fg': { value: { base: '{colors.color/indigo/base}' } },\n  'button/ai-secondary/fg-hover': { value: { base: '{colors.color/indigo/base}' } },\n  'button/ai-secondary/fg-active': { value: { base: '{colors.color/indigo/strong}' } },\n  'button/ai-secondary/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n  'button/ai-secondary/border': { value: { base: '{colors.color/indigo/muted}' } },\n  'button/ai-secondary/border-hover': { value: { base: '{colors.color/indigo/muted}' } },\n  'button/ai-secondary/border-active': { value: { base: '{colors.color/indigo/base}' } },\n  'button/ai-secondary/border-disabled': { value: { base: '{colors.sys/border/disabled}' } },\n  'button/ai-tertiary/bg': { value: { base: '{colors.sys/bg/transparent}' } },\n  'button/ai-tertiary/bg-hover': { value: { base: '{colors.color/indigo/minimal}' } },\n  'button/ai-tertiary/bg-active': { value: { base: '{colors.color/indigo/moderate}' } },\n  'button/ai-tertiary/bg-disabled': { value: { base: '{colors.sys/bg/transparent}' } },\n  'button/ai-tertiary/fg': { value: { base: '{colors.color/indigo/base}' } },\n  'button/ai-tertiary/fg-hover': { value: { base: '{colors.color/indigo/base}' } },\n  'button/ai-tertiary/fg-active': { value: { base: '{colors.color/indigo/strong}' } },\n  'button/ai-tertiary/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n  'button/control/bg': { value: { base: '{colors.sys/bg/transparent}' } },\n  'button/control/bg-hover': { value: { base: '{colors.sys/bg/subtle}' } },\n  'button/control/bg-active': { value: { base: '{colors.sys/bg/moderate}' } },\n  'button/control/bg-disabled': { value: { base: '{colors.sys/bg/minimal}' } },\n  'button/control/fg': { value: { base: '{colors.sys/fg/secondary}' } },\n  'button/control/fg-hover': { value: { base: '{colors.sys/fg/primary}' } },\n  'button/control/fg-active': { value: { base: '{colors.sys/fg/primary}' } },\n  'button/control/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n  'button/control-danger/bg': { value: { base: '{colors.sys/bg/transparent}' } },\n  'button/control-danger/bg-hover': { value: { base: '{colors.color/red/minimal}' } },\n  'button/control-danger/bg-active': { value: { base: '{colors.color/red/moderate}' } },\n  'button/control-danger/bg-disabled': { value: { base: '{colors.sys/bg/minimal}' } },\n  'button/control-danger/fg': { value: { base: '{colors.color/red/base}' } },\n  'button/control-danger/fg-hover': { value: { base: '{colors.color/red/base}' } },\n  'button/control-danger/fg-active': { value: { base: '{colors.color/red/strong}' } },\n  'button/control-danger/fg-disabled': { value: { base: '{colors.sys/fg/disabled}' } },\n\n  // sys/ui/header\n  'sys/ui/header/bg': { value: { base: '{colors.purple.30}' } },\n  'sys/ui/header/control/bg': { value: { base: '{colors.color/transparent}' } },\n  'sys/ui/header/control/bg-hover': { value: { base: '{colors.color/white/10}' } },\n  'sys/ui/header/control/bg-active': { value: { base: '{colors.color/white/20}' } },\n  'sys/ui/header/control/bg-selected': { value: { base: '{colors.color/white/10}' } },\n  'sys/ui/header/control/bg-selected-hover': { value: { base: '{colors.color/white/20}' } },\n  'sys/ui/header/control/indicator': { value: { base: '{colors.color/white/80}' } },\n  'sys/ui/header/button/primary/bg': { value: { base: '{colors.color/white/100}' } },\n  'sys/ui/header/button/primary/bg-hover': { value: { base: '{colors.purple.95}' } },\n  'sys/ui/header/button/primary/bg-active': { value: { base: '{colors.purple.95}' } },\n  'sys/ui/header/button/primary/bg-disabled': { value: { base: '{colors.color/white/50}' } },\n  'sys/ui/header/button/primary/fg': { value: { base: '{colors.purple.30}' } },\n  'sys/ui/header/button/primary/fg-disabled': { value: { base: '{colors.neutral.90}' } },\n  'sys/ui/header/button/secondary/bg': { value: { base: '{colors.color/white/10}' } },\n  'sys/ui/header/button/secondary/bg-hover': { value: { base: '{colors.purple.20}' } },\n  'sys/ui/header/button/secondary/bg-active': { value: { base: '{colors.purple.20}' } },\n  'sys/ui/header/button/secondary/bg-disabled': { value: { base: '{colors.color/transparent}' } },\n  'sys/ui/header/button/secondary/fg': { value: { base: '{colors.color/white/100}' } },\n  'sys/ui/header/button/secondary/fg-disabled': { value: { base: '{colors.color/white/50}' } },\n  'sys/ui/header/button/secondary/border': { value: { base: '{colors.color/white/50}' } },\n  'sys/ui/header/button/secondary/border-disabled': { value: { base: '{colors.color/white/30}' } },\n  'sys/ui/header/button/tertiary/bg': { value: { base: '{colors.color/transparent}' } },\n  'sys/ui/header/button/tertiary/bg-hover': { value: { base: '{colors.color/white/10}' } },\n  'sys/ui/header/button/tertiary/bg-active': { value: { base: '{colors.color/white/20}' } },\n  'sys/ui/header/button/tertiary/bg-disabled': { value: { base: '{colors.color/transparent}' } },\n  'sys/ui/header/button/tertiary/fg': { value: { base: '{colors.color/white/100}' } },\n  'sys/ui/header/button/tertiary/fg-disabled': { value: { base: '{colors.color/white/50}' } },\n  'sys/ui/header/indicator/badge': { value: { base: '{colors.red.60}' } },\n  'sys/ui/header/indicator/badge-ai': { value: { base: '{colors.indigo.90}' } },\n\n  // sys/ui/sidenav\n  'sys/ui/sidenav/bg': { value: { base: '{colors.purple.10}' } },\n  'sys/ui/sidenav/item/bg': { value: { base: '{colors.color/transparent}' } },\n  'sys/ui/sidenav/item/bg-hover': { value: { base: '{colors.color/white/10}' } },\n  'sys/ui/sidenav/item/bg-active': { value: { base: '{colors.color/white/20}' } },\n  'sys/ui/sidenav/item/bg-selected': { value: { base: '{colors.color/white/20}' } },\n  'sys/ui/sidenav/item/fg': { value: { base: '{colors.color/white/80}' } },\n  'sys/ui/sidenav/item/fg-hover': { value: { base: '{colors.color/white/100}' } },\n  'sys/ui/sidenav/item/fg-active': { value: { base: '{colors.color/white/100}' } },\n  'sys/ui/sidenav/item/indicator': { value: { base: '{colors.color/white/80}' } },\n\n  // input\n  'input/text/label': { value: { base: '{colors.sys/fg/primary}' } },\n  'input/text/inputValue': { value: { base: '{colors.sys/fg/base}' } },\n  'input/text/placeholder': { value: { base: '{colors.sys/fg/subtle}' } },\n  'input/text/error': { value: { base: '{colors.sys/fg/negative}' } },\n  'input/checkbox/selection': { value: { base: '{colors.interactive/base}' } },\n  'input/checkbox/selection-disabled': { value: { base: '{colors.interactive/disabled}' } },\n  'input/switch/on/track': { value: { base: '{colors.color/green/bold}' } },\n  'input/switch/on/track-disabled': {\n    value: { base: 'color-mix(in srgb, {colors.color/green/bold} 50%, transparent)' },\n  },\n  'input/switch/on/thumb': { value: { base: '{colors.sys/bg/surface}' } },\n  'input/switch/on/thumb-disabled': { value: { base: '{colors.sys/bg/surface}' } },\n  'input/switch/off/track': { value: { base: '{colors.color/neutral/bold}' } },\n  'input/switch/off/track-disabled': {\n    value: { base: 'color-mix(in srgb, {colors.color/neutral/bold} 50%, transparent)' },\n  },\n  'input/switch/off/thumb': { value: { base: '{colors.sys/bg/surface}' } },\n  'input/switch/off/thumb-disabled': { value: { base: '{colors.sys/bg/surface}' } },\n\n  // interactive\n  'interactive/base': { value: { base: '{colors.color/purple/base}' } },\n  'interactive/bold': { value: { base: '{colors.color/purple/bold}' } },\n  'interactive/highlight': { value: { base: '{colors.color/purple/highlight}' } },\n  'interactive/muted': { value: { base: '{colors.color/purple/muted}' } },\n  'interactive/moderate': { value: { base: '{colors.color/purple/moderate}' } },\n  'interactive/subtle': { value: { base: '{colors.color/purple/subtle}' } },\n  'interactive/minimal': { value: { base: '{colors.color/purple/minimal}' } },\n  'interactive/disabled': { value: { base: '{colors.color/neutral/moderate}' } },\n\n  // status\n  'status/info/bg': { value: { base: '{colors.color/blue/minimal}' } },\n  'status/info/bg-hover': { value: { base: '{colors.color/blue/subtle}' } },\n  'status/info/bg-active': { value: { base: '{colors.color/blue/moderate}' } },\n  'status/info/border': { value: { base: '{colors.color/blue/muted}' } },\n  'status/info/icon': { value: { base: '{colors.color/blue/strong}' } },\n  'status/info/text': { value: { base: '{colors.color/blue/strong}' } },\n  'status/success/bg': { value: { base: '{colors.color/green/minimal}' } },\n  'status/success/bg-hover': { value: { base: '{colors.color/green/subtle}' } },\n  'status/success/bg-active': { value: { base: '{colors.color/green/moderate}' } },\n  'status/success/border': { value: { base: '{colors.color/green/muted}' } },\n  'status/success/icon': { value: { base: '{colors.color/green/strong}' } },\n  'status/success/text': { value: { base: '{colors.color/green/strong}' } },\n  'status/warning/bg': { value: { base: '{colors.color/yellow/minimal}' } },\n  'status/warning/bg-hover': { value: { base: '{colors.color/yellow/subtle}' } },\n  'status/warning/bg-active': { value: { base: '{colors.color/yellow/moderate}' } },\n  'status/warning/border': { value: { base: '{colors.color/yellow/muted}' } },\n  'status/warning/icon': { value: { base: '{colors.color/yellow/strong}' } },\n  'status/warning/text': { value: { base: '{colors.color/yellow/strong}' } },\n  'status/critical/bg': { value: { base: '{colors.color/red/minimal}' } },\n  'status/critical/bg-hover': { value: { base: '{colors.color/red/subtle}' } },\n  'status/critical/bg-active': { value: { base: '{colors.color/red/moderate}' } },\n  'status/critical/border': { value: { base: '{colors.color/red/muted}' } },\n  'status/critical/icon': { value: { base: '{colors.color/red/strong}' } },\n  'status/critical/text': { value: { base: '{colors.color/red/strong}' } },\n  'status/progress/bg': { value: { base: '{colors.color/purple/minimal}' } },\n  'status/progress/bg-hover': { value: { base: '{colors.color/purple/subtle}' } },\n  'status/progress/bg-active': { value: { base: '{colors.color/purple/moderate}' } },\n  'status/progress/border': { value: { base: '{colors.color/purple/muted}' } },\n  'status/progress/icon': { value: { base: '{colors.color/purple/strong}' } },\n  'status/progress/text': { value: { base: '{colors.color/purple/strong}' } },\n  'status/neutral/bg': { value: { base: '{colors.color/neutral/minimal}' } },\n  'status/neutral/bg-hover': { value: { base: '{colors.color/neutral/subtle}' } },\n  'status/neutral/bg-active': { value: { base: '{colors.color/neutral/moderate}' } },\n  'status/neutral/border': { value: { base: '{colors.color/neutral/muted}' } },\n  'status/neutral/icon': { value: { base: '{colors.color/neutral/strong}' } },\n  'status/neutral/text': { value: { base: '{colors.color/neutral/strong}' } },\n  'status/ai/bg': { value: { base: '{colors.gradient/ai/background/minimal}' } },\n  'status/ai/bg-hover': { value: { base: '{colors.color/indigo/subtle}' } },\n  'status/ai/bg-active': { value: { base: '{colors.color/indigo/moderate}' } },\n  'status/ai/border': {\n    value: { base: '{colors.gradient/ai/border/strong}' },\n  },\n  'status/ai/surface': {\n    value: { base: '{colors.status/ai/bg} padding-box, {colors.status/ai/border} border-box' },\n  },\n  'status/ai/icon': { value: { base: '{colors.color/indigo/strong}' } },\n  'status/ai/text': { value: { base: '{colors.color/indigo/strong}' } },\n\n  // utilities\n  'utilities/overlay': { value: { base: 'color-mix(in srgb, {colors.neutral.10} 50%, transparent)' } },\n  'utilities/overlay-side': {\n    value: {\n      base: 'linear-gradient(90deg, color-mix(in srgb, {colors.neutral.10} 0%, transparent) 0%, color-mix(in srgb, {colors.neutral.10} 32%, transparent) 100%)',\n    },\n  },\n  'utilities/overlay-light': { value: { base: 'color-mix(in srgb, {colors.neutral.10} 16%, transparent)' } },\n  'utilities/overlay-dark': { value: { base: 'color-mix(in srgb, {colors.neutral.10} 80%, transparent)' } },\n  'utilities/skeleton': { value: { base: '{colors.sys/bg/subtle}' } },\n  'utilities/skeleton-highlight': { value: { base: '{colors.background/primary}' } },\n});\n\nexport default semanticColors;\n"],"mappings":"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"}

package/dist/theme/slot-recipes/PageHeader.recipe.d.ts

@@ -52,6 +52,23 @@ declare const pageHeaderSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinit
         true: {};
         false: {};
     };
+    /**
+     * From the component's `showDivider`. The header's background is the page's, so without the line
+     * the bottom padding reads as nothing but a margin -- one the page cannot shrink -- and it goes
+     * with the line. Flat values, so the collapsed row's `tablet` padding still centres it, and
+     * `isSticky` restores the line from `tablet`.
+     */
+    hasDivider: {
+        true: {};
+        false: {
+            root: {
+                borderBlockEndWidth: number;
+            };
+            headerBlock: {
+                paddingBlockEnd: number;
+            };
+        };
+    };
     isSticky: {
         true: {
             headerBlock: {
@@ -121,6 +138,7 @@ declare const pageHeaderSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinit
             };
             root: {
                 tablet: {
+                    borderBlockEndWidth: "1";
                     borderColor: "border/minimal";
                     boxShadow: "elevation/sm";
                 };

package/dist/theme/slot-recipes/PageHeader.recipe.js

@@ -343,9 +343,23 @@ var pageHeaderSlotRecipe = defineSlotRecipe({
 			true: {},
 			false: {}
 		},
+		/**
+		* From the component's `showDivider`. The header's background is the page's, so without the line
+		* the bottom padding reads as nothing but a margin -- one the page cannot shrink -- and it goes
+		* with the line. Flat values, so the collapsed row's `tablet` padding still centres it, and
+		* `isSticky` restores the line from `tablet`.
+		*/
+		hasDivider: {
+			true: {},
+			false: {
+				root: { borderBlockEndWidth: 0 },
+				headerBlock: { paddingBlockEnd: 0 }
+			}
+		},
 		isSticky: {
 			true: {
 				root: { tablet: {
+					borderBlockEndWidth: "1",
 					borderColor: "border/minimal",
 					boxShadow: "elevation/sm"
 				} },
@@ -385,6 +399,7 @@ var pageHeaderSlotRecipe = defineSlotRecipe({
 		contentVariant: "title",
 		hasBreadcrumb: false,
 		hasControls: false,
+		hasDivider: true,
 		isSticky: false,
 		variant: "default"
 	}

package/dist/theme/slot-recipes/PageHeader.recipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/PageHeader.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\n/**\n * The collapsed single-row layout, shared by `variant=\"minimal\"` and `isSticky`. Both apply the\n * exact same overrides, so the two variants are idempotent when combined. The expanded layout\n * lives in `base` — `variant=\"default\"` and `isSticky: false` deliberately define nothing, so\n * neither can undo the other's collapse.\n *\n * Every override is scoped to `tablet` and up, with no `base` key: below the breakpoint the `base`\n * styles win and the header stays expanded. The mobile Figma frame has no sticky or minimal\n * variant — it always shows the title as a heading — and a single 72px row cannot hold a\n * breadcrumb plus full-width actions at 375px.\n *\n * The slots the collapsed row drops are hidden here rather than omitted from the DOM, so the\n * component never has to know the viewport: no breakpoint hook, and no wrong-layout first paint.\n */\nconst collapsedSlots = {\n  headerBlock: {\n    tablet: {\n      alignItems: 'center',\n      flexDirection: 'row',\n      gap: '24',\n      // No 72 in the size scale — the design fixes the collapsed row height.\n      minHeight: rem(72),\n      paddingBlockEnd: '12',\n      paddingBlockStart: '12',\n      paddingInlineEnd: '32',\n      paddingInlineStart: '24',\n    },\n  },\n  breadcrumb: {\n    tablet: {\n      flex: '0 1 auto',\n      minWidth: 0,\n    },\n  },\n  contentBlock: {\n    tablet: {\n      alignItems: 'center',\n      flex: '1 0 0',\n      // 24 between the title and the actions, per `pageType=main, isSticky=true`. The 8 belongs to\n      // `actionBlock`, between the buttons.\n      gap: '24',\n      justifyContent: 'flex-end',\n      minWidth: 0,\n    },\n  },\n  titleBlock: {\n    tablet: {\n      alignItems: 'center',\n    },\n  },\n  title: {\n    tablet: {\n      textStyle: 'heading/h3',\n    },\n  },\n  actionBlock: {\n    tablet: {\n      alignItems: 'center',\n      flexDirection: 'row',\n      gap: '8',\n      width: 'auto',\n    },\n  },\n  avatar: {\n    tablet: { display: 'none' },\n  },\n  badge: {\n    tablet: { display: 'none' },\n  },\n  secondaryText: {\n    tablet: { display: 'none' },\n  },\n  tabs: {\n    tablet: { display: 'none' },\n  },\n} as const;\n\n/**\n * Collapsed *and* carrying a breadcrumb: the trail shows the title as its current item, so the\n * heading would duplicate it. `Breadcrumb.CurrentLink` is a link and not a heading, so the block is\n * made screen-reader-only instead of hidden — that keeps exactly one `h1` on the page at every\n * width without a second, conditionally rendered heading node.\n */\nconst titleInBreadcrumb = {\n  titleBlock: { tablet: { srOnly: true } },\n  // The row is trail + actions. The actions cannot shrink, so leaving `contentBlock` on a zero\n  // basis let a long trail take the whole row and collapse it to width 0 — the buttons then\n  // overflowed their own box and painted on top of the trail. Sizing the actions to their content\n  // and letting the trail take what is left makes the trail yield, and its last crumb ellipsise.\n  breadcrumb: { tablet: { flex: '1 1 auto' } },\n  // `width: auto` matters as much as the flex here, for the same reason it does in `controlsRow`:\n  // the base width is `100%`, which flex-basis `auto` resolves to, so without it this block claims\n  // the whole row and squeezes the trail to nothing.\n  contentBlock: { tablet: { flex: '0 0 auto', width: 'auto' } },\n} as const;\n\n/**\n * `minimal` *with* inline controls: the row carries three groups — trail, controls, actions — spread\n * apart rather than the usual trail-left/actions-right pair. `contentBlock` gives up its `flex: 1`\n * so `space-between` has room to distribute; without that it would absorb the free space and pin\n * the controls against the actions.\n *\n * Paired with both collapse modes, since `minimal` and `isSticky` produce the same row through\n * `collapsedSlots` — pairing it with `minimal` alone left the sticky row dropping the middle group.\n * This is the row the design file calls `PageHeader-WFE`.\n */\nconst controlsRow = {\n  headerBlock: { tablet: { justifyContent: 'space-between' } },\n  // Undoes the `flex: 1 1 auto` that `titleInBreadcrumb` gives the trail. That growth is right for\n  // the two-group row (trail + actions), but here a third group sits between them: a growing trail\n  // swallows all the free space on its side and shoves the controls island against the actions.\n  // Shrink-only keeps the trail ellipsising when the row is tight, while `space-between` gets free\n  // space to distribute.\n  breadcrumb: { tablet: { flex: '0 1 auto' } },\n  // `width: auto` matters as much as the flex: the base width is `100%`, which flex-basis `auto`\n  // resolves to, so the block would otherwise claim the whole row and shrink the trail until its\n  // metadata truncated away. Sized to its actions instead, leaving the free space to distribute.\n  contentBlock: { tablet: { flex: '0 0 auto', width: 'auto' } },\n} as const;\n\n/**\n * Collapsed with inline controls but no trail: the title takes the left slot, so the three groups\n * are the title, the controls and the actions — all inside `contentBlock`, which already spans the\n * row. The title block gives up its `flex: 1` so `space-between` has free space to distribute; left\n * growing, it would absorb the row and shove the controls against the actions.\n */\nconst controlsWithoutTrail = {\n  contentBlock: { tablet: { justifyContent: 'space-between' } },\n  titleBlock: { tablet: { flex: '0 1 auto' } },\n} as const;\n\n/**\n * `alignsToContent`'s 32, restated for the collapsed row. The collapsed slots set the header block's\n * start padding under the same `tablet` key, and the variant applied later wins the merge -- which\n * is the collapsed one, since `isSticky` and `variant` come after `alignsToContent`. A compound\n * variant is applied after every plain one, so this holds whatever order the props arrive in.\n */\nconst contentAlignedCollapsed = {\n  headerBlock: { tablet: { paddingInlineStart: '32' } },\n} as const;\n\n/**\n * Shared by the `app` and `user` content shapes — a larger avatar centred against a smaller title\n * and 14px secondary text. The two differ only in the avatar-to-text gap.\n */\nconst entityContent = {\n  titleBlock: {\n    alignItems: 'center',\n  },\n  title: {\n    textStyle: { base: 'heading/mobile/h2', tablet: 'heading/h2' },\n  },\n  secondaryText: {\n    textStyle: 'body/md/regular',\n  },\n} as const;\n\nconst pageHeaderSlotRecipe = defineSlotRecipe({\n  className: 'page-header',\n  slots: [\n    'root',\n    'headerBlock',\n    'breadcrumb',\n    'controls',\n    'contentBlock',\n    'titleBlock',\n    'avatar',\n    'textBlock',\n    'titleRow',\n    'title',\n    'badge',\n    'secondaryText',\n    'actionBlock',\n    'tabs',\n  ] as const,\n  base: {\n    root: {\n      background: 'background/primary',\n      borderBlockEnd: '1px solid',\n      borderColor: 'border/regular',\n      display: 'flex',\n      flexDirection: 'column',\n      width: '100%',\n    },\n    headerBlock: {\n      alignItems: 'flex-start',\n      display: 'flex',\n      flexDirection: 'column',\n      gap: { base: '16', tablet: '24' },\n      paddingBlockEnd: { base: '16', tablet: '24' },\n      paddingBlockStart: { base: '16', tablet: '24' },\n      paddingInlineEnd: { base: '16', tablet: '32' },\n      paddingInlineStart: { base: '16', tablet: '24' },\n      width: '100%',\n    },\n    breadcrumb: {\n      display: 'flex',\n      maxWidth: '100%',\n      minWidth: 0,\n      // The trail's list is `white-space: nowrap`, so without this a long one escapes the header's\n      // right edge instead of being clipped by it. `BitkitBreadcrumb` ellipsises its last crumb on\n      // its own, but only once it is allowed to shrink — see the `breadcrumb` prop docs.\n      overflow: 'hidden',\n    },\n    controls: {\n      alignItems: 'center',\n      display: 'flex',\n      flexShrink: 0,\n    },\n    contentBlock: {\n      alignItems: { base: 'flex-start', tablet: 'flex-end' },\n      display: 'flex',\n      flexDirection: { base: 'column', tablet: 'row' },\n      gap: { base: '16', tablet: '32' },\n      width: '100%',\n    },\n    titleBlock: {\n      display: 'flex',\n      flex: '1 0 0',\n      minWidth: 0,\n    },\n    avatar: {\n      display: 'flex',\n      flexShrink: 0,\n    },\n    textBlock: {\n      display: 'flex',\n      flexDirection: 'column',\n      minWidth: 0,\n    },\n    titleRow: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '12',\n      minWidth: 0,\n      paddingInlineEnd: { base: '0', tablet: '24' },\n    },\n    title: {\n      color: 'text/primary',\n      minWidth: 0,\n      textStyle: { base: 'heading/mobile/h1', tablet: 'heading/h1' },\n      // One line with an ellipsis rather than wrapping. A wrapped title grew the header without\n      // limit, and the collapsed row is a fixed 72px that a second line would break. The component\n      // pairs this with `BitkitOverflowTooltip` so the full string stays readable.\n      truncate: true,\n    },\n    badge: {\n      display: 'flex',\n      flexShrink: 0,\n      // The design nudges the badge below the optical centre of the title line, wrapping it in\n      // `flex-col h-full justify-center pt-8`. Reproduced with the same mechanism rather than a\n      // fixed offset: the row centres the margin box, so this lands the badge `8 / 2` lower —\n      // 12px down a 40px desktop line and 10px down a 36px mobile one, matching both frames.\n      marginBlockStart: '8',\n    },\n    secondaryText: {\n      color: 'text/secondary',\n      textStyle: 'body/lg/regular',\n      truncate: true,\n    },\n    actionBlock: {\n      // The design puts the primary action on top once the actions stack, so `base` reverses them\n      // visually while the DOM keeps its secondary-then-primary order for the row layout.\n      //\n      // That mismatch is deliberate and settled — please don't \"fix\" it. Actions arrive as an opaque\n      // `children` list, so with one DOM order and two visual orders, no arrangement satisfies both\n      // breakpoints; flipping the DOM only moves the mismatch to the row. The alternatives are a\n      // design change or a structured actions API, and neither earns its cost: the surviving case is\n      // a zoomed desktop window rendering `base`, where focus steps up rather than down between two\n      // adjacent buttons and nothing becomes unreachable. Chasing visual order through the DOM is\n      // also a pattern the design system avoids. v1 ships the same behaviour in `SubHeader.tsx:96`.\n      alignItems: { base: 'stretch', tablet: 'flex-end' },\n      display: 'flex',\n      flexDirection: { base: 'column-reverse', tablet: 'row' },\n      flexShrink: 0,\n      gap: '12',\n      justifyContent: 'flex-end',\n      width: { base: '100%', tablet: 'auto' },\n    },\n    tabs: {\n      // The tab list draws its own bottom border, inset by this padding. Pulling the row up by 1px\n      // lands it exactly on the root's border instead of stacking a second line above it, so the\n      // header keeps one full-width bottom edge as designed.\n      marginBlockEnd: rem(-1),\n      paddingInlineEnd: { base: '0', tablet: '32' },\n      paddingInlineStart: { base: '0', tablet: '16' },\n      width: '100%',\n    },\n  },\n  compoundVariants: [\n    { hasBreadcrumb: true, variant: 'minimal', css: titleInBreadcrumb },\n    { hasBreadcrumb: true, isSticky: true, css: titleInBreadcrumb },\n    { hasBreadcrumb: true, hasControls: true, variant: 'minimal', css: controlsRow },\n    { hasBreadcrumb: true, hasControls: true, isSticky: true, css: controlsRow },\n    { hasBreadcrumb: false, hasControls: true, variant: 'minimal', css: controlsWithoutTrail },\n    { hasBreadcrumb: false, hasControls: true, isSticky: true, css: controlsWithoutTrail },\n    { alignsToContent: true, variant: 'minimal', css: contentAlignedCollapsed },\n    { alignsToContent: true, isSticky: true, css: contentAlignedCollapsed },\n  ],\n  variants: {\n    contentVariant: {\n      title: {\n        titleBlock: {\n          // `center` rather than the design's `flex-end`. With no secondary text the two are\n          // identical — a 40px avatar against a 40px title line — so the bare sub-page card is\n          // unaffected. With secondary text present, `flex-end` dropped the avatar down beside it;\n          // centring matches how the app card sits its avatar against a two-line block.\n          alignItems: 'center',\n          gap: '12',\n        },\n        textBlock: {\n          gap: '4',\n        },\n      },\n      // `app` and `user` differ only in the gap between the avatar and the text — 16 and 12\n      // respectively — so they share everything else via `entityContent`.\n      app: {\n        ...entityContent,\n        titleBlock: {\n          ...entityContent.titleBlock,\n          gap: '16',\n        },\n      },\n      user: {\n        ...entityContent,\n        titleBlock: {\n          ...entityContent.titleBlock,\n          gap: '12',\n        },\n      },\n    },\n    // Mobile splits the trail into its own `breadcrumb-margin` block (`pt-24 px-16`) above a\n    // `p-16` header block, so the breadcrumb sits 24 from the top rather than 16. Desktop is 24\n    // either way, hence the flat value.\n    hasBreadcrumb: {\n      true: {\n        headerBlock: {\n          paddingBlockStart: '24',\n        },\n      },\n      false: {},\n    },\n    hasControls: {\n      true: {},\n      false: {},\n    },\n    isSticky: {\n      true: {\n        root: {\n          // Scoped to `tablet` like the layout overrides: below the breakpoint `isSticky` is\n          // ignored entirely, so the expanded header must not pick up the stuck chrome either.\n          tablet: {\n            borderColor: 'border/minimal',\n            boxShadow: 'elevation/sm',\n          },\n        },\n        ...collapsedSlots,\n      },\n      false: {},\n    },\n    variant: {\n      default: {},\n      minimal: collapsedSlots,\n    },\n    /**\n     * Lines the content block up with the page content below, leaving the root full-width — so the\n     * header's background and bottom border run edge to edge while the title sits where the content\n     * does. The cap, when there is one, is a `maxWidth` the component sets from `contentWidth`, since\n     * a recipe variant cannot carry an arbitrary length; `marginInline: auto` centres it, and does\n     * nothing when `contentWidth` is `'full'` and there is no cap.\n     *\n     * The design's centred frame pads both sides with 32, where the default header starts at 24.\n     * Only from `tablet`: below it the base 16 stands, matching what a content column pads with\n     * there, while the cap itself stays unscoped so the two track each other at every width.\n     *\n     * The collapsed row (`isSticky`, `minimal`) resets the start padding to 24 under the same\n     * `tablet` key and wins that merge, so the 32 is restated there by a compound variant — see\n     * `contentAlignedCollapsed`.\n     */\n    alignsToContent: {\n      true: {\n        headerBlock: {\n          marginInline: 'auto',\n          tablet: {\n            paddingInlineStart: '32',\n          },\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    alignsToContent: false,\n    contentVariant: 'title',\n    hasBreadcrumb: false,\n    hasControls: false,\n    isSticky: false,\n    variant: 'default',\n  },\n});\n\nexport default pageHeaderSlotRecipe;\n"],"mappings":"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"}
+{"version":3,"file":"PageHeader.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/PageHeader.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\n/**\n * The collapsed single-row layout, shared by `variant=\"minimal\"` and `isSticky`. Both apply the\n * exact same overrides, so the two variants are idempotent when combined. The expanded layout\n * lives in `base` — `variant=\"default\"` and `isSticky: false` deliberately define nothing, so\n * neither can undo the other's collapse.\n *\n * Every override is scoped to `tablet` and up, with no `base` key: below the breakpoint the `base`\n * styles win and the header stays expanded. The mobile Figma frame has no sticky or minimal\n * variant — it always shows the title as a heading — and a single 72px row cannot hold a\n * breadcrumb plus full-width actions at 375px.\n *\n * The slots the collapsed row drops are hidden here rather than omitted from the DOM, so the\n * component never has to know the viewport: no breakpoint hook, and no wrong-layout first paint.\n */\nconst collapsedSlots = {\n  headerBlock: {\n    tablet: {\n      alignItems: 'center',\n      flexDirection: 'row',\n      gap: '24',\n      // No 72 in the size scale — the design fixes the collapsed row height.\n      minHeight: rem(72),\n      paddingBlockEnd: '12',\n      paddingBlockStart: '12',\n      paddingInlineEnd: '32',\n      paddingInlineStart: '24',\n    },\n  },\n  breadcrumb: {\n    tablet: {\n      flex: '0 1 auto',\n      minWidth: 0,\n    },\n  },\n  contentBlock: {\n    tablet: {\n      alignItems: 'center',\n      flex: '1 0 0',\n      // 24 between the title and the actions, per `pageType=main, isSticky=true`. The 8 belongs to\n      // `actionBlock`, between the buttons.\n      gap: '24',\n      justifyContent: 'flex-end',\n      minWidth: 0,\n    },\n  },\n  titleBlock: {\n    tablet: {\n      alignItems: 'center',\n    },\n  },\n  title: {\n    tablet: {\n      textStyle: 'heading/h3',\n    },\n  },\n  actionBlock: {\n    tablet: {\n      alignItems: 'center',\n      flexDirection: 'row',\n      gap: '8',\n      width: 'auto',\n    },\n  },\n  avatar: {\n    tablet: { display: 'none' },\n  },\n  badge: {\n    tablet: { display: 'none' },\n  },\n  secondaryText: {\n    tablet: { display: 'none' },\n  },\n  tabs: {\n    tablet: { display: 'none' },\n  },\n} as const;\n\n/**\n * Collapsed *and* carrying a breadcrumb: the trail shows the title as its current item, so the\n * heading would duplicate it. `Breadcrumb.CurrentLink` is a link and not a heading, so the block is\n * made screen-reader-only instead of hidden — that keeps exactly one `h1` on the page at every\n * width without a second, conditionally rendered heading node.\n */\nconst titleInBreadcrumb = {\n  titleBlock: { tablet: { srOnly: true } },\n  // The row is trail + actions. The actions cannot shrink, so leaving `contentBlock` on a zero\n  // basis let a long trail take the whole row and collapse it to width 0 — the buttons then\n  // overflowed their own box and painted on top of the trail. Sizing the actions to their content\n  // and letting the trail take what is left makes the trail yield, and its last crumb ellipsise.\n  breadcrumb: { tablet: { flex: '1 1 auto' } },\n  // `width: auto` matters as much as the flex here, for the same reason it does in `controlsRow`:\n  // the base width is `100%`, which flex-basis `auto` resolves to, so without it this block claims\n  // the whole row and squeezes the trail to nothing.\n  contentBlock: { tablet: { flex: '0 0 auto', width: 'auto' } },\n} as const;\n\n/**\n * `minimal` *with* inline controls: the row carries three groups — trail, controls, actions — spread\n * apart rather than the usual trail-left/actions-right pair. `contentBlock` gives up its `flex: 1`\n * so `space-between` has room to distribute; without that it would absorb the free space and pin\n * the controls against the actions.\n *\n * Paired with both collapse modes, since `minimal` and `isSticky` produce the same row through\n * `collapsedSlots` — pairing it with `minimal` alone left the sticky row dropping the middle group.\n * This is the row the design file calls `PageHeader-WFE`.\n */\nconst controlsRow = {\n  headerBlock: { tablet: { justifyContent: 'space-between' } },\n  // Undoes the `flex: 1 1 auto` that `titleInBreadcrumb` gives the trail. That growth is right for\n  // the two-group row (trail + actions), but here a third group sits between them: a growing trail\n  // swallows all the free space on its side and shoves the controls island against the actions.\n  // Shrink-only keeps the trail ellipsising when the row is tight, while `space-between` gets free\n  // space to distribute.\n  breadcrumb: { tablet: { flex: '0 1 auto' } },\n  // `width: auto` matters as much as the flex: the base width is `100%`, which flex-basis `auto`\n  // resolves to, so the block would otherwise claim the whole row and shrink the trail until its\n  // metadata truncated away. Sized to its actions instead, leaving the free space to distribute.\n  contentBlock: { tablet: { flex: '0 0 auto', width: 'auto' } },\n} as const;\n\n/**\n * Collapsed with inline controls but no trail: the title takes the left slot, so the three groups\n * are the title, the controls and the actions — all inside `contentBlock`, which already spans the\n * row. The title block gives up its `flex: 1` so `space-between` has free space to distribute; left\n * growing, it would absorb the row and shove the controls against the actions.\n */\nconst controlsWithoutTrail = {\n  contentBlock: { tablet: { justifyContent: 'space-between' } },\n  titleBlock: { tablet: { flex: '0 1 auto' } },\n} as const;\n\n/**\n * `alignsToContent`'s 32, restated for the collapsed row. The collapsed slots set the header block's\n * start padding under the same `tablet` key, and the variant applied later wins the merge -- which\n * is the collapsed one, since `isSticky` and `variant` come after `alignsToContent`. A compound\n * variant is applied after every plain one, so this holds whatever order the props arrive in.\n */\nconst contentAlignedCollapsed = {\n  headerBlock: { tablet: { paddingInlineStart: '32' } },\n} as const;\n\n/**\n * Shared by the `app` and `user` content shapes — a larger avatar centred against a smaller title\n * and 14px secondary text. The two differ only in the avatar-to-text gap.\n */\nconst entityContent = {\n  titleBlock: {\n    alignItems: 'center',\n  },\n  title: {\n    textStyle: { base: 'heading/mobile/h2', tablet: 'heading/h2' },\n  },\n  secondaryText: {\n    textStyle: 'body/md/regular',\n  },\n} as const;\n\nconst pageHeaderSlotRecipe = defineSlotRecipe({\n  className: 'page-header',\n  slots: [\n    'root',\n    'headerBlock',\n    'breadcrumb',\n    'controls',\n    'contentBlock',\n    'titleBlock',\n    'avatar',\n    'textBlock',\n    'titleRow',\n    'title',\n    'badge',\n    'secondaryText',\n    'actionBlock',\n    'tabs',\n  ] as const,\n  base: {\n    root: {\n      background: 'background/primary',\n      borderBlockEnd: '1px solid',\n      borderColor: 'border/regular',\n      display: 'flex',\n      flexDirection: 'column',\n      width: '100%',\n    },\n    headerBlock: {\n      alignItems: 'flex-start',\n      display: 'flex',\n      flexDirection: 'column',\n      gap: { base: '16', tablet: '24' },\n      paddingBlockEnd: { base: '16', tablet: '24' },\n      paddingBlockStart: { base: '16', tablet: '24' },\n      paddingInlineEnd: { base: '16', tablet: '32' },\n      paddingInlineStart: { base: '16', tablet: '24' },\n      width: '100%',\n    },\n    breadcrumb: {\n      display: 'flex',\n      maxWidth: '100%',\n      minWidth: 0,\n      // The trail's list is `white-space: nowrap`, so without this a long one escapes the header's\n      // right edge instead of being clipped by it. `BitkitBreadcrumb` ellipsises its last crumb on\n      // its own, but only once it is allowed to shrink — see the `breadcrumb` prop docs.\n      overflow: 'hidden',\n    },\n    controls: {\n      alignItems: 'center',\n      display: 'flex',\n      flexShrink: 0,\n    },\n    contentBlock: {\n      alignItems: { base: 'flex-start', tablet: 'flex-end' },\n      display: 'flex',\n      flexDirection: { base: 'column', tablet: 'row' },\n      gap: { base: '16', tablet: '32' },\n      width: '100%',\n    },\n    titleBlock: {\n      display: 'flex',\n      flex: '1 0 0',\n      minWidth: 0,\n    },\n    avatar: {\n      display: 'flex',\n      flexShrink: 0,\n    },\n    textBlock: {\n      display: 'flex',\n      flexDirection: 'column',\n      minWidth: 0,\n    },\n    titleRow: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '12',\n      minWidth: 0,\n      paddingInlineEnd: { base: '0', tablet: '24' },\n    },\n    title: {\n      color: 'text/primary',\n      minWidth: 0,\n      textStyle: { base: 'heading/mobile/h1', tablet: 'heading/h1' },\n      // One line with an ellipsis rather than wrapping. A wrapped title grew the header without\n      // limit, and the collapsed row is a fixed 72px that a second line would break. The component\n      // pairs this with `BitkitOverflowTooltip` so the full string stays readable.\n      truncate: true,\n    },\n    badge: {\n      display: 'flex',\n      flexShrink: 0,\n      // The design nudges the badge below the optical centre of the title line, wrapping it in\n      // `flex-col h-full justify-center pt-8`. Reproduced with the same mechanism rather than a\n      // fixed offset: the row centres the margin box, so this lands the badge `8 / 2` lower —\n      // 12px down a 40px desktop line and 10px down a 36px mobile one, matching both frames.\n      marginBlockStart: '8',\n    },\n    secondaryText: {\n      color: 'text/secondary',\n      textStyle: 'body/lg/regular',\n      truncate: true,\n    },\n    actionBlock: {\n      // The design puts the primary action on top once the actions stack, so `base` reverses them\n      // visually while the DOM keeps its secondary-then-primary order for the row layout.\n      //\n      // That mismatch is deliberate and settled — please don't \"fix\" it. Actions arrive as an opaque\n      // `children` list, so with one DOM order and two visual orders, no arrangement satisfies both\n      // breakpoints; flipping the DOM only moves the mismatch to the row. The alternatives are a\n      // design change or a structured actions API, and neither earns its cost: the surviving case is\n      // a zoomed desktop window rendering `base`, where focus steps up rather than down between two\n      // adjacent buttons and nothing becomes unreachable. Chasing visual order through the DOM is\n      // also a pattern the design system avoids. v1 ships the same behaviour in `SubHeader.tsx:96`.\n      alignItems: { base: 'stretch', tablet: 'flex-end' },\n      display: 'flex',\n      flexDirection: { base: 'column-reverse', tablet: 'row' },\n      flexShrink: 0,\n      gap: '12',\n      justifyContent: 'flex-end',\n      width: { base: '100%', tablet: 'auto' },\n    },\n    tabs: {\n      // The tab list draws its own bottom border, inset by this padding. Pulling the row up by 1px\n      // lands it exactly on the root's border instead of stacking a second line above it, so the\n      // header keeps one full-width bottom edge as designed.\n      marginBlockEnd: rem(-1),\n      paddingInlineEnd: { base: '0', tablet: '32' },\n      paddingInlineStart: { base: '0', tablet: '16' },\n      width: '100%',\n    },\n  },\n  compoundVariants: [\n    { hasBreadcrumb: true, variant: 'minimal', css: titleInBreadcrumb },\n    { hasBreadcrumb: true, isSticky: true, css: titleInBreadcrumb },\n    { hasBreadcrumb: true, hasControls: true, variant: 'minimal', css: controlsRow },\n    { hasBreadcrumb: true, hasControls: true, isSticky: true, css: controlsRow },\n    { hasBreadcrumb: false, hasControls: true, variant: 'minimal', css: controlsWithoutTrail },\n    { hasBreadcrumb: false, hasControls: true, isSticky: true, css: controlsWithoutTrail },\n    { alignsToContent: true, variant: 'minimal', css: contentAlignedCollapsed },\n    { alignsToContent: true, isSticky: true, css: contentAlignedCollapsed },\n  ],\n  variants: {\n    contentVariant: {\n      title: {\n        titleBlock: {\n          // `center` rather than the design's `flex-end`. With no secondary text the two are\n          // identical — a 40px avatar against a 40px title line — so the bare sub-page card is\n          // unaffected. With secondary text present, `flex-end` dropped the avatar down beside it;\n          // centring matches how the app card sits its avatar against a two-line block.\n          alignItems: 'center',\n          gap: '12',\n        },\n        textBlock: {\n          gap: '4',\n        },\n      },\n      // `app` and `user` differ only in the gap between the avatar and the text — 16 and 12\n      // respectively — so they share everything else via `entityContent`.\n      app: {\n        ...entityContent,\n        titleBlock: {\n          ...entityContent.titleBlock,\n          gap: '16',\n        },\n      },\n      user: {\n        ...entityContent,\n        titleBlock: {\n          ...entityContent.titleBlock,\n          gap: '12',\n        },\n      },\n    },\n    // Mobile splits the trail into its own `breadcrumb-margin` block (`pt-24 px-16`) above a\n    // `p-16` header block, so the breadcrumb sits 24 from the top rather than 16. Desktop is 24\n    // either way, hence the flat value.\n    hasBreadcrumb: {\n      true: {\n        headerBlock: {\n          paddingBlockStart: '24',\n        },\n      },\n      false: {},\n    },\n    hasControls: {\n      true: {},\n      false: {},\n    },\n    /**\n     * From the component's `showDivider`. The header's background is the page's, so without the line\n     * the bottom padding reads as nothing but a margin -- one the page cannot shrink -- and it goes\n     * with the line. Flat values, so the collapsed row's `tablet` padding still centres it, and\n     * `isSticky` restores the line from `tablet`.\n     */\n    hasDivider: {\n      true: {},\n      false: {\n        root: { borderBlockEndWidth: 0 },\n        headerBlock: { paddingBlockEnd: 0 },\n      },\n    },\n    isSticky: {\n      true: {\n        root: {\n          // Scoped to `tablet` like the layout overrides: below the breakpoint `isSticky` is\n          // ignored entirely, so the expanded header must not pick up the stuck chrome either.\n          tablet: {\n            // Content scrolls under a stuck header, so it keeps its line with `hasDivider: false`\n            // too. Width only: the `borderBlockEnd` shorthand would also reset the colour.\n            borderBlockEndWidth: '1',\n            borderColor: 'border/minimal',\n            boxShadow: 'elevation/sm',\n          },\n        },\n        ...collapsedSlots,\n      },\n      false: {},\n    },\n    variant: {\n      default: {},\n      minimal: collapsedSlots,\n    },\n    /**\n     * Lines the content block up with the page content below, leaving the root full-width — so the\n     * header's background and bottom border run edge to edge while the title sits where the content\n     * does. The cap, when there is one, is a `maxWidth` the component sets from `contentWidth`, since\n     * a recipe variant cannot carry an arbitrary length; `marginInline: auto` centres it, and does\n     * nothing when `contentWidth` is `'full'` and there is no cap.\n     *\n     * The design's centred frame pads both sides with 32, where the default header starts at 24.\n     * Only from `tablet`: below it the base 16 stands, matching what a content column pads with\n     * there, while the cap itself stays unscoped so the two track each other at every width.\n     *\n     * The collapsed row (`isSticky`, `minimal`) resets the start padding to 24 under the same\n     * `tablet` key and wins that merge, so the 32 is restated there by a compound variant — see\n     * `contentAlignedCollapsed`.\n     */\n    alignsToContent: {\n      true: {\n        headerBlock: {\n          marginInline: 'auto',\n          tablet: {\n            paddingInlineStart: '32',\n          },\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    alignsToContent: false,\n    contentVariant: 'title',\n    hasBreadcrumb: false,\n    hasControls: false,\n    hasDivider: true,\n    isSticky: false,\n    variant: 'default',\n  },\n});\n\nexport default pageHeaderSlotRecipe;\n"],"mappings":"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"}

package/dist/theme/slot-recipes/index.d.ts

@@ -1489,6 +1489,17 @@ declare const slotRecipes: {
             true: {};
             false: {};
         };
+        hasDivider: {
+            true: {};
+            false: {
+                root: {
+                    borderBlockEndWidth: number;
+                };
+                headerBlock: {
+                    paddingBlockEnd: number;
+                };
+            };
+        };
         isSticky: {
             true: {
                 headerBlock: {
@@ -1558,6 +1569,7 @@ declare const slotRecipes: {
                 };
                 root: {
                     tablet: {
+                        borderBlockEndWidth: "1";
                         borderColor: "border/minimal";
                         boxShadow: "elevation/sm";
                     };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.437",
+  "version": "0.3.439",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",