@bitrise/bitkit-v2 0.3.484 → 0.3.485-beta.3132

package/dist/components/BitkitUIHeader/BitkitUIHeader.d.ts

@@ -29,12 +29,14 @@ export { uiHeaderHeight, uiHeaderHeightPx } from '../../theme/slot-recipes/UIHea
 export { type BitkitUIHeaderAccountProps } from './UIHeaderAccount';
 export { type BitkitUIHeaderButtonProps } from './UIHeaderButton';
 export { type BitkitUIHeaderBadge, type BitkitUIHeaderControlAsAnchorProps, type BitkitUIHeaderControlAsButtonProps, type BitkitUIHeaderControlProps, } from './UIHeaderControl';
+export { type BitkitUIHeaderMode, type BitkitUIHeaderModeSwitchProps } from './UIHeaderModeSwitch';
 export { type BitkitUIHeaderNavButtonProps } from './UIHeaderNavButton';
 export { type BitkitUIHeaderSearchProps } from './UIHeaderSearch';
 declare const _default: import('react').ForwardRefExoticComponent<BitkitUIHeaderProps & import('react').RefAttributes<HTMLElement>> & {
     Account: import('react').ForwardRefExoticComponent<import('./UIHeaderAccount').BitkitUIHeaderAccountProps & import('react').RefAttributes<HTMLButtonElement>>;
     Button: import('react').ForwardRefExoticComponent<import('./UIHeaderButton').BitkitUIHeaderButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
     Control: import('react').ForwardRefExoticComponent<import('./UIHeaderControl').BitkitUIHeaderControlProps & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+    ModeSwitch: import('react').ForwardRefExoticComponent<import('./UIHeaderModeSwitch').BitkitUIHeaderModeSwitchProps & import('react').RefAttributes<HTMLButtonElement>>;
     NavButton: import('react').ForwardRefExoticComponent<import('./UIHeaderNavButton').BitkitUIHeaderNavButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
     Search: import('react').ForwardRefExoticComponent<import('./UIHeaderSearch').BitkitUIHeaderSearchProps & import('react').RefAttributes<HTMLDivElement>>;
 };

package/dist/components/BitkitUIHeader/BitkitUIHeader.js

@@ -5,6 +5,7 @@ import uiHeaderPart from "./uiHeaderPart.js";
 import UIHeaderControl from "./UIHeaderControl.js";
 import UIHeaderAccount from "./UIHeaderAccount.js";
 import UIHeaderButton from "./UIHeaderButton.js";
+import UIHeaderModeSwitch from "./UIHeaderModeSwitch.js";
 import UIHeaderNavButton from "./UIHeaderNavButton.js";
 import UIHeaderSearch from "./UIHeaderSearch.js";
 import { uiHeaderHeight, uiHeaderHeightPx } from "../../theme/slot-recipes/UIHeader.recipe.js";
@@ -23,6 +24,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 *   <BitkitUIHeader.Search onOpenChange={setSearchOpen} onValueChange={setQuery} open={searchOpen} value={query} />
 *   <BitkitUIHeader.Control icon={IconBell} label="Notifications" onClick={toggleNotifications} selected={isOpen} />
 *   <BitkitUIHeader.Account name={user.name} onClick={toggleAccount} src={user.avatar} />
