@bitrise/bitkit-v2 0.3.214 → 0.3.216

package/dist/components/BitkitSelect/BitkitSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitSelect.js","names":[],"sources":["../../../lib/components/BitkitSelect/BitkitSelect.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { createListCollection } from '@chakra-ui/react/collection';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { Select, type SelectRootProps, type SelectTriggerProps, useSelectContext } from '@chakra-ui/react/select';\nimport { forwardRef } from 'react';\n\nimport { IconErrorCircleFilled, IconWarningYellow } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron.tsx';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField.tsx';\nimport BitkitSelectMenu, {\n  type BitkitSelectMenuCreateItemProps,\n  type BitkitSelectMenuEmptyStateProps,\n  type BitkitSelectMenuItemProps,\n  type BitkitSelectMenuSearchProps,\n} from '../BitkitSelectMenu/BitkitSelectMenu.tsx';\n\nexport type BitkitSelectTriggerProps = SelectTriggerProps;\n\nexport type BitkitSelectProps = Omit<BitkitFieldProps, 'children' | 'state'> & {\n  defaultValue?: string;\n  isLoading?: boolean;\n  items: Array<BitkitSelectMenuItemProps>;\n  onValueChange?: (newVal: string) => void;\n  placeholder?: string;\n  selectProps?: Omit<SelectRootProps, 'collection' | 'defaultValue' | 'onValueChange' | 'value'>;\n  size?: 'md' | 'lg';\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n  triggerProps?: BitkitSelectTriggerProps;\n  value?: string;\n} & BitkitSelectMenuCreateItemProps &\n  BitkitSelectMenuSearchProps &\n  BitkitSelectMenuEmptyStateProps;\n\ntype SelectValueProps = {\n  placeholder?: string;\n  size: BitkitSelectProps['size'];\n  state?: BitkitSelectProps['state'];\n};\n\nconst SelectValue = ({ placeholder, state, size }: SelectValueProps) => {\n  const select = useSelectContext();\n  const items = select.selectedItems as Array<BitkitSelectMenuItemProps>;\n\n  const Icon = items[0]?.icon;\n  const label = items[0]?.label;\n\n  const iconSize = size === 'md' ? '16' : '24';\n\n  return items[0] ? (\n    <Select.ValueText placeholder={placeholder || state === 'readOnly' ? '(not selected)' : 'Select an option'}>\n      <Box display=\"flex\" alignItems=\"center\" gap=\"8\">\n        {Icon && <Icon size={iconSize} />}\n        {label}\n      </Box>\n    </Select.ValueText>\n  ) : (\n    <Select.ValueText placeholder={placeholder ?? (state === 'readOnly' ? '(not selected)' : 'Select an option')} />\n  );\n};\n\nconst BitkitSelect = forwardRef<HTMLDivElement, BitkitSelectProps>((props: BitkitSelectProps, ref) => {\n  const {\n    createItemLabel,\n    defaultValue,\n    emptyHelperText,\n    emptyLabel,\n    isLoading,\n    items,\n    onCreateItem,\n    onSearchChange,\n    onValueChange,\n    searchValue,\n    placeholder,\n    selectProps,\n    size = 'md',\n    state,\n    triggerProps,\n    value,\n    ...fieldProps\n  } = props;\n\n  const collection = createListCollection({\n    items,\n    groupBy: (item) => item.group || '',\n    isItemDisabled: (item) => !!item.disabled,\n  });\n\n  const isInvalid = state === 'error' || !!fieldProps.errorText;\n\n  return (\n    <BitkitField ref={ref} state={state} {...fieldProps}>\n      <Select.Root\n        collection={collection}\n        size={size}\n        {...selectProps}\n        defaultValue={defaultValue ? [defaultValue] : undefined}\n        disabled={state === 'disabled'}\n        invalid={isInvalid}\n        onValueChange={(newVal) => onValueChange?.(newVal.value[0])}\n        readOnly={state === 'readOnly'}\n        // Bypass Zag's isScrollable(contentEl) gate — our Content is overflow:hidden flex\n        // column, so the real scroll container is itemList. See BitkitMultiselect for why.\n        scrollToIndexFn={({ getElement }) => getElement()?.scrollIntoView({ block: 'nearest' })}\n        value={value ? [value] : undefined}\n      >\n        <Select.HiddenSelect />\n        <Select.Control className=\"group\">\n          <Select.Trigger {...triggerProps}>\n            <SelectValue placeholder={placeholder} size={size} state={state} />\n          </Select.Trigger>\n          <Select.IndicatorGroup>\n            {state === 'error' && (\n              <Select.Indicator>\n                <IconErrorCircleFilled size={size === 'lg' ? '24' : '16'} color=\"icon/negative\" />\n              </Select.Indicator>\n            )}\n            {state === 'warning' && (\n              <Select.Indicator>\n                <IconWarningYellow size={size === 'lg' ? '24' : '16'} />\n              </Select.Indicator>\n            )}\n            <Select.Indicator asChild>\n              <AssetSelectChevron />\n            </Select.Indicator>\n          </Select.IndicatorGroup>\n        </Select.Control>\n        <Portal>\n          <Select.Positioner>\n            <BitkitSelectMenu\n              collection={collection}\n              createItemLabel={createItemLabel}\n              emptyHelperText={emptyHelperText}\n              emptyLabel={emptyLabel}\n              isLoading={isLoading}\n              onCreateItem={onCreateItem}\n              onSearchChange={onSearchChange}\n              searchValue={searchValue}\n              size={size}\n            />\n          </Select.Positioner>\n        </Portal>\n      </Select.Root>\n    </BitkitField>\n  );\n});\n\nBitkitSelect.displayName = 'BitkitSelect';\n\nexport default BitkitSelect;\n"],"mappings":";;;;;;;;;;;;AAuCA,IAAM,eAAe,EAAE,aAAa,OAAO,WAA6B;CAEtE,MAAM,QADS,kBACD,CAAO;CAErB,MAAM,OAAO,MAAM,IAAI;CACvB,MAAM,QAAQ,MAAM,IAAI;CAExB,MAAM,WAAW,SAAS,OAAO,OAAO;AAExC,QAAO,MAAM,KACX,oBAAC,OAAO,WAAR;EAAkB,aAAa,eAAe,UAAU,aAAa,mBAAmB;YACtF,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAI;aAA5C,CACG,QAAQ,oBAAC,MAAD,EAAM,MAAM,UAAY,CAAA,EAChC,MACG;;EACW,CAAA,GAEnB,oBAAC,OAAO,WAAR,EAAkB,aAAa,gBAAgB,UAAU,aAAa,mBAAmB,qBAAuB,CAAA;;AAIpH,IAAM,eAAe,YAA+C,OAA0B,QAAQ;CACpG,MAAM,EACJ,iBACA,cACA,iBACA,YACA,WACA,OACA,cACA,gBACA,eACA,aACA,aACA,aACA,OAAO,MACP,OACA,cACA,OACA,GAAG,eACD;CAEJ,MAAM,aAAa,qBAAqB;EACtC;EACA,UAAU,SAAS,KAAK,SAAS;EACjC,iBAAiB,SAAS,CAAC,CAAC,KAAK;EAClC,CAAC;CAEF,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,WAAW;AAEpD,QACE,oBAAC,aAAD;EAAkB;EAAY;EAAO,GAAI;YACvC,qBAAC,OAAO,MAAR;GACc;GACN;GACN,GAAI;GACJ,cAAc,eAAe,CAAC,aAAa,GAAG,KAAA;GAC9C,UAAU,UAAU;GACpB,SAAS;GACT,gBAAgB,WAAW,gBAAgB,OAAO,MAAM,GAAG;GAC3D,UAAU,UAAU;GAGpB,kBAAkB,EAAE,iBAAiB,YAAY,EAAE,eAAe,EAAE,OAAO,WAAW,CAAC;GACvF,OAAO,QAAQ,CAAC,MAAM,GAAG,KAAA;aAZ3B;IAcE,oBAAC,OAAO,cAAR,EAAuB,CAAA;IACvB,qBAAC,OAAO,SAAR;KAAgB,WAAU;eAA1B,CACE,oBAAC,OAAO,SAAR;MAAgB,GAAI;gBAClB,oBAAC,aAAD;OAA0B;OAAmB;OAAa;OAAS,CAAA;MACpD,CAAA,EACjB,qBAAC,OAAO,gBAAR,EAAA,UAAA;MACG,UAAU,WACT,oBAAC,OAAO,WAAR,EAAA,UACE,oBAAC,uBAAD;OAAuB,MAAM,SAAS,OAAO,OAAO;OAAM,OAAM;OAAkB,CAAA,EACjE,CAAA;MAEpB,UAAU,aACT,oBAAC,OAAO,WAAR,EAAA,UACE,oBAAC,mBAAD,EAAmB,MAAM,SAAS,OAAO,OAAO,MAAQ,CAAA,EACvC,CAAA;MAErB,oBAAC,OAAO,WAAR;OAAkB,SAAA;iBAChB,oBAAC,oBAAD,EAAsB,CAAA;OACL,CAAA;MACG,EAAA,CAAA,CACT;;IACjB,oBAAC,QAAD,EAAA,UACE,oBAAC,OAAO,YAAR,EAAA,UACE,oBAAC,kBAAD;KACc;KACK;KACA;KACL;KACD;KACG;KACE;KACH;KACP;KACN,CAAA,EACgB,CAAA,EACb,CAAA;IACG;;EACF,CAAA;EAEhB;AAEF,aAAa,cAAc"}
+{"version":3,"file":"BitkitSelect.js","names":[],"sources":["../../../lib/components/BitkitSelect/BitkitSelect.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { createListCollection } from '@chakra-ui/react/collection';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { Select, type SelectRootProps, type SelectTriggerProps, useSelectContext } from '@chakra-ui/react/select';\nimport { forwardRef } from 'react';\n\nimport { IconErrorCircleFilled, IconWarningYellow } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron.tsx';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField.tsx';\nimport BitkitSelectMenu, {\n  type BitkitSelectMenuCreateItemProps,\n  type BitkitSelectMenuEmptyStateProps,\n  type BitkitSelectMenuItemProps,\n  type BitkitSelectMenuSearchProps,\n} from '../BitkitSelectMenu/BitkitSelectMenu.tsx';\n\nexport type BitkitSelectTriggerProps = SelectTriggerProps;\n\nexport type BitkitSelectProps = Omit<BitkitFieldProps, 'children' | 'state'> & {\n  defaultValue?: string;\n  isLoading?: boolean;\n  items: Array<BitkitSelectMenuItemProps>;\n  onValueChange?: (newVal: string) => void;\n  placeholder?: string;\n  selectProps?: Omit<SelectRootProps, 'collection' | 'defaultValue' | 'onValueChange' | 'value'>;\n  size?: 'md' | 'lg';\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n  triggerProps?: BitkitSelectTriggerProps;\n  value?: string;\n} & BitkitSelectMenuCreateItemProps &\n  BitkitSelectMenuSearchProps &\n  BitkitSelectMenuEmptyStateProps;\n\ntype SelectValueProps = {\n  placeholder?: string;\n  size: BitkitSelectProps['size'];\n  state?: BitkitSelectProps['state'];\n};\n\nconst SelectValue = ({ placeholder, state, size }: SelectValueProps) => {\n  const select = useSelectContext();\n  const items = select.selectedItems as Array<BitkitSelectMenuItemProps>;\n\n  const Icon = items[0]?.icon;\n  const label = items[0]?.label;\n\n  const iconSize = size === 'md' ? '16' : '24';\n\n  return items[0] ? (\n    <Select.ValueText placeholder={placeholder || state === 'readOnly' ? '(not selected)' : 'Select an option'}>\n      <Box display=\"flex\" alignItems=\"center\" gap=\"8\">\n        {Icon && <Icon size={iconSize} />}\n        {label}\n      </Box>\n    </Select.ValueText>\n  ) : (\n    <Select.ValueText placeholder={placeholder ?? (state === 'readOnly' ? '(not selected)' : 'Select an option')} />\n  );\n};\n\nconst BitkitSelect = forwardRef<HTMLDivElement, BitkitSelectProps>((props: BitkitSelectProps, ref) => {\n  const {\n    createItemLabel,\n    defaultValue,\n    emptyHelperText,\n    emptyLabel,\n    isLoading,\n    items,\n    onCreateItem,\n    onSearchChange,\n    onValueChange,\n    searchValue,\n    placeholder,\n    selectProps,\n    size,\n    state,\n    triggerProps,\n    value,\n    ...fieldProps\n  } = props;\n\n  const collection = createListCollection({\n    items,\n    groupBy: (item) => item.group || '',\n    isItemDisabled: (item) => !!item.disabled,\n  });\n\n  const isInvalid = state === 'error' || !!fieldProps.errorText;\n\n  return (\n    <BitkitField ref={ref} state={state} {...fieldProps}>\n      <Select.Root\n        collection={collection}\n        size={size}\n        {...selectProps}\n        defaultValue={defaultValue ? [defaultValue] : undefined}\n        disabled={state === 'disabled'}\n        invalid={isInvalid}\n        onValueChange={(newVal) => onValueChange?.(newVal.value[0])}\n        readOnly={state === 'readOnly'}\n        // Bypass Zag's isScrollable(contentEl) gate — our Content is overflow:hidden flex\n        // column, so the real scroll container is itemList. See BitkitMultiselect for why.\n        scrollToIndexFn={({ getElement }) => getElement()?.scrollIntoView({ block: 'nearest' })}\n        value={value ? [value] : undefined}\n      >\n        <Select.HiddenSelect />\n        <Select.Control className=\"group\">\n          <Select.Trigger {...triggerProps}>\n            <SelectValue placeholder={placeholder} size={size} state={state} />\n          </Select.Trigger>\n          <Select.IndicatorGroup>\n            {state === 'error' && (\n              <Select.Indicator>\n                <IconErrorCircleFilled size={size === 'lg' ? '24' : '16'} color=\"icon/negative\" />\n              </Select.Indicator>\n            )}\n            {state === 'warning' && (\n              <Select.Indicator>\n                <IconWarningYellow size={size === 'lg' ? '24' : '16'} />\n              </Select.Indicator>\n            )}\n            <Select.Indicator asChild>\n              <AssetSelectChevron />\n            </Select.Indicator>\n          </Select.IndicatorGroup>\n        </Select.Control>\n        <Portal>\n          <Select.Positioner>\n            <BitkitSelectMenu\n              collection={collection}\n              createItemLabel={createItemLabel}\n              emptyHelperText={emptyHelperText}\n              emptyLabel={emptyLabel}\n              isLoading={isLoading}\n              onCreateItem={onCreateItem}\n              onSearchChange={onSearchChange}\n              searchValue={searchValue}\n              size={size}\n            />\n          </Select.Positioner>\n        </Portal>\n      </Select.Root>\n    </BitkitField>\n  );\n});\n\nBitkitSelect.displayName = 'BitkitSelect';\n\nexport default BitkitSelect;\n"],"mappings":";;;;;;;;;;;;AAuCA,IAAM,eAAe,EAAE,aAAa,OAAO,WAA6B;CAEtE,MAAM,QADS,iBACD,EAAO;CAErB,MAAM,OAAO,MAAM,IAAI;CACvB,MAAM,QAAQ,MAAM,IAAI;CAExB,MAAM,WAAW,SAAS,OAAO,OAAO;CAExC,OAAO,MAAM,KACX,oBAAC,OAAO,WAAR;EAAkB,aAAa,eAAe,UAAU,aAAa,mBAAmB;YACtF,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAI;aAA5C,CACG,QAAQ,oBAAC,MAAD,EAAM,MAAM,SAAW,CAAA,GAC/B,KACE;;CACW,CAAA,IAElB,oBAAC,OAAO,WAAR,EAAkB,aAAa,gBAAgB,UAAU,aAAa,mBAAmB,oBAAsB,CAAA;AAEnH;AAEA,IAAM,eAAe,YAA+C,OAA0B,QAAQ;CACpG,MAAM,EACJ,iBACA,cACA,iBACA,YACA,WACA,OACA,cACA,gBACA,eACA,aACA,aACA,aACA,MACA,OACA,cACA,OACA,GAAG,eACD;CAEJ,MAAM,aAAa,qBAAqB;EACtC;EACA,UAAU,SAAS,KAAK,SAAS;EACjC,iBAAiB,SAAS,CAAC,CAAC,KAAK;CACnC,CAAC;CAED,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,WAAW;CAEpD,OACE,oBAAC,aAAD;EAAkB;EAAY;EAAO,GAAI;YACvC,qBAAC,OAAO,MAAR;GACc;GACN;GACN,GAAI;GACJ,cAAc,eAAe,CAAC,YAAY,IAAI,KAAA;GAC9C,UAAU,UAAU;GACpB,SAAS;GACT,gBAAgB,WAAW,gBAAgB,OAAO,MAAM,EAAE;GAC1D,UAAU,UAAU;GAGpB,kBAAkB,EAAE,iBAAiB,WAAW,GAAG,eAAe,EAAE,OAAO,UAAU,CAAC;GACtF,OAAO,QAAQ,CAAC,KAAK,IAAI,KAAA;aAZ3B;IAcE,oBAAC,OAAO,cAAR,CAAsB,CAAA;IACtB,qBAAC,OAAO,SAAR;KAAgB,WAAU;eAA1B,CACE,oBAAC,OAAO,SAAR;MAAgB,GAAI;gBAClB,oBAAC,aAAD;OAA0B;OAAmB;OAAa;MAAQ,CAAA;KACpD,CAAA,GAChB,qBAAC,OAAO,gBAAR,EAAA,UAAA;MACG,UAAU,WACT,oBAAC,OAAO,WAAR,EAAA,UACE,oBAAC,uBAAD;OAAuB,MAAM,SAAS,OAAO,OAAO;OAAM,OAAM;MAAiB,CAAA,EACjE,CAAA;MAEnB,UAAU,aACT,oBAAC,OAAO,WAAR,EAAA,UACE,oBAAC,mBAAD,EAAmB,MAAM,SAAS,OAAO,OAAO,KAAO,CAAA,EACvC,CAAA;MAEpB,oBAAC,OAAO,WAAR;OAAkB,SAAA;iBAChB,oBAAC,oBAAD,CAAqB,CAAA;MACL,CAAA;KACG,EAAA,CAAA,CACT;;IAChB,oBAAC,QAAD,EAAA,UACE,oBAAC,OAAO,YAAR,EAAA,UACE,oBAAC,kBAAD;KACc;KACK;KACA;KACL;KACD;KACG;KACE;KACH;KACP;IACP,CAAA,EACgB,CAAA,EACb,CAAA;GACG;;CACF,CAAA;AAEjB,CAAC;AAED,aAAa,cAAc"}

