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

package/dist/components/BitkitDatePicker/BitkitDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitDatePicker.js","names":[],"sources":["../../../lib/components/BitkitDatePicker/BitkitDatePicker.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { useFieldContext } from '@chakra-ui/react/field';\nimport { useSafeLayoutEffect } from '@chakra-ui/react/hooks';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { type SystemStyleObject, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactNode, useContext, useMemo, useRef } from 'react';\n\nimport { DatePicker, type DatePickerValueChangeDetails, useDatePickerContext } from '../../atoms/DatePicker/DatePicker';\nimport IconCalendar from '../../icons/IconCalendar';\nimport IconErrorCircleFilled from '../../icons/IconErrorCircleFilled';\nimport IconWarningYellow from '../../icons/IconWarningYellow';\nimport BitkitPortalContext from '../../utilities/BitkitPortalContext';\nimport { calendarDateToDate, dateToCalendarDate } from '../BitkitCalendar/Calendar.utils';\nimport CalendarContent from '../BitkitCalendar/components/CalendarContent';\nimport BitkitControlButton from '../BitkitControlButton/BitkitControlButton';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField';\n\nexport type BitkitDatePickerControlProps = BoxProps;\n\nexport interface BitkitDatePickerProps extends Omit<BitkitFieldProps, 'children' | 'defaultValue' | 'state' | 'value'> {\n  controlProps?: BitkitDatePickerControlProps;\n  /** Text for a day's tooltip, e.g. why it can't be picked. Return `undefined` for no tooltip. */\n  dayTooltip?: (date: Date) => string | undefined;\n  defaultValue?: Date | null;\n  disablePortal?: boolean;\n  max?: Date;\n  min?: Date;\n  onValueChange?: (value: Date | null) => void;\n  placeholder?: string;\n  showOutsideDays?: boolean;\n  size?: 'md' | 'lg';\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n  value?: Date | null;\n}\n\n/**\n * Ark offers `openOnClick` but nothing for focus, so the calendar is opened from the input's own\n * focus event — that covers tabbing in as well as clicking.\n */\nconst DatePickerInput = ({ css }: { css: SystemStyleObject }) => {\n  const { disabled, open, readOnly, setOpen } = useDatePickerContext();\n  // Ark's DatePicker.Input has no notion of Chakra's Field — without this, `errorText`/`helperText`\n  // render visually but are never announced, since nothing points the input's aria-describedby at them.\n  const ariaDescribedby = useFieldContext()?.ariaDescribedby;\n  const reopenBlockedRef = useRef(false);\n  const wasOpenRef = useRef(false);\n\n  // Zag's `focusInputElement` puts focus back on the input a frame after the calendar closes on\n  // selection, which would bounce it straight back open. Ignore focus that lands right after a\n  // close — this has to be a layout effect so the flag is set before Zag's rAF runs. Isomorphic\n  // layout effect: avoids the SSR \"useLayoutEffect does nothing on the server\" warning.\n  useSafeLayoutEffect(() => {\n    const justClosed = wasOpenRef.current && !open;\n    wasOpenRef.current = open;\n\n    // Only a real close can trigger Zag's refocus, so mount (never-opened) must not arm the block\n    // — otherwise an autoFocus or a programmatic focus right after mount gets swallowed.\n    if (!justClosed) {\n      return undefined;\n    }\n\n    reopenBlockedRef.current = true;\n    const timeout = setTimeout(() => {\n      reopenBlockedRef.current = false;\n    }, 100);\n\n    return () => clearTimeout(timeout);\n  }, [open]);\n\n  // Ark gates its own trigger handlers on the machine's interactive state, but `setOpen` is not —\n  // it would happily open the calendar on a read-only or disabled field. A disabled input still\n  // needs the check: Chrome fires focus events for a programmatic `.focus()` on one, even though\n  // focus never actually lands there.\n  const handleFocus = () => {\n    if (!reopenBlockedRef.current && !readOnly && !disabled) {\n      setOpen(true);\n    }\n  };\n\n  return <DatePicker.Input aria-describedby={ariaDescribedby} css={css} index={0} onFocus={handleFocus} unstyled />;\n};\n\nconst BitkitDatePicker = forwardRef<HTMLDivElement, BitkitDatePickerProps>((props, ref) => {\n  const {\n    controlProps,\n    dayTooltip,\n    defaultValue,\n    disablePortal,\n    max,\n    min,\n    onValueChange,\n    placeholder,\n    showOutsideDays,\n    size = 'lg',\n    state,\n    value,\n    ...fieldProps\n  } = props;\n\n  const recipe = useSlotRecipe({ key: 'textInput' });\n  const styles = recipe({ size });\n\n  const { disablePortal: disablePortalFromContext } = useContext(BitkitPortalContext);\n\n  const minCalendarDate = useMemo(() => (min ? dateToCalendarDate(min) : undefined), [min]);\n  const maxCalendarDate = useMemo(() => (max ? dateToCalendarDate(max) : undefined), [max]);\n\n  const iconSize = size === 'md' ? '16' : '24';\n  const hasWarning = state === 'warning' || !!fieldProps.warningText;\n  const isInvalid = state === 'error' || !!fieldProps.errorText;\n\n  let statusIcon: ReactNode = null;\n  if (isInvalid) {\n    statusIcon = <IconErrorCircleFilled color=\"icon/negative\" size={iconSize} />;\n  } else if (hasWarning) {\n    statusIcon = <IconWarningYellow size={iconSize} />;\n  }\n\n  const stateAttrs = {\n    'data-disabled': state === 'disabled' ? '' : undefined,\n    'data-invalid': isInvalid ? '' : undefined,\n    'data-readonly': state === 'readOnly' ? '' : undefined,\n  };\n\n  const isInteractive = state !== 'disabled' && state !== 'readOnly';\n\n  const calendarButton = (\n    <BitkitControlButton\n      icon={IconCalendar}\n      label=\"Open calendar\"\n      // Pulled out by its own padding so the glyph lands where a plain end icon would sit in\n      // BitkitTextInput — 16px (lg) / 12px (md) from the field's outer edge.\n      marginInlineEnd={size === 'md' ? '-8' : '-4'}\n      size={size === 'md' ? 'xs' : 'sm'}\n      state={isInteractive ? undefined : 'disabled'}\n    />\n  );\n\n  return (\n    <BitkitField ref={ref} state={state} {...fieldProps}>\n      <DatePicker.Root\n        defaultValue={defaultValue ? [dateToCalendarDate(defaultValue)] : undefined}\n        device=\"desktop\"\n        disabled={state === 'disabled'}\n        invalid={isInvalid}\n        layout=\"1-month\"\n        max={maxCalendarDate}\n        min={minCalendarDate}\n        numOfMonths={1}\n        onValueChange={\n          onValueChange\n            ? (details: DatePickerValueChangeDetails) =>\n                onValueChange(details.value?.[0] ? calendarDateToDate(details.value[0]) : null)\n            : undefined\n        }\n        placeholder={state === 'readOnly' ? '(not set)' : placeholder}\n        positioning={{ placement: 'bottom-start' }}\n        readOnly={state === 'readOnly'}\n        selectionMode=\"single\"\n        showOutsideDays={showOutsideDays ?? true}\n        startOfWeek={1}\n        // Stay controlled whenever `value` is provided — even for `null` (\"nothing selected\").\n        // Passing `undefined` would flip Root to uncontrolled. See BitkitCombobox.\n        value={value === undefined ? undefined : value ? [dateToCalendarDate(value)] : []}\n      >\n        <DatePicker.Control asChild>\n          <Box {...controlProps} css={[styles.field, controlProps?.css]} {...stateAttrs}>\n            <DatePickerInput css={styles.input} />\n            {statusIcon != null && (\n              <Box css={styles.element} {...stateAttrs}>\n                {statusIcon}\n              </Box>\n            )}\n            {/* Ark keeps the trigger interactive in read-only mode and forces `disabled={false}`\n                onto whatever it wraps, so the button is left unwrapped there to stay inert. */}\n            {state === 'readOnly' ? calendarButton : <DatePicker.Trigger asChild>{calendarButton}</DatePicker.Trigger>}\n          </Box>\n        </DatePicker.Control>\n        <Portal disabled={disablePortal || disablePortalFromContext}>\n          <DatePicker.Positioner>\n            <CalendarContent\n              dayTooltip={dayTooltip}\n              layout=\"1-month\"\n              max={maxCalendarDate}\n              min={minCalendarDate}\n              selectionMode=\"day\"\n            />\n          </DatePicker.Positioner>\n        </Portal>\n      </DatePicker.Root>\n    </BitkitField>\n  );\n});\n\nBitkitDatePicker.displayName = 'BitkitDatePicker';\n\nexport default BitkitDatePicker;\n"],"mappings":"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"}
+{"version":3,"file":"BitkitDatePicker.js","names":[],"sources":["../../../lib/components/BitkitDatePicker/BitkitDatePicker.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { useFieldContext } from '@chakra-ui/react/field';\nimport { useSafeLayoutEffect } from '@chakra-ui/react/hooks';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { type SystemStyleObject, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactNode, useContext, useMemo, useRef } from 'react';\n\nimport { DatePicker, type DatePickerValueChangeDetails, useDatePickerContext } from '../../atoms/DatePicker/DatePicker';\nimport IconCalendar from '../../icons/IconCalendar';\nimport IconErrorCircleFilled from '../../icons/IconErrorCircleFilled';\nimport IconWarningYellow from '../../icons/IconWarningYellow';\nimport BitkitPortalContext from '../../utilities/BitkitPortalContext';\nimport { calendarDateToDate, dateToCalendarDate } from '../BitkitCalendar/Calendar.utils';\nimport CalendarContent from '../BitkitCalendar/components/CalendarContent';\nimport BitkitControlButton from '../BitkitControlButton/BitkitControlButton';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField';\n\nexport type BitkitDatePickerControlProps = BoxProps;\n\nexport interface BitkitDatePickerProps extends Omit<BitkitFieldProps, 'children' | 'defaultValue' | 'state' | 'value'> {\n  controlProps?: BitkitDatePickerControlProps;\n  defaultValue?: Date | null;\n  disablePortal?: boolean;\n  max?: Date;\n  min?: Date;\n  onValueChange?: (value: Date | null) => void;\n  placeholder?: string;\n  showOutsideDays?: boolean;\n  size?: 'md' | 'lg';\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n  value?: Date | null;\n}\n\n/**\n * Ark offers `openOnClick` but nothing for focus, so the calendar is opened from the input's own\n * focus event — that covers tabbing in as well as clicking.\n */\nconst DatePickerInput = ({ css }: { css: SystemStyleObject }) => {\n  const { disabled, open, readOnly, setOpen } = useDatePickerContext();\n  // Ark's DatePicker.Input has no notion of Chakra's Field — without this, `errorText`/`helperText`\n  // render visually but are never announced, since nothing points the input's aria-describedby at them.\n  const ariaDescribedby = useFieldContext()?.ariaDescribedby;\n  const reopenBlockedRef = useRef(false);\n  const wasOpenRef = useRef(false);\n\n  // Zag's `focusInputElement` puts focus back on the input a frame after the calendar closes on\n  // selection, which would bounce it straight back open. Ignore focus that lands right after a\n  // close — this has to be a layout effect so the flag is set before Zag's rAF runs. Isomorphic\n  // layout effect: avoids the SSR \"useLayoutEffect does nothing on the server\" warning.\n  useSafeLayoutEffect(() => {\n    const justClosed = wasOpenRef.current && !open;\n    wasOpenRef.current = open;\n\n    // Only a real close can trigger Zag's refocus, so mount (never-opened) must not arm the block\n    // — otherwise an autoFocus or a programmatic focus right after mount gets swallowed.\n    if (!justClosed) {\n      return undefined;\n    }\n\n    reopenBlockedRef.current = true;\n    const timeout = setTimeout(() => {\n      reopenBlockedRef.current = false;\n    }, 100);\n\n    return () => clearTimeout(timeout);\n  }, [open]);\n\n  // Ark gates its own trigger handlers on the machine's interactive state, but `setOpen` is not —\n  // it would happily open the calendar on a read-only or disabled field. A disabled input still\n  // needs the check: Chrome fires focus events for a programmatic `.focus()` on one, even though\n  // focus never actually lands there.\n  const handleFocus = () => {\n    if (!reopenBlockedRef.current && !readOnly && !disabled) {\n      setOpen(true);\n    }\n  };\n\n  return <DatePicker.Input aria-describedby={ariaDescribedby} css={css} index={0} onFocus={handleFocus} unstyled />;\n};\n\nconst BitkitDatePicker = forwardRef<HTMLDivElement, BitkitDatePickerProps>((props, ref) => {\n  const {\n    controlProps,\n    defaultValue,\n    disablePortal,\n    max,\n    min,\n    onValueChange,\n    placeholder,\n    showOutsideDays,\n    size = 'lg',\n    state,\n    value,\n    ...fieldProps\n  } = props;\n\n  const recipe = useSlotRecipe({ key: 'textInput' });\n  const styles = recipe({ size });\n\n  const { disablePortal: disablePortalFromContext } = useContext(BitkitPortalContext);\n\n  const minCalendarDate = useMemo(() => (min ? dateToCalendarDate(min) : undefined), [min]);\n  const maxCalendarDate = useMemo(() => (max ? dateToCalendarDate(max) : undefined), [max]);\n\n  const iconSize = size === 'md' ? '16' : '24';\n  const hasWarning = state === 'warning' || !!fieldProps.warningText;\n  const isInvalid = state === 'error' || !!fieldProps.errorText;\n\n  let statusIcon: ReactNode = null;\n  if (isInvalid) {\n    statusIcon = <IconErrorCircleFilled color=\"icon/negative\" size={iconSize} />;\n  } else if (hasWarning) {\n    statusIcon = <IconWarningYellow size={iconSize} />;\n  }\n\n  const stateAttrs = {\n    'data-disabled': state === 'disabled' ? '' : undefined,\n    'data-invalid': isInvalid ? '' : undefined,\n    'data-readonly': state === 'readOnly' ? '' : undefined,\n  };\n\n  const isInteractive = state !== 'disabled' && state !== 'readOnly';\n\n  const calendarButton = (\n    <BitkitControlButton\n      icon={IconCalendar}\n      label=\"Open calendar\"\n      // Pulled out by its own padding so the glyph lands where a plain end icon would sit in\n      // BitkitTextInput — 16px (lg) / 12px (md) from the field's outer edge.\n      marginInlineEnd={size === 'md' ? '-8' : '-4'}\n      size={size === 'md' ? 'xs' : 'sm'}\n      state={isInteractive ? undefined : 'disabled'}\n    />\n  );\n\n  return (\n    <BitkitField ref={ref} state={state} {...fieldProps}>\n      <DatePicker.Root\n        defaultValue={defaultValue ? [dateToCalendarDate(defaultValue)] : undefined}\n        device=\"desktop\"\n        disabled={state === 'disabled'}\n        invalid={isInvalid}\n        layout=\"1-month\"\n        max={maxCalendarDate}\n        min={minCalendarDate}\n        numOfMonths={1}\n        onValueChange={\n          onValueChange\n            ? (details: DatePickerValueChangeDetails) =>\n                onValueChange(details.value?.[0] ? calendarDateToDate(details.value[0]) : null)\n            : undefined\n        }\n        placeholder={state === 'readOnly' ? '(not set)' : placeholder}\n        positioning={{ placement: 'bottom-start' }}\n        readOnly={state === 'readOnly'}\n        selectionMode=\"single\"\n        showOutsideDays={showOutsideDays ?? true}\n        startOfWeek={1}\n        // Stay controlled whenever `value` is provided — even for `null` (\"nothing selected\").\n        // Passing `undefined` would flip Root to uncontrolled. See BitkitCombobox.\n        value={value === undefined ? undefined : value ? [dateToCalendarDate(value)] : []}\n      >\n        <DatePicker.Control asChild>\n          <Box {...controlProps} css={[styles.field, controlProps?.css]} {...stateAttrs}>\n            <DatePickerInput css={styles.input} />\n            {statusIcon != null && (\n              <Box css={styles.element} {...stateAttrs}>\n                {statusIcon}\n              </Box>\n            )}\n            {/* Ark keeps the trigger interactive in read-only mode and forces `disabled={false}`\n                onto whatever it wraps, so the button is left unwrapped there to stay inert. */}\n            {state === 'readOnly' ? calendarButton : <DatePicker.Trigger asChild>{calendarButton}</DatePicker.Trigger>}\n          </Box>\n        </DatePicker.Control>\n        <Portal disabled={disablePortal || disablePortalFromContext}>\n          <DatePicker.Positioner>\n            <CalendarContent layout=\"1-month\" max={maxCalendarDate} min={minCalendarDate} selectionMode=\"day\" />\n          </DatePicker.Positioner>\n        </Portal>\n      </DatePicker.Root>\n    </BitkitField>\n  );\n});\n\nBitkitDatePicker.displayName = 'BitkitDatePicker';\n\nexport default BitkitDatePicker;\n"],"mappings":"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"}

package/dist/components/BitkitMarkdown/BitkitMarkdown.js

@@ -1,7 +1,7 @@
 import BitkitCodeSnippet from "../BitkitCodeSnippet/BitkitCodeSnippet.js";
-import BitkitList_default from "../BitkitList/BitkitList.js";
 import BitkitHeading from "../BitkitHeading/BitkitHeading.js";
 import BitkitLink from "../BitkitLink/BitkitLink.js";
+import BitkitList_default from "../BitkitList/BitkitList.js";
 import { getTextContent } from "../../utilities/getTextContent.js";
 import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
 import { forwardRef } from "react";

package/dist/components/BitkitNoteCard/BitkitNoteCard.js

@@ -3,8 +3,8 @@ import IconChevronDown from "../../icons/IconChevronDown.js";
 import IconChevronUp from "../../icons/IconChevronUp.js";
 import { ICON_COMPONENTS_MAP } from "../common/notificationMaps.js";
 import BitkitButton from "../BitkitButton/BitkitButton.js";
-import BitkitList_default from "../BitkitList/BitkitList.js";
 import BitkitLinkButton from "../BitkitLinkButton/BitkitLinkButton.js";
+import BitkitList_default from "../BitkitList/BitkitList.js";
 import { Box } from "@chakra-ui/react/box";
 import { useSlotRecipe } from "@chakra-ui/react/styled-system";
 import { forwardRef, useState } from "react";

package/dist/components/index.d.ts

@@ -28,12 +28,6 @@ export { default as BitkitEmptyState, type BitkitEmptyStateProps } from './Bitki
 export { default as BitkitExpandableCard, type BitkitExpandableCardProps, } from './BitkitExpandableCard/BitkitExpandableCard';
 export { default as BitkitField, type BitkitFieldProps } from './BitkitField/BitkitField';
 export { default as BitkitFileInput, type BitkitFileInputProps } from './BitkitFileInput/BitkitFileInput';
-export { default as BitkitFilter, type BitkitFilterProps } from './BitkitFilter/BitkitFilter';
-export { type BitkitFilterAddProps } from './BitkitFilter/BitkitFilterAdd';
-export { type BitkitFilterDateRangeProps, type BitkitFilterDateRangeValue } from './BitkitFilter/BitkitFilterDateRange';
-export { type BitkitFilterSearchProps } from './BitkitFilter/BitkitFilterSearch';
-export { type BitkitFilterSelectItem, type BitkitFilterSelectProps } from './BitkitFilter/BitkitFilterSelect';
-export { type BitkitFilterSwitchItem, type BitkitFilterSwitchProps } from './BitkitFilter/BitkitFilterSwitch';
 export { default as BitkitGroupHeading, type BitkitGroupHeadingProps } from './BitkitGroupHeading/BitkitGroupHeading';
 export { default as BitkitHeading, type BitkitHeadingProps } from './BitkitHeading/BitkitHeading';
 export { default as BitkitIconButton, type BitkitIconButtonProps } from './BitkitIconButton/BitkitIconButton';

package/dist/main.js

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

package/dist/theme/recipes/Spinner.recipe.d.ts

@@ -9,16 +9,16 @@ declare const spinnerRecipe: import('@chakra-ui/react').RecipeDefinition<{
     };
     variant: {
         primary: {
-            '--spinner-color': "colors.purple.10";
+            '--spinner-color': "colors.icon/primary";
         };
         purple: {
-            '--spinner-color': "colors.purple.40";
+            '--spinner-color': "colors.color/purple/strong";
         };
         white: {
-            '--spinner-color': "colors.neutral.100";
+            '--spinner-color': "colors.icon/on-color";
         };
         'on-disabled': {
-            '--spinner-color': "colors.neutral.70";
+            '--spinner-color': "colors.icon/on-disabled";
         };
     };
 }>;

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