+*   <BitkitUIHeader.ModeSwitch onValueChange={setMode} value={mode} />
 * </BitkitUIHeader>
 * ```
 *
@@ -34,7 +36,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 *
 * The panels the controls open are the consumer's: a control takes a `selected` flag and paints
 * itself as the open one, and nothing more. That keeps a drawer's content, placement and state
-* where the product can see them.
+* where the product can see them. `ModeSwitch` is the one exception — it owns the menu it opens,
+* because the three appearance options are the same everywhere; the consumer holds the chosen mode
+* and applies it.
 *
 * It carries its own responsive behaviour and needs no breakpoint hook. Below `tablet` the
 * `leading` slot appears, the logo centres, the account button becomes an icon, and search stops
@@ -105,6 +109,7 @@ var BitkitUIHeader_default = withSubComponents(BitkitUIHeader, {
 	Account: UIHeaderAccount,
 	Button: UIHeaderButton,
 	Control: UIHeaderControl,
+	ModeSwitch: UIHeaderModeSwitch,
 	NavButton: UIHeaderNavButton,
 	Search: UIHeaderSearch
 });

package/dist/components/BitkitUIHeader/BitkitUIHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitUIHeader.js","names":[],"sources":["../../../lib/components/BitkitUIHeader/BitkitUIHeader.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactNode, useMemo, useRef } from 'react';\n\nimport { withSubComponents } from '../../utilities/withSubComponents';\nimport BitriseLogo from './BitriseLogo';\nimport UIHeaderAccount from './UIHeaderAccount';\nimport UIHeaderButton from './UIHeaderButton';\nimport { UIHeaderContextProvider } from './UIHeaderContext';\nimport UIHeaderControl from './UIHeaderControl';\nimport UIHeaderNavButton from './UIHeaderNavButton';\nimport uiHeaderPart from './uiHeaderPart';\nimport UIHeaderSearch from './UIHeaderSearch';\n\nexport interface BitkitUIHeaderProps extends Omit<BoxProps, 'children'> {\n  /**\n   * Content below the bar, inside the header itself — account-wide notices and the like. It is\n   * part of the header rather than the page, so a pinned header keeps it pinned too, and a page\n   * reserving room for the header has one element to measure rather than two to add up.\n   *\n   * Measure it is the word: the banner's height is your content, so a header carrying one is\n   * taller than `uiHeaderHeight`. A pinned header needs the measurement, and a header that scrolls\n   * with the page needs neither.\n   */\n  banner?: ReactNode;\n  /** The trailing controls, in the order they should appear. */\n  children?: ReactNode;\n  /**\n   * The slot before the logo, shown only below the `tablet` breakpoint. It takes a\n   * `BitkitUIHeader.NavButton`, which opens the navigation drawer, or a `BitkitUIHeader.Control`\n   * for an account with no workspace to navigate yet.\n   *\n   * It is a slot rather than a child because the design fixes where it goes: children all land in\n   * the trailing cluster, on the far side of the logo.\n   */\n  leading?: ReactNode;\n  /** Where the logo links to. */\n  logoHref?: string;\n}\n\n/**\n * The platform's top bar: the Bitrise logo, and the controls for everything that is not navigation\n * — search, changelog, help, notifications, the account.\n *\n * ```tsx\n * <BitkitUIHeader leading={<BitkitUIHeader.NavButton name={workspace} onClick={openNav} />}>\n *   <BitkitUIHeader.Button icon={IconSparkle} onClick={askAI} variant=\"secondary\">Ask AI</BitkitUIHeader.Button>\n *   <BitkitUIHeader.Search onOpenChange={setSearchOpen} onValueChange={setQuery} open={searchOpen} value={query} />\n *   <BitkitUIHeader.Control icon={IconBell} label=\"Notifications\" onClick={toggleNotifications} selected={isOpen} />\n *   <BitkitUIHeader.Account name={user.name} onClick={toggleAccount} src={user.avatar} />\n * </BitkitUIHeader>\n * ```\n *\n * It does not position itself. The consumer decides whether it scrolls with the page or is pinned\n * to the top of it, which is what lets a page put its own chrome above the header. Pin it with the\n * style props the root forwards, and reserve `uiHeaderHeight` for it in the page below, or\n * `uiHeaderHeightPx` where the layout needs a number rather than a token. Those are the bar's\n * height: a header with a `banner` is taller, and a pinned one is measured rather than assumed.\n *\n * The panels the controls open are the consumer's: a control takes a `selected` flag and paints\n * itself as the open one, and nothing more. That keeps a drawer's content, placement and state\n * where the product can see them.\n *\n * It carries its own responsive behaviour and needs no breakpoint hook. Below `tablet` the\n * `leading` slot appears, the logo centres, the account button becomes an icon, and search stops\n * opening a field in the bar.\n */\nconst BitkitUIHeader = forwardRef<HTMLElement, BitkitUIHeaderProps>((props, ref) => {\n  const { banner, children, css, leading, logoHref = '/', ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'uiHeader' });\n  const styles = recipe();\n\n  const barRef = useRef<HTMLDivElement>(null);\n\n  const context = useMemo(() => ({ barRef, styles }), [styles]);\n\n  return (\n    <UIHeaderContextProvider value={context}>\n      <Box ref={ref} asChild {...rest} css={[styles.root, css]}>\n        <header {...uiHeaderPart('root')}>\n          <Box ref={barRef} css={styles.bar} {...uiHeaderPart('bar')}>\n            <Box css={styles.leading} {...uiHeaderPart('leading')}>\n              {leading}\n            </Box>\n            <Box css={styles.spacer} {...uiHeaderPart('spacer')} />\n            <Box css={styles.logoBlock} {...uiHeaderPart('logo-block')}>\n              <Box asChild css={styles.logoLink}>\n                <a aria-label=\"Bitrise\" href={logoHref} {...uiHeaderPart('logo-link')}>\n                  <BitriseLogo />\n                </a>\n              </Box>\n            </Box>\n            <Box css={styles.actions} {...uiHeaderPart('actions')}>\n              {children}\n            </Box>\n          </Box>\n          {!!banner && (\n            <Box css={styles.banner} {...uiHeaderPart('banner')}>\n              {banner}\n            </Box>\n          )}\n        </header>\n      </Box>\n    </UIHeaderContextProvider>\n  );\n});\n\nexport { uiHeaderHeight, uiHeaderHeightPx } from '../../theme/slot-recipes/UIHeader.recipe';\nexport { type BitkitUIHeaderAccountProps } from './UIHeaderAccount';\nexport { type BitkitUIHeaderButtonProps } from './UIHeaderButton';\nexport {\n  type BitkitUIHeaderBadge,\n  type BitkitUIHeaderControlAsAnchorProps,\n  type BitkitUIHeaderControlAsButtonProps,\n  type BitkitUIHeaderControlProps,\n} from './UIHeaderControl';\nexport { type BitkitUIHeaderNavButtonProps } from './UIHeaderNavButton';\nexport { type BitkitUIHeaderSearchProps } from './UIHeaderSearch';\n\nBitkitUIHeader.displayName = 'BitkitUIHeader';\n\nexport default withSubComponents(BitkitUIHeader, {\n  Account: UIHeaderAccount,\n  Button: UIHeaderButton,\n  Control: UIHeaderControl,\n  NavButton: UIHeaderNavButton,\n  Search: UIHeaderSearch,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA,IAAM,iBAAiB,YAA8C,OAAO,QAAQ;CAClF,MAAM,EAAE,QAAQ,UAAU,KAAK,SAAS,WAAW,KAAK,GAAG,SAAS;CAGpE,MAAM,SADS,cAAc,EAAE,KAAK,WAAW,CAChC,CAAA,CAAO;CAEtB,MAAM,SAAS,OAAuB,IAAI;CAE1C,MAAM,UAAU,eAAe;EAAE;EAAQ;CAAO,IAAI,CAAC,MAAM,CAAC;CAE5D,OACE,oBAAC,yBAAD;EAAyB,OAAO;EAC9B,UAAA,oBAAC,KAAD;GAAU;GAAK,SAAA;GAAQ,GAAI;GAAM,KAAK,CAAC,OAAO,MAAM,GAAG;GACrD,UAAA,qBAAC,UAAD;IAAQ,GAAI,aAAa,MAAM;IAA/B,UAAA,CACE,qBAAC,KAAD;KAAK,KAAK;KAAQ,KAAK,OAAO;KAAK,GAAI,aAAa,KAAK;KAAzD,UAAA;MACE,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAS,GAAI,aAAa,SAAS;OACjD,UAAA;MACE,CAAA;MACL,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAQ,GAAI,aAAa,QAAQ;MAAI,CAAA;MACtD,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAW,GAAI,aAAa,YAAY;OACvD,UAAA,oBAAC,KAAD;QAAK,SAAA;QAAQ,KAAK,OAAO;QACvB,UAAA,oBAAC,KAAD;SAAG,cAAW;SAAU,MAAM;SAAU,GAAI,aAAa,WAAW;SAClE,UAAA,oBAAC,aAAD,CAAc,CAAA;QACb,CAAA;OACA,CAAA;MACF,CAAA;MACL,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAS,GAAI,aAAa,SAAS;OACjD;MACE,CAAA;KACF;IACJ,CAAA,GAAA,CAAC,CAAC,UACD,oBAAC,KAAD;KAAK,KAAK,OAAO;KAAQ,GAAI,aAAa,QAAQ;KAC/C,UAAA;IACE,CAAA,CAED;;EACL,CAAA;CACkB,CAAA;AAE7B,CAAC;AAcD,eAAe,cAAc;AAE7B,IAAA,yBAAe,kBAAkB,gBAAgB;CAC/C,SAAS;CACT,QAAQ;CACR,SAAS;CACT,WAAW;CACX,QAAQ;AACV,CAAC"}
+{"version":3,"file":"BitkitUIHeader.js","names":[],"sources":["../../../lib/components/BitkitUIHeader/BitkitUIHeader.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactNode, useMemo, useRef } from 'react';\n\nimport { withSubComponents } from '../../utilities/withSubComponents';\nimport BitriseLogo from './BitriseLogo';\nimport UIHeaderAccount from './UIHeaderAccount';\nimport UIHeaderButton from './UIHeaderButton';\nimport { UIHeaderContextProvider } from './UIHeaderContext';\nimport UIHeaderControl from './UIHeaderControl';\nimport UIHeaderModeSwitch from './UIHeaderModeSwitch';\nimport UIHeaderNavButton from './UIHeaderNavButton';\nimport uiHeaderPart from './uiHeaderPart';\nimport UIHeaderSearch from './UIHeaderSearch';\n\nexport interface BitkitUIHeaderProps extends Omit<BoxProps, 'children'> {\n  /**\n   * Content below the bar, inside the header itself — account-wide notices and the like. It is\n   * part of the header rather than the page, so a pinned header keeps it pinned too, and a page\n   * reserving room for the header has one element to measure rather than two to add up.\n   *\n   * Measure it is the word: the banner's height is your content, so a header carrying one is\n   * taller than `uiHeaderHeight`. A pinned header needs the measurement, and a header that scrolls\n   * with the page needs neither.\n   */\n  banner?: ReactNode;\n  /** The trailing controls, in the order they should appear. */\n  children?: ReactNode;\n  /**\n   * The slot before the logo, shown only below the `tablet` breakpoint. It takes a\n   * `BitkitUIHeader.NavButton`, which opens the navigation drawer, or a `BitkitUIHeader.Control`\n   * for an account with no workspace to navigate yet.\n   *\n   * It is a slot rather than a child because the design fixes where it goes: children all land in\n   * the trailing cluster, on the far side of the logo.\n   */\n  leading?: ReactNode;\n  /** Where the logo links to. */\n  logoHref?: string;\n}\n\n/**\n * The platform's top bar: the Bitrise logo, and the controls for everything that is not navigation\n * — search, changelog, help, notifications, the account.\n *\n * ```tsx\n * <BitkitUIHeader leading={<BitkitUIHeader.NavButton name={workspace} onClick={openNav} />}>\n *   <BitkitUIHeader.Button icon={IconSparkle} onClick={askAI} variant=\"secondary\">Ask AI</BitkitUIHeader.Button>\n *   <BitkitUIHeader.Search onOpenChange={setSearchOpen} onValueChange={setQuery} open={searchOpen} value={query} />\n *   <BitkitUIHeader.Control icon={IconBell} label=\"Notifications\" onClick={toggleNotifications} selected={isOpen} />\n *   <BitkitUIHeader.Account name={user.name} onClick={toggleAccount} src={user.avatar} />\n *   <BitkitUIHeader.ModeSwitch onValueChange={setMode} value={mode} />\n * </BitkitUIHeader>\n * ```\n *\n * It does not position itself. The consumer decides whether it scrolls with the page or is pinned\n * to the top of it, which is what lets a page put its own chrome above the header. Pin it with the\n * style props the root forwards, and reserve `uiHeaderHeight` for it in the page below, or\n * `uiHeaderHeightPx` where the layout needs a number rather than a token. Those are the bar's\n * height: a header with a `banner` is taller, and a pinned one is measured rather than assumed.\n *\n * The panels the controls open are the consumer's: a control takes a `selected` flag and paints\n * itself as the open one, and nothing more. That keeps a drawer's content, placement and state\n * where the product can see them. `ModeSwitch` is the one exception — it owns the menu it opens,\n * because the three appearance options are the same everywhere; the consumer holds the chosen mode\n * and applies it.\n *\n * It carries its own responsive behaviour and needs no breakpoint hook. Below `tablet` the\n * `leading` slot appears, the logo centres, the account button becomes an icon, and search stops\n * opening a field in the bar.\n */\nconst BitkitUIHeader = forwardRef<HTMLElement, BitkitUIHeaderProps>((props, ref) => {\n  const { banner, children, css, leading, logoHref = '/', ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'uiHeader' });\n  const styles = recipe();\n\n  const barRef = useRef<HTMLDivElement>(null);\n\n  const context = useMemo(() => ({ barRef, styles }), [styles]);\n\n  return (\n    <UIHeaderContextProvider value={context}>\n      <Box ref={ref} asChild {...rest} css={[styles.root, css]}>\n        <header {...uiHeaderPart('root')}>\n          <Box ref={barRef} css={styles.bar} {...uiHeaderPart('bar')}>\n            <Box css={styles.leading} {...uiHeaderPart('leading')}>\n              {leading}\n            </Box>\n            <Box css={styles.spacer} {...uiHeaderPart('spacer')} />\n            <Box css={styles.logoBlock} {...uiHeaderPart('logo-block')}>\n              <Box asChild css={styles.logoLink}>\n                <a aria-label=\"Bitrise\" href={logoHref} {...uiHeaderPart('logo-link')}>\n                  <BitriseLogo />\n                </a>\n              </Box>\n            </Box>\n            <Box css={styles.actions} {...uiHeaderPart('actions')}>\n              {children}\n            </Box>\n          </Box>\n          {!!banner && (\n            <Box css={styles.banner} {...uiHeaderPart('banner')}>\n              {banner}\n            </Box>\n          )}\n        </header>\n      </Box>\n    </UIHeaderContextProvider>\n  );\n});\n\nexport { uiHeaderHeight, uiHeaderHeightPx } from '../../theme/slot-recipes/UIHeader.recipe';\nexport { type BitkitUIHeaderAccountProps } from './UIHeaderAccount';\nexport { type BitkitUIHeaderButtonProps } from './UIHeaderButton';\nexport {\n  type BitkitUIHeaderBadge,\n  type BitkitUIHeaderControlAsAnchorProps,\n  type BitkitUIHeaderControlAsButtonProps,\n  type BitkitUIHeaderControlProps,\n} from './UIHeaderControl';\nexport { type BitkitUIHeaderMode, type BitkitUIHeaderModeSwitchProps } from './UIHeaderModeSwitch';\nexport { type BitkitUIHeaderNavButtonProps } from './UIHeaderNavButton';\nexport { type BitkitUIHeaderSearchProps } from './UIHeaderSearch';\n\nBitkitUIHeader.displayName = 'BitkitUIHeader';\n\nexport default withSubComponents(BitkitUIHeader, {\n  Account: UIHeaderAccount,\n  Button: UIHeaderButton,\n  Control: UIHeaderControl,\n  ModeSwitch: UIHeaderModeSwitch,\n  NavButton: UIHeaderNavButton,\n  Search: UIHeaderSearch,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,IAAM,iBAAiB,YAA8C,OAAO,QAAQ;CAClF,MAAM,EAAE,QAAQ,UAAU,KAAK,SAAS,WAAW,KAAK,GAAG,SAAS;CAGpE,MAAM,SADS,cAAc,EAAE,KAAK,WAAW,CAChC,CAAA,CAAO;CAEtB,MAAM,SAAS,OAAuB,IAAI;CAE1C,MAAM,UAAU,eAAe;EAAE;EAAQ;CAAO,IAAI,CAAC,MAAM,CAAC;CAE5D,OACE,oBAAC,yBAAD;EAAyB,OAAO;EAC9B,UAAA,oBAAC,KAAD;GAAU;GAAK,SAAA;GAAQ,GAAI;GAAM,KAAK,CAAC,OAAO,MAAM,GAAG;GACrD,UAAA,qBAAC,UAAD;IAAQ,GAAI,aAAa,MAAM;IAA/B,UAAA,CACE,qBAAC,KAAD;KAAK,KAAK;KAAQ,KAAK,OAAO;KAAK,GAAI,aAAa,KAAK;KAAzD,UAAA;MACE,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAS,GAAI,aAAa,SAAS;OACjD,UAAA;MACE,CAAA;MACL,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAQ,GAAI,aAAa,QAAQ;MAAI,CAAA;MACtD,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAW,GAAI,aAAa,YAAY;OACvD,UAAA,oBAAC,KAAD;QAAK,SAAA;QAAQ,KAAK,OAAO;QACvB,UAAA,oBAAC,KAAD;SAAG,cAAW;SAAU,MAAM;SAAU,GAAI,aAAa,WAAW;SAClE,UAAA,oBAAC,aAAD,CAAc,CAAA;QACb,CAAA;OACA,CAAA;MACF,CAAA;MACL,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAS,GAAI,aAAa,SAAS;OACjD;MACE,CAAA;KACF;IACJ,CAAA,GAAA,CAAC,CAAC,UACD,oBAAC,KAAD;KAAK,KAAK,OAAO;KAAQ,GAAI,aAAa,QAAQ;KAC/C,UAAA;IACE,CAAA,CAED;;EACL,CAAA;CACkB,CAAA;AAE7B,CAAC;AAeD,eAAe,cAAc;AAE7B,IAAA,yBAAe,kBAAkB,gBAAgB;CAC/C,SAAS;CACT,QAAQ;CACR,SAAS;CACT,YAAY;CACZ,WAAW;CACX,QAAQ;AACV,CAAC"}

package/dist/components/BitkitUIHeader/UIHeaderModeSwitch.d.ts

@@ -0,0 +1,23 @@
+import { BoxProps } from '@chakra-ui/react/box';
+export type BitkitUIHeaderMode = 'dark' | 'light' | 'system';
+export interface BitkitUIHeaderModeSwitchProps extends Omit<BoxProps, 'children' | 'defaultValue' | 'onChange'> {
+    /** The mode to start on when the switch is left uncontrolled. */
+    defaultValue?: BitkitUIHeaderMode;
+    /** The trigger's accessible name. It shows no text of its own. */
+    label?: string;
+    /** Fires with the mode picked from the menu. */
+    onValueChange?: (value: BitkitUIHeaderMode) => void;
+    /** The chosen mode. Pass it with `onValueChange` to hold the state in the product. */
+    value?: BitkitUIHeaderMode;
+}
+/**
+ * The appearance menu — System, Light or Dark — behind a separator at the trailing end of the bar.
+ * Unlike the header's other controls it owns the menu it opens, because the three options are the
+ * same everywhere; applying the mode is still the consumer's.
+ *
+ * The button shows the mode in force rather than the one chosen, so `system` draws a sun or a moon
+ * rather than a screen. It reads that from the `light` / `dark` class every Bitkit colour token
+ * already keys on, so the icon can never disagree with what is around it.
+ */
+declare const UIHeaderModeSwitch: import('react').ForwardRefExoticComponent<BitkitUIHeaderModeSwitchProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default UIHeaderModeSwitch;

package/dist/components/BitkitUIHeader/UIHeaderModeSwitch.js

@@ -0,0 +1,110 @@
+import IconCheck from "../../icons/IconCheck.js";
+import IconModeDark from "../../icons/IconModeDark.js";
+import IconModeLight from "../../icons/IconModeLight.js";
+import IconModeSystem from "../../icons/IconModeSystem.js";
+import { usePortalContext } from "../../utilities/BitkitPortalContext.js";
+import { useUIHeaderContext } from "./UIHeaderContext.js";
+import uiHeaderPart from "./uiHeaderPart.js";
+import { UIHeaderControlBase } from "./UIHeaderControl.js";
+import { Box } from "@chakra-ui/react/box";
+import { forwardRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Portal } from "@chakra-ui/react/portal";
+import { Menu } from "@chakra-ui/react/menu";
+import { useControllableState } from "@chakra-ui/react/hooks";
+//#region lib/components/BitkitUIHeader/UIHeaderModeSwitch.tsx
+var modes = {
+	dark: {
+		icon: IconModeDark,
+		label: "Dark"
+	},
+	light: {
+		icon: IconModeLight,
+		label: "Light"
+	},
+	system: {
+		icon: IconModeSystem,
+		label: "System"
+	}
+};
+var modeOrder = [
+	"system",
+	"light",
+	"dark"
+];
+var MENU_CROSS_OFFSET = 13;
+/**
+* The appearance menu — System, Light or Dark — behind a separator at the trailing end of the bar.
+* Unlike the header's other controls it owns the menu it opens, because the three options are the
+* same everywhere; applying the mode is still the consumer's.
+*
+* The button shows the mode in force rather than the one chosen, so `system` draws a sun or a moon
+* rather than a screen. It reads that from the `light` / `dark` class every Bitkit colour token
+* already keys on, so the icon can never disagree with what is around it.
+*/
+var UIHeaderModeSwitch = forwardRef((props, ref) => {
+	const { css, defaultValue = "light", label, onValueChange, value: valueProp, ...rest } = props;
+	const { styles } = useUIHeaderContext();
+	const { disablePortal } = usePortalContext();
+	const [value, setValue] = useControllableState({
+		defaultValue,
+		onChange: onValueChange,
+		value: valueProp
+	});
+	const { icon: ModeIcon, label: modeLabel } = modes[value];
+	const accessibleName = label ?? `Appearance: ${modeLabel}`;
+	return /* @__PURE__ */ jsx(Box, {
+		...uiHeaderPart("mode-switch"),
+		...rest,
+		css: [styles.modeSwitch, css],
+		children: /* @__PURE__ */ jsxs(Menu.Root, {
+			lazyMount: true,
+			positioning: {
+				offset: {
+					crossAxis: MENU_CROSS_OFFSET,
+					mainAxis: 0
+				},
+				placement: "bottom-end"
+			},
+			unmountOnExit: true,
+			children: [/* @__PURE__ */ jsx(Menu.Trigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(UIHeaderControlBase, {
+					ref,
+					css: styles.modeControl,
+					footprint: "control",
+					label: accessibleName,
+					children: value === "system" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(IconModeLight, { _dark: { display: "none" } }), /* @__PURE__ */ jsx(IconModeDark, {
+						_dark: { display: "block" },
+						display: "none"
+					})] }) : /* @__PURE__ */ jsx(ModeIcon, {})
+				})
+			}), /* @__PURE__ */ jsx(Portal, {
+				disabled: disablePortal,
+				children: /* @__PURE__ */ jsx(Menu.Positioner, { children: /* @__PURE__ */ jsx(Menu.Content, { children: /* @__PURE__ */ jsx(Menu.RadioItemGroup, {
+					onValueChange: (details) => setValue(details.value),
+					value,
+					children: modeOrder.map((mode) => {
+						const { icon: Icon, label: itemLabel } = modes[mode];
+						return /* @__PURE__ */ jsxs(Menu.RadioItem, {
+							value: mode,
+							children: [
+								/* @__PURE__ */ jsx(Icon, {}),
+								/* @__PURE__ */ jsx(Menu.ItemText, { children: itemLabel }),
+								/* @__PURE__ */ jsx(Menu.ItemIndicator, {
+									asChild: true,
+									children: /* @__PURE__ */ jsx(IconCheck, {})
+								})
+							]
+						}, mode);
+					})
+				}) }) })
+			})]
+		})
+	});
+});
+UIHeaderModeSwitch.displayName = "BitkitUIHeader.ModeSwitch";
+//#endregion
+export { UIHeaderModeSwitch as default };
+
+//# sourceMappingURL=UIHeaderModeSwitch.js.map

