@bitrise/bitkit-v2 0.3.475 → 0.3.477-beta.3026

package/dist/icons/IconWarning.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconWarning.js","names":[],"sources":["../../lib/icons/IconWarning.tsx"],"sourcesContent":["// This file is auto-generated by 'scripts/generateIconComponents.ts'. Do not edit it manually.\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport SVG16 from '../svgs/16x16/icon-warning-16.svg?react';\nimport SVG24 from '../svgs/24x24/icon-warning-24.svg?react';\nimport { bitkitIcon } from './bitkitIcon';\n\nexport interface IconWarningProps extends IconProps {\n  size?: '16' | '24';\n}\n\nconst IconWarning = bitkitIcon(function IconWarning(\n  { size = '24', ...props }: IconWarningProps,\n  ref: Ref<SVGSVGElement>,\n) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <SVG16 width=\"16\" height=\"16\" />\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <SVG24 width=\"24\" height=\"24\" />\n    </Icon>\n  );\n});\n\nIconWarning.displayName = 'IconWarning';\n\nexport default IconWarning;\n"],"mappings":";;;;;;AAaA,IAAM,cAAc,WAAW,SAAS,YACtC,EAAE,OAAO,MAAM,GAAG,SAClB,KACA;CACA,IAAI,SAAS,MACX,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAAC,YAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAAC,cAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;AAEV,CAAC;AAED,YAAY,cAAc"}
+{"version":3,"file":"IconWarning.js","names":["SVG16","SVG24"],"sources":["../../lib/icons/IconWarning.tsx"],"sourcesContent":["// This file is auto-generated by 'scripts/generateIconComponents.ts'. Do not edit it manually.\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport SVG16 from '../svgs/16x16/icon-warning-16.svg?react';\nimport SVG24 from '../svgs/24x24/icon-warning-24.svg?react';\nimport { bitkitIcon } from './bitkitIcon';\n\nexport interface IconWarningProps extends IconProps {\n  size?: '16' | '24';\n}\n\nconst IconWarning = bitkitIcon(function IconWarning(\n  { size = '24', ...props }: IconWarningProps,\n  ref: Ref<SVGSVGElement>,\n) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <SVG16 width=\"16\" height=\"16\" />\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <SVG24 width=\"24\" height=\"24\" />\n    </Icon>\n  );\n});\n\nIconWarning.displayName = 'IconWarning';\n\nexport default IconWarning;\n"],"mappings":";;;;;;AAaA,IAAM,cAAc,WAAW,SAAS,YACtC,EAAE,OAAO,MAAM,GAAG,SAClB,KACA;CACA,IAAI,SAAS,MACX,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAACA,YAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAACC,cAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;AAEV,CAAC;AAED,YAAY,cAAc"}

package/dist/icons/IconWarningYellow.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconWarningYellow.js","names":[],"sources":["../../lib/icons/IconWarningYellow.tsx"],"sourcesContent":["// This file is auto-generated by 'scripts/generateIconComponents.ts'. Do not edit it manually.\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport SVG16 from '../svgs/16x16/icon-warning-yellow-16.svg?react';\nimport SVG24 from '../svgs/24x24/icon-warning-yellow-24.svg?react';\nimport { bitkitIcon } from './bitkitIcon';\n\n/** Fixed-color icon: its colors are baked in and not themeable, so `color` is omitted. */\nexport interface IconWarningYellowProps extends Omit<IconProps, 'color'> {\n  size?: '16' | '24';\n}\n\nconst IconWarningYellow = bitkitIcon(function IconWarningYellow(\n  { size = '24', ...props }: IconWarningYellowProps,\n  ref: Ref<SVGSVGElement>,\n) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <SVG16 width=\"16\" height=\"16\" />\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <SVG24 width=\"24\" height=\"24\" />\n    </Icon>\n  );\n});\n\nIconWarningYellow.displayName = 'IconWarningYellow';\n\nexport default IconWarningYellow;\n"],"mappings":";;;;;;AAcA,IAAM,oBAAoB,WAAW,SAAS,kBAC5C,EAAE,OAAO,MAAM,GAAG,SAClB,KACA;CACA,IAAI,SAAS,MACX,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAAC,YAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAAC,cAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;AAEV,CAAC;AAED,kBAAkB,cAAc"}
+{"version":3,"file":"IconWarningYellow.js","names":["SVG16","SVG24"],"sources":["../../lib/icons/IconWarningYellow.tsx"],"sourcesContent":["// This file is auto-generated by 'scripts/generateIconComponents.ts'. Do not edit it manually.\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport SVG16 from '../svgs/16x16/icon-warning-yellow-16.svg?react';\nimport SVG24 from '../svgs/24x24/icon-warning-yellow-24.svg?react';\nimport { bitkitIcon } from './bitkitIcon';\n\n/** Fixed-color icon: its colors are baked in and not themeable, so `color` is omitted. */\nexport interface IconWarningYellowProps extends Omit<IconProps, 'color'> {\n  size?: '16' | '24';\n}\n\nconst IconWarningYellow = bitkitIcon(function IconWarningYellow(\n  { size = '24', ...props }: IconWarningYellowProps,\n  ref: Ref<SVGSVGElement>,\n) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <SVG16 width=\"16\" height=\"16\" />\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <SVG24 width=\"24\" height=\"24\" />\n    </Icon>\n  );\n});\n\nIconWarningYellow.displayName = 'IconWarningYellow';\n\nexport default IconWarningYellow;\n"],"mappings":";;;;;;AAcA,IAAM,oBAAoB,WAAW,SAAS,kBAC5C,EAAE,OAAO,MAAM,GAAG,SAClB,KACA;CACA,IAAI,SAAS,MACX,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAACA,YAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAACC,cAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;AAEV,CAAC;AAED,kBAAkB,cAAc"}

package/dist/icons/IconWebUi.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconWebUi.js","names":[],"sources":["../../lib/icons/IconWebUi.tsx"],"sourcesContent":["// This file is auto-generated by 'scripts/generateIconComponents.ts'. Do not edit it manually.\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport SVG16 from '../svgs/16x16/icon-web-ui-16.svg?react';\nimport SVG24 from '../svgs/24x24/icon-web-ui-24.svg?react';\nimport { bitkitIcon } from './bitkitIcon';\n\nexport interface IconWebUiProps extends IconProps {\n  size?: '16' | '24';\n}\n\nconst IconWebUi = bitkitIcon(function IconWebUi({ size = '24', ...props }: IconWebUiProps, ref: Ref<SVGSVGElement>) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <SVG16 width=\"16\" height=\"16\" />\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <SVG24 width=\"24\" height=\"24\" />\n    </Icon>\n  );\n});\n\nIconWebUi.displayName = 'IconWebUi';\n\nexport default IconWebUi;\n"],"mappings":";;;;;;AAaA,IAAM,YAAY,WAAW,SAAS,UAAU,EAAE,OAAO,MAAM,GAAG,SAAyB,KAAyB;CAClH,IAAI,SAAS,MACX,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAAC,YAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAAC,cAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;AAEV,CAAC;AAED,UAAU,cAAc"}
+{"version":3,"file":"IconWebUi.js","names":["SVG16","SVG24"],"sources":["../../lib/icons/IconWebUi.tsx"],"sourcesContent":["// This file is auto-generated by 'scripts/generateIconComponents.ts'. Do not edit it manually.\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport SVG16 from '../svgs/16x16/icon-web-ui-16.svg?react';\nimport SVG24 from '../svgs/24x24/icon-web-ui-24.svg?react';\nimport { bitkitIcon } from './bitkitIcon';\n\nexport interface IconWebUiProps extends IconProps {\n  size?: '16' | '24';\n}\n\nconst IconWebUi = bitkitIcon(function IconWebUi({ size = '24', ...props }: IconWebUiProps, ref: Ref<SVGSVGElement>) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <SVG16 width=\"16\" height=\"16\" />\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <SVG24 width=\"24\" height=\"24\" />\n    </Icon>\n  );\n});\n\nIconWebUi.displayName = 'IconWebUi';\n\nexport default IconWebUi;\n"],"mappings":";;;;;;AAaA,IAAM,YAAY,WAAW,SAAS,UAAU,EAAE,OAAO,MAAM,GAAG,SAAyB,KAAyB;CAClH,IAAI,SAAS,MACX,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAACA,YAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAACC,cAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;AAEV,CAAC;AAED,UAAU,cAAc"}

