@bitrise/bitkit-v2 0.3.475-beta.3009 → 0.3.475-beta.3012

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

@@ -1 +0,0 @@
-{"version":3,"file":"UIHeaderNavButton.js","names":[],"sources":["../../../lib/components/BitkitUIHeader/UIHeaderNavButton.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { type HTMLChakraProps } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { IconMenuHamburger } from '../../icons';\nimport BitkitAvatar from '../BitkitAvatar/BitkitAvatar';\nimport { useUIHeaderContext } from './UIHeaderContext';\nimport { UIHeaderControlBase } from './UIHeaderControl';\n\nexport interface BitkitUIHeaderNavButtonProps extends Omit<HTMLChakraProps<'button'>, 'children'> {\n  /** The accessible name. */\n  label?: string;\n  /** The current workspace. Shown as the avatar's initials when it has no logo. */\n  name: string;\n  /** The workspace's logo. Without one the avatar falls back to its initials. */\n  src?: string;\n}\n\n/**\n * Opens `BitkitUISideNav` on mobile, where the navigation is a drawer rather than a rail. It sits\n * in the header's `leading` slot, which is hidden from the `tablet` breakpoint up.\n *\n * The two components do not know about each other: this button's `onClick` sets the navigation's\n * `open`, and the navigation asks to close through its own `onOpenChange`.\n *\n * It shows the current workspace, so switching workspaces is one tap away from anywhere.\n */\nconst UIHeaderNavButton = forwardRef<HTMLButtonElement, BitkitUIHeaderNavButtonProps>((props, ref) => {\n  const { label = 'Open navigation', name, src, ...rest } = props;\n\n  const { styles } = useUIHeaderContext();\n\n  const avatarProps = src ? ({ src, variant: 'image' } as const) : ({ variant: 'letters' } as const);\n\n  return (\n    <UIHeaderControlBase ref={ref} footprint=\"navButton\" label={label} {...rest}>\n      <BitkitAvatar name={name} size=\"32\" {...avatarProps} />\n      <Box css={styles.navButtonBadge}>\n        <IconMenuHamburger css={styles.navButtonIcon} size=\"16\" />\n      </Box>\n    </UIHeaderControlBase>\n  );\n});\n\nUIHeaderNavButton.displayName = 'BitkitUIHeader.NavButton';\n\nexport default UIHeaderNavButton;\n"],"mappings":";;;;;;;;;;;;;;;;;AA2BA,IAAM,oBAAoB,YAA6D,OAAO,QAAQ;CACpG,MAAM,EAAE,QAAQ,mBAAmB,MAAM,KAAK,GAAG,SAAS;CAE1D,MAAM,EAAE,WAAW,mBAAmB;CAEtC,MAAM,cAAc,MAAO;EAAE;EAAK,SAAS;CAAQ,IAAe,EAAE,SAAS,UAAU;CAEvF,OACE,qBAAC,qBAAD;EAA0B;EAAK,WAAU;EAAmB;EAAO,GAAI;EAAvE,UAAA,CACE,oBAAC,cAAD;GAAoB;GAAM,MAAK;GAAK,GAAI;EAAc,CAAA,GACtD,oBAAC,KAAD;GAAK,KAAK,OAAO;GACf,UAAA,oBAAC,mBAAD;IAAmB,KAAK,OAAO;IAAe,MAAK;GAAM,CAAA;EACtD,CAAA,CACc;;AAEzB,CAAC;AAED,kBAAkB,cAAc"}

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

@@ -1,32 +0,0 @@
-import { BoxProps } from '@chakra-ui/react/box';
-import { Ref } from 'react';
-export interface BitkitUIHeaderSearchProps extends Omit<BoxProps, 'children' | 'onChange'> {
-    /**
-     * The search field, for anchoring the results to it. The component owns no results list: what a
-     * search turns up differs per product, so the consumer renders its own panel against this.
-     */
-    inputRef?: Ref<HTMLInputElement>;
-    /** The accessible name of both the button and the field. */
-    label?: string;
-    /**
-     * Called when the button is pressed, and when Escape closes the field.
-     *
-     * From `tablet` up this opens the field in place. Below it there is no inline field — the button
-     * is a plain trigger, and what it opens is the consumer's to render.
-     */
-    onOpenChange?: (open: boolean) => void;
-    onValueChange?: (value: string) => void;
-    open?: boolean;
-    placeholder?: string;
-    /** Marks the button as the one whose panel is open. Meant for the mobile trigger. */
-    selected?: boolean;
-    value?: string;
-}
-/**
- * Search in the header bar: a button that opens a field lying over it, so opening the search moves
- * nothing else in the bar.
- *
- * It is controlled. Hold `open` and `value` yourself, and render the results against `inputRef`.
- */
-declare const UIHeaderSearch: import('react').ForwardRefExoticComponent<BitkitUIHeaderSearchProps & import('react').RefAttributes<HTMLDivElement>>;
-export default UIHeaderSearch;