package/dist/components/BitkitUIHeader/UIHeaderModeSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIHeaderModeSwitch.js","names":["_Fragment"],"sources":["../../../lib/components/BitkitUIHeader/UIHeaderModeSwitch.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { useControllableState } from '@chakra-ui/react/hooks';\nimport { Menu } from '@chakra-ui/react/menu';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { forwardRef } from 'react';\n\nimport { type BitkitIconComponent, IconCheck, IconModeDark, IconModeLight, IconModeSystem } from '../../icons';\nimport { usePortalContext } from '../../utilities/BitkitPortalContext';\nimport { useUIHeaderContext } from './UIHeaderContext';\nimport { UIHeaderControlBase } from './UIHeaderControl';\nimport uiHeaderPart from './uiHeaderPart';\n\nexport type BitkitUIHeaderMode = 'dark' | 'light' | 'system';\n\nconst modes: Record<BitkitUIHeaderMode, { icon: BitkitIconComponent; label: string }> = {\n  dark: { icon: IconModeDark, label: 'Dark' },\n  light: { icon: IconModeLight, label: 'Light' },\n  system: { icon: IconModeSystem, label: 'System' },\n};\n\nconst modeOrder = ['system', 'light', 'dark'] as const;\n\n// Lines the menu's check up with the trigger's icon: 1px content border + 24 row end padding +\n// half the 24 check − half the 48 button. Coupled to the menu row's end padding.\nconst MENU_CROSS_OFFSET = 13;\n\nexport interface BitkitUIHeaderModeSwitchProps extends Omit<BoxProps, 'children' | 'defaultValue' | 'onChange'> {\n  /** The mode to start on when the switch is left uncontrolled. */\n  defaultValue?: BitkitUIHeaderMode;\n  /** The trigger's accessible name. It shows no text of its own. */\n  label?: string;\n  /** Fires with the mode picked from the menu. */\n  onValueChange?: (value: BitkitUIHeaderMode) => void;\n  /** The chosen mode. Pass it with `onValueChange` to hold the state in the product. */\n  value?: BitkitUIHeaderMode;\n}\n\n/**\n * The appearance menu — System, Light or Dark — behind a separator at the trailing end of the bar.\n * Unlike the header's other controls it owns the menu it opens, because the three options are the\n * same everywhere; applying the mode is still the consumer's.\n *\n * The button shows the mode in force rather than the one chosen, so `system` draws a sun or a moon\n * rather than a screen. It reads that from the `light` / `dark` class every Bitkit colour token\n * already keys on, so the icon can never disagree with what is around it.\n */\nconst UIHeaderModeSwitch = forwardRef<HTMLButtonElement, BitkitUIHeaderModeSwitchProps>((props, ref) => {\n  const { css, defaultValue = 'light', label, onValueChange, value: valueProp, ...rest } = props;\n\n  const { styles } = useUIHeaderContext();\n  const { disablePortal } = usePortalContext();\n  const [value, setValue] = useControllableState<BitkitUIHeaderMode>({\n    defaultValue,\n    onChange: onValueChange,\n    value: valueProp,\n  });\n\n  const { icon: ModeIcon, label: modeLabel } = modes[value];\n  const accessibleName = label ?? `Appearance: ${modeLabel}`;\n\n  return (\n    // `Menu.Root` renders no element, so this box is the root: it carries the separator and the part.\n    <Box {...uiHeaderPart('mode-switch')} {...rest} css={[styles.modeSwitch, css]}>\n      <Menu.Root\n        lazyMount\n        positioning={{ offset: { crossAxis: MENU_CROSS_OFFSET, mainAxis: 0 }, placement: 'bottom-end' }}\n        unmountOnExit\n      >\n        <Menu.Trigger asChild>\n          <UIHeaderControlBase ref={ref} css={styles.modeControl} footprint=\"control\" label={accessibleName}>\n            {value === 'system' ? (\n              <>\n                <IconModeLight _dark={{ display: 'none' }} />\n                <IconModeDark _dark={{ display: 'block' }} display=\"none\" />\n              </>\n            ) : (\n              <ModeIcon />\n            )}\n          </UIHeaderControlBase>\n        </Menu.Trigger>\n        <Portal disabled={disablePortal}>\n          <Menu.Positioner>\n            <Menu.Content>\n              <Menu.RadioItemGroup\n                onValueChange={(details) => setValue(details.value as BitkitUIHeaderMode)}\n                value={value}\n              >\n                {modeOrder.map((mode) => {\n                  const { icon: Icon, label: itemLabel } = modes[mode];\n\n                  return (\n                    <Menu.RadioItem key={mode} value={mode}>\n                      <Icon />\n                      <Menu.ItemText>{itemLabel}</Menu.ItemText>\n                      <Menu.ItemIndicator asChild>\n                        <IconCheck />\n                      </Menu.ItemIndicator>\n                    </Menu.RadioItem>\n                  );\n                })}\n              </Menu.RadioItemGroup>\n            </Menu.Content>\n          </Menu.Positioner>\n        </Portal>\n      </Menu.Root>\n    </Box>\n  );\n});\n\nUIHeaderModeSwitch.displayName = 'BitkitUIHeader.ModeSwitch';\n\nexport default UIHeaderModeSwitch;\n"],"mappings":";;;;;;;;;;;;;;;AAcA,IAAM,QAAkF;CACtF,MAAM;EAAE,MAAM;EAAc,OAAO;CAAO;CAC1C,OAAO;EAAE,MAAM;EAAe,OAAO;CAAQ;CAC7C,QAAQ;EAAE,MAAM;EAAgB,OAAO;CAAS;AAClD;AAEA,IAAM,YAAY;CAAC;CAAU;CAAS;AAAM;AAI5C,IAAM,oBAAoB;;;;;;;;;;AAsB1B,IAAM,qBAAqB,YAA8D,OAAO,QAAQ;CACtG,MAAM,EAAE,KAAK,eAAe,SAAS,OAAO,eAAe,OAAO,WAAW,GAAG,SAAS;CAEzF,MAAM,EAAE,WAAW,mBAAmB;CACtC,MAAM,EAAE,kBAAkB,iBAAiB;CAC3C,MAAM,CAAC,OAAO,YAAY,qBAAyC;EACjE;EACA,UAAU;EACV,OAAO;CACT,CAAC;CAED,MAAM,EAAE,MAAM,UAAU,OAAO,cAAc,MAAM;CACnD,MAAM,iBAAiB,SAAS,eAAe;CAE/C,OAEE,oBAAC,KAAD;EAAK,GAAI,aAAa,aAAa;EAAG,GAAI;EAAM,KAAK,CAAC,OAAO,YAAY,GAAG;EAC1E,UAAA,qBAAC,KAAK,MAAN;GACE,WAAA;GACA,aAAa;IAAE,QAAQ;KAAE,WAAW;KAAmB,UAAU;IAAE;IAAG,WAAW;GAAa;GAC9F,eAAA;GAHF,UAAA,CAKE,oBAAC,KAAK,SAAN;IAAc,SAAA;IACZ,UAAA,oBAAC,qBAAD;KAA0B;KAAK,KAAK,OAAO;KAAa,WAAU;KAAU,OAAO;KAChF,UAAA,UAAU,WACT,qBAAAA,YAAA,EAAA,UAAA,CACE,oBAAC,eAAD,EAAe,OAAO,EAAE,SAAS,OAAO,EAAI,CAAA,GAC5C,oBAAC,cAAD;MAAc,OAAO,EAAE,SAAS,QAAQ;MAAG,SAAQ;KAAQ,CAAA,CAC3D,EAAA,CAAA,IAEF,oBAAC,UAAD,CAAW,CAAA;IAEM,CAAA;GACT,CAAA,GACd,oBAAC,QAAD;IAAQ,UAAU;IAChB,UAAA,oBAAC,KAAK,YAAN,EAAA,UACE,oBAAC,KAAK,SAAN,EAAA,UACE,oBAAC,KAAK,gBAAN;KACE,gBAAgB,YAAY,SAAS,QAAQ,KAA2B;KACjE;KAEN,UAAA,UAAU,KAAK,SAAS;MACvB,MAAM,EAAE,MAAM,MAAM,OAAO,cAAc,MAAM;MAE/C,OACE,qBAAC,KAAK,WAAN;OAA2B,OAAO;OAAlC,UAAA;QACE,oBAAC,MAAD,CAAO,CAAA;QACP,oBAAC,KAAK,UAAN,EAAA,UAAgB,UAAyB,CAAA;QACzC,oBAAC,KAAK,eAAN;SAAoB,SAAA;SAClB,UAAA,oBAAC,WAAD,CAAY,CAAA;QACM,CAAA;OACN;MANK,GAAA,IAML;KAEpB,CAAC;IACkB,CAAA,EACT,CAAA,EACC,CAAA;GACX,CAAA,CACC;;CACR,CAAA;AAET,CAAC;AAED,mBAAmB,cAAc"}

package/dist/components/index.d.ts

@@ -100,6 +100,6 @@ export { default as BitkitToggletip, type BitkitToggletipProps } from './BitkitT
 export { default as BitkitTooltip, type BitkitTooltipProps } from './BitkitTooltip/BitkitTooltip';
 export { default as BitkitTour, type BitkitTourInstance, type BitkitTourOptions, type BitkitTourProps, type BitkitTourSecondaryAction, type BitkitTourStep, useBitkitTour, } from './BitkitTour/BitkitTour';
 export { default as BitkitTreeView, type BitkitTreeViewBranchProps, type BitkitTreeViewExpandedChangeDetails, type BitkitTreeViewLeafProps, type BitkitTreeViewNodeRenderProps, type BitkitTreeViewRootProps, type BitkitTreeViewSelectionChangeDetails, createTreeCollection, } from './BitkitTreeView/BitkitTreeView';
-export { default as BitkitUIHeader, type BitkitUIHeaderAccountProps, type BitkitUIHeaderBadge, type BitkitUIHeaderButtonProps, type BitkitUIHeaderControlAsAnchorProps, type BitkitUIHeaderControlAsButtonProps, type BitkitUIHeaderControlProps, type BitkitUIHeaderNavButtonProps, type BitkitUIHeaderProps, type BitkitUIHeaderSearchProps, uiHeaderHeight, uiHeaderHeightPx, } from './BitkitUIHeader/BitkitUIHeader';
+export { default as BitkitUIHeader, type BitkitUIHeaderAccountProps, type BitkitUIHeaderBadge, type BitkitUIHeaderButtonProps, type BitkitUIHeaderControlAsAnchorProps, type BitkitUIHeaderControlAsButtonProps, type BitkitUIHeaderControlProps, type BitkitUIHeaderMode, type BitkitUIHeaderModeSwitchProps, type BitkitUIHeaderNavButtonProps, type BitkitUIHeaderProps, type BitkitUIHeaderSearchProps, uiHeaderHeight, uiHeaderHeightPx, } from './BitkitUIHeader/BitkitUIHeader';
 export { default as BitkitUISideNav, type BitkitUISideNavBodyProps, type BitkitUISideNavFooterHeadingProps, type BitkitUISideNavFooterProps, type BitkitUISideNavItemProps, type BitkitUISideNavLinkAsAnchorProps, type BitkitUISideNavLinkAsButtonProps, type BitkitUISideNavLinkProps, type BitkitUISideNavProps, type BitkitUISideNavWorkspaceProps, type BitkitUISideNavWorkspaceSelectorProps, uiSideNavRailWidth, } from './BitkitUISideNav/BitkitUISideNav';
 export { useUISideNav } from './BitkitUISideNav/UISideNavContext';

package/dist/theme/common/ComboboxAndSelect.common.d.ts