package/dist/icons/IconWebhooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconWebhooks.js","names":[],"sources":["../../lib/icons/IconWebhooks.tsx"],"sourcesContent":["// This file is auto-generated by 'scripts/generateIconComponents.ts'. Do not edit it manually.\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport SVG16 from '../svgs/16x16/icon-webhooks-16.svg?react';\nimport SVG24 from '../svgs/24x24/icon-webhooks-24.svg?react';\nimport { bitkitIcon } from './bitkitIcon';\n\nexport interface IconWebhooksProps extends IconProps {\n  size?: '16' | '24';\n}\n\nconst IconWebhooks = bitkitIcon(function IconWebhooks(\n  { size = '24', ...props }: IconWebhooksProps,\n  ref: Ref<SVGSVGElement>,\n) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <SVG16 width=\"16\" height=\"16\" />\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <SVG24 width=\"24\" height=\"24\" />\n    </Icon>\n  );\n});\n\nIconWebhooks.displayName = 'IconWebhooks';\n\nexport default IconWebhooks;\n"],"mappings":";;;;;;AAaA,IAAM,eAAe,WAAW,SAAS,aACvC,EAAE,OAAO,MAAM,GAAG,SAClB,KACA;CACA,IAAI,SAAS,MACX,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAAC,YAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAAC,cAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;AAEV,CAAC;AAED,aAAa,cAAc"}
+{"version":3,"file":"IconWebhooks.js","names":["SVG16","SVG24"],"sources":["../../lib/icons/IconWebhooks.tsx"],"sourcesContent":["// This file is auto-generated by 'scripts/generateIconComponents.ts'. Do not edit it manually.\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport SVG16 from '../svgs/16x16/icon-webhooks-16.svg?react';\nimport SVG24 from '../svgs/24x24/icon-webhooks-24.svg?react';\nimport { bitkitIcon } from './bitkitIcon';\n\nexport interface IconWebhooksProps extends IconProps {\n  size?: '16' | '24';\n}\n\nconst IconWebhooks = bitkitIcon(function IconWebhooks(\n  { size = '24', ...props }: IconWebhooksProps,\n  ref: Ref<SVGSVGElement>,\n) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <SVG16 width=\"16\" height=\"16\" />\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <SVG24 width=\"24\" height=\"24\" />\n    </Icon>\n  );\n});\n\nIconWebhooks.displayName = 'IconWebhooks';\n\nexport default IconWebhooks;\n"],"mappings":";;;;;;AAaA,IAAM,eAAe,WAAW,SAAS,aACvC,EAAE,OAAO,MAAM,GAAG,SAClB,KACA;CACA,IAAI,SAAS,MACX,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAACA,YAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAACC,cAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;AAEV,CAAC;AAED,aAAa,cAAc"}

package/dist/icons/IconWindsurf.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconWindsurf.js","names":[],"sources":["../../lib/icons/IconWindsurf.tsx"],"sourcesContent":["// This file is auto-generated by 'scripts/generateIconComponents.ts'. Do not edit it manually.\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport SVG16 from '../svgs/16x16/icon-windsurf-16.svg?react';\nimport SVG24 from '../svgs/24x24/icon-windsurf-24.svg?react';\nimport { bitkitIcon } from './bitkitIcon';\n\nexport interface IconWindsurfProps extends IconProps {\n  size?: '16' | '24';\n}\n\nconst IconWindsurf = bitkitIcon(function IconWindsurf(\n  { size = '24', ...props }: IconWindsurfProps,\n  ref: Ref<SVGSVGElement>,\n) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <SVG16 width=\"16\" height=\"16\" />\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <SVG24 width=\"24\" height=\"24\" />\n    </Icon>\n  );\n});\n\nIconWindsurf.displayName = 'IconWindsurf';\n\nexport default IconWindsurf;\n"],"mappings":";;;;;;AAaA,IAAM,eAAe,WAAW,SAAS,aACvC,EAAE,OAAO,MAAM,GAAG,SAClB,KACA;CACA,IAAI,SAAS,MACX,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAAC,YAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAAC,cAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;AAEV,CAAC;AAED,aAAa,cAAc"}
+{"version":3,"file":"IconWindsurf.js","names":["SVG16","SVG24"],"sources":["../../lib/icons/IconWindsurf.tsx"],"sourcesContent":["// This file is auto-generated by 'scripts/generateIconComponents.ts'. Do not edit it manually.\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport SVG16 from '../svgs/16x16/icon-windsurf-16.svg?react';\nimport SVG24 from '../svgs/24x24/icon-windsurf-24.svg?react';\nimport { bitkitIcon } from './bitkitIcon';\n\nexport interface IconWindsurfProps extends IconProps {\n  size?: '16' | '24';\n}\n\nconst IconWindsurf = bitkitIcon(function IconWindsurf(\n  { size = '24', ...props }: IconWindsurfProps,\n  ref: Ref<SVGSVGElement>,\n) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <SVG16 width=\"16\" height=\"16\" />\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <SVG24 width=\"24\" height=\"24\" />\n    </Icon>\n  );\n});\n\nIconWindsurf.displayName = 'IconWindsurf';\n\nexport default IconWindsurf;\n"],"mappings":";;;;;;AAaA,IAAM,eAAe,WAAW,SAAS,aACvC,EAAE,OAAO,MAAM,GAAG,SAClB,KACA;CACA,IAAI,SAAS,MACX,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAACA,YAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAACC,cAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;AAEV,CAAC;AAED,aAAa,cAAc"}

package/dist/icons/IconWorkflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconWorkflow.js","names":[],"sources":["../../lib/icons/IconWorkflow.tsx"],"sourcesContent":["// This file is auto-generated by 'scripts/generateIconComponents.ts'. Do not edit it manually.\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport SVG16 from '../svgs/16x16/icon-workflow-16.svg?react';\nimport SVG24 from '../svgs/24x24/icon-workflow-24.svg?react';\nimport { bitkitIcon } from './bitkitIcon';\n\nexport interface IconWorkflowProps extends IconProps {\n  size?: '16' | '24';\n}\n\nconst IconWorkflow = bitkitIcon(function IconWorkflow(\n  { size = '24', ...props }: IconWorkflowProps,\n  ref: Ref<SVGSVGElement>,\n) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <SVG16 width=\"16\" height=\"16\" />\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <SVG24 width=\"24\" height=\"24\" />\n    </Icon>\n  );\n});\n\nIconWorkflow.displayName = 'IconWorkflow';\n\nexport default IconWorkflow;\n"],"mappings":";;;;;;AAaA,IAAM,eAAe,WAAW,SAAS,aACvC,EAAE,OAAO,MAAM,GAAG,SAClB,KACA;CACA,IAAI,SAAS,MACX,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAAC,YAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAAC,cAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;AAEV,CAAC;AAED,aAAa,cAAc"}
+{"version":3,"file":"IconWorkflow.js","names":["SVG16","SVG24"],"sources":["../../lib/icons/IconWorkflow.tsx"],"sourcesContent":["// This file is auto-generated by 'scripts/generateIconComponents.ts'. Do not edit it manually.\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport SVG16 from '../svgs/16x16/icon-workflow-16.svg?react';\nimport SVG24 from '../svgs/24x24/icon-workflow-24.svg?react';\nimport { bitkitIcon } from './bitkitIcon';\n\nexport interface IconWorkflowProps extends IconProps {\n  size?: '16' | '24';\n}\n\nconst IconWorkflow = bitkitIcon(function IconWorkflow(\n  { size = '24', ...props }: IconWorkflowProps,\n  ref: Ref<SVGSVGElement>,\n) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <SVG16 width=\"16\" height=\"16\" />\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <SVG24 width=\"24\" height=\"24\" />\n    </Icon>\n  );\n});\n\nIconWorkflow.displayName = 'IconWorkflow';\n\nexport default IconWorkflow;\n"],"mappings":";;;;;;AAaA,IAAM,eAAe,WAAW,SAAS,aACvC,EAAE,OAAO,MAAM,GAAG,SAClB,KACA;CACA,IAAI,SAAS,MACX,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAACA,YAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAACC,cAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;AAEV,CAAC;AAED,aAAa,cAAc"}

package/dist/icons/IconWorkflowFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconWorkflowFlow.js","names":[],"sources":["../../lib/icons/IconWorkflowFlow.tsx"],"sourcesContent":["// This file is auto-generated by 'scripts/generateIconComponents.ts'. Do not edit it manually.\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport SVG16 from '../svgs/16x16/icon-workflow-flow-16.svg?react';\nimport SVG24 from '../svgs/24x24/icon-workflow-flow-24.svg?react';\nimport { bitkitIcon } from './bitkitIcon';\n\nexport interface IconWorkflowFlowProps extends IconProps {\n  size?: '16' | '24';\n}\n\nconst IconWorkflowFlow = bitkitIcon(function IconWorkflowFlow(\n  { size = '24', ...props }: IconWorkflowFlowProps,\n  ref: Ref<SVGSVGElement>,\n) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <SVG16 width=\"16\" height=\"16\" />\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <SVG24 width=\"24\" height=\"24\" />\n    </Icon>\n  );\n});\n\nIconWorkflowFlow.displayName = 'IconWorkflowFlow';\n\nexport default IconWorkflowFlow;\n"],"mappings":";;;;;;AAaA,IAAM,mBAAmB,WAAW,SAAS,iBAC3C,EAAE,OAAO,MAAM,GAAG,SAClB,KACA;CACA,IAAI,SAAS,MACX,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAAC,YAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAAC,cAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;AAEV,CAAC;AAED,iBAAiB,cAAc"}
+{"version":3,"file":"IconWorkflowFlow.js","names":["SVG16","SVG24"],"sources":["../../lib/icons/IconWorkflowFlow.tsx"],"sourcesContent":["// This file is auto-generated by 'scripts/generateIconComponents.ts'. Do not edit it manually.\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport SVG16 from '../svgs/16x16/icon-workflow-flow-16.svg?react';\nimport SVG24 from '../svgs/24x24/icon-workflow-flow-24.svg?react';\nimport { bitkitIcon } from './bitkitIcon';\n\nexport interface IconWorkflowFlowProps extends IconProps {\n  size?: '16' | '24';\n}\n\nconst IconWorkflowFlow = bitkitIcon(function IconWorkflowFlow(\n  { size = '24', ...props }: IconWorkflowFlowProps,\n  ref: Ref<SVGSVGElement>,\n) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <SVG16 width=\"16\" height=\"16\" />\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <SVG24 width=\"24\" height=\"24\" />\n    </Icon>\n  );\n});\n\nIconWorkflowFlow.displayName = 'IconWorkflowFlow';\n\nexport default IconWorkflowFlow;\n"],"mappings":";;;;;;AAaA,IAAM,mBAAmB,WAAW,SAAS,iBAC3C,EAAE,OAAO,MAAM,GAAG,SAClB,KACA;CACA,IAAI,SAAS,MACX,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAACA,YAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAACC,cAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;AAEV,CAAC;AAED,iBAAiB,cAAc"}