package/dist/components/BitkitUIHeader/UIHeaderSearch.js

@@ -1,96 +0,0 @@
-import IconMagnifier from "../../icons/IconMagnifier.js";
-import BitkitCloseButton from "../BitkitCloseButton/BitkitCloseButton.js";
-import { useUIHeaderContext } from "./UIHeaderContext.js";
-import { UIHeaderControlBase } from "./UIHeaderControl.js";
-import { Box } from "@chakra-ui/react/box";
-import { chakra } from "@chakra-ui/react/styled-system";
-import { forwardRef, useEffect, useMemo, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { mergeRefs } from "@chakra-ui/react";
-//#region lib/components/BitkitUIHeader/UIHeaderSearch.tsx
-/**
-* Search in the header bar: a button that opens a field lying over it, so opening the search moves
-* nothing else in the bar.
-*
-* It is controlled. Hold `open` and `value` yourself, and render the results against `inputRef`.
-*/
-var UIHeaderSearch = forwardRef((props, ref) => {
-	const { css, inputRef, label = "Search", onOpenChange, onValueChange, open = false, placeholder, selected, value = "", ...rest } = props;
-	const { rootRef, styles } = useUIHeaderContext();
-	const buttonElementRef = useRef(null);
-	const inputElementRef = useRef(null);
-	const searchElementRef = useRef(null);
-	const setInputRef = useMemo(() => mergeRefs(inputElementRef, inputRef), [inputRef]);
-	const setSearchRef = useMemo(() => mergeRefs(searchElementRef, ref), [ref]);
-	useEffect(() => {
-		if (open) inputElementRef.current?.focus();
-	}, [open]);
-	useEffect(() => {
-		if (!open) return void 0;
-		const dismiss = (event) => {
-			const target = event.target instanceof Node ? event.target : null;
-			if (!target || !rootRef.current?.contains(target)) return;
-			if (searchElementRef.current?.contains(target)) return;
-			onOpenChange?.(false);
-		};
-		document.addEventListener("pointerdown", dismiss);
-		return () => document.removeEventListener("pointerdown", dismiss);
-	}, [
-		onOpenChange,
-		open,
-		rootRef
-	]);
-	const handleKeyDown = (event) => {
-		if (event.key !== "Escape") return;
-		event.stopPropagation();
-		buttonElementRef.current?.focus();
-		onOpenChange?.(false);
-	};
-	const handleClear = () => {
-		onValueChange?.("");
-		inputElementRef.current?.focus();
-	};
-	return /* @__PURE__ */ jsxs(Box, {
-		ref: setSearchRef,
-		css: [styles.search, css],
-		...rest,
-		children: [/* @__PURE__ */ jsx(UIHeaderControlBase, {
-			ref: buttonElementRef,
-			css: styles.searchButton,
-			"data-open": open ? "" : void 0,
-			footprint: "control",
-			label,
-			onClick: () => onOpenChange?.(!open),
-			selected,
-			children: /* @__PURE__ */ jsx(IconMagnifier, {})
-		}), /* @__PURE__ */ jsxs(Box, {
-			css: styles.searchField,
-			"data-open": open ? "" : void 0,
-			children: [
-				/* @__PURE__ */ jsx(IconMagnifier, { css: styles.searchIcon }),
-				/* @__PURE__ */ jsx(chakra.input, {
-					ref: setInputRef,
-					"aria-label": label,
-					css: styles.searchInput,
-					onChange: (event) => onValueChange?.(event.target.value),
-					onKeyDown: handleKeyDown,
-					placeholder,
-					tabIndex: open ? void 0 : -1,
-					type: "search",
-					value
-				}),
-				!!value && /* @__PURE__ */ jsx(BitkitCloseButton, {
-					"aria-label": "Clear search",
-					colorVariant: "white",
-					onClick: handleClear,
-					size: "md"
-				})
-			]
-		})]
-	});
-});
-UIHeaderSearch.displayName = "BitkitUIHeader.Search";
-//#endregion
-export { UIHeaderSearch as default };
-
-//# sourceMappingURL=UIHeaderSearch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"UIHeaderSearch.js","names":[],"sources":["../../../lib/components/BitkitUIHeader/UIHeaderSearch.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { mergeRefs } from '@chakra-ui/react';\nimport { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { chakra } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type KeyboardEvent, type Ref, useEffect, useMemo, useRef } from 'react';\n\nimport { IconMagnifier } from '../../icons';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport { useUIHeaderContext } from './UIHeaderContext';\nimport { UIHeaderControlBase } from './UIHeaderControl';\n\nexport interface BitkitUIHeaderSearchProps extends Omit<BoxProps, 'children' | 'onChange'> {\n  /**\n   * The search field, for anchoring the results to it. The component owns no results list: what a\n   * search turns up differs per product, so the consumer renders its own panel against this.\n   */\n  inputRef?: Ref<HTMLInputElement>;\n  /** The accessible name of both the button and the field. */\n  label?: string;\n  /**\n   * Called when the button is pressed, and when Escape closes the field.\n   *\n   * From `tablet` up this opens the field in place. Below it there is no inline field — the button\n   * is a plain trigger, and what it opens is the consumer's to render.\n   */\n  onOpenChange?: (open: boolean) => void;\n  onValueChange?: (value: string) => void;\n  open?: boolean;\n  placeholder?: string;\n  /** Marks the button as the one whose panel is open. Meant for the mobile trigger. */\n  selected?: boolean;\n  value?: string;\n}\n\n/**\n * Search in the header bar: a button that opens a field lying over it, so opening the search moves\n * nothing else in the bar.\n *\n * It is controlled. Hold `open` and `value` yourself, and render the results against `inputRef`.\n */\nconst UIHeaderSearch = forwardRef<HTMLDivElement, BitkitUIHeaderSearchProps>((props, ref) => {\n  const {\n    css,\n    inputRef,\n    label = 'Search',\n    onOpenChange,\n    onValueChange,\n    open = false,\n    placeholder,\n    selected,\n    value = '',\n    ...rest\n  } = props;\n\n  const { rootRef, styles } = useUIHeaderContext();\n\n  const buttonElementRef = useRef<HTMLButtonElement>(null);\n  const inputElementRef = useRef<HTMLInputElement>(null);\n  const searchElementRef = useRef<HTMLDivElement>(null);\n  const setInputRef = useMemo(() => mergeRefs(inputElementRef, inputRef), [inputRef]);\n  const setSearchRef = useMemo(() => mergeRefs(searchElementRef, ref), [ref]);\n\n  useEffect(() => {\n    if (open) inputElementRef.current?.focus();\n  }, [open]);\n\n  // Reaching for another control in the bar is as much a way out of the search as Escape, so the\n  // open field gives way to it. Only presses inside the header count: a results panel is rendered\n  // by the consumer, somewhere else entirely, and choosing from it must not close the search.\n  useEffect(() => {\n    if (!open) return undefined;\n\n    const dismiss = (event: PointerEvent) => {\n      const target = event.target instanceof Node ? event.target : null;\n      if (!target || !rootRef.current?.contains(target)) return;\n      if (searchElementRef.current?.contains(target)) return;\n      onOpenChange?.(false);\n    };\n\n    document.addEventListener('pointerdown', dismiss);\n    return () => document.removeEventListener('pointerdown', dismiss);\n  }, [onOpenChange, open, rootRef]);\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key !== 'Escape') return;\n    event.stopPropagation();\n    // Escape leaves the field without going anywhere else, so focus belongs back on the button that\n    // opened it. A press on another control moves focus by itself and takes no help.\n    buttonElementRef.current?.focus();\n    onOpenChange?.(false);\n  };\n\n  const handleClear = () => {\n    onValueChange?.('');\n    inputElementRef.current?.focus();\n  };\n\n  return (\n    <Box ref={setSearchRef} css={[styles.search, css]} {...rest}>\n      <UIHeaderControlBase\n        ref={buttonElementRef}\n        css={styles.searchButton}\n        data-open={open ? '' : undefined}\n        footprint=\"control\"\n        label={label}\n        onClick={() => onOpenChange?.(!open)}\n        selected={selected}\n      >\n        <IconMagnifier />\n      </UIHeaderControlBase>\n      <Box css={styles.searchField} data-open={open ? '' : undefined}>\n        <IconMagnifier css={styles.searchIcon} />\n        {/* No named primitive fits: Chakra's `Input` carries its own recipe, and this field is\n            styled entirely by the header's own slot. */}\n        <chakra.input\n          ref={setInputRef}\n          aria-label={label}\n          css={styles.searchInput}\n          onChange={(event) => onValueChange?.(event.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          // A closed field is invisible but still in the DOM, so keep it out of the tab order.\n          tabIndex={open ? undefined : -1}\n          type=\"search\"\n          value={value}\n        />\n        {!!value && (\n          <BitkitCloseButton aria-label=\"Clear search\" colorVariant=\"white\" onClick={handleClear} size=\"md\" />\n        )}\n      </Box>\n    </Box>\n  );\n});\n\nUIHeaderSearch.displayName = 'BitkitUIHeader.Search';\n\nexport default UIHeaderSearch;\n"],"mappings":";;;;;;;;;;;;;;;;AAwCA,IAAM,iBAAiB,YAAuD,OAAO,QAAQ;CAC3F,MAAM,EACJ,KACA,UACA,QAAQ,UACR,cACA,eACA,OAAO,OACP,aACA,UACA,QAAQ,IACR,GAAG,SACD;CAEJ,MAAM,EAAE,SAAS,WAAW,mBAAmB;CAE/C,MAAM,mBAAmB,OAA0B,IAAI;CACvD,MAAM,kBAAkB,OAAyB,IAAI;CACrD,MAAM,mBAAmB,OAAuB,IAAI;CACpD,MAAM,cAAc,cAAc,UAAU,iBAAiB,QAAQ,GAAG,CAAC,QAAQ,CAAC;CAClF,MAAM,eAAe,cAAc,UAAU,kBAAkB,GAAG,GAAG,CAAC,GAAG,CAAC;CAE1E,gBAAgB;EACd,IAAI,MAAM,gBAAgB,SAAS,MAAM;CAC3C,GAAG,CAAC,IAAI,CAAC;CAKT,gBAAgB;EACd,IAAI,CAAC,MAAM,OAAO,KAAA;EAElB,MAAM,WAAW,UAAwB;GACvC,MAAM,SAAS,MAAM,kBAAkB,OAAO,MAAM,SAAS;GAC7D,IAAI,CAAC,UAAU,CAAC,QAAQ,SAAS,SAAS,MAAM,GAAG;GACnD,IAAI,iBAAiB,SAAS,SAAS,MAAM,GAAG;GAChD,eAAe,KAAK;EACtB;EAEA,SAAS,iBAAiB,eAAe,OAAO;EAChD,aAAa,SAAS,oBAAoB,eAAe,OAAO;CAClE,GAAG;EAAC;EAAc;EAAM;CAAO,CAAC;CAEhC,MAAM,iBAAiB,UAA2C;EAChE,IAAI,MAAM,QAAQ,UAAU;EAC5B,MAAM,gBAAgB;EAGtB,iBAAiB,SAAS,MAAM;EAChC,eAAe,KAAK;CACtB;CAEA,MAAM,oBAAoB;EACxB,gBAAgB,EAAE;EAClB,gBAAgB,SAAS,MAAM;CACjC;CAEA,OACE,qBAAC,KAAD;EAAK,KAAK;EAAc,KAAK,CAAC,OAAO,QAAQ,GAAG;EAAG,GAAI;EAAvD,UAAA,CACE,oBAAC,qBAAD;GACE,KAAK;GACL,KAAK,OAAO;GACZ,aAAW,OAAO,KAAK,KAAA;GACvB,WAAU;GACH;GACP,eAAe,eAAe,CAAC,IAAI;GACzB;GAEV,UAAA,oBAAC,eAAD,CAAgB,CAAA;EACG,CAAA,GACrB,qBAAC,KAAD;GAAK,KAAK,OAAO;GAAa,aAAW,OAAO,KAAK,KAAA;GAArD,UAAA;IACE,oBAAC,eAAD,EAAe,KAAK,OAAO,WAAa,CAAA;IAGxC,oBAAC,OAAO,OAAR;KACE,KAAK;KACL,cAAY;KACZ,KAAK,OAAO;KACZ,WAAW,UAAU,gBAAgB,MAAM,OAAO,KAAK;KACvD,WAAW;KACE;KAEb,UAAU,OAAO,KAAA,IAAY;KAC7B,MAAK;KACE;IACR,CAAA;IACA,CAAC,CAAC,SACD,oBAAC,mBAAD;KAAmB,cAAW;KAAe,cAAa;KAAQ,SAAS;KAAa,MAAK;IAAM,CAAA;GAElG;EACF,CAAA,CAAA;;AAET,CAAC;AAED,eAAe,cAAc"}

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

@@ -1,111 +0,0 @@
-import { rem } from "../themeUtils.js";
-import { defineRecipe } from "@chakra-ui/react/styled-system";
-//#region lib/theme/recipes/UIHeaderButton.recipe.ts
-/**
-* Only the secondary button is drawn with an outline. The other two keep a transparent border of
-* the same width so every variant is the same size.
-*/
-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"
-		}
-	};
-};
-/**
-* An unread marker centred on the button's trailing top corner: a dot with a ring behind it. The
-* design draws both inside a 12px box, and neither radius lands on the size scale.
-*/
-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",
-		_notLast: { 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

@@ -1 +0,0 @@
-{"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\n/**\n * Only the secondary button is drawn with an outline. The other two keep a transparent border of\n * the same width so every variant is the same size.\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\n/**\n * An unread marker centred on the button's trailing top corner: a dot with a ring behind it. The\n * design draws both inside a 12px box, and neither radius lands on the size scale.\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    // The icon controls beside it carry their own padding and sit flush against each other, but a\n    // labelled button needs room. A trailing button takes none: the bar's own inset is its room.\n    _notLast: {\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":";;;;;;;AAUA,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;;;;;AAMA,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;EAGZ,UAAU,EACR,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/slot-recipes/UIHeader.recipe.d.ts

@@ -1,11 +0,0 @@
-/**
- * The height of the header bar — the banner slot below it is not counted, since its height is the
- * consumer's content.
- *
- * A page that pins the header reserves exactly this much room for it, and anything anchored under
- * the header starts here: a drawer's backdrop and positioner, a side navigation's
- * `insetBlockStart`.
- */
-export declare const uiHeaderHeight: `${number}rem`;
-declare const uiHeaderSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"search" | "badge" | "banner" | "bar" | "root" | "indicator" | "spacer" | "control" | "searchInput" | "actions" | "account" | "navButton" | "accountAvatar" | "accountIcon" | "navButtonBadge" | "navButtonIcon" | "searchButton" | "searchField" | "searchIcon" | "leading" | "logoLink" | "logoBlock", import('@chakra-ui/react').SlotRecipeVariantRecord<"search" | "badge" | "banner" | "bar" | "root" | "indicator" | "spacer" | "control" | "searchInput" | "actions" | "account" | "navButton" | "accountAvatar" | "accountIcon" | "navButtonBadge" | "navButtonIcon" | "searchButton" | "searchField" | "searchIcon" | "leading" | "logoLink" | "logoBlock">>;
-export default uiHeaderSlotRecipe;

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

@@ -1,237 +0,0 @@
-import { rem } from "../themeUtils.js";
-import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
-//#region lib/theme/slot-recipes/UIHeader.recipe.ts
-/**
-* The height of the header bar — the banner slot below it is not counted, since its height is the
-* consumer's content.
-*
-* A page that pins the header reserves exactly this much room for it, and anything anchored under
-* the header starts here: a drawer's backdrop and positioner, a side navigation's
-* `insetBlockStart`.
-*/
-var uiHeaderHeight = rem(48);
-var SEARCH_FIELD_WIDTH = rem(240);
-var SEARCH_FIELD_TINT = "var(--colors-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: [
-		"account",
-		"accountAvatar",
-		"accountIcon",
-		"actions",
-		"badge",
-		"banner",
-		"bar",
-		"control",
-		"indicator",
-		"leading",
-		"logoLink",
-		"logoBlock",
-		"navButton",
-		"navButtonBadge",
-		"navButtonIcon",
-		"root",
-		"search",
-		"searchButton",
-		"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"
-		},
-		account: {
-			...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",
-			pointerEvents: "none",
-			position: "absolute",
-			transitionDuration: "fast",
-			transitionProperty: "opacity",
-			transitionTimingFunction: "ease-out",
-			width: SEARCH_FIELD_WIDTH,
-			"&:has(input:focus-visible)": { boxShadow: "0 0 0 var(--focus-ring-width) var(--focus-ring-color) inset" },
-			_open: {
-				opacity: 1,
-				pointerEvents: "auto"
-			},
-			_motionReduce: { transitionProperty: "none" },
-			tablet: { display: "flex" }
-		},
-		searchButton: { _open: { visibility: "hidden" } },
-		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

@@ -1 +0,0 @@
-{"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 { rem } from '../themeUtils';\n\n/**\n * The height of the header bar — the banner slot below it is not counted, since its height is the\n * consumer's content.\n *\n * A page that pins the header reserves exactly this much room for it, and anything anchored under\n * the header starts here: a drawer's backdrop and positioner, a side navigation's\n * `insetBlockStart`.\n */\nexport const uiHeaderHeight = rem(48);\n\n// The design draws the open search field at a fixed width rather than a share of the bar, so it\n// stays the same whatever else sits beside it.\nconst SEARCH_FIELD_WIDTH = rem(240);\n\n// A raw, slash-escaped CSS variable for `color/white/20`: inside a `{colors.…}` reference Chakra\n// reads the first `/` as its color-mix opacity modifier.\nconst SEARCH_FIELD_TINT = 'var(--colors-color\\\\/white\\\\/20)';\n\n/**\n * Background states shared by every control in the bar — the icon buttons, the account button and\n * the mobile navigation button. `selected` is the control whose drawer is open: it keeps a lighter\n * background and grows an indicator along its bottom edge.\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  // Preflight zeroes every border width but not the radius a native button can still draw.\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  // The bar is exactly as tall as its controls, so an outside ring would be clipped at the top and\n  // bottom. Pull it inside, the way the side navigation's rows do.\n  _focusVisible: {\n    outlineOffset: 'calc(var(--focus-ring-width) * -1)',\n  },\n};\n\nconst uiHeaderSlotRecipe = defineSlotRecipe({\n  className: 'ui-header',\n  slots: [\n    'account',\n    'accountAvatar',\n    'accountIcon',\n    'actions',\n    'badge',\n    'banner',\n    'bar',\n    'control',\n    'indicator',\n    'leading',\n    'logoLink',\n    'logoBlock',\n    'navButton',\n    'navButtonBadge',\n    'navButtonIcon',\n    'root',\n    'search',\n    'searchButton',\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    // What balances the trailing controls against the leading slot, so the logo between them lands\n    // in the middle of the bar. The design draws it at a fixed width; it is the first thing to give\n    // when the controls need more room than that leaves.\n    spacer: {\n      flexShrink: 1,\n      width: '48',\n      tablet: {\n        display: 'none',\n      },\n    },\n    // On mobile the logo is centred in what the two flanks leave, which the spacer has evened out.\n    // Controls heavier than the spacer can even out — an Ask AI button among them — take their room\n    // from this block, and the logo moves with it rather than being overlapped.\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      // Optical centring: the wordmark reads as sitting low in the bar when it is centred by its\n      // bounding box, so the design lifts it. No size token at this scale.\n      marginBlockEnd: rem(3),\n    },\n    actions: {\n      alignItems: 'center',\n      display: 'flex',\n      flexShrink: 0,\n      // The logo block only grows on mobile, so on desktop this is what pushes the actions to the\n      // trailing edge.\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    account: {\n      ...controlBase,\n      width: '48',\n    },\n    // The account button carries the user's avatar on desktop and a plain icon on mobile. Both are\n    // rendered and one is hidden, so the button never has to know the viewport: no breakpoint hook,\n    // and no wrong-layout first paint.\n    accountAvatar: {\n      // The design draws the account as a circle whatever is in it, while the avatar's own shape\n      // is only round when it holds a picture. Clipping covers the initials fallback too.\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    // A notch of the header's own background punched into the corner of the workspace avatar, with\n    // the menu icon inside it.\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      // The notch shows the icon's top edge only, and the design nudges it a pixel to sit flush\n      // with the avatar's corner.\n      marginBlockStart: rem(-1),\n      marginInlineStart: '1',\n    },\n    badge: {\n      background: 'sys/ui/header/badge/red',\n      borderRadius: 'full',\n      height: '8',\n      // The top trailing corner of a 24px icon centred in a 48px control. The inline offset is a\n      // measurement of that geometry rather than a spacing step, so no token lands on it.\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    // The field lies over its own button rather than in the flow, so opening it moves nothing else\n    // in the bar. Below `tablet` there is no inline field at all: the button opens whatever the\n    // consumer puts the search in.\n    searchField: {\n      alignItems: 'center',\n      // The design paints the field as the page surface at a fifth of its opacity, and there is no\n      // `sys/ui/header` token for it. It is laid over the bar's own colour rather than blended with\n      // it, so the open field is opaque: the button it covers and whatever the consumer put beside\n      // it must not read through.\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      // Centres the 40px field against the 48px bar.\n      insetBlockStart: '4',\n      insetInlineEnd: 0,\n      opacity: 0,\n      paddingInlineEnd: '12',\n      paddingInlineStart: '8',\n      pointerEvents: 'none',\n      position: 'absolute',\n      transitionDuration: 'fast',\n      transitionProperty: 'opacity',\n      transitionTimingFunction: 'ease-out',\n      width: SEARCH_FIELD_WIDTH,\n      // The field is the control, so it takes the ring the input would have drawn inside it.\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        pointerEvents: 'auto',\n      },\n      _motionReduce: {\n        transitionProperty: 'none',\n      },\n      tablet: {\n        display: 'flex',\n      },\n    },\n    // The open field covers its own button, so the button stops being something to look at, click\n    // or tab to. It keeps its space: the field is positioned against it.\n    searchButton: {\n      _open: {\n        visibility: 'hidden',\n      },\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      // `type=\"search\"` draws a clear button of its own, which would sit beside ours.\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":";;;;;;;;;;;AAYA,IAAa,iBAAiB,IAAI,EAAE;AAIpC,IAAM,qBAAqB,IAAI,GAAG;AAIlC,IAAM,oBAAoB;AAgC1B,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;CAEZ,cAAc;CACd,OAAO;CACP,QAAQ;CACR,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,UAAU;CACV,gBAAgB;CAGhB,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;EAIA,QAAQ;GACN,YAAY;GACZ,OAAO;GACP,QAAQ,EACN,SAAS,OACX;EACF;EAIA,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;GAGT,gBAAgB,IAAI,CAAC;EACvB;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,YAAY;GAGZ,mBAAmB;GACnB,QAAQ,EACN,kBAAkB,KACpB;EACF;EACA,QAAQ,EACN,OAAO,OACT;EACA,SAAS;GACP,GAAG;GACH,OAAO;EACT;EACA,SAAS;GACP,GAAG;GACH,OAAO;EACT;EAIA,eAAe;GAGb,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;EAGA,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;GAGZ,kBAAkB,IAAI,EAAE;GACxB,mBAAmB;EACrB;EACA,OAAO;GACL,YAAY;GACZ,cAAc;GACd,QAAQ;GAGR,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;EAIA,aAAa;GACX,YAAY;GAKZ,iBAAiB;GACjB,iBAAiB,yBAAyB,kBAAkB,OAAO,kBAAkB;GACrF,aAAa;GACb,cAAc;GACd,aAAa;GACb,aAAa;GACb,SAAS;GACT,KAAK;GACL,QAAQ;GAER,iBAAiB;GACjB,gBAAgB;GAChB,SAAS;GACT,kBAAkB;GAClB,oBAAoB;GACpB,eAAe;GACf,UAAU;GACV,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,OAAO;GAEP,8BAA8B,EAC5B,WAAW,8DACb;GACA,OAAO;IACL,SAAS;IACT,eAAe;GACjB;GACA,eAAe,EACb,oBAAoB,OACtB;GACA,QAAQ,EACN,SAAS,OACX;EACF;EAGA,cAAc,EACZ,OAAO,EACL,YAAY,SACd,EACF;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;GAEX,mCAAmC,EAAE,SAAS,OAAO;GACrD,cAAc;IACZ,OAAO;IACP,SAAS;GACX;EACF;CACF;AACF,CAAC"}