@@ -45,7 +45,8 @@ export declare const variants: {
     size: {
         lg: {
             item: {
-                paddingInline: "16";
+                paddingInlineStart: "16";
+                paddingInlineEnd: "24";
                 paddingBlock: "12";
                 textStyle: "body/lg/regular";
                 _selected: {
@@ -60,7 +61,8 @@ export declare const variants: {
         md: {
             item: {
                 paddingBlock: "8";
-                paddingInline: "16";
+                paddingInlineStart: "16";
+                paddingInlineEnd: "24";
                 textStyle: "body/md/regular";
                 _selected: {
                     textStyle: "body/md/semibold";

package/dist/theme/common/ComboboxAndSelect.common.js

@@ -42,7 +42,8 @@ var base = {
 var variants = { size: {
 	lg: {
 		item: {
-			paddingInline: "16",
+			paddingInlineStart: "16",
+			paddingInlineEnd: "24",
 			paddingBlock: "12",
 			textStyle: "body/lg/regular",
 			_selected: { textStyle: "body/lg/semibold" }
@@ -55,7 +56,8 @@ var variants = { size: {
 	md: {
 		item: {
 			paddingBlock: "8",
-			paddingInline: "16",
+			paddingInlineStart: "16",
+			paddingInlineEnd: "24",
 			textStyle: "body/md/regular",
 			_selected: { textStyle: "body/md/semibold" }
 		},

package/dist/theme/common/ComboboxAndSelect.common.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxAndSelect.common.js","names":[],"sources":["../../../lib/theme/common/ComboboxAndSelect.common.ts"],"sourcesContent":["import { type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nexport const base = {\n  content: {\n    background: 'background/primary',\n    border: '1px solid',\n    borderColor: 'border/minimal',\n    borderRadius: '4',\n    zIndex: 'select',\n    overflowY: 'auto',\n    boxShadow: 'elevation/lg',\n    _open: {\n      animationStyle: 'slide-fade-in',\n      animationDuration: 'fast',\n    },\n    _closed: {\n      animationStyle: 'slide-fade-out',\n      animationDuration: 'fastest',\n    },\n  },\n  item: {\n    position: 'relative',\n    userSelect: 'none',\n    display: 'flex',\n    alignItems: 'center',\n    gap: '12',\n    cursor: 'pointer',\n    justifyContent: 'space-between',\n    flex: '1',\n    textAlign: 'start',\n    lineHeight: rem(24),\n    _highlighted: {\n      bg: 'background/hover',\n    },\n    _selected: {\n      bg: 'background/selected',\n    },\n  },\n  itemIndicator: {\n    alignItems: 'center',\n    color: 'icon/interactive',\n    display: 'flex',\n    justifyContent: 'center',\n  },\n} satisfies Record<string, SystemStyleObject>;\n\nexport const variants = {\n  size: {\n    lg: {\n      item: {\n        paddingInline: '16',\n        paddingBlock: '12',\n        textStyle: 'body/lg/regular',\n        _selected: {\n          textStyle: 'body/lg/semibold',\n        },\n      },\n      itemIndicator: {\n        width: '24',\n        height: '24',\n      },\n    },\n    md: {\n      item: {\n        paddingBlock: '8',\n        paddingInline: '16',\n        textStyle: 'body/md/regular',\n        _selected: {\n          textStyle: 'body/md/semibold',\n        },\n      },\n      itemIndicator: {\n        width: '16',\n        height: '16',\n      },\n    },\n  },\n} satisfies Record<'size', Record<'md' | 'lg', Record<string, SystemStyleObject>>>;\n"],"mappings":";;AAIA,IAAa,OAAO;CAClB,SAAS;EACP,YAAY;EACZ,QAAQ;EACR,aAAa;EACb,cAAc;EACd,QAAQ;EACR,WAAW;EACX,WAAW;EACX,OAAO;GACL,gBAAgB;GAChB,mBAAmB;EACrB;EACA,SAAS;GACP,gBAAgB;GAChB,mBAAmB;EACrB;CACF;CACA,MAAM;EACJ,UAAU;EACV,YAAY;EACZ,SAAS;EACT,YAAY;EACZ,KAAK;EACL,QAAQ;EACR,gBAAgB;EAChB,MAAM;EACN,WAAW;EACX,YAAY,IAAI,EAAE;EAClB,cAAc,EACZ,IAAI,mBACN;EACA,WAAW,EACT,IAAI,sBACN;CACF;CACA,eAAe;EACb,YAAY;EACZ,OAAO;EACP,SAAS;EACT,gBAAgB;CAClB;AACF;AAEA,IAAa,WAAW,EACtB,MAAM;CACJ,IAAI;EACF,MAAM;GACJ,eAAe;GACf,cAAc;GACd,WAAW;GACX,WAAW,EACT,WAAW,mBACb;EACF;EACA,eAAe;GACb,OAAO;GACP,QAAQ;EACV;CACF;CACA,IAAI;EACF,MAAM;GACJ,cAAc;GACd,eAAe;GACf,WAAW;GACX,WAAW,EACT,WAAW,mBACb;EACF;EACA,eAAe;GACb,OAAO;GACP,QAAQ;EACV;CACF;AACF,EACF"}
+{"version":3,"file":"ComboboxAndSelect.common.js","names":[],"sources":["../../../lib/theme/common/ComboboxAndSelect.common.ts"],"sourcesContent":["import { type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nexport const base = {\n  content: {\n    background: 'background/primary',\n    border: '1px solid',\n    borderColor: 'border/minimal',\n    borderRadius: '4',\n    zIndex: 'select',\n    overflowY: 'auto',\n    boxShadow: 'elevation/lg',\n    _open: {\n      animationStyle: 'slide-fade-in',\n      animationDuration: 'fast',\n    },\n    _closed: {\n      animationStyle: 'slide-fade-out',\n      animationDuration: 'fastest',\n    },\n  },\n  item: {\n    position: 'relative',\n    userSelect: 'none',\n    display: 'flex',\n    alignItems: 'center',\n    gap: '12',\n    cursor: 'pointer',\n    justifyContent: 'space-between',\n    flex: '1',\n    textAlign: 'start',\n    lineHeight: rem(24),\n    _highlighted: {\n      bg: 'background/hover',\n    },\n    _selected: {\n      bg: 'background/selected',\n    },\n  },\n  itemIndicator: {\n    alignItems: 'center',\n    color: 'icon/interactive',\n    display: 'flex',\n    justifyContent: 'center',\n  },\n} satisfies Record<string, SystemStyleObject>;\n\nexport const variants = {\n  size: {\n    lg: {\n      item: {\n        paddingInlineStart: '16',\n        paddingInlineEnd: '24',\n        paddingBlock: '12',\n        textStyle: 'body/lg/regular',\n        _selected: {\n          textStyle: 'body/lg/semibold',\n        },\n      },\n      itemIndicator: {\n        width: '24',\n        height: '24',\n      },\n    },\n    md: {\n      item: {\n        paddingBlock: '8',\n        paddingInlineStart: '16',\n        paddingInlineEnd: '24',\n        textStyle: 'body/md/regular',\n        _selected: {\n          textStyle: 'body/md/semibold',\n        },\n      },\n      itemIndicator: {\n        width: '16',\n        height: '16',\n      },\n    },\n  },\n} satisfies Record<'size', Record<'md' | 'lg', Record<string, SystemStyleObject>>>;\n"],"mappings":";;AAIA,IAAa,OAAO;CAClB,SAAS;EACP,YAAY;EACZ,QAAQ;EACR,aAAa;EACb,cAAc;EACd,QAAQ;EACR,WAAW;EACX,WAAW;EACX,OAAO;GACL,gBAAgB;GAChB,mBAAmB;EACrB;EACA,SAAS;GACP,gBAAgB;GAChB,mBAAmB;EACrB;CACF;CACA,MAAM;EACJ,UAAU;EACV,YAAY;EACZ,SAAS;EACT,YAAY;EACZ,KAAK;EACL,QAAQ;EACR,gBAAgB;EAChB,MAAM;EACN,WAAW;EACX,YAAY,IAAI,EAAE;EAClB,cAAc,EACZ,IAAI,mBACN;EACA,WAAW,EACT,IAAI,sBACN;CACF;CACA,eAAe;EACb,YAAY;EACZ,OAAO;EACP,SAAS;EACT,gBAAgB;CAClB;AACF;AAEA,IAAa,WAAW,EACtB,MAAM;CACJ,IAAI;EACF,MAAM;GACJ,oBAAoB;GACpB,kBAAkB;GAClB,cAAc;GACd,WAAW;GACX,WAAW,EACT,WAAW,mBACb;EACF;EACA,eAAe;GACb,OAAO;GACP,QAAQ;EACV;CACF;CACA,IAAI;EACF,MAAM;GACJ,cAAc;GACd,oBAAoB;GACpB,kBAAkB;GAClB,WAAW;GACX,WAAW,EACT,WAAW,mBACb;EACF;EACA,eAAe;GACb,OAAO;GACP,QAAQ;EACV;CACF;AACF,EACF"}

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

@@ -1692,6 +1692,11 @@ declare const semanticTokens: {
                 base: string;
             };
         };
+        'sys/ui/header/separator': {
+            value: {
+                base: string;
+            };
+        };
         'sys/ui/sidenav/bg': {
             value: {
                 base: string;

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

@@ -1691,6 +1691,11 @@ declare const semanticColors: {
             base: string;
         };
     };
+    'sys/ui/header/separator': {
+        value: {
+            base: string;
+        };
+    };
     'sys/ui/sidenav/bg': {
         value: {
             base: string;

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

@@ -597,6 +597,7 @@ var semanticColors = defineSemanticTokens.colors({
 	"sys/ui/header/button/tertiary/fg-disabled": { value: { base: "{colors.color/white/50}" } },
 	"sys/ui/header/badge/red": { value: { base: "{colors.red.60}" } },
 	"sys/ui/header/badge/indigo": { value: { base: "{colors.indigo.90}" } },
+	"sys/ui/header/separator": { value: { base: "{colors.color/white/30}" } },
 	"sys/ui/sidenav/bg": { value: { base: "{colors.purple.10}" } },
 	"sys/ui/sidenav/separator": { value: { base: "{colors.color/white/20}" } },
 	"sys/ui/sidenav/item/bg": { value: { base: "{colors.color/transparent}" } },

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}', _dark: '{colors.neutral-dark.10}' } },\n  'sys/fg/primary': { value: { _light: '{colors.purple.10}', _dark: '{colors.neutral-dark.10}' } },\n  'sys/fg/secondary': { value: { _light: '{colors.neutral.40}', _dark: '{colors.neutral-dark.40}' } },\n  'sys/fg/tertiary': { value: { _light: '{colors.neutral.60}', _dark: '{colors.neutral-dark.60}' } },\n  'sys/fg/subtle': { value: { _light: '{colors.neutral.70}', _dark: '{colors.neutral-dark.70}' } },\n  'sys/fg/minimal': { value: { _light: '{colors.neutral.80}', _dark: '{colors.neutral-dark.80}' } },\n  'sys/fg/positive': { value: { _light: '{colors.green.50}', _dark: '{colors.green.60}' } },\n  'sys/fg/negative': { value: { _light: '{colors.red.50}', _dark: '{colors.red.60}' } },\n  'sys/fg/on-color': { value: { _light: '{colors.neutral.100}' } },\n  'sys/fg/on-contrast': { value: { _light: '{colors.neutral.95}', _dark: '{colors.neutral-dark.95}' } },\n  'sys/fg/on-disabled': { value: { _light: '{colors.neutral.70}', _dark: '{colors.neutral-dark.70}' } },\n  'sys/fg/disabled': { value: { _light: '{colors.neutral.80}', _dark: '{colors.neutral-dark.80}' } },\n  'sys/fg/warning': { value: { _light: '{colors.yellow.60}', _dark: '{colors.yellow.80}' } },\n  'sys/bg/surface': { value: { _light: '{colors.neutral.100}', _dark: '{colors.neutral-dark.100}' } },\n  'sys/bg/contrast': { value: { _light: '{colors.neutral.10}', _dark: '{colors.neutral-dark.10}' } },\n  'sys/bg/moderate': { value: { _light: '{colors.neutral.90}', _dark: '{colors.neutral-dark.90}' } },\n  'sys/bg/subtle': { value: { _light: '{colors.neutral.93}', _dark: '{colors.neutral-dark.93}' } },\n  'sys/bg/minimal': { value: { _light: '{colors.neutral.95}', _dark: '{colors.neutral-dark.95}' } },\n  'sys/bg/disabled': { value: { _light: '{colors.neutral.95}', _dark: '{colors.neutral-dark.95}' } },\n  'sys/bg/transparent': { value: { _light: 'rgba(255, 255, 255, 0)' } },\n  'sys/border/minimal': { value: { _light: '{colors.neutral.93}', _dark: '{colors.neutral-dark.90}' } },\n  'sys/border/subtle': { value: { _light: '{colors.neutral.90}', _dark: '{colors.neutral-dark.80}' } },\n  'sys/border/strong': { value: { _light: '{colors.neutral.80}', _dark: '{colors.neutral-dark.70}' } },\n  'sys/border/emphasized': { value: { _light: '{colors.neutral.70}', _dark: '{colors.neutral-dark.60}' } },\n  'sys/border/critical': { value: { _light: '{colors.red.50}', _dark: '{colors.red.60}' } },\n  'sys/border/inverse': { value: { _light: '{colors.neutral.100}', _dark: '{colors.neutral-dark.100}' } },\n  'sys/border/on-contrast': { value: { _light: '{colors.neutral.95}', _dark: '{colors.neutral-dark.93}' } },\n  'sys/border/disabled': { value: { _light: '{colors.neutral.90}', _dark: '{colors.neutral-dark.80}' } },\n  'sys/primary/base': { value: { _light: '{colors.purple.40}', _dark: '{colors.purple.30}' } },\n  'sys/primary/dark': { value: { _light: '{colors.purple.20}' } },\n  'sys/primary/emphasized': { value: { _light: '{colors.purple.30}', _dark: '{colors.purple.40}' } },\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}', _dark: '{colors.neutral-dark.90}' } },\n  'sys/primary-danger/base': { value: { _light: '{colors.red.50}', _dark: '{colors.red.60}' } },\n  'sys/primary-danger/dark': { value: { _light: '{colors.red.20}' } },\n  'sys/primary-danger/strong': { value: { _light: '{colors.red.40}', _dark: '{colors.red.50}' } },\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}', _dark: '{colors.purple.70}' } },\n  'color/purple/strong': { value: { _light: '{colors.purple.40}', _dark: '{colors.purple.80}' } },\n  'color/purple/bold': { value: { _light: '{colors.purple.60}' } },\n  'color/purple/highlight': { value: { _light: '{colors.purple.70}', _dark: '{colors.purple.50}' } },\n  'color/purple/muted': { value: { _light: '{colors.purple.80}', _dark: '{colors.purple.40}' } },\n  'color/purple/moderate': { value: { _light: '{colors.purple.90}', _dark: '{colors.purple.30}' } },\n  'color/purple/subtle': { value: { _light: '{colors.purple.93}', _dark: '{colors.purple.20}' } },\n  'color/purple/minimal': { value: { _light: '{colors.purple.95}', _dark: '{colors.purple.10}' } },\n  'color/indigo/base': { value: { _light: '{colors.indigo.50}', _dark: '{colors.indigo.70}' } },\n  'color/indigo/dark': { value: { _light: '{colors.indigo.20}', _dark: '{colors.indigo.93}' } },\n  'color/indigo/emphasized': { value: { _light: '{colors.indigo.30}', _dark: '{colors.indigo.90}' } },\n  'color/indigo/strong': { value: { _light: '{colors.indigo.40}', _dark: '{colors.indigo.80}' } },\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}', _dark: '{colors.indigo.30}' } },\n  'color/indigo/subtle': { value: { _light: '{colors.indigo.93}', _dark: '{colors.indigo.20}' } },\n  'color/indigo/minimal': { value: { _light: '{colors.indigo.95}', _dark: '{colors.indigo.10}' } },\n  'color/blue/base': { value: { _light: '{colors.blue.50}', _dark: '{colors.blue.70}' } },\n  'color/blue/strong': { value: { _light: '{colors.blue.40}', _dark: '{colors.blue.80}' } },\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}', _dark: '{colors.blue.30}' } },\n  'color/blue/subtle': { value: { _light: '{colors.blue.93}', _dark: '{colors.blue.20}' } },\n  'color/blue/minimal': { value: { _light: '{colors.blue.95}', _dark: '{colors.blue.10}' } },\n  'color/green/base': { value: { _light: '{colors.green.50}', _dark: '{colors.green.70}' } },\n  'color/green/strong': { value: { _light: '{colors.green.40}', _dark: '{colors.green.80}' } },\n  'color/green/bold': { value: { _light: '{colors.green.60}' } },\n  'color/green/muted': { value: { _light: '{colors.green.80}', _dark: '{colors.green.40}' } },\n  'color/green/moderate': { value: { _light: '{colors.green.90}', _dark: '{colors.green.30}' } },\n  'color/green/subtle': { value: { _light: '{colors.green.93}', _dark: '{colors.green.20}' } },\n  'color/green/minimal': { value: { _light: '{colors.green.95}', _dark: '{colors.green.10}' } },\n  'color/yellow/base': { value: { _light: '{colors.yellow.50}', _dark: '{colors.yellow.70}' } },\n  'color/yellow/strong': { value: { _light: '{colors.yellow.40}', _dark: '{colors.yellow.80}' } },\n  'color/yellow/bold': { value: { _light: '{colors.yellow.60}' } },\n  'color/yellow/muted': { value: { _light: '{colors.yellow.80}', _dark: '{colors.yellow.40}' } },\n  'color/yellow/moderate': { value: { _light: '{colors.yellow.90}', _dark: '{colors.yellow.30}' } },\n  'color/yellow/subtle': { value: { _light: '{colors.yellow.93}', _dark: '{colors.yellow.20}' } },\n  'color/yellow/minimal': { value: { _light: '{colors.yellow.95}', _dark: '{colors.yellow.10}' } },\n  'color/red/base': { value: { _light: '{colors.red.50}', _dark: '{colors.red.70}' } },\n  'color/red/dark': { value: { _light: '{colors.red.20}', _dark: '{colors.red.93}' } },\n  'color/red/strong': { value: { _light: '{colors.red.40}', _dark: '{colors.red.80}' } },\n  'color/red/bold': { value: { _light: '{colors.red.60}' } },\n  'color/red/muted': { value: { _light: '{colors.red.80}', _dark: '{colors.red.40}' } },\n  'color/red/moderate': { value: { _light: '{colors.red.90}', _dark: '{colors.red.30}' } },\n  'color/red/subtle': { value: { _light: '{colors.red.93}', _dark: '{colors.red.20}' } },\n  'color/red/minimal': { value: { _light: '{colors.red.95}', _dark: '{colors.red.10}' } },\n  'color/neutral/base': { value: { _light: '{colors.neutral.50}', _dark: '{colors.neutral-dark.50}' } },\n  'color/neutral/strong': { value: { _light: '{colors.neutral.40}', _dark: '{colors.neutral-dark.40}' } },\n  'color/neutral/bold': { value: { _light: '{colors.neutral.60}', _dark: '{colors.neutral-dark.60}' } },\n  'color/neutral/muted': { value: { _light: '{colors.neutral.80}', _dark: '{colors.neutral-dark.80}' } },\n  'color/neutral/moderate': { value: { _light: '{colors.neutral.90}', _dark: '{colors.neutral-dark.90}' } },\n  'color/neutral/subtle': { value: { _light: '{colors.neutral.93}', _dark: '{colors.neutral-dark.93}' } },\n  'color/neutral/minimal': { value: { _light: '{colors.neutral.95}', _dark: '{colors.neutral-dark.95}' } },\n  'color/orange/base': { value: { _light: '{colors.orange.50}', _dark: '{colors.orange.70}' } },\n  'color/orange/strong': { value: { _light: '{colors.orange.40}', _dark: '{colors.orange.80}' } },\n  'color/orange/bold': { value: { _light: '{colors.orange.60}' } },\n  'color/orange/muted': { value: { _light: '{colors.orange.80}', _dark: '{colors.orange.40}' } },\n  'color/orange/moderate': { value: { _light: '{colors.orange.90}', _dark: '{colors.orange.30}' } },\n  'color/orange/subtle': { value: { _light: '{colors.orange.93}', _dark: '{colors.orange.20}' } },\n  'color/orange/minimal': { value: { _light: '{colors.orange.95}', _dark: '{colors.orange.10}' } },\n  'color/turquoise/base': { value: { _light: '{colors.turquoise.50}', _dark: '{colors.turquoise.70}' } },\n  'color/turquoise/dark': { value: { _light: '{colors.turquoise.20}', _dark: '{colors.turquoise.93}' } },\n  'color/turquoise/emphasized': { value: { _light: '{colors.turquoise.30}', _dark: '{colors.turquoise.90}' } },\n  'color/turquoise/strong': { value: { _light: '{colors.turquoise.40}', _dark: '{colors.turquoise.80}' } },\n  'color/turquoise/bold': { value: { _light: '{colors.turquoise.60}' } },\n  'color/turquoise/muted': { value: { _light: '{colors.turquoise.80}', _dark: '{colors.turquoise.40}' } },\n  'color/turquoise/moderate': { value: { _light: '{colors.turquoise.90}', _dark: '{colors.turquoise.30}' } },\n  'color/turquoise/subtle': { value: { _light: '{colors.turquoise.93}', _dark: '{colors.turquoise.20}' } },\n  'color/turquoise/minimal': { value: { _light: '{colors.turquoise.95}', _dark: '{colors.turquoise.10}' } },\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.sys/bg/surface} 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.sys/bg/surface} 0%, transparent) 0%, {colors.sys/bg/surface} 100%)',\n    },\n  },\n  'gradient/overflow/right': {\n    value: {\n      base: 'linear-gradient(90deg, color-mix(in srgb, {colors.sys/bg/surface} 0%, transparent) 0%, {colors.sys/bg/surface} 100%)',\n    },\n  },\n  'gradient/video/bg': {\n    value: { base: 'linear-gradient(90deg, {colors.sys/primary/dark} 0%, {colors.sys/primary/base} 100%)' },\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/badge/red': { value: { base: '{colors.red.60}' } },\n  'sys/ui/header/badge/indigo': { value: { base: '{colors.indigo.90}' } },\n\n  // sys/ui/sidenav\n  'sys/ui/sidenav/bg': { value: { base: '{colors.purple.10}' } },\n  'sys/ui/sidenav/separator': { value: { base: '{colors.color/white/20}' } },\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  'sys/ui/sidenav/badge/green': { value: { base: '{colors.green.60}' } },\n  'sys/ui/sidenav/badge/red': { value: { base: '{colors.red.60}' } },\n  'sys/ui/sidenav/badge/neutral': { value: { base: '{colors.neutral.40}' } },\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/fg/on-color}' } },\n  'input/switch/on/thumb-disabled': { value: { base: '{colors.sys/fg/on-color}' } },\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/fg/on-color}' } },\n  'input/switch/off/thumb-disabled': { value: { base: '{colors.sys/fg/on-color}' } },\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/surface-primary': {\n    value: {\n      base: 'linear-gradient({colors.background/primary}, {colors.background/primary}) padding-box, {colors.status/ai/border} border-box',\n    },\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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"}
+{"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}', _dark: '{colors.neutral-dark.10}' } },\n  'sys/fg/primary': { value: { _light: '{colors.purple.10}', _dark: '{colors.neutral-dark.10}' } },\n  'sys/fg/secondary': { value: { _light: '{colors.neutral.40}', _dark: '{colors.neutral-dark.40}' } },\n  'sys/fg/tertiary': { value: { _light: '{colors.neutral.60}', _dark: '{colors.neutral-dark.60}' } },\n  'sys/fg/subtle': { value: { _light: '{colors.neutral.70}', _dark: '{colors.neutral-dark.70}' } },\n  'sys/fg/minimal': { value: { _light: '{colors.neutral.80}', _dark: '{colors.neutral-dark.80}' } },\n  'sys/fg/positive': { value: { _light: '{colors.green.50}', _dark: '{colors.green.60}' } },\n  'sys/fg/negative': { value: { _light: '{colors.red.50}', _dark: '{colors.red.60}' } },\n  'sys/fg/on-color': { value: { _light: '{colors.neutral.100}' } },\n  'sys/fg/on-contrast': { value: { _light: '{colors.neutral.95}', _dark: '{colors.neutral-dark.95}' } },\n  'sys/fg/on-disabled': { value: { _light: '{colors.neutral.70}', _dark: '{colors.neutral-dark.70}' } },\n  'sys/fg/disabled': { value: { _light: '{colors.neutral.80}', _dark: '{colors.neutral-dark.80}' } },\n  'sys/fg/warning': { value: { _light: '{colors.yellow.60}', _dark: '{colors.yellow.80}' } },\n  'sys/bg/surface': { value: { _light: '{colors.neutral.100}', _dark: '{colors.neutral-dark.100}' } },\n  'sys/bg/contrast': { value: { _light: '{colors.neutral.10}', _dark: '{colors.neutral-dark.10}' } },\n  'sys/bg/moderate': { value: { _light: '{colors.neutral.90}', _dark: '{colors.neutral-dark.90}' } },\n  'sys/bg/subtle': { value: { _light: '{colors.neutral.93}', _dark: '{colors.neutral-dark.93}' } },\n  'sys/bg/minimal': { value: { _light: '{colors.neutral.95}', _dark: '{colors.neutral-dark.95}' } },\n  'sys/bg/disabled': { value: { _light: '{colors.neutral.95}', _dark: '{colors.neutral-dark.95}' } },\n  'sys/bg/transparent': { value: { _light: 'rgba(255, 255, 255, 0)' } },\n  'sys/border/minimal': { value: { _light: '{colors.neutral.93}', _dark: '{colors.neutral-dark.90}' } },\n  'sys/border/subtle': { value: { _light: '{colors.neutral.90}', _dark: '{colors.neutral-dark.80}' } },\n  'sys/border/strong': { value: { _light: '{colors.neutral.80}', _dark: '{colors.neutral-dark.70}' } },\n  'sys/border/emphasized': { value: { _light: '{colors.neutral.70}', _dark: '{colors.neutral-dark.60}' } },\n  'sys/border/critical': { value: { _light: '{colors.red.50}', _dark: '{colors.red.60}' } },\n  'sys/border/inverse': { value: { _light: '{colors.neutral.100}', _dark: '{colors.neutral-dark.100}' } },\n  'sys/border/on-contrast': { value: { _light: '{colors.neutral.95}', _dark: '{colors.neutral-dark.93}' } },\n  'sys/border/disabled': { value: { _light: '{colors.neutral.90}', _dark: '{colors.neutral-dark.80}' } },\n  'sys/primary/base': { value: { _light: '{colors.purple.40}', _dark: '{colors.purple.30}' } },\n  'sys/primary/dark': { value: { _light: '{colors.purple.20}' } },\n  'sys/primary/emphasized': { value: { _light: '{colors.purple.30}', _dark: '{colors.purple.40}' } },\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}', _dark: '{colors.neutral-dark.90}' } },\n  'sys/primary-danger/base': { value: { _light: '{colors.red.50}', _dark: '{colors.red.60}' } },\n  'sys/primary-danger/dark': { value: { _light: '{colors.red.20}' } },\n  'sys/primary-danger/strong': { value: { _light: '{colors.red.40}', _dark: '{colors.red.50}' } },\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}', _dark: '{colors.purple.70}' } },\n  'color/purple/strong': { value: { _light: '{colors.purple.40}', _dark: '{colors.purple.80}' } },\n  'color/purple/bold': { value: { _light: '{colors.purple.60}' } },\n  'color/purple/highlight': { value: { _light: '{colors.purple.70}', _dark: '{colors.purple.50}' } },\n  'color/purple/muted': { value: { _light: '{colors.purple.80}', _dark: '{colors.purple.40}' } },\n  'color/purple/moderate': { value: { _light: '{colors.purple.90}', _dark: '{colors.purple.30}' } },\n  'color/purple/subtle': { value: { _light: '{colors.purple.93}', _dark: '{colors.purple.20}' } },\n  'color/purple/minimal': { value: { _light: '{colors.purple.95}', _dark: '{colors.purple.10}' } },\n  'color/indigo/base': { value: { _light: '{colors.indigo.50}', _dark: '{colors.indigo.70}' } },\n  'color/indigo/dark': { value: { _light: '{colors.indigo.20}', _dark: '{colors.indigo.93}' } },\n  'color/indigo/emphasized': { value: { _light: '{colors.indigo.30}', _dark: '{colors.indigo.90}' } },\n  'color/indigo/strong': { value: { _light: '{colors.indigo.40}', _dark: '{colors.indigo.80}' } },\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}', _dark: '{colors.indigo.30}' } },\n  'color/indigo/subtle': { value: { _light: '{colors.indigo.93}', _dark: '{colors.indigo.20}' } },\n  'color/indigo/minimal': { value: { _light: '{colors.indigo.95}', _dark: '{colors.indigo.10}' } },\n  'color/blue/base': { value: { _light: '{colors.blue.50}', _dark: '{colors.blue.70}' } },\n  'color/blue/strong': { value: { _light: '{colors.blue.40}', _dark: '{colors.blue.80}' } },\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}', _dark: '{colors.blue.30}' } },\n  'color/blue/subtle': { value: { _light: '{colors.blue.93}', _dark: '{colors.blue.20}' } },\n  'color/blue/minimal': { value: { _light: '{colors.blue.95}', _dark: '{colors.blue.10}' } },\n  'color/green/base': { value: { _light: '{colors.green.50}', _dark: '{colors.green.70}' } },\n  'color/green/strong': { value: { _light: '{colors.green.40}', _dark: '{colors.green.80}' } },\n  'color/green/bold': { value: { _light: '{colors.green.60}' } },\n  'color/green/muted': { value: { _light: '{colors.green.80}', _dark: '{colors.green.40}' } },\n  'color/green/moderate': { value: { _light: '{colors.green.90}', _dark: '{colors.green.30}' } },\n  'color/green/subtle': { value: { _light: '{colors.green.93}', _dark: '{colors.green.20}' } },\n  'color/green/minimal': { value: { _light: '{colors.green.95}', _dark: '{colors.green.10}' } },\n  'color/yellow/base': { value: { _light: '{colors.yellow.50}', _dark: '{colors.yellow.70}' } },\n  'color/yellow/strong': { value: { _light: '{colors.yellow.40}', _dark: '{colors.yellow.80}' } },\n  'color/yellow/bold': { value: { _light: '{colors.yellow.60}' } },\n  'color/yellow/muted': { value: { _light: '{colors.yellow.80}', _dark: '{colors.yellow.40}' } },\n  'color/yellow/moderate': { value: { _light: '{colors.yellow.90}', _dark: '{colors.yellow.30}' } },\n  'color/yellow/subtle': { value: { _light: '{colors.yellow.93}', _dark: '{colors.yellow.20}' } },\n  'color/yellow/minimal': { value: { _light: '{colors.yellow.95}', _dark: '{colors.yellow.10}' } },\n  'color/red/base': { value: { _light: '{colors.red.50}', _dark: '{colors.red.70}' } },\n  'color/red/dark': { value: { _light: '{colors.red.20}', _dark: '{colors.red.93}' } },\n  'color/red/strong': { value: { _light: '{colors.red.40}', _dark: '{colors.red.80}' } },\n  'color/red/bold': { value: { _light: '{colors.red.60}' } },\n  'color/red/muted': { value: { _light: '{colors.red.80}', _dark: '{colors.red.40}' } },\n  'color/red/moderate': { value: { _light: '{colors.red.90}', _dark: '{colors.red.30}' } },\n  'color/red/subtle': { value: { _light: '{colors.red.93}', _dark: '{colors.red.20}' } },\n  'color/red/minimal': { value: { _light: '{colors.red.95}', _dark: '{colors.red.10}' } },\n  'color/neutral/base': { value: { _light: '{colors.neutral.50}', _dark: '{colors.neutral-dark.50}' } },\n  'color/neutral/strong': { value: { _light: '{colors.neutral.40}', _dark: '{colors.neutral-dark.40}' } },\n  'color/neutral/bold': { value: { _light: '{colors.neutral.60}', _dark: '{colors.neutral-dark.60}' } },\n  'color/neutral/muted': { value: { _light: '{colors.neutral.80}', _dark: '{colors.neutral-dark.80}' } },\n  'color/neutral/moderate': { value: { _light: '{colors.neutral.90}', _dark: '{colors.neutral-dark.90}' } },\n  'color/neutral/subtle': { value: { _light: '{colors.neutral.93}', _dark: '{colors.neutral-dark.93}' } },\n  'color/neutral/minimal': { value: { _light: '{colors.neutral.95}', _dark: '{colors.neutral-dark.95}' } },\n  'color/orange/base': { value: { _light: '{colors.orange.50}', _dark: '{colors.orange.70}' } },\n  'color/orange/strong': { value: { _light: '{colors.orange.40}', _dark: '{colors.orange.80}' } },\n  'color/orange/bold': { value: { _light: '{colors.orange.60}' } },\n  'color/orange/muted': { value: { _light: '{colors.orange.80}', _dark: '{colors.orange.40}' } },\n  'color/orange/moderate': { value: { _light: '{colors.orange.90}', _dark: '{colors.orange.30}' } },\n  'color/orange/subtle': { value: { _light: '{colors.orange.93}', _dark: '{colors.orange.20}' } },\n  'color/orange/minimal': { value: { _light: '{colors.orange.95}', _dark: '{colors.orange.10}' } },\n  'color/turquoise/base': { value: { _light: '{colors.turquoise.50}', _dark: '{colors.turquoise.70}' } },\n  'color/turquoise/dark': { value: { _light: '{colors.turquoise.20}', _dark: '{colors.turquoise.93}' } },\n  'color/turquoise/emphasized': { value: { _light: '{colors.turquoise.30}', _dark: '{colors.turquoise.90}' } },\n  'color/turquoise/strong': { value: { _light: '{colors.turquoise.40}', _dark: '{colors.turquoise.80}' } },\n  'color/turquoise/bold': { value: { _light: '{colors.turquoise.60}' } },\n  'color/turquoise/muted': { value: { _light: '{colors.turquoise.80}', _dark: '{colors.turquoise.40}' } },\n  'color/turquoise/moderate': { value: { _light: '{colors.turquoise.90}', _dark: '{colors.turquoise.30}' } },\n  'color/turquoise/subtle': { value: { _light: '{colors.turquoise.93}', _dark: '{colors.turquoise.20}' } },\n  'color/turquoise/minimal': { value: { _light: '{colors.turquoise.95}', _dark: '{colors.turquoise.10}' } },\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.sys/bg/surface} 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.sys/bg/surface} 0%, transparent) 0%, {colors.sys/bg/surface} 100%)',\n    },\n  },\n  'gradient/overflow/right': {\n    value: {\n      base: 'linear-gradient(90deg, color-mix(in srgb, {colors.sys/bg/surface} 0%, transparent) 0%, {colors.sys/bg/surface} 100%)',\n    },\n  },\n  'gradient/video/bg': {\n    value: { base: 'linear-gradient(90deg, {colors.sys/primary/dark} 0%, {colors.sys/primary/base} 100%)' },\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/badge/red': { value: { base: '{colors.red.60}' } },\n  'sys/ui/header/badge/indigo': { value: { base: '{colors.indigo.90}' } },\n  'sys/ui/header/separator': { value: { base: '{colors.color/white/30}' } },\n\n  // sys/ui/sidenav\n  'sys/ui/sidenav/bg': { value: { base: '{colors.purple.10}' } },\n  'sys/ui/sidenav/separator': { value: { base: '{colors.color/white/20}' } },\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  'sys/ui/sidenav/badge/green': { value: { base: '{colors.green.60}' } },\n  'sys/ui/sidenav/badge/red': { value: { base: '{colors.red.60}' } },\n  'sys/ui/sidenav/badge/neutral': { value: { base: '{colors.neutral.40}' } },\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/fg/on-color}' } },\n  'input/switch/on/thumb-disabled': { value: { base: '{colors.sys/fg/on-color}' } },\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/fg/on-color}' } },\n  'input/switch/off/thumb-disabled': { value: { base: '{colors.sys/fg/on-color}' } },\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/surface-primary': {\n    value: {\n      base: 'linear-gradient({colors.background/primary}, {colors.background/primary}) padding-box, {colors.status/ai/border} border-box',\n    },\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/Combobox.recipe.d.ts

@@ -3,7 +3,8 @@ declare const comboboxSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinitio
         md: {
             item: {
                 paddingBlock: "8";
-                paddingInline: "16";
+                paddingInlineStart: "16";
+                paddingInlineEnd: "24";
                 textStyle: "body/md/regular";
                 _selected: {
                     textStyle: "body/md/semibold";
@@ -24,7 +25,8 @@ declare const comboboxSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinitio
         };
         lg: {
             item: {
-                paddingInline: "16";
+                paddingInlineStart: "16";
+                paddingInlineEnd: "24";
                 paddingBlock: "12";
                 textStyle: "body/lg/regular";
                 _selected: {

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

@@ -33,7 +33,8 @@ declare const datePickerSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeD
                     gap: "12";
                 };
                 paddingBlock: "8";
-                paddingInline: "16";
+                paddingInlineStart: "16";
+                paddingInlineEnd: "24";
                 textStyle: "body/md/regular";
                 _selected: {
                     textStyle: "body/md/semibold";
@@ -123,7 +124,8 @@ declare const datePickerSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeD
                     paddingBlock: "12";
                     gap: "12";
                 };
-                paddingInline: "16";
+                paddingInlineStart: "16";
+                paddingInlineEnd: "24";
                 paddingBlock: "12";
                 textStyle: "body/lg/regular";
                 _selected: {

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

@@ -97,6 +97,13 @@ var menuSlotRecipe = defineSlotRecipe({
 			},
 			"& [data-suffix-icon]": { color: "icon/tertiary" }
 		},
+		itemIndicator: {
+			alignItems: "center",
+			color: "icon/interactive",
+			display: "flex",
+			justifyContent: "center",
+			marginInlineStart: "auto"
+		},
 		itemGroupLabel: {
 			"& .separator": { borderColor: "border/minimal" },
 			textStyle: "heading/h6",

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Menu.recipe.ts"],"sourcesContent":["import { menuAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nconst itemActive: SystemStyleObject = {\n  background: 'button/secondary/bg-active',\n  _icon: {\n    color: 'icon/primary',\n  },\n};\nconst itemActiveDanger: SystemStyleObject = {\n  background: 'button/danger-secondary/bg-active',\n  color: 'button/danger-secondary/fg-active',\n  _icon: {\n    color: 'button/danger-secondary/fg-active',\n  },\n};\nconst menuSlotRecipe = defineSlotRecipe({\n  className: 'menu',\n  slots: [...menuAnatomy.keys(), 'itemHelper'],\n  variants: {\n    size: {\n      lg: {\n        item: {\n          alignItems: 'center',\n          paddingY: '12',\n          textStyle: 'body/lg/regular',\n          // With a helper line the item aligns to the top of the label and gets tighter padding.\n          '&[data-helper]': {\n            alignItems: 'flex-start',\n            paddingY: '8',\n          },\n        },\n      },\n      md: {\n        item: {\n          alignItems: 'center',\n          // The label line (20px) alone is shorter than the designed 40px row.\n          minHeight: '40',\n          paddingY: '8',\n          textStyle: 'body/md/regular',\n          '&[data-helper]': {\n            _icon: {\n              // Optically center the 16px icon against the 20px label line.\n              marginTop: '2',\n            },\n            alignItems: 'flex-start',\n            paddingY: '6',\n          },\n        },\n      },\n    },\n  },\n  base: {\n    content: {\n      // Sit above the legacy v1 full-dialog/drawer layer (zIndex.fullDialog = 1200); the menu\n      // portals out, so without this it renders behind a v1 FloatingDrawer. Matches the content-slot\n      // z-index convention of the other floating recipes (Popover, Tooltip, Combobox/Select).\n      zIndex: 'popover',\n      borderRadius: '4',\n      paddingY: '8',\n      border: '1px solid',\n      borderColor: 'border/minimal',\n      _focusVisible: { outline: 'none' },\n      boxShadow: 'elevation/lg',\n      background: 'background/primary',\n      maxHeight: 'var(--available-height)',\n      // The cap is useless without these: the positioner sets --available-height from the viewport,\n      // and a longer list then spills out of the content box instead of scrolling inside it.\n      overflow: 'hidden',\n      overflowY: 'auto',\n      _open: {\n        animationStyle: 'slide-fade-in',\n        animationDuration: 'fast',\n      },\n      _closed: {\n        animationStyle: 'slide-fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    itemHelper: {\n      textStyle: 'body/sm/regular',\n      color: 'text/secondary',\n    },\n    item: {\n      _icon: {\n        color: 'icon/secondary',\n        _active: {\n          color: 'icon/primary',\n        },\n      },\n      cursor: 'pointer',\n      display: 'flex',\n      gap: '12',\n      userSelect: 'none',\n      flexDirection: 'row',\n      paddingLeft: '16',\n      paddingRight: '24',\n      '&[data-danger]': {\n        color: 'button/danger-secondary/fg',\n        _icon: {\n          color: 'button/danger-secondary/fg',\n        },\n        _active: itemActiveDanger,\n        _highlighted: {\n          background: 'button/danger-secondary/bg-hover',\n          color: 'button/danger-secondary/fg-hover',\n          _active: itemActiveDanger,\n          _icon: {\n            color: 'button/danger-secondary/fg-hover',\n          },\n        },\n      },\n      _active: itemActive,\n      _highlighted: {\n        background: 'button/secondary/bg-hover',\n        _active: itemActive,\n      },\n      // After the danger and highlight blocks: equally specific, so the later one wins for a disabled danger item.\n      _disabled: {\n        color: 'text/disabled',\n        cursor: 'not-allowed',\n        _icon: {\n          color: 'icon/disabled',\n        },\n        _highlighted: {\n          background: 'transparent',\n        },\n      },\n      // The \"leaves this page\" arrow is quieter than the leading icon, and stays that way in every\n      // state — including the destructive one, which overrides `_icon` above.\n      '& [data-suffix-icon]': {\n        color: 'icon/tertiary',\n      },\n    },\n    itemGroupLabel: {\n      // The rule after the label is a Chakra Separator, whose recipe base is `border/regular` — a\n      // shade darker than the menu's own separator. Match `BitkitActionMenu.Separator`.\n      '& .separator': {\n        borderColor: 'border/minimal',\n      },\n      textStyle: 'heading/h6',\n      color: 'text/tertiary',\n      paddingTop: '12',\n      paddingLeft: '16',\n      paddingRight: '16',\n      paddingBottom: '6',\n      display: 'flex',\n      gap: '8',\n      flexDirection: 'row',\n      alignItems: 'center',\n    },\n    separator: {\n      color: 'border/minimal',\n      marginY: '8',\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default menuSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,aAAgC;CACpC,YAAY;CACZ,OAAO,EACL,OAAO,eACT;AACF;AACA,IAAM,mBAAsC;CAC1C,YAAY;CACZ,OAAO;CACP,OAAO,EACL,OAAO,oCACT;AACF;AACA,IAAM,iBAAiB,iBAAiB;CACtC,WAAW;CACX,OAAO,CAAC,GAAG,YAAY,KAAK,GAAG,YAAY;CAC3C,UAAU,EACR,MAAM;EACJ,IAAI,EACF,MAAM;GACJ,YAAY;GACZ,UAAU;GACV,WAAW;GAEX,kBAAkB;IAChB,YAAY;IACZ,UAAU;GACZ;EACF,EACF;EACA,IAAI,EACF,MAAM;GACJ,YAAY;GAEZ,WAAW;GACX,UAAU;GACV,WAAW;GACX,kBAAkB;IAChB,OAAO,EAEL,WAAW,IACb;IACA,YAAY;IACZ,UAAU;GACZ;EACF,EACF;CACF,EACF;CACA,MAAM;EACJ,SAAS;GAIP,QAAQ;GACR,cAAc;GACd,UAAU;GACV,QAAQ;GACR,aAAa;GACb,eAAe,EAAE,SAAS,OAAO;GACjC,WAAW;GACX,YAAY;GACZ,WAAW;GAGX,UAAU;GACV,WAAW;GACX,OAAO;IACL,gBAAgB;IAChB,mBAAmB;GACrB;GACA,SAAS;IACP,gBAAgB;IAChB,mBAAmB;GACrB;EACF;EACA,YAAY;GACV,WAAW;GACX,OAAO;EACT;EACA,MAAM;GACJ,OAAO;IACL,OAAO;IACP,SAAS,EACP,OAAO,eACT;GACF;GACA,QAAQ;GACR,SAAS;GACT,KAAK;GACL,YAAY;GACZ,eAAe;GACf,aAAa;GACb,cAAc;GACd,kBAAkB;IAChB,OAAO;IACP,OAAO,EACL,OAAO,6BACT;IACA,SAAS;IACT,cAAc;KACZ,YAAY;KACZ,OAAO;KACP,SAAS;KACT,OAAO,EACL,OAAO,mCACT;IACF;GACF;GACA,SAAS;GACT,cAAc;IACZ,YAAY;IACZ,SAAS;GACX;GAEA,WAAW;IACT,OAAO;IACP,QAAQ;IACR,OAAO,EACL,OAAO,gBACT;IACA,cAAc,EACZ,YAAY,cACd;GACF;GAGA,wBAAwB,EACtB,OAAO,gBACT;EACF;EACA,gBAAgB;GAGd,gBAAgB,EACd,aAAa,iBACf;GACA,WAAW;GACX,OAAO;GACP,YAAY;GACZ,aAAa;GACb,cAAc;GACd,eAAe;GACf,SAAS;GACT,KAAK;GACL,eAAe;GACf,YAAY;EACd;EACA,WAAW;GACT,OAAO;GACP,SAAS;EACX;CACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
+{"version":3,"file":"Menu.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Menu.recipe.ts"],"sourcesContent":["import { menuAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nconst itemActive: SystemStyleObject = {\n  background: 'button/secondary/bg-active',\n  _icon: {\n    color: 'icon/primary',\n  },\n};\nconst itemActiveDanger: SystemStyleObject = {\n  background: 'button/danger-secondary/bg-active',\n  color: 'button/danger-secondary/fg-active',\n  _icon: {\n    color: 'button/danger-secondary/fg-active',\n  },\n};\nconst menuSlotRecipe = defineSlotRecipe({\n  className: 'menu',\n  slots: [...menuAnatomy.keys(), 'itemHelper'],\n  variants: {\n    size: {\n      lg: {\n        item: {\n          alignItems: 'center',\n          paddingY: '12',\n          textStyle: 'body/lg/regular',\n          // With a helper line the item aligns to the top of the label and gets tighter padding.\n          '&[data-helper]': {\n            alignItems: 'flex-start',\n            paddingY: '8',\n          },\n        },\n      },\n      md: {\n        item: {\n          alignItems: 'center',\n          // The label line (20px) alone is shorter than the designed 40px row.\n          minHeight: '40',\n          paddingY: '8',\n          textStyle: 'body/md/regular',\n          '&[data-helper]': {\n            _icon: {\n              // Optically center the 16px icon against the 20px label line.\n              marginTop: '2',\n            },\n            alignItems: 'flex-start',\n            paddingY: '6',\n          },\n        },\n      },\n    },\n  },\n  base: {\n    content: {\n      // Sit above the legacy v1 full-dialog/drawer layer (zIndex.fullDialog = 1200); the menu\n      // portals out, so without this it renders behind a v1 FloatingDrawer. Matches the content-slot\n      // z-index convention of the other floating recipes (Popover, Tooltip, Combobox/Select).\n      zIndex: 'popover',\n      borderRadius: '4',\n      paddingY: '8',\n      border: '1px solid',\n      borderColor: 'border/minimal',\n      _focusVisible: { outline: 'none' },\n      boxShadow: 'elevation/lg',\n      background: 'background/primary',\n      maxHeight: 'var(--available-height)',\n      // The cap is useless without these: the positioner sets --available-height from the viewport,\n      // and a longer list then spills out of the content box instead of scrolling inside it.\n      overflow: 'hidden',\n      overflowY: 'auto',\n      _open: {\n        animationStyle: 'slide-fade-in',\n        animationDuration: 'fast',\n      },\n      _closed: {\n        animationStyle: 'slide-fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    itemHelper: {\n      textStyle: 'body/sm/regular',\n      color: 'text/secondary',\n    },\n    item: {\n      _icon: {\n        color: 'icon/secondary',\n        _active: {\n          color: 'icon/primary',\n        },\n      },\n      cursor: 'pointer',\n      display: 'flex',\n      gap: '12',\n      userSelect: 'none',\n      flexDirection: 'row',\n      paddingLeft: '16',\n      paddingRight: '24',\n      '&[data-danger]': {\n        color: 'button/danger-secondary/fg',\n        _icon: {\n          color: 'button/danger-secondary/fg',\n        },\n        _active: itemActiveDanger,\n        _highlighted: {\n          background: 'button/danger-secondary/bg-hover',\n          color: 'button/danger-secondary/fg-hover',\n          _active: itemActiveDanger,\n          _icon: {\n            color: 'button/danger-secondary/fg-hover',\n          },\n        },\n      },\n      _active: itemActive,\n      _highlighted: {\n        background: 'button/secondary/bg-hover',\n        _active: itemActive,\n      },\n      // After the danger and highlight blocks: equally specific, so the later one wins for a disabled danger item.\n      _disabled: {\n        color: 'text/disabled',\n        cursor: 'not-allowed',\n        _icon: {\n          color: 'icon/disabled',\n        },\n        _highlighted: {\n          background: 'transparent',\n        },\n      },\n      // The \"leaves this page\" arrow is quieter than the leading icon, and stays that way in every\n      // state — including the destructive one, which overrides `_icon` above.\n      '& [data-suffix-icon]': {\n        color: 'icon/tertiary',\n      },\n    },\n    itemIndicator: {\n      alignItems: 'center',\n      color: 'icon/interactive',\n      display: 'flex',\n      justifyContent: 'center',\n      marginInlineStart: 'auto',\n    },\n    itemGroupLabel: {\n      // The rule after the label is a Chakra Separator, whose recipe base is `border/regular` — a\n      // shade darker than the menu's own separator. Match `BitkitActionMenu.Separator`.\n      '& .separator': {\n        borderColor: 'border/minimal',\n      },\n      textStyle: 'heading/h6',\n      color: 'text/tertiary',\n      paddingTop: '12',\n      paddingLeft: '16',\n      paddingRight: '16',\n      paddingBottom: '6',\n      display: 'flex',\n      gap: '8',\n      flexDirection: 'row',\n      alignItems: 'center',\n    },\n    separator: {\n      color: 'border/minimal',\n      marginY: '8',\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default menuSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,aAAgC;CACpC,YAAY;CACZ,OAAO,EACL,OAAO,eACT;AACF;AACA,IAAM,mBAAsC;CAC1C,YAAY;CACZ,OAAO;CACP,OAAO,EACL,OAAO,oCACT;AACF;AACA,IAAM,iBAAiB,iBAAiB;CACtC,WAAW;CACX,OAAO,CAAC,GAAG,YAAY,KAAK,GAAG,YAAY;CAC3C,UAAU,EACR,MAAM;EACJ,IAAI,EACF,MAAM;GACJ,YAAY;GACZ,UAAU;GACV,WAAW;GAEX,kBAAkB;IAChB,YAAY;IACZ,UAAU;GACZ;EACF,EACF;EACA,IAAI,EACF,MAAM;GACJ,YAAY;GAEZ,WAAW;GACX,UAAU;GACV,WAAW;GACX,kBAAkB;IAChB,OAAO,EAEL,WAAW,IACb;IACA,YAAY;IACZ,UAAU;GACZ;EACF,EACF;CACF,EACF;CACA,MAAM;EACJ,SAAS;GAIP,QAAQ;GACR,cAAc;GACd,UAAU;GACV,QAAQ;GACR,aAAa;GACb,eAAe,EAAE,SAAS,OAAO;GACjC,WAAW;GACX,YAAY;GACZ,WAAW;GAGX,UAAU;GACV,WAAW;GACX,OAAO;IACL,gBAAgB;IAChB,mBAAmB;GACrB;GACA,SAAS;IACP,gBAAgB;IAChB,mBAAmB;GACrB;EACF;EACA,YAAY;GACV,WAAW;GACX,OAAO;EACT;EACA,MAAM;GACJ,OAAO;IACL,OAAO;IACP,SAAS,EACP,OAAO,eACT;GACF;GACA,QAAQ;GACR,SAAS;GACT,KAAK;GACL,YAAY;GACZ,eAAe;GACf,aAAa;GACb,cAAc;GACd,kBAAkB;IAChB,OAAO;IACP,OAAO,EACL,OAAO,6BACT;IACA,SAAS;IACT,cAAc;KACZ,YAAY;KACZ,OAAO;KACP,SAAS;KACT,OAAO,EACL,OAAO,mCACT;IACF;GACF;GACA,SAAS;GACT,cAAc;IACZ,YAAY;IACZ,SAAS;GACX;GAEA,WAAW;IACT,OAAO;IACP,QAAQ;IACR,OAAO,EACL,OAAO,gBACT;IACA,cAAc,EACZ,YAAY,cACd;GACF;GAGA,wBAAwB,EACtB,OAAO,gBACT;EACF;EACA,eAAe;GACb,YAAY;GACZ,OAAO;GACP,SAAS;GACT,gBAAgB;GAChB,mBAAmB;EACrB;EACA,gBAAgB;GAGd,gBAAgB,EACd,aAAa,iBACf;GACA,WAAW;GACX,OAAO;GACP,YAAY;GACZ,aAAa;GACb,cAAc;GACd,eAAe;GACf,SAAS;GACT,KAAK;GACL,eAAe;GACf,YAAY;EACd;EACA,WAAW;GACT,OAAO;GACP,SAAS;EACX;CACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}

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

@@ -32,7 +32,8 @@ export declare const selectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefi
                     paddingBlock: "12";
                     gap: "12";
                 };
-                paddingInline: "16";
+                paddingInlineStart: "16";
+                paddingInlineEnd: "24";
                 paddingBlock: "12";
                 textStyle: "body/lg/regular";
                 _selected: {
@@ -98,7 +99,8 @@ export declare const selectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefi
                     gap: "12";
                 };
                 paddingBlock: "8";
-                paddingInline: "16";
+                paddingInlineStart: "16";
+                paddingInlineEnd: "24";
                 textStyle: "body/md/regular";
                 _selected: {
                     textStyle: "body/md/semibold";

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

@@ -10,5 +10,5 @@ export declare const uiHeaderHeightPx = 48;
  * assume it.
  */
 export declare const uiHeaderHeight: `${number}rem`;
-declare const uiHeaderSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"search" | "badge" | "banner" | "bar" | "root" | "indicator" | "spacer" | "control" | "searchInput" | "searchClear" | "actions" | "navButton" | "accountAvatar" | "accountIcon" | "navButtonBadge" | "navButtonIcon" | "searchButton" | "searchField" | "searchIcon" | "leading" | "logoBlock" | "logoLink", import('@chakra-ui/react').SlotRecipeVariantRecord<"search" | "badge" | "banner" | "bar" | "root" | "indicator" | "spacer" | "control" | "searchInput" | "searchClear" | "actions" | "navButton" | "accountAvatar" | "accountIcon" | "navButtonBadge" | "navButtonIcon" | "searchButton" | "searchField" | "searchIcon" | "leading" | "logoBlock" | "logoLink">>;
+declare const uiHeaderSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"search" | "badge" | "banner" | "bar" | "root" | "indicator" | "spacer" | "control" | "searchInput" | "searchClear" | "actions" | "navButton" | "accountAvatar" | "accountIcon" | "modeSwitch" | "modeControl" | "navButtonBadge" | "navButtonIcon" | "searchButton" | "searchField" | "searchIcon" | "leading" | "logoBlock" | "logoLink", import('@chakra-ui/react').SlotRecipeVariantRecord<"search" | "badge" | "banner" | "bar" | "root" | "indicator" | "spacer" | "control" | "searchInput" | "searchClear" | "actions" | "navButton" | "accountAvatar" | "accountIcon" | "modeSwitch" | "modeControl" | "navButtonBadge" | "navButtonIcon" | "searchButton" | "searchField" | "searchIcon" | "leading" | "logoBlock" | "logoLink">>;
 export default uiHeaderSlotRecipe;

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

@@ -56,6 +56,8 @@ var uiHeaderSlotRecipe = defineSlotRecipe({
 		"leading",
 		"logoBlock",
 		"logoLink",
+		"modeControl",
+		"modeSwitch",
 		"navButton",
 		"navButtonBadge",
 		"navButtonIcon",
@@ -130,6 +132,20 @@ var uiHeaderSlotRecipe = defineSlotRecipe({
 			display: "block",
 			tablet: { display: "none" }
 		},
+		modeSwitch: {
+			alignItems: "center",
+			display: "flex",
+			flexShrink: 0,
+			_before: {
+				background: "sys/ui/header/separator",
+				content: "\"\"",
+				height: "20",
+				marginInlineEnd: "8",
+				marginInlineStart: "12",
+				width: "1"
+			}
+		},
+		modeControl: { _open: { background: "sys/ui/header/control/bg-active" } },
 		navButton: {
 			...controlBase,
 			paddingBlock: "8",

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

@@ -1 +1 @@
-{"version":3,"file":"UIHeader.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/UIHeader.recipe.ts"],"sourcesContent":["import { defineSlotRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nimport { colorVar, rem } from '../themeUtils';\n\n/** `uiHeaderHeight` as a number, for a layout that needs one rather than a token. */\nexport const uiHeaderHeightPx = 48;\n\n/**\n * The height of the header's bar. A page that pins the header reserves this much room for it, and\n * anything anchored under the header starts here: a drawer's backdrop and positioner, a side\n * navigation's `insetBlockStart`.\n *\n * It is the bar alone. A `banner` sits below it inside the header, and its height is the\n * consumer's content, so a pinned header carrying one is taller than this — measure it rather than\n * assume it.\n */\nexport const uiHeaderHeight = rem(uiHeaderHeightPx);\n\nconst SEARCH_FIELD_WIDTH = rem(240);\n\nconst SEARCH_FIELD_TINT = colorVar('color/white/20');\n\nconst controlStates: SystemStyleObject = {\n  background: 'sys/ui/header/control/bg',\n  _hover: {\n    background: 'sys/ui/header/control/bg-hover',\n    _active: {\n      background: 'sys/ui/header/control/bg-active',\n    },\n  },\n  _active: {\n    background: 'sys/ui/header/control/bg-active',\n  },\n  _selected: {\n    background: 'sys/ui/header/control/bg-selected',\n    _hover: {\n      background: 'sys/ui/header/control/bg-selected-hover',\n      _active: {\n        background: 'sys/ui/header/control/bg-selected',\n      },\n    },\n    _active: {\n      background: 'sys/ui/header/control/bg-selected',\n    },\n  },\n};\n\nconst controlBase: SystemStyleObject = {\n  ...controlStates,\n  alignItems: 'center',\n  borderRadius: 0,\n  color: 'icon/on-color',\n  cursor: 'pointer',\n  display: 'flex',\n  flexShrink: 0,\n  height: uiHeaderHeight,\n  justifyContent: 'center',\n  position: 'relative',\n  textDecoration: 'none',\n  _focusVisible: {\n    outlineOffset: 'calc(var(--focus-ring-width) * -1)',\n  },\n};\n\nconst uiHeaderSlotRecipe = defineSlotRecipe({\n  className: 'ui-header',\n  slots: [\n    'accountAvatar',\n    'accountIcon',\n    'actions',\n    'badge',\n    'banner',\n    'bar',\n    'control',\n    'indicator',\n    'leading',\n    'logoBlock',\n    'logoLink',\n    'navButton',\n    'navButtonBadge',\n    'navButtonIcon',\n    'root',\n    'search',\n    'searchButton',\n    'searchClear',\n    'searchField',\n    'searchIcon',\n    'searchInput',\n    'spacer',\n  ],\n  base: {\n    root: {\n      background: 'sys/ui/header/bg',\n      color: 'text/on-color',\n      display: 'flex',\n      flexDirection: 'column',\n      width: 'full',\n    },\n    bar: {\n      alignItems: 'center',\n      display: 'flex',\n      flexShrink: 0,\n      height: uiHeaderHeight,\n      position: 'relative',\n      tablet: {\n        paddingInlineStart: '20',\n      },\n    },\n    leading: {\n      display: 'flex',\n      flexShrink: 0,\n      tablet: {\n        display: 'none',\n      },\n    },\n    spacer: {\n      flexShrink: 1,\n      width: '48',\n      tablet: {\n        display: 'none',\n      },\n    },\n    logoBlock: {\n      alignItems: 'center',\n      display: 'flex',\n      flex: 1,\n      justifyContent: 'center',\n      minWidth: 0,\n      tablet: {\n        flex: 'none',\n      },\n    },\n    logoLink: {\n      borderRadius: '4',\n      color: 'text/on-color',\n      display: 'flex',\n      marginBlockEnd: rem(3),\n    },\n    actions: {\n      alignItems: 'center',\n      display: 'flex',\n      flexShrink: 0,\n      marginInlineStart: 'auto',\n      tablet: {\n        paddingInlineEnd: '32',\n      },\n    },\n    banner: {\n      width: 'full',\n    },\n    control: {\n      ...controlBase,\n      width: '48',\n    },\n    accountAvatar: {\n      borderRadius: 'full',\n      display: 'none',\n      overflow: 'hidden',\n      tablet: {\n        display: 'inline-flex',\n      },\n    },\n    accountIcon: {\n      display: 'block',\n      tablet: {\n        display: 'none',\n      },\n    },\n    navButton: {\n      ...controlBase,\n      paddingBlock: '8',\n      paddingInlineEnd: '8',\n      paddingInlineStart: '12',\n    },\n    navButtonBadge: {\n      alignItems: 'flex-start',\n      background: 'sys/ui/header/bg',\n      borderStartStartRadius: '2',\n      color: 'icon/on-color',\n      display: 'flex',\n      height: '12',\n      insetBlockEnd: '8',\n      insetInlineEnd: '8',\n      overflow: 'hidden',\n      pointerEvents: 'none',\n      position: 'absolute',\n      width: '16',\n    },\n    navButtonIcon: {\n      flexShrink: 0,\n      marginBlockStart: rem(-1),\n      marginInlineStart: '1',\n    },\n    badge: {\n      background: 'sys/ui/header/badge/red',\n      borderRadius: 'full',\n      height: '8',\n      insetBlockStart: '12',\n      insetInlineStart: rem(28),\n      pointerEvents: 'none',\n      position: 'absolute',\n      width: '8',\n      '&[data-pulse]': {\n        _after: {\n          animation: 'ping',\n          background: 'sys/ui/header/badge/red',\n          borderRadius: 'full',\n          content: '\"\"',\n          inset: 0,\n          opacity: 0.5,\n          position: 'absolute',\n          _motionReduce: {\n            animation: 'none',\n          },\n        },\n      },\n    },\n    indicator: {\n      background: 'sys/ui/header/control/indicator',\n      height: '4',\n      insetBlockEnd: 0,\n      insetInline: 0,\n      pointerEvents: 'none',\n      position: 'absolute',\n    },\n    search: {\n      display: 'flex',\n      flexShrink: 0,\n      position: 'relative',\n    },\n    searchField: {\n      alignItems: 'center',\n      backgroundColor: 'sys/ui/header/bg',\n      backgroundImage: `linear-gradient(0deg, ${SEARCH_FIELD_TINT} 0%, ${SEARCH_FIELD_TINT} 100%)`,\n      borderColor: 'border/strong',\n      borderRadius: '4',\n      borderStyle: 'solid',\n      borderWidth: '1',\n      display: 'none',\n      gap: '8',\n      height: '40',\n      insetBlockStart: '4',\n      insetInlineEnd: 0,\n      opacity: 0,\n      paddingInlineEnd: '12',\n      paddingInlineStart: '8',\n      position: 'absolute',\n      transitionDuration: 'fast',\n      // `visibility` is what takes the closed field out of hit-testing, the tab order and the\n      // accessibility tree in one go. Transitioning it keeps the field visible for the whole fade\n      // and flips it at the end, which `opacity` alone could not do.\n      transitionProperty: 'opacity, visibility',\n      transitionTimingFunction: 'ease-out',\n      visibility: 'hidden',\n      width: SEARCH_FIELD_WIDTH,\n      '&:has(input:focus-visible)': {\n        boxShadow: '0 0 0 var(--focus-ring-width) var(--focus-ring-color) inset',\n      },\n      _open: {\n        opacity: 1,\n        visibility: 'visible',\n      },\n      _motionReduce: {\n        transitionProperty: 'none',\n      },\n      tablet: {\n        display: 'flex',\n      },\n    },\n    searchButton: {\n      tablet: {\n        _open: {\n          visibility: 'hidden',\n        },\n      },\n    },\n    searchClear: {\n      color: 'icon/on-color',\n      flexShrink: 0,\n    },\n    searchIcon: {\n      color: 'icon/on-color',\n      flexShrink: 0,\n    },\n    searchInput: {\n      background: 'transparent',\n      borderWidth: 0,\n      color: 'text/on-color',\n      flex: 1,\n      minWidth: 0,\n      padding: 0,\n      textStyle: 'body/lg/regular',\n      '&::-webkit-search-cancel-button': { display: 'none' },\n      _focusVisible: {\n        outline: 'none',\n        outlineWidth: 0,\n      },\n      _placeholder: {\n        color: 'text/on-color',\n        opacity: 0.6,\n      },\n    },\n  },\n});\n\nexport default uiHeaderSlotRecipe;\n"],"mappings":"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"}
+{"version":3,"file":"UIHeader.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/UIHeader.recipe.ts"],"sourcesContent":["import { defineSlotRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nimport { colorVar, rem } from '../themeUtils';\n\n/** `uiHeaderHeight` as a number, for a layout that needs one rather than a token. */\nexport const uiHeaderHeightPx = 48;\n\n/**\n * The height of the header's bar. A page that pins the header reserves this much room for it, and\n * anything anchored under the header starts here: a drawer's backdrop and positioner, a side\n * navigation's `insetBlockStart`.\n *\n * It is the bar alone. A `banner` sits below it inside the header, and its height is the\n * consumer's content, so a pinned header carrying one is taller than this — measure it rather than\n * assume it.\n */\nexport const uiHeaderHeight = rem(uiHeaderHeightPx);\n\nconst SEARCH_FIELD_WIDTH = rem(240);\n\nconst SEARCH_FIELD_TINT = colorVar('color/white/20');\n\nconst controlStates: SystemStyleObject = {\n  background: 'sys/ui/header/control/bg',\n  _hover: {\n    background: 'sys/ui/header/control/bg-hover',\n    _active: {\n      background: 'sys/ui/header/control/bg-active',\n    },\n  },\n  _active: {\n    background: 'sys/ui/header/control/bg-active',\n  },\n  _selected: {\n    background: 'sys/ui/header/control/bg-selected',\n    _hover: {\n      background: 'sys/ui/header/control/bg-selected-hover',\n      _active: {\n        background: 'sys/ui/header/control/bg-selected',\n      },\n    },\n    _active: {\n      background: 'sys/ui/header/control/bg-selected',\n    },\n  },\n};\n\nconst controlBase: SystemStyleObject = {\n  ...controlStates,\n  alignItems: 'center',\n  borderRadius: 0,\n  color: 'icon/on-color',\n  cursor: 'pointer',\n  display: 'flex',\n  flexShrink: 0,\n  height: uiHeaderHeight,\n  justifyContent: 'center',\n  position: 'relative',\n  textDecoration: 'none',\n  _focusVisible: {\n    outlineOffset: 'calc(var(--focus-ring-width) * -1)',\n  },\n};\n\nconst uiHeaderSlotRecipe = defineSlotRecipe({\n  className: 'ui-header',\n  slots: [\n    'accountAvatar',\n    'accountIcon',\n    'actions',\n    'badge',\n    'banner',\n    'bar',\n    'control',\n    'indicator',\n    'leading',\n    'logoBlock',\n    'logoLink',\n    'modeControl',\n    'modeSwitch',\n    'navButton',\n    'navButtonBadge',\n    'navButtonIcon',\n    'root',\n    'search',\n    'searchButton',\n    'searchClear',\n    'searchField',\n    'searchIcon',\n    'searchInput',\n    'spacer',\n  ],\n  base: {\n    root: {\n      background: 'sys/ui/header/bg',\n      color: 'text/on-color',\n      display: 'flex',\n      flexDirection: 'column',\n      width: 'full',\n    },\n    bar: {\n      alignItems: 'center',\n      display: 'flex',\n      flexShrink: 0,\n      height: uiHeaderHeight,\n      position: 'relative',\n      tablet: {\n        paddingInlineStart: '20',\n      },\n    },\n    leading: {\n      display: 'flex',\n      flexShrink: 0,\n      tablet: {\n        display: 'none',\n      },\n    },\n    spacer: {\n      flexShrink: 1,\n      width: '48',\n      tablet: {\n        display: 'none',\n      },\n    },\n    logoBlock: {\n      alignItems: 'center',\n      display: 'flex',\n      flex: 1,\n      justifyContent: 'center',\n      minWidth: 0,\n      tablet: {\n        flex: 'none',\n      },\n    },\n    logoLink: {\n      borderRadius: '4',\n      color: 'text/on-color',\n      display: 'flex',\n      marginBlockEnd: rem(3),\n    },\n    actions: {\n      alignItems: 'center',\n      display: 'flex',\n      flexShrink: 0,\n      marginInlineStart: 'auto',\n      tablet: {\n        paddingInlineEnd: '32',\n      },\n    },\n    banner: {\n      width: 'full',\n    },\n    control: {\n      ...controlBase,\n      width: '48',\n    },\n    accountAvatar: {\n      borderRadius: 'full',\n      display: 'none',\n      overflow: 'hidden',\n      tablet: {\n        display: 'inline-flex',\n      },\n    },\n    accountIcon: {\n      display: 'block',\n      tablet: {\n        display: 'none',\n      },\n    },\n    modeSwitch: {\n      alignItems: 'center',\n      display: 'flex',\n      flexShrink: 0,\n      _before: {\n        background: 'sys/ui/header/separator',\n        content: '\"\"',\n        height: '20',\n        marginInlineEnd: '8',\n        marginInlineStart: '12',\n        width: '1',\n      },\n    },\n    modeControl: {\n      _open: {\n        background: 'sys/ui/header/control/bg-active',\n      },\n    },\n    navButton: {\n      ...controlBase,\n      paddingBlock: '8',\n      paddingInlineEnd: '8',\n      paddingInlineStart: '12',\n    },\n    navButtonBadge: {\n      alignItems: 'flex-start',\n      background: 'sys/ui/header/bg',\n      borderStartStartRadius: '2',\n      color: 'icon/on-color',\n      display: 'flex',\n      height: '12',\n      insetBlockEnd: '8',\n      insetInlineEnd: '8',\n      overflow: 'hidden',\n      pointerEvents: 'none',\n      position: 'absolute',\n      width: '16',\n    },\n    navButtonIcon: {\n      flexShrink: 0,\n      marginBlockStart: rem(-1),\n      marginInlineStart: '1',\n    },\n    badge: {\n      background: 'sys/ui/header/badge/red',\n      borderRadius: 'full',\n      height: '8',\n      insetBlockStart: '12',\n      insetInlineStart: rem(28),\n      pointerEvents: 'none',\n      position: 'absolute',\n      width: '8',\n      '&[data-pulse]': {\n        _after: {\n          animation: 'ping',\n          background: 'sys/ui/header/badge/red',\n          borderRadius: 'full',\n          content: '\"\"',\n          inset: 0,\n          opacity: 0.5,\n          position: 'absolute',\n          _motionReduce: {\n            animation: 'none',\n          },\n        },\n      },\n    },\n    indicator: {\n      background: 'sys/ui/header/control/indicator',\n      height: '4',\n      insetBlockEnd: 0,\n      insetInline: 0,\n      pointerEvents: 'none',\n      position: 'absolute',\n    },\n    search: {\n      display: 'flex',\n      flexShrink: 0,\n      position: 'relative',\n    },\n    searchField: {\n      alignItems: 'center',\n      backgroundColor: 'sys/ui/header/bg',\n      backgroundImage: `linear-gradient(0deg, ${SEARCH_FIELD_TINT} 0%, ${SEARCH_FIELD_TINT} 100%)`,\n      borderColor: 'border/strong',\n      borderRadius: '4',\n      borderStyle: 'solid',\n      borderWidth: '1',\n      display: 'none',\n      gap: '8',\n      height: '40',\n      insetBlockStart: '4',\n      insetInlineEnd: 0,\n      opacity: 0,\n      paddingInlineEnd: '12',\n      paddingInlineStart: '8',\n      position: 'absolute',\n      transitionDuration: 'fast',\n      // `visibility` is what takes the closed field out of hit-testing, the tab order and the\n      // accessibility tree in one go. Transitioning it keeps the field visible for the whole fade\n      // and flips it at the end, which `opacity` alone could not do.\n      transitionProperty: 'opacity, visibility',\n      transitionTimingFunction: 'ease-out',\n      visibility: 'hidden',\n      width: SEARCH_FIELD_WIDTH,\n      '&:has(input:focus-visible)': {\n        boxShadow: '0 0 0 var(--focus-ring-width) var(--focus-ring-color) inset',\n      },\n      _open: {\n        opacity: 1,\n        visibility: 'visible',\n      },\n      _motionReduce: {\n        transitionProperty: 'none',\n      },\n      tablet: {\n        display: 'flex',\n      },\n    },\n    searchButton: {\n      tablet: {\n        _open: {\n          visibility: 'hidden',\n        },\n      },\n    },\n    searchClear: {\n      color: 'icon/on-color',\n      flexShrink: 0,\n    },\n    searchIcon: {\n      color: 'icon/on-color',\n      flexShrink: 0,\n    },\n    searchInput: {\n      background: 'transparent',\n      borderWidth: 0,\n      color: 'text/on-color',\n      flex: 1,\n      minWidth: 0,\n      padding: 0,\n      textStyle: 'body/lg/regular',\n      '&::-webkit-search-cancel-button': { display: 'none' },\n      _focusVisible: {\n        outline: 'none',\n        outlineWidth: 0,\n      },\n      _placeholder: {\n        color: 'text/on-color',\n        opacity: 0.6,\n      },\n    },\n  },\n});\n\nexport default uiHeaderSlotRecipe;\n"],"mappings":"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"}

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

@@ -525,7 +525,8 @@ declare const slotRecipes: {
             md: {
                 item: {
                     paddingBlock: "8";
-                    paddingInline: "16";
+                    paddingInlineStart: "16";
+                    paddingInlineEnd: "24";
                     textStyle: "body/md/regular";
                     _selected: {
                         textStyle: "body/md/semibold";
@@ -546,7 +547,8 @@ declare const slotRecipes: {
             };
             lg: {
                 item: {
-                    paddingInline: "16";
+                    paddingInlineStart: "16";
+                    paddingInlineEnd: "24";
                     paddingBlock: "12";
                     textStyle: "body/lg/regular";
                     _selected: {
@@ -666,7 +668,8 @@ declare const slotRecipes: {
                         gap: "12";
                     };
                     paddingBlock: "8";
-                    paddingInline: "16";
+                    paddingInlineStart: "16";
+                    paddingInlineEnd: "24";
                     textStyle: "body/md/regular";
                     _selected: {
                         textStyle: "body/md/semibold";
@@ -756,7 +759,8 @@ declare const slotRecipes: {
                         paddingBlock: "12";
                         gap: "12";
                     };
-                    paddingInline: "16";
+                    paddingInlineStart: "16";
+                    paddingInlineEnd: "24";
                     paddingBlock: "12";
                     textStyle: "body/lg/regular";
                     _selected: {
@@ -2484,7 +2488,8 @@ declare const slotRecipes: {
                         paddingBlock: "12";
                         gap: "12";
                     };
-                    paddingInline: "16";
+                    paddingInlineStart: "16";
+                    paddingInlineEnd: "24";
                     paddingBlock: "12";
                     textStyle: "body/lg/regular";
                     _selected: {
@@ -2550,7 +2555,8 @@ declare const slotRecipes: {
                         gap: "12";
                     };
                     paddingBlock: "8";
-                    paddingInline: "16";
+                    paddingInlineStart: "16";
+                    paddingInlineEnd: "24";
                     textStyle: "body/md/regular";
                     _selected: {
                         textStyle: "body/md/semibold";
@@ -3763,7 +3769,7 @@ declare const slotRecipes: {
             };
         };
     }>;
-    uiHeader: import('@chakra-ui/react').SlotRecipeDefinition<"search" | "badge" | "banner" | "bar" | "root" | "indicator" | "spacer" | "control" | "searchInput" | "searchClear" | "actions" | "navButton" | "accountAvatar" | "accountIcon" | "navButtonBadge" | "navButtonIcon" | "searchButton" | "searchField" | "searchIcon" | "leading" | "logoBlock" | "logoLink", import('@chakra-ui/react').SlotRecipeVariantRecord<"search" | "badge" | "banner" | "bar" | "root" | "indicator" | "spacer" | "control" | "searchInput" | "searchClear" | "actions" | "navButton" | "accountAvatar" | "accountIcon" | "navButtonBadge" | "navButtonIcon" | "searchButton" | "searchField" | "searchIcon" | "leading" | "logoBlock" | "logoLink">>;
+    uiHeader: import('@chakra-ui/react').SlotRecipeDefinition<"search" | "badge" | "banner" | "bar" | "root" | "indicator" | "spacer" | "control" | "searchInput" | "searchClear" | "actions" | "navButton" | "accountAvatar" | "accountIcon" | "modeSwitch" | "modeControl" | "navButtonBadge" | "navButtonIcon" | "searchButton" | "searchField" | "searchIcon" | "leading" | "logoBlock" | "logoLink", import('@chakra-ui/react').SlotRecipeVariantRecord<"search" | "badge" | "banner" | "bar" | "root" | "indicator" | "spacer" | "control" | "searchInput" | "searchClear" | "actions" | "navButton" | "accountAvatar" | "accountIcon" | "modeSwitch" | "modeControl" | "navButtonBadge" | "navButtonIcon" | "searchButton" | "searchField" | "searchIcon" | "leading" | "logoBlock" | "logoLink">>;
     uiSideNav: import('@chakra-ui/react').SlotRecipeDefinition<"link" | "content" | "body" | "footer" | "closeButton" | "root" | "item" | "itemIndicator" | "positioner" | "itemLabel" | "itemIcon" | "backdrop" | "footerSeparator" | "footerHeading" | "linkIconBlock" | "linkTextBlock" | "linkIcon" | "linkStatusDot" | "linkLabel" | "linkSecondaryText" | "workspaceRoot" | "workspaceControl" | "workspace" | "workspaceTextBlock" | "workspaceChevron" | "workspaceMenu" | "workspaceLabel" | "workspaceValue", {
         layout: {
             rail: {

package/package.json

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