package/dist/icons/IconXTwitter.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconXTwitter.js","names":[],"sources":["../../lib/icons/IconXTwitter.tsx"],"sourcesContent":["// This file is auto-generated by 'scripts/generateIconComponents.ts'. Do not edit it manually.\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport SVG16 from '../svgs/16x16/icon-x-twitter-16.svg?react';\nimport SVG24 from '../svgs/24x24/icon-x-twitter-24.svg?react';\nimport { bitkitIcon } from './bitkitIcon';\n\nexport interface IconXTwitterProps extends IconProps {\n  size?: '16' | '24';\n}\n\nconst IconXTwitter = bitkitIcon(function IconXTwitter(\n  { size = '24', ...props }: IconXTwitterProps,\n  ref: Ref<SVGSVGElement>,\n) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <SVG16 width=\"16\" height=\"16\" />\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <SVG24 width=\"24\" height=\"24\" />\n    </Icon>\n  );\n});\n\nIconXTwitter.displayName = 'IconXTwitter';\n\nexport default IconXTwitter;\n"],"mappings":";;;;;;AAaA,IAAM,eAAe,WAAW,SAAS,aACvC,EAAE,OAAO,MAAM,GAAG,SAClB,KACA;CACA,IAAI,SAAS,MACX,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAAC,YAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAAC,cAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;AAEV,CAAC;AAED,aAAa,cAAc"}
+{"version":3,"file":"IconXTwitter.js","names":["SVG16","SVG24"],"sources":["../../lib/icons/IconXTwitter.tsx"],"sourcesContent":["// This file is auto-generated by 'scripts/generateIconComponents.ts'. Do not edit it manually.\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport SVG16 from '../svgs/16x16/icon-x-twitter-16.svg?react';\nimport SVG24 from '../svgs/24x24/icon-x-twitter-24.svg?react';\nimport { bitkitIcon } from './bitkitIcon';\n\nexport interface IconXTwitterProps extends IconProps {\n  size?: '16' | '24';\n}\n\nconst IconXTwitter = bitkitIcon(function IconXTwitter(\n  { size = '24', ...props }: IconXTwitterProps,\n  ref: Ref<SVGSVGElement>,\n) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <SVG16 width=\"16\" height=\"16\" />\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <SVG24 width=\"24\" height=\"24\" />\n    </Icon>\n  );\n});\n\nIconXTwitter.displayName = 'IconXTwitter';\n\nexport default IconXTwitter;\n"],"mappings":";;;;;;AAaA,IAAM,eAAe,WAAW,SAAS,aACvC,EAAE,OAAO,MAAM,GAAG,SAClB,KACA;CACA,IAAI,SAAS,MACX,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAACA,YAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAACC,cAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;AAEV,CAAC;AAED,aAAa,cAAc"}

package/dist/icons/IconXamarin.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconXamarin.js","names":[],"sources":["../../lib/icons/IconXamarin.tsx"],"sourcesContent":["// This file is auto-generated by 'scripts/generateIconComponents.ts'. Do not edit it manually.\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport SVG16 from '../svgs/16x16/icon-xamarin-16.svg?react';\nimport SVG24 from '../svgs/24x24/icon-xamarin-24.svg?react';\nimport { bitkitIcon } from './bitkitIcon';\n\nexport interface IconXamarinProps extends IconProps {\n  size?: '16' | '24';\n}\n\nconst IconXamarin = bitkitIcon(function IconXamarin(\n  { size = '24', ...props }: IconXamarinProps,\n  ref: Ref<SVGSVGElement>,\n) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <SVG16 width=\"16\" height=\"16\" />\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <SVG24 width=\"24\" height=\"24\" />\n    </Icon>\n  );\n});\n\nIconXamarin.displayName = 'IconXamarin';\n\nexport default IconXamarin;\n"],"mappings":";;;;;;AAaA,IAAM,cAAc,WAAW,SAAS,YACtC,EAAE,OAAO,MAAM,GAAG,SAClB,KACA;CACA,IAAI,SAAS,MACX,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAAC,YAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAAC,cAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;AAEV,CAAC;AAED,YAAY,cAAc"}
+{"version":3,"file":"IconXamarin.js","names":["SVG16","SVG24"],"sources":["../../lib/icons/IconXamarin.tsx"],"sourcesContent":["// This file is auto-generated by 'scripts/generateIconComponents.ts'. Do not edit it manually.\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport SVG16 from '../svgs/16x16/icon-xamarin-16.svg?react';\nimport SVG24 from '../svgs/24x24/icon-xamarin-24.svg?react';\nimport { bitkitIcon } from './bitkitIcon';\n\nexport interface IconXamarinProps extends IconProps {\n  size?: '16' | '24';\n}\n\nconst IconXamarin = bitkitIcon(function IconXamarin(\n  { size = '24', ...props }: IconXamarinProps,\n  ref: Ref<SVGSVGElement>,\n) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <SVG16 width=\"16\" height=\"16\" />\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <SVG24 width=\"24\" height=\"24\" />\n    </Icon>\n  );\n});\n\nIconXamarin.displayName = 'IconXamarin';\n\nexport default IconXamarin;\n"],"mappings":";;;;;;AAaA,IAAM,cAAc,WAAW,SAAS,YACtC,EAAE,OAAO,MAAM,GAAG,SAClB,KACA;CACA,IAAI,SAAS,MACX,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAACA,YAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAACC,cAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;AAEV,CAAC;AAED,YAAY,cAAc"}

package/dist/icons/IconXcode.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconXcode.js","names":[],"sources":["../../lib/icons/IconXcode.tsx"],"sourcesContent":["// This file is auto-generated by 'scripts/generateIconComponents.ts'. Do not edit it manually.\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport SVG16 from '../svgs/16x16/icon-xcode-16.svg?react';\nimport SVG24 from '../svgs/24x24/icon-xcode-24.svg?react';\nimport { bitkitIcon } from './bitkitIcon';\n\nexport interface IconXcodeProps extends IconProps {\n  size?: '16' | '24';\n}\n\nconst IconXcode = bitkitIcon(function IconXcode({ size = '24', ...props }: IconXcodeProps, ref: Ref<SVGSVGElement>) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <SVG16 width=\"16\" height=\"16\" />\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <SVG24 width=\"24\" height=\"24\" />\n    </Icon>\n  );\n});\n\nIconXcode.displayName = 'IconXcode';\n\nexport default IconXcode;\n"],"mappings":";;;;;;AAaA,IAAM,YAAY,WAAW,SAAS,UAAU,EAAE,OAAO,MAAM,GAAG,SAAyB,KAAyB;CAClH,IAAI,SAAS,MACX,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAAC,YAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAAC,cAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;AAEV,CAAC;AAED,UAAU,cAAc"}
+{"version":3,"file":"IconXcode.js","names":["SVG16","SVG24"],"sources":["../../lib/icons/IconXcode.tsx"],"sourcesContent":["// This file is auto-generated by 'scripts/generateIconComponents.ts'. Do not edit it manually.\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport SVG16 from '../svgs/16x16/icon-xcode-16.svg?react';\nimport SVG24 from '../svgs/24x24/icon-xcode-24.svg?react';\nimport { bitkitIcon } from './bitkitIcon';\n\nexport interface IconXcodeProps extends IconProps {\n  size?: '16' | '24';\n}\n\nconst IconXcode = bitkitIcon(function IconXcode({ size = '24', ...props }: IconXcodeProps, ref: Ref<SVGSVGElement>) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <SVG16 width=\"16\" height=\"16\" />\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <SVG24 width=\"24\" height=\"24\" />\n    </Icon>\n  );\n});\n\nIconXcode.displayName = 'IconXcode';\n\nexport default IconXcode;\n"],"mappings":";;;;;;AAaA,IAAM,YAAY,WAAW,SAAS,UAAU,EAAE,OAAO,MAAM,GAAG,SAAyB,KAAyB;CAClH,IAAI,SAAS,MACX,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAACA,YAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;EAC1B,UAAA,oBAACC,cAAD;GAAO,OAAM;GAAK,QAAO;EAAM,CAAA;CAC3B,CAAA;AAEV,CAAC;AAED,UAAU,cAAc"}

package/dist/main.js

@@ -383,10 +383,12 @@ import createBitkitToast, { dismissBitkitToast } from "./components/BitkitToast/
 import BitkitToggleButton from "./components/BitkitToggleButton/BitkitToggleButton.js";
 import BitkitTour, { useBitkitTour } from "./components/BitkitTour/BitkitTour.js";
 import BitkitTreeView, { createTreeCollection } from "./components/BitkitTreeView/BitkitTreeView.js";
