@bitrise/bitkit-v2 0.3.205 → 0.3.207

package/dist/components/{BitkitToggle/components/BitkitToggleValueText.js → BitkitSwitch/components/BitkitSwitchValueText.js}

@@ -1,19 +1,19 @@
-import { isOnOff } from "../BitkitToggle.utils.js";
+import { isOnOff } from "../BitkitSwitch.utils.js";
 import { jsx } from "react/jsx-runtime";
 import { Skeleton } from "@chakra-ui/react/skeleton";
 import { Switch, useSwitchContext } from "@chakra-ui/react/switch";
-//#region lib/components/BitkitToggle/components/BitkitToggleValueText.tsx
-var BitkitToggleValueText = ({ size, state, valueText }) => {
+//#region lib/components/BitkitSwitch/components/BitkitSwitchValueText.tsx
+var BitkitSwitchValueText = ({ size, state, valueText }) => {
 	const { checked } = useSwitchContext();
 	if (state === "skeleton") return /* @__PURE__ */ jsx(Skeleton, {
-		height: size === "sm" ? "12" : "16",
-		width: size === "sm" ? "64" : "128"
+		height: size === "md" ? "12" : "16",
+		width: size === "md" ? "64" : "128"
 	});
 	if (!valueText) return null;
 	if (!isOnOff(valueText)) return /* @__PURE__ */ jsx(Switch.Label, { children: valueText });
 	return /* @__PURE__ */ jsx(Switch.Label, { children: checked ? valueText.on : valueText.off });
 };
 //#endregion
-export { BitkitToggleValueText as default };
+export { BitkitSwitchValueText as default };
 
-//# sourceMappingURL=BitkitToggleValueText.js.map
+//# sourceMappingURL=BitkitSwitchValueText.js.map

package/dist/components/BitkitSwitch/components/BitkitSwitchValueText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitSwitchValueText.js","names":[],"sources":["../../../../lib/components/BitkitSwitch/components/BitkitSwitchValueText.tsx"],"sourcesContent":["import { Skeleton } from '@chakra-ui/react/skeleton';\nimport { Switch, useSwitchContext } from '@chakra-ui/react/switch';\n\nimport type { BitkitSwitchDynamicTextProps } from '../BitkitSwitch.types';\nimport { isOnOff } from '../BitkitSwitch.utils';\n\nconst BitkitSwitchValueText = ({\n  size,\n  state,\n  valueText,\n}: Pick<BitkitSwitchDynamicTextProps, 'size' | 'state' | 'valueText'>) => {\n  const { checked } = useSwitchContext();\n\n  if (state === 'skeleton') {\n    return <Skeleton height={size === 'md' ? '12' : '16'} width={size === 'md' ? '64' : '128'} />;\n  }\n\n  if (!valueText) {\n    return null;\n  }\n\n  if (!isOnOff(valueText)) {\n    return <Switch.Label>{valueText}</Switch.Label>;\n  }\n\n  return <Switch.Label>{checked ? valueText.on : valueText.off}</Switch.Label>;\n};\n\nexport default BitkitSwitchValueText;\n"],"mappings":";;;;;AAMA,IAAM,yBAAyB,EAC7B,MACA,OACA,gBACwE;CACxE,MAAM,EAAE,YAAY,kBAAkB;AAEtC,KAAI,UAAU,WACZ,QAAO,oBAAC,UAAD;EAAU,QAAQ,SAAS,OAAO,OAAO;EAAM,OAAO,SAAS,OAAO,OAAO;EAAS,CAAA;AAG/F,KAAI,CAAC,UACH,QAAO;AAGT,KAAI,CAAC,QAAQ,UAAU,CACrB,QAAO,oBAAC,OAAO,OAAR,EAAA,UAAe,WAAyB,CAAA;AAGjD,QAAO,oBAAC,OAAO,OAAR,EAAA,UAAe,UAAU,UAAU,KAAK,UAAU,KAAmB,CAAA"}

package/dist/components/BitkitSwitch/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './BitkitSwitch';
+export type { BitkitSwitchProps } from './BitkitSwitch.types';

package/dist/components/BitkitTag/BitkitTag.js

@@ -27,7 +27,7 @@ var BitkitTag = (props) => {
 				children: /* @__PURE__ */ jsx(BitkitCloseButton, {
 					disabled: isDisabled || isSkeleton,
 					size: "xs",
-					"aria-label": "Remove tag",
+					"aria-label": "Remove",
 					colorPalette: rest.colorPalette,
 					onClick: onRemove
 				})

package/dist/components/BitkitTag/BitkitTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitTag.js","names":[],"sources":["../../../lib/components/BitkitTag/BitkitTag.tsx"],"sourcesContent":["import { Skeleton } from '@chakra-ui/react/skeleton';\nimport { Tag, type TagRootProps } from '@chakra-ui/react/tag';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\n\nexport interface BitkitTagProps extends TagRootProps {\n  icon?: BitkitIconComponent;\n  labelText: string;\n  onRemove?: () => void;\n  state?: 'disabled' | 'skeleton';\n}\n\nconst BitkitTag = (props: BitkitTagProps) => {\n  const { labelText, icon: Icon, onRemove, state, ...rest } = props;\n  const isSkeleton = state === 'skeleton';\n  const isDisabled = !!rest.disabled || state === 'disabled';\n  return (\n    <Tag.Root {...rest} disabled={isDisabled}>\n      {!!Icon && (\n        <Tag.StartElement asChild>\n          <Icon size=\"16\" />\n        </Tag.StartElement>\n      )}\n      <Skeleton loading={isSkeleton} height={isSkeleton ? '8' : undefined} overflow=\"hidden\" borderRadius=\"0\">\n        <Tag.Label>{labelText}</Tag.Label>\n      </Skeleton>\n      {!!onRemove && (\n        <Tag.EndElement asChild>\n          <BitkitCloseButton\n            disabled={isDisabled || isSkeleton}\n            size=\"xs\"\n            aria-label=\"Remove tag\"\n            colorPalette={rest.colorPalette}\n            onClick={onRemove}\n          />\n        </Tag.EndElement>\n      )}\n    </Tag.Root>\n  );\n};\n\nexport default BitkitTag;\n"],"mappings":";;;;;AAaA,IAAM,aAAa,UAA0B;CAC3C,MAAM,EAAE,WAAW,MAAM,MAAM,UAAU,OAAO,GAAG,SAAS;CAC5D,MAAM,aAAa,UAAU;CAC7B,MAAM,aAAa,CAAC,CAAC,KAAK,YAAY,UAAU;AAChD,QACE,qBAAC,IAAI,MAAL;EAAU,GAAI;EAAM,UAAU;YAA9B;GACG,CAAC,CAAC,QACD,oBAAC,IAAI,cAAL;IAAkB,SAAA;cAChB,oBAAC,MAAD,EAAM,MAAK,MAAO,CAAA;IACD,CAAA;GAErB,oBAAC,UAAD;IAAU,SAAS;IAAY,QAAQ,aAAa,MAAM,KAAA;IAAW,UAAS;IAAS,cAAa;cAClG,oBAAC,IAAI,OAAL,EAAA,UAAY,WAAsB,CAAA;IACzB,CAAA;GACV,CAAC,CAAC,YACD,oBAAC,IAAI,YAAL;IAAgB,SAAA;cACd,oBAAC,mBAAD;KACE,UAAU,cAAc;KACxB,MAAK;KACL,cAAW;KACX,cAAc,KAAK;KACnB,SAAS;KACT,CAAA;IACa,CAAA;GAEV"}
+{"version":3,"file":"BitkitTag.js","names":[],"sources":["../../../lib/components/BitkitTag/BitkitTag.tsx"],"sourcesContent":["import { Skeleton } from '@chakra-ui/react/skeleton';\nimport { Tag, type TagRootProps } from '@chakra-ui/react/tag';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\n\nexport interface BitkitTagProps extends TagRootProps {\n  icon?: BitkitIconComponent;\n  labelText: string;\n  onRemove?: () => void;\n  state?: 'disabled' | 'skeleton';\n}\n\nconst BitkitTag = (props: BitkitTagProps) => {\n  const { labelText, icon: Icon, onRemove, state, ...rest } = props;\n  const isSkeleton = state === 'skeleton';\n  const isDisabled = !!rest.disabled || state === 'disabled';\n  return (\n    <Tag.Root {...rest} disabled={isDisabled}>\n      {!!Icon && (\n        <Tag.StartElement asChild>\n          <Icon size=\"16\" />\n        </Tag.StartElement>\n      )}\n      <Skeleton loading={isSkeleton} height={isSkeleton ? '8' : undefined} overflow=\"hidden\" borderRadius=\"0\">\n        <Tag.Label>{labelText}</Tag.Label>\n      </Skeleton>\n      {!!onRemove && (\n        <Tag.EndElement asChild>\n          <BitkitCloseButton\n            disabled={isDisabled || isSkeleton}\n            size=\"xs\"\n            aria-label=\"Remove\"\n            colorPalette={rest.colorPalette}\n            onClick={onRemove}\n          />\n        </Tag.EndElement>\n      )}\n    </Tag.Root>\n  );\n};\n\nexport default BitkitTag;\n"],"mappings":";;;;;AAaA,IAAM,aAAa,UAA0B;CAC3C,MAAM,EAAE,WAAW,MAAM,MAAM,UAAU,OAAO,GAAG,SAAS;CAC5D,MAAM,aAAa,UAAU;CAC7B,MAAM,aAAa,CAAC,CAAC,KAAK,YAAY,UAAU;AAChD,QACE,qBAAC,IAAI,MAAL;EAAU,GAAI;EAAM,UAAU;YAA9B;GACG,CAAC,CAAC,QACD,oBAAC,IAAI,cAAL;IAAkB,SAAA;cAChB,oBAAC,MAAD,EAAM,MAAK,MAAO,CAAA;IACD,CAAA;GAErB,oBAAC,UAAD;IAAU,SAAS;IAAY,QAAQ,aAAa,MAAM,KAAA;IAAW,UAAS;IAAS,cAAa;cAClG,oBAAC,IAAI,OAAL,EAAA,UAAY,WAAsB,CAAA;IACzB,CAAA;GACV,CAAC,CAAC,YACD,oBAAC,IAAI,YAAL;IAAgB,SAAA;cACd,oBAAC,mBAAD;KACE,UAAU,cAAc;KACxB,MAAK;KACL,cAAW;KACX,cAAc,KAAK;KACnB,SAAS;KACT,CAAA;IACa,CAAA;GAEV"}

package/dist/components/BitkitTagsInput/BitkitTagsInput.d.ts

@@ -2,6 +2,7 @@ import { TagsInput } from '@chakra-ui/react/tags-input';
 import { BitkitFieldProps } from '../BitkitField/BitkitField';
 export interface BitkitTagsInputProps extends Omit<BitkitFieldProps, 'children' | 'state'> {
     addOnPaste?: TagsInput.RootProps['addOnPaste'];
+    blurBehavior?: TagsInput.RootProps['blurBehavior'];
     defaultValue?: string[];
     delimiter?: TagsInput.RootProps['delimiter'];
     max?: number;

package/dist/components/BitkitTagsInput/BitkitTagsInput.js

@@ -7,8 +7,10 @@ import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { TagsInput } from "@chakra-ui/react/tags-input";
 //#region lib/components/BitkitTagsInput/BitkitTagsInput.tsx
+var rejectEmpty = ({ inputValue }) => inputValue.trim().length > 0;
 var BitkitTagsInput = forwardRef((props, ref) => {
-	const { addOnPaste, defaultValue, delimiter = " ", max, onValueChange, placeholder, size = "lg", state, validate, value, ...fieldProps } = props;
+	const { addOnPaste = true, blurBehavior = "add", defaultValue, delimiter = /[\s,]+/, max, onValueChange, placeholder, size = "lg", state, validate, value, ...fieldProps } = props;
+	const effectiveValidate = (details) => rejectEmpty(details) && (validate?.(details) ?? true);
 	const styles = useSlotRecipe({ key: "tagsInput" })({ size });
 	const hasWarning = state === "warning" || !!fieldProps.warningText;
 	const isInvalid = state === "error" || !!fieldProps.errorText;
@@ -25,6 +27,7 @@ var BitkitTagsInput = forwardRef((props, ref) => {
 	});
 	return /* @__PURE__ */ jsx(TagsInput.Root, {
 		addOnPaste,
+		blurBehavior,
 		defaultValue,
 		delimiter,
 		disabled: isDisabled,
@@ -33,7 +36,7 @@ var BitkitTagsInput = forwardRef((props, ref) => {
 		onValueChange,
 		readOnly: isReadOnly,
 		size,
-		validate,
+		validate: effectiveValidate,
 		value,
 		children: /* @__PURE__ */ jsx(TagsInput.Context, { children: ({ value: tagValues }) => /* @__PURE__ */ jsxs(BitkitField, {
 			counterText: max !== void 0 ? `${tagValues.length}/${max}` : void 0,

package/dist/components/BitkitTagsInput/BitkitTagsInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitTagsInput.js","names":[],"sources":["../../../lib/components/BitkitTagsInput/BitkitTagsInput.tsx"],"sourcesContent":["import { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { TagsInput } from '@chakra-ui/react/tags-input';\nimport { forwardRef } from 'react';\n\nimport { IconCross, IconErrorCircleFilled, IconWarningYellow } from '../../icons';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField';\n\nexport interface BitkitTagsInputProps extends Omit<BitkitFieldProps, 'children' | 'state'> {\n  addOnPaste?: TagsInput.RootProps['addOnPaste'];\n  defaultValue?: string[];\n  delimiter?: TagsInput.RootProps['delimiter'];\n  max?: number;\n  onValueChange?: TagsInput.RootProps['onValueChange'];\n  placeholder?: string;\n  size?: 'md' | 'lg';\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n  validate?: TagsInput.RootProps['validate'];\n  value?: string[];\n}\n\nconst BitkitTagsInput = forwardRef<HTMLDivElement, BitkitTagsInputProps>((props, ref) => {\n  const {\n    addOnPaste,\n    defaultValue,\n    delimiter = ' ',\n    max,\n    onValueChange,\n    placeholder,\n    size = 'lg',\n    state,\n    validate,\n    value,\n    ...fieldProps\n  } = props;\n\n  const styles = useSlotRecipe({ key: 'tagsInput' })({ size });\n\n  const hasWarning = state === 'warning' || !!fieldProps.warningText;\n  const isInvalid = state === 'error' || !!fieldProps.errorText;\n  const isDisabled = state === 'disabled';\n  const isReadOnly = state === 'readOnly';\n\n  let statusIcon = undefined;\n  if (isInvalid) {\n    statusIcon = <IconErrorCircleFilled color=\"icon/negative\" size={size === 'lg' ? '24' : '16'} />;\n  } else if (hasWarning) {\n    statusIcon = <IconWarningYellow color=\"icon/warning\" size={size === 'lg' ? '24' : '16'} />;\n  }\n\n  return (\n    <TagsInput.Root\n      addOnPaste={addOnPaste}\n      defaultValue={defaultValue}\n      delimiter={delimiter}\n      disabled={isDisabled}\n      invalid={isInvalid}\n      max={max}\n      onValueChange={onValueChange}\n      readOnly={isReadOnly}\n      size={size}\n      validate={validate}\n      value={value}\n    >\n      <TagsInput.Context>\n        {({ value: tagValues }) => (\n          <BitkitField\n            counterText={max !== undefined ? `${tagValues.length}/${max}` : undefined}\n            ref={ref}\n            state={state}\n            {...fieldProps}\n          >\n            <TagsInput.Control>\n              <chakra.div css={styles.tagsBlock}>\n                {tagValues.map((tagValue, index) => (\n                  <TagsInput.Item index={index} key={tagValue} value={tagValue}>\n                    <TagsInput.ItemPreview>\n                      <TagsInput.ItemText>{tagValue}</TagsInput.ItemText>\n                      {!isReadOnly && (\n                        <TagsInput.ItemDeleteTrigger>\n                          <IconCross size=\"16\" />\n                        </TagsInput.ItemDeleteTrigger>\n                      )}\n                    </TagsInput.ItemPreview>\n                    <TagsInput.ItemInput />\n                  </TagsInput.Item>\n                ))}\n                <TagsInput.Input placeholder={placeholder} />\n              </chakra.div>\n              {(statusIcon || (tagValues.length > 0 && !isDisabled && !isReadOnly)) && (\n                <chakra.div css={styles.suffixBlock}>\n                  {statusIcon}\n                  {tagValues.length > 0 && !isDisabled && !isReadOnly && (\n                    <TagsInput.ClearTrigger css={styles.clearTrigger}>\n                      <IconCross size={size === 'lg' ? '24' : '16'} />\n                    </TagsInput.ClearTrigger>\n                  )}\n                </chakra.div>\n              )}\n            </TagsInput.Control>\n            <TagsInput.HiddenInput />\n          </BitkitField>\n        )}\n      </TagsInput.Context>\n    </TagsInput.Root>\n  );\n});\n\nBitkitTagsInput.displayName = 'BitkitTagsInput';\nexport default BitkitTagsInput;\n"],"mappings":";;;;;;;;;AAoBA,IAAM,kBAAkB,YAAkD,OAAO,QAAQ;CACvF,MAAM,EACJ,YACA,cACA,YAAY,KACZ,KACA,eACA,aACA,OAAO,MACP,OACA,UACA,OACA,GAAG,eACD;CAEJ,MAAM,SAAS,cAAc,EAAE,KAAK,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAE5D,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,WAAW;CACvD,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,WAAW;CACpD,MAAM,aAAa,UAAU;CAC7B,MAAM,aAAa,UAAU;CAE7B,IAAI,aAAa,KAAA;AACjB,KAAI,UACF,cAAa,oBAAC,uBAAD;EAAuB,OAAM;EAAgB,MAAM,SAAS,OAAO,OAAO;EAAQ,CAAA;UACtF,WACT,cAAa,oBAAC,mBAAD;EAAmB,OAAM;EAAe,MAAM,SAAS,OAAO,OAAO;EAAQ,CAAA;AAG5F,QACE,oBAAC,UAAU,MAAX;EACc;EACE;EACH;EACX,UAAU;EACV,SAAS;EACJ;EACU;EACf,UAAU;EACJ;EACI;EACH;YAEP,oBAAC,UAAU,SAAX,EAAA,WACI,EAAE,OAAO,gBACT,qBAAC,aAAD;GACE,aAAa,QAAQ,KAAA,IAAY,GAAG,UAAU,OAAO,GAAG,QAAQ,KAAA;GAC3D;GACE;GACP,GAAI;aAJN,CAME,qBAAC,UAAU,SAAX,EAAA,UAAA,CACE,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACG,UAAU,KAAK,UAAU,UACxB,qBAAC,UAAU,MAAX;KAAuB;KAAsB,OAAO;eAApD,CACE,qBAAC,UAAU,aAAX,EAAA,UAAA,CACE,oBAAC,UAAU,UAAX,EAAA,UAAqB,UAA8B,CAAA,EAClD,CAAC,cACA,oBAAC,UAAU,mBAAX,EAAA,UACE,oBAAC,WAAD,EAAW,MAAK,MAAO,CAAA,EACK,CAAA,CAEV,EAAA,CAAA,EACxB,oBAAC,UAAU,WAAX,EAAuB,CAAA,CACR;OAVkB,SAUlB,CACjB,EACF,oBAAC,UAAU,OAAX,EAA8B,aAAe,CAAA,CAClC;QACX,cAAe,UAAU,SAAS,KAAK,CAAC,cAAc,CAAC,eACvD,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACG,YACA,UAAU,SAAS,KAAK,CAAC,cAAc,CAAC,cACvC,oBAAC,UAAU,cAAX;KAAwB,KAAK,OAAO;eAClC,oBAAC,WAAD,EAAW,MAAM,SAAS,OAAO,OAAO,MAAQ,CAAA;KACzB,CAAA,CAEhB;MAEG,EAAA,CAAA,EACpB,oBAAC,UAAU,aAAX,EAAyB,CAAA,CACb;MAEE,CAAA;EACL,CAAA;EAEnB;AAEF,gBAAgB,cAAc"}
+{"version":3,"file":"BitkitTagsInput.js","names":[],"sources":["../../../lib/components/BitkitTagsInput/BitkitTagsInput.tsx"],"sourcesContent":["import { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { TagsInput } from '@chakra-ui/react/tags-input';\nimport { forwardRef } from 'react';\n\nimport { IconCross, IconErrorCircleFilled, IconWarningYellow } from '../../icons';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField';\n\nexport interface BitkitTagsInputProps extends Omit<BitkitFieldProps, 'children' | 'state'> {\n  addOnPaste?: TagsInput.RootProps['addOnPaste'];\n  blurBehavior?: TagsInput.RootProps['blurBehavior'];\n  defaultValue?: string[];\n  delimiter?: TagsInput.RootProps['delimiter'];\n  max?: number;\n  onValueChange?: TagsInput.RootProps['onValueChange'];\n  placeholder?: string;\n  size?: 'md' | 'lg';\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n  validate?: TagsInput.RootProps['validate'];\n  value?: string[];\n}\n\nconst rejectEmpty: NonNullable<TagsInput.RootProps['validate']> = ({ inputValue }) => inputValue.trim().length > 0;\n\nconst BitkitTagsInput = forwardRef<HTMLDivElement, BitkitTagsInputProps>((props, ref) => {\n  const {\n    addOnPaste = true,\n    blurBehavior = 'add',\n    defaultValue,\n    // Greedy `+` collapses runs of whitespace/commas into a single delimiter so pasting\n    // \"alpha,  beta\" doesn't spawn an empty tag between the alpha and beta.\n    delimiter = /[\\s,]+/,\n    max,\n    onValueChange,\n    placeholder,\n    size = 'lg',\n    state,\n    validate,\n    value,\n    ...fieldProps\n  } = props;\n\n  // Always reject empty/whitespace-only input (covers leading/trailing delimiters on paste\n  // and blurBehavior=\"add\" with an empty input). Chain with a user-supplied validate if any.\n  const effectiveValidate: NonNullable<TagsInput.RootProps['validate']> = (details) =>\n    rejectEmpty(details) && (validate?.(details) ?? true);\n\n  const styles = useSlotRecipe({ key: 'tagsInput' })({ size });\n\n  const hasWarning = state === 'warning' || !!fieldProps.warningText;\n  const isInvalid = state === 'error' || !!fieldProps.errorText;\n  const isDisabled = state === 'disabled';\n  const isReadOnly = state === 'readOnly';\n\n  let statusIcon = undefined;\n  if (isInvalid) {\n    statusIcon = <IconErrorCircleFilled color=\"icon/negative\" size={size === 'lg' ? '24' : '16'} />;\n  } else if (hasWarning) {\n    statusIcon = <IconWarningYellow color=\"icon/warning\" size={size === 'lg' ? '24' : '16'} />;\n  }\n\n  return (\n    <TagsInput.Root\n      addOnPaste={addOnPaste}\n      blurBehavior={blurBehavior}\n      defaultValue={defaultValue}\n      delimiter={delimiter}\n      disabled={isDisabled}\n      invalid={isInvalid}\n      max={max}\n      onValueChange={onValueChange}\n      readOnly={isReadOnly}\n      size={size}\n      validate={effectiveValidate}\n      value={value}\n    >\n      <TagsInput.Context>\n        {({ value: tagValues }) => (\n          <BitkitField\n            counterText={max !== undefined ? `${tagValues.length}/${max}` : undefined}\n            ref={ref}\n            state={state}\n            {...fieldProps}\n          >\n            <TagsInput.Control>\n              <chakra.div css={styles.tagsBlock}>\n                {tagValues.map((tagValue, index) => (\n                  <TagsInput.Item index={index} key={tagValue} value={tagValue}>\n                    <TagsInput.ItemPreview>\n                      <TagsInput.ItemText>{tagValue}</TagsInput.ItemText>\n                      {!isReadOnly && (\n                        <TagsInput.ItemDeleteTrigger>\n                          <IconCross size=\"16\" />\n                        </TagsInput.ItemDeleteTrigger>\n                      )}\n                    </TagsInput.ItemPreview>\n                    <TagsInput.ItemInput />\n                  </TagsInput.Item>\n                ))}\n                <TagsInput.Input placeholder={placeholder} />\n              </chakra.div>\n              {(statusIcon || (tagValues.length > 0 && !isDisabled && !isReadOnly)) && (\n                <chakra.div css={styles.suffixBlock}>\n                  {statusIcon}\n                  {tagValues.length > 0 && !isDisabled && !isReadOnly && (\n                    <TagsInput.ClearTrigger css={styles.clearTrigger}>\n                      <IconCross size={size === 'lg' ? '24' : '16'} />\n                    </TagsInput.ClearTrigger>\n                  )}\n                </chakra.div>\n              )}\n            </TagsInput.Control>\n            <TagsInput.HiddenInput />\n          </BitkitField>\n        )}\n      </TagsInput.Context>\n    </TagsInput.Root>\n  );\n});\n\nBitkitTagsInput.displayName = 'BitkitTagsInput';\nexport default BitkitTagsInput;\n"],"mappings":";;;;;;;;;AAqBA,IAAM,eAA6D,EAAE,iBAAiB,WAAW,MAAM,CAAC,SAAS;AAEjH,IAAM,kBAAkB,YAAkD,OAAO,QAAQ;CACvF,MAAM,EACJ,aAAa,MACb,eAAe,OACf,cAGA,YAAY,UACZ,KACA,eACA,aACA,OAAO,MACP,OACA,UACA,OACA,GAAG,eACD;CAIJ,MAAM,qBAAmE,YACvE,YAAY,QAAQ,KAAK,WAAW,QAAQ,IAAI;CAElD,MAAM,SAAS,cAAc,EAAE,KAAK,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAE5D,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,WAAW;CACvD,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,WAAW;CACpD,MAAM,aAAa,UAAU;CAC7B,MAAM,aAAa,UAAU;CAE7B,IAAI,aAAa,KAAA;AACjB,KAAI,UACF,cAAa,oBAAC,uBAAD;EAAuB,OAAM;EAAgB,MAAM,SAAS,OAAO,OAAO;EAAQ,CAAA;UACtF,WACT,cAAa,oBAAC,mBAAD;EAAmB,OAAM;EAAe,MAAM,SAAS,OAAO,OAAO;EAAQ,CAAA;AAG5F,QACE,oBAAC,UAAU,MAAX;EACc;EACE;EACA;EACH;EACX,UAAU;EACV,SAAS;EACJ;EACU;EACf,UAAU;EACJ;EACN,UAAU;EACH;YAEP,oBAAC,UAAU,SAAX,EAAA,WACI,EAAE,OAAO,gBACT,qBAAC,aAAD;GACE,aAAa,QAAQ,KAAA,IAAY,GAAG,UAAU,OAAO,GAAG,QAAQ,KAAA;GAC3D;GACE;GACP,GAAI;aAJN,CAME,qBAAC,UAAU,SAAX,EAAA,UAAA,CACE,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACG,UAAU,KAAK,UAAU,UACxB,qBAAC,UAAU,MAAX;KAAuB;KAAsB,OAAO;eAApD,CACE,qBAAC,UAAU,aAAX,EAAA,UAAA,CACE,oBAAC,UAAU,UAAX,EAAA,UAAqB,UAA8B,CAAA,EAClD,CAAC,cACA,oBAAC,UAAU,mBAAX,EAAA,UACE,oBAAC,WAAD,EAAW,MAAK,MAAO,CAAA,EACK,CAAA,CAEV,EAAA,CAAA,EACxB,oBAAC,UAAU,WAAX,EAAuB,CAAA,CACR;OAVkB,SAUlB,CACjB,EACF,oBAAC,UAAU,OAAX,EAA8B,aAAe,CAAA,CAClC;QACX,cAAe,UAAU,SAAS,KAAK,CAAC,cAAc,CAAC,eACvD,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACG,YACA,UAAU,SAAS,KAAK,CAAC,cAAc,CAAC,cACvC,oBAAC,UAAU,cAAX;KAAwB,KAAK,OAAO;eAClC,oBAAC,WAAD,EAAW,MAAM,SAAS,OAAO,OAAO,MAAQ,CAAA;KACzB,CAAA,CAEhB;MAEG,EAAA,CAAA,EACpB,oBAAC,UAAU,aAAX,EAAyB,CAAA,CACb;MAEE,CAAA;EACL,CAAA;EAEnB;AAEF,gBAAgB,cAAc"}

package/dist/components/BitkitTreeView/BitkitTreeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitTreeView.js","names":[],"sources":["../../../lib/components/BitkitTreeView/BitkitTreeView.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { Box } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport {\n  TreeView,\n  type TreeViewBranchControlProps,\n  type TreeViewItemProps,\n  type TreeViewNodeRenderProps,\n  type TreeViewRootProps,\n} from '@chakra-ui/react/tree-view';\nimport { cloneElement, forwardRef, type ReactElement, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent, IconChevronRight, IconFolder, IconWarningYellow } from '../../icons';\n\n// Re-export for consumer convenience\nexport { createTreeCollection } from '@chakra-ui/react/collection';\n\n// Re-export useful types\nexport type {\n  TreeViewExpandedChangeDetails as BitkitTreeViewExpandedChangeDetails,\n  TreeViewNodeRenderProps as BitkitTreeViewNodeRenderProps,\n  TreeViewSelectionChangeDetails as BitkitTreeViewSelectionChangeDetails,\n} from '@chakra-ui/react/tree-view';\n\n// --- Variant context ---\n\nexport type BitkitTreeViewVariant = 'files' | 'navigation';\n\nconst [VariantProvider, useVariant] = createContext<{ variant: BitkitTreeViewVariant }>({\n  name: 'BitkitTreeViewVariantContext',\n  defaultValue: { variant: 'files' },\n});\n\nconst useCustomSlotStyles = (variant: BitkitTreeViewVariant) => {\n  const recipe = useSlotRecipe({ key: 'treeView' });\n  return recipe({ variant });\n};\n\n// --- Root ---\n\nexport interface BitkitTreeViewRootProps extends Omit<TreeViewRootProps, 'children'> {\n  children?: ReactNode;\n  render: (props: TreeViewNodeRenderProps) => ReactNode;\n  variant?: BitkitTreeViewVariant;\n}\n\nconst Root = forwardRef<HTMLDivElement, BitkitTreeViewRootProps>(\n  ({ children, render, variant = 'files', ...props }, ref) => {\n    const indentGuide = variant === 'files' ? <TreeView.BranchIndentGuide /> : undefined;\n\n    return (\n      <VariantProvider value={{ variant }}>\n        <TreeView.Root ref={ref} variant={variant} {...props}>\n          <TreeView.Tree>\n            <TreeView.Node indentGuide={indentGuide} render={render as never} />\n            {children}\n          </TreeView.Tree>\n        </TreeView.Root>\n      </VariantProvider>\n    );\n  },\n);\nRoot.displayName = 'BitkitTreeView';\n\n// --- Branch ---\n\nexport interface BitkitTreeViewBranchProps extends Omit<TreeViewBranchControlProps, 'children'> {\n  actions?: ReactElement[];\n  hasWarning?: boolean;\n  label: string;\n  subtext?: ReactNode;\n  suffixIcon?: BitkitIconComponent;\n  suffixText?: string;\n}\n\nconst Branch = forwardRef<HTMLDivElement, BitkitTreeViewBranchProps>((props, ref) => {\n  const { actions, hasWarning, label, subtext, suffixIcon: SuffixIcon, suffixText, ...rest } = props;\n  const { variant } = useVariant();\n  const styles = useCustomSlotStyles(variant);\n  const hasSuffix = hasWarning || SuffixIcon || suffixText;\n  const hasActions = actions && actions.length > 0;\n\n  const BranchIcon = variant === 'navigation' ? IconChevronRight : IconFolder;\n\n  return (\n    <TreeView.BranchControl ref={ref} className={hasActions ? 'group' : undefined} {...rest}>\n      <TreeView.BranchIndicator>\n        <BranchIcon size=\"16\" />\n      </TreeView.BranchIndicator>\n      <TreeView.BranchText>\n        {label}\n        {subtext && <Text css={styles.secondaryText}>{subtext}</Text>}\n      </TreeView.BranchText>\n      {hasSuffix && (\n        <Box css={styles.suffixGroup}>\n          {hasWarning && <IconWarningYellow size=\"16\" />}\n          {SuffixIcon && <SuffixIcon size=\"16\" />}\n          {suffixText && <span>{suffixText}</span>}\n        </Box>\n      )}\n      {hasActions && (\n        <Box css={styles.actionGroup}>{actions.map((action) => cloneElement(action, { size: 'xs' }))}</Box>\n      )}\n    </TreeView.BranchControl>\n  );\n});\nBranch.displayName = 'BitkitTreeView.Branch';\n\n// --- Leaf ---\n\nexport interface BitkitTreeViewLeafProps extends Omit<TreeViewItemProps, 'children'> {\n  actions?: ReactElement[];\n  badge?: ReactElement;\n  hasWarning?: boolean;\n  icon?: BitkitIconComponent;\n  label: string;\n  subtext?: ReactNode;\n  suffixIcon?: BitkitIconComponent;\n  suffixText?: string;\n}\n\nconst Leaf = forwardRef<HTMLDivElement, BitkitTreeViewLeafProps>((props, ref) => {\n  const { actions, badge, hasWarning, icon: Icon, label, subtext, suffixIcon: SuffixIcon, suffixText, ...rest } = props;\n  const { variant } = useVariant();\n  const styles = useCustomSlotStyles(variant);\n  const hasSuffix = hasWarning || SuffixIcon || suffixText;\n  const hasActions = actions && actions.length > 0;\n\n  return (\n    <TreeView.Item ref={ref} className={hasActions ? 'group' : undefined} {...rest}>\n      {Icon && <Icon size=\"16\" />}\n      {badge && cloneElement(badge, { size: 'xxs' })}\n      <TreeView.ItemText>\n        {label}\n        {subtext && <Text css={styles.secondaryText}>{subtext}</Text>}\n      </TreeView.ItemText>\n      {hasSuffix && (\n        <Box css={styles.suffixGroup}>\n          {hasWarning && <IconWarningYellow size=\"16\" />}\n          {SuffixIcon && <SuffixIcon size=\"16\" />}\n          {suffixText && <span>{suffixText}</span>}\n        </Box>\n      )}\n      {hasActions && (\n        <Box css={styles.actionGroup}>{actions.map((action) => cloneElement(action, { size: 'xs' }))}</Box>\n      )}\n    </TreeView.Item>\n  );\n});\nLeaf.displayName = 'BitkitTreeView.Leaf';\n\n// --- Main export ---\n\nconst BitkitTreeView = Object.assign(Root, {\n  Branch,\n  Leaf,\n});\n\nexport default BitkitTreeView;\n"],"mappings":"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"}
+{"version":3,"file":"BitkitTreeView.js","names":[],"sources":["../../../lib/components/BitkitTreeView/BitkitTreeView.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { Box } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport {\n  TreeView,\n  type TreeViewBranchControlProps,\n  type TreeViewItemProps,\n  type TreeViewNodeRenderProps,\n  type TreeViewRootProps,\n} from '@chakra-ui/react/tree-view';\nimport { cloneElement, forwardRef, type ReactElement, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent, IconChevronRight, IconFolder, IconWarningYellow } from '../../icons';\n\n// Re-export for consumer convenience\nexport { createTreeCollection } from '@chakra-ui/react/collection';\n\n// Re-export useful types\nexport type {\n  TreeViewExpandedChangeDetails as BitkitTreeViewExpandedChangeDetails,\n  TreeViewNodeRenderProps as BitkitTreeViewNodeRenderProps,\n  TreeViewSelectionChangeDetails as BitkitTreeViewSelectionChangeDetails,\n} from '@chakra-ui/react/tree-view';\n\n// --- Variant context ---\n\nexport type BitkitTreeViewVariant = 'files' | 'navigation';\n\nconst [VariantProvider, useVariant] = createContext<{ variant: BitkitTreeViewVariant }>({\n  name: 'BitkitTreeViewVariantContext',\n  defaultValue: { variant: 'files' },\n});\n\nconst useCustomSlotStyles = (variant: BitkitTreeViewVariant) => {\n  const recipe = useSlotRecipe({ key: 'treeView' });\n  return recipe({ variant });\n};\n\n// --- Root ---\n\nexport interface BitkitTreeViewRootProps extends Omit<TreeViewRootProps, 'children'> {\n  children?: ReactNode;\n  render: (props: TreeViewNodeRenderProps) => ReactNode;\n  variant?: BitkitTreeViewVariant;\n}\n\nconst Root = forwardRef<HTMLDivElement, BitkitTreeViewRootProps>(\n  ({ children, render, variant = 'files', ...props }, ref) => {\n    const indentGuide = variant === 'files' ? <TreeView.BranchIndentGuide /> : undefined;\n\n    return (\n      <VariantProvider value={{ variant }}>\n        <TreeView.Root ref={ref} variant={variant} {...props}>\n          <TreeView.Tree>\n            <TreeView.Node indentGuide={indentGuide} render={render as never} />\n            {children}\n          </TreeView.Tree>\n        </TreeView.Root>\n      </VariantProvider>\n    );\n  },\n);\nRoot.displayName = 'BitkitTreeView';\n\n// --- Branch ---\n\nexport interface BitkitTreeViewBranchProps extends Omit<TreeViewBranchControlProps, 'children'> {\n  actions?: ReactElement[];\n  hasWarning?: boolean;\n  label: string;\n  subtext?: ReactNode;\n  suffixIcon?: BitkitIconComponent;\n  suffixText?: string;\n}\n\nconst Branch = forwardRef<HTMLDivElement, BitkitTreeViewBranchProps>((props, ref) => {\n  const { actions, hasWarning, label, subtext, suffixIcon: SuffixIcon, suffixText, ...rest } = props;\n  const { variant } = useVariant();\n  const styles = useCustomSlotStyles(variant);\n  const hasSuffix = hasWarning || SuffixIcon || suffixText;\n  const hasActions = actions && actions.length > 0;\n\n  const BranchIcon = variant === 'navigation' ? IconChevronRight : IconFolder;\n\n  return (\n    <TreeView.BranchControl ref={ref} className={hasActions ? 'group' : undefined} {...rest}>\n      <TreeView.BranchIndicator>\n        <BranchIcon size=\"16\" />\n      </TreeView.BranchIndicator>\n      <TreeView.BranchText>\n        {label}\n        {subtext && <Text css={styles.secondaryText}>{subtext}</Text>}\n      </TreeView.BranchText>\n      {hasSuffix && (\n        <Box css={styles.suffixGroup}>\n          {hasWarning && <IconWarningYellow size=\"16\" />}\n          {SuffixIcon && <SuffixIcon size=\"16\" />}\n          {suffixText && <span>{suffixText}</span>}\n        </Box>\n      )}\n      {hasActions && (\n        <Box css={styles.actionGroup}>{actions.map((action) => cloneElement(action, { size: 'xs' }))}</Box>\n      )}\n    </TreeView.BranchControl>\n  );\n});\nBranch.displayName = 'BitkitTreeView.Branch';\n\n// --- Leaf ---\n\nexport interface BitkitTreeViewLeafProps extends Omit<TreeViewItemProps, 'children'> {\n  actions?: ReactElement[];\n  badge?: ReactElement;\n  hasWarning?: boolean;\n  icon?: BitkitIconComponent;\n  label: string;\n  subtext?: ReactNode;\n  suffixIcon?: BitkitIconComponent;\n  suffixText?: string;\n}\n\nconst Leaf = forwardRef<HTMLDivElement, BitkitTreeViewLeafProps>((props, ref) => {\n  const { actions, badge, hasWarning, icon: Icon, label, subtext, suffixIcon: SuffixIcon, suffixText, ...rest } = props;\n  const { variant } = useVariant();\n  const styles = useCustomSlotStyles(variant);\n  const hasSuffix = hasWarning || SuffixIcon || suffixText;\n  const hasActions = actions && actions.length > 0;\n\n  return (\n    <TreeView.Item ref={ref} className={hasActions ? 'group' : undefined} {...rest}>\n      {Icon && <Icon size=\"16\" />}\n      {badge && cloneElement(badge, { size: 'xxs' })}\n      <TreeView.ItemText>\n        {label}\n        {subtext && <Text css={styles.secondaryText}>{subtext}</Text>}\n      </TreeView.ItemText>\n      {hasSuffix && (\n        <Box css={styles.suffixGroup}>\n          {hasWarning && <IconWarningYellow size=\"16\" />}\n          {SuffixIcon && <SuffixIcon size=\"16\" />}\n          {suffixText && <span>{suffixText}</span>}\n        </Box>\n      )}\n      {hasActions && (\n        <Box css={styles.actionGroup}>{actions.map((action) => cloneElement(action, { size: 'xs' }))}</Box>\n      )}\n    </TreeView.Item>\n  );\n});\nLeaf.displayName = 'BitkitTreeView.Leaf';\n\n// --- Main export ---\n\nconst BitkitTreeView = Object.assign(Root, {\n  Branch,\n  Leaf,\n});\n\nexport default BitkitTreeView;\n"],"mappings":"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"}

package/dist/components/index.d.ts

@@ -14,17 +14,19 @@ export { default as BitkitCollapsible, type BitkitCollapsibleProps } from './Bit
 export { default as BitkitColorButton, type BitkitColorButtonProps } from './BitkitColorButton/BitkitColorButton';
 export { default as BitkitCombobox, type BitkitComboboxProps } from './BitkitCombobox/BitkitCombobox';
 export { default as BitkitControlButton, type BitkitControlButtonProps, } from './BitkitControlButton/BitkitControlButton';
+export { default as BitkitDataWidget, type BitkitDataWidgetProps } from './BitkitDataWidget/BitkitDataWidget';
 export { default as BitkitDefinitionTooltip, type BitkitDefinitionTooltipProps, } from './BitkitDefinitionTooltip/BitkitDefinitionTooltip';
 export { default as BitkitDialog, type BitkitDialogProps } from './BitkitDialog/BitkitDialog';
 export { default as BitkitDialogBody, type BitkitDialogBodyProps } from './BitkitDialog/BitkitDialogBody';
 export { default as BitkitDialogButtons, type BitkitDialogButtonsProps } from './BitkitDialog/BitkitDialogButtons';
 export { default as BitkitDialogContent, type BitkitDialogContentProps } from './BitkitDialog/BitkitDialogContent';
+export { default as BitkitDialogHeader, type BitkitDialogHeaderProps } from './BitkitDialog/BitkitDialogHeader';
 export { default as BitkitDialogRoot, type BitkitDialogRootProps } from './BitkitDialog/BitkitDialogRoot';
+export { default as BitkitDialogStep, type BitkitDialogStepProps } from './BitkitDialog/BitkitDialogStep';
 export { default as BitkitDraggableCard, type BitkitDraggableCardProps, } from './BitkitDraggableCard/BitkitDraggableCard';
 export { default as BitkitDrawer, type BitkitDrawerActionTriggerProps, type BitkitDrawerBackdropProps, type BitkitDrawerBodyProps, type BitkitDrawerCloseButtonProps, type BitkitDrawerContentProps, type BitkitDrawerDescriptionProps, type BitkitDrawerFooterProps, type BitkitDrawerHeaderProps, type BitkitDrawerPositionerProps, type BitkitDrawerRootProps, type BitkitDrawerTitleProps, type BitkitDrawerTriggerProps, } from './BitkitDrawer/BitkitDrawer';
 export { default as BitkitEmptyState, type BitkitEmptyStateProps } from './BitkitEmptyState/BitkitEmptyState';
 export { default as BitkitExpandableCard, type BitkitExpandableCardProps, } from './BitkitExpandableCard/BitkitExpandableCard';
-export { default as BitkitExplainerList, type BitkitExplainerListItemProps, type BitkitExplainerListProps, } from './BitkitExplainerList/BitkitExplainerList';
 export { default as BitkitField, type BitkitFieldProps } from './BitkitField/BitkitField';
 export { default as BitkitFileInput } from './BitkitFileInput/BitkitFileInput';
 export { default as BitkitGroupHeading, type BitkitGroupHeadingProps } from './BitkitGroupHeading/BitkitGroupHeading';
@@ -35,6 +37,7 @@ export { default as BitkitLabeledData, type BitkitLabeledDataProps } from './Bit
 export { default as BitkitLabelTooltip, type BitkitLabelTooltipProps } from './BitkitLabelTooltip/BitkitLabelTooltip';
 export { default as BitkitLink, type BitkitLinkProps } from './BitkitLink/BitkitLink';
 export { default as BitkitLinkButton, type BitkitLinkButtonProps } from './BitkitLinkButton/BitkitLinkButton';
+export { default as BitkitList, type BitkitListItemProps, type BitkitListProps } from './BitkitList';
 export { default as BitkitMarkdown, type BitkitMarkdownProps } from './BitkitMarkdown/BitkitMarkdown';
 export { default as BitkitMarkdownCard, type BitkitMarkdownCardProps } from './BitkitMarkdownCard/BitkitMarkdownCard';
 export { default as BitkitMultiselect, type BitkitMultiselectProps } from './BitkitMultiselect/BitkitMultiselect';
@@ -42,7 +45,6 @@ export { default as BitkitMultiselectMenu, type BitkitMultiselectMenuItemProps,
 export { default as BitkitNativeSelect, type BitkitNativeSelectProps } from './BitkitNativeSelect/BitkitNativeSelect';
 export { default as BitkitNoteCard, type BitkitNoteCardProps } from './BitkitNoteCard/BitkitNoteCard';
 export { default as BitkitNumberInput, type BitkitNumberInputProps } from './BitkitNumberInput/BitkitNumberInput';
-export { default as BitkitOrderedList, type BitkitOrderedListItemProps, type BitkitOrderedListProps, } from './BitkitOrderedList/BitkitOrderedList';
 export { default as BitkitOverflowContent, type BitkitOverflowContentProps, } from './BitkitOverflowContent/BitkitOverflowContent';
 export { default as BitkitOverflowTooltip, type BitkitOverflowTooltipProps, } from './BitkitOverflowTooltip/BitkitOverflowTooltip';
 export { default as BitkitPageFooter, type BitkitPageFooterItemProps, type BitkitPageFooterProps, } from './BitkitPageFooter/BitkitPageFooter';
@@ -64,13 +66,12 @@ export { default as BitkitSplitButton, type BitkitSplitButtonProps } from './Bit
 export { default as BitkitStat, type BitkitStatProps, type TrendColor, type TrendDirection, type TrendTextPlacement, } from './BitkitStat/BitkitStat';
 export { default as BitkitSteps, type BitkitStepsItemProps, type BitkitStepsItemState, type BitkitStepsProps, } from './BitkitSteps/BitkitSteps';
 export { default as BitkitStepsCard, type BitkitStepsCardBodyProps, type BitkitStepsCardFooterProps, type BitkitStepsCardHeaderProps, type BitkitStepsCardProps, type BitkitStepsCardStepProps, } from './BitkitStepsCard/BitkitStepsCard';
+export { default as BitkitSwitch, type BitkitSwitchProps } from './BitkitSwitch';
 export { default as BitkitTabs } from './BitkitTabs/BitkitTabs';
 export { default as BitkitTag, type BitkitTagProps } from './BitkitTag/BitkitTag';
 export { default as BitkitTagsInput, type BitkitTagsInputProps } from './BitkitTagsInput/BitkitTagsInput';
 export { default as BitkitTextInput, type BitkitTextInputProps } from './BitkitTextInput/BitkitTextInput';
 export { type BitkitToastProps, default as createBitkitToast } from './BitkitToast/BitkitToast';
-export { default as BitkitToggle, type BitkitToggleProps } from './BitkitToggle';
 export { default as BitkitToggleButton, type BitkitToggleButtonProps } from './BitkitToggleButton/BitkitToggleButton';
 export { default as BitkitTooltip, type BitkitTooltipProps } from './BitkitTooltip/BitkitTooltip';
 export { default as BitkitTreeView, type BitkitTreeViewBranchProps, type BitkitTreeViewExpandedChangeDetails, type BitkitTreeViewLeafProps, type BitkitTreeViewNodeRenderProps, type BitkitTreeViewRootProps, type BitkitTreeViewSelectionChangeDetails, createTreeCollection, } from './BitkitTreeView/BitkitTreeView';
-export { default as BitkitUnorderedList, type BitkitUnorderedListItemProps, type BitkitUnorderedListProps, } from './BitkitUnorderedList/BitkitUnorderedList';

package/dist/main.js

@@ -301,25 +301,26 @@ import BitkitCollapsible from "./components/BitkitCollapsible/BitkitCollapsible.
 import BitkitField from "./components/BitkitField/BitkitField.js";
 import BitkitCombobox from "./components/BitkitCombobox/BitkitCombobox.js";
 import BitkitControlButton from "./components/BitkitControlButton/BitkitControlButton.js";
+import BitkitDataWidget from "./components/BitkitDataWidget/BitkitDataWidget.js";
 import BitkitDefinitionTooltip from "./components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js";
+import BitkitDialogStep from "./components/BitkitDialog/BitkitDialogStep.js";
 import BitkitDialogBody from "./components/BitkitDialog/BitkitDialogBody.js";
+import BitkitDialogButtons from "./components/BitkitDialog/BitkitDialogButtons.js";
 import BitkitDialogContent from "./components/BitkitDialog/BitkitDialogContent.js";
+import BitkitDialogHeader from "./components/BitkitDialog/BitkitDialogHeader.js";
 import BitkitDialogRoot from "./components/BitkitDialog/BitkitDialogRoot.js";
-import BitkitDialog from "./components/BitkitDialog/BitkitDialog.js";
-import BitkitDialogButtons from "./components/BitkitDialog/BitkitDialogButtons.js";
+import BitkitDialog_default from "./components/BitkitDialog/BitkitDialog.js";
 import BitkitDraggableCard from "./components/BitkitDraggableCard/BitkitDraggableCard.js";
 import BitkitDrawer from "./components/BitkitDrawer/BitkitDrawer.js";
 import BitkitEmptyState from "./components/BitkitEmptyState/BitkitEmptyState.js";
 import BitkitExpandableCard from "./components/BitkitExpandableCard/BitkitExpandableCard.js";
-import BitkitExplainerList_default from "./components/BitkitExplainerList/BitkitExplainerList.js";
 import BitkitFileInput from "./components/BitkitFileInput/BitkitFileInput.js";
 import BitkitIconButton from "./components/BitkitIconButton/BitkitIconButton.js";
 import BitkitInlineLoading from "./components/BitkitInlineLoading/BitkitInlineLoading.js";
 import BitkitLabeledData from "./components/BitkitLabeledData/BitkitLabeledData.js";
 import BitkitLink from "./components/BitkitLink/BitkitLink.js";
 import BitkitLinkButton from "./components/BitkitLinkButton/BitkitLinkButton.js";
-import BitkitOrderedList_default from "./components/BitkitOrderedList/BitkitOrderedList.js";
-import BitkitUnorderedList_default from "./components/BitkitUnorderedList/BitkitUnorderedList.js";
+import BitkitList_default from "./components/BitkitList/BitkitList.js";
 import BitkitMarkdown from "./components/BitkitMarkdown/BitkitMarkdown.js";
 import BitkitMarkdownCard from "./components/BitkitMarkdownCard/BitkitMarkdownCard.js";
 import BitkitMultiselectMenu from "./components/BitkitMultiselectMenu/BitkitMultiselectMenu.js";
@@ -348,13 +349,13 @@ import BitkitSplitButton_default from "./components/BitkitSplitButton/BitkitSpli
 import BitkitStat from "./components/BitkitStat/BitkitStat.js";
 import BitkitSteps_default from "./components/BitkitSteps/BitkitSteps.js";
 import BitkitStepsCard_default from "./components/BitkitStepsCard/BitkitStepsCard.js";
+import BitkitSwitch from "./components/BitkitSwitch/BitkitSwitch.js";
 import BitkitTabs from "./components/BitkitTabs/BitkitTabs.js";
 import BitkitTagsInput from "./components/BitkitTagsInput/BitkitTagsInput.js";
 import BitkitTextInput from "./components/BitkitTextInput/BitkitTextInput.js";
 import createBitkitToast from "./components/BitkitToast/BitkitToast.js";
-import BitkitToggle from "./components/BitkitToggle/BitkitToggle.js";
 import BitkitToggleButton from "./components/BitkitToggleButton/BitkitToggleButton.js";
 import BitkitTreeView, { createTreeCollection } from "./components/BitkitTreeView/BitkitTreeView.js";
 import bitkitTheme from "./theme/index.js";
 import Provider from "./providers/BitkitProvider.js";
-export { BitkitAccordion, BitkitActionBar, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitButton, BitkitCalendar, BitkitCard, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox, BitkitControlButton, BitkitDefinitionTooltip, BitkitDialog, BitkitDialogBody, BitkitDialogButtons, BitkitDialogContent, BitkitDialogRoot, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExplainerList_default as BitkitExplainerList, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLink, BitkitLinkButton, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOrderedList_default as BitkitOrderedList, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect, BitkitSelectMenu, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextInput, BitkitToggle, BitkitToggleButton, BitkitTooltip, BitkitTreeView, BitkitUnorderedList_default as BitkitUnorderedList, 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, 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, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, 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, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, 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, 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, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection };
+export { BitkitAccordion, BitkitActionBar, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitButton, BitkitCalendar, BitkitCard, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDialogBody, BitkitDialogButtons, BitkitDialogContent, BitkitDialogHeader, BitkitDialogRoot, BitkitDialogStep, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect, BitkitSelectMenu, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitSwitch, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextInput, BitkitToggleButton, BitkitTooltip, BitkitTreeView, 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, 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, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, 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, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, 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, 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, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection };

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

@@ -5,6 +5,7 @@ var base = {
 		background: "background/primary",
 		border: "1px solid",
 		borderColor: "border/minimal",
+		borderRadius: "4",
 		zIndex: "select",
 		overflowY: "auto",
 		boxShadow: "elevation/lg",
@@ -23,7 +24,7 @@ var base = {
 		display: "flex",
 		alignItems: "center",
 		gap: "12",
-		cursor: "option",
+		cursor: "pointer",
 		justifyContent: "space-between",
 		flex: "1",
 		textAlign: "start",

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

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

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

@@ -2,3 +2,10 @@ import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 export declare const base: SystemStyleObject;
 export declare const variants: Record<'size', Record<'md' | 'lg', SystemStyleObject>>;
 export declare const defaultVariants: Record<'size', 'md' | 'lg'>;
+/**
+ * Additional styles for single-line `<input>` elements to opt out of the textStyle's explicit
+ * line-height. With this override the caret follows the font's natural metrics (~font-size ×
+ * 1.15) instead of the 20/24px line-height, so it no longer visually extends past sibling icons
+ * in input groups. Textarea should NOT use this — multi-line text needs the textStyle line-height.
+ */
+export declare const singleLineInputOverrides: SystemStyleObject;

package/dist/theme/common/InputAndTextarea.common.js

@@ -44,7 +44,14 @@ var variants = { size: {
 	}
 } };
 var defaultVariants = { size: "lg" };
+/**
+* Additional styles for single-line `<input>` elements to opt out of the textStyle's explicit
+* line-height. With this override the caret follows the font's natural metrics (~font-size ×
+* 1.15) instead of the 20/24px line-height, so it no longer visually extends past sibling icons
+* in input groups. Textarea should NOT use this — multi-line text needs the textStyle line-height.
+*/
+var singleLineInputOverrides = { lineHeight: "normal" };
 //#endregion
-export { base, defaultVariants, variants };
+export { base, defaultVariants, singleLineInputOverrides, variants };
 
 //# sourceMappingURL=InputAndTextarea.common.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputAndTextarea.common.js","names":[],"sources":["../../../lib/theme/common/InputAndTextarea.common.ts"],"sourcesContent":["import { type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nexport const base: SystemStyleObject = {\n  appearance: 'none',\n  background: 'background/primary',\n  borderColor: 'border/regular',\n  borderRadius: '4',\n  borderWidth: rem(1),\n  color: 'input/text/inputValue',\n  textStyle: 'body/lg/regular',\n  width: '100%',\n  boxShadow: 'inset/field',\n  transition: 'border 200ms',\n  _placeholder: {\n    color: 'input/text/placeholder',\n  },\n  _hover: {\n    borderColor: 'border/hover',\n  },\n  _invalid: {\n    borderColor: 'border/error',\n    _hover: {\n      borderColor: 'border/error',\n    },\n  },\n  _disabled: {\n    _hover: {\n      borderColor: 'border/disabled',\n    },\n    _placeholder: {\n      color: 'text/disabled',\n    },\n    color: 'text/disabled',\n    background: 'background/disabled',\n    cursor: 'not-allowed',\n  },\n  _readOnly: {\n    _hover: {\n      borderColor: 'border/regular',\n    },\n    background: 'background/disabled',\n  },\n};\n\nexport const variants: Record<'size', Record<'md' | 'lg', SystemStyleObject>> = {\n  size: {\n    md: {\n      paddingInline: rem(11),\n      paddingBlock: rem(9),\n      textStyle: 'body/md/regular',\n      '--input-height': rem(40),\n    },\n    lg: {\n      paddingInline: rem(15),\n      paddingBlock: rem(11),\n      textStyle: 'body/lg/regular',\n      '--input-height': rem(48),\n    },\n  },\n};\n\nexport const defaultVariants: Record<'size', 'md' | 'lg'> = {\n  size: 'lg',\n};\n"],"mappings":";;AAIA,IAAa,OAA0B;CACrC,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,cAAc;CACd,aAAa,IAAI,EAAE;CACnB,OAAO;CACP,WAAW;CACX,OAAO;CACP,WAAW;CACX,YAAY;CACZ,cAAc,EACZ,OAAO,0BACR;CACD,QAAQ,EACN,aAAa,gBACd;CACD,UAAU;EACR,aAAa;EACb,QAAQ,EACN,aAAa,gBACd;EACF;CACD,WAAW;EACT,QAAQ,EACN,aAAa,mBACd;EACD,cAAc,EACZ,OAAO,iBACR;EACD,OAAO;EACP,YAAY;EACZ,QAAQ;EACT;CACD,WAAW;EACT,QAAQ,EACN,aAAa,kBACd;EACD,YAAY;EACb;CACF;AAED,IAAa,WAAmE,EAC9E,MAAM;CACJ,IAAI;EACF,eAAe,IAAI,GAAG;EACtB,cAAc,IAAI,EAAE;EACpB,WAAW;EACX,kBAAkB,IAAI,GAAG;EAC1B;CACD,IAAI;EACF,eAAe,IAAI,GAAG;EACtB,cAAc,IAAI,GAAG;EACrB,WAAW;EACX,kBAAkB,IAAI,GAAG;EAC1B;CACF,EACF;AAED,IAAa,kBAA+C,EAC1D,MAAM,MACP"}
+{"version":3,"file":"InputAndTextarea.common.js","names":[],"sources":["../../../lib/theme/common/InputAndTextarea.common.ts"],"sourcesContent":["import { type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nexport const base: SystemStyleObject = {\n  appearance: 'none',\n  background: 'background/primary',\n  borderColor: 'border/regular',\n  borderRadius: '4',\n  borderWidth: rem(1),\n  color: 'input/text/inputValue',\n  textStyle: 'body/lg/regular',\n  width: '100%',\n  boxShadow: 'inset/field',\n  transition: 'border 200ms',\n  _placeholder: {\n    color: 'input/text/placeholder',\n  },\n  _hover: {\n    borderColor: 'border/hover',\n  },\n  _invalid: {\n    borderColor: 'border/error',\n    _hover: {\n      borderColor: 'border/error',\n    },\n  },\n  _disabled: {\n    _hover: {\n      borderColor: 'border/disabled',\n    },\n    _placeholder: {\n      color: 'text/disabled',\n    },\n    color: 'text/disabled',\n    background: 'background/disabled',\n    cursor: 'not-allowed',\n  },\n  _readOnly: {\n    _hover: {\n      borderColor: 'border/regular',\n    },\n    background: 'background/disabled',\n  },\n};\n\nexport const variants: Record<'size', Record<'md' | 'lg', SystemStyleObject>> = {\n  size: {\n    md: {\n      paddingInline: rem(11),\n      paddingBlock: rem(9),\n      textStyle: 'body/md/regular',\n      '--input-height': rem(40),\n    },\n    lg: {\n      paddingInline: rem(15),\n      paddingBlock: rem(11),\n      textStyle: 'body/lg/regular',\n      '--input-height': rem(48),\n    },\n  },\n};\n\nexport const defaultVariants: Record<'size', 'md' | 'lg'> = {\n  size: 'lg',\n};\n\n/**\n * Additional styles for single-line `<input>` elements to opt out of the textStyle's explicit\n * line-height. With this override the caret follows the font's natural metrics (~font-size ×\n * 1.15) instead of the 20/24px line-height, so it no longer visually extends past sibling icons\n * in input groups. Textarea should NOT use this — multi-line text needs the textStyle line-height.\n */\nexport const singleLineInputOverrides: SystemStyleObject = {\n  lineHeight: 'normal',\n};\n"],"mappings":";;AAIA,IAAa,OAA0B;CACrC,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,cAAc;CACd,aAAa,IAAI,EAAE;CACnB,OAAO;CACP,WAAW;CACX,OAAO;CACP,WAAW;CACX,YAAY;CACZ,cAAc,EACZ,OAAO,0BACR;CACD,QAAQ,EACN,aAAa,gBACd;CACD,UAAU;EACR,aAAa;EACb,QAAQ,EACN,aAAa,gBACd;EACF;CACD,WAAW;EACT,QAAQ,EACN,aAAa,mBACd;EACD,cAAc,EACZ,OAAO,iBACR;EACD,OAAO;EACP,YAAY;EACZ,QAAQ;EACT;CACD,WAAW;EACT,QAAQ,EACN,aAAa,kBACd;EACD,YAAY;EACb;CACF;AAED,IAAa,WAAmE,EAC9E,MAAM;CACJ,IAAI;EACF,eAAe,IAAI,GAAG;EACtB,cAAc,IAAI,EAAE;EACpB,WAAW;EACX,kBAAkB,IAAI,GAAG;EAC1B;CACD,IAAI;EACF,eAAe,IAAI,GAAG;EACtB,cAAc,IAAI,GAAG;EACrB,WAAW;EACX,kBAAkB,IAAI,GAAG;EAC1B;CACF,EACF;AAED,IAAa,kBAA+C,EAC1D,MAAM,MACP;;;;;;;AAQD,IAAa,2BAA8C,EACzD,YAAY,UACb"}

package/dist/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../lib/theme/index.ts"],"sourcesContent":["import { defaultBaseConfig } from '@chakra-ui/react/preset-base';\nimport { createSystem, defineConfig } from '@chakra-ui/react/styled-system';\n\nimport breakpoints from './breakpoints';\nimport globalCss from './global-css';\nimport animationStyles from './motion-styles';\nimport recipes from './recipes';\nimport semanticTokens from './semantic-tokens';\nimport slotRecipes from './slot-recipes';\nimport textStyles from './text-styles';\nimport tokens from './tokens';\nimport keyframes from './tokens/keyframes';\n\nconst themeConfig = defineConfig({\n  preflight: true,\n  cssVarsPrefix: '',\n  cssVarsRoot: ':where(:root, :host)',\n  globalCss,\n  theme: {\n    animationStyles,\n    breakpoints,\n    keyframes,\n    recipes,\n    semanticTokens,\n    slotRecipes,\n    textStyles,\n    tokens,\n  },\n});\n\nconst bitkitTheme = createSystem(defaultBaseConfig, themeConfig);\n\nexport default bitkitTheme;\n"],"mappings":";;;;;;;;;;;;AA8BA,IAAM,cAAc,aAAa,mBAjBb,aAAa;CAC/B,WAAW;CACX,eAAe;CACf,aAAa;CACb;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACF,CAAC,CAE8D"}
+{"version":3,"file":"index.js","names":[],"sources":["../../lib/theme/index.ts"],"sourcesContent":["import { defaultBaseConfig } from '@chakra-ui/react/preset-base';\nimport { createSystem, defineConfig } from '@chakra-ui/react/styled-system';\n\nimport breakpoints from './breakpoints';\nimport globalCss from './global-css';\nimport animationStyles from './motion-styles';\nimport recipes from './recipes';\nimport semanticTokens from './semantic-tokens';\nimport slotRecipes from './slot-recipes';\nimport textStyles from './text-styles';\nimport tokens from './tokens';\nimport keyframes from './tokens/keyframes';\n\nconst themeConfig = defineConfig({\n  preflight: true,\n  cssVarsPrefix: '',\n  cssVarsRoot: ':where(:root, :host)',\n  globalCss,\n  theme: {\n    animationStyles,\n    breakpoints,\n    keyframes,\n    recipes,\n    semanticTokens,\n    slotRecipes,\n    textStyles,\n    tokens,\n  },\n});\n\nconst bitkitTheme = createSystem(defaultBaseConfig, themeConfig);\n\nexport default bitkitTheme;\n"],"mappings":";;;;;;;;;;;;AA8BA,IAAM,cAAc,aAAa,mBAjBb,aAAa;CAC/B,WAAW;CACX,eAAe;CACf,aAAa;CACb;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACF,CAEmD,CAAY"}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Button.recipe.ts"],"sourcesContent":["import { defineRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst buttonVariants = [\n  'primary',\n  'secondary',\n  'tertiary',\n  'danger-primary',\n  'danger-secondary',\n  'danger-tertiary',\n  'ai-primary',\n  'ai-secondary',\n  'ai-tertiary',\n];\n\nexport type Variant = (typeof buttonVariants)[number];\n\nconst variantStyles = buttonVariants.reduce(\n  (obj, variant) => {\n    let borderColor = variant?.includes('secondary')\n      ? `{colors.button.${variant}.border}`\n      : `{colors.button.${variant}.bg}`;\n    let disabledBorderColor = variant?.includes('secondary')\n      ? `{colors.button.${variant}.border-disabled}`\n      : `{colors.button.${variant}.bg-disabled}`;\n    if (variant?.includes('tertiary')) {\n      borderColor = 'transparent';\n      disabledBorderColor = 'transparent';\n    }\n    obj[variant as NonNullable<Variant>] = {\n      '&:hover': {\n        backgroundColor: `{colors.button.${variant}.bg-hover}`,\n        borderColor: variant?.includes('secondary')\n          ? `{colors.button.${variant}.border-hover}`\n          : `{colors.button.${variant}.bg-hover}`,\n        color: `{colors.button.${variant}.fg-hover}`,\n        _icon: {\n          color: variant === 'secondary' ? 'currentColor' : undefined,\n        },\n      },\n      '&:active': {\n        backgroundColor: `{colors.button.${variant}.bg-active}`,\n        borderColor: variant?.includes('secondary')\n          ? `{colors.button.${variant}.border-active}`\n          : `{colors.button.${variant}.bg-active}`,\n        color: `{colors.button.${variant}.fg-active}`,\n        _icon: {\n          color: variant === 'secondary' ? 'currentColor' : undefined,\n        },\n      },\n      _disabled: {\n        backgroundColor: `{colors.button.${variant}.bg-disabled}!`,\n        borderColor: `${disabledBorderColor}!`,\n        color: `{colors.button.${variant}.fg-disabled}!`,\n        cursor: 'not-allowed',\n        _icon: {\n          color: variant === 'secondary' ? 'currentColor' : undefined,\n        },\n      },\n      _icon: {\n        color: variant === 'secondary' ? 'button/secondary/fg/icon' : undefined,\n      },\n      backgroundColor: `{colors.button.${variant}.bg}`,\n      borderColor,\n      borderStyle: 'solid',\n      borderWidth: rem(1),\n      color: `{colors.button.${variant}.fg}`,\n    };\n    return obj;\n  },\n  {} as Record<NonNullable<Variant>, SystemStyleObject>,\n);\n\nconst buttonRecipe = defineRecipe({\n  className: 'button',\n  base: {\n    borderRadius: '4',\n    cursor: 'pointer',\n    fontWeight: 600,\n    border: '1px solid transparent',\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: '8',\n    position: 'relative',\n    '--spinner-color': 'currentColor',\n    '--spinner-size': 'sizes.16',\n    _disabled: {\n      cursor: 'not-allowed',\n    },\n  },\n  variants: {\n    variant: variantStyles,\n    size: {\n      sm: {\n        minWidth: '32',\n        height: '32',\n        paddingInline: rem(11),\n        paddingBlock: rem(5),\n        textStyle: 'comp/button/sm',\n      },\n      md: {\n        minWidth: '40',\n        height: '40',\n        paddingInline: rem(15),\n        paddingBlock: rem(7),\n        textStyle: 'comp/button/md',\n      },\n      lg: {\n        minWidth: '48',\n        height: '48',\n        padding: rem(15),\n        textStyle: 'comp/button/lg',\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n    size: 'lg',\n  },\n});\n\nexport default buttonRecipe;\n"],"mappings":";;;AA0EA,IAAM,eAAe,aAAa;CAChC,WAAW;CACX,MAAM;EACJ,cAAc;EACd,QAAQ;EACR,YAAY;EACZ,QAAQ;EACR,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,KAAK;EACL,UAAU;EACV,mBAAmB;EACnB,kBAAkB;EAClB,WAAW,EACT,QAAQ,eACT;EACF;CACD,UAAU;EACR,SAzFmB;GACrB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAIoC,QAClC,KAAK,YAAY;GAChB,IAAI,cAAc,SAAS,SAAS,YAAY,GAC5C,kBAAkB,QAAQ,YAC1B,kBAAkB,QAAQ;GAC9B,IAAI,sBAAsB,SAAS,SAAS,YAAY,GACpD,kBAAkB,QAAQ,qBAC1B,kBAAkB,QAAQ;AAC9B,OAAI,SAAS,SAAS,WAAW,EAAE;AACjC,kBAAc;AACd,0BAAsB;;AAExB,OAAI,WAAmC;IACrC,WAAW;KACT,iBAAiB,kBAAkB,QAAQ;KAC3C,aAAa,SAAS,SAAS,YAAY,GACvC,kBAAkB,QAAQ,kBAC1B,kBAAkB,QAAQ;KAC9B,OAAO,kBAAkB,QAAQ;KACjC,OAAO,EACL,OAAO,YAAY,cAAc,iBAAiB,KAAA,GACnD;KACF;IACD,YAAY;KACV,iBAAiB,kBAAkB,QAAQ;KAC3C,aAAa,SAAS,SAAS,YAAY,GACvC,kBAAkB,QAAQ,mBAC1B,kBAAkB,QAAQ;KAC9B,OAAO,kBAAkB,QAAQ;KACjC,OAAO,EACL,OAAO,YAAY,cAAc,iBAAiB,KAAA,GACnD;KACF;IACD,WAAW;KACT,iBAAiB,kBAAkB,QAAQ;KAC3C,aAAa,GAAG,oBAAoB;KACpC,OAAO,kBAAkB,QAAQ;KACjC,QAAQ;KACR,OAAO,EACL,OAAO,YAAY,cAAc,iBAAiB,KAAA,GACnD;KACF;IACD,OAAO,EACL,OAAO,YAAY,cAAc,6BAA6B,KAAA,GAC/D;IACD,iBAAiB,kBAAkB,QAAQ;IAC3C;IACA,aAAa;IACb,aAAa,IAAI,EAAE;IACnB,OAAO,kBAAkB,QAAQ;IAClC;AACD,UAAO;KAET,EAAE,CACH;EAsBG,MAAM;GACJ,IAAI;IACF,UAAU;IACV,QAAQ;IACR,eAAe,IAAI,GAAG;IACtB,cAAc,IAAI,EAAE;IACpB,WAAW;IACZ;GACD,IAAI;IACF,UAAU;IACV,QAAQ;IACR,eAAe,IAAI,GAAG;IACtB,cAAc,IAAI,EAAE;IACpB,WAAW;IACZ;GACD,IAAI;IACF,UAAU;IACV,QAAQ;IACR,SAAS,IAAI,GAAG;IAChB,WAAW;IACZ;GACF;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC"}
+{"version":3,"file":"Button.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Button.recipe.ts"],"sourcesContent":["import { defineRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst buttonVariants = [\n  'primary',\n  'secondary',\n  'tertiary',\n  'danger-primary',\n  'danger-secondary',\n  'danger-tertiary',\n  'ai-primary',\n  'ai-secondary',\n  'ai-tertiary',\n];\n\nexport type Variant = (typeof buttonVariants)[number];\n\nconst variantStyles = buttonVariants.reduce(\n  (obj, variant) => {\n    let borderColor = variant?.includes('secondary')\n      ? `{colors.button.${variant}.border}`\n      : `{colors.button.${variant}.bg}`;\n    let disabledBorderColor = variant?.includes('secondary')\n      ? `{colors.button.${variant}.border-disabled}`\n      : `{colors.button.${variant}.bg-disabled}`;\n    if (variant?.includes('tertiary')) {\n      borderColor = 'transparent';\n      disabledBorderColor = 'transparent';\n    }\n    obj[variant as NonNullable<Variant>] = {\n      '&:hover': {\n        backgroundColor: `{colors.button.${variant}.bg-hover}`,\n        borderColor: variant?.includes('secondary')\n          ? `{colors.button.${variant}.border-hover}`\n          : `{colors.button.${variant}.bg-hover}`,\n        color: `{colors.button.${variant}.fg-hover}`,\n        _icon: {\n          color: variant === 'secondary' ? 'currentColor' : undefined,\n        },\n      },\n      '&:active': {\n        backgroundColor: `{colors.button.${variant}.bg-active}`,\n        borderColor: variant?.includes('secondary')\n          ? `{colors.button.${variant}.border-active}`\n          : `{colors.button.${variant}.bg-active}`,\n        color: `{colors.button.${variant}.fg-active}`,\n        _icon: {\n          color: variant === 'secondary' ? 'currentColor' : undefined,\n        },\n      },\n      _disabled: {\n        backgroundColor: `{colors.button.${variant}.bg-disabled}!`,\n        borderColor: `${disabledBorderColor}!`,\n        color: `{colors.button.${variant}.fg-disabled}!`,\n        cursor: 'not-allowed',\n        _icon: {\n          color: variant === 'secondary' ? 'currentColor' : undefined,\n        },\n      },\n      _icon: {\n        color: variant === 'secondary' ? 'button/secondary/fg/icon' : undefined,\n      },\n      backgroundColor: `{colors.button.${variant}.bg}`,\n      borderColor,\n      borderStyle: 'solid',\n      borderWidth: rem(1),\n      color: `{colors.button.${variant}.fg}`,\n    };\n    return obj;\n  },\n  {} as Record<NonNullable<Variant>, SystemStyleObject>,\n);\n\nconst buttonRecipe = defineRecipe({\n  className: 'button',\n  base: {\n    borderRadius: '4',\n    cursor: 'pointer',\n    fontWeight: 600,\n    border: '1px solid transparent',\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: '8',\n    position: 'relative',\n    '--spinner-color': 'currentColor',\n    '--spinner-size': 'sizes.16',\n    _disabled: {\n      cursor: 'not-allowed',\n    },\n  },\n  variants: {\n    variant: variantStyles,\n    size: {\n      sm: {\n        minWidth: '32',\n        height: '32',\n        paddingInline: rem(11),\n        paddingBlock: rem(5),\n        textStyle: 'comp/button/sm',\n      },\n      md: {\n        minWidth: '40',\n        height: '40',\n        paddingInline: rem(15),\n        paddingBlock: rem(7),\n        textStyle: 'comp/button/md',\n      },\n      lg: {\n        minWidth: '48',\n        height: '48',\n        padding: rem(15),\n        textStyle: 'comp/button/lg',\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n    size: 'lg',\n  },\n});\n\nexport default buttonRecipe;\n"],"mappings":";;;AA0EA,IAAM,eAAe,aAAa;CAChC,WAAW;CACX,MAAM;EACJ,cAAc;EACd,QAAQ;EACR,YAAY;EACZ,QAAQ;EACR,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,KAAK;EACL,UAAU;EACV,mBAAmB;EACnB,kBAAkB;EAClB,WAAW,EACT,QAAQ,eACT;EACF;CACD,UAAU;EACR,SA3EkB;GAbpB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GAKoB,CAAe,QAClC,KAAK,YAAY;GAChB,IAAI,cAAc,SAAS,SAAS,YAAY,GAC5C,kBAAkB,QAAQ,YAC1B,kBAAkB,QAAQ;GAC9B,IAAI,sBAAsB,SAAS,SAAS,YAAY,GACpD,kBAAkB,QAAQ,qBAC1B,kBAAkB,QAAQ;AAC9B,OAAI,SAAS,SAAS,WAAW,EAAE;AACjC,kBAAc;AACd,0BAAsB;;AAExB,OAAI,WAAmC;IACrC,WAAW;KACT,iBAAiB,kBAAkB,QAAQ;KAC3C,aAAa,SAAS,SAAS,YAAY,GACvC,kBAAkB,QAAQ,kBAC1B,kBAAkB,QAAQ;KAC9B,OAAO,kBAAkB,QAAQ;KACjC,OAAO,EACL,OAAO,YAAY,cAAc,iBAAiB,KAAA,GACnD;KACF;IACD,YAAY;KACV,iBAAiB,kBAAkB,QAAQ;KAC3C,aAAa,SAAS,SAAS,YAAY,GACvC,kBAAkB,QAAQ,mBAC1B,kBAAkB,QAAQ;KAC9B,OAAO,kBAAkB,QAAQ;KACjC,OAAO,EACL,OAAO,YAAY,cAAc,iBAAiB,KAAA,GACnD;KACF;IACD,WAAW;KACT,iBAAiB,kBAAkB,QAAQ;KAC3C,aAAa,GAAG,oBAAoB;KACpC,OAAO,kBAAkB,QAAQ;KACjC,QAAQ;KACR,OAAO,EACL,OAAO,YAAY,cAAc,iBAAiB,KAAA,GACnD;KACF;IACD,OAAO,EACL,OAAO,YAAY,cAAc,6BAA6B,KAAA,GAC/D;IACD,iBAAiB,kBAAkB,QAAQ;IAC3C;IACA,aAAa;IACb,aAAa,IAAI,EAAE;IACnB,OAAO,kBAAkB,QAAQ;IAClC;AACD,UAAO;KAET,EAAE,CAsBS;EACT,MAAM;GACJ,IAAI;IACF,UAAU;IACV,QAAQ;IACR,eAAe,IAAI,GAAG;IACtB,cAAc,IAAI,EAAE;IACpB,WAAW;IACZ;GACD,IAAI;IACF,UAAU;IACV,QAAQ;IACR,eAAe,IAAI,GAAG;IACtB,cAAc,IAAI,EAAE;IACpB,WAAW;IACZ;GACD,IAAI;IACF,UAAU;IACV,QAAQ;IACR,SAAS,IAAI,GAAG;IAChB,WAAW;IACZ;GACF;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC"}

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

@@ -1,9 +1,13 @@
-import { base, defaultVariants, variants } from "../common/InputAndTextarea.common.js";
+import { base, defaultVariants, singleLineInputOverrides, variants } from "../common/InputAndTextarea.common.js";
 import { defineRecipe } from "@chakra-ui/react/styled-system";
 //#region lib/theme/recipes/Input.recipe.ts
 var inputRecipe = defineRecipe({
 	className: "input",
-	base,
+	base: {
+		...base,
+		...singleLineInputOverrides,
+		height: "var(--input-height)"
+	},
 	variants,
 	defaultVariants
 });

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

@@ -1 +1 @@
-{"version":3,"file":"Input.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Input.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nimport { base, defaultVariants, variants } from '../common/InputAndTextarea.common';\n\nconst inputRecipe = defineRecipe({\n  className: 'input',\n  base,\n  variants,\n  defaultVariants,\n});\n\nexport default inputRecipe;\n"],"mappings":";;;AAIA,IAAM,cAAc,aAAa;CAC/B,WAAW;CACX;CACA;CACA;CACD,CAAC"}
+{"version":3,"file":"Input.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Input.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nimport { base, defaultVariants, singleLineInputOverrides, variants } from '../common/InputAndTextarea.common';\n\nconst inputRecipe = defineRecipe({\n  className: 'input',\n  base: {\n    ...base,\n    ...singleLineInputOverrides,\n    // Pin the input to the size-variant's --input-height so layout stays deterministic regardless\n    // of padding/font drift.\n    height: 'var(--input-height)',\n  },\n  variants,\n  defaultVariants,\n});\n\nexport default inputRecipe;\n"],"mappings":";;;AAIA,IAAM,cAAc,aAAa;CAC/B,WAAW;CACX,MAAM;EACJ,GAAG;EACH,GAAG;EAGH,QAAQ;EACT;CACD;CACA;CACD,CAAC"}

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

@@ -38,7 +38,7 @@ var selectableTagRecipe = defineRecipe({
 		userSelect: "none",
 		whiteSpace: "nowrap",
 		"&:has(svg)": { paddingInlineStart: "4" },
-		_icon: { color: "icon/primary" },
+		_icon: { color: "icon/secondary" },
 		_hover: {
 			background: "background/hover",
 			color: "text/primary",

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

@@ -1 +1 @@
-{"version":3,"file":"SelectableTag.recipe.js","names":[],"sources":["../../../lib/theme/recipes/SelectableTag.recipe.ts"],"sourcesContent":["import { defineRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nconst checked: SystemStyleObject = {\n  background: 'background/selected',\n  borderColor: 'border/selected',\n  color: 'text/primary',\n  _icon: {\n    color: 'icon/interactive',\n  },\n};\n\nconst checkedHover: SystemStyleObject = {\n  background: 'background/selected-hover',\n  borderColor: 'border/selected',\n  color: 'text/primary',\n  _icon: {\n    color: 'icon/interactive-hover',\n  },\n};\n\nconst disabled: SystemStyleObject = {\n  background: 'background/disabled',\n  borderColor: 'border/disabled',\n  color: 'text/on-disabled',\n  cursor: 'not-allowed',\n  _icon: {\n    color: 'icon/on-disabled',\n  },\n};\n\nconst selectableTagRecipe = defineRecipe({\n  className: 'selectable-tag',\n  base: {\n    alignItems: 'center',\n    background: 'background/primary',\n    border: '1px solid',\n    borderColor: 'border/strong',\n    borderRadius: '4',\n    color: 'text/body',\n    cursor: 'pointer',\n    display: 'inline-flex',\n    gap: '4',\n    height: '24',\n    paddingBlock: '4',\n    paddingInline: '8',\n    textStyle: 'comp/tag/sm',\n    userSelect: 'none',\n    whiteSpace: 'nowrap',\n    '&:has(svg)': {\n      paddingInlineStart: '4',\n    },\n    _icon: {\n      color: 'icon/primary',\n    },\n    _hover: {\n      background: 'background/hover',\n      color: 'text/primary',\n      _checked: checkedHover,\n    },\n    _checked: checked,\n    _disabled: {\n      ...disabled,\n      _checked: disabled,\n    },\n    _focusVisible: {\n      focusRing: 'outside',\n    },\n  },\n});\n\nexport default selectableTagRecipe;\n"],"mappings":";;AAEA,IAAM,UAA6B;CACjC,YAAY;CACZ,aAAa;CACb,OAAO;CACP,OAAO,EACL,OAAO,oBACR;CACF;AAED,IAAM,eAAkC;CACtC,YAAY;CACZ,aAAa;CACb,OAAO;CACP,OAAO,EACL,OAAO,0BACR;CACF;AAED,IAAM,WAA8B;CAClC,YAAY;CACZ,aAAa;CACb,OAAO;CACP,QAAQ;CACR,OAAO,EACL,OAAO,oBACR;CACF;AAED,IAAM,sBAAsB,aAAa;CACvC,WAAW;CACX,MAAM;EACJ,YAAY;EACZ,YAAY;EACZ,QAAQ;EACR,aAAa;EACb,cAAc;EACd,OAAO;EACP,QAAQ;EACR,SAAS;EACT,KAAK;EACL,QAAQ;EACR,cAAc;EACd,eAAe;EACf,WAAW;EACX,YAAY;EACZ,YAAY;EACZ,cAAc,EACZ,oBAAoB,KACrB;EACD,OAAO,EACL,OAAO,gBACR;EACD,QAAQ;GACN,YAAY;GACZ,OAAO;GACP,UAAU;GACX;EACD,UAAU;EACV,WAAW;GACT,GAAG;GACH,UAAU;GACX;EACD,eAAe,EACb,WAAW,WACZ;EACF;CACF,CAAC"}
+{"version":3,"file":"SelectableTag.recipe.js","names":[],"sources":["../../../lib/theme/recipes/SelectableTag.recipe.ts"],"sourcesContent":["import { defineRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nconst checked: SystemStyleObject = {\n  background: 'background/selected',\n  borderColor: 'border/selected',\n  color: 'text/primary',\n  _icon: {\n    color: 'icon/interactive',\n  },\n};\n\nconst checkedHover: SystemStyleObject = {\n  background: 'background/selected-hover',\n  borderColor: 'border/selected',\n  color: 'text/primary',\n  _icon: {\n    color: 'icon/interactive-hover',\n  },\n};\n\nconst disabled: SystemStyleObject = {\n  background: 'background/disabled',\n  borderColor: 'border/disabled',\n  color: 'text/on-disabled',\n  cursor: 'not-allowed',\n  _icon: {\n    color: 'icon/on-disabled',\n  },\n};\n\nconst selectableTagRecipe = defineRecipe({\n  className: 'selectable-tag',\n  base: {\n    alignItems: 'center',\n    background: 'background/primary',\n    border: '1px solid',\n    borderColor: 'border/strong',\n    borderRadius: '4',\n    color: 'text/body',\n    cursor: 'pointer',\n    display: 'inline-flex',\n    gap: '4',\n    height: '24',\n    paddingBlock: '4',\n    paddingInline: '8',\n    textStyle: 'comp/tag/sm',\n    userSelect: 'none',\n    whiteSpace: 'nowrap',\n    '&:has(svg)': {\n      paddingInlineStart: '4',\n    },\n    _icon: {\n      color: 'icon/secondary',\n    },\n    _hover: {\n      background: 'background/hover',\n      color: 'text/primary',\n      _checked: checkedHover,\n    },\n    _checked: checked,\n    _disabled: {\n      ...disabled,\n      _checked: disabled,\n    },\n    _focusVisible: {\n      focusRing: 'outside',\n    },\n  },\n});\n\nexport default selectableTagRecipe;\n"],"mappings":";;AAEA,IAAM,UAA6B;CACjC,YAAY;CACZ,aAAa;CACb,OAAO;CACP,OAAO,EACL,OAAO,oBACR;CACF;AAED,IAAM,eAAkC;CACtC,YAAY;CACZ,aAAa;CACb,OAAO;CACP,OAAO,EACL,OAAO,0BACR;CACF;AAED,IAAM,WAA8B;CAClC,YAAY;CACZ,aAAa;CACb,OAAO;CACP,QAAQ;CACR,OAAO,EACL,OAAO,oBACR;CACF;AAED,IAAM,sBAAsB,aAAa;CACvC,WAAW;CACX,MAAM;EACJ,YAAY;EACZ,YAAY;EACZ,QAAQ;EACR,aAAa;EACb,cAAc;EACd,OAAO;EACP,QAAQ;EACR,SAAS;EACT,KAAK;EACL,QAAQ;EACR,cAAc;EACd,eAAe;EACf,WAAW;EACX,YAAY;EACZ,YAAY;EACZ,cAAc,EACZ,oBAAoB,KACrB;EACD,OAAO,EACL,OAAO,kBACR;EACD,QAAQ;GACN,YAAY;GACZ,OAAO;GACP,UAAU;GACX;EACD,UAAU;EACV,WAAW;GACT,GAAG;GACH,UAAU;GACX;EACD,eAAe,EACb,WAAW,WACZ;EACF;CACF,CAAC"}

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

@@ -10,6 +10,16 @@ var selectedHover = {
 	borderColor: "border/selected",
 	color: "icon/interactive-hover"
 };
+var selectedActive = {
+	background: "background/selected-active",
+	borderColor: "border/selected",
+	color: "icon/interactive-hover"
+};
+var active = {
+	background: "button/secondary/bg-active",
+	borderColor: "button/secondary/border-active",
+	color: "button/secondary/fg-active"
+};
 var disabled = {
 	background: "button/secondary/bg-disabled",
 	borderColor: "button/secondary/border-disabled",
@@ -30,9 +40,17 @@ var toggleButtonRecipe = defineRecipe({
 		_hover: {
 			background: "button/secondary/bg-hover",
 			borderColor: "button/secondary/border-hover",
-			_pressed: selectedHover
+			_active: active,
+			_pressed: {
+				...selectedHover,
+				_active: selectedActive
+			}
+		},
+		_active: active,
+		_pressed: {
+			...selected,
+			_active: selectedActive
 		},
-		_pressed: selected,
 		_disabled: {
 			cursor: "not-allowed",
 			...disabled,

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.recipe.js","names":[],"sources":["../../../lib/theme/recipes/ToggleButton.recipe.ts"],"sourcesContent":["import { defineRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nconst selected: SystemStyleObject = {\n  background: 'background/selected',\n  borderColor: 'border/selected',\n  color: 'icon/interactive',\n};\n\nconst selectedHover: SystemStyleObject = {\n  background: 'background/selected-hover',\n  borderColor: 'border/selected',\n  color: 'icon/interactive-hover',\n};\n\nconst disabled: SystemStyleObject = {\n  background: 'button/secondary/bg-disabled',\n  borderColor: 'button/secondary/border-disabled',\n  color: 'button/secondary/fg-disabled',\n};\n\nconst toggleButtonRecipe = defineRecipe({\n  className: 'toggle-button',\n  base: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: '4',\n    cursor: 'pointer',\n    borderWidth: '1px',\n    background: 'button/secondary/bg',\n    borderColor: 'button/secondary/border',\n    color: 'button/secondary/fg/icon',\n    _hover: {\n      background: 'button/secondary/bg-hover',\n      borderColor: 'button/secondary/border-hover',\n      _pressed: selectedHover,\n    },\n    _pressed: selected,\n    _disabled: {\n      cursor: 'not-allowed',\n      ...disabled,\n      _pressed: disabled,\n    },\n  },\n  variants: {\n    size: {\n      sm: { padding: '8' },\n      md: { padding: '12' },\n      lg: { padding: '12' },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport default toggleButtonRecipe;\n"],"mappings":";;AAEA,IAAM,WAA8B;CAClC,YAAY;CACZ,aAAa;CACb,OAAO;CACR;AAED,IAAM,gBAAmC;CACvC,YAAY;CACZ,aAAa;CACb,OAAO;CACR;AAED,IAAM,WAA8B;CAClC,YAAY;CACZ,aAAa;CACb,OAAO;CACR;AAED,IAAM,qBAAqB,aAAa;CACtC,WAAW;CACX,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,cAAc;EACd,QAAQ;EACR,aAAa;EACb,YAAY;EACZ,aAAa;EACb,OAAO;EACP,QAAQ;GACN,YAAY;GACZ,aAAa;GACb,UAAU;GACX;EACD,UAAU;EACV,WAAW;GACT,QAAQ;GACR,GAAG;GACH,UAAU;GACX;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI,EAAE,SAAS,KAAK;EACpB,IAAI,EAAE,SAAS,MAAM;EACrB,IAAI,EAAE,SAAS,MAAM;EACtB,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
+{"version":3,"file":"ToggleButton.recipe.js","names":[],"sources":["../../../lib/theme/recipes/ToggleButton.recipe.ts"],"sourcesContent":["import { defineRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nconst selected: SystemStyleObject = {\n  background: 'background/selected',\n  borderColor: 'border/selected',\n  color: 'icon/interactive',\n};\n\nconst selectedHover: SystemStyleObject = {\n  background: 'background/selected-hover',\n  borderColor: 'border/selected',\n  color: 'icon/interactive-hover',\n};\n\nconst selectedActive: SystemStyleObject = {\n  background: 'background/selected-active',\n  borderColor: 'border/selected',\n  color: 'icon/interactive-hover',\n};\n\nconst active: SystemStyleObject = {\n  background: 'button/secondary/bg-active',\n  borderColor: 'button/secondary/border-active',\n  color: 'button/secondary/fg-active',\n};\n\nconst disabled: SystemStyleObject = {\n  background: 'button/secondary/bg-disabled',\n  borderColor: 'button/secondary/border-disabled',\n  color: 'button/secondary/fg-disabled',\n};\n\nconst toggleButtonRecipe = defineRecipe({\n  className: 'toggle-button',\n  base: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: '4',\n    cursor: 'pointer',\n    borderWidth: '1px',\n    background: 'button/secondary/bg',\n    borderColor: 'button/secondary/border',\n    color: 'button/secondary/fg/icon',\n    _hover: {\n      background: 'button/secondary/bg-hover',\n      borderColor: 'button/secondary/border-hover',\n      _active: active,\n      _pressed: {\n        ...selectedHover,\n        _active: selectedActive,\n      },\n    },\n    _active: active,\n    _pressed: {\n      ...selected,\n      _active: selectedActive,\n    },\n    _disabled: {\n      cursor: 'not-allowed',\n      ...disabled,\n      _pressed: disabled,\n    },\n  },\n  variants: {\n    size: {\n      sm: { padding: '8' },\n      md: { padding: '12' },\n      lg: { padding: '12' },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport default toggleButtonRecipe;\n"],"mappings":";;AAEA,IAAM,WAA8B;CAClC,YAAY;CACZ,aAAa;CACb,OAAO;CACR;AAED,IAAM,gBAAmC;CACvC,YAAY;CACZ,aAAa;CACb,OAAO;CACR;AAED,IAAM,iBAAoC;CACxC,YAAY;CACZ,aAAa;CACb,OAAO;CACR;AAED,IAAM,SAA4B;CAChC,YAAY;CACZ,aAAa;CACb,OAAO;CACR;AAED,IAAM,WAA8B;CAClC,YAAY;CACZ,aAAa;CACb,OAAO;CACR;AAED,IAAM,qBAAqB,aAAa;CACtC,WAAW;CACX,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,cAAc;EACd,QAAQ;EACR,aAAa;EACb,YAAY;EACZ,aAAa;EACb,OAAO;EACP,QAAQ;GACN,YAAY;GACZ,aAAa;GACb,SAAS;GACT,UAAU;IACR,GAAG;IACH,SAAS;IACV;GACF;EACD,SAAS;EACT,UAAU;GACR,GAAG;GACH,SAAS;GACV;EACD,WAAW;GACT,QAAQ;GACR,GAAG;GACH,UAAU;GACX;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI,EAAE,SAAS,KAAK;EACpB,IAAI,EAAE,SAAS,MAAM;EACrB,IAAI,EAAE,SAAS,MAAM;EACtB,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

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

@@ -166,6 +166,7 @@ var semanticColors = defineSemanticTokens.colors(withSlashes({
 		hover: { value: { base: "{colors.sys.bg.subtle}" } },
 		active: { value: { base: "{colors.sys.bg.moderate}" } },
 		selected: { value: { base: "{colors.sys.purple.minimal}" } },
+		"selected-active": { value: { base: "{colors.sys.purple.moderate}" } },
 		"selected-hover": { value: { base: "{colors.sys.purple.subtle}" } },
 		contrast: { value: { base: "{colors.sys.bg.contrast}" } },
 		disabled: { value: { base: "{colors.sys.bg.disabled}" } }
@@ -358,15 +359,19 @@ var semanticColors = defineSemanticTokens.colors(withSlashes({
 			selection: { value: { base: "{colors.sys.interactive}" } },
 			"selection-disabled": { value: { base: "{colors.sys.interactive.disabled}" } }
 		},
-		toggle: {
-			frameOn: { value: { base: "{colors.sys.green.bold}" } },
-			"frameOn-disabled": { value: { base: "{colors.sys.green.bold/50}" } },
-			frameOff: { value: { base: "{colors.sys.neutral.bold}" } },
-			"frameOff-disabled": { value: { base: "{colors.sys.neutral.bold/50}" } },
-			slideOn: { value: { base: "{colors.sys.bg.surface}" } },
-			"slideOn-disabled": { value: { base: "{colors.sys.bg.surface}" } },
-			slideOff: { value: { base: "{colors.sys.bg.surface}" } },
-			"slideOff-disabled": { value: { base: "{colors.sys.bg.surface}" } }
+		switch: {
+			on: {
+				track: { value: { base: "{colors.sys.green.bold}" } },
+				"track-disabled": { value: { base: "{colors.sys.green.bold/50}" } },
+				thumb: { value: { base: "{colors.sys.bg.surface}" } },
+				"thumb-disabled": { value: { base: "{colors.sys.bg.surface}" } }
+			},
+			off: {
+				track: { value: { base: "{colors.sys.neutral.bold}" } },
+				"track-disabled": { value: { base: "{colors.sys.neutral.bold/50}" } },
+				thumb: { value: { base: "{colors.sys.bg.surface}" } },
+				"thumb-disabled": { value: { base: "{colors.sys.bg.surface}" } }
+			}
 		}
 	},
 	interactive: {