package/dist/components/BitkitSelectMenu/BitkitSelectMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitSelectMenu.js","names":[],"sources":["../../../lib/components/BitkitSelectMenu/BitkitSelectMenu.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { type ListCollection } from '@chakra-ui/react/collection';\nimport { Combobox } from '@chakra-ui/react/combobox';\nimport { Select, type SelectContentProps } from '@chakra-ui/react/select';\nimport { Spinner } from '@chakra-ui/react/spinner';\nimport { type SystemStyleObject, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef } from 'react';\n\nimport { type BitkitIconComponent, IconCheck } from '../../icons';\nimport BitkitAvatar from '../BitkitAvatar/BitkitAvatar';\nimport { SelectMenuShell } from './SelectMenuShell';\n\nexport type BitkitSelectMenuCreateItemProps = {\n  createItemLabel?: string;\n  onCreateItem?: () => void;\n};\n\nexport type BitkitSelectMenuSearchProps = {\n  /** When provided, a search input is rendered above the menu items. `searchValue` is required alongside. */\n  onSearchChange?: (searchText: string) => void;\n  searchValue?: string;\n};\n\nexport type BitkitSelectMenuItemProps = {\n  value: string;\n  label: string;\n  group?: string;\n  icon?: BitkitIconComponent;\n  avatar?: string;\n  helperText?: string;\n  disabled?: boolean;\n  loading?: boolean;\n};\n\nexport type BitkitSelectMenuEmptyStateProps = {\n  emptyLabel?: string;\n  emptyHelperText?: string;\n};\n\nexport type BitkitSelectMenuProps = {\n  collection: ListCollection<BitkitSelectMenuItemProps>;\n  /** Forwarded to the underlying Select/Combobox.Content. Kept for internal callers\n   *  (e.g. BitkitCalendar's in-grid selects that need to tweak max-height / width). The\n   *  public components (BitkitSelect, BitkitCombobox) do not expose this escape hatch. */\n  contentProps?: SelectContentProps;\n  isLoading?: boolean;\n  size?: 'md' | 'lg';\n  variant?: 'select' | 'combobox';\n} & BitkitSelectMenuCreateItemProps &\n  BitkitSelectMenuSearchProps &\n  BitkitSelectMenuEmptyStateProps;\n\nconst BitkitSelectMenu = forwardRef<HTMLDivElement, BitkitSelectMenuProps>((props, ref) => {\n  const { collection, variant = 'select', size, ...shellProps } = props;\n  const NS = variant === 'combobox' ? Combobox : Select;\n  const recipe = useSlotRecipe({ key: 'select' });\n  const styles = recipe({ size });\n  const iconSize = size === 'md' ? '16' : '24';\n\n  return (\n    <SelectMenuShell\n      NS={NS}\n      collection={collection}\n      contentRef={ref}\n      iconSize={iconSize}\n      renderItem={(item) => <SelectMenuItem key={item.value} NS={NS} item={item} iconSize={iconSize} styles={styles} />}\n      size={size}\n      styles={styles}\n      {...shellProps}\n    />\n  );\n});\n\nBitkitSelectMenu.displayName = 'BitkitSelectMenu';\n\ntype SelectMenuItemRenderProps = {\n  NS: typeof Select | typeof Combobox;\n  item: BitkitSelectMenuItemProps;\n  iconSize: '16' | '24';\n  styles: Record<string, SystemStyleObject>;\n};\n\nconst SelectMenuItem = ({ NS, item, iconSize, styles }: SelectMenuItemRenderProps) => {\n  const Icon = item.icon;\n\n  if (item.loading) {\n    // Rendered as a plain Box, not NS.Item — Zag's state machine won't track it as\n    // an option, so keyboard nav skips it and it can't be selected.\n    return (\n      <Box css={styles.item}>\n        <Spinner variant=\"purple\" css={styles.itemLoading} />\n        <Text css={styles.itemLoadingLabel}>Loading...</Text>\n      </Box>\n    );\n  }\n\n  return (\n    <NS.Item css={styles.item} item={item}>\n      {item.avatar && (\n        <Box data-slot=\"avatar\" css={{ '[data-disabled] &': { opacity: 0.5 } }}>\n          <BitkitAvatar variant=\"image\" src={item.avatar} name={item.label} size={iconSize === '24' ? '32' : '24'} />\n        </Box>\n      )}\n      <Box css={styles.itemContent}>\n        <Box display=\"flex\" alignItems=\"center\" gap=\"8\">\n          {Icon && !item.avatar && <Icon color=\"icon/primary\" size={iconSize} />}\n          <Text css={styles.itemLabel}>{item.label}</Text>\n        </Box>\n        {item.helperText && <Text css={styles.itemHelperText}>{item.helperText}</Text>}\n      </Box>\n      <NS.ItemIndicator asChild>\n        <IconCheck size={iconSize} css={styles.itemIndicator} />\n      </NS.ItemIndicator>\n    </NS.Item>\n  );\n};\n\nexport default BitkitSelectMenu;\n"],"mappings":";;;;;;;;;;;;AAqDA,IAAM,mBAAmB,YAAmD,OAAO,QAAQ;CACzF,MAAM,EAAE,YAAY,UAAU,UAAU,MAAM,GAAG,eAAe;CAChE,MAAM,KAAK,YAAY,aAAa,WAAW;CAE/C,MAAM,SADS,cAAc,EAAE,KAAK,UAAU,CAC/B,CAAO,EAAE,MAAM,CAAC;CAC/B,MAAM,WAAW,SAAS,OAAO,OAAO;AAExC,QACE,oBAAC,iBAAD;EACM;EACQ;EACZ,YAAY;EACF;EACV,aAAa,SAAS,oBAAC,gBAAD;GAAqC;GAAU;GAAgB;GAAkB;GAAU,EAAtE,KAAK,MAAiE;EAC3G;EACE;EACR,GAAI;EACJ,CAAA;EAEJ;AAEF,iBAAiB,cAAc;AAS/B,IAAM,kBAAkB,EAAE,IAAI,MAAM,UAAU,aAAwC;CACpF,MAAM,OAAO,KAAK;AAElB,KAAI,KAAK,QAGP,QACE,qBAAC,KAAD;EAAK,KAAK,OAAO;YAAjB,CACE,oBAAC,SAAD;GAAS,SAAQ;GAAS,KAAK,OAAO;GAAe,CAAA,EACrD,oBAAC,MAAD;GAAM,KAAK,OAAO;aAAkB;GAAiB,CAAA,CACjD;;AAIV,QACE,qBAAC,GAAG,MAAJ;EAAS,KAAK,OAAO;EAAY;YAAjC;GACG,KAAK,UACJ,oBAAC,KAAD;IAAK,aAAU;IAAS,KAAK,EAAE,qBAAqB,EAAE,SAAS,IAAK,EAAE;cACpE,oBAAC,cAAD;KAAc,SAAQ;KAAQ,KAAK,KAAK;KAAQ,MAAM,KAAK;KAAO,MAAM,aAAa,OAAO,OAAO;KAAQ,CAAA;IACvG,CAAA;GAER,qBAAC,KAAD;IAAK,KAAK,OAAO;cAAjB,CACE,qBAAC,KAAD;KAAK,SAAQ;KAAO,YAAW;KAAS,KAAI;eAA5C,CACG,QAAQ,CAAC,KAAK,UAAU,oBAAC,MAAD;MAAM,OAAM;MAAe,MAAM;MAAY,CAAA,EACtE,oBAAC,MAAD;MAAM,KAAK,OAAO;gBAAY,KAAK;MAAa,CAAA,CAC5C;QACL,KAAK,cAAc,oBAAC,MAAD;KAAM,KAAK,OAAO;eAAiB,KAAK;KAAkB,CAAA,CAC1E;;GACN,oBAAC,GAAG,eAAJ;IAAkB,SAAA;cAChB,oBAAC,WAAD;KAAW,MAAM;KAAU,KAAK,OAAO;KAAiB,CAAA;IACvC,CAAA;GACX"}
+{"version":3,"file":"BitkitSelectMenu.js","names":[],"sources":["../../../lib/components/BitkitSelectMenu/BitkitSelectMenu.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { type ListCollection } from '@chakra-ui/react/collection';\nimport { Combobox } from '@chakra-ui/react/combobox';\nimport { Select, type SelectContentProps } from '@chakra-ui/react/select';\nimport { Spinner } from '@chakra-ui/react/spinner';\nimport { type SystemStyleObject, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef } from 'react';\n\nimport { type BitkitIconComponent, IconCheck } from '../../icons';\nimport BitkitAvatar from '../BitkitAvatar/BitkitAvatar';\nimport { SelectMenuShell } from './SelectMenuShell';\n\nexport type BitkitSelectMenuCreateItemProps = {\n  createItemLabel?: string;\n  onCreateItem?: () => void;\n};\n\nexport type BitkitSelectMenuSearchProps = {\n  /** When provided, a search input is rendered above the menu items. `searchValue` is required alongside. */\n  onSearchChange?: (searchText: string) => void;\n  searchValue?: string;\n};\n\nexport type BitkitSelectMenuItemProps = {\n  value: string;\n  label: string;\n  group?: string;\n  icon?: BitkitIconComponent;\n  avatar?: string;\n  helperText?: string;\n  disabled?: boolean;\n  loading?: boolean;\n};\n\nexport type BitkitSelectMenuEmptyStateProps = {\n  emptyLabel?: string;\n  emptyHelperText?: string;\n};\n\nexport type BitkitSelectMenuProps = {\n  collection: ListCollection<BitkitSelectMenuItemProps>;\n  /** Forwarded to the underlying Select/Combobox.Content. Kept for internal callers\n   *  (e.g. BitkitCalendar's in-grid selects that need to tweak max-height / width). The\n   *  public components (BitkitSelect, BitkitCombobox) do not expose this escape hatch. */\n  contentProps?: SelectContentProps;\n  isLoading?: boolean;\n  size?: 'md' | 'lg';\n  variant?: 'select' | 'combobox';\n} & BitkitSelectMenuCreateItemProps &\n  BitkitSelectMenuSearchProps &\n  BitkitSelectMenuEmptyStateProps;\n\nconst BitkitSelectMenu = forwardRef<HTMLDivElement, BitkitSelectMenuProps>((props, ref) => {\n  const { collection, variant = 'select', size, ...shellProps } = props;\n  const NS = variant === 'combobox' ? Combobox : Select;\n  const recipe = useSlotRecipe({ key: 'select' });\n  const styles = recipe({ size });\n  const iconSize = size === 'md' ? '16' : '24';\n\n  return (\n    <SelectMenuShell\n      NS={NS}\n      collection={collection}\n      contentRef={ref}\n      iconSize={iconSize}\n      renderItem={(item) => <SelectMenuItem key={item.value} NS={NS} item={item} iconSize={iconSize} styles={styles} />}\n      size={size}\n      styles={styles}\n      {...shellProps}\n    />\n  );\n});\n\nBitkitSelectMenu.displayName = 'BitkitSelectMenu';\n\ntype SelectMenuItemRenderProps = {\n  NS: typeof Select | typeof Combobox;\n  item: BitkitSelectMenuItemProps;\n  iconSize: '16' | '24';\n  styles: Record<string, SystemStyleObject>;\n};\n\nconst SelectMenuItem = ({ NS, item, iconSize, styles }: SelectMenuItemRenderProps) => {\n  const Icon = item.icon;\n\n  if (item.loading) {\n    // Rendered as a plain Box, not NS.Item — Zag's state machine won't track it as\n    // an option, so keyboard nav skips it and it can't be selected.\n    return (\n      <Box css={styles.item}>\n        <Spinner variant=\"purple\" css={styles.itemLoading} />\n        <Text css={styles.itemLoadingLabel}>Loading...</Text>\n      </Box>\n    );\n  }\n\n  return (\n    <NS.Item css={styles.item} item={item}>\n      {item.avatar && (\n        <Box data-slot=\"avatar\" css={{ '[data-disabled] &': { opacity: 0.5 } }}>\n          <BitkitAvatar variant=\"image\" src={item.avatar} name={item.label} size={iconSize === '24' ? '32' : '24'} />\n        </Box>\n      )}\n      <Box css={styles.itemContent}>\n        <Box display=\"flex\" alignItems=\"center\" gap=\"8\">\n          {Icon && !item.avatar && <Icon color=\"icon/primary\" size={iconSize} />}\n          <Text css={styles.itemLabel}>{item.label}</Text>\n        </Box>\n        {item.helperText && <Text css={styles.itemHelperText}>{item.helperText}</Text>}\n      </Box>\n      <NS.ItemIndicator asChild>\n        <IconCheck size={iconSize} css={styles.itemIndicator} />\n      </NS.ItemIndicator>\n    </NS.Item>\n  );\n};\n\nexport default BitkitSelectMenu;\n"],"mappings":";;;;;;;;;;;;AAqDA,IAAM,mBAAmB,YAAmD,OAAO,QAAQ;CACzF,MAAM,EAAE,YAAY,UAAU,UAAU,MAAM,GAAG,eAAe;CAChE,MAAM,KAAK,YAAY,aAAa,WAAW;CAE/C,MAAM,SADS,cAAc,EAAE,KAAK,SAAS,CAC9B,EAAO,EAAE,KAAK,CAAC;CAC9B,MAAM,WAAW,SAAS,OAAO,OAAO;CAExC,OACE,oBAAC,iBAAD;EACM;EACQ;EACZ,YAAY;EACF;EACV,aAAa,SAAS,oBAAC,gBAAD;GAAqC;GAAU;GAAgB;GAAkB;EAAS,GAArE,KAAK,KAAgE;EAC1G;EACE;EACR,GAAI;CACL,CAAA;AAEL,CAAC;AAED,iBAAiB,cAAc;AAS/B,IAAM,kBAAkB,EAAE,IAAI,MAAM,UAAU,aAAwC;CACpF,MAAM,OAAO,KAAK;CAElB,IAAI,KAAK,SAGP,OACE,qBAAC,KAAD;EAAK,KAAK,OAAO;YAAjB,CACE,oBAAC,SAAD;GAAS,SAAQ;GAAS,KAAK,OAAO;EAAc,CAAA,GACpD,oBAAC,MAAD;GAAM,KAAK,OAAO;aAAkB;EAAgB,CAAA,CACjD;;CAIT,OACE,qBAAC,GAAG,MAAJ;EAAS,KAAK,OAAO;EAAY;YAAjC;GACG,KAAK,UACJ,oBAAC,KAAD;IAAK,aAAU;IAAS,KAAK,EAAE,qBAAqB,EAAE,SAAS,GAAI,EAAE;cACnE,oBAAC,cAAD;KAAc,SAAQ;KAAQ,KAAK,KAAK;KAAQ,MAAM,KAAK;KAAO,MAAM,aAAa,OAAO,OAAO;IAAO,CAAA;GACvG,CAAA;GAEP,qBAAC,KAAD;IAAK,KAAK,OAAO;cAAjB,CACE,qBAAC,KAAD;KAAK,SAAQ;KAAO,YAAW;KAAS,KAAI;eAA5C,CACG,QAAQ,CAAC,KAAK,UAAU,oBAAC,MAAD;MAAM,OAAM;MAAe,MAAM;KAAW,CAAA,GACrE,oBAAC,MAAD;MAAM,KAAK,OAAO;gBAAY,KAAK;KAAY,CAAA,CAC5C;QACJ,KAAK,cAAc,oBAAC,MAAD;KAAM,KAAK,OAAO;eAAiB,KAAK;IAAiB,CAAA,CAC1E;;GACL,oBAAC,GAAG,eAAJ;IAAkB,SAAA;cAChB,oBAAC,WAAD;KAAW,MAAM;KAAU,KAAK,OAAO;IAAgB,CAAA;GACvC,CAAA;EACX;;AAEb"}

package/dist/components/BitkitSelectMenu/SelectMenuShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectMenuShell.js","names":[],"sources":["../../../lib/components/BitkitSelectMenu/SelectMenuShell.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { type ListCollection } from '@chakra-ui/react/collection';\nimport { type Combobox } from '@chakra-ui/react/combobox';\nimport { type Select, type SelectContentProps } from '@chakra-ui/react/select';\nimport { Spinner } from '@chakra-ui/react/spinner';\nimport { chakra, type SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { type ChangeEvent, type KeyboardEvent as ReactKeyboardEvent, type ReactNode, type Ref } from 'react';\n\nimport { IconCross, IconMagnifier, IconPlus } from '../../icons';\nimport BitkitGroupHeading from '../BitkitGroupHeading/BitkitGroupHeading';\nimport {\n  type BitkitSelectMenuCreateItemProps,\n  type BitkitSelectMenuEmptyStateProps,\n  type BitkitSelectMenuSearchProps,\n} from './BitkitSelectMenu';\n\n/**\n * Internal shared shell for BitkitSelectMenu and BitkitMultiselectMenu.\n * Handles Content wrapper, search, loading, empty state, groups, and create button —\n * the caller only provides per-item rendering via renderItem.\n */\nexport type SelectMenuShellProps<T extends { value: string; group?: string }> = {\n  NS: typeof Select | typeof Combobox;\n  collection: ListCollection<T>;\n  contentProps?: SelectContentProps;\n  contentRef?: Ref<HTMLDivElement>;\n  iconSize: '16' | '24';\n  isLoading?: boolean;\n  renderItem: (item: T) => ReactNode;\n  size?: 'md' | 'lg';\n  styles: Record<string, SystemStyleObject>;\n} & BitkitSelectMenuCreateItemProps &\n  BitkitSelectMenuSearchProps &\n  BitkitSelectMenuEmptyStateProps;\n\nexport const SelectMenuShell = <T extends { value: string; group?: string }>({\n  NS,\n  collection,\n  contentProps,\n  contentRef,\n  createItemLabel = 'Create item',\n  emptyHelperText,\n  emptyLabel = 'No matching options',\n  iconSize,\n  isLoading = false,\n  onCreateItem,\n  onSearchChange,\n  renderItem,\n  searchValue,\n  size,\n  styles,\n}: SelectMenuShellProps<T>) => {\n  const isEmpty = collection.size === 0;\n\n  return (\n    <NS.Content css={styles.content} ref={contentRef} {...contentProps}>\n      {/*\n        Without a search input, Zag's getInitialFocus (see @zag-js/dom-query) picks the first\n        tabbable descendant as the menu's initial focus target — which would be the create\n        button, visually confusing. A hidden [data-autofocus] span wins over tabbables in\n        getInitialFocus's querySelector, so we focus an invisible element instead and Zag's\n        aria-activedescendant drives the highlight like a normal Select would.\n      */}\n      {!onSearchChange && onCreateItem && <span data-autofocus=\"\" tabIndex={-1} aria-hidden=\"true\" />}\n      {onSearchChange && (\n        <SelectMenuSearch\n          iconSize={iconSize}\n          styles={styles}\n          value={searchValue ?? ''}\n          onSearchChange={onSearchChange}\n        />\n      )}\n      <Box css={styles.itemList}>\n        {isLoading && (\n          <Box display=\"flex\" alignItems=\"center\" gap=\"12\" justifyContent=\"left\" css={styles.item}>\n            <Spinner variant=\"purple\" />\n            <Text color=\"text/secondary\" textStyle={size === 'md' ? 'body/md/regular' : 'body/lg/regular'}>\n              Loading...\n            </Text>\n          </Box>\n        )}\n        {!isLoading && isEmpty && (\n          <Box css={styles.emptyState}>\n            <Text css={styles.itemLabel}>{emptyLabel}</Text>\n            {emptyHelperText && <Text css={styles.itemHelperText}>{emptyHelperText}</Text>}\n          </Box>\n        )}\n        {!isLoading &&\n          !isEmpty &&\n          collection.group().map(([type, group]) => (\n            <NS.ItemGroup key={type}>\n              {type && (\n                <NS.ItemGroupLabel asChild>\n                  <BitkitGroupHeading label={type} paddingBlock=\"12\" paddingInline=\"16\" />\n                </NS.ItemGroupLabel>\n              )}\n              {group.map(renderItem)}\n            </NS.ItemGroup>\n          ))}\n      </Box>\n      {onCreateItem && (\n        <Box css={styles.createItemContainer}>\n          <chakra.button type=\"button\" css={styles.createItem} onClick={onCreateItem} onKeyDown={stopMenuSelectionKeys}>\n            <IconPlus size={iconSize} />\n            {createItemLabel}\n          </chakra.button>\n        </Box>\n      )}\n    </NS.Content>\n  );\n};\n\n/**\n * Zag's Select.Content keyDown handler fires ITEM.CLICK and preventDefaults on Enter/Space\n * regardless of which descendant is focused. For the create row (a real <button> sibling of\n * the items list), that hijacks its native activation. Stopping propagation at the element\n * keeps its own onClick firing via the browser's native keyboard-activation path.\n */\nconst stopMenuSelectionKeys = (event: ReactKeyboardEvent) => {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.stopPropagation();\n  }\n};\n\ntype SelectMenuSearchProps = {\n  iconSize: '16' | '24';\n  onSearchChange: (searchText: string) => void;\n  styles: Record<string, SystemStyleObject>;\n  value: string;\n};\n\nconst SelectMenuSearch = ({ iconSize, onSearchChange, styles, value }: SelectMenuSearchProps) => (\n  <Box css={styles.searchInputGroup}>\n    <IconMagnifier size={iconSize} color=\"icon/tertiary\" />\n    <chakra.input\n      aria-label=\"Search\"\n      css={styles.searchInput}\n      placeholder=\"Search...\"\n      value={value}\n      onChange={(event: ChangeEvent<HTMLInputElement>) => onSearchChange(event.target.value)}\n      onKeyDown={(event) => {\n        // Zag's Select.Content keyDown listener fires ITEM.CLICK + preventDefault on Space\n        // regardless of which descendant is focused. That would eat the space before the\n        // input can type it. Enter is left alone so \"type-then-Enter-to-select\" still works.\n        if (event.key === ' ') event.stopPropagation();\n      }}\n    />\n    {value && (\n      <chakra.button\n        type=\"button\"\n        css={styles.searchClear}\n        aria-label=\"Clear search\"\n        onClick={() => onSearchChange('')}\n      >\n        <IconCross size={iconSize} />\n      </chakra.button>\n    )}\n  </Box>\n);\n"],"mappings":";;;;;;;;;;AAoCA,IAAa,mBAAgE,EAC3E,IACA,YACA,cACA,YACA,kBAAkB,eAClB,iBACA,aAAa,uBACb,UACA,YAAY,OACZ,cACA,gBACA,YACA,aACA,MACA,aAC6B;CAC7B,MAAM,UAAU,WAAW,SAAS;AAEpC,QACE,qBAAC,GAAG,SAAJ;EAAY,KAAK,OAAO;EAAS,KAAK;EAAY,GAAI;YAAtD;GAQG,CAAC,kBAAkB,gBAAgB,oBAAC,QAAD;IAAM,kBAAe;IAAG,UAAU;IAAI,eAAY;IAAS,CAAA;GAC9F,kBACC,oBAAC,kBAAD;IACY;IACF;IACR,OAAO,eAAe;IACN;IAChB,CAAA;GAEJ,qBAAC,KAAD;IAAK,KAAK,OAAO;cAAjB;KACG,aACC,qBAAC,KAAD;MAAK,SAAQ;MAAO,YAAW;MAAS,KAAI;MAAK,gBAAe;MAAO,KAAK,OAAO;gBAAnF,CACE,oBAAC,SAAD,EAAS,SAAQ,UAAW,CAAA,EAC5B,oBAAC,MAAD;OAAM,OAAM;OAAiB,WAAW,SAAS,OAAO,oBAAoB;iBAAmB;OAExF,CAAA,CACH;;KAEP,CAAC,aAAa,WACb,qBAAC,KAAD;MAAK,KAAK,OAAO;gBAAjB,CACE,oBAAC,MAAD;OAAM,KAAK,OAAO;iBAAY;OAAkB,CAAA,EAC/C,mBAAmB,oBAAC,MAAD;OAAM,KAAK,OAAO;iBAAiB;OAAuB,CAAA,CAC1E;;KAEP,CAAC,aACA,CAAC,WACD,WAAW,OAAO,CAAC,KAAK,CAAC,MAAM,WAC7B,qBAAC,GAAG,WAAJ,EAAA,UAAA,CACG,QACC,oBAAC,GAAG,gBAAJ;MAAmB,SAAA;gBACjB,oBAAC,oBAAD;OAAoB,OAAO;OAAM,cAAa;OAAK,eAAc;OAAO,CAAA;MACtD,CAAA,EAErB,MAAM,IAAI,WAAW,CACT,EAAA,EAPI,KAOJ,CACf;KACA;;GACL,gBACC,oBAAC,KAAD;IAAK,KAAK,OAAO;cACf,qBAAC,OAAO,QAAR;KAAe,MAAK;KAAS,KAAK,OAAO;KAAY,SAAS;KAAc,WAAW;eAAvF,CACE,oBAAC,UAAD,EAAU,MAAM,UAAY,CAAA,EAC3B,gBACa;;IACZ,CAAA;GAEG;;;;;;;;;AAUjB,IAAM,yBAAyB,UAA8B;AAC3D,KAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,IACzC,OAAM,iBAAiB;;AAW3B,IAAM,oBAAoB,EAAE,UAAU,gBAAgB,QAAQ,YAC5D,qBAAC,KAAD;CAAK,KAAK,OAAO;WAAjB;EACE,oBAAC,eAAD;GAAe,MAAM;GAAU,OAAM;GAAkB,CAAA;EACvD,oBAAC,OAAO,OAAR;GACE,cAAW;GACX,KAAK,OAAO;GACZ,aAAY;GACL;GACP,WAAW,UAAyC,eAAe,MAAM,OAAO,MAAM;GACtF,YAAY,UAAU;AAIpB,QAAI,MAAM,QAAQ,IAAK,OAAM,iBAAiB;;GAEhD,CAAA;EACD,SACC,oBAAC,OAAO,QAAR;GACE,MAAK;GACL,KAAK,OAAO;GACZ,cAAW;GACX,eAAe,eAAe,GAAG;aAEjC,oBAAC,WAAD,EAAW,MAAM,UAAY,CAAA;GACf,CAAA;EAEd"}
+{"version":3,"file":"SelectMenuShell.js","names":[],"sources":["../../../lib/components/BitkitSelectMenu/SelectMenuShell.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { type ListCollection } from '@chakra-ui/react/collection';\nimport { type Combobox } from '@chakra-ui/react/combobox';\nimport { type Select, type SelectContentProps } from '@chakra-ui/react/select';\nimport { Spinner } from '@chakra-ui/react/spinner';\nimport { chakra, type SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { type ChangeEvent, type KeyboardEvent as ReactKeyboardEvent, type ReactNode, type Ref } from 'react';\n\nimport { IconCross, IconMagnifier, IconPlus } from '../../icons';\nimport BitkitGroupHeading from '../BitkitGroupHeading/BitkitGroupHeading';\nimport {\n  type BitkitSelectMenuCreateItemProps,\n  type BitkitSelectMenuEmptyStateProps,\n  type BitkitSelectMenuSearchProps,\n} from './BitkitSelectMenu';\n\n/**\n * Internal shared shell for BitkitSelectMenu and BitkitMultiselectMenu.\n * Handles Content wrapper, search, loading, empty state, groups, and create button —\n * the caller only provides per-item rendering via renderItem.\n */\nexport type SelectMenuShellProps<T extends { value: string; group?: string }> = {\n  NS: typeof Select | typeof Combobox;\n  collection: ListCollection<T>;\n  contentProps?: SelectContentProps;\n  contentRef?: Ref<HTMLDivElement>;\n  iconSize: '16' | '24';\n  isLoading?: boolean;\n  renderItem: (item: T) => ReactNode;\n  size?: 'md' | 'lg';\n  styles: Record<string, SystemStyleObject>;\n} & BitkitSelectMenuCreateItemProps &\n  BitkitSelectMenuSearchProps &\n  BitkitSelectMenuEmptyStateProps;\n\nexport const SelectMenuShell = <T extends { value: string; group?: string }>({\n  NS,\n  collection,\n  contentProps,\n  contentRef,\n  createItemLabel = 'Create item',\n  emptyHelperText,\n  emptyLabel = 'No matching options',\n  iconSize,\n  isLoading = false,\n  onCreateItem,\n  onSearchChange,\n  renderItem,\n  searchValue,\n  size,\n  styles,\n}: SelectMenuShellProps<T>) => {\n  const isEmpty = collection.size === 0;\n\n  return (\n    <NS.Content css={styles.content} ref={contentRef} {...contentProps}>\n      {/*\n        Without a search input, Zag's getInitialFocus (see @zag-js/dom-query) picks the first\n        tabbable descendant as the menu's initial focus target — which would be the create\n        button, visually confusing. A hidden [data-autofocus] span wins over tabbables in\n        getInitialFocus's querySelector, so we focus an invisible element instead and Zag's\n        aria-activedescendant drives the highlight like a normal Select would.\n      */}\n      {!onSearchChange && onCreateItem && <span data-autofocus=\"\" tabIndex={-1} aria-hidden=\"true\" />}\n      {onSearchChange && (\n        <SelectMenuSearch\n          iconSize={iconSize}\n          styles={styles}\n          value={searchValue ?? ''}\n          onSearchChange={onSearchChange}\n        />\n      )}\n      <Box css={styles.itemList}>\n        {isLoading && (\n          <Box display=\"flex\" alignItems=\"center\" gap=\"12\" justifyContent=\"left\" css={styles.item}>\n            <Spinner variant=\"purple\" />\n            <Text color=\"text/secondary\" textStyle={size === 'md' ? 'body/md/regular' : 'body/lg/regular'}>\n              Loading...\n            </Text>\n          </Box>\n        )}\n        {!isLoading && isEmpty && (\n          <Box css={styles.emptyState}>\n            <Text css={styles.itemLabel}>{emptyLabel}</Text>\n            {emptyHelperText && <Text css={styles.itemHelperText}>{emptyHelperText}</Text>}\n          </Box>\n        )}\n        {!isLoading &&\n          !isEmpty &&\n          collection.group().map(([type, group]) => (\n            <NS.ItemGroup key={type}>\n              {type && (\n                <NS.ItemGroupLabel asChild>\n                  <BitkitGroupHeading label={type} paddingBlock=\"12\" paddingInline=\"16\" />\n                </NS.ItemGroupLabel>\n              )}\n              {group.map(renderItem)}\n            </NS.ItemGroup>\n          ))}\n      </Box>\n      {onCreateItem && (\n        <Box css={styles.createItemContainer}>\n          <chakra.button type=\"button\" css={styles.createItem} onClick={onCreateItem} onKeyDown={stopMenuSelectionKeys}>\n            <IconPlus size={iconSize} />\n            {createItemLabel}\n          </chakra.button>\n        </Box>\n      )}\n    </NS.Content>\n  );\n};\n\n/**\n * Zag's Select.Content keyDown handler fires ITEM.CLICK and preventDefaults on Enter/Space\n * regardless of which descendant is focused. For the create row (a real <button> sibling of\n * the items list), that hijacks its native activation. Stopping propagation at the element\n * keeps its own onClick firing via the browser's native keyboard-activation path.\n */\nconst stopMenuSelectionKeys = (event: ReactKeyboardEvent) => {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.stopPropagation();\n  }\n};\n\ntype SelectMenuSearchProps = {\n  iconSize: '16' | '24';\n  onSearchChange: (searchText: string) => void;\n  styles: Record<string, SystemStyleObject>;\n  value: string;\n};\n\nconst SelectMenuSearch = ({ iconSize, onSearchChange, styles, value }: SelectMenuSearchProps) => (\n  <Box css={styles.searchInputGroup}>\n    <IconMagnifier size={iconSize} color=\"icon/tertiary\" />\n    <chakra.input\n      aria-label=\"Search\"\n      css={styles.searchInput}\n      placeholder=\"Search...\"\n      value={value}\n      onChange={(event: ChangeEvent<HTMLInputElement>) => onSearchChange(event.target.value)}\n      onKeyDown={(event) => {\n        // Zag's Select.Content keyDown listener fires ITEM.CLICK + preventDefault on Space\n        // regardless of which descendant is focused. That would eat the space before the\n        // input can type it. Enter is left alone so \"type-then-Enter-to-select\" still works.\n        if (event.key === ' ') event.stopPropagation();\n      }}\n    />\n    {value && (\n      <chakra.button\n        type=\"button\"\n        css={styles.searchClear}\n        aria-label=\"Clear search\"\n        onClick={() => onSearchChange('')}\n      >\n        <IconCross size={iconSize} />\n      </chakra.button>\n    )}\n  </Box>\n);\n"],"mappings":";;;;;;;;;;AAoCA,IAAa,mBAAgE,EAC3E,IACA,YACA,cACA,YACA,kBAAkB,eAClB,iBACA,aAAa,uBACb,UACA,YAAY,OACZ,cACA,gBACA,YACA,aACA,MACA,aAC6B;CAC7B,MAAM,UAAU,WAAW,SAAS;CAEpC,OACE,qBAAC,GAAG,SAAJ;EAAY,KAAK,OAAO;EAAS,KAAK;EAAY,GAAI;YAAtD;GAQG,CAAC,kBAAkB,gBAAgB,oBAAC,QAAD;IAAM,kBAAe;IAAG,UAAU;IAAI,eAAY;GAAQ,CAAA;GAC7F,kBACC,oBAAC,kBAAD;IACY;IACF;IACR,OAAO,eAAe;IACN;GACjB,CAAA;GAEH,qBAAC,KAAD;IAAK,KAAK,OAAO;cAAjB;KACG,aACC,qBAAC,KAAD;MAAK,SAAQ;MAAO,YAAW;MAAS,KAAI;MAAK,gBAAe;MAAO,KAAK,OAAO;gBAAnF,CACE,oBAAC,SAAD,EAAS,SAAQ,SAAU,CAAA,GAC3B,oBAAC,MAAD;OAAM,OAAM;OAAiB,WAAW,SAAS,OAAO,oBAAoB;iBAAmB;MAEzF,CAAA,CACH;;KAEN,CAAC,aAAa,WACb,qBAAC,KAAD;MAAK,KAAK,OAAO;gBAAjB,CACE,oBAAC,MAAD;OAAM,KAAK,OAAO;iBAAY;MAAiB,CAAA,GAC9C,mBAAmB,oBAAC,MAAD;OAAM,KAAK,OAAO;iBAAiB;MAAsB,CAAA,CAC1E;;KAEN,CAAC,aACA,CAAC,WACD,WAAW,MAAM,EAAE,KAAK,CAAC,MAAM,WAC7B,qBAAC,GAAG,WAAJ,EAAA,UAAA,CACG,QACC,oBAAC,GAAG,gBAAJ;MAAmB,SAAA;gBACjB,oBAAC,oBAAD;OAAoB,OAAO;OAAM,cAAa;OAAK,eAAc;MAAM,CAAA;KACtD,CAAA,GAEpB,MAAM,IAAI,UAAU,CACT,EAAA,GAPK,IAOL,CACf;IACA;;GACJ,gBACC,oBAAC,KAAD;IAAK,KAAK,OAAO;cACf,qBAAC,OAAO,QAAR;KAAe,MAAK;KAAS,KAAK,OAAO;KAAY,SAAS;KAAc,WAAW;eAAvF,CACE,oBAAC,UAAD,EAAU,MAAM,SAAW,CAAA,GAC1B,eACY;;GACZ,CAAA;EAEG;;AAEhB;;;;;;;AAQA,IAAM,yBAAyB,UAA8B;CAC3D,IAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KACzC,MAAM,gBAAgB;AAE1B;AASA,IAAM,oBAAoB,EAAE,UAAU,gBAAgB,QAAQ,YAC5D,qBAAC,KAAD;CAAK,KAAK,OAAO;WAAjB;EACE,oBAAC,eAAD;GAAe,MAAM;GAAU,OAAM;EAAiB,CAAA;EACtD,oBAAC,OAAO,OAAR;GACE,cAAW;GACX,KAAK,OAAO;GACZ,aAAY;GACL;GACP,WAAW,UAAyC,eAAe,MAAM,OAAO,KAAK;GACrF,YAAY,UAAU;IAIpB,IAAI,MAAM,QAAQ,KAAK,MAAM,gBAAgB;GAC/C;EACD,CAAA;EACA,SACC,oBAAC,OAAO,QAAR;GACE,MAAK;GACL,KAAK,OAAO;GACZ,cAAW;GACX,eAAe,eAAe,EAAE;aAEhC,oBAAC,WAAD,EAAW,MAAM,SAAW,CAAA;EACf,CAAA;CAEd"}

package/dist/components/BitkitSelectableTag/BitkitSelectableTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitSelectableTag.js","names":[],"sources":["../../../lib/components/BitkitSelectableTag/BitkitSelectableTag.tsx"],"sourcesContent":["import { Checkbox, type CheckboxCheckedChangeDetails, type CheckboxGroupProps } from '@chakra-ui/react/checkbox';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\n// --- Root (Group) ---\n\nexport interface BitkitSelectableTagProps extends Omit<CheckboxGroupProps, 'disabled'> {\n  state?: 'disabled';\n}\n\nconst BitkitSelectableTag = forwardRef<HTMLDivElement, BitkitSelectableTagProps>((props, ref) => {\n  const { children, state, ...rest } = props;\n  const disabled = state === 'disabled';\n\n  return (\n    <Checkbox.Group ref={ref} disabled={disabled} gap=\"8\" flexDirection=\"row\" flexWrap=\"wrap\" {...rest}>\n      {children}\n    </Checkbox.Group>\n  );\n});\n\nBitkitSelectableTag.displayName = 'BitkitSelectableTag';\n\n// --- Item ---\n\nexport interface BitkitSelectableTagItemProps {\n  children: string;\n  defaultChecked?: boolean;\n  disabled?: boolean;\n  icon?: BitkitIconComponent;\n  onCheckedChange?: (details: CheckboxCheckedChangeDetails) => void;\n  value: string;\n}\n\nconst BitkitSelectableTagItem = forwardRef<HTMLInputElement, BitkitSelectableTagItemProps>((props, ref) => {\n  const { children, defaultChecked, disabled, icon: Icon, onCheckedChange, value } = props;\n  const style = useRecipe({ key: 'selectableTag' })();\n\n  return (\n    <Checkbox.Root\n      css={style}\n      defaultChecked={defaultChecked}\n      disabled={disabled}\n      onCheckedChange={onCheckedChange}\n      unstyled\n      value={value}\n    >\n      <Checkbox.HiddenInput ref={ref} />\n      {!!Icon && <Icon size=\"16\" />}\n      {children}\n    </Checkbox.Root>\n  );\n});\n\nBitkitSelectableTagItem.displayName = 'BitkitSelectableTagItem';\n\nexport default Object.assign(BitkitSelectableTag, {\n  Item: BitkitSelectableTagItem,\n});\n"],"mappings":";;;;;AAYA,IAAM,sBAAsB,YAAsD,OAAO,QAAQ;CAC/F,MAAM,EAAE,UAAU,OAAO,GAAG,SAAS;CACrC,MAAM,WAAW,UAAU;AAE3B,QACE,oBAAC,SAAS,OAAV;EAAqB;EAAe;EAAU,KAAI;EAAI,eAAc;EAAM,UAAS;EAAO,GAAI;EAC3F;EACc,CAAA;EAEnB;AAEF,oBAAoB,cAAc;AAalC,IAAM,0BAA0B,YAA4D,OAAO,QAAQ;CACzG,MAAM,EAAE,UAAU,gBAAgB,UAAU,MAAM,MAAM,iBAAiB,UAAU;CACnF,MAAM,QAAQ,UAAU,EAAE,KAAK,iBAAiB,CAAC,EAAE;AAEnD,QACE,qBAAC,SAAS,MAAV;EACE,KAAK;EACW;EACN;EACO;EACjB,UAAA;EACO;YANT;GAQE,oBAAC,SAAS,aAAV,EAA2B,KAAO,CAAA;GACjC,CAAC,CAAC,QAAQ,oBAAC,MAAD,EAAM,MAAK,MAAO,CAAA;GAC5B;GACa;;EAElB;AAEF,wBAAwB,cAAc;AAEtC,IAAA,8BAAe,OAAO,OAAO,qBAAqB,EAChD,MAAM,yBACP,CAAC"}
+{"version":3,"file":"BitkitSelectableTag.js","names":[],"sources":["../../../lib/components/BitkitSelectableTag/BitkitSelectableTag.tsx"],"sourcesContent":["import { Checkbox, type CheckboxCheckedChangeDetails, type CheckboxGroupProps } from '@chakra-ui/react/checkbox';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\n// --- Root (Group) ---\n\nexport interface BitkitSelectableTagProps extends Omit<CheckboxGroupProps, 'disabled'> {\n  state?: 'disabled';\n}\n\nconst BitkitSelectableTag = forwardRef<HTMLDivElement, BitkitSelectableTagProps>((props, ref) => {\n  const { children, state, ...rest } = props;\n  const disabled = state === 'disabled';\n\n  return (\n    <Checkbox.Group ref={ref} disabled={disabled} gap=\"8\" flexDirection=\"row\" flexWrap=\"wrap\" {...rest}>\n      {children}\n    </Checkbox.Group>\n  );\n});\n\nBitkitSelectableTag.displayName = 'BitkitSelectableTag';\n\n// --- Item ---\n\nexport interface BitkitSelectableTagItemProps {\n  children: string;\n  defaultChecked?: boolean;\n  disabled?: boolean;\n  icon?: BitkitIconComponent;\n  onCheckedChange?: (details: CheckboxCheckedChangeDetails) => void;\n  value: string;\n}\n\nconst BitkitSelectableTagItem = forwardRef<HTMLInputElement, BitkitSelectableTagItemProps>((props, ref) => {\n  const { children, defaultChecked, disabled, icon: Icon, onCheckedChange, value } = props;\n  const style = useRecipe({ key: 'selectableTag' })();\n\n  return (\n    <Checkbox.Root\n      css={style}\n      defaultChecked={defaultChecked}\n      disabled={disabled}\n      onCheckedChange={onCheckedChange}\n      unstyled\n      value={value}\n    >\n      <Checkbox.HiddenInput ref={ref} />\n      {!!Icon && <Icon size=\"16\" />}\n      {children}\n    </Checkbox.Root>\n  );\n});\n\nBitkitSelectableTagItem.displayName = 'BitkitSelectableTagItem';\n\nexport default Object.assign(BitkitSelectableTag, {\n  Item: BitkitSelectableTagItem,\n});\n"],"mappings":";;;;;AAYA,IAAM,sBAAsB,YAAsD,OAAO,QAAQ;CAC/F,MAAM,EAAE,UAAU,OAAO,GAAG,SAAS;CACrC,MAAM,WAAW,UAAU;CAE3B,OACE,oBAAC,SAAS,OAAV;EAAqB;EAAe;EAAU,KAAI;EAAI,eAAc;EAAM,UAAS;EAAO,GAAI;EAC3F;CACa,CAAA;AAEpB,CAAC;AAED,oBAAoB,cAAc;AAalC,IAAM,0BAA0B,YAA4D,OAAO,QAAQ;CACzG,MAAM,EAAE,UAAU,gBAAgB,UAAU,MAAM,MAAM,iBAAiB,UAAU;CACnF,MAAM,QAAQ,UAAU,EAAE,KAAK,gBAAgB,CAAC,EAAE;CAElD,OACE,qBAAC,SAAS,MAAV;EACE,KAAK;EACW;EACN;EACO;EACjB,UAAA;EACO;YANT;GAQE,oBAAC,SAAS,aAAV,EAA2B,IAAM,CAAA;GAChC,CAAC,CAAC,QAAQ,oBAAC,MAAD,EAAM,MAAK,KAAM,CAAA;GAC3B;EACY;;AAEnB,CAAC;AAED,wBAAwB,cAAc;AAEtC,IAAA,8BAAe,OAAO,OAAO,qBAAqB,EAChD,MAAM,wBACR,CAAC"}

package/dist/components/BitkitSettingsCard/BitkitSettingsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitSettingsCard.js","names":[],"sources":["../../../lib/components/BitkitSettingsCard/BitkitSettingsCard.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { Card, type CardBodyProps, type CardFooterProps, type CardRootProps } from '@chakra-ui/react/card';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\nconst useSettingsCardStyles = () => {\n  const recipe = useSlotRecipe({ key: 'settingsCard' });\n  return recipe();\n};\n\n// --- Root ---\n\nexport interface BitkitSettingsCardProps extends Omit<CardRootProps, 'children'> {\n  children: ReactNode;\n}\n\nconst BitkitSettingsCard = forwardRef<HTMLDivElement, BitkitSettingsCardProps>((props, ref) => {\n  const { children, ...rest } = props;\n  const styles = useSettingsCardStyles();\n\n  return (\n    <Card.Root ref={ref} elevation={false} paddingSize=\"md\" css={styles.root} {...rest}>\n      {children}\n    </Card.Root>\n  );\n});\n\nBitkitSettingsCard.displayName = 'BitkitSettingsCard';\n\n// --- Content ---\n\nexport interface BitkitSettingsCardContentProps extends Omit<CardBodyProps, 'children'> {\n  actions?: ReactNode;\n  children: ReactNode;\n}\n\nconst Content = forwardRef<HTMLDivElement, BitkitSettingsCardContentProps>((props, ref) => {\n  const { actions, children, ...rest } = props;\n  const styles = useSettingsCardStyles();\n\n  return (\n    <Card.Body ref={ref} css={styles.content} {...rest}>\n      <Box css={styles.contentBody}>{children}</Box>\n      {actions && <Box css={styles.contentActions}>{actions}</Box>}\n    </Card.Body>\n  );\n});\n\nContent.displayName = 'BitkitSettingsCard.Content';\n\n// --- Status ---\n\nexport interface BitkitSettingsCardStatusProps extends Omit<BoxProps, 'children' | 'colorPalette'> {\n  description?: string;\n  helperText?: ReactNode;\n  icon: BitkitIconComponent;\n  iconColor?: string;\n  statusText: string;\n}\n\nconst Status = forwardRef<HTMLDivElement, BitkitSettingsCardStatusProps>((props, ref) => {\n  const { description, helperText, icon: Icon, iconColor, statusText, ...rest } = props;\n  const styles = useSettingsCardStyles();\n\n  return (\n    <Box ref={ref} role=\"status\" {...rest}>\n      <Box css={styles.statusRow}>\n        <Icon color={iconColor} css={styles.statusIcon} size=\"16\" />\n        <Box>\n          <Text as=\"strong\" css={styles.statusText}>\n            {statusText}\n          </Text>\n          {description && (\n            <Text as=\"p\" css={styles.statusDescription}>\n              {description}\n            </Text>\n          )}\n        </Box>\n      </Box>\n      {helperText && <Text css={styles.statusHelperText}>{helperText}</Text>}\n    </Box>\n  );\n});\n\nStatus.displayName = 'BitkitSettingsCard.Status';\n\n// --- Footer ---\n\nconst Footer = forwardRef<HTMLDivElement, CardFooterProps>((props, ref) => {\n  const styles = useSettingsCardStyles();\n  return <Card.Footer ref={ref} css={styles.footer} {...props} />;\n});\n\nFooter.displayName = 'BitkitSettingsCard.Footer';\n\n// --- Compound export ---\n\nexport default Object.assign(BitkitSettingsCard, {\n  Content,\n  Footer,\n  Status,\n});\n"],"mappings":";;;;;;;AAQA,IAAM,8BAA8B;AAElC,QADe,cAAc,EAAE,KAAK,gBAAgB,CAC7C,EAAQ;;AASjB,IAAM,qBAAqB,YAAqD,OAAO,QAAQ;CAC7F,MAAM,EAAE,UAAU,GAAG,SAAS;CAC9B,MAAM,SAAS,uBAAuB;AAEtC,QACE,oBAAC,KAAK,MAAN;EAAgB;EAAK,WAAW;EAAO,aAAY;EAAK,KAAK,OAAO;EAAM,GAAI;EAC3E;EACS,CAAA;EAEd;AAEF,mBAAmB,cAAc;AASjC,IAAM,UAAU,YAA4D,OAAO,QAAQ;CACzF,MAAM,EAAE,SAAS,UAAU,GAAG,SAAS;CACvC,MAAM,SAAS,uBAAuB;AAEtC,QACE,qBAAC,KAAK,MAAN;EAAgB;EAAK,KAAK,OAAO;EAAS,GAAI;YAA9C,CACE,oBAAC,KAAD;GAAK,KAAK,OAAO;GAAc;GAAe,CAAA,EAC7C,WAAW,oBAAC,KAAD;GAAK,KAAK,OAAO;aAAiB;GAAc,CAAA,CAClD;;EAEd;AAEF,QAAQ,cAAc;AAYtB,IAAM,SAAS,YAA2D,OAAO,QAAQ;CACvF,MAAM,EAAE,aAAa,YAAY,MAAM,MAAM,WAAW,YAAY,GAAG,SAAS;CAChF,MAAM,SAAS,uBAAuB;AAEtC,QACE,qBAAC,KAAD;EAAU;EAAK,MAAK;EAAS,GAAI;YAAjC,CACE,qBAAC,KAAD;GAAK,KAAK,OAAO;aAAjB,CACE,oBAAC,MAAD;IAAM,OAAO;IAAW,KAAK,OAAO;IAAY,MAAK;IAAO,CAAA,EAC5D,qBAAC,KAAD,EAAA,UAAA,CACE,oBAAC,MAAD;IAAM,IAAG;IAAS,KAAK,OAAO;cAC3B;IACI,CAAA,EACN,eACC,oBAAC,MAAD;IAAM,IAAG;IAAI,KAAK,OAAO;cACtB;IACI,CAAA,CAEL,EAAA,CAAA,CACF;MACL,cAAc,oBAAC,MAAD;GAAM,KAAK,OAAO;aAAmB;GAAkB,CAAA,CAClE;;EAER;AAEF,OAAO,cAAc;AAIrB,IAAM,SAAS,YAA6C,OAAO,QAAQ;CACzE,MAAM,SAAS,uBAAuB;AACtC,QAAO,oBAAC,KAAK,QAAN;EAAkB;EAAK,KAAK,OAAO;EAAQ,GAAI;EAAS,CAAA;EAC/D;AAEF,OAAO,cAAc;AAIrB,IAAA,6BAAe,OAAO,OAAO,oBAAoB;CAC/C;CACA;CACA;CACD,CAAC"}
+{"version":3,"file":"BitkitSettingsCard.js","names":[],"sources":["../../../lib/components/BitkitSettingsCard/BitkitSettingsCard.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { Card, type CardBodyProps, type CardFooterProps, type CardRootProps } from '@chakra-ui/react/card';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\nconst useSettingsCardStyles = () => {\n  const recipe = useSlotRecipe({ key: 'settingsCard' });\n  return recipe();\n};\n\n// --- Root ---\n\nexport interface BitkitSettingsCardProps extends Omit<CardRootProps, 'children'> {\n  children: ReactNode;\n}\n\nconst BitkitSettingsCard = forwardRef<HTMLDivElement, BitkitSettingsCardProps>((props, ref) => {\n  const { children, ...rest } = props;\n  const styles = useSettingsCardStyles();\n\n  return (\n    <Card.Root ref={ref} elevation={false} paddingSize=\"md\" css={styles.root} {...rest}>\n      {children}\n    </Card.Root>\n  );\n});\n\nBitkitSettingsCard.displayName = 'BitkitSettingsCard';\n\n// --- Content ---\n\nexport interface BitkitSettingsCardContentProps extends Omit<CardBodyProps, 'children'> {\n  actions?: ReactNode;\n  children: ReactNode;\n}\n\nconst Content = forwardRef<HTMLDivElement, BitkitSettingsCardContentProps>((props, ref) => {\n  const { actions, children, ...rest } = props;\n  const styles = useSettingsCardStyles();\n\n  return (\n    <Card.Body ref={ref} css={styles.content} {...rest}>\n      <Box css={styles.contentBody}>{children}</Box>\n      {actions && <Box css={styles.contentActions}>{actions}</Box>}\n    </Card.Body>\n  );\n});\n\nContent.displayName = 'BitkitSettingsCard.Content';\n\n// --- Status ---\n\nexport interface BitkitSettingsCardStatusProps extends Omit<BoxProps, 'children' | 'colorPalette'> {\n  description?: string;\n  helperText?: ReactNode;\n  icon: BitkitIconComponent;\n  iconColor?: string;\n  statusText: string;\n}\n\nconst Status = forwardRef<HTMLDivElement, BitkitSettingsCardStatusProps>((props, ref) => {\n  const { description, helperText, icon: Icon, iconColor, statusText, ...rest } = props;\n  const styles = useSettingsCardStyles();\n\n  return (\n    <Box ref={ref} role=\"status\" {...rest}>\n      <Box css={styles.statusRow}>\n        <Icon color={iconColor} css={styles.statusIcon} size=\"16\" />\n        <Box>\n          <Text as=\"strong\" css={styles.statusText}>\n            {statusText}\n          </Text>\n          {description && (\n            <Text as=\"p\" css={styles.statusDescription}>\n              {description}\n            </Text>\n          )}\n        </Box>\n      </Box>\n      {helperText && <Text css={styles.statusHelperText}>{helperText}</Text>}\n    </Box>\n  );\n});\n\nStatus.displayName = 'BitkitSettingsCard.Status';\n\n// --- Footer ---\n\nconst Footer = forwardRef<HTMLDivElement, CardFooterProps>((props, ref) => {\n  const styles = useSettingsCardStyles();\n  return <Card.Footer ref={ref} css={styles.footer} {...props} />;\n});\n\nFooter.displayName = 'BitkitSettingsCard.Footer';\n\n// --- Compound export ---\n\nexport default Object.assign(BitkitSettingsCard, {\n  Content,\n  Footer,\n  Status,\n});\n"],"mappings":";;;;;;;AAQA,IAAM,8BAA8B;CAElC,OADe,cAAc,EAAE,KAAK,eAAe,CAC5C,EAAO;AAChB;AAQA,IAAM,qBAAqB,YAAqD,OAAO,QAAQ;CAC7F,MAAM,EAAE,UAAU,GAAG,SAAS;CAC9B,MAAM,SAAS,sBAAsB;CAErC,OACE,oBAAC,KAAK,MAAN;EAAgB;EAAK,WAAW;EAAO,aAAY;EAAK,KAAK,OAAO;EAAM,GAAI;EAC3E;CACQ,CAAA;AAEf,CAAC;AAED,mBAAmB,cAAc;AASjC,IAAM,UAAU,YAA4D,OAAO,QAAQ;CACzF,MAAM,EAAE,SAAS,UAAU,GAAG,SAAS;CACvC,MAAM,SAAS,sBAAsB;CAErC,OACE,qBAAC,KAAK,MAAN;EAAgB;EAAK,KAAK,OAAO;EAAS,GAAI;YAA9C,CACE,oBAAC,KAAD;GAAK,KAAK,OAAO;GAAc;EAAc,CAAA,GAC5C,WAAW,oBAAC,KAAD;GAAK,KAAK,OAAO;aAAiB;EAAa,CAAA,CAClD;;AAEf,CAAC;AAED,QAAQ,cAAc;AAYtB,IAAM,SAAS,YAA2D,OAAO,QAAQ;CACvF,MAAM,EAAE,aAAa,YAAY,MAAM,MAAM,WAAW,YAAY,GAAG,SAAS;CAChF,MAAM,SAAS,sBAAsB;CAErC,OACE,qBAAC,KAAD;EAAU;EAAK,MAAK;EAAS,GAAI;YAAjC,CACE,qBAAC,KAAD;GAAK,KAAK,OAAO;aAAjB,CACE,oBAAC,MAAD;IAAM,OAAO;IAAW,KAAK,OAAO;IAAY,MAAK;GAAM,CAAA,GAC3D,qBAAC,KAAD,EAAA,UAAA,CACE,oBAAC,MAAD;IAAM,IAAG;IAAS,KAAK,OAAO;cAC3B;GACG,CAAA,GACL,eACC,oBAAC,MAAD;IAAM,IAAG;IAAI,KAAK,OAAO;cACtB;GACG,CAAA,CAEL,EAAA,CAAA,CACF;MACJ,cAAc,oBAAC,MAAD;GAAM,KAAK,OAAO;aAAmB;EAAiB,CAAA,CAClE;;AAET,CAAC;AAED,OAAO,cAAc;AAIrB,IAAM,SAAS,YAA6C,OAAO,QAAQ;CACzE,MAAM,SAAS,sBAAsB;CACrC,OAAO,oBAAC,KAAK,QAAN;EAAkB;EAAK,KAAK,OAAO;EAAQ,GAAI;CAAQ,CAAA;AAChE,CAAC;AAED,OAAO,cAAc;AAIrB,IAAA,6BAAe,OAAO,OAAO,oBAAoB;CAC/C;CACA;CACA;AACF,CAAC"}

package/dist/components/BitkitSidebar/BitkitSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitSidebar.js","names":[],"sources":["../../../lib/components/BitkitSidebar/BitkitSidebar.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { Separator } from '@chakra-ui/react/separator';\nimport { chakra, type HTMLChakraProps, useRecipe, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport IconChevronLeft from '../../icons/IconChevronLeft';\nimport BitkitGroupHeading, { type BitkitGroupHeadingProps } from '../BitkitGroupHeading/BitkitGroupHeading';\nimport BitkitLabelTooltip from '../BitkitLabelTooltip/BitkitLabelTooltip';\n\n// ----- BitkitSidebar (Root) -----\n\nexport interface BitkitSidebarProps extends BoxProps {\n  children: ReactNode;\n}\n\nconst BitkitSidebar = forwardRef<HTMLElement, BitkitSidebarProps>((props, ref) => {\n  const { children, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe();\n\n  return (\n    <Box ref={ref} asChild css={styles.root} {...rest}>\n      <nav>{children}</nav>\n    </Box>\n  );\n});\n\nBitkitSidebar.displayName = 'BitkitSidebar';\n\n// ----- BitkitSidebar.Item -----\n\ninterface BitkitSidebarItemCommonProps {\n  badge?: ReactNode;\n  children: ReactNode;\n  icon?: BitkitIconComponent;\n  selected?: boolean;\n  suffixIcon?: BitkitIconComponent;\n}\n\ninterface BitkitSidebarItemLinkProps extends Omit<HTMLChakraProps<'a'>, 'children'>, BitkitSidebarItemCommonProps {\n  href: string;\n}\n\ninterface BitkitSidebarItemButtonProps\n  extends Omit<HTMLChakraProps<'button'>, 'children'>, BitkitSidebarItemCommonProps {\n  href?: never;\n}\n\nexport type BitkitSidebarItemProps = BitkitSidebarItemButtonProps | BitkitSidebarItemLinkProps;\n\nconst BitkitSidebarItem = forwardRef<HTMLButtonElement & HTMLAnchorElement, BitkitSidebarItemProps>((props, ref) => {\n  const { badge, children, icon: Icon, selected, suffixIcon: SuffixIcon, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe({ selected });\n\n  const itemContent = (\n    <>\n      {Icon && <Icon css={styles.itemIcon} size=\"24\" />}\n      <chakra.span css={styles.itemLabel}>{children}</chakra.span>\n      {badge}\n      {SuffixIcon && <SuffixIcon css={styles.suffixIcon} size=\"24\" />}\n      <chakra.div css={styles.selectionMarker} />\n    </>\n  );\n\n  if (rest.href !== undefined) {\n    const { className, ...linkRest } = rest;\n    return (\n      <chakra.a\n        ref={ref}\n        {...linkRest}\n        aria-current={selected ? 'page' : undefined}\n        className={className ? `group ${className}` : 'group'}\n        css={styles.item}\n      >\n        {itemContent}\n      </chakra.a>\n    );\n  }\n\n  const { className, href: _, ...buttonRest } = rest;\n  return (\n    <chakra.button\n      ref={ref}\n      {...buttonRest}\n      aria-pressed={selected}\n      className={className ? `group ${className}` : 'group'}\n      css={styles.item}\n      type=\"button\"\n    >\n      {itemContent}\n    </chakra.button>\n  );\n});\n\nBitkitSidebarItem.displayName = 'BitkitSidebarItem';\n\n// ----- BitkitSidebar.Title -----\n\nexport interface BitkitSidebarTitleProps extends BoxProps {\n  backHref?: string;\n  backLabel?: string;\n  children: ReactNode;\n  onBackClick?: () => void;\n}\n\nconst BitkitSidebarTitle = forwardRef<HTMLDivElement, BitkitSidebarTitleProps>((props, ref) => {\n  const { backHref, backLabel = 'Back', children, onBackClick, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe();\n  const controlButtonRecipe = useRecipe({ key: 'controlButton' });\n\n  const hasBack = !!backHref || !!onBackClick;\n\n  const BackElement = onBackClick ? chakra.button : chakra.a;\n\n  return (\n    <Box ref={ref} css={hasBack ? styles.titleWithBack : styles.title} {...rest}>\n      {hasBack && (\n        <BitkitLabelTooltip text={backLabel}>\n          <BackElement\n            aria-label={backLabel}\n            css={controlButtonRecipe({ size: 'sm' })}\n            {...(onBackClick ? { onClick: onBackClick, type: 'button' as const } : { href: backHref })}\n          >\n            <IconChevronLeft size=\"24\" />\n          </BackElement>\n        </BitkitLabelTooltip>\n      )}\n      {children}\n    </Box>\n  );\n});\n\nBitkitSidebarTitle.displayName = 'BitkitSidebarTitle';\n\n// ----- BitkitSidebar.Footer -----\n\nexport interface BitkitSidebarFooterProps extends BoxProps {\n  children: ReactNode;\n}\n\nconst BitkitSidebarFooter = forwardRef<HTMLDivElement, BitkitSidebarFooterProps>((props, ref) => {\n  const { children, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe();\n\n  return (\n    <Box ref={ref} css={styles.footer} {...rest}>\n      {children}\n    </Box>\n  );\n});\n\nBitkitSidebarFooter.displayName = 'BitkitSidebarFooter';\n\n// ----- BitkitSidebar.Project -----\n\nexport interface BitkitSidebarProjectProps extends BoxProps {\n  label: string;\n  value: string;\n}\n\nconst BitkitSidebarProject = forwardRef<HTMLDivElement, BitkitSidebarProjectProps>((props, ref) => {\n  const { label, value, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe();\n\n  return (\n    <Box ref={ref} css={styles.project} {...rest}>\n      <chakra.span css={styles.projectLabel}>{label}</chakra.span>\n      <chakra.span css={styles.projectValue}>{value}</chakra.span>\n    </Box>\n  );\n});\n\nBitkitSidebarProject.displayName = 'BitkitSidebarProject';\n\n// ----- BitkitSidebar.GroupHeading -----\n\nexport type BitkitSidebarGroupHeadingProps = BitkitGroupHeadingProps;\n\nconst BitkitSidebarGroupHeading = forwardRef<HTMLDivElement, BitkitSidebarGroupHeadingProps>((props, ref) => {\n  return <BitkitGroupHeading ref={ref} paddingBlockEnd=\"12\" paddingBlockStart=\"24\" paddingInline=\"32\" {...props} />;\n});\n\nBitkitSidebarGroupHeading.displayName = 'BitkitSidebarGroupHeading';\n\n// ----- BitkitSidebar.Divider -----\n\nconst BitkitSidebarDivider = forwardRef<HTMLDivElement>((_, ref) => {\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe();\n\n  return <Separator ref={ref} css={styles.divider} />;\n});\n\nBitkitSidebarDivider.displayName = 'BitkitSidebarDivider';\n\nexport default Object.assign(BitkitSidebar, {\n  Divider: BitkitSidebarDivider,\n  Footer: BitkitSidebarFooter,\n  GroupHeading: BitkitSidebarGroupHeading,\n  Item: BitkitSidebarItem,\n  Project: BitkitSidebarProject,\n  Title: BitkitSidebarTitle,\n});\n"],"mappings":"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"}
+{"version":3,"file":"BitkitSidebar.js","names":[],"sources":["../../../lib/components/BitkitSidebar/BitkitSidebar.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { Separator } from '@chakra-ui/react/separator';\nimport { chakra, type HTMLChakraProps, useRecipe, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport IconChevronLeft from '../../icons/IconChevronLeft';\nimport BitkitGroupHeading, { type BitkitGroupHeadingProps } from '../BitkitGroupHeading/BitkitGroupHeading';\nimport BitkitLabelTooltip from '../BitkitLabelTooltip/BitkitLabelTooltip';\n\n// ----- BitkitSidebar (Root) -----\n\nexport interface BitkitSidebarProps extends BoxProps {\n  children: ReactNode;\n}\n\nconst BitkitSidebar = forwardRef<HTMLElement, BitkitSidebarProps>((props, ref) => {\n  const { children, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe();\n\n  return (\n    <Box ref={ref} asChild css={styles.root} {...rest}>\n      <nav>{children}</nav>\n    </Box>\n  );\n});\n\nBitkitSidebar.displayName = 'BitkitSidebar';\n\n// ----- BitkitSidebar.Item -----\n\ninterface BitkitSidebarItemCommonProps {\n  badge?: ReactNode;\n  children: ReactNode;\n  icon?: BitkitIconComponent;\n  selected?: boolean;\n  suffixIcon?: BitkitIconComponent;\n}\n\ninterface BitkitSidebarItemLinkProps extends Omit<HTMLChakraProps<'a'>, 'children'>, BitkitSidebarItemCommonProps {\n  href: string;\n}\n\ninterface BitkitSidebarItemButtonProps\n  extends Omit<HTMLChakraProps<'button'>, 'children'>, BitkitSidebarItemCommonProps {\n  href?: never;\n}\n\nexport type BitkitSidebarItemProps = BitkitSidebarItemButtonProps | BitkitSidebarItemLinkProps;\n\nconst BitkitSidebarItem = forwardRef<HTMLButtonElement & HTMLAnchorElement, BitkitSidebarItemProps>((props, ref) => {\n  const { badge, children, icon: Icon, selected, suffixIcon: SuffixIcon, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe({ selected });\n\n  const itemContent = (\n    <>\n      {Icon && <Icon css={styles.itemIcon} size=\"24\" />}\n      <chakra.span css={styles.itemLabel}>{children}</chakra.span>\n      {badge}\n      {SuffixIcon && <SuffixIcon css={styles.suffixIcon} size=\"24\" />}\n      <chakra.div css={styles.selectionMarker} />\n    </>\n  );\n\n  if (rest.href !== undefined) {\n    const { className, ...linkRest } = rest;\n    return (\n      <chakra.a\n        ref={ref}\n        {...linkRest}\n        aria-current={selected ? 'page' : undefined}\n        className={className ? `group ${className}` : 'group'}\n        css={styles.item}\n      >\n        {itemContent}\n      </chakra.a>\n    );\n  }\n\n  const { className, href: _, ...buttonRest } = rest;\n  return (\n    <chakra.button\n      ref={ref}\n      {...buttonRest}\n      aria-pressed={selected}\n      className={className ? `group ${className}` : 'group'}\n      css={styles.item}\n      type=\"button\"\n    >\n      {itemContent}\n    </chakra.button>\n  );\n});\n\nBitkitSidebarItem.displayName = 'BitkitSidebarItem';\n\n// ----- BitkitSidebar.Title -----\n\nexport interface BitkitSidebarTitleProps extends BoxProps {\n  backHref?: string;\n  backLabel?: string;\n  children: ReactNode;\n  onBackClick?: () => void;\n}\n\nconst BitkitSidebarTitle = forwardRef<HTMLDivElement, BitkitSidebarTitleProps>((props, ref) => {\n  const { backHref, backLabel = 'Back', children, onBackClick, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe();\n  const controlButtonRecipe = useRecipe({ key: 'controlButton' });\n\n  const hasBack = !!backHref || !!onBackClick;\n\n  const BackElement = onBackClick ? chakra.button : chakra.a;\n\n  return (\n    <Box ref={ref} css={hasBack ? styles.titleWithBack : styles.title} {...rest}>\n      {hasBack && (\n        <BitkitLabelTooltip text={backLabel}>\n          <BackElement\n            aria-label={backLabel}\n            css={controlButtonRecipe({ size: 'sm' })}\n            {...(onBackClick ? { onClick: onBackClick, type: 'button' as const } : { href: backHref })}\n          >\n            <IconChevronLeft size=\"24\" />\n          </BackElement>\n        </BitkitLabelTooltip>\n      )}\n      {children}\n    </Box>\n  );\n});\n\nBitkitSidebarTitle.displayName = 'BitkitSidebarTitle';\n\n// ----- BitkitSidebar.Footer -----\n\nexport interface BitkitSidebarFooterProps extends BoxProps {\n  children: ReactNode;\n}\n\nconst BitkitSidebarFooter = forwardRef<HTMLDivElement, BitkitSidebarFooterProps>((props, ref) => {\n  const { children, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe();\n\n  return (\n    <Box ref={ref} css={styles.footer} {...rest}>\n      {children}\n    </Box>\n  );\n});\n\nBitkitSidebarFooter.displayName = 'BitkitSidebarFooter';\n\n// ----- BitkitSidebar.Project -----\n\nexport interface BitkitSidebarProjectProps extends BoxProps {\n  label: string;\n  value: string;\n}\n\nconst BitkitSidebarProject = forwardRef<HTMLDivElement, BitkitSidebarProjectProps>((props, ref) => {\n  const { label, value, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe();\n\n  return (\n    <Box ref={ref} css={styles.project} {...rest}>\n      <chakra.span css={styles.projectLabel}>{label}</chakra.span>\n      <chakra.span css={styles.projectValue}>{value}</chakra.span>\n    </Box>\n  );\n});\n\nBitkitSidebarProject.displayName = 'BitkitSidebarProject';\n\n// ----- BitkitSidebar.GroupHeading -----\n\nexport type BitkitSidebarGroupHeadingProps = BitkitGroupHeadingProps;\n\nconst BitkitSidebarGroupHeading = forwardRef<HTMLDivElement, BitkitSidebarGroupHeadingProps>((props, ref) => {\n  return <BitkitGroupHeading ref={ref} paddingBlockEnd=\"12\" paddingBlockStart=\"24\" paddingInline=\"32\" {...props} />;\n});\n\nBitkitSidebarGroupHeading.displayName = 'BitkitSidebarGroupHeading';\n\n// ----- BitkitSidebar.Divider -----\n\nconst BitkitSidebarDivider = forwardRef<HTMLDivElement>((_, ref) => {\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe();\n\n  return <Separator ref={ref} css={styles.divider} />;\n});\n\nBitkitSidebarDivider.displayName = 'BitkitSidebarDivider';\n\nexport default Object.assign(BitkitSidebar, {\n  Divider: BitkitSidebarDivider,\n  Footer: BitkitSidebarFooter,\n  GroupHeading: BitkitSidebarGroupHeading,\n  Item: BitkitSidebarItem,\n  Project: BitkitSidebarProject,\n  Title: BitkitSidebarTitle,\n});\n"],"mappings":"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"}

package/dist/components/BitkitSpinner/BitkitSpinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitSpinner.js","names":[],"sources":["../../../lib/components/BitkitSpinner/BitkitSpinner.tsx"],"sourcesContent":["import { Spinner, type SpinnerProps } from '@chakra-ui/react/spinner';\nimport { forwardRef } from 'react';\n\nexport type BitkitSpinnerProps = Omit<SpinnerProps, 'colorPalette'>;\n\nconst BitkitSpinner = forwardRef<HTMLDivElement, BitkitSpinnerProps>((props, ref) => {\n  return <Spinner ref={ref} {...props} />;\n});\n\nBitkitSpinner.displayName = 'BitkitSpinner';\n\nexport default BitkitSpinner;\n"],"mappings":";;;;AAKA,IAAM,gBAAgB,YAAgD,OAAO,QAAQ;AACnF,QAAO,oBAAC,SAAD;EAAc;EAAK,GAAI;EAAS,CAAA;EACvC;AAEF,cAAc,cAAc"}
+{"version":3,"file":"BitkitSpinner.js","names":[],"sources":["../../../lib/components/BitkitSpinner/BitkitSpinner.tsx"],"sourcesContent":["import { Spinner, type SpinnerProps } from '@chakra-ui/react/spinner';\nimport { forwardRef } from 'react';\n\nexport type BitkitSpinnerProps = Omit<SpinnerProps, 'colorPalette'>;\n\nconst BitkitSpinner = forwardRef<HTMLDivElement, BitkitSpinnerProps>((props, ref) => {\n  return <Spinner ref={ref} {...props} />;\n});\n\nBitkitSpinner.displayName = 'BitkitSpinner';\n\nexport default BitkitSpinner;\n"],"mappings":";;;;AAKA,IAAM,gBAAgB,YAAgD,OAAO,QAAQ;CACnF,OAAO,oBAAC,SAAD;EAAc;EAAK,GAAI;CAAQ,CAAA;AACxC,CAAC;AAED,cAAc,cAAc"}

package/dist/components/BitkitSplitButton/BitkitSplitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitSplitButton.js","names":[],"sources":["../../../lib/components/BitkitSplitButton/BitkitSplitButton.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { Group } from '@chakra-ui/react/group';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { type SystemStyleObject, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Children, forwardRef, isValidElement, type PropsWithChildren, type ReactElement, type ReactNode } from 'react';\n\nimport { IconChevronDown } from '../../icons';\nimport BitkitActionMenu from '../BitkitActionMenu/BitkitActionMenu';\nimport BitkitButton, { type BitkitButtonProps } from '../BitkitButton/BitkitButton';\nimport BitkitIconButton from '../BitkitIconButton/BitkitIconButton';\n\ntype Size = 'lg' | 'md' | 'sm';\ntype Variant = 'primary' | 'secondary';\ntype State = 'disabled' | 'loading' | 'skeleton';\n\nconst isValidActionItem = (child: ReactNode): child is ReactElement => {\n  return isValidElement(child) && child.type === BitkitSplitButtonAction;\n};\n\nconst isValidMenuItem = (child: ReactNode): child is ReactElement => {\n  return (\n    isValidElement(child) &&\n    (child.type === BitkitActionMenu.Group ||\n      child.type === BitkitActionMenu.Item ||\n      child.type === BitkitActionMenu.Separator)\n  );\n};\n\n// --- Context ---\ninterface SplitButtonContext {\n  size: Size;\n  variant: Variant;\n  state: State | undefined;\n  styles: Record<string, SystemStyleObject>;\n}\n\nconst [SplitButtonProvider, useSplitButtonContext] = createContext<SplitButtonContext>({\n  name: 'SplitButtonContext',\n  hookName: 'useSplitButtonContext',\n  providerName: '<BitkitSplitButton />',\n});\n\n// --- Action ---\ntype BitkitSplitButtonActionProps = Omit<BitkitButtonProps, 'size' | 'variant' | 'state'>;\n\nconst BitkitSplitButtonAction = forwardRef<HTMLButtonElement, BitkitSplitButtonActionProps>((props, ref) => {\n  const { size, state, styles, variant } = useSplitButtonContext();\n\n  return <BitkitButton ref={ref} css={styles.action} size={size} variant={variant} state={state} {...props} />;\n});\n\nBitkitSplitButtonAction.displayName = 'BitkitSplitButtonAction';\n\n// --- Root ---\nexport type BitkitSplitButtonProps = PropsWithChildren<{\n  size?: Size;\n  variant?: Variant;\n  state?: State;\n}>;\n\nconst BitkitSplitButton = forwardRef<HTMLDivElement, BitkitSplitButtonProps>((props, ref) => {\n  const { children, size = 'lg', state, variant = 'primary' } = props;\n\n  const childArray = Children.toArray(children);\n  const actionChild = childArray.find(isValidActionItem);\n  const menuItems = childArray.filter(isValidMenuItem);\n\n  const menuSize = size === 'lg' ? 'lg' : 'md';\n  const recipe = useSlotRecipe({ key: 'splitButton' });\n  const styles = recipe({ variant });\n\n  return (\n    <SplitButtonProvider value={{ size, state, styles, variant }}>\n      <Skeleton asChild loading={state === 'skeleton'}>\n        <Group ref={ref} attached display=\"inline-flex\">\n          {actionChild}\n          <BitkitActionMenu.Root\n            size={menuSize}\n            trigger={\n              <BitkitIconButton\n                css={styles.trigger}\n                icon={IconChevronDown}\n                label=\"Toggle menu\"\n                size={size}\n                state={state === 'loading' ? 'disabled' : state}\n                variant={variant}\n              />\n            }\n            positioning={{ placement: 'bottom-end' }}\n          >\n            {menuItems}\n          </BitkitActionMenu.Root>\n        </Group>\n      </Skeleton>\n    </SplitButtonProvider>\n  );\n});\nBitkitSplitButton.displayName = 'BitkitSplitButton';\n\nexport default Object.assign(BitkitSplitButton, {\n  Action: BitkitSplitButtonAction,\n  Group: BitkitActionMenu.Group,\n  Item: BitkitActionMenu.Item,\n  Separator: BitkitActionMenu.Separator,\n});\n"],"mappings":";;;;;;;;;;;AAgBA,IAAM,qBAAqB,UAA4C;AACrE,QAAO,eAAe,MAAM,IAAI,MAAM,SAAS;;AAGjD,IAAM,mBAAmB,UAA4C;AACnE,QACE,eAAe,MAAM,KACpB,MAAM,SAAS,iBAAiB,SAC/B,MAAM,SAAS,iBAAiB,QAChC,MAAM,SAAS,iBAAiB;;AAYtC,IAAM,CAAC,qBAAqB,yBAAyB,gBAAkC;CACrF,MAAM;CACN,UAAU;CACV,cAAc;CACf,CAAC;AAKF,IAAM,0BAA0B,YAA6D,OAAO,QAAQ;CAC1G,MAAM,EAAE,MAAM,OAAO,QAAQ,YAAY,uBAAuB;AAEhE,QAAO,oBAAC,cAAD;EAAmB;EAAK,KAAK,OAAO;EAAc;EAAe;EAAgB;EAAO,GAAI;EAAS,CAAA;EAC5G;AAEF,wBAAwB,cAAc;AAStC,IAAM,oBAAoB,YAAoD,OAAO,QAAQ;CAC3F,MAAM,EAAE,UAAU,OAAO,MAAM,OAAO,UAAU,cAAc;CAE9D,MAAM,aAAa,SAAS,QAAQ,SAAS;CAC7C,MAAM,cAAc,WAAW,KAAK,kBAAkB;CACtD,MAAM,YAAY,WAAW,OAAO,gBAAgB;CAEpD,MAAM,WAAW,SAAS,OAAO,OAAO;CAExC,MAAM,SADS,cAAc,EAAE,KAAK,eAAe,CACpC,CAAO,EAAE,SAAS,CAAC;AAElC,QACE,oBAAC,qBAAD;EAAqB,OAAO;GAAE;GAAM;GAAO;GAAQ;GAAS;YAC1D,oBAAC,UAAD;GAAU,SAAA;GAAQ,SAAS,UAAU;aACnC,qBAAC,OAAD;IAAY;IAAK,UAAA;IAAS,SAAQ;cAAlC,CACG,aACD,oBAAC,iBAAiB,MAAlB;KACE,MAAM;KACN,SACE,oBAAC,kBAAD;MACE,KAAK,OAAO;MACZ,MAAM;MACN,OAAM;MACA;MACN,OAAO,UAAU,YAAY,aAAa;MACjC;MACT,CAAA;KAEJ,aAAa,EAAE,WAAW,cAAc;eAEvC;KACqB,CAAA,CAClB;;GACC,CAAA;EACS,CAAA;EAExB;AACF,kBAAkB,cAAc;AAEhC,IAAA,4BAAe,OAAO,OAAO,mBAAmB;CAC9C,QAAQ;CACR,OAAO,iBAAiB;CACxB,MAAM,iBAAiB;CACvB,WAAW,iBAAiB;CAC7B,CAAC"}
+{"version":3,"file":"BitkitSplitButton.js","names":[],"sources":["../../../lib/components/BitkitSplitButton/BitkitSplitButton.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { Group } from '@chakra-ui/react/group';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { type SystemStyleObject, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Children, forwardRef, isValidElement, type PropsWithChildren, type ReactElement, type ReactNode } from 'react';\n\nimport { IconChevronDown } from '../../icons';\nimport BitkitActionMenu from '../BitkitActionMenu/BitkitActionMenu';\nimport BitkitButton, { type BitkitButtonProps } from '../BitkitButton/BitkitButton';\nimport BitkitIconButton from '../BitkitIconButton/BitkitIconButton';\n\ntype Size = 'lg' | 'md' | 'sm';\ntype Variant = 'primary' | 'secondary';\ntype State = 'disabled' | 'loading' | 'skeleton';\n\nconst isValidActionItem = (child: ReactNode): child is ReactElement => {\n  return isValidElement(child) && child.type === BitkitSplitButtonAction;\n};\n\nconst isValidMenuItem = (child: ReactNode): child is ReactElement => {\n  return (\n    isValidElement(child) &&\n    (child.type === BitkitActionMenu.Group ||\n      child.type === BitkitActionMenu.Item ||\n      child.type === BitkitActionMenu.Separator)\n  );\n};\n\n// --- Context ---\ninterface SplitButtonContext {\n  size: Size;\n  variant: Variant;\n  state: State | undefined;\n  styles: Record<string, SystemStyleObject>;\n}\n\nconst [SplitButtonProvider, useSplitButtonContext] = createContext<SplitButtonContext>({\n  name: 'SplitButtonContext',\n  hookName: 'useSplitButtonContext',\n  providerName: '<BitkitSplitButton />',\n});\n\n// --- Action ---\ntype BitkitSplitButtonActionProps = Omit<BitkitButtonProps, 'size' | 'variant' | 'state'>;\n\nconst BitkitSplitButtonAction = forwardRef<HTMLButtonElement, BitkitSplitButtonActionProps>((props, ref) => {\n  const { size, state, styles, variant } = useSplitButtonContext();\n\n  return <BitkitButton ref={ref} css={styles.action} size={size} variant={variant} state={state} {...props} />;\n});\n\nBitkitSplitButtonAction.displayName = 'BitkitSplitButtonAction';\n\n// --- Root ---\nexport type BitkitSplitButtonProps = PropsWithChildren<{\n  size?: Size;\n  variant?: Variant;\n  state?: State;\n}>;\n\nconst BitkitSplitButton = forwardRef<HTMLDivElement, BitkitSplitButtonProps>((props, ref) => {\n  const { children, size = 'lg', state, variant = 'primary' } = props;\n\n  const childArray = Children.toArray(children);\n  const actionChild = childArray.find(isValidActionItem);\n  const menuItems = childArray.filter(isValidMenuItem);\n\n  const menuSize = size === 'lg' ? 'lg' : 'md';\n  const recipe = useSlotRecipe({ key: 'splitButton' });\n  const styles = recipe({ variant });\n\n  return (\n    <SplitButtonProvider value={{ size, state, styles, variant }}>\n      <Skeleton asChild loading={state === 'skeleton'}>\n        <Group ref={ref} attached display=\"inline-flex\">\n          {actionChild}\n          <BitkitActionMenu.Root\n            size={menuSize}\n            trigger={\n              <BitkitIconButton\n                css={styles.trigger}\n                icon={IconChevronDown}\n                label=\"Toggle menu\"\n                size={size}\n                state={state === 'loading' ? 'disabled' : state}\n                variant={variant}\n              />\n            }\n            positioning={{ placement: 'bottom-end' }}\n          >\n            {menuItems}\n          </BitkitActionMenu.Root>\n        </Group>\n      </Skeleton>\n    </SplitButtonProvider>\n  );\n});\nBitkitSplitButton.displayName = 'BitkitSplitButton';\n\nexport default Object.assign(BitkitSplitButton, {\n  Action: BitkitSplitButtonAction,\n  Group: BitkitActionMenu.Group,\n  Item: BitkitActionMenu.Item,\n  Separator: BitkitActionMenu.Separator,\n});\n"],"mappings":";;;;;;;;;;;AAgBA,IAAM,qBAAqB,UAA4C;CACrE,OAAO,eAAe,KAAK,KAAK,MAAM,SAAS;AACjD;AAEA,IAAM,mBAAmB,UAA4C;CACnE,OACE,eAAe,KAAK,MACnB,MAAM,SAAS,iBAAiB,SAC/B,MAAM,SAAS,iBAAiB,QAChC,MAAM,SAAS,iBAAiB;AAEtC;AAUA,IAAM,CAAC,qBAAqB,yBAAyB,gBAAkC;CACrF,MAAM;CACN,UAAU;CACV,cAAc;AAChB,CAAC;AAKD,IAAM,0BAA0B,YAA6D,OAAO,QAAQ;CAC1G,MAAM,EAAE,MAAM,OAAO,QAAQ,YAAY,sBAAsB;CAE/D,OAAO,oBAAC,cAAD;EAAmB;EAAK,KAAK,OAAO;EAAc;EAAe;EAAgB;EAAO,GAAI;CAAQ,CAAA;AAC7G,CAAC;AAED,wBAAwB,cAAc;AAStC,IAAM,oBAAoB,YAAoD,OAAO,QAAQ;CAC3F,MAAM,EAAE,UAAU,OAAO,MAAM,OAAO,UAAU,cAAc;CAE9D,MAAM,aAAa,SAAS,QAAQ,QAAQ;CAC5C,MAAM,cAAc,WAAW,KAAK,iBAAiB;CACrD,MAAM,YAAY,WAAW,OAAO,eAAe;CAEnD,MAAM,WAAW,SAAS,OAAO,OAAO;CAExC,MAAM,SADS,cAAc,EAAE,KAAK,cAAc,CACnC,EAAO,EAAE,QAAQ,CAAC;CAEjC,OACE,oBAAC,qBAAD;EAAqB,OAAO;GAAE;GAAM;GAAO;GAAQ;EAAQ;YACzD,oBAAC,UAAD;GAAU,SAAA;GAAQ,SAAS,UAAU;aACnC,qBAAC,OAAD;IAAY;IAAK,UAAA;IAAS,SAAQ;cAAlC,CACG,aACD,oBAAC,iBAAiB,MAAlB;KACE,MAAM;KACN,SACE,oBAAC,kBAAD;MACE,KAAK,OAAO;MACZ,MAAM;MACN,OAAM;MACA;MACN,OAAO,UAAU,YAAY,aAAa;MACjC;KACV,CAAA;KAEH,aAAa,EAAE,WAAW,aAAa;eAEtC;IACoB,CAAA,CAClB;;EACC,CAAA;CACS,CAAA;AAEzB,CAAC;AACD,kBAAkB,cAAc;AAEhC,IAAA,4BAAe,OAAO,OAAO,mBAAmB;CAC9C,QAAQ;CACR,OAAO,iBAAiB;CACxB,MAAM,iBAAiB;CACvB,WAAW,iBAAiB;AAC9B,CAAC"}

package/dist/components/BitkitStat/BitkitStat.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitStat.js","names":[],"sources":["../../../lib/components/BitkitStat/BitkitStat.tsx"],"sourcesContent":["import { type BoxProps } from '@chakra-ui/react/box';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { IconArrowDown, IconArrowUp, IconInfoCircle } from '../../icons';\nimport BitkitTooltip from '../BitkitTooltip/BitkitTooltip';\n\n// --- Types ---\n\nexport type TrendColor = 'positive' | 'negative' | 'neutral';\nexport type TrendDirection = 'up' | 'down';\nexport type TrendTextPlacement = 'below' | 'inline';\n\nconst TREND_COLORS = {\n  positive: { text: 'text/positive', icon: 'icon/positive' },\n  negative: { text: 'text/negative', icon: 'icon/negative' },\n  neutral: { text: 'text/secondary', icon: 'icon/tertiary' },\n} as const;\n\nconst TREND_ICONS = { up: IconArrowUp, down: IconArrowDown } as const;\nconst DEFAULT_COLORS: Record<TrendDirection, TrendColor> = { up: 'positive', down: 'negative' };\n\nconst resolveTrend = (trendColor?: TrendColor, trendDirection?: TrendDirection) => {\n  const color = trendColor ?? (trendDirection ? DEFAULT_COLORS[trendDirection] : undefined);\n  const colors = color ? TREND_COLORS[color] : undefined;\n  return {\n    textColor: colors?.text ?? 'text/secondary',\n    iconColor: colors?.icon ?? 'icon/tertiary',\n    Icon: trendDirection ? TREND_ICONS[trendDirection] : undefined,\n  };\n};\n\nconst BELOW_ICON_SIZES = { lg: '16', '2xl': '24', '3xl': '24' } as const;\nconst INLINE_TREND_STYLES = {\n  lg: { paddingBlockStart: '2' },\n  '2xl': { paddingBlockStart: '6' },\n  '3xl': { paddingBlockEnd: '4' },\n} as const;\nconst SKELETON_VALUE_HEIGHTS = { lg: '24', '2xl': '36px', '3xl': '40' } as const;\n\nexport interface BitkitStatProps extends Omit<BoxProps, 'colorPalette'> {\n  label: string;\n  size?: 'lg' | '2xl' | '3xl';\n  state?: 'default' | 'skeleton';\n  subtext?: string;\n  tooltip?: string;\n  trendColor?: TrendColor;\n  trendDirection?: TrendDirection;\n  trendText?: string;\n  trendTextPlacement?: TrendTextPlacement;\n  value?: string;\n  variant?: 'default' | 'compact';\n}\n\n// --- Component ---\n\nconst BitkitStat = forwardRef<HTMLElement, BitkitStatProps>((props, ref) => {\n  const {\n    label,\n    size = 'lg',\n    state = 'default',\n    subtext,\n    tooltip,\n    trendColor,\n    trendDirection,\n    trendText,\n    trendTextPlacement = 'below',\n    value,\n    variant = 'default',\n    ...rest\n  } = props;\n\n  const styles = useSlotRecipe({ key: 'stat' })({ size, variant });\n  const trend = resolveTrend(trendColor, trendDirection);\n  const { Icon: TrendIcon } = trend;\n  const isCompact = variant === 'compact';\n\n  // --- Compact ---\n  if (isCompact) {\n    if (state === 'skeleton') {\n      return (\n        <chakra.div css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n          <Skeleton height=\"20\" width=\"64\" />\n          <Skeleton height=\"16\" width=\"48\" />\n        </chakra.div>\n      );\n    }\n\n    return (\n      <chakra.div css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n        <chakra.span css={styles.value}>\n          {!!TrendIcon && <TrendIcon size=\"16\" color={trend.iconColor} />}\n          {value}\n        </chakra.span>\n        {!!trendText && (\n          <chakra.span css={styles.helpText} color={trend.textColor}>\n            {trendText}\n          </chakra.span>\n        )}\n      </chakra.div>\n    );\n  }\n\n  // --- Default ---\n\n  const labelContent = (\n    <chakra.dt css={styles.label}>\n      {label}\n      {!!tooltip && (\n        <BitkitTooltip text={tooltip}>\n          <IconInfoCircle size=\"16\" color=\"icon/tertiary\" />\n        </BitkitTooltip>\n      )}\n    </chakra.dt>\n  );\n\n  if (state === 'skeleton') {\n    return (\n      <chakra.dl css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n        {labelContent}\n        <Skeleton height={SKELETON_VALUE_HEIGHTS[size]} width=\"128\" />\n        <Skeleton height=\"20\" width=\"128\" />\n      </chakra.dl>\n    );\n  }\n\n  const isInline = trendTextPlacement === 'inline';\n  const showHelpText = (!isInline && !!trendText) || !!subtext;\n\n  return (\n    <chakra.dl css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n      {labelContent}\n\n      <chakra.dd css={styles.value} alignItems={isInline && size === '3xl' ? 'flex-end' : undefined}>\n        {value}\n        {isInline ? (\n          <chakra.span display=\"inline-flex\" gap=\"4\" alignItems=\"center\" css={INLINE_TREND_STYLES[size]}>\n            {!!TrendIcon && <TrendIcon size=\"16\" color={trend.iconColor} />}\n            {!!trendText && (\n              <chakra.span color={trend.textColor} textStyle=\"body/md/regular\">\n                {trendText}\n              </chakra.span>\n            )}\n          </chakra.span>\n        ) : (\n          !!TrendIcon && <TrendIcon size={BELOW_ICON_SIZES[size]} color={trend.iconColor} />\n        )}\n      </chakra.dd>\n\n      {showHelpText && (\n        <chakra.dd css={styles.helpText}>\n          {!isInline && !!trendText && <chakra.span color={trend.textColor}>{trendText}</chakra.span>}\n          {!!subtext && <chakra.span color=\"text/tertiary\">{subtext}</chakra.span>}\n        </chakra.dd>\n      )}\n    </chakra.dl>\n  );\n});\n\nBitkitStat.displayName = 'BitkitStat';\n\nexport default BitkitStat;\n"],"mappings":"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"}
+{"version":3,"file":"BitkitStat.js","names":[],"sources":["../../../lib/components/BitkitStat/BitkitStat.tsx"],"sourcesContent":["import { type BoxProps } from '@chakra-ui/react/box';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { IconArrowDown, IconArrowUp, IconInfoCircle } from '../../icons';\nimport BitkitTooltip from '../BitkitTooltip/BitkitTooltip';\n\n// --- Types ---\n\nexport type TrendColor = 'positive' | 'negative' | 'neutral';\nexport type TrendDirection = 'up' | 'down';\nexport type TrendTextPlacement = 'below' | 'inline';\n\nconst TREND_COLORS = {\n  positive: { text: 'text/positive', icon: 'icon/positive' },\n  negative: { text: 'text/negative', icon: 'icon/negative' },\n  neutral: { text: 'text/secondary', icon: 'icon/tertiary' },\n} as const;\n\nconst TREND_ICONS = { up: IconArrowUp, down: IconArrowDown } as const;\nconst DEFAULT_COLORS: Record<TrendDirection, TrendColor> = { up: 'positive', down: 'negative' };\n\nconst resolveTrend = (trendColor?: TrendColor, trendDirection?: TrendDirection) => {\n  const color = trendColor ?? (trendDirection ? DEFAULT_COLORS[trendDirection] : undefined);\n  const colors = color ? TREND_COLORS[color] : undefined;\n  return {\n    textColor: colors?.text ?? 'text/secondary',\n    iconColor: colors?.icon ?? 'icon/tertiary',\n    Icon: trendDirection ? TREND_ICONS[trendDirection] : undefined,\n  };\n};\n\nconst BELOW_ICON_SIZES = { lg: '16', '2xl': '24', '3xl': '24' } as const;\nconst INLINE_TREND_STYLES = {\n  lg: { paddingBlockStart: '2' },\n  '2xl': { paddingBlockStart: '6' },\n  '3xl': { paddingBlockEnd: '4' },\n} as const;\nconst SKELETON_VALUE_HEIGHTS = { lg: '24', '2xl': '36px', '3xl': '40' } as const;\n\nexport interface BitkitStatProps extends Omit<BoxProps, 'colorPalette'> {\n  label: string;\n  size?: 'lg' | '2xl' | '3xl';\n  state?: 'default' | 'skeleton';\n  subtext?: string;\n  tooltip?: string;\n  trendColor?: TrendColor;\n  trendDirection?: TrendDirection;\n  trendText?: string;\n  trendTextPlacement?: TrendTextPlacement;\n  value?: string;\n  variant?: 'default' | 'compact';\n}\n\n// --- Component ---\n\nconst BitkitStat = forwardRef<HTMLElement, BitkitStatProps>((props, ref) => {\n  const {\n    label,\n    size = 'lg',\n    state = 'default',\n    subtext,\n    tooltip,\n    trendColor,\n    trendDirection,\n    trendText,\n    trendTextPlacement = 'below',\n    value,\n    variant = 'default',\n    ...rest\n  } = props;\n\n  const styles = useSlotRecipe({ key: 'stat' })({ size, variant });\n  const trend = resolveTrend(trendColor, trendDirection);\n  const { Icon: TrendIcon } = trend;\n  const isCompact = variant === 'compact';\n\n  // --- Compact ---\n  if (isCompact) {\n    if (state === 'skeleton') {\n      return (\n        <chakra.div css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n          <Skeleton height=\"20\" width=\"64\" />\n          <Skeleton height=\"16\" width=\"48\" />\n        </chakra.div>\n      );\n    }\n\n    return (\n      <chakra.div css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n        <chakra.span css={styles.value}>\n          {!!TrendIcon && <TrendIcon size=\"16\" color={trend.iconColor} />}\n          {value}\n        </chakra.span>\n        {!!trendText && (\n          <chakra.span css={styles.helpText} color={trend.textColor}>\n            {trendText}\n          </chakra.span>\n        )}\n      </chakra.div>\n    );\n  }\n\n  // --- Default ---\n\n  const labelContent = (\n    <chakra.dt css={styles.label}>\n      {label}\n      {!!tooltip && (\n        <BitkitTooltip text={tooltip}>\n          <IconInfoCircle size=\"16\" color=\"icon/tertiary\" />\n        </BitkitTooltip>\n      )}\n    </chakra.dt>\n  );\n\n  if (state === 'skeleton') {\n    return (\n      <chakra.dl css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n        {labelContent}\n        <Skeleton height={SKELETON_VALUE_HEIGHTS[size]} width=\"128\" />\n        <Skeleton height=\"20\" width=\"128\" />\n      </chakra.dl>\n    );\n  }\n\n  const isInline = trendTextPlacement === 'inline';\n  const showHelpText = (!isInline && !!trendText) || !!subtext;\n\n  return (\n    <chakra.dl css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n      {labelContent}\n\n      <chakra.dd css={styles.value} alignItems={isInline && size === '3xl' ? 'flex-end' : undefined}>\n        {value}\n        {isInline ? (\n          <chakra.span display=\"inline-flex\" gap=\"4\" alignItems=\"center\" css={INLINE_TREND_STYLES[size]}>\n            {!!TrendIcon && <TrendIcon size=\"16\" color={trend.iconColor} />}\n            {!!trendText && (\n              <chakra.span color={trend.textColor} textStyle=\"body/md/regular\">\n                {trendText}\n              </chakra.span>\n            )}\n          </chakra.span>\n        ) : (\n          !!TrendIcon && <TrendIcon size={BELOW_ICON_SIZES[size]} color={trend.iconColor} />\n        )}\n      </chakra.dd>\n\n      {showHelpText && (\n        <chakra.dd css={styles.helpText}>\n          {!isInline && !!trendText && <chakra.span color={trend.textColor}>{trendText}</chakra.span>}\n          {!!subtext && <chakra.span color=\"text/tertiary\">{subtext}</chakra.span>}\n        </chakra.dd>\n      )}\n    </chakra.dl>\n  );\n});\n\nBitkitStat.displayName = 'BitkitStat';\n\nexport default BitkitStat;\n"],"mappings":"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"}

package/dist/components/BitkitSteps/BitkitSteps.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitSteps.js","names":[],"sources":["../../../lib/components/BitkitSteps/BitkitSteps.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Link } from '@chakra-ui/react/link';\nimport { Steps, useStepsContext, useStepsStyles } from '@chakra-ui/react/steps';\nimport { Children, cloneElement, forwardRef, isValidElement, type ReactElement, type ReactNode } from 'react';\n\nimport IconCheck from '../../icons/IconCheck';\nimport IconSkip from '../../icons/IconSkip';\nimport { useStepCardContext } from '../BitkitStepsCard/StepCardContext';\n\nexport type BitkitStepsItemState = 'disabled' | 'invalid' | 'skippable';\n\ntype EffectiveStatus = 'completed' | 'disabled' | 'inProgress' | 'invalid' | 'notStarted' | 'skippable' | 'skipped';\n\nconst getEffectiveStatus = (\n  itemState: BitkitStepsItemState | undefined,\n  index: number,\n  step: number,\n): EffectiveStatus => {\n  if (itemState === 'disabled') return 'disabled';\n  if (itemState === 'invalid') return 'invalid';\n  if (itemState === 'skippable') return index < step ? 'skipped' : 'skippable';\n  if (index < step) return 'completed';\n  if (index === step) return 'inProgress';\n  return 'notStarted';\n};\n\nconst renderIndicatorContent = (index: number, status: EffectiveStatus) => {\n  if (status === 'completed') return <IconCheck size=\"16\" />;\n  if (status === 'skippable' || status === 'skipped') return <IconSkip size=\"16\" />;\n  if (status === 'invalid') return '!';\n  return index + 1;\n};\n\nconst renderLabel = (label: string, action: BitkitStepsItemProps['action']) => {\n  if (!action) return label;\n\n  // Links don't look like links at rest — only the underline + purple color on hover reveals\n  // them. Intentional: this is a power-user affordance on the step title. The base Link recipe\n  // already adds the underline on hover; we only need to swap the color.\n  if (action.href) {\n    return (\n      <Link\n        _hover={{ color: 'text/link' }}\n        href={action.href}\n        onClick={action.onClick}\n        rel={action.isExternal ? 'noopener noreferrer' : undefined}\n        target={action.isExternal ? '_blank' : undefined}\n      >\n        {label}\n      </Link>\n    );\n  }\n\n  return (\n    <Link _hover={{ color: 'text/link' }} as=\"button\" onClick={action.onClick} type=\"button\">\n      {label}\n    </Link>\n  );\n};\n\nexport interface BitkitStepsProps {\n  children: ReactNode;\n  orientation?: 'horizontal' | 'vertical';\n  step?: number;\n}\n\nconst BitkitSteps = forwardRef<HTMLDivElement, BitkitStepsProps>((props, ref) => {\n  const { children, orientation = 'horizontal', step: stepProp } = props;\n  const stepCardCtx = useStepCardContext();\n  const step = stepProp ?? stepCardCtx?.step ?? 0;\n  const count = Children.count(children);\n\n  return (\n    <Steps.Root ref={ref} count={count} linear={false} orientation={orientation} step={step}>\n      <Steps.List>\n        {Children.map(children, (child, index) => {\n          if (isValidElement(child)) {\n            return cloneElement(child as ReactElement<BitkitStepsItemInternalProps>, {\n              _index: index,\n              _orientation: orientation,\n            });\n          }\n          return child;\n        })}\n      </Steps.List>\n    </Steps.Root>\n  );\n});\n\nBitkitSteps.displayName = 'BitkitSteps';\n\nexport interface BitkitStepsItemProps {\n  action?: {\n    href?: string;\n    isExternal?: boolean;\n    onClick?: () => void;\n  };\n  helperText?: string;\n  label: string;\n  state?: BitkitStepsItemState;\n}\n\ninterface BitkitStepsItemInternalProps extends BitkitStepsItemProps {\n  _index?: number;\n  _orientation?: 'horizontal' | 'vertical';\n}\n\nconst BitkitStepsItem = forwardRef<HTMLDivElement, BitkitStepsItemProps>((props, ref) => {\n  const {\n    _index = 0,\n    _orientation = 'horizontal',\n    action,\n    helperText,\n    label,\n    state,\n  } = props as BitkitStepsItemInternalProps;\n\n  const styles = useStepsStyles();\n  const stepsCtx = useStepsContext();\n  const status = getEffectiveStatus(state, _index, stepsCtx.value);\n  const resolvedAction = status === 'completed' ? action : undefined;\n  const statusAttr = { 'data-step-status': status };\n\n  return (\n    <Steps.Item {...statusAttr} index={_index} ref={ref}>\n      <Steps.Indicator {...statusAttr}>{renderIndicatorContent(_index, status)}</Steps.Indicator>\n      <Box css={styles.trigger}>\n        <Steps.Title {...statusAttr}>{renderLabel(label, resolvedAction)}</Steps.Title>\n        {_orientation === 'vertical' && helperText && (\n          <Steps.Description {...statusAttr}>{helperText}</Steps.Description>\n        )}\n      </Box>\n      <Steps.Separator />\n    </Steps.Item>\n  );\n});\n\nBitkitStepsItem.displayName = 'BitkitStepsItem';\n\nexport default Object.assign(BitkitSteps, { Item: BitkitStepsItem });\n"],"mappings":";;;;;;;;;AAaA,IAAM,sBACJ,WACA,OACA,SACoB;AACpB,KAAI,cAAc,WAAY,QAAO;AACrC,KAAI,cAAc,UAAW,QAAO;AACpC,KAAI,cAAc,YAAa,QAAO,QAAQ,OAAO,YAAY;AACjE,KAAI,QAAQ,KAAM,QAAO;AACzB,KAAI,UAAU,KAAM,QAAO;AAC3B,QAAO;;AAGT,IAAM,0BAA0B,OAAe,WAA4B;AACzE,KAAI,WAAW,YAAa,QAAO,oBAAC,WAAD,EAAW,MAAK,MAAO,CAAA;AAC1D,KAAI,WAAW,eAAe,WAAW,UAAW,QAAO,oBAAC,UAAD,EAAU,MAAK,MAAO,CAAA;AACjF,KAAI,WAAW,UAAW,QAAO;AACjC,QAAO,QAAQ;;AAGjB,IAAM,eAAe,OAAe,WAA2C;AAC7E,KAAI,CAAC,OAAQ,QAAO;AAKpB,KAAI,OAAO,KACT,QACE,oBAAC,MAAD;EACE,QAAQ,EAAE,OAAO,aAAa;EAC9B,MAAM,OAAO;EACb,SAAS,OAAO;EAChB,KAAK,OAAO,aAAa,wBAAwB,KAAA;EACjD,QAAQ,OAAO,aAAa,WAAW,KAAA;YAEtC;EACI,CAAA;AAIX,QACE,oBAAC,MAAD;EAAM,QAAQ,EAAE,OAAO,aAAa;EAAE,IAAG;EAAS,SAAS,OAAO;EAAS,MAAK;YAC7E;EACI,CAAA;;AAUX,IAAM,cAAc,YAA8C,OAAO,QAAQ;CAC/E,MAAM,EAAE,UAAU,cAAc,cAAc,MAAM,aAAa;CACjE,MAAM,cAAc,oBAAoB;CACxC,MAAM,OAAO,YAAY,aAAa,QAAQ;CAC9C,MAAM,QAAQ,SAAS,MAAM,SAAS;AAEtC,QACE,oBAAC,MAAM,MAAP;EAAiB;EAAY;EAAO,QAAQ;EAAoB;EAAmB;YACjF,oBAAC,MAAM,MAAP,EAAA,UACG,SAAS,IAAI,WAAW,OAAO,UAAU;AACxC,OAAI,eAAe,MAAM,CACvB,QAAO,aAAa,OAAqD;IACvE,QAAQ;IACR,cAAc;IACf,CAAC;AAEJ,UAAO;IACP,EACS,CAAA;EACF,CAAA;EAEf;AAEF,YAAY,cAAc;AAkB1B,IAAM,kBAAkB,YAAkD,OAAO,QAAQ;CACvF,MAAM,EACJ,SAAS,GACT,eAAe,cACf,QACA,YACA,OACA,UACE;CAEJ,MAAM,SAAS,gBAAgB;CAE/B,MAAM,SAAS,mBAAmB,OAAO,QADxB,iBACgC,CAAS,MAAM;CAChE,MAAM,iBAAiB,WAAW,cAAc,SAAS,KAAA;CACzD,MAAM,aAAa,EAAE,oBAAoB,QAAQ;AAEjD,QACE,qBAAC,MAAM,MAAP;EAAY,GAAI;EAAY,OAAO;EAAa;YAAhD;GACE,oBAAC,MAAM,WAAP;IAAiB,GAAI;cAAa,uBAAuB,QAAQ,OAAO;IAAmB,CAAA;GAC3F,qBAAC,KAAD;IAAK,KAAK,OAAO;cAAjB,CACE,oBAAC,MAAM,OAAP;KAAa,GAAI;eAAa,YAAY,OAAO,eAAe;KAAe,CAAA,EAC9E,iBAAiB,cAAc,cAC9B,oBAAC,MAAM,aAAP;KAAmB,GAAI;eAAa;KAA+B,CAAA,CAEjE;;GACN,oBAAC,MAAM,WAAP,EAAmB,CAAA;GACR;;EAEf;AAEF,gBAAgB,cAAc;AAE9B,IAAA,sBAAe,OAAO,OAAO,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"BitkitSteps.js","names":[],"sources":["../../../lib/components/BitkitSteps/BitkitSteps.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Link } from '@chakra-ui/react/link';\nimport { Steps, useStepsContext, useStepsStyles } from '@chakra-ui/react/steps';\nimport { Children, cloneElement, forwardRef, isValidElement, type ReactElement, type ReactNode } from 'react';\n\nimport IconCheck from '../../icons/IconCheck';\nimport IconSkip from '../../icons/IconSkip';\nimport { useStepCardContext } from '../BitkitStepsCard/StepCardContext';\n\nexport type BitkitStepsItemState = 'disabled' | 'invalid' | 'skippable';\n\ntype EffectiveStatus = 'completed' | 'disabled' | 'inProgress' | 'invalid' | 'notStarted' | 'skippable' | 'skipped';\n\nconst getEffectiveStatus = (\n  itemState: BitkitStepsItemState | undefined,\n  index: number,\n  step: number,\n): EffectiveStatus => {\n  if (itemState === 'disabled') return 'disabled';\n  if (itemState === 'invalid') return 'invalid';\n  if (itemState === 'skippable') return index < step ? 'skipped' : 'skippable';\n  if (index < step) return 'completed';\n  if (index === step) return 'inProgress';\n  return 'notStarted';\n};\n\nconst renderIndicatorContent = (index: number, status: EffectiveStatus) => {\n  if (status === 'completed') return <IconCheck size=\"16\" />;\n  if (status === 'skippable' || status === 'skipped') return <IconSkip size=\"16\" />;\n  if (status === 'invalid') return '!';\n  return index + 1;\n};\n\nconst renderLabel = (label: string, action: BitkitStepsItemProps['action']) => {\n  if (!action) return label;\n\n  // Links don't look like links at rest — only the underline + purple color on hover reveals\n  // them. Intentional: this is a power-user affordance on the step title. The base Link recipe\n  // already adds the underline on hover; we only need to swap the color.\n  if (action.href) {\n    return (\n      <Link\n        _hover={{ color: 'text/link' }}\n        href={action.href}\n        onClick={action.onClick}\n        rel={action.isExternal ? 'noopener noreferrer' : undefined}\n        target={action.isExternal ? '_blank' : undefined}\n      >\n        {label}\n      </Link>\n    );\n  }\n\n  return (\n    <Link _hover={{ color: 'text/link' }} as=\"button\" onClick={action.onClick} type=\"button\">\n      {label}\n    </Link>\n  );\n};\n\nexport interface BitkitStepsProps {\n  children: ReactNode;\n  orientation?: 'horizontal' | 'vertical';\n  step?: number;\n}\n\nconst BitkitSteps = forwardRef<HTMLDivElement, BitkitStepsProps>((props, ref) => {\n  const { children, orientation = 'horizontal', step: stepProp } = props;\n  const stepCardCtx = useStepCardContext();\n  const step = stepProp ?? stepCardCtx?.step ?? 0;\n  const count = Children.count(children);\n\n  return (\n    <Steps.Root ref={ref} count={count} linear={false} orientation={orientation} step={step}>\n      <Steps.List>\n        {Children.map(children, (child, index) => {\n          if (isValidElement(child)) {\n            return cloneElement(child as ReactElement<BitkitStepsItemInternalProps>, {\n              _index: index,\n              _orientation: orientation,\n            });\n          }\n          return child;\n        })}\n      </Steps.List>\n    </Steps.Root>\n  );\n});\n\nBitkitSteps.displayName = 'BitkitSteps';\n\nexport interface BitkitStepsItemProps {\n  action?: {\n    href?: string;\n    isExternal?: boolean;\n    onClick?: () => void;\n  };\n  helperText?: string;\n  label: string;\n  state?: BitkitStepsItemState;\n}\n\ninterface BitkitStepsItemInternalProps extends BitkitStepsItemProps {\n  _index?: number;\n  _orientation?: 'horizontal' | 'vertical';\n}\n\nconst BitkitStepsItem = forwardRef<HTMLDivElement, BitkitStepsItemProps>((props, ref) => {\n  const {\n    _index = 0,\n    _orientation = 'horizontal',\n    action,\n    helperText,\n    label,\n    state,\n  } = props as BitkitStepsItemInternalProps;\n\n  const styles = useStepsStyles();\n  const stepsCtx = useStepsContext();\n  const status = getEffectiveStatus(state, _index, stepsCtx.value);\n  const resolvedAction = status === 'completed' ? action : undefined;\n  const statusAttr = { 'data-step-status': status };\n\n  return (\n    <Steps.Item {...statusAttr} index={_index} ref={ref}>\n      <Steps.Indicator {...statusAttr}>{renderIndicatorContent(_index, status)}</Steps.Indicator>\n      <Box css={styles.trigger}>\n        <Steps.Title {...statusAttr}>{renderLabel(label, resolvedAction)}</Steps.Title>\n        {_orientation === 'vertical' && helperText && (\n          <Steps.Description {...statusAttr}>{helperText}</Steps.Description>\n        )}\n      </Box>\n      <Steps.Separator />\n    </Steps.Item>\n  );\n});\n\nBitkitStepsItem.displayName = 'BitkitStepsItem';\n\nexport default Object.assign(BitkitSteps, { Item: BitkitStepsItem });\n"],"mappings":";;;;;;;;;AAaA,IAAM,sBACJ,WACA,OACA,SACoB;CACpB,IAAI,cAAc,YAAY,OAAO;CACrC,IAAI,cAAc,WAAW,OAAO;CACpC,IAAI,cAAc,aAAa,OAAO,QAAQ,OAAO,YAAY;CACjE,IAAI,QAAQ,MAAM,OAAO;CACzB,IAAI,UAAU,MAAM,OAAO;CAC3B,OAAO;AACT;AAEA,IAAM,0BAA0B,OAAe,WAA4B;CACzE,IAAI,WAAW,aAAa,OAAO,oBAAC,WAAD,EAAW,MAAK,KAAM,CAAA;CACzD,IAAI,WAAW,eAAe,WAAW,WAAW,OAAO,oBAAC,UAAD,EAAU,MAAK,KAAM,CAAA;CAChF,IAAI,WAAW,WAAW,OAAO;CACjC,OAAO,QAAQ;AACjB;AAEA,IAAM,eAAe,OAAe,WAA2C;CAC7E,IAAI,CAAC,QAAQ,OAAO;CAKpB,IAAI,OAAO,MACT,OACE,oBAAC,MAAD;EACE,QAAQ,EAAE,OAAO,YAAY;EAC7B,MAAM,OAAO;EACb,SAAS,OAAO;EAChB,KAAK,OAAO,aAAa,wBAAwB,KAAA;EACjD,QAAQ,OAAO,aAAa,WAAW,KAAA;YAEtC;CACG,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,QAAQ,EAAE,OAAO,YAAY;EAAG,IAAG;EAAS,SAAS,OAAO;EAAS,MAAK;YAC7E;CACG,CAAA;AAEV;AAQA,IAAM,cAAc,YAA8C,OAAO,QAAQ;CAC/E,MAAM,EAAE,UAAU,cAAc,cAAc,MAAM,aAAa;CACjE,MAAM,cAAc,mBAAmB;CACvC,MAAM,OAAO,YAAY,aAAa,QAAQ;CAC9C,MAAM,QAAQ,SAAS,MAAM,QAAQ;CAErC,OACE,oBAAC,MAAM,MAAP;EAAiB;EAAY;EAAO,QAAQ;EAAoB;EAAmB;YACjF,oBAAC,MAAM,MAAP,EAAA,UACG,SAAS,IAAI,WAAW,OAAO,UAAU;GACxC,IAAI,eAAe,KAAK,GACtB,OAAO,aAAa,OAAqD;IACvE,QAAQ;IACR,cAAc;GAChB,CAAC;GAEH,OAAO;EACT,CAAC,EACS,CAAA;CACF,CAAA;AAEhB,CAAC;AAED,YAAY,cAAc;AAkB1B,IAAM,kBAAkB,YAAkD,OAAO,QAAQ;CACvF,MAAM,EACJ,SAAS,GACT,eAAe,cACf,QACA,YACA,OACA,UACE;CAEJ,MAAM,SAAS,eAAe;CAE9B,MAAM,SAAS,mBAAmB,OAAO,QADxB,gBACgC,EAAS,KAAK;CAC/D,MAAM,iBAAiB,WAAW,cAAc,SAAS,KAAA;CACzD,MAAM,aAAa,EAAE,oBAAoB,OAAO;CAEhD,OACE,qBAAC,MAAM,MAAP;EAAY,GAAI;EAAY,OAAO;EAAa;YAAhD;GACE,oBAAC,MAAM,WAAP;IAAiB,GAAI;cAAa,uBAAuB,QAAQ,MAAM;GAAmB,CAAA;GAC1F,qBAAC,KAAD;IAAK,KAAK,OAAO;cAAjB,CACE,oBAAC,MAAM,OAAP;KAAa,GAAI;eAAa,YAAY,OAAO,cAAc;IAAe,CAAA,GAC7E,iBAAiB,cAAc,cAC9B,oBAAC,MAAM,aAAP;KAAmB,GAAI;eAAa;IAA8B,CAAA,CAEjE;;GACL,oBAAC,MAAM,WAAP,CAAkB,CAAA;EACR;;AAEhB,CAAC;AAED,gBAAgB,cAAc;AAE9B,IAAA,sBAAe,OAAO,OAAO,aAAa,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/BitkitStepsCard/BitkitStepsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitStepsCard.js","names":[],"sources":["../../../lib/components/BitkitStepsCard/BitkitStepsCard.tsx"],"sourcesContent":["import {\n  Card,\n  type CardBodyProps,\n  type CardFooterProps,\n  type CardHeaderProps,\n  type CardRootProps,\n} from '@chakra-ui/react/card';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Children, cloneElement, forwardRef, isValidElement, type ReactElement, type ReactNode } from 'react';\n\nimport { StepCardProvider, useStepCardContext } from './StepCardContext';\n\nconst useStepsCardStyles = () => {\n  const recipe = useSlotRecipe({ key: 'stepsCard' });\n  return recipe();\n};\n\nexport interface BitkitStepsCardProps extends Omit<CardRootProps, 'children' | 'title'> {\n  children: ReactNode;\n  step: number;\n}\n\nconst BitkitStepsCard = forwardRef<HTMLDivElement, BitkitStepsCardProps>((props, ref) => {\n  const { children, step, ...rest } = props;\n  const styles = useStepsCardStyles();\n\n  return (\n    <StepCardProvider value={{ step }}>\n      <Card.Root ref={ref} css={styles.root} unstyled {...rest}>\n        {children}\n      </Card.Root>\n    </StepCardProvider>\n  );\n});\n\nBitkitStepsCard.displayName = 'BitkitStepsCard';\n\nexport interface BitkitStepsCardHeaderProps extends Omit<CardHeaderProps, 'children'> {\n  children: ReactNode;\n}\n\nconst BitkitStepsCardHeader = forwardRef<HTMLDivElement, BitkitStepsCardHeaderProps>((props, ref) => {\n  const { children, ...rest } = props;\n  const styles = useStepsCardStyles();\n\n  return (\n    <Card.Header ref={ref} css={styles.header} {...rest}>\n      {children}\n    </Card.Header>\n  );\n});\n\nBitkitStepsCardHeader.displayName = 'BitkitStepsCardHeader';\n\nexport interface BitkitStepsCardBodyProps extends Omit<CardBodyProps, 'children'> {\n  children: ReactNode;\n}\n\nconst BitkitStepsCardBody = forwardRef<HTMLDivElement, BitkitStepsCardBodyProps>((props, ref) => {\n  const { children, ...rest } = props;\n  const styles = useStepsCardStyles();\n\n  return (\n    <Card.Body ref={ref} css={styles.body} {...rest}>\n      {Children.map(children, (child, index) => {\n        if (isValidElement(child)) {\n          return cloneElement(child as ReactElement<{ _index?: number }>, { _index: index });\n        }\n        return child;\n      })}\n    </Card.Body>\n  );\n});\n\nBitkitStepsCardBody.displayName = 'BitkitStepsCardBody';\n\nexport interface BitkitStepsCardStepProps {\n  children?: ReactNode;\n  description?: string;\n  title: string;\n}\n\ninterface BitkitStepsCardStepInternalProps extends BitkitStepsCardStepProps {\n  _index?: number;\n}\n\nconst BitkitStepsCardStep = (props: BitkitStepsCardStepProps) => {\n  const { _index = 0, children, description, title } = props as BitkitStepsCardStepInternalProps;\n  const { step } = useStepCardContext() ?? { step: 0 };\n  const styles = useStepsCardStyles();\n\n  if (_index !== step) return null;\n\n  return (\n    <>\n      <chakra.div css={styles.titleGroup}>\n        <Card.Title css={styles.title}>{title}</Card.Title>\n        {description && <Card.Description css={styles.description}>{description}</Card.Description>}\n      </chakra.div>\n      {children}\n    </>\n  );\n};\n\nBitkitStepsCardStep.displayName = 'BitkitStepsCardStep';\n\nexport interface BitkitStepsCardFooterProps extends Omit<CardFooterProps, 'children'> {\n  children: ReactNode;\n}\n\nconst BitkitStepsCardFooter = forwardRef<HTMLDivElement, BitkitStepsCardFooterProps>((props, ref) => {\n  const { children, ...rest } = props;\n  const styles = useStepsCardStyles();\n\n  return (\n    <Card.Footer ref={ref} css={styles.footer} {...rest}>\n      {children}\n    </Card.Footer>\n  );\n});\n\nBitkitStepsCardFooter.displayName = 'BitkitStepsCardFooter';\n\nexport default Object.assign(BitkitStepsCard, {\n  Body: BitkitStepsCardBody,\n  Footer: BitkitStepsCardFooter,\n  Header: BitkitStepsCardHeader,\n  Step: BitkitStepsCardStep,\n});\n"],"mappings":";;;;;;AAYA,IAAM,2BAA2B;AAE/B,QADe,cAAc,EAAE,KAAK,aAAa,CAC1C,EAAQ;;AAQjB,IAAM,kBAAkB,YAAkD,OAAO,QAAQ;CACvF,MAAM,EAAE,UAAU,MAAM,GAAG,SAAS;CACpC,MAAM,SAAS,oBAAoB;AAEnC,QACE,oBAAC,kBAAD;EAAkB,OAAO,EAAE,MAAM;YAC/B,oBAAC,KAAK,MAAN;GAAgB;GAAK,KAAK,OAAO;GAAM,UAAA;GAAS,GAAI;GACjD;GACS,CAAA;EACK,CAAA;EAErB;AAEF,gBAAgB,cAAc;AAM9B,IAAM,wBAAwB,YAAwD,OAAO,QAAQ;CACnG,MAAM,EAAE,UAAU,GAAG,SAAS;CAC9B,MAAM,SAAS,oBAAoB;AAEnC,QACE,oBAAC,KAAK,QAAN;EAAkB;EAAK,KAAK,OAAO;EAAQ,GAAI;EAC5C;EACW,CAAA;EAEhB;AAEF,sBAAsB,cAAc;AAMpC,IAAM,sBAAsB,YAAsD,OAAO,QAAQ;CAC/F,MAAM,EAAE,UAAU,GAAG,SAAS;CAC9B,MAAM,SAAS,oBAAoB;AAEnC,QACE,oBAAC,KAAK,MAAN;EAAgB;EAAK,KAAK,OAAO;EAAM,GAAI;YACxC,SAAS,IAAI,WAAW,OAAO,UAAU;AACxC,OAAI,eAAe,MAAM,CACvB,QAAO,aAAa,OAA4C,EAAE,QAAQ,OAAO,CAAC;AAEpF,UAAO;IACP;EACQ,CAAA;EAEd;AAEF,oBAAoB,cAAc;AAYlC,IAAM,uBAAuB,UAAoC;CAC/D,MAAM,EAAE,SAAS,GAAG,UAAU,aAAa,UAAU;CACrD,MAAM,EAAE,SAAS,oBAAoB,IAAI,EAAE,MAAM,GAAG;CACpD,MAAM,SAAS,oBAAoB;AAEnC,KAAI,WAAW,KAAM,QAAO;AAE5B,QACE,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,OAAO,KAAR;EAAY,KAAK,OAAO;YAAxB,CACE,oBAAC,KAAK,OAAN;GAAY,KAAK,OAAO;aAAQ;GAAmB,CAAA,EAClD,eAAe,oBAAC,KAAK,aAAN;GAAkB,KAAK,OAAO;aAAc;GAA+B,CAAA,CAChF;KACZ,SACA,EAAA,CAAA;;AAIP,oBAAoB,cAAc;AAMlC,IAAM,wBAAwB,YAAwD,OAAO,QAAQ;CACnG,MAAM,EAAE,UAAU,GAAG,SAAS;CAC9B,MAAM,SAAS,oBAAoB;AAEnC,QACE,oBAAC,KAAK,QAAN;EAAkB;EAAK,KAAK,OAAO;EAAQ,GAAI;EAC5C;EACW,CAAA;EAEhB;AAEF,sBAAsB,cAAc;AAEpC,IAAA,0BAAe,OAAO,OAAO,iBAAiB;CAC5C,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,MAAM;CACP,CAAC"}
+{"version":3,"file":"BitkitStepsCard.js","names":[],"sources":["../../../lib/components/BitkitStepsCard/BitkitStepsCard.tsx"],"sourcesContent":["import {\n  Card,\n  type CardBodyProps,\n  type CardFooterProps,\n  type CardHeaderProps,\n  type CardRootProps,\n} from '@chakra-ui/react/card';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Children, cloneElement, forwardRef, isValidElement, type ReactElement, type ReactNode } from 'react';\n\nimport { StepCardProvider, useStepCardContext } from './StepCardContext';\n\nconst useStepsCardStyles = () => {\n  const recipe = useSlotRecipe({ key: 'stepsCard' });\n  return recipe();\n};\n\nexport interface BitkitStepsCardProps extends Omit<CardRootProps, 'children' | 'title'> {\n  children: ReactNode;\n  step: number;\n}\n\nconst BitkitStepsCard = forwardRef<HTMLDivElement, BitkitStepsCardProps>((props, ref) => {\n  const { children, step, ...rest } = props;\n  const styles = useStepsCardStyles();\n\n  return (\n    <StepCardProvider value={{ step }}>\n      <Card.Root ref={ref} css={styles.root} unstyled {...rest}>\n        {children}\n      </Card.Root>\n    </StepCardProvider>\n  );\n});\n\nBitkitStepsCard.displayName = 'BitkitStepsCard';\n\nexport interface BitkitStepsCardHeaderProps extends Omit<CardHeaderProps, 'children'> {\n  children: ReactNode;\n}\n\nconst BitkitStepsCardHeader = forwardRef<HTMLDivElement, BitkitStepsCardHeaderProps>((props, ref) => {\n  const { children, ...rest } = props;\n  const styles = useStepsCardStyles();\n\n  return (\n    <Card.Header ref={ref} css={styles.header} {...rest}>\n      {children}\n    </Card.Header>\n  );\n});\n\nBitkitStepsCardHeader.displayName = 'BitkitStepsCardHeader';\n\nexport interface BitkitStepsCardBodyProps extends Omit<CardBodyProps, 'children'> {\n  children: ReactNode;\n}\n\nconst BitkitStepsCardBody = forwardRef<HTMLDivElement, BitkitStepsCardBodyProps>((props, ref) => {\n  const { children, ...rest } = props;\n  const styles = useStepsCardStyles();\n\n  return (\n    <Card.Body ref={ref} css={styles.body} {...rest}>\n      {Children.map(children, (child, index) => {\n        if (isValidElement(child)) {\n          return cloneElement(child as ReactElement<{ _index?: number }>, { _index: index });\n        }\n        return child;\n      })}\n    </Card.Body>\n  );\n});\n\nBitkitStepsCardBody.displayName = 'BitkitStepsCardBody';\n\nexport interface BitkitStepsCardStepProps {\n  children?: ReactNode;\n  description?: string;\n  title: string;\n}\n\ninterface BitkitStepsCardStepInternalProps extends BitkitStepsCardStepProps {\n  _index?: number;\n}\n\nconst BitkitStepsCardStep = (props: BitkitStepsCardStepProps) => {\n  const { _index = 0, children, description, title } = props as BitkitStepsCardStepInternalProps;\n  const { step } = useStepCardContext() ?? { step: 0 };\n  const styles = useStepsCardStyles();\n\n  if (_index !== step) return null;\n\n  return (\n    <>\n      <chakra.div css={styles.titleGroup}>\n        <Card.Title css={styles.title}>{title}</Card.Title>\n        {description && <Card.Description css={styles.description}>{description}</Card.Description>}\n      </chakra.div>\n      {children}\n    </>\n  );\n};\n\nBitkitStepsCardStep.displayName = 'BitkitStepsCardStep';\n\nexport interface BitkitStepsCardFooterProps extends Omit<CardFooterProps, 'children'> {\n  children: ReactNode;\n}\n\nconst BitkitStepsCardFooter = forwardRef<HTMLDivElement, BitkitStepsCardFooterProps>((props, ref) => {\n  const { children, ...rest } = props;\n  const styles = useStepsCardStyles();\n\n  return (\n    <Card.Footer ref={ref} css={styles.footer} {...rest}>\n      {children}\n    </Card.Footer>\n  );\n});\n\nBitkitStepsCardFooter.displayName = 'BitkitStepsCardFooter';\n\nexport default Object.assign(BitkitStepsCard, {\n  Body: BitkitStepsCardBody,\n  Footer: BitkitStepsCardFooter,\n  Header: BitkitStepsCardHeader,\n  Step: BitkitStepsCardStep,\n});\n"],"mappings":";;;;;;AAYA,IAAM,2BAA2B;CAE/B,OADe,cAAc,EAAE,KAAK,YAAY,CACzC,EAAO;AAChB;AAOA,IAAM,kBAAkB,YAAkD,OAAO,QAAQ;CACvF,MAAM,EAAE,UAAU,MAAM,GAAG,SAAS;CACpC,MAAM,SAAS,mBAAmB;CAElC,OACE,oBAAC,kBAAD;EAAkB,OAAO,EAAE,KAAK;YAC9B,oBAAC,KAAK,MAAN;GAAgB;GAAK,KAAK,OAAO;GAAM,UAAA;GAAS,GAAI;GACjD;EACQ,CAAA;CACK,CAAA;AAEtB,CAAC;AAED,gBAAgB,cAAc;AAM9B,IAAM,wBAAwB,YAAwD,OAAO,QAAQ;CACnG,MAAM,EAAE,UAAU,GAAG,SAAS;CAC9B,MAAM,SAAS,mBAAmB;CAElC,OACE,oBAAC,KAAK,QAAN;EAAkB;EAAK,KAAK,OAAO;EAAQ,GAAI;EAC5C;CACU,CAAA;AAEjB,CAAC;AAED,sBAAsB,cAAc;AAMpC,IAAM,sBAAsB,YAAsD,OAAO,QAAQ;CAC/F,MAAM,EAAE,UAAU,GAAG,SAAS;CAC9B,MAAM,SAAS,mBAAmB;CAElC,OACE,oBAAC,KAAK,MAAN;EAAgB;EAAK,KAAK,OAAO;EAAM,GAAI;YACxC,SAAS,IAAI,WAAW,OAAO,UAAU;GACxC,IAAI,eAAe,KAAK,GACtB,OAAO,aAAa,OAA4C,EAAE,QAAQ,MAAM,CAAC;GAEnF,OAAO;EACT,CAAC;CACQ,CAAA;AAEf,CAAC;AAED,oBAAoB,cAAc;AAYlC,IAAM,uBAAuB,UAAoC;CAC/D,MAAM,EAAE,SAAS,GAAG,UAAU,aAAa,UAAU;CACrD,MAAM,EAAE,SAAS,mBAAmB,KAAK,EAAE,MAAM,EAAE;CACnD,MAAM,SAAS,mBAAmB;CAElC,IAAI,WAAW,MAAM,OAAO;CAE5B,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,OAAO,KAAR;EAAY,KAAK,OAAO;YAAxB,CACE,oBAAC,KAAK,OAAN;GAAY,KAAK,OAAO;aAAQ;EAAkB,CAAA,GACjD,eAAe,oBAAC,KAAK,aAAN;GAAkB,KAAK,OAAO;aAAc;EAA8B,CAAA,CAChF;KACX,QACD,EAAA,CAAA;AAEN;AAEA,oBAAoB,cAAc;AAMlC,IAAM,wBAAwB,YAAwD,OAAO,QAAQ;CACnG,MAAM,EAAE,UAAU,GAAG,SAAS;CAC9B,MAAM,SAAS,mBAAmB;CAElC,OACE,oBAAC,KAAK,QAAN;EAAkB;EAAK,KAAK,OAAO;EAAQ,GAAI;EAC5C;CACU,CAAA;AAEjB,CAAC;AAED,sBAAsB,cAAc;AAEpC,IAAA,0BAAe,OAAO,OAAO,iBAAiB;CAC5C,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,MAAM;AACR,CAAC"}

package/dist/components/BitkitStepsCard/StepCardContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepCardContext.js","names":[],"sources":["../../../lib/components/BitkitStepsCard/StepCardContext.ts"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\n\ninterface StepCardContextValue {\n  step: number;\n}\n\nconst [StepCardProvider, useStepCardContext] = createContext<StepCardContextValue>({\n  name: 'StepCardContext',\n  strict: false,\n});\n\nexport { StepCardProvider, useStepCardContext };\n"],"mappings":";;AAOA,IAAM,CAAC,kBAAkB,sBAAsB,cAAoC;CACjF,MAAM;CACN,QAAQ;CACT,CAAC"}
+{"version":3,"file":"StepCardContext.js","names":[],"sources":["../../../lib/components/BitkitStepsCard/StepCardContext.ts"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\n\ninterface StepCardContextValue {\n  step: number;\n}\n\nconst [StepCardProvider, useStepCardContext] = createContext<StepCardContextValue>({\n  name: 'StepCardContext',\n  strict: false,\n});\n\nexport { StepCardProvider, useStepCardContext };\n"],"mappings":";;AAOA,IAAM,CAAC,kBAAkB,sBAAsB,cAAoC;CACjF,MAAM;CACN,QAAQ;AACV,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"BitkitSwitch.js","names":[],"sources":["../../../lib/components/BitkitSwitch/BitkitSwitch.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Switch } from '@chakra-ui/react/switch';\nimport { forwardRef } from 'react';\n\nimport { IconCheck, IconCross } from '../../icons';\nimport type { BitkitSwitchDefaultProps, BitkitSwitchDynamicTextProps, BitkitSwitchProps } from './BitkitSwitch.types';\nimport BitkitSwitchHelperText from './components/BitkitSwitchHelperText';\nimport BitkitSwitchLabel from './components/BitkitSwitchLabel';\nimport BitkitSwitchReadOnly from './components/BitkitSwitchReadOnly';\nimport BitkitSwitchValueText from './components/BitkitSwitchValueText';\n\nconst BitkitSwitchDefault = forwardRef<HTMLInputElement, Omit<BitkitSwitchDefaultProps, 'variant'>>((props, ref) => {\n  const { label, size = 'lg', state = 'default', ...rest } = props;\n\n  return (\n    <Switch.Root\n      size={size}\n      readOnly={state === 'readOnly'}\n      disabled={state === 'disabled' || state === 'skeleton'}\n      {...rest}\n    >\n      <Switch.HiddenInput ref={ref} />\n      <BitkitSwitchReadOnly state={state}>\n        <Skeleton loading={state === 'skeleton'} borderRadius=\"12\" height={size === 'md' ? '16' : '24'}>\n          <Switch.Control>\n            <Switch.Thumb />\n            <Switch.Indicator fallback={<IconCross size={size === 'md' ? '16' : '24'} />}>\n              <IconCheck size={size === 'md' ? '16' : '24'} />\n            </Switch.Indicator>\n          </Switch.Control>\n        </Skeleton>\n      </BitkitSwitchReadOnly>\n      {label && <Switch.Label>{label}</Switch.Label>}\n    </Switch.Root>\n  );\n});\n\nBitkitSwitchDefault.displayName = 'BitkitSwitchDefault';\n\nconst BitkitSwitchDynamicText = forwardRef<HTMLInputElement, Omit<BitkitSwitchDynamicTextProps, 'variant'>>(\n  (props, ref) => {\n    const { label, optional, tooltip, helperText, valueText, size = 'lg', state = 'default', ...rest } = props;\n\n    const recipe = useSlotRecipe({ key: 'switch' });\n    const styles = recipe({ size });\n\n    return (\n      <Switch.Root\n        gap=\"4\"\n        size={size}\n        required={!optional}\n        flexDirection=\"column\"\n        alignItems=\"flex-start\"\n        readOnly={state === 'readOnly'}\n        disabled={state === 'disabled' || state === 'disabledInput' || state === 'skeleton'}\n        {...rest}\n      >\n        <Switch.HiddenInput ref={ref} />\n        <BitkitSwitchLabel label={label} state={state} tooltip={tooltip} optional={optional} />\n        <Box css={styles.root}>\n          <BitkitSwitchReadOnly state={state}>\n            <Skeleton loading={state === 'skeleton'} borderRadius=\"12\" height={size === 'md' ? '16' : '24'}>\n              <Switch.Control>\n                <Switch.Thumb />\n                <Switch.Indicator fallback={<IconCross size={size === 'md' ? '16' : '24'} />}>\n                  <IconCheck size={size === 'md' ? '16' : '24'} />\n                </Switch.Indicator>\n              </Switch.Control>\n            </Skeleton>\n          </BitkitSwitchReadOnly>\n          <BitkitSwitchValueText size={size} state={state} valueText={valueText} />\n        </Box>\n        <BitkitSwitchHelperText state={state} helperText={helperText} />\n      </Switch.Root>\n    );\n  },\n);\n\nBitkitSwitchDynamicText.displayName = 'BitkitSwitchDynamicText';\n\nconst BitkitSwitch = forwardRef<HTMLInputElement, BitkitSwitchProps>((props, ref) => {\n  if (props.variant === 'dynamic-text') {\n    const { variant: _variant, ...rest } = props;\n    return <BitkitSwitchDynamicText ref={ref} {...rest} />;\n  }\n\n  // Default variant. At runtime (e.g. a shared Storybook meta) sibling-variant props may still\n  // flow in, so strip them explicitly before forwarding to avoid leaking to the DOM.\n  const {\n    variant: _variant,\n    helperText: _helperText,\n    optional: _optional,\n    tooltip: _tooltip,\n    valueText: _valueText,\n    ...rest\n  } = props as unknown as BitkitSwitchDynamicTextProps;\n  return <BitkitSwitchDefault ref={ref} {...(rest as Omit<BitkitSwitchDefaultProps, 'variant'>)} />;\n});\n\nBitkitSwitch.displayName = 'BitkitSwitch';\n\nexport default BitkitSwitch;\n"],"mappings":";;;;;;;;;;;;;AAaA,IAAM,sBAAsB,YAAyE,OAAO,QAAQ;CAClH,MAAM,EAAE,OAAO,OAAO,MAAM,QAAQ,WAAW,GAAG,SAAS;AAE3D,QACE,qBAAC,OAAO,MAAR;EACQ;EACN,UAAU,UAAU;EACpB,UAAU,UAAU,cAAc,UAAU;EAC5C,GAAI;YAJN;GAME,oBAAC,OAAO,aAAR,EAAyB,KAAO,CAAA;GAChC,oBAAC,sBAAD;IAA6B;cAC3B,oBAAC,UAAD;KAAU,SAAS,UAAU;KAAY,cAAa;KAAK,QAAQ,SAAS,OAAO,OAAO;eACxF,qBAAC,OAAO,SAAR,EAAA,UAAA,CACE,oBAAC,OAAO,OAAR,EAAgB,CAAA,EAChB,oBAAC,OAAO,WAAR;MAAkB,UAAU,oBAAC,WAAD,EAAW,MAAM,SAAS,OAAO,OAAO,MAAQ,CAAA;gBAC1E,oBAAC,WAAD,EAAW,MAAM,SAAS,OAAO,OAAO,MAAQ,CAAA;MAC/B,CAAA,CACJ,EAAA,CAAA;KACR,CAAA;IACU,CAAA;GACtB,SAAS,oBAAC,OAAO,OAAR,EAAA,UAAe,OAAqB,CAAA;GAClC;;EAEhB;AAEF,oBAAoB,cAAc;AAElC,IAAM,0BAA0B,YAC7B,OAAO,QAAQ;CACd,MAAM,EAAE,OAAO,UAAU,SAAS,YAAY,WAAW,OAAO,MAAM,QAAQ,WAAW,GAAG,SAAS;CAGrG,MAAM,SADS,cAAc,EAAE,KAAK,UAAU,CAC/B,CAAO,EAAE,MAAM,CAAC;AAE/B,QACE,qBAAC,OAAO,MAAR;EACE,KAAI;EACE;EACN,UAAU,CAAC;EACX,eAAc;EACd,YAAW;EACX,UAAU,UAAU;EACpB,UAAU,UAAU,cAAc,UAAU,mBAAmB,UAAU;EACzE,GAAI;YARN;GAUE,oBAAC,OAAO,aAAR,EAAyB,KAAO,CAAA;GAChC,oBAAC,mBAAD;IAA0B;IAAc;IAAgB;IAAmB;IAAY,CAAA;GACvF,qBAAC,KAAD;IAAK,KAAK,OAAO;cAAjB,CACE,oBAAC,sBAAD;KAA6B;eAC3B,oBAAC,UAAD;MAAU,SAAS,UAAU;MAAY,cAAa;MAAK,QAAQ,SAAS,OAAO,OAAO;gBACxF,qBAAC,OAAO,SAAR,EAAA,UAAA,CACE,oBAAC,OAAO,OAAR,EAAgB,CAAA,EAChB,oBAAC,OAAO,WAAR;OAAkB,UAAU,oBAAC,WAAD,EAAW,MAAM,SAAS,OAAO,OAAO,MAAQ,CAAA;iBAC1E,oBAAC,WAAD,EAAW,MAAM,SAAS,OAAO,OAAO,MAAQ,CAAA;OAC/B,CAAA,CACJ,EAAA,CAAA;MACR,CAAA;KACU,CAAA,EACvB,oBAAC,uBAAD;KAA6B;KAAa;KAAkB;KAAa,CAAA,CACrE;;GACN,oBAAC,wBAAD;IAA+B;IAAmB;IAAc,CAAA;GACpD;;EAGnB;AAED,wBAAwB,cAAc;AAEtC,IAAM,eAAe,YAAiD,OAAO,QAAQ;AACnF,KAAI,MAAM,YAAY,gBAAgB;EACpC,MAAM,EAAE,SAAS,UAAU,GAAG,SAAS;AACvC,SAAO,oBAAC,yBAAD;GAA8B;GAAK,GAAI;GAAQ,CAAA;;CAKxD,MAAM,EACJ,SAAS,UACT,YAAY,aACZ,UAAU,WACV,SAAS,UACT,WAAW,YACX,GAAG,SACD;AACJ,QAAO,oBAAC,qBAAD;EAA0B;EAAK,GAAK;EAAsD,CAAA;EACjG;AAEF,aAAa,cAAc"}
+{"version":3,"file":"BitkitSwitch.js","names":[],"sources":["../../../lib/components/BitkitSwitch/BitkitSwitch.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Switch } from '@chakra-ui/react/switch';\nimport { forwardRef } from 'react';\n\nimport { IconCheck, IconCross } from '../../icons';\nimport type { BitkitSwitchDefaultProps, BitkitSwitchDynamicTextProps, BitkitSwitchProps } from './BitkitSwitch.types';\nimport BitkitSwitchHelperText from './components/BitkitSwitchHelperText';\nimport BitkitSwitchLabel from './components/BitkitSwitchLabel';\nimport BitkitSwitchReadOnly from './components/BitkitSwitchReadOnly';\nimport BitkitSwitchValueText from './components/BitkitSwitchValueText';\n\nconst BitkitSwitchDefault = forwardRef<HTMLInputElement, Omit<BitkitSwitchDefaultProps, 'variant'>>((props, ref) => {\n  const { label, size = 'lg', state = 'default', ...rest } = props;\n\n  return (\n    <Switch.Root\n      size={size}\n      readOnly={state === 'readOnly'}\n      disabled={state === 'disabled' || state === 'skeleton'}\n      {...rest}\n    >\n      <Switch.HiddenInput ref={ref} />\n      <BitkitSwitchReadOnly state={state}>\n        <Skeleton loading={state === 'skeleton'} borderRadius=\"12\" height={size === 'md' ? '16' : '24'}>\n          <Switch.Control>\n            <Switch.Thumb />\n            <Switch.Indicator fallback={<IconCross size={size === 'md' ? '16' : '24'} />}>\n              <IconCheck size={size === 'md' ? '16' : '24'} />\n            </Switch.Indicator>\n          </Switch.Control>\n        </Skeleton>\n      </BitkitSwitchReadOnly>\n      {label && <Switch.Label>{label}</Switch.Label>}\n    </Switch.Root>\n  );\n});\n\nBitkitSwitchDefault.displayName = 'BitkitSwitchDefault';\n\nconst BitkitSwitchDynamicText = forwardRef<HTMLInputElement, Omit<BitkitSwitchDynamicTextProps, 'variant'>>(\n  (props, ref) => {\n    const { label, optional, tooltip, helperText, valueText, size = 'lg', state = 'default', ...rest } = props;\n\n    const recipe = useSlotRecipe({ key: 'switch' });\n    const styles = recipe({ size });\n\n    return (\n      <Switch.Root\n        gap=\"4\"\n        size={size}\n        required={!optional}\n        flexDirection=\"column\"\n        alignItems=\"flex-start\"\n        readOnly={state === 'readOnly'}\n        disabled={state === 'disabled' || state === 'disabledInput' || state === 'skeleton'}\n        {...rest}\n      >\n        <Switch.HiddenInput ref={ref} />\n        <BitkitSwitchLabel label={label} state={state} tooltip={tooltip} optional={optional} />\n        <Box css={styles.root}>\n          <BitkitSwitchReadOnly state={state}>\n            <Skeleton loading={state === 'skeleton'} borderRadius=\"12\" height={size === 'md' ? '16' : '24'}>\n              <Switch.Control>\n                <Switch.Thumb />\n                <Switch.Indicator fallback={<IconCross size={size === 'md' ? '16' : '24'} />}>\n                  <IconCheck size={size === 'md' ? '16' : '24'} />\n                </Switch.Indicator>\n              </Switch.Control>\n            </Skeleton>\n          </BitkitSwitchReadOnly>\n          <BitkitSwitchValueText size={size} state={state} valueText={valueText} />\n        </Box>\n        <BitkitSwitchHelperText state={state} helperText={helperText} />\n      </Switch.Root>\n    );\n  },\n);\n\nBitkitSwitchDynamicText.displayName = 'BitkitSwitchDynamicText';\n\nconst BitkitSwitch = forwardRef<HTMLInputElement, BitkitSwitchProps>((props, ref) => {\n  if (props.variant === 'dynamic-text') {\n    const { variant: _variant, ...rest } = props;\n    return <BitkitSwitchDynamicText ref={ref} {...rest} />;\n  }\n\n  // Default variant. At runtime (e.g. a shared Storybook meta) sibling-variant props may still\n  // flow in, so strip them explicitly before forwarding to avoid leaking to the DOM.\n  const {\n    variant: _variant,\n    helperText: _helperText,\n    optional: _optional,\n    tooltip: _tooltip,\n    valueText: _valueText,\n    ...rest\n  } = props as unknown as BitkitSwitchDynamicTextProps;\n  return <BitkitSwitchDefault ref={ref} {...(rest as Omit<BitkitSwitchDefaultProps, 'variant'>)} />;\n});\n\nBitkitSwitch.displayName = 'BitkitSwitch';\n\nexport default BitkitSwitch;\n"],"mappings":";;;;;;;;;;;;;AAaA,IAAM,sBAAsB,YAAyE,OAAO,QAAQ;CAClH,MAAM,EAAE,OAAO,OAAO,MAAM,QAAQ,WAAW,GAAG,SAAS;CAE3D,OACE,qBAAC,OAAO,MAAR;EACQ;EACN,UAAU,UAAU;EACpB,UAAU,UAAU,cAAc,UAAU;EAC5C,GAAI;YAJN;GAME,oBAAC,OAAO,aAAR,EAAyB,IAAM,CAAA;GAC/B,oBAAC,sBAAD;IAA6B;cAC3B,oBAAC,UAAD;KAAU,SAAS,UAAU;KAAY,cAAa;KAAK,QAAQ,SAAS,OAAO,OAAO;eACxF,qBAAC,OAAO,SAAR,EAAA,UAAA,CACE,oBAAC,OAAO,OAAR,CAAe,CAAA,GACf,oBAAC,OAAO,WAAR;MAAkB,UAAU,oBAAC,WAAD,EAAW,MAAM,SAAS,OAAO,OAAO,KAAO,CAAA;gBACzE,oBAAC,WAAD,EAAW,MAAM,SAAS,OAAO,OAAO,KAAO,CAAA;KAC/B,CAAA,CACJ,EAAA,CAAA;IACR,CAAA;GACU,CAAA;GACrB,SAAS,oBAAC,OAAO,OAAR,EAAA,UAAe,MAAoB,CAAA;EAClC;;AAEjB,CAAC;AAED,oBAAoB,cAAc;AAElC,IAAM,0BAA0B,YAC7B,OAAO,QAAQ;CACd,MAAM,EAAE,OAAO,UAAU,SAAS,YAAY,WAAW,OAAO,MAAM,QAAQ,WAAW,GAAG,SAAS;CAGrG,MAAM,SADS,cAAc,EAAE,KAAK,SAAS,CAC9B,EAAO,EAAE,KAAK,CAAC;CAE9B,OACE,qBAAC,OAAO,MAAR;EACE,KAAI;EACE;EACN,UAAU,CAAC;EACX,eAAc;EACd,YAAW;EACX,UAAU,UAAU;EACpB,UAAU,UAAU,cAAc,UAAU,mBAAmB,UAAU;EACzE,GAAI;YARN;GAUE,oBAAC,OAAO,aAAR,EAAyB,IAAM,CAAA;GAC/B,oBAAC,mBAAD;IAA0B;IAAc;IAAgB;IAAmB;GAAW,CAAA;GACtF,qBAAC,KAAD;IAAK,KAAK,OAAO;cAAjB,CACE,oBAAC,sBAAD;KAA6B;eAC3B,oBAAC,UAAD;MAAU,SAAS,UAAU;MAAY,cAAa;MAAK,QAAQ,SAAS,OAAO,OAAO;gBACxF,qBAAC,OAAO,SAAR,EAAA,UAAA,CACE,oBAAC,OAAO,OAAR,CAAe,CAAA,GACf,oBAAC,OAAO,WAAR;OAAkB,UAAU,oBAAC,WAAD,EAAW,MAAM,SAAS,OAAO,OAAO,KAAO,CAAA;iBACzE,oBAAC,WAAD,EAAW,MAAM,SAAS,OAAO,OAAO,KAAO,CAAA;MAC/B,CAAA,CACJ,EAAA,CAAA;KACR,CAAA;IACU,CAAA,GACtB,oBAAC,uBAAD;KAA6B;KAAa;KAAkB;IAAY,CAAA,CACrE;;GACL,oBAAC,wBAAD;IAA+B;IAAmB;GAAa,CAAA;EACpD;;AAEjB,CACF;AAEA,wBAAwB,cAAc;AAEtC,IAAM,eAAe,YAAiD,OAAO,QAAQ;CACnF,IAAI,MAAM,YAAY,gBAAgB;EACpC,MAAM,EAAE,SAAS,UAAU,GAAG,SAAS;EACvC,OAAO,oBAAC,yBAAD;GAA8B;GAAK,GAAI;EAAO,CAAA;CACvD;CAIA,MAAM,EACJ,SAAS,UACT,YAAY,aACZ,UAAU,WACV,SAAS,UACT,WAAW,YACX,GAAG,SACD;CACJ,OAAO,oBAAC,qBAAD;EAA0B;EAAK,GAAK;CAAqD,CAAA;AAClG,CAAC;AAED,aAAa,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"BitkitSwitch.utils.js","names":[],"sources":["../../../lib/components/BitkitSwitch/BitkitSwitch.utils.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { OnOff } from './BitkitSwitch.types';\n\nexport function isOnOff(obj: ReactNode | OnOff): obj is OnOff {\n  return typeof obj === 'object' && obj !== null && 'on' in obj && 'off' in obj;\n}\n"],"mappings":";AAIA,SAAgB,QAAQ,KAAsC;AAC5D,QAAO,OAAO,QAAQ,YAAY,QAAQ,QAAQ,QAAQ,OAAO,SAAS"}
+{"version":3,"file":"BitkitSwitch.utils.js","names":[],"sources":["../../../lib/components/BitkitSwitch/BitkitSwitch.utils.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { OnOff } from './BitkitSwitch.types';\n\nexport function isOnOff(obj: ReactNode | OnOff): obj is OnOff {\n  return typeof obj === 'object' && obj !== null && 'on' in obj && 'off' in obj;\n}\n"],"mappings":";AAIA,SAAgB,QAAQ,KAAsC;CAC5D,OAAO,OAAO,QAAQ,YAAY,QAAQ,QAAQ,QAAQ,OAAO,SAAS;AAC5E"}

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

@@ -1 +1 @@
-{"version":3,"file":"BitkitSwitchHelperText.js","names":[],"sources":["../../../../lib/components/BitkitSwitch/components/BitkitSwitchHelperText.tsx"],"sourcesContent":["import { Skeleton } from '@chakra-ui/react/skeleton';\nimport { useSwitchContext } from '@chakra-ui/react/switch';\nimport { Text } from '@chakra-ui/react/text';\n\nimport type { BitkitSwitchDynamicTextProps } from '../BitkitSwitch.types';\nimport { isOnOff } from '../BitkitSwitch.utils';\n\nconst BitkitSwitchHelperText = ({ state, helperText }: Pick<BitkitSwitchDynamicTextProps, 'state' | 'helperText'>) => {\n  const { checked, disabled } = useSwitchContext();\n\n  if (state === 'skeleton') {\n    return <Skeleton height=\"12\" width=\"128\" my=\"2\" />;\n  }\n\n  if (!helperText) {\n    return null;\n  }\n\n  const shouldShowAsDisabled = disabled && state !== 'disabledInput';\n\n  const props = {\n    textStyle: 'comp/input/helperText',\n    color: shouldShowAsDisabled ? 'text/disabled' : 'input/text/helper',\n  };\n\n  if (!isOnOff(helperText)) {\n    return <Text {...props}>{helperText}</Text>;\n  }\n\n  return <Text {...props}>{checked ? helperText.on : helperText.off}</Text>;\n};\n\nexport default BitkitSwitchHelperText;\n"],"mappings":";;;;;;AAOA,IAAM,0BAA0B,EAAE,OAAO,iBAA6E;CACpH,MAAM,EAAE,SAAS,aAAa,kBAAkB;AAEhD,KAAI,UAAU,WACZ,QAAO,oBAAC,UAAD;EAAU,QAAO;EAAK,OAAM;EAAM,IAAG;EAAM,CAAA;AAGpD,KAAI,CAAC,WACH,QAAO;CAKT,MAAM,QAAQ;EACZ,WAAW;EACX,OAJ2B,YAAY,UAAU,kBAInB,kBAAkB;EACjD;AAED,KAAI,CAAC,QAAQ,WAAW,CACtB,QAAO,oBAAC,MAAD;EAAM,GAAI;YAAQ;EAAkB,CAAA;AAG7C,QAAO,oBAAC,MAAD;EAAM,GAAI;YAAQ,UAAU,WAAW,KAAK,WAAW;EAAW,CAAA"}
+{"version":3,"file":"BitkitSwitchHelperText.js","names":[],"sources":["../../../../lib/components/BitkitSwitch/components/BitkitSwitchHelperText.tsx"],"sourcesContent":["import { Skeleton } from '@chakra-ui/react/skeleton';\nimport { useSwitchContext } from '@chakra-ui/react/switch';\nimport { Text } from '@chakra-ui/react/text';\n\nimport type { BitkitSwitchDynamicTextProps } from '../BitkitSwitch.types';\nimport { isOnOff } from '../BitkitSwitch.utils';\n\nconst BitkitSwitchHelperText = ({ state, helperText }: Pick<BitkitSwitchDynamicTextProps, 'state' | 'helperText'>) => {\n  const { checked, disabled } = useSwitchContext();\n\n  if (state === 'skeleton') {\n    return <Skeleton height=\"12\" width=\"128\" my=\"2\" />;\n  }\n\n  if (!helperText) {\n    return null;\n  }\n\n  const shouldShowAsDisabled = disabled && state !== 'disabledInput';\n\n  const props = {\n    textStyle: 'comp/input/helperText',\n    color: shouldShowAsDisabled ? 'text/disabled' : 'input/text/helper',\n  };\n\n  if (!isOnOff(helperText)) {\n    return <Text {...props}>{helperText}</Text>;\n  }\n\n  return <Text {...props}>{checked ? helperText.on : helperText.off}</Text>;\n};\n\nexport default BitkitSwitchHelperText;\n"],"mappings":";;;;;;AAOA,IAAM,0BAA0B,EAAE,OAAO,iBAA6E;CACpH,MAAM,EAAE,SAAS,aAAa,iBAAiB;CAE/C,IAAI,UAAU,YACZ,OAAO,oBAAC,UAAD;EAAU,QAAO;EAAK,OAAM;EAAM,IAAG;CAAK,CAAA;CAGnD,IAAI,CAAC,YACH,OAAO;CAKT,MAAM,QAAQ;EACZ,WAAW;EACX,OAJ2B,YAAY,UAAU,kBAInB,kBAAkB;CAClD;CAEA,IAAI,CAAC,QAAQ,UAAU,GACrB,OAAO,oBAAC,MAAD;EAAM,GAAI;YAAQ;CAAiB,CAAA;CAG5C,OAAO,oBAAC,MAAD;EAAM,GAAI;YAAQ,UAAU,WAAW,KAAK,WAAW;CAAU,CAAA;AAC1E"}

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

@@ -1 +1 @@
-{"version":3,"file":"BitkitSwitchLabel.js","names":[],"sources":["../../../../lib/components/BitkitSwitch/components/BitkitSwitchLabel.tsx"],"sourcesContent":["import { Flex } from '@chakra-ui/react/flex';\nimport { useSwitchContext } from '@chakra-ui/react/switch';\nimport { Text } from '@chakra-ui/react/text';\n\nimport { IconInfoCircle } from '../../../icons';\nimport BitkitTooltip from '../../BitkitTooltip/BitkitTooltip';\nimport type { BitkitSwitchDynamicTextProps } from '../BitkitSwitch.types';\n\nconst BitkitSwitchLabel = ({\n  label,\n  state,\n  tooltip,\n  optional,\n}: Pick<BitkitSwitchDynamicTextProps, 'label' | 'state' | 'tooltip' | 'optional'>) => {\n  const { disabled } = useSwitchContext();\n\n  if (!label) {\n    return null;\n  }\n\n  const shouldShowAsDisabled = disabled && state !== 'disabledInput' && state !== 'skeleton';\n\n  return (\n    <Flex gap=\"4\" alignItems=\"center\">\n      <Text as=\"span\" textStyle=\"body/md/semibold\" color={shouldShowAsDisabled ? 'text/disabled' : 'text/body'}>\n        {label}\n      </Text>\n\n      {!!optional && (\n        <Text\n          as=\"span\"\n          textStyle=\"body/md/regular\"\n          color={shouldShowAsDisabled ? 'text/disabled' : 'input/text/helper'}\n        >\n          (optional)\n        </Text>\n      )}\n\n      {!!tooltip && (\n        <BitkitTooltip text={tooltip}>\n          <IconInfoCircle size=\"16\" color=\"icon/tertiary\" />\n        </BitkitTooltip>\n      )}\n    </Flex>\n  );\n};\n\nexport default BitkitSwitchLabel;\n"],"mappings":";;;;;;;AAQA,IAAM,qBAAqB,EACzB,OACA,OACA,SACA,eACoF;CACpF,MAAM,EAAE,aAAa,kBAAkB;AAEvC,KAAI,CAAC,MACH,QAAO;CAGT,MAAM,uBAAuB,YAAY,UAAU,mBAAmB,UAAU;AAEhF,QACE,qBAAC,MAAD;EAAM,KAAI;EAAI,YAAW;YAAzB;GACE,oBAAC,MAAD;IAAM,IAAG;IAAO,WAAU;IAAmB,OAAO,uBAAuB,kBAAkB;cAC1F;IACI,CAAA;GAEN,CAAC,CAAC,YACD,oBAAC,MAAD;IACE,IAAG;IACH,WAAU;IACV,OAAO,uBAAuB,kBAAkB;cACjD;IAEM,CAAA;GAGR,CAAC,CAAC,WACD,oBAAC,eAAD;IAAe,MAAM;cACnB,oBAAC,gBAAD;KAAgB,MAAK;KAAK,OAAM;KAAkB,CAAA;IACpC,CAAA;GAEb"}
+{"version":3,"file":"BitkitSwitchLabel.js","names":[],"sources":["../../../../lib/components/BitkitSwitch/components/BitkitSwitchLabel.tsx"],"sourcesContent":["import { Flex } from '@chakra-ui/react/flex';\nimport { useSwitchContext } from '@chakra-ui/react/switch';\nimport { Text } from '@chakra-ui/react/text';\n\nimport { IconInfoCircle } from '../../../icons';\nimport BitkitTooltip from '../../BitkitTooltip/BitkitTooltip';\nimport type { BitkitSwitchDynamicTextProps } from '../BitkitSwitch.types';\n\nconst BitkitSwitchLabel = ({\n  label,\n  state,\n  tooltip,\n  optional,\n}: Pick<BitkitSwitchDynamicTextProps, 'label' | 'state' | 'tooltip' | 'optional'>) => {\n  const { disabled } = useSwitchContext();\n\n  if (!label) {\n    return null;\n  }\n\n  const shouldShowAsDisabled = disabled && state !== 'disabledInput' && state !== 'skeleton';\n\n  return (\n    <Flex gap=\"4\" alignItems=\"center\">\n      <Text as=\"span\" textStyle=\"body/md/semibold\" color={shouldShowAsDisabled ? 'text/disabled' : 'text/body'}>\n        {label}\n      </Text>\n\n      {!!optional && (\n        <Text\n          as=\"span\"\n          textStyle=\"body/md/regular\"\n          color={shouldShowAsDisabled ? 'text/disabled' : 'input/text/helper'}\n        >\n          (optional)\n        </Text>\n      )}\n\n      {!!tooltip && (\n        <BitkitTooltip text={tooltip}>\n          <IconInfoCircle size=\"16\" color=\"icon/tertiary\" />\n        </BitkitTooltip>\n      )}\n    </Flex>\n  );\n};\n\nexport default BitkitSwitchLabel;\n"],"mappings":";;;;;;;AAQA,IAAM,qBAAqB,EACzB,OACA,OACA,SACA,eACoF;CACpF,MAAM,EAAE,aAAa,iBAAiB;CAEtC,IAAI,CAAC,OACH,OAAO;CAGT,MAAM,uBAAuB,YAAY,UAAU,mBAAmB,UAAU;CAEhF,OACE,qBAAC,MAAD;EAAM,KAAI;EAAI,YAAW;YAAzB;GACE,oBAAC,MAAD;IAAM,IAAG;IAAO,WAAU;IAAmB,OAAO,uBAAuB,kBAAkB;cAC1F;GACG,CAAA;GAEL,CAAC,CAAC,YACD,oBAAC,MAAD;IACE,IAAG;IACH,WAAU;IACV,OAAO,uBAAuB,kBAAkB;cACjD;GAEK,CAAA;GAGP,CAAC,CAAC,WACD,oBAAC,eAAD;IAAe,MAAM;cACnB,oBAAC,gBAAD;KAAgB,MAAK;KAAK,OAAM;IAAiB,CAAA;GACpC,CAAA;EAEb;;AAEV"}

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

@@ -1 +1 @@
-{"version":3,"file":"BitkitSwitchReadOnly.js","names":[],"sources":["../../../../lib/components/BitkitSwitch/components/BitkitSwitchReadOnly.tsx"],"sourcesContent":["import { useSwitchContext } from '@chakra-ui/react/switch';\n\nimport BitkitBadge from '../../BitkitBadge/BitkitBadge';\nimport { type BitkitSwitchProps } from '../BitkitSwitch.types';\n\ntype Props = Pick<BitkitSwitchProps, 'state' | 'children'>;\n\nconst BitkitSwitchReadOnly = ({ state, children }: Props) => {\n  const { checked } = useSwitchContext();\n\n  if (state === 'readOnly' && checked) {\n    return (\n      <BitkitBadge colorPalette=\"green\" variant=\"subtle\">\n        ON\n      </BitkitBadge>\n    );\n  }\n\n  if (state === 'readOnly' && !checked) {\n    return (\n      <BitkitBadge colorPalette=\"neutral\" variant=\"subtle\">\n        OFF\n      </BitkitBadge>\n    );\n  }\n\n  return children;\n};\n\nexport default BitkitSwitchReadOnly;\n"],"mappings":";;;;AAOA,IAAM,wBAAwB,EAAE,OAAO,eAAsB;CAC3D,MAAM,EAAE,YAAY,kBAAkB;AAEtC,KAAI,UAAU,cAAc,QAC1B,QACE,oBAAC,aAAD;EAAa,cAAa;EAAQ,SAAQ;YAAS;EAErC,CAAA;AAIlB,KAAI,UAAU,cAAc,CAAC,QAC3B,QACE,oBAAC,aAAD;EAAa,cAAa;EAAU,SAAQ;YAAS;EAEvC,CAAA;AAIlB,QAAO"}
+{"version":3,"file":"BitkitSwitchReadOnly.js","names":[],"sources":["../../../../lib/components/BitkitSwitch/components/BitkitSwitchReadOnly.tsx"],"sourcesContent":["import { useSwitchContext } from '@chakra-ui/react/switch';\n\nimport BitkitBadge from '../../BitkitBadge/BitkitBadge';\nimport { type BitkitSwitchProps } from '../BitkitSwitch.types';\n\ntype Props = Pick<BitkitSwitchProps, 'state' | 'children'>;\n\nconst BitkitSwitchReadOnly = ({ state, children }: Props) => {\n  const { checked } = useSwitchContext();\n\n  if (state === 'readOnly' && checked) {\n    return (\n      <BitkitBadge colorPalette=\"green\" variant=\"subtle\">\n        ON\n      </BitkitBadge>\n    );\n  }\n\n  if (state === 'readOnly' && !checked) {\n    return (\n      <BitkitBadge colorPalette=\"neutral\" variant=\"subtle\">\n        OFF\n      </BitkitBadge>\n    );\n  }\n\n  return children;\n};\n\nexport default BitkitSwitchReadOnly;\n"],"mappings":";;;;AAOA,IAAM,wBAAwB,EAAE,OAAO,eAAsB;CAC3D,MAAM,EAAE,YAAY,iBAAiB;CAErC,IAAI,UAAU,cAAc,SAC1B,OACE,oBAAC,aAAD;EAAa,cAAa;EAAQ,SAAQ;YAAS;CAEtC,CAAA;CAIjB,IAAI,UAAU,cAAc,CAAC,SAC3B,OACE,oBAAC,aAAD;EAAa,cAAa;EAAU,SAAQ;YAAS;CAExC,CAAA;CAIjB,OAAO;AACT"}

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

@@ -1 +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"}
+{"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,iBAAiB;CAErC,IAAI,UAAU,YACZ,OAAO,oBAAC,UAAD;EAAU,QAAQ,SAAS,OAAO,OAAO;EAAM,OAAO,SAAS,OAAO,OAAO;CAAQ,CAAA;CAG9F,IAAI,CAAC,WACH,OAAO;CAGT,IAAI,CAAC,QAAQ,SAAS,GACpB,OAAO,oBAAC,OAAO,OAAR,EAAA,UAAe,UAAwB,CAAA;CAGhD,OAAO,oBAAC,OAAO,OAAR,EAAA,UAAe,UAAU,UAAU,KAAK,UAAU,IAAkB,CAAA;AAC7E"}

package/dist/components/BitkitTable/BitkitExpandableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitExpandableRow.js","names":[],"sources":["../../../lib/components/BitkitTable/BitkitExpandableRow.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Collapsible } from '@chakra-ui/react/collapsible';\nimport { chakra, type SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { Table } from '@chakra-ui/react/table';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron';\n\nexport interface BitkitExpandableRowProps {\n  children: ReactNode;\n  colSpan: number;\n  defaultOpen?: boolean;\n  expandedContent: ReactNode;\n}\n\nconst expandCellCss: SystemStyleObject = {\n  paddingBlock: 0,\n  paddingInline: 0,\n  verticalAlign: 'middle',\n  width: '48',\n};\n\nconst expandTriggerCss: SystemStyleObject = {\n  alignItems: 'center',\n  background: 'none',\n  border: 'none',\n  cursor: 'pointer',\n  display: 'flex',\n  justifyContent: 'center',\n  padding: '12',\n  paddingInlineEnd: '4',\n  width: 'full',\n};\n\nconst expandedContentCss: SystemStyleObject = {\n  paddingBlock: '16',\n  paddingInlineEnd: '16',\n  paddingInlineStart: '64',\n};\n\nconst BitkitExpandableRow = forwardRef<HTMLTableRowElement, BitkitExpandableRowProps>(\n  ({ children, colSpan, defaultOpen = false, expandedContent }, ref) => (\n    <Collapsible.Root asChild defaultOpen={defaultOpen}>\n      <>\n        <Table.Row ref={ref}>\n          <Table.Cell css={expandCellCss}>\n            <Collapsible.Trigger asChild>\n              <chakra.button aria-label=\"Toggle row details\" css={expandTriggerCss} type=\"button\">\n                <AssetSelectChevron color=\"button/secondary/fg/text\" />\n              </chakra.button>\n            </Collapsible.Trigger>\n          </Table.Cell>\n          {children}\n        </Table.Row>\n        <Table.Row css={{ _hover: { background: 'none' } }}>\n          <Table.Cell colSpan={colSpan} css={{ paddingBlock: 0, paddingInline: 0 }}>\n            <Collapsible.Content>\n              <Box css={expandedContentCss}>{expandedContent}</Box>\n            </Collapsible.Content>\n          </Table.Cell>\n        </Table.Row>\n      </>\n    </Collapsible.Root>\n  ),\n);\n\nBitkitExpandableRow.displayName = 'BitkitExpandableRow';\n\nexport default BitkitExpandableRow;\n"],"mappings":";;;;;;;;AAeA,IAAM,gBAAmC;CACvC,cAAc;CACd,eAAe;CACf,eAAe;CACf,OAAO;CACR;AAED,IAAM,mBAAsC;CAC1C,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,gBAAgB;CAChB,SAAS;CACT,kBAAkB;CAClB,OAAO;CACR;AAED,IAAM,qBAAwC;CAC5C,cAAc;CACd,kBAAkB;CAClB,oBAAoB;CACrB;AAED,IAAM,sBAAsB,YACzB,EAAE,UAAU,SAAS,cAAc,OAAO,mBAAmB,QAC5D,oBAAC,YAAY,MAAb;CAAkB,SAAA;CAAqB;WACrC,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,MAAM,KAAP;EAAgB;YAAhB,CACE,oBAAC,MAAM,MAAP;GAAY,KAAK;aACf,oBAAC,YAAY,SAAb;IAAqB,SAAA;cACnB,oBAAC,OAAO,QAAR;KAAe,cAAW;KAAqB,KAAK;KAAkB,MAAK;eACzE,oBAAC,oBAAD,EAAoB,OAAM,4BAA6B,CAAA;KACzC,CAAA;IACI,CAAA;GACX,CAAA,EACZ,SACS;KACZ,oBAAC,MAAM,KAAP;EAAW,KAAK,EAAE,QAAQ,EAAE,YAAY,QAAQ,EAAE;YAChD,oBAAC,MAAM,MAAP;GAAqB;GAAS,KAAK;IAAE,cAAc;IAAG,eAAe;IAAG;aACtE,oBAAC,YAAY,SAAb,EAAA,UACE,oBAAC,KAAD;IAAK,KAAK;cAAqB;IAAsB,CAAA,EACjC,CAAA;GACX,CAAA;EACH,CAAA,CACX,EAAA,CAAA;CACc,CAAA,CAEtB;AAED,oBAAoB,cAAc"}
+{"version":3,"file":"BitkitExpandableRow.js","names":[],"sources":["../../../lib/components/BitkitTable/BitkitExpandableRow.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Collapsible } from '@chakra-ui/react/collapsible';\nimport { chakra, type SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { Table } from '@chakra-ui/react/table';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron';\n\nexport interface BitkitExpandableRowProps {\n  children: ReactNode;\n  colSpan: number;\n  defaultOpen?: boolean;\n  expandedContent: ReactNode;\n}\n\nconst expandCellCss: SystemStyleObject = {\n  paddingBlock: 0,\n  paddingInline: 0,\n  verticalAlign: 'middle',\n  width: '48',\n};\n\nconst expandTriggerCss: SystemStyleObject = {\n  alignItems: 'center',\n  background: 'none',\n  border: 'none',\n  cursor: 'pointer',\n  display: 'flex',\n  justifyContent: 'center',\n  padding: '12',\n  paddingInlineEnd: '4',\n  width: 'full',\n};\n\nconst expandedContentCss: SystemStyleObject = {\n  paddingBlock: '16',\n  paddingInlineEnd: '16',\n  paddingInlineStart: '64',\n};\n\nconst BitkitExpandableRow = forwardRef<HTMLTableRowElement, BitkitExpandableRowProps>(\n  ({ children, colSpan, defaultOpen = false, expandedContent }, ref) => (\n    <Collapsible.Root asChild defaultOpen={defaultOpen}>\n      <>\n        <Table.Row ref={ref}>\n          <Table.Cell css={expandCellCss}>\n            <Collapsible.Trigger asChild>\n              <chakra.button aria-label=\"Toggle row details\" css={expandTriggerCss} type=\"button\">\n                <AssetSelectChevron color=\"button/secondary/fg/text\" />\n              </chakra.button>\n            </Collapsible.Trigger>\n          </Table.Cell>\n          {children}\n        </Table.Row>\n        <Table.Row css={{ _hover: { background: 'none' } }}>\n          <Table.Cell colSpan={colSpan} css={{ paddingBlock: 0, paddingInline: 0 }}>\n            <Collapsible.Content>\n              <Box css={expandedContentCss}>{expandedContent}</Box>\n            </Collapsible.Content>\n          </Table.Cell>\n        </Table.Row>\n      </>\n    </Collapsible.Root>\n  ),\n);\n\nBitkitExpandableRow.displayName = 'BitkitExpandableRow';\n\nexport default BitkitExpandableRow;\n"],"mappings":";;;;;;;;AAeA,IAAM,gBAAmC;CACvC,cAAc;CACd,eAAe;CACf,eAAe;CACf,OAAO;AACT;AAEA,IAAM,mBAAsC;CAC1C,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,gBAAgB;CAChB,SAAS;CACT,kBAAkB;CAClB,OAAO;AACT;AAEA,IAAM,qBAAwC;CAC5C,cAAc;CACd,kBAAkB;CAClB,oBAAoB;AACtB;AAEA,IAAM,sBAAsB,YACzB,EAAE,UAAU,SAAS,cAAc,OAAO,mBAAmB,QAC5D,oBAAC,YAAY,MAAb;CAAkB,SAAA;CAAqB;WACrC,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,MAAM,KAAP;EAAgB;YAAhB,CACE,oBAAC,MAAM,MAAP;GAAY,KAAK;aACf,oBAAC,YAAY,SAAb;IAAqB,SAAA;cACnB,oBAAC,OAAO,QAAR;KAAe,cAAW;KAAqB,KAAK;KAAkB,MAAK;eACzE,oBAAC,oBAAD,EAAoB,OAAM,2BAA4B,CAAA;IACzC,CAAA;GACI,CAAA;EACX,CAAA,GACX,QACQ;KACX,oBAAC,MAAM,KAAP;EAAW,KAAK,EAAE,QAAQ,EAAE,YAAY,OAAO,EAAE;YAC/C,oBAAC,MAAM,MAAP;GAAqB;GAAS,KAAK;IAAE,cAAc;IAAG,eAAe;GAAE;aACrE,oBAAC,YAAY,SAAb,EAAA,UACE,oBAAC,KAAD;IAAK,KAAK;cAAqB;GAAqB,CAAA,EACjC,CAAA;EACX,CAAA;CACH,CAAA,CACX,EAAA,CAAA;AACc,CAAA,CAEtB;AAEA,oBAAoB,cAAc"}

package/dist/components/BitkitTable/BitkitSortableColumnHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitSortableColumnHeader.js","names":[],"sources":["../../../lib/components/BitkitTable/BitkitSortableColumnHeader.tsx"],"sourcesContent":["import { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { chakra } from '@chakra-ui/react/styled-system';\nimport { Table } from '@chakra-ui/react/table';\nimport { forwardRef, type Ref } from 'react';\n\ntype SortDirection = 'ascending' | 'descending' | 'none';\n\nexport interface BitkitSortableColumnHeaderProps extends Omit<Table.ColumnHeaderProps, 'aria-sort' | 'onClick'> {\n  direction: SortDirection;\n  onSort: () => void;\n}\n\nconst sortHeaderCss = {\n  paddingBlock: 0,\n  paddingInline: 0,\n};\n\nconst sortButtonCss = {\n  alignItems: 'center',\n  appearance: 'none' as const,\n  background: 'none',\n  border: 'none',\n  color: 'inherit',\n  cursor: 'pointer',\n  display: 'flex',\n  font: 'inherit',\n  gap: '4',\n  height: '100%',\n  paddingBlock: '12',\n  paddingInline: '16',\n  userSelect: 'none' as const,\n  _focusVisible: {\n    outlineOffset: '-3px',\n  },\n  width: '100%',\n  _hover: { backgroundColor: 'background/active' },\n};\n\nconst SortIcon = forwardRef((props: IconProps & { direction: SortDirection }, ref: Ref<SVGSVGElement>) => {\n  const { direction, ...rest } = props;\n  const upFill = direction === 'ascending' ? 'currentColor' : 'var(--sort-icon-inactive)';\n  const downFill = direction === 'descending' ? 'currentColor' : 'var(--sort-icon-inactive)';\n\n  return (\n    <Icon\n      ref={ref}\n      asChild\n      css={{\n        '--sort-icon-inactive': 'colors.icon.disabled',\n        color: 'icon/primary',\n        display: 'inline-block',\n        verticalAlign: 'middle',\n      }}\n      {...rest}\n    >\n      <svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M11.617 4.461 7.684 9.18c-.271.326-.04.82.384.82h7.865c.424 0 .655-.494.384-.82l-3.933-4.719a.5.5 0 0 0-.767 0Z\"\n          fill={upFill}\n        />\n        <path\n          d=\"M12.384 19.539l3.933-4.719c.27-.326.04-.82-.384-.82H8.068c-.424 0-.655.494-.384.82l3.933 4.719a.5.5 0 0 0 .767 0Z\"\n          fill={downFill}\n        />\n      </svg>\n    </Icon>\n  );\n});\n\nSortIcon.displayName = 'SortIcon';\n\nconst BitkitSortableColumnHeader = forwardRef<HTMLTableCellElement, BitkitSortableColumnHeaderProps>(\n  ({ children, direction, onSort, textAlign, ...rest }, ref) => (\n    <Table.ColumnHeader\n      ref={ref}\n      aria-sort={direction === 'none' ? undefined : direction}\n      css={sortHeaderCss}\n      {...rest}\n    >\n      <chakra.button\n        css={sortButtonCss}\n        justifyContent={textAlign === 'end' ? 'flex-end' : undefined}\n        onClick={onSort}\n        type=\"button\"\n      >\n        {children} <SortIcon direction={direction} />\n      </chakra.button>\n    </Table.ColumnHeader>\n  ),\n);\n\nBitkitSortableColumnHeader.displayName = 'BitkitSortableColumnHeader';\n\nexport default BitkitSortableColumnHeader;\n"],"mappings":";;;;;;AAYA,IAAM,gBAAgB;CACpB,cAAc;CACd,eAAe;CAChB;AAED,IAAM,gBAAgB;CACpB,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,SAAS;CACT,MAAM;CACN,KAAK;CACL,QAAQ;CACR,cAAc;CACd,eAAe;CACf,YAAY;CACZ,eAAe,EACb,eAAe,QAChB;CACD,OAAO;CACP,QAAQ,EAAE,iBAAiB,qBAAqB;CACjD;AAED,IAAM,WAAW,YAAY,OAAiD,QAA4B;CACxG,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,cAAc,cAAc,iBAAiB;CAC5D,MAAM,WAAW,cAAc,eAAe,iBAAiB;AAE/D,QACE,oBAAC,MAAD;EACO;EACL,SAAA;EACA,KAAK;GACH,wBAAwB;GACxB,OAAO;GACP,SAAS;GACT,eAAe;GAChB;EACD,GAAI;YAEJ,qBAAC,OAAD;GAAK,MAAK;GAAO,QAAO;GAAK,SAAQ;GAAY,OAAM;GAAK,OAAM;aAAlE,CACE,oBAAC,QAAD;IACE,GAAE;IACF,MAAM;IACN,CAAA,EACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAM;IACN,CAAA,CACE;;EACD,CAAA;EAET;AAEF,SAAS,cAAc;AAEvB,IAAM,6BAA6B,YAChC,EAAE,UAAU,WAAW,QAAQ,WAAW,GAAG,QAAQ,QACpD,oBAAC,MAAM,cAAP;CACO;CACL,aAAW,cAAc,SAAS,KAAA,IAAY;CAC9C,KAAK;CACL,GAAI;WAEJ,qBAAC,OAAO,QAAR;EACE,KAAK;EACL,gBAAgB,cAAc,QAAQ,aAAa,KAAA;EACnD,SAAS;EACT,MAAK;YAJP;GAMG;GAAS;GAAC,oBAAC,UAAD,EAAqB,WAAa,CAAA;GAC/B;;CACG,CAAA,CAExB;AAED,2BAA2B,cAAc"}
+{"version":3,"file":"BitkitSortableColumnHeader.js","names":[],"sources":["../../../lib/components/BitkitTable/BitkitSortableColumnHeader.tsx"],"sourcesContent":["import { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { chakra } from '@chakra-ui/react/styled-system';\nimport { Table } from '@chakra-ui/react/table';\nimport { forwardRef, type Ref } from 'react';\n\ntype SortDirection = 'ascending' | 'descending' | 'none';\n\nexport interface BitkitSortableColumnHeaderProps extends Omit<Table.ColumnHeaderProps, 'aria-sort' | 'onClick'> {\n  direction: SortDirection;\n  onSort: () => void;\n}\n\nconst sortHeaderCss = {\n  paddingBlock: 0,\n  paddingInline: 0,\n};\n\nconst sortButtonCss = {\n  alignItems: 'center',\n  appearance: 'none' as const,\n  background: 'none',\n  border: 'none',\n  color: 'inherit',\n  cursor: 'pointer',\n  display: 'flex',\n  font: 'inherit',\n  gap: '4',\n  height: '100%',\n  paddingBlock: '12',\n  paddingInline: '16',\n  userSelect: 'none' as const,\n  _focusVisible: {\n    outlineOffset: '-3px',\n  },\n  width: '100%',\n  _hover: { backgroundColor: 'background/active' },\n};\n\nconst SortIcon = forwardRef((props: IconProps & { direction: SortDirection }, ref: Ref<SVGSVGElement>) => {\n  const { direction, ...rest } = props;\n  const upFill = direction === 'ascending' ? 'currentColor' : 'var(--sort-icon-inactive)';\n  const downFill = direction === 'descending' ? 'currentColor' : 'var(--sort-icon-inactive)';\n\n  return (\n    <Icon\n      ref={ref}\n      asChild\n      css={{\n        '--sort-icon-inactive': 'colors.icon.disabled',\n        color: 'icon/primary',\n        display: 'inline-block',\n        verticalAlign: 'middle',\n      }}\n      {...rest}\n    >\n      <svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M11.617 4.461 7.684 9.18c-.271.326-.04.82.384.82h7.865c.424 0 .655-.494.384-.82l-3.933-4.719a.5.5 0 0 0-.767 0Z\"\n          fill={upFill}\n        />\n        <path\n          d=\"M12.384 19.539l3.933-4.719c.27-.326.04-.82-.384-.82H8.068c-.424 0-.655.494-.384.82l3.933 4.719a.5.5 0 0 0 .767 0Z\"\n          fill={downFill}\n        />\n      </svg>\n    </Icon>\n  );\n});\n\nSortIcon.displayName = 'SortIcon';\n\nconst BitkitSortableColumnHeader = forwardRef<HTMLTableCellElement, BitkitSortableColumnHeaderProps>(\n  ({ children, direction, onSort, textAlign, ...rest }, ref) => (\n    <Table.ColumnHeader\n      ref={ref}\n      aria-sort={direction === 'none' ? undefined : direction}\n      css={sortHeaderCss}\n      {...rest}\n    >\n      <chakra.button\n        css={sortButtonCss}\n        justifyContent={textAlign === 'end' ? 'flex-end' : undefined}\n        onClick={onSort}\n        type=\"button\"\n      >\n        {children} <SortIcon direction={direction} />\n      </chakra.button>\n    </Table.ColumnHeader>\n  ),\n);\n\nBitkitSortableColumnHeader.displayName = 'BitkitSortableColumnHeader';\n\nexport default BitkitSortableColumnHeader;\n"],"mappings":";;;;;;AAYA,IAAM,gBAAgB;CACpB,cAAc;CACd,eAAe;AACjB;AAEA,IAAM,gBAAgB;CACpB,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,SAAS;CACT,MAAM;CACN,KAAK;CACL,QAAQ;CACR,cAAc;CACd,eAAe;CACf,YAAY;CACZ,eAAe,EACb,eAAe,OACjB;CACA,OAAO;CACP,QAAQ,EAAE,iBAAiB,oBAAoB;AACjD;AAEA,IAAM,WAAW,YAAY,OAAiD,QAA4B;CACxG,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,cAAc,cAAc,iBAAiB;CAC5D,MAAM,WAAW,cAAc,eAAe,iBAAiB;CAE/D,OACE,oBAAC,MAAD;EACO;EACL,SAAA;EACA,KAAK;GACH,wBAAwB;GACxB,OAAO;GACP,SAAS;GACT,eAAe;EACjB;EACA,GAAI;YAEJ,qBAAC,OAAD;GAAK,MAAK;GAAO,QAAO;GAAK,SAAQ;GAAY,OAAM;GAAK,OAAM;aAAlE,CACE,oBAAC,QAAD;IACE,GAAE;IACF,MAAM;GACP,CAAA,GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM;GACP,CAAA,CACE;;CACD,CAAA;AAEV,CAAC;AAED,SAAS,cAAc;AAEvB,IAAM,6BAA6B,YAChC,EAAE,UAAU,WAAW,QAAQ,WAAW,GAAG,QAAQ,QACpD,oBAAC,MAAM,cAAP;CACO;CACL,aAAW,cAAc,SAAS,KAAA,IAAY;CAC9C,KAAK;CACL,GAAI;WAEJ,qBAAC,OAAO,QAAR;EACE,KAAK;EACL,gBAAgB,cAAc,QAAQ,aAAa,KAAA;EACnD,SAAS;EACT,MAAK;YAJP;GAMG;GAAS;GAAC,oBAAC,UAAD,EAAqB,UAAY,CAAA;EAC/B;;AACG,CAAA,CAExB;AAEA,2BAA2B,cAAc"}

package/dist/components/BitkitTabs/BitkitTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitTabs.js","names":[],"sources":["../../../lib/components/BitkitTabs/BitkitTabs.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Tabs } from '@chakra-ui/react/tabs';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\nexport const [RootPropsProvider, useRootPropsContext] = createContext<Tabs.RootProps>({\n  name: 'RootPropsContext',\n  hookName: 'useRootPropsContext',\n  providerName: '<RootProps />',\n});\n\nconst Root = forwardRef<HTMLDivElement, Tabs.RootProps>((props, ref) => {\n  return (\n    <RootPropsProvider value={props}>\n      <Tabs.Root ref={ref} {...props} />\n    </RootPropsProvider>\n  );\n});\n\ntype TriggerProps = Tabs.TriggerProps & {\n  badge?: ReactNode;\n  children?: string;\n  icon?: BitkitIconComponent;\n  secondaryText?: string;\n};\n\nRoot.displayName = 'BitkitTabs.Root';\n\nconst Trigger = forwardRef<HTMLButtonElement, TriggerProps>((props, ref) => {\n  const { badge, children, icon: Icon, secondaryText, ...rest } = props;\n  const { variant } = useRootPropsContext();\n  return (\n    <Tabs.Trigger ref={ref} {...rest}>\n      {variant === 'line' ? (\n        <>\n          {Icon && <Icon size=\"24\" />}\n          {children}\n          {badge}\n        </>\n      ) : (\n        <>\n          <Box display=\"flex\" gap=\"16\">\n            {children}\n            {Icon && <Icon size=\"24\" />}\n          </Box>\n          {!!secondaryText && (\n            <Text as=\"span\" textStyle=\"body/md/regular\" color={rest.disabled ? 'text/on-disabled' : 'text/secondary'}>\n              {secondaryText}\n            </Text>\n          )}\n        </>\n      )}\n    </Tabs.Trigger>\n  );\n});\n\nTrigger.displayName = 'BitkitTabs.Trigger';\n\nconst BitkitTabs: Omit<typeof Tabs, 'Root' | 'Trigger'> & { Root: typeof Root; Trigger: typeof Trigger } = {\n  ...Tabs,\n  Root,\n  Trigger,\n};\n\nBitkitTabs.Content.displayName = 'BitkitTabs.Content';\nBitkitTabs.List.displayName = 'BitkitTabs.List';\nBitkitTabs.ContentGroup.displayName = 'BitkitTabs.ContentGroup';\nBitkitTabs.Root.displayName = 'BitkitTabs.Root';\n\nexport default BitkitTabs;\n"],"mappings":";;;;;;;AASA,IAAa,CAAC,mBAAmB,uBAAuB,gBAA8B;CACpF,MAAM;CACN,UAAU;CACV,cAAc;CACf,CAAC;AAEF,IAAM,OAAO,YAA4C,OAAO,QAAQ;AACtE,QACE,oBAAC,mBAAD;EAAmB,OAAO;YACxB,oBAAC,KAAK,MAAN;GAAgB;GAAK,GAAI;GAAS,CAAA;EAChB,CAAA;EAEtB;AASF,KAAK,cAAc;AAEnB,IAAM,UAAU,YAA6C,OAAO,QAAQ;CAC1E,MAAM,EAAE,OAAO,UAAU,MAAM,MAAM,eAAe,GAAG,SAAS;CAChE,MAAM,EAAE,YAAY,qBAAqB;AACzC,QACE,oBAAC,KAAK,SAAN;EAAmB;EAAK,GAAI;YACzB,YAAY,SACX,qBAAA,YAAA,EAAA,UAAA;GACG,QAAQ,oBAAC,MAAD,EAAM,MAAK,MAAO,CAAA;GAC1B;GACA;GACA,EAAA,CAAA,GAEH,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,KAAD;GAAK,SAAQ;GAAO,KAAI;aAAxB,CACG,UACA,QAAQ,oBAAC,MAAD,EAAM,MAAK,MAAO,CAAA,CACvB;MACL,CAAC,CAAC,iBACD,oBAAC,MAAD;GAAM,IAAG;GAAO,WAAU;GAAkB,OAAO,KAAK,WAAW,qBAAqB;aACrF;GACI,CAAA,CAER,EAAA,CAAA;EAEQ,CAAA;EAEjB;AAEF,QAAQ,cAAc;AAEtB,IAAM,aAAqG;CACzG,GAAG;CACH;CACA;CACD;AAED,WAAW,QAAQ,cAAc;AACjC,WAAW,KAAK,cAAc;AAC9B,WAAW,aAAa,cAAc;AACtC,WAAW,KAAK,cAAc"}
+{"version":3,"file":"BitkitTabs.js","names":[],"sources":["../../../lib/components/BitkitTabs/BitkitTabs.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Tabs } from '@chakra-ui/react/tabs';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\nexport const [RootPropsProvider, useRootPropsContext] = createContext<Tabs.RootProps>({\n  name: 'RootPropsContext',\n  hookName: 'useRootPropsContext',\n  providerName: '<RootProps />',\n});\n\nconst Root = forwardRef<HTMLDivElement, Tabs.RootProps>((props, ref) => {\n  return (\n    <RootPropsProvider value={props}>\n      <Tabs.Root ref={ref} {...props} />\n    </RootPropsProvider>\n  );\n});\n\ntype TriggerProps = Tabs.TriggerProps & {\n  badge?: ReactNode;\n  children?: string;\n  icon?: BitkitIconComponent;\n  secondaryText?: string;\n};\n\nRoot.displayName = 'BitkitTabs.Root';\n\nconst Trigger = forwardRef<HTMLButtonElement, TriggerProps>((props, ref) => {\n  const { badge, children, icon: Icon, secondaryText, ...rest } = props;\n  const { variant } = useRootPropsContext();\n  return (\n    <Tabs.Trigger ref={ref} {...rest}>\n      {variant === 'line' ? (\n        <>\n          {Icon && <Icon size=\"24\" />}\n          {children}\n          {badge}\n        </>\n      ) : (\n        <>\n          <Box display=\"flex\" gap=\"16\">\n            {children}\n            {Icon && <Icon size=\"24\" />}\n          </Box>\n          {!!secondaryText && (\n            <Text as=\"span\" textStyle=\"body/md/regular\" color={rest.disabled ? 'text/on-disabled' : 'text/secondary'}>\n              {secondaryText}\n            </Text>\n          )}\n        </>\n      )}\n    </Tabs.Trigger>\n  );\n});\n\nTrigger.displayName = 'BitkitTabs.Trigger';\n\nconst BitkitTabs: Omit<typeof Tabs, 'Root' | 'Trigger'> & { Root: typeof Root; Trigger: typeof Trigger } = {\n  ...Tabs,\n  Root,\n  Trigger,\n};\n\nBitkitTabs.Content.displayName = 'BitkitTabs.Content';\nBitkitTabs.List.displayName = 'BitkitTabs.List';\nBitkitTabs.ContentGroup.displayName = 'BitkitTabs.ContentGroup';\nBitkitTabs.Root.displayName = 'BitkitTabs.Root';\n\nexport default BitkitTabs;\n"],"mappings":";;;;;;;AASA,IAAa,CAAC,mBAAmB,uBAAuB,gBAA8B;CACpF,MAAM;CACN,UAAU;CACV,cAAc;AAChB,CAAC;AAED,IAAM,OAAO,YAA4C,OAAO,QAAQ;CACtE,OACE,oBAAC,mBAAD;EAAmB,OAAO;YACxB,oBAAC,KAAK,MAAN;GAAgB;GAAK,GAAI;EAAQ,CAAA;CAChB,CAAA;AAEvB,CAAC;AASD,KAAK,cAAc;AAEnB,IAAM,UAAU,YAA6C,OAAO,QAAQ;CAC1E,MAAM,EAAE,OAAO,UAAU,MAAM,MAAM,eAAe,GAAG,SAAS;CAChE,MAAM,EAAE,YAAY,oBAAoB;CACxC,OACE,oBAAC,KAAK,SAAN;EAAmB;EAAK,GAAI;YACzB,YAAY,SACX,qBAAA,YAAA,EAAA,UAAA;GACG,QAAQ,oBAAC,MAAD,EAAM,MAAK,KAAM,CAAA;GACzB;GACA;EACD,EAAA,CAAA,IAEF,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,KAAD;GAAK,SAAQ;GAAO,KAAI;aAAxB,CACG,UACA,QAAQ,oBAAC,MAAD,EAAM,MAAK,KAAM,CAAA,CACvB;MACJ,CAAC,CAAC,iBACD,oBAAC,MAAD;GAAM,IAAG;GAAO,WAAU;GAAkB,OAAO,KAAK,WAAW,qBAAqB;aACrF;EACG,CAAA,CAER,EAAA,CAAA;CAEQ,CAAA;AAElB,CAAC;AAED,QAAQ,cAAc;AAEtB,IAAM,aAAqG;CACzG,GAAG;CACH;CACA;AACF;AAEA,WAAW,QAAQ,cAAc;AACjC,WAAW,KAAK,cAAc;AAC9B,WAAW,aAAa,cAAc;AACtC,WAAW,KAAK,cAAc"}