+import { uiHeaderHeight } from "./theme/slot-recipes/UIHeader.recipe.js";
+import BitkitUIHeader_default from "./components/BitkitUIHeader/BitkitUIHeader.js";
 import useResponsive, { ResponsiveProvider } from "./hooks/useResponsive.js";
 import { useUISideNav } from "./components/BitkitUISideNav/UISideNavContext.js";
 import { uiSideNavRailWidth } from "./theme/slot-recipes/UISideNav.recipe.js";
 import BitkitUISideNav_default from "./components/BitkitUISideNav/BitkitUISideNav.js";
 import bitkitTheme from "./theme/index.js";
 import Provider from "./providers/BitkitProvider.js";
-export { BitkitAccordion_default as BitkitAccordion, BitkitActionBar, BitkitActionMenu_default as BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDatePicker, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitField, BitkitFileInput, BitkitFormDialog_default as BitkitFormDialog, BitkitGroupHeading, BitkitHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLightbox, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPageHeader, BitkitPageSidebar_default as BitkitPageSidebar, BitkitPagination, BitkitPaginationLoadMore, BitkitPopover, BitkitProgressBar, BitkitPromoBanner, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect_default as BitkitSelect, BitkitSelectMenu, BitkitSelectMenuAction, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSkeletonGroup, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitStepsDialog_default as BitkitStepsDialog, BitkitSwitch, BitkitTable, BitkitTableCard, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitToggletip, BitkitTooltip, BitkitTour, BitkitTreeView, BitkitUISideNav_default as BitkitUISideNav, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconBuildHub, IconBuildHubFilled, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopilot, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCursor, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFile, IconFileDoc, IconFilePdf, IconFilePlist, IconFileYml, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKiroColor, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMcp, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPin, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTabPlus, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTerminalFilled, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUnpin, IconUpload, IconValidateShield, IconVideo, IconVsCode, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWindsurf, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, dismissBitkitToast, rem, uiSideNavRailWidth, useBitkitTour, useResponsive, useStepsDialog, useUISideNav };
+export { BitkitAccordion_default as BitkitAccordion, BitkitActionBar, BitkitActionMenu_default as BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDatePicker, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitField, BitkitFileInput, BitkitFormDialog_default as BitkitFormDialog, BitkitGroupHeading, BitkitHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLightbox, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPageHeader, BitkitPageSidebar_default as BitkitPageSidebar, BitkitPagination, BitkitPaginationLoadMore, BitkitPopover, BitkitProgressBar, BitkitPromoBanner, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect_default as BitkitSelect, BitkitSelectMenu, BitkitSelectMenuAction, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSkeletonGroup, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitStepsDialog_default as BitkitStepsDialog, BitkitSwitch, BitkitTable, BitkitTableCard, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitToggletip, BitkitTooltip, BitkitTour, BitkitTreeView, BitkitUIHeader_default as BitkitUIHeader, BitkitUISideNav_default as BitkitUISideNav, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconBuildHub, IconBuildHubFilled, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopilot, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCursor, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFile, IconFileDoc, IconFilePdf, IconFilePlist, IconFileYml, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKiroColor, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMcp, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPin, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTabPlus, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTerminalFilled, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUnpin, IconUpload, IconValidateShield, IconVideo, IconVsCode, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWindsurf, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, dismissBitkitToast, rem, uiHeaderHeight, uiSideNavRailWidth, useBitkitTour, useResponsive, useStepsDialog, useUISideNav };

package/dist/theme/recipes/UIHeaderButton.recipe.js

@@ -0,0 +1,103 @@
+import { rem } from "../themeUtils.js";
+import { defineRecipe } from "@chakra-ui/react/styled-system";
+//#region lib/theme/recipes/UIHeaderButton.recipe.ts
+var borderColors = (variant) => variant === "secondary" ? {
+	base: "sys/ui/header/button/secondary/border",
+	disabled: "sys/ui/header/button/secondary/border-disabled"
+} : {
+	base: "transparent",
+	disabled: "transparent"
+};
+var variantStyles = (variant) => {
+	const border = borderColors(variant);
+	return {
+		background: `sys/ui/header/button/${variant}/bg`,
+		borderColor: border.base,
+		color: `sys/ui/header/button/${variant}/fg`,
+		_hover: {
+			background: `sys/ui/header/button/${variant}/bg-hover`,
+			_active: { background: `sys/ui/header/button/${variant}/bg-active` }
+		},
+		_active: { background: `sys/ui/header/button/${variant}/bg-active` },
+		_selected: {
+			background: `sys/ui/header/button/${variant}/bg-active`,
+			_hover: { background: `sys/ui/header/button/${variant}/bg-active` }
+		},
+		_disabled: {
+			background: `sys/ui/header/button/${variant}/bg-disabled`,
+			borderColor: border.disabled,
+			color: `sys/ui/header/button/${variant}/fg-disabled`,
+			cursor: "not-allowed"
+		}
+	};
+};
+var badgeDot = {
+	background: "sys/ui/header/badge/indigo",
+	borderRadius: "full",
+	content: "\"\"",
+	pointerEvents: "none",
+	position: "absolute"
+};
+var badgeStyles = {
+	_before: {
+		...badgeDot,
+		height: "8",
+		insetBlockStart: "-4",
+		insetInlineEnd: "-4",
+		width: "8"
+	},
+	_after: {
+		...badgeDot,
+		height: rem(10),
+		insetBlockStart: rem(-5),
+		insetInlineEnd: rem(-5),
+		opacity: .5,
+		width: rem(10)
+	}
+};
+var uiHeaderButtonRecipe = defineRecipe({
+	className: "ui-header-button",
+	base: {
+		alignItems: "center",
+		borderRadius: "4",
+		borderStyle: "solid",
+		borderWidth: "1",
+		cursor: "pointer",
+		display: "inline-flex",
+		flexShrink: 0,
+		gap: "4",
+		height: "32",
+		justifyContent: "center",
+		minWidth: "48",
+		paddingInline: "8",
+		position: "relative",
+		textDecoration: "none",
+		textStyle: "comp/button/sm",
+		whiteSpace: "nowrap",
+		"&:not(:last-child)": { marginInlineEnd: "8" },
+		_disabled: { cursor: "not-allowed" }
+	},
+	variants: {
+		variant: {
+			primary: variantStyles("primary"),
+			secondary: variantStyles("secondary"),
+			tertiary: variantStyles("tertiary")
+		},
+		badge: {
+			idle: badgeStyles,
+			pulse: {
+				...badgeStyles,
+				_after: {
+					...badgeStyles._after,
+					animation: "ping",
+					_motionReduce: { animation: "none" }
+				}
+			}
+		}
+	},
+	defaultVariants: { variant: "primary" }
+});
+//#endregion
+export { uiHeaderButtonRecipe as default };
+
+//# sourceMappingURL=UIHeaderButton.recipe.js.map