@@ -23,10 +23,10 @@ var spinnerRecipe = defineRecipe({
 			lg: { "--spinner-size": "sizes.20" }
 		},
 		variant: {
-			primary: { "--spinner-color": "colors.purple.10" },
-			purple: { "--spinner-color": "colors.purple.40" },
-			white: { "--spinner-color": "colors.neutral.100" },
-			"on-disabled": { "--spinner-color": "colors.neutral.70" }
+			primary: { "--spinner-color": "colors.icon/primary" },
+			purple: { "--spinner-color": "colors.color/purple/strong" },
+			white: { "--spinner-color": "colors.icon/on-color" },
+			"on-disabled": { "--spinner-color": "colors.icon/on-disabled" }
 		}
 	},
 	defaultVariants: { size: "lg" }

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Spinner.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst spinnerRecipe = defineRecipe({\n  className: 'spinner',\n  base: {\n    '--spinner-color': 'currentColor',\n    '--spinner-track-color': 'transparent',\n    display: 'inline-block',\n    borderColor: 'var(--spinner-color)',\n    borderStyle: 'solid',\n    borderWidth: '2',\n    borderRadius: '100%',\n    width: 'var(--spinner-size)',\n    height: 'var(--spinner-size)',\n    animation: 'spin',\n    animationDuration: '500ms',\n    borderBottomColor: 'var(--spinner-track-color)',\n    borderInlineStartColor: 'var(--spinner-track-color)',\n  },\n  variants: {\n    size: {\n      md: { '--spinner-size': 'sizes.12' },\n      lg: { '--spinner-size': 'sizes.20' },\n    },\n    variant: {\n      primary: {\n        '--spinner-color': 'colors.purple.10',\n      },\n      purple: {\n        '--spinner-color': 'colors.purple.40',\n      },\n      white: {\n        '--spinner-color': 'colors.neutral.100',\n      },\n      'on-disabled': {\n        '--spinner-color': 'colors.neutral.70',\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default spinnerRecipe;\n"],"mappings":";;AAEA,IAAM,gBAAgB,aAAa;CACjC,WAAW;CACX,MAAM;EACJ,mBAAmB;EACnB,yBAAyB;EACzB,SAAS;EACT,aAAa;EACb,aAAa;EACb,aAAa;EACb,cAAc;EACd,OAAO;EACP,QAAQ;EACR,WAAW;EACX,mBAAmB;EACnB,mBAAmB;EACnB,wBAAwB;CAC1B;CACA,UAAU;EACR,MAAM;GACJ,IAAI,EAAE,kBAAkB,WAAW;GACnC,IAAI,EAAE,kBAAkB,WAAW;EACrC;EACA,SAAS;GACP,SAAS,EACP,mBAAmB,mBACrB;GACA,QAAQ,EACN,mBAAmB,mBACrB;GACA,OAAO,EACL,mBAAmB,qBACrB;GACA,eAAe,EACb,mBAAmB,oBACrB;EACF;CACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
+{"version":3,"file":"Spinner.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Spinner.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst spinnerRecipe = defineRecipe({\n  className: 'spinner',\n  base: {\n    '--spinner-color': 'currentColor',\n    '--spinner-track-color': 'transparent',\n    display: 'inline-block',\n    borderColor: 'var(--spinner-color)',\n    borderStyle: 'solid',\n    borderWidth: '2',\n    borderRadius: '100%',\n    width: 'var(--spinner-size)',\n    height: 'var(--spinner-size)',\n    animation: 'spin',\n    animationDuration: '500ms',\n    borderBottomColor: 'var(--spinner-track-color)',\n    borderInlineStartColor: 'var(--spinner-track-color)',\n  },\n  variants: {\n    size: {\n      md: { '--spinner-size': 'sizes.12' },\n      lg: { '--spinner-size': 'sizes.20' },\n    },\n    variant: {\n      primary: {\n        '--spinner-color': 'colors.icon/primary',\n      },\n      purple: {\n        '--spinner-color': 'colors.color/purple/strong',\n      },\n      white: {\n        '--spinner-color': 'colors.icon/on-color',\n      },\n      'on-disabled': {\n        '--spinner-color': 'colors.icon/on-disabled',\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default spinnerRecipe;\n"],"mappings":";;AAEA,IAAM,gBAAgB,aAAa;CACjC,WAAW;CACX,MAAM;EACJ,mBAAmB;EACnB,yBAAyB;EACzB,SAAS;EACT,aAAa;EACb,aAAa;EACb,aAAa;EACb,cAAc;EACd,OAAO;EACP,QAAQ;EACR,WAAW;EACX,mBAAmB;EACnB,mBAAmB;EACnB,wBAAwB;CAC1B;CACA,UAAU;EACR,MAAM;GACJ,IAAI,EAAE,kBAAkB,WAAW;GACnC,IAAI,EAAE,kBAAkB,WAAW;EACrC;EACA,SAAS;GACP,SAAS,EACP,mBAAmB,sBACrB;GACA,QAAQ,EACN,mBAAmB,6BACrB;GACA,OAAO,EACL,mBAAmB,uBACrB;GACA,eAAe,EACb,mBAAmB,0BACrB;EACF;CACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}

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

@@ -476,16 +476,16 @@ declare const recipes: {
         };
         variant: {
             primary: {
-                '--spinner-color': "colors.purple.10";
+                '--spinner-color': "colors.icon/primary";
             };
             purple: {
-                '--spinner-color': "colors.purple.40";
+                '--spinner-color': "colors.color/purple/strong";
             };
             white: {
-                '--spinner-color': "colors.neutral.100";
+                '--spinner-color': "colors.icon/on-color";
             };
             'on-disabled': {
-                '--spinner-color': "colors.neutral.70";
+                '--spinner-color': "colors.icon/on-disabled";
             };
         };
     }>;

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

@@ -2067,6 +2067,11 @@ declare const semanticTokens: {
                 base: string;
             };
         };
+        'status/ai/surface-primary': {
+            value: {
+                base: string;
+            };
+        };
         'status/ai/icon': {
             value: {
                 base: string;

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

@@ -2066,6 +2066,11 @@ declare const semanticColors: {
             base: string;
         };
     };
+    'status/ai/surface-primary': {
+        value: {
+            base: string;
+        };
+    };
     'status/ai/icon': {
         value: {
             base: string;

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

@@ -672,6 +672,7 @@ var semanticColors = defineSemanticTokens.colors({
 	"status/ai/bg-active": { value: { base: "{colors.color/indigo/moderate}" } },
 	"status/ai/border": { value: { base: "{colors.gradient/ai/border/strong}" } },
 	"status/ai/surface": { value: { base: "{colors.status/ai/bg} padding-box, {colors.status/ai/border} border-box" } },
+	"status/ai/surface-primary": { value: { base: "linear-gradient({colors.background/primary}, {colors.background/primary}) padding-box, {colors.status/ai/border} border-box" } },
 	"status/ai/icon": { value: { base: "{colors.color/indigo/strong}" } },
 	"status/ai/text": { value: { base: "{colors.color/indigo/strong}" } },
 	"utilities/overlay": { value: { base: "color-mix(in srgb, {colors.neutral.10} 50%, transparent)" } },