package/dist/theme/recipes/UIHeaderButton.recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIHeaderButton.recipe.js","names":[],"sources":["../../../lib/theme/recipes/UIHeaderButton.recipe.ts"],"sourcesContent":["import { defineRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\ntype Variant = 'primary' | 'secondary' | 'tertiary';\n\nconst borderColors = (variant: Variant) =>\n  variant === 'secondary'\n    ? { base: 'sys/ui/header/button/secondary/border', disabled: 'sys/ui/header/button/secondary/border-disabled' }\n    : { base: 'transparent', disabled: 'transparent' };\n\nconst variantStyles = (variant: Variant): SystemStyleObject => {\n  const border = borderColors(variant);\n\n  return {\n    background: `sys/ui/header/button/${variant}/bg`,\n    borderColor: border.base,\n    color: `sys/ui/header/button/${variant}/fg`,\n    // `_hover`/`_active` compile to `:not(:disabled, [data-disabled])`, so they never match a\n    // disabled button and `_disabled` wins without `!important`.\n    _hover: {\n      background: `sys/ui/header/button/${variant}/bg-hover`,\n      // Repeat active under hover so clicking while hovering keeps the active styles.\n      _active: {\n        background: `sys/ui/header/button/${variant}/bg-active`,\n      },\n    },\n    _active: {\n      background: `sys/ui/header/button/${variant}/bg-active`,\n    },\n    // A button that holds a panel open stays pressed while the panel is, hover included — letting\n    // hover lighten it would read as the panel having closed.\n    _selected: {\n      background: `sys/ui/header/button/${variant}/bg-active`,\n      _hover: {\n        background: `sys/ui/header/button/${variant}/bg-active`,\n      },\n    },\n    _disabled: {\n      background: `sys/ui/header/button/${variant}/bg-disabled`,\n      borderColor: border.disabled,\n      color: `sys/ui/header/button/${variant}/fg-disabled`,\n      cursor: 'not-allowed',\n    },\n  };\n};\n\nconst badgeDot: SystemStyleObject = {\n  background: 'sys/ui/header/badge/indigo',\n  borderRadius: 'full',\n  content: '\"\"',\n  pointerEvents: 'none',\n  position: 'absolute',\n};\n\nconst badgeStyles: SystemStyleObject = {\n  _before: {\n    ...badgeDot,\n    height: '8',\n    insetBlockStart: '-4',\n    insetInlineEnd: '-4',\n    width: '8',\n  },\n  _after: {\n    ...badgeDot,\n    height: rem(10),\n    insetBlockStart: rem(-5),\n    insetInlineEnd: rem(-5),\n    opacity: 0.5,\n    width: rem(10),\n  },\n};\n\nconst uiHeaderButtonRecipe = defineRecipe({\n  className: 'ui-header-button',\n  base: {\n    alignItems: 'center',\n    borderRadius: '4',\n    borderStyle: 'solid',\n    borderWidth: '1',\n    cursor: 'pointer',\n    display: 'inline-flex',\n    flexShrink: 0,\n    gap: '4',\n    height: '32',\n    justifyContent: 'center',\n    minWidth: '48',\n    paddingInline: '8',\n    position: 'relative',\n    textDecoration: 'none',\n    textStyle: 'comp/button/sm',\n    whiteSpace: 'nowrap',\n    '&:not(:last-child)': {\n      marginInlineEnd: '8',\n    },\n    _disabled: {\n      cursor: 'not-allowed',\n    },\n  },\n  variants: {\n    variant: {\n      primary: variantStyles('primary'),\n      secondary: variantStyles('secondary'),\n      tertiary: variantStyles('tertiary'),\n    },\n    badge: {\n      idle: badgeStyles,\n      pulse: {\n        ...badgeStyles,\n        _after: {\n          ...badgeStyles._after,\n          // The system's own ping: the ring expands past the dot and fades out.\n          animation: 'ping',\n          _motionReduce: {\n            animation: 'none',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n  },\n});\n\nexport default uiHeaderButtonRecipe;\n"],"mappings":";;;AAMA,IAAM,gBAAgB,YACpB,YAAY,cACR;CAAE,MAAM;CAAyC,UAAU;AAAiD,IAC5G;CAAE,MAAM;CAAe,UAAU;AAAc;AAErD,IAAM,iBAAiB,YAAwC;CAC7D,MAAM,SAAS,aAAa,OAAO;CAEnC,OAAO;EACL,YAAY,wBAAwB,QAAQ;EAC5C,aAAa,OAAO;EACpB,OAAO,wBAAwB,QAAQ;EAGvC,QAAQ;GACN,YAAY,wBAAwB,QAAQ;GAE5C,SAAS,EACP,YAAY,wBAAwB,QAAQ,YAC9C;EACF;EACA,SAAS,EACP,YAAY,wBAAwB,QAAQ,YAC9C;EAGA,WAAW;GACT,YAAY,wBAAwB,QAAQ;GAC5C,QAAQ,EACN,YAAY,wBAAwB,QAAQ,YAC9C;EACF;EACA,WAAW;GACT,YAAY,wBAAwB,QAAQ;GAC5C,aAAa,OAAO;GACpB,OAAO,wBAAwB,QAAQ;GACvC,QAAQ;EACV;CACF;AACF;AAEA,IAAM,WAA8B;CAClC,YAAY;CACZ,cAAc;CACd,SAAS;CACT,eAAe;CACf,UAAU;AACZ;AAEA,IAAM,cAAiC;CACrC,SAAS;EACP,GAAG;EACH,QAAQ;EACR,iBAAiB;EACjB,gBAAgB;EAChB,OAAO;CACT;CACA,QAAQ;EACN,GAAG;EACH,QAAQ,IAAI,EAAE;EACd,iBAAiB,IAAI,EAAE;EACvB,gBAAgB,IAAI,EAAE;EACtB,SAAS;EACT,OAAO,IAAI,EAAE;CACf;AACF;AAEA,IAAM,uBAAuB,aAAa;CACxC,WAAW;CACX,MAAM;EACJ,YAAY;EACZ,cAAc;EACd,aAAa;EACb,aAAa;EACb,QAAQ;EACR,SAAS;EACT,YAAY;EACZ,KAAK;EACL,QAAQ;EACR,gBAAgB;EAChB,UAAU;EACV,eAAe;EACf,UAAU;EACV,gBAAgB;EAChB,WAAW;EACX,YAAY;EACZ,sBAAsB,EACpB,iBAAiB,IACnB;EACA,WAAW,EACT,QAAQ,cACV;CACF;CACA,UAAU;EACR,SAAS;GACP,SAAS,cAAc,SAAS;GAChC,WAAW,cAAc,WAAW;GACpC,UAAU,cAAc,UAAU;EACpC;EACA,OAAO;GACL,MAAM;GACN,OAAO;IACL,GAAG;IACH,QAAQ;KACN,GAAG,YAAY;KAEf,WAAW;KACX,eAAe,EACb,WAAW,OACb;IACF;GACF;EACF;CACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC"}

package/dist/theme/recipes/index.js

@@ -15,6 +15,7 @@ import separatorRecipe from "./Separator.recipe.js";
 import skeletonRecipe from "./Skeleton.recipe.js";
 import spinnerRecipe from "./Spinner.recipe.js";
 import toggleButtonRecipe from "./ToggleButton.recipe.js";
+import uiHeaderButtonRecipe from "./UIHeaderButton.recipe.js";
 //#region lib/theme/recipes/index.ts
 var recipes = {
 	badge: badgeRecipe,
@@ -33,7 +34,8 @@ var recipes = {
 	skeleton: skeletonRecipe,
 	spinner: spinnerRecipe,
 	textarea: textareaRecipe,
-	toggleButton: toggleButtonRecipe
+	toggleButton: toggleButtonRecipe,
+	uiHeaderButton: uiHeaderButtonRecipe
 };
 //#endregion
 export { recipes as default };

package/dist/theme/recipes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/recipes/index.ts"],"sourcesContent":["import badgeRecipe from './Badge.recipe';\nimport buttonRecipe from './Button.recipe';\nimport closeButtonRecipe from './CloseButton.recipe';\nimport colorButtonRecipe from './ColorButton.recipe';\nimport controlButtonRecipe from './ControlButton.recipe';\nimport definitionTooltipRecipe from './DefinitionTooltip.recipe';\nimport iconRecipe from './Icon.recipe';\nimport inputRecipe from './Input.recipe';\nimport inputAddonRecipe from './InputAddon.recipe';\nimport linkRecipe from './Link.recipe';\nimport linkButtonRecipe from './LinkButton.recipe';\nimport selectableTagRecipe from './SelectableTag.recipe';\nimport separatorRecipe from './Separator.recipe';\nimport skeletonRecipe from './Skeleton.recipe';\nimport spinnerRecipe from './Spinner.recipe';\nimport textareaRecipe from './Textarea.recipe';\nimport toggleButtonRecipe from './ToggleButton.recipe';\n\nconst recipes = {\n  badge: badgeRecipe,\n  button: buttonRecipe,\n  closeButton: closeButtonRecipe,\n  controlButton: controlButtonRecipe,\n  colorButton: colorButtonRecipe,\n  definitionTooltip: definitionTooltipRecipe,\n  icon: iconRecipe,\n  input: inputRecipe,\n  inputAddon: inputAddonRecipe,\n  link: linkRecipe,\n  linkButton: linkButtonRecipe,\n  selectableTag: selectableTagRecipe,\n  separator: separatorRecipe,\n  skeleton: skeletonRecipe,\n  spinner: spinnerRecipe,\n  textarea: textareaRecipe,\n  toggleButton: toggleButtonRecipe,\n};\n\nexport default recipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,IAAM,UAAU;CACd,OAAO;CACP,QAAQ;CACR,aAAa;CACb,eAAe;CACf,aAAa;CACb,mBAAmB;CACnB,MAAM;CACN,OAAO;CACP,YAAY;CACZ,MAAM;CACN,YAAY;CACZ,eAAe;CACf,WAAW;CACX,UAAU;CACV,SAAS;CACT,UAAU;CACV,cAAc;AAChB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/recipes/index.ts"],"sourcesContent":["import badgeRecipe from './Badge.recipe';\nimport buttonRecipe from './Button.recipe';\nimport closeButtonRecipe from './CloseButton.recipe';\nimport colorButtonRecipe from './ColorButton.recipe';\nimport controlButtonRecipe from './ControlButton.recipe';\nimport definitionTooltipRecipe from './DefinitionTooltip.recipe';\nimport iconRecipe from './Icon.recipe';\nimport inputRecipe from './Input.recipe';\nimport inputAddonRecipe from './InputAddon.recipe';\nimport linkRecipe from './Link.recipe';\nimport linkButtonRecipe from './LinkButton.recipe';\nimport selectableTagRecipe from './SelectableTag.recipe';\nimport separatorRecipe from './Separator.recipe';\nimport skeletonRecipe from './Skeleton.recipe';\nimport spinnerRecipe from './Spinner.recipe';\nimport textareaRecipe from './Textarea.recipe';\nimport toggleButtonRecipe from './ToggleButton.recipe';\nimport uiHeaderButtonRecipe from './UIHeaderButton.recipe';\n\nconst recipes = {\n  badge: badgeRecipe,\n  button: buttonRecipe,\n  closeButton: closeButtonRecipe,\n  controlButton: controlButtonRecipe,\n  colorButton: colorButtonRecipe,\n  definitionTooltip: definitionTooltipRecipe,\n  icon: iconRecipe,\n  input: inputRecipe,\n  inputAddon: inputAddonRecipe,\n  link: linkRecipe,\n  linkButton: linkButtonRecipe,\n  selectableTag: selectableTagRecipe,\n  separator: separatorRecipe,\n  skeleton: skeletonRecipe,\n  spinner: spinnerRecipe,\n  textarea: textareaRecipe,\n  toggleButton: toggleButtonRecipe,\n  uiHeaderButton: uiHeaderButtonRecipe,\n};\n\nexport default recipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA,IAAM,UAAU;CACd,OAAO;CACP,QAAQ;CACR,aAAa;CACb,eAAe;CACf,aAAa;CACb,mBAAmB;CACnB,MAAM;CACN,OAAO;CACP,YAAY;CACZ,MAAM;CACN,YAAY;CACZ,eAAe;CACf,WAAW;CACX,UAAU;CACV,SAAS;CACT,UAAU;CACV,cAAc;CACd,gBAAgB;AAClB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Combobox.recipe.ts"],"sourcesContent":["import { comboboxAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { base, variants } from '../common/ComboboxAndSelect.common';\nimport * as inputStyle from '../common/InputAndTextarea.common';\n\nconst comboboxSlotRecipe = defineSlotRecipe({\n  className: 'combobox',\n  slots: comboboxAnatomy.keys(),\n  base: {\n    control: {\n      display: 'flex',\n      alignItems: 'center',\n      position: 'relative',\n    },\n    input: {\n      ...inputStyle.base,\n      ...inputStyle.singleLineInputOverrides,\n      height: 'var(--input-height)',\n      textOverflow: 'ellipsis',\n    },\n    ...base,\n    indicatorGroup: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      position: 'absolute',\n      right: '16',\n      top: '50%',\n      transform: 'translateY(-50%)',\n    },\n    trigger: {\n      cursor: 'pointer',\n      _readOnly: {\n        cursor: 'default',\n      },\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        input: {\n          ...inputStyle.variants.size.md,\n          ...inputStyle.singleLineInputOverrides,\n          paddingInlineEnd: '96',\n        },\n        ...variants.size.md,\n      },\n      lg: {\n        input: {\n          ...inputStyle.variants.size.lg,\n          ...inputStyle.singleLineInputOverrides,\n          paddingInlineEnd: '96',\n        },\n        ...variants.size.lg,\n      },\n    },\n    hasStatusIcon: {\n      true: {\n        input: {\n          paddingInlineEnd: '128',\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default comboboxSlotRecipe;\n"],"mappings":";;;;;AAMA,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO,gBAAgB,KAAK;CAC5B,MAAM;EACJ,SAAS;GACP,SAAS;GACT,YAAY;GACZ,UAAU;EACZ;EACA,OAAO;GACL,GAAG;GACH,GAAG;GACH,QAAQ;GACR,cAAc;EAChB;EACA,GAAG;EACH,gBAAgB;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,UAAU;GACV,OAAO;GACP,KAAK;GACL,WAAW;EACb;EACA,SAAS;GACP,QAAQ;GACR,WAAW,EACT,QAAQ,UACV;EACF;CACF;CACA,UAAU;EACR,MAAM;GACJ,IAAI;IACF,OAAO;KACL,GAAA,SAAuB,KAAK;KAC5B,GAAG;KACH,kBAAkB;IACpB;IACA,GAAG,WAAS,KAAK;GACnB;GACA,IAAI;IACF,OAAO;KACL,GAAA,SAAuB,KAAK;KAC5B,GAAG;KACH,kBAAkB;IACpB;IACA,GAAG,WAAS,KAAK;GACnB;EACF;EACA,eAAe;GACb,MAAM,EACJ,OAAO,EACL,kBAAkB,MACpB,EACF;GACA,OAAO,CAAC;EACV;CACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
+{"version":3,"file":"Combobox.recipe.js","names":["inputStyle.base","inputStyle.singleLineInputOverrides","base","variants"],"sources":["../../../lib/theme/slot-recipes/Combobox.recipe.ts"],"sourcesContent":["import { comboboxAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { base, variants } from '../common/ComboboxAndSelect.common';\nimport * as inputStyle from '../common/InputAndTextarea.common';\n\nconst comboboxSlotRecipe = defineSlotRecipe({\n  className: 'combobox',\n  slots: comboboxAnatomy.keys(),\n  base: {\n    control: {\n      display: 'flex',\n      alignItems: 'center',\n      position: 'relative',\n    },\n    input: {\n      ...inputStyle.base,\n      ...inputStyle.singleLineInputOverrides,\n      height: 'var(--input-height)',\n      textOverflow: 'ellipsis',\n    },\n    ...base,\n    indicatorGroup: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      position: 'absolute',\n      right: '16',\n      top: '50%',\n      transform: 'translateY(-50%)',\n    },\n    trigger: {\n      cursor: 'pointer',\n      _readOnly: {\n        cursor: 'default',\n      },\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        input: {\n          ...inputStyle.variants.size.md,\n          ...inputStyle.singleLineInputOverrides,\n          paddingInlineEnd: '96',\n        },\n        ...variants.size.md,\n      },\n      lg: {\n        input: {\n          ...inputStyle.variants.size.lg,\n          ...inputStyle.singleLineInputOverrides,\n          paddingInlineEnd: '96',\n        },\n        ...variants.size.lg,\n      },\n    },\n    hasStatusIcon: {\n      true: {\n        input: {\n          paddingInlineEnd: '128',\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default comboboxSlotRecipe;\n"],"mappings":";;;;;AAMA,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO,gBAAgB,KAAK;CAC5B,MAAM;EACJ,SAAS;GACP,SAAS;GACT,YAAY;GACZ,UAAU;EACZ;EACA,OAAO;GACL,GAAGA;GACH,GAAGC;GACH,QAAQ;GACR,cAAc;EAChB;EACA,GAAGC;EACH,gBAAgB;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,UAAU;GACV,OAAO;GACP,KAAK;GACL,WAAW;EACb;EACA,SAAS;GACP,QAAQ;GACR,WAAW,EACT,QAAQ,UACV;EACF;CACF;CACA,UAAU;EACR,MAAM;GACJ,IAAI;IACF,OAAO;KACL,GAAA,SAAuB,KAAK;KAC5B,GAAGD;KACH,kBAAkB;IACpB;IACA,GAAGE,WAAS,KAAK;GACnB;GACA,IAAI;IACF,OAAO;KACL,GAAA,SAAuB,KAAK;KAC5B,GAAGF;KACH,kBAAkB;IACpB;IACA,GAAGE,WAAS,KAAK;GACnB;EACF;EACA,eAAe;GACb,MAAM,EACJ,OAAO,EACL,kBAAkB,MACpB,EACF;GACA,OAAO,CAAC;EACV;CACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/TextInput.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { frame, text, variants as inputVariants } from '../common/InputAndTextarea.common';\n\nconst textInputSlotRecipe = defineSlotRecipe({\n  className: 'bitkit-text-input',\n  slots: ['field', 'input', 'element'],\n  base: {\n    field: {\n      ...frame,\n      alignItems: 'center',\n      color: 'input/text/inputValue',\n      display: 'flex',\n      height: 'var(--input-height)',\n      minWidth: 0,\n      '&:has(input:focus-visible)': {\n        boxShadow: '0 0 0 0.125rem var(--focus-ring-color) inset',\n      },\n      // BitkitSearchInput opts in purely by rendering <input type=\"search\"> — no prop threading. It\n      // gets 12px inline padding on both sides, tightening to 4px on the trailing edge when the clear\n      // button is present (data-has-end-element). The higher :has() specificity overrides the size\n      // paddingInline; the gap widens to 12 at lg (size variant below).\n      '&:has(input[type=\"search\"])': {\n        paddingInline: '12',\n        '&[data-has-end-element]': {\n          paddingInlineEnd: '4',\n        },\n      },\n      _invalid: {\n        ...frame._invalid,\n        zIndex: 1,\n      },\n      _disabled: {\n        ...frame._disabled,\n        boxShadow: 'none',\n      },\n    },\n    input: {\n      ...text,\n      background: 'transparent',\n      borderWidth: 0,\n      flex: '1',\n      focusVisibleRing: 'none',\n      height: '100%',\n      lineHeight: 'normal',\n      minWidth: 0,\n      padding: 0,\n      width: '100%',\n      '&::-webkit-search-cancel-button': { display: 'none' },\n      _invalid: {\n        color: 'input/text/error',\n      },\n      _disabled: {\n        ...text._disabled,\n        cursor: 'not-allowed',\n      },\n    },\n    element: {\n      alignItems: 'center',\n      color: 'icon/tertiary',\n      display: 'flex',\n      flexShrink: '0',\n      _disabled: {\n        color: 'icon/disabled',\n      },\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        field: {\n          gap: '8',\n          paddingInline: inputVariants.size.md.paddingInline,\n          '--input-height': inputVariants.size.md['--input-height'],\n        },\n        input: {\n          textStyle: inputVariants.size.md.textStyle,\n        },\n      },\n      lg: {\n        field: {\n          gap: '8',\n          paddingInline: inputVariants.size.lg.paddingInline,\n          '--input-height': inputVariants.size.lg['--input-height'],\n          '&:has(input[type=\"search\"])': {\n            gap: '12',\n          },\n        },\n        input: {\n          textStyle: inputVariants.size.lg.textStyle,\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default textInputSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,sBAAsB,iBAAiB;CAC3C,WAAW;CACX,OAAO;EAAC;EAAS;EAAS;CAAS;CACnC,MAAM;EACJ,OAAO;GACL,GAAG;GACH,YAAY;GACZ,OAAO;GACP,SAAS;GACT,QAAQ;GACR,UAAU;GACV,8BAA8B,EAC5B,WAAW,+CACb;GAKA,iCAA+B;IAC7B,eAAe;IACf,2BAA2B,EACzB,kBAAkB,IACpB;GACF;GACA,UAAU;IACR,GAAG,MAAM;IACT,QAAQ;GACV;GACA,WAAW;IACT,GAAG,MAAM;IACT,WAAW;GACb;EACF;EACA,OAAO;GACL,GAAG;GACH,YAAY;GACZ,aAAa;GACb,MAAM;GACN,kBAAkB;GAClB,QAAQ;GACR,YAAY;GACZ,UAAU;GACV,SAAS;GACT,OAAO;GACP,mCAAmC,EAAE,SAAS,OAAO;GACrD,UAAU,EACR,OAAO,mBACT;GACA,WAAW;IACT,GAAG,KAAK;IACR,QAAQ;GACV;EACF;EACA,SAAS;GACP,YAAY;GACZ,OAAO;GACP,SAAS;GACT,YAAY;GACZ,WAAW,EACT,OAAO,gBACT;EACF;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,OAAO;IACL,KAAK;IACL,eAAe,SAAc,KAAK,GAAG;IACrC,kBAAkB,SAAc,KAAK,GAAG;GAC1C;GACA,OAAO,EACL,WAAW,SAAc,KAAK,GAAG,UACnC;EACF;EACA,IAAI;GACF,OAAO;IACL,KAAK;IACL,eAAe,SAAc,KAAK,GAAG;IACrC,kBAAkB,SAAc,KAAK,GAAG;IACxC,iCAA+B,EAC7B,KAAK,KACP;GACF;GACA,OAAO,EACL,WAAW,SAAc,KAAK,GAAG,UACnC;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
+{"version":3,"file":"TextInput.recipe.js","names":["inputVariants"],"sources":["../../../lib/theme/slot-recipes/TextInput.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { frame, text, variants as inputVariants } from '../common/InputAndTextarea.common';\n\nconst textInputSlotRecipe = defineSlotRecipe({\n  className: 'bitkit-text-input',\n  slots: ['field', 'input', 'element'],\n  base: {\n    field: {\n      ...frame,\n      alignItems: 'center',\n      color: 'input/text/inputValue',\n      display: 'flex',\n      height: 'var(--input-height)',\n      minWidth: 0,\n      '&:has(input:focus-visible)': {\n        boxShadow: '0 0 0 0.125rem var(--focus-ring-color) inset',\n      },\n      // BitkitSearchInput opts in purely by rendering <input type=\"search\"> — no prop threading. It\n      // gets 12px inline padding on both sides, tightening to 4px on the trailing edge when the clear\n      // button is present (data-has-end-element). The higher :has() specificity overrides the size\n      // paddingInline; the gap widens to 12 at lg (size variant below).\n      '&:has(input[type=\"search\"])': {\n        paddingInline: '12',\n        '&[data-has-end-element]': {\n          paddingInlineEnd: '4',\n        },\n      },\n      _invalid: {\n        ...frame._invalid,\n        zIndex: 1,\n      },\n      _disabled: {\n        ...frame._disabled,\n        boxShadow: 'none',\n      },\n    },\n    input: {\n      ...text,\n      background: 'transparent',\n      borderWidth: 0,\n      flex: '1',\n      focusVisibleRing: 'none',\n      height: '100%',\n      lineHeight: 'normal',\n      minWidth: 0,\n      padding: 0,\n      width: '100%',\n      '&::-webkit-search-cancel-button': { display: 'none' },\n      _invalid: {\n        color: 'input/text/error',\n      },\n      _disabled: {\n        ...text._disabled,\n        cursor: 'not-allowed',\n      },\n    },\n    element: {\n      alignItems: 'center',\n      color: 'icon/tertiary',\n      display: 'flex',\n      flexShrink: '0',\n      _disabled: {\n        color: 'icon/disabled',\n      },\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        field: {\n          gap: '8',\n          paddingInline: inputVariants.size.md.paddingInline,\n          '--input-height': inputVariants.size.md['--input-height'],\n        },\n        input: {\n          textStyle: inputVariants.size.md.textStyle,\n        },\n      },\n      lg: {\n        field: {\n          gap: '8',\n          paddingInline: inputVariants.size.lg.paddingInline,\n          '--input-height': inputVariants.size.lg['--input-height'],\n          '&:has(input[type=\"search\"])': {\n            gap: '12',\n          },\n        },\n        input: {\n          textStyle: inputVariants.size.lg.textStyle,\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default textInputSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,sBAAsB,iBAAiB;CAC3C,WAAW;CACX,OAAO;EAAC;EAAS;EAAS;CAAS;CACnC,MAAM;EACJ,OAAO;GACL,GAAG;GACH,YAAY;GACZ,OAAO;GACP,SAAS;GACT,QAAQ;GACR,UAAU;GACV,8BAA8B,EAC5B,WAAW,+CACb;GAKA,iCAA+B;IAC7B,eAAe;IACf,2BAA2B,EACzB,kBAAkB,IACpB;GACF;GACA,UAAU;IACR,GAAG,MAAM;IACT,QAAQ;GACV;GACA,WAAW;IACT,GAAG,MAAM;IACT,WAAW;GACb;EACF;EACA,OAAO;GACL,GAAG;GACH,YAAY;GACZ,aAAa;GACb,MAAM;GACN,kBAAkB;GAClB,QAAQ;GACR,YAAY;GACZ,UAAU;GACV,SAAS;GACT,OAAO;GACP,mCAAmC,EAAE,SAAS,OAAO;GACrD,UAAU,EACR,OAAO,mBACT;GACA,WAAW;IACT,GAAG,KAAK;IACR,QAAQ;GACV;EACF;EACA,SAAS;GACP,YAAY;GACZ,OAAO;GACP,SAAS;GACT,YAAY;GACZ,WAAW,EACT,OAAO,gBACT;EACF;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,OAAO;IACL,KAAK;IACL,eAAeA,SAAc,KAAK,GAAG;IACrC,kBAAkBA,SAAc,KAAK,GAAG;GAC1C;GACA,OAAO,EACL,WAAWA,SAAc,KAAK,GAAG,UACnC;EACF;EACA,IAAI;GACF,OAAO;IACL,KAAK;IACL,eAAeA,SAAc,KAAK,GAAG;IACrC,kBAAkBA,SAAc,KAAK,GAAG;IACxC,iCAA+B,EAC7B,KAAK,KACP;GACF;GACA,OAAO,EACL,WAAWA,SAAc,KAAK,GAAG,UACnC;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}

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

@@ -0,0 +1,3 @@
+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">>;
+export default uiHeaderSlotRecipe;

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

@@ -0,0 +1,229 @@
+import { colorVar, rem } from "../themeUtils.js";
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+//#region lib/theme/slot-recipes/UIHeader.recipe.ts
+var uiHeaderHeight = rem(48);
+var SEARCH_FIELD_WIDTH = rem(240);
+var SEARCH_FIELD_TINT = colorVar("color/white/20");
+var controlBase = {
+	background: "sys/ui/header/control/bg",
+	_hover: {
+		background: "sys/ui/header/control/bg-hover",
+		_active: { background: "sys/ui/header/control/bg-active" }
+	},
+	_active: { background: "sys/ui/header/control/bg-active" },
+	_selected: {
+		background: "sys/ui/header/control/bg-selected",
+		_hover: {
+			background: "sys/ui/header/control/bg-selected-hover",
+			_active: { background: "sys/ui/header/control/bg-active" }
+		},
+		_active: { background: "sys/ui/header/control/bg-active" }
+	},
+	alignItems: "center",
+	borderRadius: 0,
+	color: "icon/on-color",
+	cursor: "pointer",
+	display: "flex",
+	flexShrink: 0,
+	height: uiHeaderHeight,
+	justifyContent: "center",
+	position: "relative",
+	textDecoration: "none",
+	_focusVisible: { outlineOffset: "calc(var(--focus-ring-width) * -1)" }
+};
+var uiHeaderSlotRecipe = defineSlotRecipe({
+	className: "ui-header",
+	slots: [
+		"accountAvatar",
+		"accountIcon",
+		"actions",
+		"badge",
+		"banner",
+		"bar",
+		"control",
+		"indicator",
+		"leading",
+		"logoBlock",
+		"logoLink",
+		"navButton",
+		"navButtonBadge",
+		"navButtonIcon",
+		"root",
+		"search",
+		"searchButton",
+		"searchClear",
+		"searchField",
+		"searchIcon",
+		"searchInput",
+		"spacer"
+	],
+	base: {
+		root: {
+			background: "sys/ui/header/bg",
+			color: "text/on-color",
+			display: "flex",
+			flexDirection: "column",
+			width: "full"
+		},
+		bar: {
+			alignItems: "center",
+			display: "flex",
+			flexShrink: 0,
+			height: uiHeaderHeight,
+			position: "relative",
+			tablet: { paddingInlineStart: "20" }
+		},
+		leading: {
+			display: "flex",
+			flexShrink: 0,
+			tablet: { display: "none" }
+		},
+		spacer: {
+			flexShrink: 1,
+			width: "48",
+			tablet: { display: "none" }
+		},
+		logoBlock: {
+			alignItems: "center",
+			display: "flex",
+			flex: 1,
+			justifyContent: "center",
+			minWidth: 0,
+			tablet: { flex: "none" }
+		},
+		logoLink: {
+			borderRadius: "4",
+			color: "text/on-color",
+			display: "flex",
+			marginBlockEnd: rem(3)
+		},
+		actions: {
+			alignItems: "center",
+			display: "flex",
+			flexShrink: 0,
+			marginInlineStart: "auto",
+			tablet: { paddingInlineEnd: "32" }
+		},
+		banner: { width: "full" },
+		control: {
+			...controlBase,
+			width: "48"
+		},
+		accountAvatar: {
+			borderRadius: "full",
+			display: "none",
+			overflow: "hidden",
+			tablet: { display: "inline-flex" }
+		},
+		accountIcon: {
+			display: "block",
+			tablet: { display: "none" }
+		},
+		navButton: {
+			...controlBase,
+			paddingBlock: "8",
+			paddingInlineEnd: "8",
+			paddingInlineStart: "12"
+		},
+		navButtonBadge: {
+			alignItems: "flex-start",
+			background: "sys/ui/header/bg",
+			borderStartStartRadius: "2",
+			color: "icon/on-color",
+			display: "flex",
+			height: "12",
+			insetBlockEnd: "8",
+			insetInlineEnd: "8",
+			overflow: "hidden",
+			pointerEvents: "none",
+			position: "absolute",
+			width: "16"
+		},
+		navButtonIcon: {
+			flexShrink: 0,
+			marginBlockStart: rem(-1),
+			marginInlineStart: "1"
+		},
+		badge: {
+			background: "sys/ui/header/badge/red",
+			borderRadius: "full",
+			height: "8",
+			insetBlockStart: "12",
+			insetInlineStart: rem(28),
+			pointerEvents: "none",
+			position: "absolute",
+			width: "8"
+		},
+		indicator: {
+			background: "sys/ui/header/control/indicator",
+			height: "4",
+			insetBlockEnd: 0,
+			insetInline: 0,
+			pointerEvents: "none",
+			position: "absolute"
+		},
+		search: {
+			display: "flex",
+			flexShrink: 0,
+			position: "relative"
+		},
+		searchField: {
+			alignItems: "center",
+			backgroundColor: "sys/ui/header/bg",
+			backgroundImage: `linear-gradient(0deg, ${SEARCH_FIELD_TINT} 0%, ${SEARCH_FIELD_TINT} 100%)`,
+			borderColor: "border/strong",
+			borderRadius: "4",
+			borderStyle: "solid",
+			borderWidth: "1",
+			display: "none",
+			gap: "8",
+			height: "40",
+			insetBlockStart: "4",
+			insetInlineEnd: 0,
+			opacity: 0,
+			paddingInlineEnd: "12",
+			paddingInlineStart: "8",
+			position: "absolute",
+			transitionDuration: "fast",
+			transitionProperty: "opacity, visibility",
+			transitionTimingFunction: "ease-out",
+			visibility: "hidden",
+			width: SEARCH_FIELD_WIDTH,
+			"&:has(input:focus-visible)": { boxShadow: "0 0 0 var(--focus-ring-width) var(--focus-ring-color) inset" },
+			_open: {
+				opacity: 1,
+				visibility: "visible"
+			},
+			_motionReduce: { transitionProperty: "none" },
+			tablet: { display: "flex" }
+		},
+		searchButton: { tablet: { _open: { visibility: "hidden" } } },
+		searchClear: {
+			color: "icon/on-color",
+			flexShrink: 0
+		},
+		searchIcon: {
+			color: "icon/on-color",
+			flexShrink: 0
+		},
+		searchInput: {
+			background: "transparent",
+			borderWidth: 0,
+			color: "text/on-color",
+			flex: 1,
+			focusVisibleRing: "none",
+			minWidth: 0,
+			padding: 0,
+			textStyle: "body/lg/regular",
+			"&::-webkit-search-cancel-button": { display: "none" },
+			_placeholder: {
+				color: "text/on-color",
+				opacity: .6
+			}
+		}
+	}
+});
+//#endregion
+export { uiHeaderSlotRecipe as default, uiHeaderHeight };
+
+//# sourceMappingURL=UIHeader.recipe.js.map

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

@@ -0,0 +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\nexport const uiHeaderHeight = rem(48);\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-active',\n      },\n    },\n    _active: {\n      background: 'sys/ui/header/control/bg-active',\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    },\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      focusVisibleRing: 'none',\n      minWidth: 0,\n      padding: 0,\n      textStyle: 'body/lg/regular',\n      '&::-webkit-search-cancel-button': { display: 'none' },\n      _placeholder: {\n        color: 'text/on-color',\n        opacity: 0.6,\n      },\n    },\n  },\n});\n\nexport default uiHeaderSlotRecipe;\n"],"mappings":";;;AAIA,IAAa,iBAAiB,IAAI,EAAE;AAEpC,IAAM,qBAAqB,IAAI,GAAG;AAElC,IAAM,oBAAoB,SAAS,gBAAgB;AA2BnD,IAAM,cAAiC;CAxBrC,YAAY;CACZ,QAAQ;EACN,YAAY;EACZ,SAAS,EACP,YAAY,kCACd;CACF;CACA,SAAS,EACP,YAAY,kCACd;CACA,WAAW;EACT,YAAY;EACZ,QAAQ;GACN,YAAY;GACZ,SAAS,EACP,YAAY,kCACd;EACF;EACA,SAAS,EACP,YAAY,kCACd;CACF;CAKA,YAAY;CACZ,cAAc;CACd,OAAO;CACP,QAAQ;CACR,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,UAAU;CACV,gBAAgB;CAChB,eAAe,EACb,eAAe,qCACjB;AACF;AAEA,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,OAAO;GACP,SAAS;GACT,eAAe;GACf,OAAO;EACT;EACA,KAAK;GACH,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,QAAQ;GACR,UAAU;GACV,QAAQ,EACN,oBAAoB,KACtB;EACF;EACA,SAAS;GACP,SAAS;GACT,YAAY;GACZ,QAAQ,EACN,SAAS,OACX;EACF;EACA,QAAQ;GACN,YAAY;GACZ,OAAO;GACP,QAAQ,EACN,SAAS,OACX;EACF;EACA,WAAW;GACT,YAAY;GACZ,SAAS;GACT,MAAM;GACN,gBAAgB;GAChB,UAAU;GACV,QAAQ,EACN,MAAM,OACR;EACF;EACA,UAAU;GACR,cAAc;GACd,OAAO;GACP,SAAS;GACT,gBAAgB,IAAI,CAAC;EACvB;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,mBAAmB;GACnB,QAAQ,EACN,kBAAkB,KACpB;EACF;EACA,QAAQ,EACN,OAAO,OACT;EACA,SAAS;GACP,GAAG;GACH,OAAO;EACT;EACA,eAAe;GACb,cAAc;GACd,SAAS;GACT,UAAU;GACV,QAAQ,EACN,SAAS,cACX;EACF;EACA,aAAa;GACX,SAAS;GACT,QAAQ,EACN,SAAS,OACX;EACF;EACA,WAAW;GACT,GAAG;GACH,cAAc;GACd,kBAAkB;GAClB,oBAAoB;EACtB;EACA,gBAAgB;GACd,YAAY;GACZ,YAAY;GACZ,wBAAwB;GACxB,OAAO;GACP,SAAS;GACT,QAAQ;GACR,eAAe;GACf,gBAAgB;GAChB,UAAU;GACV,eAAe;GACf,UAAU;GACV,OAAO;EACT;EACA,eAAe;GACb,YAAY;GACZ,kBAAkB,IAAI,EAAE;GACxB,mBAAmB;EACrB;EACA,OAAO;GACL,YAAY;GACZ,cAAc;GACd,QAAQ;GACR,iBAAiB;GACjB,kBAAkB,IAAI,EAAE;GACxB,eAAe;GACf,UAAU;GACV,OAAO;EACT;EACA,WAAW;GACT,YAAY;GACZ,QAAQ;GACR,eAAe;GACf,aAAa;GACb,eAAe;GACf,UAAU;EACZ;EACA,QAAQ;GACN,SAAS;GACT,YAAY;GACZ,UAAU;EACZ;EACA,aAAa;GACX,YAAY;GACZ,iBAAiB;GACjB,iBAAiB,yBAAyB,kBAAkB,OAAO,kBAAkB;GACrF,aAAa;GACb,cAAc;GACd,aAAa;GACb,aAAa;GACb,SAAS;GACT,KAAK;GACL,QAAQ;GACR,iBAAiB;GACjB,gBAAgB;GAChB,SAAS;GACT,kBAAkB;GAClB,oBAAoB;GACpB,UAAU;GACV,oBAAoB;GAIpB,oBAAoB;GACpB,0BAA0B;GAC1B,YAAY;GACZ,OAAO;GACP,8BAA8B,EAC5B,WAAW,8DACb;GACA,OAAO;IACL,SAAS;IACT,YAAY;GACd;GACA,eAAe,EACb,oBAAoB,OACtB;GACA,QAAQ,EACN,SAAS,OACX;EACF;EACA,cAAc,EACZ,QAAQ,EACN,OAAO,EACL,YAAY,SACd,EACF,EACF;EACA,aAAa;GACX,OAAO;GACP,YAAY;EACd;EACA,YAAY;GACV,OAAO;GACP,YAAY;EACd;EACA,aAAa;GACX,YAAY;GACZ,aAAa;GACb,OAAO;GACP,MAAM;GACN,kBAAkB;GAClB,UAAU;GACV,SAAS;GACT,WAAW;GACX,mCAAmC,EAAE,SAAS,OAAO;GACrD,cAAc;IACZ,OAAO;IACP,SAAS;GACX;EACF;CACF;AACF,CAAC"}

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

@@ -3546,6 +3546,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">>;
     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: {