@bitrise/bitkit-v2 0.3.214 → 0.3.216

package/dist/components/BitkitLinkButton/BitkitLinkButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitLinkButton.js","names":[],"sources":["../../../lib/components/BitkitLinkButton/BitkitLinkButton.tsx"],"sourcesContent":["import { chakra, type HTMLChakraProps, type RecipeProps, useRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\nexport interface BitkitLinkButtonProps\n  extends Omit<HTMLChakraProps<'button'>, 'disabled' | 'type'>, RecipeProps<'linkButton'> {\n  children: string;\n  state?: 'disabled';\n  suffixIcon?: BitkitIconComponent;\n}\n\nconst BitkitLinkButton = forwardRef<HTMLButtonElement, BitkitLinkButtonProps>((props, ref) => {\n  const { children, css, size, state, suffixIcon: SuffixIcon, ...rest } = props;\n\n  const recipe = useRecipe({ key: 'linkButton' });\n  const iconSize = size === 'lg' ? '24' : '16';\n\n  return (\n    <chakra.button ref={ref} {...rest} css={[recipe({ size }), css]} disabled={state === 'disabled'} type=\"button\">\n      {children}\n      {SuffixIcon && <SuffixIcon size={iconSize} />}\n    </chakra.button>\n  );\n});\n\nBitkitLinkButton.displayName = 'BitkitLinkButton';\n\nexport default BitkitLinkButton;\n"],"mappings":";;;;AAYA,IAAM,mBAAmB,YAAsD,OAAO,QAAQ;CAC5F,MAAM,EAAE,UAAU,KAAK,MAAM,OAAO,YAAY,YAAY,GAAG,SAAS;CAExE,MAAM,SAAS,UAAU,EAAE,KAAK,cAAc,CAAC;CAC/C,MAAM,WAAW,SAAS,OAAO,OAAO;AAExC,QACE,qBAAC,OAAO,QAAR;EAAoB;EAAK,GAAI;EAAM,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,IAAI;EAAE,UAAU,UAAU;EAAY,MAAK;YAAtG,CACG,UACA,cAAc,oBAAC,YAAD,EAAY,MAAM,UAAY,CAAA,CAC/B;;EAElB;AAEF,iBAAiB,cAAc"}
+{"version":3,"file":"BitkitLinkButton.js","names":[],"sources":["../../../lib/components/BitkitLinkButton/BitkitLinkButton.tsx"],"sourcesContent":["import { chakra, type HTMLChakraProps, type RecipeProps, useRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\nexport interface BitkitLinkButtonProps\n  extends Omit<HTMLChakraProps<'button'>, 'disabled' | 'type'>, RecipeProps<'linkButton'> {\n  children: string;\n  state?: 'disabled';\n  suffixIcon?: BitkitIconComponent;\n}\n\nconst BitkitLinkButton = forwardRef<HTMLButtonElement, BitkitLinkButtonProps>((props, ref) => {\n  const { children, css, size, state, suffixIcon: SuffixIcon, ...rest } = props;\n\n  const recipe = useRecipe({ key: 'linkButton' });\n  const iconSize = size === 'lg' ? '24' : '16';\n\n  return (\n    <chakra.button ref={ref} {...rest} css={[recipe({ size }), css]} disabled={state === 'disabled'} type=\"button\">\n      {children}\n      {SuffixIcon && <SuffixIcon size={iconSize} />}\n    </chakra.button>\n  );\n});\n\nBitkitLinkButton.displayName = 'BitkitLinkButton';\n\nexport default BitkitLinkButton;\n"],"mappings":";;;;AAYA,IAAM,mBAAmB,YAAsD,OAAO,QAAQ;CAC5F,MAAM,EAAE,UAAU,KAAK,MAAM,OAAO,YAAY,YAAY,GAAG,SAAS;CAExE,MAAM,SAAS,UAAU,EAAE,KAAK,aAAa,CAAC;CAC9C,MAAM,WAAW,SAAS,OAAO,OAAO;CAExC,OACE,qBAAC,OAAO,QAAR;EAAoB;EAAK,GAAI;EAAM,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,GAAG;EAAG,UAAU,UAAU;EAAY,MAAK;YAAtG,CACG,UACA,cAAc,oBAAC,YAAD,EAAY,MAAM,SAAW,CAAA,CAC/B;;AAEnB,CAAC;AAED,iBAAiB,cAAc"}

package/dist/components/BitkitList/BitkitList.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitList.js","names":[],"sources":["../../../lib/components/BitkitList/BitkitList.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { Box } from '@chakra-ui/react/box';\nimport { List, type ListRootProps } from '@chakra-ui/react/list';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\n// ----- Context -----\n\ntype BitkitListVariant = 'explainer' | 'ordered' | 'unordered';\ntype BitkitListSize = 'lg' | 'md';\n\ninterface BitkitListContext {\n  size: BitkitListSize;\n  variant: BitkitListVariant;\n}\n\nconst [BitkitListProvider, useBitkitListContext] = createContext<BitkitListContext>({\n  name: 'BitkitListContext',\n  hookName: 'useBitkitListContext',\n  providerName: '<BitkitList />',\n});\n\n// ----- BitkitList -----\n\nexport interface BitkitListProps extends Omit<ListRootProps, 'colorPalette'> {\n  children: ReactNode;\n  colorPalette?: 'neutral' | 'purple';\n  size?: BitkitListSize;\n  variant?: BitkitListVariant;\n}\n\nconst BitkitList = forwardRef<HTMLOListElement | HTMLUListElement, BitkitListProps>((props, ref) => {\n  const { children, colorPalette = 'neutral', size = 'lg', variant = 'unordered', ...rest } = props;\n\n  const rootProps =\n    variant === 'ordered'\n      ? ({ as: 'ol', counterReset: 'bitkit-list' } as const)\n      : variant === 'explainer'\n        ? ({ as: 'ol', counterReset: 'bitkit-list' } as const)\n        : {};\n\n  return (\n    <BitkitListProvider value={{ size, variant }}>\n      <List.Root ref={ref} colorPalette={colorPalette} size={size} {...rootProps} {...rest}>\n        {children}\n      </List.Root>\n    </BitkitListProvider>\n  );\n});\n\nBitkitList.displayName = 'BitkitList';\n\n// ----- BitkitList.Item -----\n\nexport interface BitkitListItemProps {\n  children: ReactNode;\n  helperText?: string;\n  icon?: BitkitIconComponent;\n  iconColor?: string;\n}\n\nconst UNORDERED_ICON_SIZE: Record<BitkitListSize, '16' | '24'> = {\n  lg: '24',\n  md: '16',\n};\n\nconst BitkitListItem = forwardRef<HTMLLIElement, BitkitListItemProps>((props, ref) => {\n  const { children, helperText, icon: Icon, iconColor } = props;\n  const { size, variant } = useBitkitListContext();\n\n  const content = helperText ? (\n    <Box display=\"flex\" flex=\"1\" flexDirection=\"column\" minWidth=\"0\">\n      {children}\n      <Text color=\"text/secondary\" textStyle=\"body/md/regular\">\n        {helperText}\n      </Text>\n    </Box>\n  ) : (\n    children\n  );\n\n  if (variant === 'ordered') {\n    return (\n      <List.Item ref={ref} counterIncrement=\"bitkit-list\" gap={helperText ? '12' : undefined}>\n        {Icon ? (\n          <List.Indicator color={iconColor ?? 'icon/secondary'}>\n            <Icon size={UNORDERED_ICON_SIZE[size]} />\n          </List.Indicator>\n        ) : (\n          <List.Indicator _before={{ content: 'counter(bitkit-list) \".\"' }} />\n        )}\n        {content}\n      </List.Item>\n    );\n  }\n\n  if (variant === 'explainer') {\n    return (\n      <List.Item\n        ref={ref}\n        counterIncrement=\"bitkit-list\"\n        gap={helperText ? '12' : '6'}\n        marginBlockEnd={helperText ? '8' : undefined}\n      >\n        {Icon ? (\n          <List.Indicator color={iconColor ?? 'colorPalette.strong'}>\n            <Icon size={UNORDERED_ICON_SIZE[size]} />\n          </List.Indicator>\n        ) : (\n          <List.Indicator\n            _before={{ content: 'counter(bitkit-list)' }}\n            background=\"colorPalette.subtle\"\n            borderRadius=\"50%\"\n            color=\"colorPalette.strong\"\n            height={helperText ? '24' : '20'}\n            // Give the smaller 20px circle 2px of block margin on each side so the marker\n            // always occupies a 24px vertical slot and its center aligns with the first\n            // text line — matches the Figma frame with the 20px circle centered in a 24px\n            // marker box.\n            marginBlock={helperText ? undefined : '2'}\n            overflow=\"hidden\"\n            textStyle=\"comp/badge/sm\"\n            width={helperText ? '24' : '20'}\n          />\n        )}\n        {content}\n      </List.Item>\n    );\n  }\n\n  // unordered (default)\n  if (Icon) {\n    return (\n      <List.Item ref={ref} gap={helperText ? '12' : '8'}>\n        <List.Indicator color={iconColor ?? 'icon/secondary'}>\n          <Icon size={UNORDERED_ICON_SIZE[size]} />\n        </List.Indicator>\n        {content}\n      </List.Item>\n    );\n  }\n\n  return (\n    <List.Item ref={ref} gap={helperText ? '12' : undefined}>\n      <List.Indicator aria-hidden>•</List.Indicator>\n      {content}\n    </List.Item>\n  );\n});\n\nBitkitListItem.displayName = 'BitkitListItem';\n\nexport default Object.assign(BitkitList, { Item: BitkitListItem });\n"],"mappings":";;;;;;;AAmBA,IAAM,CAAC,oBAAoB,wBAAwB,gBAAiC;CAClF,MAAM;CACN,UAAU;CACV,cAAc;CACf,CAAC;AAWF,IAAM,aAAa,YAAkE,OAAO,QAAQ;CAClG,MAAM,EAAE,UAAU,eAAe,WAAW,OAAO,MAAM,UAAU,aAAa,GAAG,SAAS;CAE5F,MAAM,YACJ,YAAY,YACP;EAAE,IAAI;EAAM,cAAc;EAAe,GAC1C,YAAY,cACT;EAAE,IAAI;EAAM,cAAc;EAAe,GAC1C,EAAE;AAEV,QACE,oBAAC,oBAAD;EAAoB,OAAO;GAAE;GAAM;GAAS;YAC1C,oBAAC,KAAK,MAAN;GAAgB;GAAmB;GAAoB;GAAM,GAAI;GAAW,GAAI;GAC7E;GACS,CAAA;EACO,CAAA;EAEvB;AAEF,WAAW,cAAc;AAWzB,IAAM,sBAA2D;CAC/D,IAAI;CACJ,IAAI;CACL;AAED,IAAM,iBAAiB,YAAgD,OAAO,QAAQ;CACpF,MAAM,EAAE,UAAU,YAAY,MAAM,MAAM,cAAc;CACxD,MAAM,EAAE,MAAM,YAAY,sBAAsB;CAEhD,MAAM,UAAU,aACd,qBAAC,KAAD;EAAK,SAAQ;EAAO,MAAK;EAAI,eAAc;EAAS,UAAS;YAA7D,CACG,UACD,oBAAC,MAAD;GAAM,OAAM;GAAiB,WAAU;aACpC;GACI,CAAA,CACH;MAEN;AAGF,KAAI,YAAY,UACd,QACE,qBAAC,KAAK,MAAN;EAAgB;EAAK,kBAAiB;EAAc,KAAK,aAAa,OAAO,KAAA;YAA7E,CACG,OACC,oBAAC,KAAK,WAAN;GAAgB,OAAO,aAAa;aAClC,oBAAC,MAAD,EAAM,MAAM,oBAAoB,OAAS,CAAA;GAC1B,CAAA,GAEjB,oBAAC,KAAK,WAAN,EAAgB,SAAS,EAAE,SAAS,8BAA4B,EAAI,CAAA,EAErE,QACS;;AAIhB,KAAI,YAAY,YACd,QACE,qBAAC,KAAK,MAAN;EACO;EACL,kBAAiB;EACjB,KAAK,aAAa,OAAO;EACzB,gBAAgB,aAAa,MAAM,KAAA;YAJrC,CAMG,OACC,oBAAC,KAAK,WAAN;GAAgB,OAAO,aAAa;aAClC,oBAAC,MAAD,EAAM,MAAM,oBAAoB,OAAS,CAAA;GAC1B,CAAA,GAEjB,oBAAC,KAAK,WAAN;GACE,SAAS,EAAE,SAAS,wBAAwB;GAC5C,YAAW;GACX,cAAa;GACb,OAAM;GACN,QAAQ,aAAa,OAAO;GAK5B,aAAa,aAAa,KAAA,IAAY;GACtC,UAAS;GACT,WAAU;GACV,OAAO,aAAa,OAAO;GAC3B,CAAA,EAEH,QACS;;AAKhB,KAAI,KACF,QACE,qBAAC,KAAK,MAAN;EAAgB;EAAK,KAAK,aAAa,OAAO;YAA9C,CACE,oBAAC,KAAK,WAAN;GAAgB,OAAO,aAAa;aAClC,oBAAC,MAAD,EAAM,MAAM,oBAAoB,OAAS,CAAA;GAC1B,CAAA,EAChB,QACS;;AAIhB,QACE,qBAAC,KAAK,MAAN;EAAgB;EAAK,KAAK,aAAa,OAAO,KAAA;YAA9C,CACE,oBAAC,KAAK,WAAN;GAAgB,eAAA;aAAY;GAAkB,CAAA,EAC7C,QACS;;EAEd;AAEF,eAAe,cAAc;AAE7B,IAAA,qBAAe,OAAO,OAAO,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"BitkitList.js","names":[],"sources":["../../../lib/components/BitkitList/BitkitList.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { Box } from '@chakra-ui/react/box';\nimport { List, type ListRootProps } from '@chakra-ui/react/list';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\n// ----- Context -----\n\ntype BitkitListVariant = 'explainer' | 'ordered' | 'unordered';\ntype BitkitListSize = 'lg' | 'md';\n\ninterface BitkitListContext {\n  size: BitkitListSize;\n  variant: BitkitListVariant;\n}\n\nconst [BitkitListProvider, useBitkitListContext] = createContext<BitkitListContext>({\n  name: 'BitkitListContext',\n  hookName: 'useBitkitListContext',\n  providerName: '<BitkitList />',\n});\n\n// ----- BitkitList -----\n\nexport interface BitkitListProps extends Omit<ListRootProps, 'colorPalette'> {\n  children: ReactNode;\n  colorPalette?: 'neutral' | 'purple';\n  size?: BitkitListSize;\n  variant?: BitkitListVariant;\n}\n\nconst BitkitList = forwardRef<HTMLOListElement | HTMLUListElement, BitkitListProps>((props, ref) => {\n  const { children, colorPalette = 'neutral', size = 'lg', variant = 'unordered', ...rest } = props;\n\n  const rootProps =\n    variant === 'ordered'\n      ? ({ as: 'ol', counterReset: 'bitkit-list' } as const)\n      : variant === 'explainer'\n        ? ({ as: 'ol', counterReset: 'bitkit-list' } as const)\n        : {};\n\n  return (\n    <BitkitListProvider value={{ size, variant }}>\n      <List.Root ref={ref} colorPalette={colorPalette} size={size} {...rootProps} {...rest}>\n        {children}\n      </List.Root>\n    </BitkitListProvider>\n  );\n});\n\nBitkitList.displayName = 'BitkitList';\n\n// ----- BitkitList.Item -----\n\nexport interface BitkitListItemProps {\n  children: ReactNode;\n  helperText?: string;\n  icon?: BitkitIconComponent;\n  iconColor?: string;\n}\n\nconst UNORDERED_ICON_SIZE: Record<BitkitListSize, '16' | '24'> = {\n  lg: '24',\n  md: '16',\n};\n\nconst BitkitListItem = forwardRef<HTMLLIElement, BitkitListItemProps>((props, ref) => {\n  const { children, helperText, icon: Icon, iconColor } = props;\n  const { size, variant } = useBitkitListContext();\n\n  const content = helperText ? (\n    <Box display=\"flex\" flex=\"1\" flexDirection=\"column\" minWidth=\"0\">\n      {children}\n      <Text color=\"text/secondary\" textStyle=\"body/md/regular\">\n        {helperText}\n      </Text>\n    </Box>\n  ) : (\n    children\n  );\n\n  if (variant === 'ordered') {\n    return (\n      <List.Item ref={ref} counterIncrement=\"bitkit-list\" gap={helperText ? '12' : undefined}>\n        {Icon ? (\n          <List.Indicator color={iconColor ?? 'icon/secondary'}>\n            <Icon size={UNORDERED_ICON_SIZE[size]} />\n          </List.Indicator>\n        ) : (\n          <List.Indicator _before={{ content: 'counter(bitkit-list) \".\"' }} />\n        )}\n        {content}\n      </List.Item>\n    );\n  }\n\n  if (variant === 'explainer') {\n    return (\n      <List.Item\n        ref={ref}\n        counterIncrement=\"bitkit-list\"\n        gap={helperText ? '12' : '6'}\n        marginBlockEnd={helperText ? '8' : undefined}\n      >\n        {Icon ? (\n          <List.Indicator color={iconColor ?? 'colorPalette.strong'}>\n            <Icon size={UNORDERED_ICON_SIZE[size]} />\n          </List.Indicator>\n        ) : (\n          <List.Indicator\n            _before={{ content: 'counter(bitkit-list)' }}\n            background=\"colorPalette.subtle\"\n            borderRadius=\"50%\"\n            color=\"colorPalette.strong\"\n            height={helperText ? '24' : '20'}\n            // Give the smaller 20px circle 2px of block margin on each side so the marker\n            // always occupies a 24px vertical slot and its center aligns with the first\n            // text line — matches the Figma frame with the 20px circle centered in a 24px\n            // marker box.\n            marginBlock={helperText ? undefined : '2'}\n            overflow=\"hidden\"\n            textStyle=\"comp/badge/sm\"\n            width={helperText ? '24' : '20'}\n          />\n        )}\n        {content}\n      </List.Item>\n    );\n  }\n\n  // unordered (default)\n  if (Icon) {\n    return (\n      <List.Item ref={ref} gap={helperText ? '12' : '8'}>\n        <List.Indicator color={iconColor ?? 'icon/secondary'}>\n          <Icon size={UNORDERED_ICON_SIZE[size]} />\n        </List.Indicator>\n        {content}\n      </List.Item>\n    );\n  }\n\n  return (\n    <List.Item ref={ref} gap={helperText ? '12' : undefined}>\n      <List.Indicator aria-hidden>•</List.Indicator>\n      {content}\n    </List.Item>\n  );\n});\n\nBitkitListItem.displayName = 'BitkitListItem';\n\nexport default Object.assign(BitkitList, { Item: BitkitListItem });\n"],"mappings":";;;;;;;AAmBA,IAAM,CAAC,oBAAoB,wBAAwB,gBAAiC;CAClF,MAAM;CACN,UAAU;CACV,cAAc;AAChB,CAAC;AAWD,IAAM,aAAa,YAAkE,OAAO,QAAQ;CAClG,MAAM,EAAE,UAAU,eAAe,WAAW,OAAO,MAAM,UAAU,aAAa,GAAG,SAAS;CAE5F,MAAM,YACJ,YAAY,YACP;EAAE,IAAI;EAAM,cAAc;CAAc,IACzC,YAAY,cACT;EAAE,IAAI;EAAM,cAAc;CAAc,IACzC,CAAC;CAET,OACE,oBAAC,oBAAD;EAAoB,OAAO;GAAE;GAAM;EAAQ;YACzC,oBAAC,KAAK,MAAN;GAAgB;GAAmB;GAAoB;GAAM,GAAI;GAAW,GAAI;GAC7E;EACQ,CAAA;CACO,CAAA;AAExB,CAAC;AAED,WAAW,cAAc;AAWzB,IAAM,sBAA2D;CAC/D,IAAI;CACJ,IAAI;AACN;AAEA,IAAM,iBAAiB,YAAgD,OAAO,QAAQ;CACpF,MAAM,EAAE,UAAU,YAAY,MAAM,MAAM,cAAc;CACxD,MAAM,EAAE,MAAM,YAAY,qBAAqB;CAE/C,MAAM,UAAU,aACd,qBAAC,KAAD;EAAK,SAAQ;EAAO,MAAK;EAAI,eAAc;EAAS,UAAS;YAA7D,CACG,UACD,oBAAC,MAAD;GAAM,OAAM;GAAiB,WAAU;aACpC;EACG,CAAA,CACH;MAEL;CAGF,IAAI,YAAY,WACd,OACE,qBAAC,KAAK,MAAN;EAAgB;EAAK,kBAAiB;EAAc,KAAK,aAAa,OAAO,KAAA;YAA7E,CACG,OACC,oBAAC,KAAK,WAAN;GAAgB,OAAO,aAAa;aAClC,oBAAC,MAAD,EAAM,MAAM,oBAAoB,MAAQ,CAAA;EAC1B,CAAA,IAEhB,oBAAC,KAAK,WAAN,EAAgB,SAAS,EAAE,SAAS,6BAA2B,EAAI,CAAA,GAEpE,OACQ;;CAIf,IAAI,YAAY,aACd,OACE,qBAAC,KAAK,MAAN;EACO;EACL,kBAAiB;EACjB,KAAK,aAAa,OAAO;EACzB,gBAAgB,aAAa,MAAM,KAAA;YAJrC,CAMG,OACC,oBAAC,KAAK,WAAN;GAAgB,OAAO,aAAa;aAClC,oBAAC,MAAD,EAAM,MAAM,oBAAoB,MAAQ,CAAA;EAC1B,CAAA,IAEhB,oBAAC,KAAK,WAAN;GACE,SAAS,EAAE,SAAS,uBAAuB;GAC3C,YAAW;GACX,cAAa;GACb,OAAM;GACN,QAAQ,aAAa,OAAO;GAK5B,aAAa,aAAa,KAAA,IAAY;GACtC,UAAS;GACT,WAAU;GACV,OAAO,aAAa,OAAO;EAC5B,CAAA,GAEF,OACQ;;CAKf,IAAI,MACF,OACE,qBAAC,KAAK,MAAN;EAAgB;EAAK,KAAK,aAAa,OAAO;YAA9C,CACE,oBAAC,KAAK,WAAN;GAAgB,OAAO,aAAa;aAClC,oBAAC,MAAD,EAAM,MAAM,oBAAoB,MAAQ,CAAA;EAC1B,CAAA,GACf,OACQ;;CAIf,OACE,qBAAC,KAAK,MAAN;EAAgB;EAAK,KAAK,aAAa,OAAO,KAAA;YAA9C,CACE,oBAAC,KAAK,WAAN;GAAgB,eAAA;aAAY;EAAiB,CAAA,GAC5C,OACQ;;AAEf,CAAC;AAED,eAAe,cAAc;AAE7B,IAAA,qBAAe,OAAO,OAAO,YAAY,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/BitkitMarkdown/BitkitMarkdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitMarkdown.js","names":[],"sources":["../../../lib/components/BitkitMarkdown/BitkitMarkdown.tsx"],"sourcesContent":["import { Heading } from '@chakra-ui/react/heading';\nimport { Separator } from '@chakra-ui/react/separator';\nimport { Stack, type StackProps } from '@chakra-ui/react/stack';\nimport { chakra, type SystemStyleObject, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { type ComponentProps, forwardRef, isValidElement, type ReactNode } from 'react';\nimport Markdown, { type Components } from 'react-markdown';\n\nimport BitkitCodeSnippet from '../BitkitCodeSnippet/BitkitCodeSnippet';\nimport BitkitLink from '../BitkitLink/BitkitLink';\nimport BitkitList from '../BitkitList/BitkitList';\n\n// ----- Helpers -----\n\nconst getTextContent = (node: ReactNode): string => {\n  if (typeof node === 'string') return node;\n  if (typeof node === 'number') return String(node);\n  if (Array.isArray(node)) return node.map(getTextContent).join('');\n  if (isValidElement(node)) return getTextContent((node.props as { children?: ReactNode }).children);\n  return '';\n};\n\n// ----- Component mappings -----\n\nconst createComponents = (size: 'sm' | 'md' | 'lg', blockquoteStyles: SystemStyleObject): Components => {\n  const codeSize = size === 'lg' ? 'lg' : 'md';\n  const listSize = size === 'lg' ? 'lg' : 'md';\n\n  return {\n    a: ({ node: _, ...props }) => (\n      <BitkitLink colorScheme=\"purple\" rel=\"noopener noreferrer\" target=\"_blank\" {...props} />\n    ),\n    blockquote: ({ node: _, ...props }) => <chakra.blockquote css={blockquoteStyles} {...props} />,\n    code: ({ node: _, children }) => (\n      <BitkitCodeSnippet variant=\"inline\" size={codeSize}>\n        {String(children)}\n      </BitkitCodeSnippet>\n    ),\n    h1: ({ node: _, ...props }) => <Heading as=\"h1\" textStyle=\"heading/h1\" {...props} />,\n    h2: ({ node: _, ...props }) => <Heading as=\"h2\" textStyle=\"heading/h2\" {...props} />,\n    h3: ({ node: _, ...props }) => <Heading as=\"h3\" textStyle=\"heading/h3\" {...props} />,\n    h4: ({ node: _, ...props }) => <Heading as=\"h4\" textStyle=\"heading/h4\" {...props} />,\n    h5: ({ node: _, ...props }) => <Heading as=\"h5\" textStyle=\"heading/h5\" {...props} />,\n    h6: ({ node: _, ...props }) => <Heading as=\"h6\" textStyle=\"heading/h6\" {...props} />,\n    hr: () => <Separator />,\n    li: ({ node: _, ...props }) => <BitkitList.Item>{props.children}</BitkitList.Item>,\n    ol: ({ node: _, ...props }) => (\n      <BitkitList size={listSize} variant=\"ordered\">\n        {props.children}\n      </BitkitList>\n    ),\n    p: ({ node: _, ...props }) => <Text {...props} />,\n    pre: ({ node: _, children }) => (\n      <BitkitCodeSnippet variant=\"multi\" size={codeSize}>\n        {getTextContent(children)}\n      </BitkitCodeSnippet>\n    ),\n    ul: ({ node: _, ...props }) => (\n      <BitkitList size={listSize} variant=\"unordered\">\n        {props.children}\n      </BitkitList>\n    ),\n  };\n};\n\n// ----- BitkitMarkdown -----\n\nexport interface BitkitMarkdownProps extends Omit<StackProps, 'children'> {\n  children: string;\n  components?: Components | null;\n  rehypePlugins?: ComponentProps<typeof Markdown>['rehypePlugins'];\n  size?: 'sm' | 'md' | 'lg';\n}\n\nconst BitkitMarkdown = forwardRef<HTMLDivElement, BitkitMarkdownProps>((props, ref) => {\n  const { children, components, rehypePlugins, size = 'md', ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'markdown' });\n  const styles = recipe({ size });\n\n  const defaultComponents = createComponents(size, styles.blockquote);\n  const mergedComponents = { ...defaultComponents, ...(components ?? {}) };\n\n  return (\n    <Stack ref={ref} gap=\"16\" css={styles.root} {...rest}>\n      <Markdown components={mergedComponents} rehypePlugins={rehypePlugins}>\n        {children}\n      </Markdown>\n    </Stack>\n  );\n});\n\nBitkitMarkdown.displayName = 'BitkitMarkdown';\n\nexport default BitkitMarkdown;\n"],"mappings":";;;;;;;;;;;;AAcA,IAAM,kBAAkB,SAA4B;AAClD,KAAI,OAAO,SAAS,SAAU,QAAO;AACrC,KAAI,OAAO,SAAS,SAAU,QAAO,OAAO,KAAK;AACjD,KAAI,MAAM,QAAQ,KAAK,CAAE,QAAO,KAAK,IAAI,eAAe,CAAC,KAAK,GAAG;AACjE,KAAI,eAAe,KAAK,CAAE,QAAO,eAAgB,KAAK,MAAmC,SAAS;AAClG,QAAO;;AAKT,IAAM,oBAAoB,MAA0B,qBAAoD;CACtG,MAAM,WAAW,SAAS,OAAO,OAAO;CACxC,MAAM,WAAW,SAAS,OAAO,OAAO;AAExC,QAAO;EACL,IAAI,EAAE,MAAM,GAAG,GAAG,YAChB,oBAAC,YAAD;GAAY,aAAY;GAAS,KAAI;GAAsB,QAAO;GAAS,GAAI;GAAS,CAAA;EAE1F,aAAa,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,OAAO,YAAR;GAAmB,KAAK;GAAkB,GAAI;GAAS,CAAA;EAC9F,OAAO,EAAE,MAAM,GAAG,eAChB,oBAAC,mBAAD;GAAmB,SAAQ;GAAS,MAAM;aACvC,OAAO,SAAS;GACC,CAAA;EAEtB,KAAK,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,SAAD;GAAS,IAAG;GAAK,WAAU;GAAa,GAAI;GAAS,CAAA;EACpF,KAAK,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,SAAD;GAAS,IAAG;GAAK,WAAU;GAAa,GAAI;GAAS,CAAA;EACpF,KAAK,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,SAAD;GAAS,IAAG;GAAK,WAAU;GAAa,GAAI;GAAS,CAAA;EACpF,KAAK,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,SAAD;GAAS,IAAG;GAAK,WAAU;GAAa,GAAI;GAAS,CAAA;EACpF,KAAK,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,SAAD;GAAS,IAAG;GAAK,WAAU;GAAa,GAAI;GAAS,CAAA;EACpF,KAAK,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,SAAD;GAAS,IAAG;GAAK,WAAU;GAAa,GAAI;GAAS,CAAA;EACpF,UAAU,oBAAC,WAAD,EAAa,CAAA;EACvB,KAAK,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,mBAAW,MAAZ,EAAA,UAAkB,MAAM,UAA2B,CAAA;EAClF,KAAK,EAAE,MAAM,GAAG,GAAG,YACjB,oBAAC,oBAAD;GAAY,MAAM;GAAU,SAAQ;aACjC,MAAM;GACI,CAAA;EAEf,IAAI,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,MAAD,EAAM,GAAI,OAAS,CAAA;EACjD,MAAM,EAAE,MAAM,GAAG,eACf,oBAAC,mBAAD;GAAmB,SAAQ;GAAQ,MAAM;aACtC,eAAe,SAAS;GACP,CAAA;EAEtB,KAAK,EAAE,MAAM,GAAG,GAAG,YACjB,oBAAC,oBAAD;GAAY,MAAM;GAAU,SAAQ;aACjC,MAAM;GACI,CAAA;EAEhB;;AAYH,IAAM,iBAAiB,YAAiD,OAAO,QAAQ;CACrF,MAAM,EAAE,UAAU,YAAY,eAAe,OAAO,MAAM,GAAG,SAAS;CAGtE,MAAM,SADS,cAAc,EAAE,KAAK,YAAY,CACjC,CAAO,EAAE,MAAM,CAAC;CAG/B,MAAM,mBAAmB;EAAE,GADD,iBAAiB,MAAM,OAAO,WAC1B;EAAmB,GAAI,cAAc,EAAE;EAAG;AAExE,QACE,oBAAC,OAAD;EAAY;EAAK,KAAI;EAAK,KAAK,OAAO;EAAM,GAAI;YAC9C,oBAAC,UAAD;GAAU,YAAY;GAAiC;GACpD;GACQ,CAAA;EACL,CAAA;EAEV;AAEF,eAAe,cAAc"}
+{"version":3,"file":"BitkitMarkdown.js","names":[],"sources":["../../../lib/components/BitkitMarkdown/BitkitMarkdown.tsx"],"sourcesContent":["import { Heading } from '@chakra-ui/react/heading';\nimport { Separator } from '@chakra-ui/react/separator';\nimport { Stack, type StackProps } from '@chakra-ui/react/stack';\nimport { chakra, type SystemStyleObject, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { type ComponentProps, forwardRef, isValidElement, type ReactNode } from 'react';\nimport Markdown, { type Components } from 'react-markdown';\n\nimport BitkitCodeSnippet from '../BitkitCodeSnippet/BitkitCodeSnippet';\nimport BitkitLink from '../BitkitLink/BitkitLink';\nimport BitkitList from '../BitkitList/BitkitList';\n\n// ----- Helpers -----\n\nconst getTextContent = (node: ReactNode): string => {\n  if (typeof node === 'string') return node;\n  if (typeof node === 'number') return String(node);\n  if (Array.isArray(node)) return node.map(getTextContent).join('');\n  if (isValidElement(node)) return getTextContent((node.props as { children?: ReactNode }).children);\n  return '';\n};\n\n// ----- Component mappings -----\n\nconst createComponents = (size: 'sm' | 'md' | 'lg', blockquoteStyles: SystemStyleObject): Components => {\n  const codeSize = size === 'lg' ? 'lg' : 'md';\n  const listSize = size === 'lg' ? 'lg' : 'md';\n\n  return {\n    a: ({ node: _, ...props }) => (\n      <BitkitLink colorScheme=\"purple\" rel=\"noopener noreferrer\" target=\"_blank\" {...props} />\n    ),\n    blockquote: ({ node: _, ...props }) => <chakra.blockquote css={blockquoteStyles} {...props} />,\n    code: ({ node: _, children }) => (\n      <BitkitCodeSnippet variant=\"inline\" size={codeSize}>\n        {String(children)}\n      </BitkitCodeSnippet>\n    ),\n    h1: ({ node: _, ...props }) => <Heading as=\"h1\" textStyle=\"heading/h1\" {...props} />,\n    h2: ({ node: _, ...props }) => <Heading as=\"h2\" textStyle=\"heading/h2\" {...props} />,\n    h3: ({ node: _, ...props }) => <Heading as=\"h3\" textStyle=\"heading/h3\" {...props} />,\n    h4: ({ node: _, ...props }) => <Heading as=\"h4\" textStyle=\"heading/h4\" {...props} />,\n    h5: ({ node: _, ...props }) => <Heading as=\"h5\" textStyle=\"heading/h5\" {...props} />,\n    h6: ({ node: _, ...props }) => <Heading as=\"h6\" textStyle=\"heading/h6\" {...props} />,\n    hr: () => <Separator />,\n    li: ({ node: _, ...props }) => <BitkitList.Item>{props.children}</BitkitList.Item>,\n    ol: ({ node: _, ...props }) => (\n      <BitkitList size={listSize} variant=\"ordered\">\n        {props.children}\n      </BitkitList>\n    ),\n    p: ({ node: _, ...props }) => <Text {...props} />,\n    pre: ({ node: _, children }) => (\n      <BitkitCodeSnippet variant=\"multi\" size={codeSize}>\n        {getTextContent(children)}\n      </BitkitCodeSnippet>\n    ),\n    ul: ({ node: _, ...props }) => (\n      <BitkitList size={listSize} variant=\"unordered\">\n        {props.children}\n      </BitkitList>\n    ),\n  };\n};\n\n// ----- BitkitMarkdown -----\n\nexport interface BitkitMarkdownProps extends Omit<StackProps, 'children'> {\n  children: string;\n  components?: Components | null;\n  rehypePlugins?: ComponentProps<typeof Markdown>['rehypePlugins'];\n  size?: 'sm' | 'md' | 'lg';\n}\n\nconst BitkitMarkdown = forwardRef<HTMLDivElement, BitkitMarkdownProps>((props, ref) => {\n  const { children, components, rehypePlugins, size = 'md', ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'markdown' });\n  const styles = recipe({ size });\n\n  const defaultComponents = createComponents(size, styles.blockquote);\n  const mergedComponents = { ...defaultComponents, ...(components ?? {}) };\n\n  return (\n    <Stack ref={ref} gap=\"16\" css={styles.root} {...rest}>\n      <Markdown components={mergedComponents} rehypePlugins={rehypePlugins}>\n        {children}\n      </Markdown>\n    </Stack>\n  );\n});\n\nBitkitMarkdown.displayName = 'BitkitMarkdown';\n\nexport default BitkitMarkdown;\n"],"mappings":";;;;;;;;;;;;AAcA,IAAM,kBAAkB,SAA4B;CAClD,IAAI,OAAO,SAAS,UAAU,OAAO;CACrC,IAAI,OAAO,SAAS,UAAU,OAAO,OAAO,IAAI;CAChD,IAAI,MAAM,QAAQ,IAAI,GAAG,OAAO,KAAK,IAAI,cAAc,EAAE,KAAK,EAAE;CAChE,IAAI,eAAe,IAAI,GAAG,OAAO,eAAgB,KAAK,MAAmC,QAAQ;CACjG,OAAO;AACT;AAIA,IAAM,oBAAoB,MAA0B,qBAAoD;CACtG,MAAM,WAAW,SAAS,OAAO,OAAO;CACxC,MAAM,WAAW,SAAS,OAAO,OAAO;CAExC,OAAO;EACL,IAAI,EAAE,MAAM,GAAG,GAAG,YAChB,oBAAC,YAAD;GAAY,aAAY;GAAS,KAAI;GAAsB,QAAO;GAAS,GAAI;EAAQ,CAAA;EAEzF,aAAa,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,OAAO,YAAR;GAAmB,KAAK;GAAkB,GAAI;EAAQ,CAAA;EAC7F,OAAO,EAAE,MAAM,GAAG,eAChB,oBAAC,mBAAD;GAAmB,SAAQ;GAAS,MAAM;aACvC,OAAO,QAAQ;EACC,CAAA;EAErB,KAAK,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,SAAD;GAAS,IAAG;GAAK,WAAU;GAAa,GAAI;EAAQ,CAAA;EACnF,KAAK,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,SAAD;GAAS,IAAG;GAAK,WAAU;GAAa,GAAI;EAAQ,CAAA;EACnF,KAAK,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,SAAD;GAAS,IAAG;GAAK,WAAU;GAAa,GAAI;EAAQ,CAAA;EACnF,KAAK,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,SAAD;GAAS,IAAG;GAAK,WAAU;GAAa,GAAI;EAAQ,CAAA;EACnF,KAAK,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,SAAD;GAAS,IAAG;GAAK,WAAU;GAAa,GAAI;EAAQ,CAAA;EACnF,KAAK,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,SAAD;GAAS,IAAG;GAAK,WAAU;GAAa,GAAI;EAAQ,CAAA;EACnF,UAAU,oBAAC,WAAD,CAAY,CAAA;EACtB,KAAK,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,mBAAW,MAAZ,EAAA,UAAkB,MAAM,SAA0B,CAAA;EACjF,KAAK,EAAE,MAAM,GAAG,GAAG,YACjB,oBAAC,oBAAD;GAAY,MAAM;GAAU,SAAQ;aACjC,MAAM;EACG,CAAA;EAEd,IAAI,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,MAAD,EAAM,GAAI,MAAQ,CAAA;EAChD,MAAM,EAAE,MAAM,GAAG,eACf,oBAAC,mBAAD;GAAmB,SAAQ;GAAQ,MAAM;aACtC,eAAe,QAAQ;EACP,CAAA;EAErB,KAAK,EAAE,MAAM,GAAG,GAAG,YACjB,oBAAC,oBAAD;GAAY,MAAM;GAAU,SAAQ;aACjC,MAAM;EACG,CAAA;CAEhB;AACF;AAWA,IAAM,iBAAiB,YAAiD,OAAO,QAAQ;CACrF,MAAM,EAAE,UAAU,YAAY,eAAe,OAAO,MAAM,GAAG,SAAS;CAGtE,MAAM,SADS,cAAc,EAAE,KAAK,WAAW,CAChC,EAAO,EAAE,KAAK,CAAC;CAG9B,MAAM,mBAAmB;EAAE,GADD,iBAAiB,MAAM,OAAO,UAC1B;EAAmB,GAAI,cAAc,CAAC;CAAG;CAEvE,OACE,oBAAC,OAAD;EAAY;EAAK,KAAI;EAAK,KAAK,OAAO;EAAM,GAAI;YAC9C,oBAAC,UAAD;GAAU,YAAY;GAAiC;GACpD;EACO,CAAA;CACL,CAAA;AAEX,CAAC;AAED,eAAe,cAAc"}

package/dist/components/BitkitMarkdownCard/BitkitMarkdownCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitMarkdownCard.js","names":[],"sources":["../../../lib/components/BitkitMarkdownCard/BitkitMarkdownCard.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { type BoxProps } from '@chakra-ui/react/box';\nimport { Card } from '@chakra-ui/react/card';\nimport { Collapsible } from '@chakra-ui/react/collapsible';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type JSX, type ReactNode } from 'react';\n\nimport {\n  IconCheck,\n  IconChevronDown,\n  IconChevronUp,\n  IconErrorCircleFilled,\n  IconInfoCircle,\n  IconWarning,\n} from '../../icons';\nimport BitkitButton from '../BitkitButton/BitkitButton';\nimport BitkitMarkdown from '../BitkitMarkdown/BitkitMarkdown';\n\n// ----- Status config -----\n\ntype Status = 'critical' | 'info' | 'success' | 'warning';\n\nconst STATUS_ICONS: Record<Status, JSX.Element> = {\n  critical: <IconErrorCircleFilled size=\"24\" />,\n  info: <IconInfoCircle size=\"24\" />,\n  success: <IconCheck size=\"24\" />,\n  warning: <IconWarning size=\"24\" />,\n};\n\n// ----- Props -----\n\ntype UncontrolledProps = {\n  defaultOpen?: boolean;\n  onOpenChange?: never;\n  open?: never;\n};\n\ntype ControlledProps = {\n  defaultOpen?: never;\n  onOpenChange: (open: boolean) => void;\n  open: boolean;\n};\n\nexport type BitkitMarkdownCardProps = Omit<BoxProps, 'children'> & {\n  actions?: ReactNode;\n  children: string;\n  collapsedHeight?: string;\n  size?: 'sm' | 'md' | 'lg';\n  status?: Status;\n} & (UncontrolledProps | ControlledProps);\n\n// ----- Component -----\n\nconst BitkitMarkdownCard = forwardRef<HTMLDivElement, BitkitMarkdownCardProps>((props, ref) => {\n  const {\n    actions,\n    children,\n    collapsedHeight = '200px',\n    defaultOpen,\n    onOpenChange,\n    open,\n    size = 'md',\n    status = 'info',\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: 'markdownCard' });\n  const styles = recipe({ status });\n\n  const handleOpenChange = onOpenChange ? (details: { open: boolean }) => onOpenChange(details.open) : undefined;\n\n  return (\n    <Card.Root ref={ref} css={styles.root} {...rest}>\n      <HStack align=\"stretch\" gap=\"0\">\n        <Box css={styles.iconBar}>{STATUS_ICONS[status]}</Box>\n        <Box css={styles.content}>\n          <Collapsible.Root\n            open={open}\n            defaultOpen={defaultOpen}\n            collapsedHeight={collapsedHeight}\n            onOpenChange={handleOpenChange}\n          >\n            <Collapsible.Content>\n              <BitkitMarkdown size={size}>{children}</BitkitMarkdown>\n            </Collapsible.Content>\n            <Collapsible.Context>\n              {(api) => (\n                <>\n                  {!api.open && <Box css={styles.gradient} />}\n                  <HStack gap=\"16\" css={styles.footerButtons}>\n                    {actions}\n                    <BitkitButton\n                      {...api.getTriggerProps()}\n                      size=\"sm\"\n                      suffixIcon={api.open ? IconChevronUp : IconChevronDown}\n                      variant=\"secondary\"\n                    >\n                      {api.open ? 'Show less' : 'Show more'}\n                    </BitkitButton>\n                  </HStack>\n                </>\n              )}\n            </Collapsible.Context>\n          </Collapsible.Root>\n        </Box>\n      </HStack>\n    </Card.Root>\n  );\n});\n\nBitkitMarkdownCard.displayName = 'BitkitMarkdownCard';\n\nexport default BitkitMarkdownCard;\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,IAAM,eAA4C;CAChD,UAAU,oBAAC,uBAAD,EAAuB,MAAK,MAAO,CAAA;CAC7C,MAAM,oBAAC,gBAAD,EAAgB,MAAK,MAAO,CAAA;CAClC,SAAS,oBAAC,WAAD,EAAW,MAAK,MAAO,CAAA;CAChC,SAAS,oBAAC,aAAD,EAAa,MAAK,MAAO,CAAA;CACnC;AA0BD,IAAM,qBAAqB,YAAqD,OAAO,QAAQ;CAC7F,MAAM,EACJ,SACA,UACA,kBAAkB,SAClB,aACA,cACA,MACA,OAAO,MACP,SAAS,QACT,GAAG,SACD;CAGJ,MAAM,SADS,cAAc,EAAE,KAAK,gBAAgB,CACrC,CAAO,EAAE,QAAQ,CAAC;CAEjC,MAAM,mBAAmB,gBAAgB,YAA+B,aAAa,QAAQ,KAAK,GAAG,KAAA;AAErG,QACE,oBAAC,KAAK,MAAN;EAAgB;EAAK,KAAK,OAAO;EAAM,GAAI;YACzC,qBAAC,QAAD;GAAQ,OAAM;GAAU,KAAI;aAA5B,CACE,oBAAC,KAAD;IAAK,KAAK,OAAO;cAAU,aAAa;IAAc,CAAA,EACtD,oBAAC,KAAD;IAAK,KAAK,OAAO;cACf,qBAAC,YAAY,MAAb;KACQ;KACO;KACI;KACjB,cAAc;eAJhB,CAME,oBAAC,YAAY,SAAb,EAAA,UACE,oBAAC,gBAAD;MAAsB;MAAO;MAA0B,CAAA,EACnC,CAAA,EACtB,oBAAC,YAAY,SAAb,EAAA,WACI,QACA,qBAAA,YAAA,EAAA,UAAA,CACG,CAAC,IAAI,QAAQ,oBAAC,KAAD,EAAK,KAAK,OAAO,UAAY,CAAA,EAC3C,qBAAC,QAAD;MAAQ,KAAI;MAAK,KAAK,OAAO;gBAA7B,CACG,SACD,oBAAC,cAAD;OACE,GAAI,IAAI,iBAAiB;OACzB,MAAK;OACL,YAAY,IAAI,OAAO,gBAAgB;OACvC,SAAQ;iBAEP,IAAI,OAAO,cAAc;OACb,CAAA,CACR;QACR,EAAA,CAAA,EAEe,CAAA,CACL;;IACf,CAAA,CACC;;EACC,CAAA;EAEd;AAEF,mBAAmB,cAAc"}
+{"version":3,"file":"BitkitMarkdownCard.js","names":[],"sources":["../../../lib/components/BitkitMarkdownCard/BitkitMarkdownCard.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { type BoxProps } from '@chakra-ui/react/box';\nimport { Card } from '@chakra-ui/react/card';\nimport { Collapsible } from '@chakra-ui/react/collapsible';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type JSX, type ReactNode } from 'react';\n\nimport {\n  IconCheck,\n  IconChevronDown,\n  IconChevronUp,\n  IconErrorCircleFilled,\n  IconInfoCircle,\n  IconWarning,\n} from '../../icons';\nimport BitkitButton from '../BitkitButton/BitkitButton';\nimport BitkitMarkdown from '../BitkitMarkdown/BitkitMarkdown';\n\n// ----- Status config -----\n\ntype Status = 'critical' | 'info' | 'success' | 'warning';\n\nconst STATUS_ICONS: Record<Status, JSX.Element> = {\n  critical: <IconErrorCircleFilled size=\"24\" />,\n  info: <IconInfoCircle size=\"24\" />,\n  success: <IconCheck size=\"24\" />,\n  warning: <IconWarning size=\"24\" />,\n};\n\n// ----- Props -----\n\ntype UncontrolledProps = {\n  defaultOpen?: boolean;\n  onOpenChange?: never;\n  open?: never;\n};\n\ntype ControlledProps = {\n  defaultOpen?: never;\n  onOpenChange: (open: boolean) => void;\n  open: boolean;\n};\n\nexport type BitkitMarkdownCardProps = Omit<BoxProps, 'children'> & {\n  actions?: ReactNode;\n  children: string;\n  collapsedHeight?: string;\n  size?: 'sm' | 'md' | 'lg';\n  status?: Status;\n} & (UncontrolledProps | ControlledProps);\n\n// ----- Component -----\n\nconst BitkitMarkdownCard = forwardRef<HTMLDivElement, BitkitMarkdownCardProps>((props, ref) => {\n  const {\n    actions,\n    children,\n    collapsedHeight = '200px',\n    defaultOpen,\n    onOpenChange,\n    open,\n    size = 'md',\n    status = 'info',\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: 'markdownCard' });\n  const styles = recipe({ status });\n\n  const handleOpenChange = onOpenChange ? (details: { open: boolean }) => onOpenChange(details.open) : undefined;\n\n  return (\n    <Card.Root ref={ref} css={styles.root} {...rest}>\n      <HStack align=\"stretch\" gap=\"0\">\n        <Box css={styles.iconBar}>{STATUS_ICONS[status]}</Box>\n        <Box css={styles.content}>\n          <Collapsible.Root\n            open={open}\n            defaultOpen={defaultOpen}\n            collapsedHeight={collapsedHeight}\n            onOpenChange={handleOpenChange}\n          >\n            <Collapsible.Content>\n              <BitkitMarkdown size={size}>{children}</BitkitMarkdown>\n            </Collapsible.Content>\n            <Collapsible.Context>\n              {(api) => (\n                <>\n                  {!api.open && <Box css={styles.gradient} />}\n                  <HStack gap=\"16\" css={styles.footerButtons}>\n                    {actions}\n                    <BitkitButton\n                      {...api.getTriggerProps()}\n                      size=\"sm\"\n                      suffixIcon={api.open ? IconChevronUp : IconChevronDown}\n                      variant=\"secondary\"\n                    >\n                      {api.open ? 'Show less' : 'Show more'}\n                    </BitkitButton>\n                  </HStack>\n                </>\n              )}\n            </Collapsible.Context>\n          </Collapsible.Root>\n        </Box>\n      </HStack>\n    </Card.Root>\n  );\n});\n\nBitkitMarkdownCard.displayName = 'BitkitMarkdownCard';\n\nexport default BitkitMarkdownCard;\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,IAAM,eAA4C;CAChD,UAAU,oBAAC,uBAAD,EAAuB,MAAK,KAAM,CAAA;CAC5C,MAAM,oBAAC,gBAAD,EAAgB,MAAK,KAAM,CAAA;CACjC,SAAS,oBAAC,WAAD,EAAW,MAAK,KAAM,CAAA;CAC/B,SAAS,oBAAC,aAAD,EAAa,MAAK,KAAM,CAAA;AACnC;AA0BA,IAAM,qBAAqB,YAAqD,OAAO,QAAQ;CAC7F,MAAM,EACJ,SACA,UACA,kBAAkB,SAClB,aACA,cACA,MACA,OAAO,MACP,SAAS,QACT,GAAG,SACD;CAGJ,MAAM,SADS,cAAc,EAAE,KAAK,eAAe,CACpC,EAAO,EAAE,OAAO,CAAC;CAEhC,MAAM,mBAAmB,gBAAgB,YAA+B,aAAa,QAAQ,IAAI,IAAI,KAAA;CAErG,OACE,oBAAC,KAAK,MAAN;EAAgB;EAAK,KAAK,OAAO;EAAM,GAAI;YACzC,qBAAC,QAAD;GAAQ,OAAM;GAAU,KAAI;aAA5B,CACE,oBAAC,KAAD;IAAK,KAAK,OAAO;cAAU,aAAa;GAAa,CAAA,GACrD,oBAAC,KAAD;IAAK,KAAK,OAAO;cACf,qBAAC,YAAY,MAAb;KACQ;KACO;KACI;KACjB,cAAc;eAJhB,CAME,oBAAC,YAAY,SAAb,EAAA,UACE,oBAAC,gBAAD;MAAsB;MAAO;KAAyB,CAAA,EACnC,CAAA,GACrB,oBAAC,YAAY,SAAb,EAAA,WACI,QACA,qBAAA,YAAA,EAAA,UAAA,CACG,CAAC,IAAI,QAAQ,oBAAC,KAAD,EAAK,KAAK,OAAO,SAAW,CAAA,GAC1C,qBAAC,QAAD;MAAQ,KAAI;MAAK,KAAK,OAAO;gBAA7B,CACG,SACD,oBAAC,cAAD;OACE,GAAI,IAAI,gBAAgB;OACxB,MAAK;OACL,YAAY,IAAI,OAAO,gBAAgB;OACvC,SAAQ;iBAEP,IAAI,OAAO,cAAc;MACd,CAAA,CACR;OACR,EAAA,CAAA,EAEe,CAAA,CACL;;GACf,CAAA,CACC;;CACC,CAAA;AAEf,CAAC;AAED,mBAAmB,cAAc"}

package/dist/components/BitkitMultiselect/BitkitMultiselect.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitMultiselect.js","names":[],"sources":["../../../lib/components/BitkitMultiselect/BitkitMultiselect.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 { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { IconErrorCircleFilled, IconWarningYellow } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField';\nimport BitkitMultiselectMenu, {\n  type BitkitMultiselectMenuItemProps,\n} from '../BitkitMultiselectMenu/BitkitMultiselectMenu';\nimport {\n  type BitkitSelectMenuCreateItemProps,\n  type BitkitSelectMenuEmptyStateProps,\n  type BitkitSelectMenuSearchProps,\n} from '../BitkitSelectMenu/BitkitSelectMenu';\nimport BitkitTag from '../BitkitTag/BitkitTag';\n\nexport type BitkitMultiselectTriggerProps = SelectTriggerProps;\n\nexport type BitkitMultiselectProps = Omit<BitkitFieldProps, 'children' | 'state'> & {\n  constrained?: boolean;\n  defaultValue?: Array<string>;\n  isLoading?: boolean;\n  items: Array<BitkitMultiselectMenuItemProps>;\n  onValueChange?: (newVal: Array<string>) => void;\n  placeholder?: string;\n  selectProps?: Omit<SelectRootProps, 'collection' | 'defaultValue' | 'multiple' | 'onValueChange' | 'value'>;\n  size?: 'md' | 'lg';\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n  triggerProps?: BitkitMultiselectTriggerProps;\n  value?: Array<string>;\n} & BitkitSelectMenuCreateItemProps &\n  BitkitSelectMenuSearchProps &\n  BitkitSelectMenuEmptyStateProps;\n\ntype MultiselectState = BitkitMultiselectProps['state'];\n\nconst NON_INTERACTIVE_STATES: ReadonlyArray<MultiselectState> = ['disabled', 'readOnly', 'error', 'warning'];\n\n/** Whether the clear-all button should be rendered (and the overlay should reserve extra room for it). */\nconst shouldShowClearButton = (constrained: boolean, selectionCount: number, state: MultiselectState): boolean =>\n  !constrained && selectionCount > 0 && !NON_INTERACTIVE_STATES.includes(state);\n\ntype MultiselectOverlayProps = {\n  constrained: boolean;\n  placeholder?: string;\n  size: 'md' | 'lg';\n  state?: MultiselectState;\n};\n\nconst MultiselectOverlay = ({ constrained, placeholder, size, state }: MultiselectOverlayProps) => {\n  const select = useSelectContext();\n  const recipe = useSlotRecipe({ key: 'multiselect' });\n  const styles = recipe({ constrained, size });\n\n  const selectedItems = select.selectedItems as Array<BitkitMultiselectMenuItemProps>;\n  const selectedValues = select.value;\n  const isDisabled = state === 'disabled';\n  const isReadOnly = state === 'readOnly';\n  const tagState = isDisabled ? 'disabled' : undefined;\n  // Overlay reserves ~96px on the right when the clear-all is visible (to keep the chevron +\n  // clear button out of the tag row), otherwise ~48px (chevron only). Using spacing tokens\n  // because '80' (the minimum that fits both icons with gaps) isn't a valid token; '96' is\n  // the next one up.\n  const overlayPaddingEnd = shouldShowClearButton(constrained, selectedValues.length, state) ? '96' : '48';\n\n  const resolvedPlaceholder = placeholder ?? (isReadOnly ? '(not selected)' : 'Select options');\n  const canRemove = !isDisabled && !isReadOnly;\n\n  const hasSelection = selectedValues.length > 0;\n\n  const renderTags = () => {\n    if (constrained) {\n      return (\n        <>\n          {hasSelection && (\n            <TagSlot>\n              <BitkitTag\n                size=\"sm\"\n                colorPalette=\"neutral\"\n                labelText={String(selectedValues.length)}\n                state={tagState}\n                onRemove={canRemove ? () => select.clearValue() : undefined}\n              />\n            </TagSlot>\n          )}\n          <Text as=\"span\" css={styles.placeholderText} data-placeholder={hasSelection ? undefined : ''}>\n            {resolvedPlaceholder}\n          </Text>\n        </>\n      );\n    }\n\n    if (selectedItems.length === 0) {\n      return (\n        <Text as=\"span\" css={styles.placeholderText} data-placeholder=\"\">\n          {resolvedPlaceholder}\n        </Text>\n      );\n    }\n\n    return selectedItems.map((item) => (\n      <TagSlot key={item.value}>\n        <BitkitTag\n          size=\"sm\"\n          colorPalette=\"neutral\"\n          labelText={item.label}\n          state={tagState}\n          onRemove={canRemove ? () => select.setValue(selectedValues.filter((v) => v !== item.value)) : undefined}\n        />\n      </TagSlot>\n    ));\n  };\n\n  return (\n    <Box css={styles.overlay} pointerEvents=\"none\" paddingInlineEnd={overlayPaddingEnd}>\n      <Box css={styles.tagsBlock}>{renderTags()}</Box>\n    </Box>\n  );\n};\n\nconst TagSlot = ({ children }: { children: ReactNode }) => (\n  <Box data-slot=\"tag\" display=\"inline-flex\" pointerEvents=\"auto\">\n    {children}\n  </Box>\n);\n\ntype ClearAllButtonProps = {\n  state?: MultiselectState;\n};\n\nconst ClearAllButton = ({ state }: ClearAllButtonProps) => {\n  const select = useSelectContext();\n\n  // Constrained mode has its own inline clear-all on the counter tag; this is the non-constrained trigger-level clear.\n  if (!shouldShowClearButton(false, select.value.length, state)) return null;\n\n  return (\n    <BitkitCloseButton size=\"sm\" colorPalette=\"neutral\" aria-label=\"Clear all\" onClick={() => select.clearValue()} />\n  );\n};\n\nconst BitkitMultiselect = forwardRef<HTMLDivElement, BitkitMultiselectProps>((props, ref) => {\n  const {\n    constrained = false,\n    createItemLabel,\n    defaultValue,\n    emptyHelperText,\n    emptyLabel,\n    isLoading,\n    items,\n    onCreateItem,\n    onSearchChange,\n    onValueChange,\n    placeholder,\n    searchValue,\n    selectProps,\n    size = 'lg',\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 recipe = useSlotRecipe({ key: 'multiselect' });\n  const styles = recipe({ constrained, size });\n\n  const iconSize = size === 'lg' ? '24' : '16';\n  const isInvalid = state === 'error' || !!fieldProps.errorText;\n\n  return (\n    <BitkitField ref={ref} state={state} {...fieldProps}>\n      <Select.Root\n        collection={collection}\n        multiple\n        {...selectProps}\n        defaultValue={defaultValue}\n        disabled={state === 'disabled'}\n        invalid={isInvalid}\n        onValueChange={(details) => onValueChange?.(details.value)}\n        readOnly={state === 'readOnly'}\n        // Zag's default scrollIntoView gates on `isScrollable(contentEl)`. Our content is\n        // overflow:hidden + flex column (so the sticky-bottom create row stays visible while\n        // the inner itemList Box scrolls). That gate fails, so keyboard highlight never\n        // scrolls the items into view. Providing scrollToIndexFn bypasses the gate and lets\n        // the browser's native scrollIntoView walk up to the real scroll container (itemList).\n        scrollToIndexFn={({ getElement }) => getElement()?.scrollIntoView({ block: 'nearest' })}\n        value={value}\n      >\n        <Select.HiddenSelect />\n        <Select.Control css={styles.control} className=\"group\">\n          <Select.Trigger css={styles.trigger} {...triggerProps} />\n          <MultiselectOverlay constrained={constrained} placeholder={placeholder} size={size} state={state} />\n          <Select.IndicatorGroup css={styles.indicatorGroup}>\n            {!constrained && <ClearAllButton state={state} />}\n            {state === 'error' && (\n              <Select.Indicator css={styles.indicator}>\n                <IconErrorCircleFilled size={iconSize} color=\"icon/negative\" />\n              </Select.Indicator>\n            )}\n            {state === 'warning' && (\n              <Select.Indicator css={styles.indicator}>\n                <IconWarningYellow size={iconSize} />\n              </Select.Indicator>\n            )}\n            <Select.Indicator css={styles.indicator} asChild>\n              <AssetSelectChevron />\n            </Select.Indicator>\n          </Select.IndicatorGroup>\n        </Select.Control>\n        <Portal>\n          <Select.Positioner>\n            <BitkitMultiselectMenu\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\nBitkitMultiselect.displayName = 'BitkitMultiselect';\n\nexport default BitkitMultiselect;\n"],"mappings":"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"}
+{"version":3,"file":"BitkitMultiselect.js","names":[],"sources":["../../../lib/components/BitkitMultiselect/BitkitMultiselect.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 { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { IconErrorCircleFilled, IconWarningYellow } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField';\nimport BitkitMultiselectMenu, {\n  type BitkitMultiselectMenuItemProps,\n} from '../BitkitMultiselectMenu/BitkitMultiselectMenu';\nimport {\n  type BitkitSelectMenuCreateItemProps,\n  type BitkitSelectMenuEmptyStateProps,\n  type BitkitSelectMenuSearchProps,\n} from '../BitkitSelectMenu/BitkitSelectMenu';\nimport BitkitTag from '../BitkitTag/BitkitTag';\n\nexport type BitkitMultiselectTriggerProps = SelectTriggerProps;\n\nexport type BitkitMultiselectProps = Omit<BitkitFieldProps, 'children' | 'state'> & {\n  constrained?: boolean;\n  defaultValue?: Array<string>;\n  isLoading?: boolean;\n  items: Array<BitkitMultiselectMenuItemProps>;\n  onValueChange?: (newVal: Array<string>) => void;\n  placeholder?: string;\n  selectProps?: Omit<SelectRootProps, 'collection' | 'defaultValue' | 'multiple' | 'onValueChange' | 'value'>;\n  size?: 'md' | 'lg';\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n  triggerProps?: BitkitMultiselectTriggerProps;\n  value?: Array<string>;\n} & BitkitSelectMenuCreateItemProps &\n  BitkitSelectMenuSearchProps &\n  BitkitSelectMenuEmptyStateProps;\n\ntype MultiselectState = BitkitMultiselectProps['state'];\n\nconst NON_INTERACTIVE_STATES: ReadonlyArray<MultiselectState> = ['disabled', 'readOnly', 'error', 'warning'];\n\n/** Whether the clear-all button should be rendered (and the overlay should reserve extra room for it). */\nconst shouldShowClearButton = (constrained: boolean, selectionCount: number, state: MultiselectState): boolean =>\n  !constrained && selectionCount > 0 && !NON_INTERACTIVE_STATES.includes(state);\n\ntype MultiselectOverlayProps = {\n  constrained: boolean;\n  placeholder?: string;\n  size: 'md' | 'lg';\n  state?: MultiselectState;\n};\n\nconst MultiselectOverlay = ({ constrained, placeholder, size, state }: MultiselectOverlayProps) => {\n  const select = useSelectContext();\n  const recipe = useSlotRecipe({ key: 'multiselect' });\n  const styles = recipe({ constrained, size });\n\n  const selectedItems = select.selectedItems as Array<BitkitMultiselectMenuItemProps>;\n  const selectedValues = select.value;\n  const isDisabled = state === 'disabled';\n  const isReadOnly = state === 'readOnly';\n  const tagState = isDisabled ? 'disabled' : undefined;\n  // Overlay reserves ~96px on the right when the clear-all is visible (to keep the chevron +\n  // clear button out of the tag row), otherwise ~48px (chevron only). Using spacing tokens\n  // because '80' (the minimum that fits both icons with gaps) isn't a valid token; '96' is\n  // the next one up.\n  const overlayPaddingEnd = shouldShowClearButton(constrained, selectedValues.length, state) ? '96' : '48';\n\n  const resolvedPlaceholder = placeholder ?? (isReadOnly ? '(not selected)' : 'Select options');\n  const canRemove = !isDisabled && !isReadOnly;\n\n  const hasSelection = selectedValues.length > 0;\n\n  const renderTags = () => {\n    if (constrained) {\n      return (\n        <>\n          {hasSelection && (\n            <TagSlot>\n              <BitkitTag\n                size=\"sm\"\n                colorPalette=\"neutral\"\n                labelText={String(selectedValues.length)}\n                state={tagState}\n                onRemove={canRemove ? () => select.clearValue() : undefined}\n              />\n            </TagSlot>\n          )}\n          <Text as=\"span\" css={styles.placeholderText} data-placeholder={hasSelection ? undefined : ''}>\n            {resolvedPlaceholder}\n          </Text>\n        </>\n      );\n    }\n\n    if (selectedItems.length === 0) {\n      return (\n        <Text as=\"span\" css={styles.placeholderText} data-placeholder=\"\">\n          {resolvedPlaceholder}\n        </Text>\n      );\n    }\n\n    return selectedItems.map((item) => (\n      <TagSlot key={item.value}>\n        <BitkitTag\n          size=\"sm\"\n          colorPalette=\"neutral\"\n          labelText={item.label}\n          state={tagState}\n          onRemove={canRemove ? () => select.setValue(selectedValues.filter((v) => v !== item.value)) : undefined}\n        />\n      </TagSlot>\n    ));\n  };\n\n  return (\n    <Box css={styles.overlay} pointerEvents=\"none\" paddingInlineEnd={overlayPaddingEnd}>\n      <Box css={styles.tagsBlock}>{renderTags()}</Box>\n    </Box>\n  );\n};\n\nconst TagSlot = ({ children }: { children: ReactNode }) => (\n  <Box data-slot=\"tag\" display=\"inline-flex\" pointerEvents=\"auto\">\n    {children}\n  </Box>\n);\n\ntype ClearAllButtonProps = {\n  state?: MultiselectState;\n};\n\nconst ClearAllButton = ({ state }: ClearAllButtonProps) => {\n  const select = useSelectContext();\n\n  // Constrained mode has its own inline clear-all on the counter tag; this is the non-constrained trigger-level clear.\n  if (!shouldShowClearButton(false, select.value.length, state)) return null;\n\n  return (\n    <BitkitCloseButton size=\"sm\" colorPalette=\"neutral\" aria-label=\"Clear all\" onClick={() => select.clearValue()} />\n  );\n};\n\nconst BitkitMultiselect = forwardRef<HTMLDivElement, BitkitMultiselectProps>((props, ref) => {\n  const {\n    constrained = false,\n    createItemLabel,\n    defaultValue,\n    emptyHelperText,\n    emptyLabel,\n    isLoading,\n    items,\n    onCreateItem,\n    onSearchChange,\n    onValueChange,\n    placeholder,\n    searchValue,\n    selectProps,\n    size = 'lg',\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 recipe = useSlotRecipe({ key: 'multiselect' });\n  const styles = recipe({ constrained, size });\n\n  const iconSize = size === 'lg' ? '24' : '16';\n  const isInvalid = state === 'error' || !!fieldProps.errorText;\n\n  return (\n    <BitkitField ref={ref} state={state} {...fieldProps}>\n      <Select.Root\n        collection={collection}\n        multiple\n        {...selectProps}\n        defaultValue={defaultValue}\n        disabled={state === 'disabled'}\n        invalid={isInvalid}\n        onValueChange={(details) => onValueChange?.(details.value)}\n        readOnly={state === 'readOnly'}\n        // Zag's default scrollIntoView gates on `isScrollable(contentEl)`. Our content is\n        // overflow:hidden + flex column (so the sticky-bottom create row stays visible while\n        // the inner itemList Box scrolls). That gate fails, so keyboard highlight never\n        // scrolls the items into view. Providing scrollToIndexFn bypasses the gate and lets\n        // the browser's native scrollIntoView walk up to the real scroll container (itemList).\n        scrollToIndexFn={({ getElement }) => getElement()?.scrollIntoView({ block: 'nearest' })}\n        value={value}\n      >\n        <Select.HiddenSelect />\n        <Select.Control css={styles.control} className=\"group\">\n          <Select.Trigger css={styles.trigger} {...triggerProps} />\n          <MultiselectOverlay constrained={constrained} placeholder={placeholder} size={size} state={state} />\n          <Select.IndicatorGroup css={styles.indicatorGroup}>\n            {!constrained && <ClearAllButton state={state} />}\n            {state === 'error' && (\n              <Select.Indicator css={styles.indicator}>\n                <IconErrorCircleFilled size={iconSize} color=\"icon/negative\" />\n              </Select.Indicator>\n            )}\n            {state === 'warning' && (\n              <Select.Indicator css={styles.indicator}>\n                <IconWarningYellow size={iconSize} />\n              </Select.Indicator>\n            )}\n            <Select.Indicator css={styles.indicator} asChild>\n              <AssetSelectChevron />\n            </Select.Indicator>\n          </Select.IndicatorGroup>\n        </Select.Control>\n        <Portal>\n          <Select.Positioner>\n            <BitkitMultiselectMenu\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\nBitkitMultiselect.displayName = 'BitkitMultiselect';\n\nexport default BitkitMultiselect;\n"],"mappings":"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"}

package/dist/components/BitkitMultiselectMenu/BitkitMultiselectMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitMultiselectMenu.js","names":[],"sources":["../../../lib/components/BitkitMultiselectMenu/BitkitMultiselectMenu.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { type ListCollection } from '@chakra-ui/react/collection';\nimport { Select } 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 { IconCheck } from '../../icons';\nimport {\n  type BitkitSelectMenuCreateItemProps,\n  type BitkitSelectMenuEmptyStateProps,\n  type BitkitSelectMenuSearchProps,\n} from '../BitkitSelectMenu/BitkitSelectMenu';\nimport { SelectMenuShell } from '../BitkitSelectMenu/SelectMenuShell';\n\nexport type BitkitMultiselectMenuItemProps = {\n  value: string;\n  label: string;\n  group?: string;\n  helperText?: string;\n  disabled?: boolean;\n  loading?: boolean;\n};\n\nexport type BitkitMultiselectMenuProps = {\n  collection: ListCollection<BitkitMultiselectMenuItemProps>;\n  isLoading?: boolean;\n  size?: 'md' | 'lg';\n} & BitkitSelectMenuCreateItemProps &\n  BitkitSelectMenuSearchProps &\n  BitkitSelectMenuEmptyStateProps;\n\nconst BitkitMultiselectMenu = forwardRef<HTMLDivElement, BitkitMultiselectMenuProps>((props, ref) => {\n  const { collection, size, ...shellProps } = props;\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={Select}\n      collection={collection}\n      contentRef={ref}\n      iconSize={iconSize}\n      renderItem={(item) => <MultiselectMenuItem key={item.value} item={item} iconSize={iconSize} styles={styles} />}\n      size={size}\n      styles={styles}\n      {...shellProps}\n    />\n  );\n});\n\nBitkitMultiselectMenu.displayName = 'BitkitMultiselectMenu';\n\ntype MultiselectMenuItemRenderProps = {\n  item: BitkitMultiselectMenuItemProps;\n  iconSize: '16' | '24';\n  styles: Record<string, SystemStyleObject>;\n};\n\nconst MultiselectMenuItem = ({ item, iconSize, styles }: MultiselectMenuItemRenderProps) => {\n  if (item.loading) {\n    // Rendered as a plain Box, not Select.Item — Zag's state machine won't track it\n    // as 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    <Select.Item css={styles.item} item={item}>\n      <Box css={styles.checkbox} data-slot=\"checkbox\">\n        <IconCheck size={iconSize} css={styles.checkmark} data-slot=\"checkmark\" />\n      </Box>\n      <Box css={styles.itemContent}>\n        <Text css={styles.itemLabel}>{item.label}</Text>\n        {item.helperText && <Text css={styles.itemHelperText}>{item.helperText}</Text>}\n      </Box>\n    </Select.Item>\n  );\n};\n\nexport default BitkitMultiselectMenu;\n"],"mappings":";;;;;;;;;;AAiCA,IAAM,wBAAwB,YAAwD,OAAO,QAAQ;CACnG,MAAM,EAAE,YAAY,MAAM,GAAG,eAAe;CAE5C,MAAM,SADS,cAAc,EAAE,KAAK,UAAU,CAC/B,CAAO,EAAE,MAAM,CAAC;CAC/B,MAAM,WAAW,SAAS,OAAO,OAAO;AAExC,QACE,oBAAC,iBAAD;EACE,IAAI;EACQ;EACZ,YAAY;EACF;EACV,aAAa,SAAS,oBAAC,qBAAD;GAA4C;GAAgB;GAAkB;GAAU,EAA9D,KAAK,MAAyD;EACxG;EACE;EACR,GAAI;EACJ,CAAA;EAEJ;AAEF,sBAAsB,cAAc;AAQpC,IAAM,uBAAuB,EAAE,MAAM,UAAU,aAA6C;AAC1F,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,OAAO,MAAR;EAAa,KAAK,OAAO;EAAY;YAArC,CACE,oBAAC,KAAD;GAAK,KAAK,OAAO;GAAU,aAAU;aACnC,oBAAC,WAAD;IAAW,MAAM;IAAU,KAAK,OAAO;IAAW,aAAU;IAAc,CAAA;GACtE,CAAA,EACN,qBAAC,KAAD;GAAK,KAAK,OAAO;aAAjB,CACE,oBAAC,MAAD;IAAM,KAAK,OAAO;cAAY,KAAK;IAAa,CAAA,EAC/C,KAAK,cAAc,oBAAC,MAAD;IAAM,KAAK,OAAO;cAAiB,KAAK;IAAkB,CAAA,CAC1E;KACM"}
+{"version":3,"file":"BitkitMultiselectMenu.js","names":[],"sources":["../../../lib/components/BitkitMultiselectMenu/BitkitMultiselectMenu.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { type ListCollection } from '@chakra-ui/react/collection';\nimport { Select } 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 { IconCheck } from '../../icons';\nimport {\n  type BitkitSelectMenuCreateItemProps,\n  type BitkitSelectMenuEmptyStateProps,\n  type BitkitSelectMenuSearchProps,\n} from '../BitkitSelectMenu/BitkitSelectMenu';\nimport { SelectMenuShell } from '../BitkitSelectMenu/SelectMenuShell';\n\nexport type BitkitMultiselectMenuItemProps = {\n  value: string;\n  label: string;\n  group?: string;\n  helperText?: string;\n  disabled?: boolean;\n  loading?: boolean;\n};\n\nexport type BitkitMultiselectMenuProps = {\n  collection: ListCollection<BitkitMultiselectMenuItemProps>;\n  isLoading?: boolean;\n  size?: 'md' | 'lg';\n} & BitkitSelectMenuCreateItemProps &\n  BitkitSelectMenuSearchProps &\n  BitkitSelectMenuEmptyStateProps;\n\nconst BitkitMultiselectMenu = forwardRef<HTMLDivElement, BitkitMultiselectMenuProps>((props, ref) => {\n  const { collection, size, ...shellProps } = props;\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={Select}\n      collection={collection}\n      contentRef={ref}\n      iconSize={iconSize}\n      renderItem={(item) => <MultiselectMenuItem key={item.value} item={item} iconSize={iconSize} styles={styles} />}\n      size={size}\n      styles={styles}\n      {...shellProps}\n    />\n  );\n});\n\nBitkitMultiselectMenu.displayName = 'BitkitMultiselectMenu';\n\ntype MultiselectMenuItemRenderProps = {\n  item: BitkitMultiselectMenuItemProps;\n  iconSize: '16' | '24';\n  styles: Record<string, SystemStyleObject>;\n};\n\nconst MultiselectMenuItem = ({ item, iconSize, styles }: MultiselectMenuItemRenderProps) => {\n  if (item.loading) {\n    // Rendered as a plain Box, not Select.Item — Zag's state machine won't track it\n    // as 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    <Select.Item css={styles.item} item={item}>\n      <Box css={styles.checkbox} data-slot=\"checkbox\">\n        <IconCheck size={iconSize} css={styles.checkmark} data-slot=\"checkmark\" />\n      </Box>\n      <Box css={styles.itemContent}>\n        <Text css={styles.itemLabel}>{item.label}</Text>\n        {item.helperText && <Text css={styles.itemHelperText}>{item.helperText}</Text>}\n      </Box>\n    </Select.Item>\n  );\n};\n\nexport default BitkitMultiselectMenu;\n"],"mappings":";;;;;;;;;;AAiCA,IAAM,wBAAwB,YAAwD,OAAO,QAAQ;CACnG,MAAM,EAAE,YAAY,MAAM,GAAG,eAAe;CAE5C,MAAM,SADS,cAAc,EAAE,KAAK,SAAS,CAC9B,EAAO,EAAE,KAAK,CAAC;CAC9B,MAAM,WAAW,SAAS,OAAO,OAAO;CAExC,OACE,oBAAC,iBAAD;EACE,IAAI;EACQ;EACZ,YAAY;EACF;EACV,aAAa,SAAS,oBAAC,qBAAD;GAA4C;GAAgB;GAAkB;EAAS,GAA7D,KAAK,KAAwD;EACvG;EACE;EACR,GAAI;CACL,CAAA;AAEL,CAAC;AAED,sBAAsB,cAAc;AAQpC,IAAM,uBAAuB,EAAE,MAAM,UAAU,aAA6C;CAC1F,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,OAAO,MAAR;EAAa,KAAK,OAAO;EAAY;YAArC,CACE,oBAAC,KAAD;GAAK,KAAK,OAAO;GAAU,aAAU;aACnC,oBAAC,WAAD;IAAW,MAAM;IAAU,KAAK,OAAO;IAAW,aAAU;GAAa,CAAA;EACtE,CAAA,GACL,qBAAC,KAAD;GAAK,KAAK,OAAO;aAAjB,CACE,oBAAC,MAAD;IAAM,KAAK,OAAO;cAAY,KAAK;GAAY,CAAA,GAC9C,KAAK,cAAc,oBAAC,MAAD;IAAM,KAAK,OAAO;cAAiB,KAAK;GAAiB,CAAA,CAC1E;IACM;;AAEjB"}

package/dist/components/BitkitNativeSelect/BitkitNativeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitNativeSelect.js","names":[],"sources":["../../../lib/components/BitkitNativeSelect/BitkitNativeSelect.tsx"],"sourcesContent":["import { NativeSelect, type NativeSelectRootProps } from '@chakra-ui/react/native-select';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { splitProps } from '@zag-js/utils';\nimport { type ChangeEventHandler, forwardRef, type ReactNode } from 'react';\n\nimport { IconErrorCircleFilled, IconWarningYellow } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron.tsx';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField.tsx';\n\nconst FIELD_PROPS = ['defaultValue', 'name', 'onChange', 'placeholder', 'value'] as const;\n\nexport interface BitkitNativeSelectProps extends Omit<\n  BitkitFieldProps,\n  'children' | 'disabled' | 'invalid' | 'onChange' | 'readOnly'\n> {\n  children: ReactNode;\n  defaultValue?: string;\n  name?: string;\n  onChange?: ChangeEventHandler<HTMLSelectElement>;\n  placeholder?: string;\n  selectProps?: NativeSelectRootProps;\n  size?: 'md' | 'lg';\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n  value?: string;\n}\n\nconst BitkitNativeSelect = forwardRef<HTMLSelectElement, BitkitNativeSelectProps>(\n  (props: BitkitNativeSelectProps, ref) => {\n    const { children, selectProps, size = 'md', state, ...rest } = props;\n    const [nativeFieldProps, bitkitFieldProps] = splitProps(rest, [...FIELD_PROPS]);\n\n    const recipe = useSlotRecipe({ key: 'nativeSelect' });\n    const styles = recipe();\n\n    const hasWarning = state === 'warning' || !!bitkitFieldProps.warningText;\n    const isInvalid = state === 'error' || !!bitkitFieldProps.errorText;\n\n    let statusIcon = undefined;\n    if (isInvalid) {\n      statusIcon = (\n        <IconErrorCircleFilled size={size === 'lg' ? '24' : '16'} css={styles.statusIcon} color=\"icon/negative\" />\n      );\n    } else if (hasWarning) {\n      statusIcon = (\n        <IconWarningYellow size={size === 'lg' ? '24' : '16'} css={styles.statusIcon} color=\"icon/warning\" />\n      );\n    }\n\n    return (\n      <BitkitField state={state} {...bitkitFieldProps}>\n        <NativeSelect.Root size={size} {...selectProps} className=\"group\">\n          <NativeSelect.Field ref={ref} {...nativeFieldProps}>\n            {children}\n          </NativeSelect.Field>\n          {statusIcon}\n          <NativeSelect.Indicator asChild>\n            <AssetSelectChevron pointerEvents=\"none\" />\n          </NativeSelect.Indicator>\n        </NativeSelect.Root>\n      </BitkitField>\n    );\n  },\n);\n\nBitkitNativeSelect.displayName = 'BitkitNativeSelect';\n\nexport default BitkitNativeSelect;\n"],"mappings":";;;;;;;;;;AASA,IAAM,cAAc;CAAC;CAAgB;CAAQ;CAAY;CAAe;CAAQ;AAiBhF,IAAM,qBAAqB,YACxB,OAAgC,QAAQ;CACvC,MAAM,EAAE,UAAU,aAAa,OAAO,MAAM,OAAO,GAAG,SAAS;CAC/D,MAAM,CAAC,kBAAkB,oBAAoB,WAAW,MAAM,CAAC,GAAG,YAAY,CAAC;CAG/E,MAAM,SADS,cAAc,EAAE,KAAK,gBAAgB,CACrC,EAAQ;CAEvB,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,iBAAiB;CAC7D,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,iBAAiB;CAE1D,IAAI,aAAa,KAAA;AACjB,KAAI,UACF,cACE,oBAAC,uBAAD;EAAuB,MAAM,SAAS,OAAO,OAAO;EAAM,KAAK,OAAO;EAAY,OAAM;EAAkB,CAAA;UAEnG,WACT,cACE,oBAAC,mBAAD;EAAmB,MAAM,SAAS,OAAO,OAAO;EAAM,KAAK,OAAO;EAAY,OAAM;EAAiB,CAAA;AAIzG,QACE,oBAAC,aAAD;EAAoB;EAAO,GAAI;YAC7B,qBAAC,aAAa,MAAd;GAAyB;GAAM,GAAI;GAAa,WAAU;aAA1D;IACE,oBAAC,aAAa,OAAd;KAAyB;KAAK,GAAI;KAC/B;KACkB,CAAA;IACpB;IACD,oBAAC,aAAa,WAAd;KAAwB,SAAA;eACtB,oBAAC,oBAAD,EAAoB,eAAc,QAAS,CAAA;KACpB,CAAA;IACP;;EACR,CAAA;EAGnB;AAED,mBAAmB,cAAc"}
+{"version":3,"file":"BitkitNativeSelect.js","names":[],"sources":["../../../lib/components/BitkitNativeSelect/BitkitNativeSelect.tsx"],"sourcesContent":["import { NativeSelect, type NativeSelectRootProps } from '@chakra-ui/react/native-select';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { splitProps } from '@zag-js/utils';\nimport { type ChangeEventHandler, forwardRef, type ReactNode } from 'react';\n\nimport { IconErrorCircleFilled, IconWarningYellow } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron.tsx';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField.tsx';\n\nconst FIELD_PROPS = ['defaultValue', 'name', 'onChange', 'placeholder', 'value'] as const;\n\nexport interface BitkitNativeSelectProps extends Omit<\n  BitkitFieldProps,\n  'children' | 'disabled' | 'invalid' | 'onChange' | 'readOnly'\n> {\n  children: ReactNode;\n  defaultValue?: string;\n  name?: string;\n  onChange?: ChangeEventHandler<HTMLSelectElement>;\n  placeholder?: string;\n  selectProps?: NativeSelectRootProps;\n  size?: 'md' | 'lg';\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n  value?: string;\n}\n\nconst BitkitNativeSelect = forwardRef<HTMLSelectElement, BitkitNativeSelectProps>(\n  (props: BitkitNativeSelectProps, ref) => {\n    const { children, selectProps, size = 'md', state, ...rest } = props;\n    const [nativeFieldProps, bitkitFieldProps] = splitProps(rest, [...FIELD_PROPS]);\n\n    const recipe = useSlotRecipe({ key: 'nativeSelect' });\n    const styles = recipe();\n\n    const hasWarning = state === 'warning' || !!bitkitFieldProps.warningText;\n    const isInvalid = state === 'error' || !!bitkitFieldProps.errorText;\n\n    let statusIcon = undefined;\n    if (isInvalid) {\n      statusIcon = (\n        <IconErrorCircleFilled size={size === 'lg' ? '24' : '16'} css={styles.statusIcon} color=\"icon/negative\" />\n      );\n    } else if (hasWarning) {\n      statusIcon = (\n        <IconWarningYellow size={size === 'lg' ? '24' : '16'} css={styles.statusIcon} color=\"icon/warning\" />\n      );\n    }\n\n    return (\n      <BitkitField state={state} {...bitkitFieldProps}>\n        <NativeSelect.Root size={size} {...selectProps} className=\"group\">\n          <NativeSelect.Field ref={ref} {...nativeFieldProps}>\n            {children}\n          </NativeSelect.Field>\n          {statusIcon}\n          <NativeSelect.Indicator asChild>\n            <AssetSelectChevron pointerEvents=\"none\" />\n          </NativeSelect.Indicator>\n        </NativeSelect.Root>\n      </BitkitField>\n    );\n  },\n);\n\nBitkitNativeSelect.displayName = 'BitkitNativeSelect';\n\nexport default BitkitNativeSelect;\n"],"mappings":";;;;;;;;;;AASA,IAAM,cAAc;CAAC;CAAgB;CAAQ;CAAY;CAAe;AAAO;AAiB/E,IAAM,qBAAqB,YACxB,OAAgC,QAAQ;CACvC,MAAM,EAAE,UAAU,aAAa,OAAO,MAAM,OAAO,GAAG,SAAS;CAC/D,MAAM,CAAC,kBAAkB,oBAAoB,WAAW,MAAM,CAAC,GAAG,WAAW,CAAC;CAG9E,MAAM,SADS,cAAc,EAAE,KAAK,eAAe,CACpC,EAAO;CAEtB,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,iBAAiB;CAC7D,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,iBAAiB;CAE1D,IAAI,aAAa,KAAA;CACjB,IAAI,WACF,aACE,oBAAC,uBAAD;EAAuB,MAAM,SAAS,OAAO,OAAO;EAAM,KAAK,OAAO;EAAY,OAAM;CAAiB,CAAA;MAEtG,IAAI,YACT,aACE,oBAAC,mBAAD;EAAmB,MAAM,SAAS,OAAO,OAAO;EAAM,KAAK,OAAO;EAAY,OAAM;CAAgB,CAAA;CAIxG,OACE,oBAAC,aAAD;EAAoB;EAAO,GAAI;YAC7B,qBAAC,aAAa,MAAd;GAAyB;GAAM,GAAI;GAAa,WAAU;aAA1D;IACE,oBAAC,aAAa,OAAd;KAAyB;KAAK,GAAI;KAC/B;IACiB,CAAA;IACnB;IACD,oBAAC,aAAa,WAAd;KAAwB,SAAA;eACtB,oBAAC,oBAAD,EAAoB,eAAc,OAAQ,CAAA;IACpB,CAAA;GACP;;CACR,CAAA;AAEjB,CACF;AAEA,mBAAmB,cAAc"}

package/dist/components/BitkitNoteCard/BitkitNoteCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitNoteCard.js","names":[],"sources":["../../../lib/components/BitkitNoteCard/BitkitNoteCard.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { type ElementType, forwardRef, type ReactNode } from 'react';\n\nimport { type NotificationVariant } from '../../theme/common/AlertAndToast.common';\nimport BitkitButton from '../BitkitButton/BitkitButton';\nimport { ICON_COMPONENTS_MAP, type NotificationAction } from '../common/notificationMaps';\n\n// ----- Props -----\n\nexport type BitkitNoteCardProps = Omit<BoxProps, 'children' | 'title'> & {\n  action?: NotificationAction;\n  message: ReactNode;\n  status?: NotificationVariant;\n  title?: string;\n};\n\n// ----- Component -----\n\nconst BitkitNoteCard = forwardRef<HTMLDivElement, BitkitNoteCardProps>((props, ref) => {\n  const { action, message, status = 'info', title, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'noteCard' });\n  const styles = recipe({ status });\n\n  const IconComponent: ElementType = ICON_COMPONENTS_MAP[status];\n  const isProgress = status === 'progress';\n\n  return (\n    <Box ref={ref} css={styles.root} {...rest}>\n      <Box css={styles.iconBar}>\n        <Box css={styles.iconWrapper}>{isProgress ? <IconComponent size=\"lg\" /> : <IconComponent size=\"24\" />}</Box>\n      </Box>\n      <Box css={styles.content}>\n        <Box css={styles.messageBlock}>\n          {title && <Text css={styles.title}>{title}</Text>}\n          <Text css={title ? styles.message : styles.messageSolo}>{message}</Text>\n        </Box>\n        {action && (\n          <BitkitButton\n            css={styles.actionArea}\n            size=\"sm\"\n            variant=\"tertiary\"\n            {...(action.href && {\n              as: 'a' as const,\n              href: action.href,\n              rel: action.target === '_blank' ? 'noopener noreferrer' : undefined,\n              target: action.target,\n            })}\n            onClick={action.onClick}\n          >\n            {action.label}\n          </BitkitButton>\n        )}\n      </Box>\n    </Box>\n  );\n});\n\nBitkitNoteCard.displayName = 'BitkitNoteCard';\n\nexport default BitkitNoteCard;\n"],"mappings":";;;;;;;;AAoBA,IAAM,iBAAiB,YAAiD,OAAO,QAAQ;CACrF,MAAM,EAAE,QAAQ,SAAS,SAAS,QAAQ,OAAO,GAAG,SAAS;CAG7D,MAAM,SADS,cAAc,EAAE,KAAK,YAAY,CACjC,CAAO,EAAE,QAAQ,CAAC;CAEjC,MAAM,gBAA6B,oBAAoB;CACvD,MAAM,aAAa,WAAW;AAE9B,QACE,qBAAC,KAAD;EAAU;EAAK,KAAK,OAAO;EAAM,GAAI;YAArC,CACE,oBAAC,KAAD;GAAK,KAAK,OAAO;aACf,oBAAC,KAAD;IAAK,KAAK,OAAO;cAAc,aAAa,oBAAC,eAAD,EAAe,MAAK,MAAO,CAAA,GAAG,oBAAC,eAAD,EAAe,MAAK,MAAO,CAAA;IAAO,CAAA;GACxG,CAAA,EACN,qBAAC,KAAD;GAAK,KAAK,OAAO;aAAjB,CACE,qBAAC,KAAD;IAAK,KAAK,OAAO;cAAjB,CACG,SAAS,oBAAC,MAAD;KAAM,KAAK,OAAO;eAAQ;KAAa,CAAA,EACjD,oBAAC,MAAD;KAAM,KAAK,QAAQ,OAAO,UAAU,OAAO;eAAc;KAAe,CAAA,CACpE;OACL,UACC,oBAAC,cAAD;IACE,KAAK,OAAO;IACZ,MAAK;IACL,SAAQ;IACR,GAAK,OAAO,QAAQ;KAClB,IAAI;KACJ,MAAM,OAAO;KACb,KAAK,OAAO,WAAW,WAAW,wBAAwB,KAAA;KAC1D,QAAQ,OAAO;KAChB;IACD,SAAS,OAAO;cAEf,OAAO;IACK,CAAA,CAEb;KACF;;EAER;AAEF,eAAe,cAAc"}
+{"version":3,"file":"BitkitNoteCard.js","names":[],"sources":["../../../lib/components/BitkitNoteCard/BitkitNoteCard.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { type ElementType, forwardRef, type ReactNode } from 'react';\n\nimport { type NotificationVariant } from '../../theme/common/AlertAndToast.common';\nimport BitkitButton from '../BitkitButton/BitkitButton';\nimport { ICON_COMPONENTS_MAP, type NotificationAction } from '../common/notificationMaps';\n\n// ----- Props -----\n\nexport type BitkitNoteCardProps = Omit<BoxProps, 'children' | 'title'> & {\n  action?: NotificationAction;\n  message: ReactNode;\n  status?: NotificationVariant;\n  title?: string;\n};\n\n// ----- Component -----\n\nconst BitkitNoteCard = forwardRef<HTMLDivElement, BitkitNoteCardProps>((props, ref) => {\n  const { action, message, status = 'info', title, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'noteCard' });\n  const styles = recipe({ status });\n\n  const IconComponent: ElementType = ICON_COMPONENTS_MAP[status];\n  const isProgress = status === 'progress';\n\n  return (\n    <Box ref={ref} css={styles.root} {...rest}>\n      <Box css={styles.iconBar}>\n        <Box css={styles.iconWrapper}>{isProgress ? <IconComponent size=\"lg\" /> : <IconComponent size=\"24\" />}</Box>\n      </Box>\n      <Box css={styles.content}>\n        <Box css={styles.messageBlock}>\n          {title && <Text css={styles.title}>{title}</Text>}\n          <Text css={title ? styles.message : styles.messageSolo}>{message}</Text>\n        </Box>\n        {action && (\n          <BitkitButton\n            css={styles.actionArea}\n            size=\"sm\"\n            variant=\"tertiary\"\n            {...(action.href && {\n              as: 'a' as const,\n              href: action.href,\n              rel: action.target === '_blank' ? 'noopener noreferrer' : undefined,\n              target: action.target,\n            })}\n            onClick={action.onClick}\n          >\n            {action.label}\n          </BitkitButton>\n        )}\n      </Box>\n    </Box>\n  );\n});\n\nBitkitNoteCard.displayName = 'BitkitNoteCard';\n\nexport default BitkitNoteCard;\n"],"mappings":";;;;;;;;AAoBA,IAAM,iBAAiB,YAAiD,OAAO,QAAQ;CACrF,MAAM,EAAE,QAAQ,SAAS,SAAS,QAAQ,OAAO,GAAG,SAAS;CAG7D,MAAM,SADS,cAAc,EAAE,KAAK,WAAW,CAChC,EAAO,EAAE,OAAO,CAAC;CAEhC,MAAM,gBAA6B,oBAAoB;CACvD,MAAM,aAAa,WAAW;CAE9B,OACE,qBAAC,KAAD;EAAU;EAAK,KAAK,OAAO;EAAM,GAAI;YAArC,CACE,oBAAC,KAAD;GAAK,KAAK,OAAO;aACf,oBAAC,KAAD;IAAK,KAAK,OAAO;cAAc,aAAa,oBAAC,eAAD,EAAe,MAAK,KAAM,CAAA,IAAI,oBAAC,eAAD,EAAe,MAAK,KAAM,CAAA;GAAO,CAAA;EACxG,CAAA,GACL,qBAAC,KAAD;GAAK,KAAK,OAAO;aAAjB,CACE,qBAAC,KAAD;IAAK,KAAK,OAAO;cAAjB,CACG,SAAS,oBAAC,MAAD;KAAM,KAAK,OAAO;eAAQ;IAAY,CAAA,GAChD,oBAAC,MAAD;KAAM,KAAK,QAAQ,OAAO,UAAU,OAAO;eAAc;IAAc,CAAA,CACpE;OACJ,UACC,oBAAC,cAAD;IACE,KAAK,OAAO;IACZ,MAAK;IACL,SAAQ;IACR,GAAK,OAAO,QAAQ;KAClB,IAAI;KACJ,MAAM,OAAO;KACb,KAAK,OAAO,WAAW,WAAW,wBAAwB,KAAA;KAC1D,QAAQ,OAAO;IACjB;IACA,SAAS,OAAO;cAEf,OAAO;GACI,CAAA,CAEb;IACF;;AAET,CAAC;AAED,eAAe,cAAc"}

package/dist/components/BitkitNumberInput/BitkitNumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitNumberInput.js","names":[],"sources":["../../../lib/components/BitkitNumberInput/BitkitNumberInput.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { NumberInput, type NumberInputRootProps } from '@chakra-ui/react/number-input';\nimport { forwardRef } from 'react';\n\nimport { IconErrorCircleFilled, IconMinus, IconPlus, IconWarningYellow } from '../../icons';\nimport { triggerSeparatorStyle } from '../../theme/slot-recipes/NumberInput.recipe';\nimport { rem } from '../../theme/themeUtils';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField';\n\nexport interface BitkitNumberInputProps extends Omit<\n  BitkitFieldProps,\n  'children' | 'disabled' | 'invalid' | 'readOnly'\n> {\n  defaultValue?: string;\n  inputProps?: NumberInputRootProps;\n  size?: 'md' | 'lg';\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n}\n\nconst BitkitNumberInput = forwardRef<HTMLDivElement, BitkitNumberInputProps>((props: BitkitNumberInputProps, ref) => {\n  const { defaultValue, inputProps, size, state, ...fieldProps } = props;\n\n  const hasWarning = state === 'warning' || !!fieldProps.warningText;\n  const isInvalid = state === 'error' || !!fieldProps.errorText;\n\n  let statusIcon = undefined;\n  if (isInvalid) {\n    statusIcon = <IconErrorCircleFilled size={size === 'lg' ? '24' : '16'} color=\"icon/negative\" />;\n  } else if (hasWarning) {\n    statusIcon = <IconWarningYellow size={size === 'lg' ? '24' : '16'} color=\"icon/warning\" />;\n  }\n\n  return (\n    <BitkitField ref={ref} state={state} {...fieldProps}>\n      <NumberInput.Root\n        css={statusIcon ? { '--control-width': rem(150) } : undefined}\n        defaultValue={defaultValue}\n        size={size}\n        {...inputProps}\n      >\n        <NumberInput.Control>\n          {statusIcon && (\n            <Box paddingInline=\"12\" display=\"flex\" alignItems=\"center\" justifyContent=\"center\">\n              {statusIcon}\n            </Box>\n          )}\n          <NumberInput.DecrementTrigger _before={statusIcon ? triggerSeparatorStyle : undefined}>\n            <IconMinus size={size === 'lg' ? '24' : '16'} />\n          </NumberInput.DecrementTrigger>\n          <NumberInput.IncrementTrigger>\n            <IconPlus size={size === 'lg' ? '24' : '16'} />\n          </NumberInput.IncrementTrigger>\n        </NumberInput.Control>\n        <NumberInput.Input />\n      </NumberInput.Root>\n    </BitkitField>\n  );\n});\n\nBitkitNumberInput.displayName = 'BitkitNumberInput';\n\nexport default BitkitNumberInput;\n"],"mappings":";;;;;;;;;;;;AAmBA,IAAM,oBAAoB,YAAoD,OAA+B,QAAQ;CACnH,MAAM,EAAE,cAAc,YAAY,MAAM,OAAO,GAAG,eAAe;CAEjE,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,WAAW;CACvD,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,WAAW;CAEpD,IAAI,aAAa,KAAA;AACjB,KAAI,UACF,cAAa,oBAAC,uBAAD;EAAuB,MAAM,SAAS,OAAO,OAAO;EAAM,OAAM;EAAkB,CAAA;UACtF,WACT,cAAa,oBAAC,mBAAD;EAAmB,MAAM,SAAS,OAAO,OAAO;EAAM,OAAM;EAAiB,CAAA;AAG5F,QACE,oBAAC,aAAD;EAAkB;EAAY;EAAO,GAAI;YACvC,qBAAC,YAAY,MAAb;GACE,KAAK,aAAa,EAAE,mBAAmB,IAAI,IAAI,EAAE,GAAG,KAAA;GACtC;GACR;GACN,GAAI;aAJN,CAME,qBAAC,YAAY,SAAb,EAAA,UAAA;IACG,cACC,oBAAC,KAAD;KAAK,eAAc;KAAK,SAAQ;KAAO,YAAW;KAAS,gBAAe;eACvE;KACG,CAAA;IAER,oBAAC,YAAY,kBAAb;KAA8B,SAAS,aAAa,wBAAwB,KAAA;eAC1E,oBAAC,WAAD,EAAW,MAAM,SAAS,OAAO,OAAO,MAAQ,CAAA;KACnB,CAAA;IAC/B,oBAAC,YAAY,kBAAb,EAAA,UACE,oBAAC,UAAD,EAAU,MAAM,SAAS,OAAO,OAAO,MAAQ,CAAA,EAClB,CAAA;IACX,EAAA,CAAA,EACtB,oBAAC,YAAY,OAAb,EAAqB,CAAA,CACJ;;EACP,CAAA;EAEhB;AAEF,kBAAkB,cAAc"}
+{"version":3,"file":"BitkitNumberInput.js","names":[],"sources":["../../../lib/components/BitkitNumberInput/BitkitNumberInput.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { NumberInput, type NumberInputRootProps } from '@chakra-ui/react/number-input';\nimport { forwardRef } from 'react';\n\nimport { IconErrorCircleFilled, IconMinus, IconPlus, IconWarningYellow } from '../../icons';\nimport { triggerSeparatorStyle } from '../../theme/slot-recipes/NumberInput.recipe';\nimport { rem } from '../../theme/themeUtils';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField';\n\nexport interface BitkitNumberInputProps extends Omit<\n  BitkitFieldProps,\n  'children' | 'disabled' | 'invalid' | 'readOnly'\n> {\n  defaultValue?: string;\n  inputProps?: NumberInputRootProps;\n  size?: 'md' | 'lg';\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n}\n\nconst BitkitNumberInput = forwardRef<HTMLDivElement, BitkitNumberInputProps>((props: BitkitNumberInputProps, ref) => {\n  const { defaultValue, inputProps, size, state, ...fieldProps } = props;\n\n  const hasWarning = state === 'warning' || !!fieldProps.warningText;\n  const isInvalid = state === 'error' || !!fieldProps.errorText;\n\n  let statusIcon = undefined;\n  if (isInvalid) {\n    statusIcon = <IconErrorCircleFilled size={size === 'lg' ? '24' : '16'} color=\"icon/negative\" />;\n  } else if (hasWarning) {\n    statusIcon = <IconWarningYellow size={size === 'lg' ? '24' : '16'} color=\"icon/warning\" />;\n  }\n\n  return (\n    <BitkitField ref={ref} state={state} {...fieldProps}>\n      <NumberInput.Root\n        css={statusIcon ? { '--control-width': rem(150) } : undefined}\n        defaultValue={defaultValue}\n        size={size}\n        {...inputProps}\n      >\n        <NumberInput.Control>\n          {statusIcon && (\n            <Box paddingInline=\"12\" display=\"flex\" alignItems=\"center\" justifyContent=\"center\">\n              {statusIcon}\n            </Box>\n          )}\n          <NumberInput.DecrementTrigger _before={statusIcon ? triggerSeparatorStyle : undefined}>\n            <IconMinus size={size === 'lg' ? '24' : '16'} />\n          </NumberInput.DecrementTrigger>\n          <NumberInput.IncrementTrigger>\n            <IconPlus size={size === 'lg' ? '24' : '16'} />\n          </NumberInput.IncrementTrigger>\n        </NumberInput.Control>\n        <NumberInput.Input />\n      </NumberInput.Root>\n    </BitkitField>\n  );\n});\n\nBitkitNumberInput.displayName = 'BitkitNumberInput';\n\nexport default BitkitNumberInput;\n"],"mappings":";;;;;;;;;;;;AAmBA,IAAM,oBAAoB,YAAoD,OAA+B,QAAQ;CACnH,MAAM,EAAE,cAAc,YAAY,MAAM,OAAO,GAAG,eAAe;CAEjE,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,WAAW;CACvD,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,WAAW;CAEpD,IAAI,aAAa,KAAA;CACjB,IAAI,WACF,aAAa,oBAAC,uBAAD;EAAuB,MAAM,SAAS,OAAO,OAAO;EAAM,OAAM;CAAiB,CAAA;MACzF,IAAI,YACT,aAAa,oBAAC,mBAAD;EAAmB,MAAM,SAAS,OAAO,OAAO;EAAM,OAAM;CAAgB,CAAA;CAG3F,OACE,oBAAC,aAAD;EAAkB;EAAY;EAAO,GAAI;YACvC,qBAAC,YAAY,MAAb;GACE,KAAK,aAAa,EAAE,mBAAmB,IAAI,GAAG,EAAE,IAAI,KAAA;GACtC;GACR;GACN,GAAI;aAJN,CAME,qBAAC,YAAY,SAAb,EAAA,UAAA;IACG,cACC,oBAAC,KAAD;KAAK,eAAc;KAAK,SAAQ;KAAO,YAAW;KAAS,gBAAe;eACvE;IACE,CAAA;IAEP,oBAAC,YAAY,kBAAb;KAA8B,SAAS,aAAa,wBAAwB,KAAA;eAC1E,oBAAC,WAAD,EAAW,MAAM,SAAS,OAAO,OAAO,KAAO,CAAA;IACnB,CAAA;IAC9B,oBAAC,YAAY,kBAAb,EAAA,UACE,oBAAC,UAAD,EAAU,MAAM,SAAS,OAAO,OAAO,KAAO,CAAA,EAClB,CAAA;GACX,EAAA,CAAA,GACrB,oBAAC,YAAY,OAAb,CAAoB,CAAA,CACJ;;CACP,CAAA;AAEjB,CAAC;AAED,kBAAkB,cAAc"}

package/dist/components/BitkitOverflowContent/BitkitOverflowContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitOverflowContent.js","names":[],"sources":["../../../lib/components/BitkitOverflowContent/BitkitOverflowContent.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text, type TextProps } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode, useState } from 'react';\n\nimport BitkitDialog from '../BitkitDialog/BitkitDialog';\nimport BitkitDialogBody from '../BitkitDialog/BitkitDialogBody';\nimport BitkitLinkButton, { type BitkitLinkButtonProps } from '../BitkitLinkButton/BitkitLinkButton';\n\nexport interface BitkitOverflowContentProps extends Omit<BoxProps, 'children' | 'title'> {\n  buttonSize?: BitkitLinkButtonProps['size'];\n  children: ReactNode;\n  previewText?: string;\n  textStyle?: TextProps['textStyle'];\n  title: string;\n}\n\nconst BitkitOverflowContent = forwardRef<HTMLDivElement, BitkitOverflowContentProps>((props, ref) => {\n  const { buttonSize = 'md', children, previewText, textStyle, title, ...rest } = props;\n  const [open, setOpen] = useState(false);\n  const recipe = useSlotRecipe({ key: 'overflowContent' });\n  const styles = recipe();\n  const preview = previewText || (typeof children === 'string' ? children : 'Click to view content');\n\n  return (\n    <>\n      <Box ref={ref} css={styles.root} {...rest}>\n        <Text css={styles.preview} textStyle={textStyle}>\n          {preview}\n        </Text>\n        <BitkitLinkButton {...styles.action} onClick={() => setOpen(true)} size={buttonSize}>\n          {`View ${title.toLowerCase()}`}\n        </BitkitLinkButton>\n      </Box>\n      <BitkitDialog\n        open={open}\n        size=\"sm\"\n        title={title}\n        variant=\"overflowContent\"\n        onOpenChange={({ open: isOpen }) => setOpen(isOpen)}\n      >\n        <BitkitDialogBody>{children}</BitkitDialogBody>\n      </BitkitDialog>\n    </>\n  );\n});\n\nBitkitOverflowContent.displayName = 'BitkitOverflowContent';\n\nexport default BitkitOverflowContent;\n"],"mappings":";;;;;;;;;AAiBA,IAAM,wBAAwB,YAAwD,OAAO,QAAQ;CACnG,MAAM,EAAE,aAAa,MAAM,UAAU,aAAa,WAAW,OAAO,GAAG,SAAS;CAChF,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CAEvC,MAAM,SADS,cAAc,EAAE,KAAK,mBAAmB,CACxC,EAAQ;CACvB,MAAM,UAAU,gBAAgB,OAAO,aAAa,WAAW,WAAW;AAE1E,QACE,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,KAAD;EAAU;EAAK,KAAK,OAAO;EAAM,GAAI;YAArC,CACE,oBAAC,MAAD;GAAM,KAAK,OAAO;GAAoB;aACnC;GACI,CAAA,EACP,oBAAC,kBAAD;GAAkB,GAAI,OAAO;GAAQ,eAAe,QAAQ,KAAK;GAAE,MAAM;aACtE,QAAQ,MAAM,aAAa;GACX,CAAA,CACf;KACN,oBAAC,sBAAD;EACQ;EACN,MAAK;EACE;EACP,SAAQ;EACR,eAAe,EAAE,MAAM,aAAa,QAAQ,OAAO;YAEnD,oBAAC,kBAAD,EAAmB,UAA4B,CAAA;EAClC,CAAA,CACd,EAAA,CAAA;EAEL;AAEF,sBAAsB,cAAc"}
+{"version":3,"file":"BitkitOverflowContent.js","names":[],"sources":["../../../lib/components/BitkitOverflowContent/BitkitOverflowContent.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text, type TextProps } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode, useState } from 'react';\n\nimport BitkitDialog from '../BitkitDialog/BitkitDialog';\nimport BitkitDialogBody from '../BitkitDialog/BitkitDialogBody';\nimport BitkitLinkButton, { type BitkitLinkButtonProps } from '../BitkitLinkButton/BitkitLinkButton';\n\nexport interface BitkitOverflowContentProps extends Omit<BoxProps, 'children' | 'title'> {\n  buttonSize?: BitkitLinkButtonProps['size'];\n  children: ReactNode;\n  previewText?: string;\n  textStyle?: TextProps['textStyle'];\n  title: string;\n}\n\nconst BitkitOverflowContent = forwardRef<HTMLDivElement, BitkitOverflowContentProps>((props, ref) => {\n  const { buttonSize = 'md', children, previewText, textStyle, title, ...rest } = props;\n  const [open, setOpen] = useState(false);\n  const recipe = useSlotRecipe({ key: 'overflowContent' });\n  const styles = recipe();\n  const preview = previewText || (typeof children === 'string' ? children : 'Click to view content');\n\n  return (\n    <>\n      <Box ref={ref} css={styles.root} {...rest}>\n        <Text css={styles.preview} textStyle={textStyle}>\n          {preview}\n        </Text>\n        <BitkitLinkButton {...styles.action} onClick={() => setOpen(true)} size={buttonSize}>\n          {`View ${title.toLowerCase()}`}\n        </BitkitLinkButton>\n      </Box>\n      <BitkitDialog\n        open={open}\n        size=\"sm\"\n        title={title}\n        variant=\"overflowContent\"\n        onOpenChange={({ open: isOpen }) => setOpen(isOpen)}\n      >\n        <BitkitDialogBody>{children}</BitkitDialogBody>\n      </BitkitDialog>\n    </>\n  );\n});\n\nBitkitOverflowContent.displayName = 'BitkitOverflowContent';\n\nexport default BitkitOverflowContent;\n"],"mappings":";;;;;;;;;AAiBA,IAAM,wBAAwB,YAAwD,OAAO,QAAQ;CACnG,MAAM,EAAE,aAAa,MAAM,UAAU,aAAa,WAAW,OAAO,GAAG,SAAS;CAChF,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CAEtC,MAAM,SADS,cAAc,EAAE,KAAK,kBAAkB,CACvC,EAAO;CACtB,MAAM,UAAU,gBAAgB,OAAO,aAAa,WAAW,WAAW;CAE1E,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,KAAD;EAAU;EAAK,KAAK,OAAO;EAAM,GAAI;YAArC,CACE,oBAAC,MAAD;GAAM,KAAK,OAAO;GAAoB;aACnC;EACG,CAAA,GACN,oBAAC,kBAAD;GAAkB,GAAI,OAAO;GAAQ,eAAe,QAAQ,IAAI;GAAG,MAAM;aACtE,QAAQ,MAAM,YAAY;EACX,CAAA,CACf;KACL,oBAAC,sBAAD;EACQ;EACN,MAAK;EACE;EACP,SAAQ;EACR,eAAe,EAAE,MAAM,aAAa,QAAQ,MAAM;YAElD,oBAAC,kBAAD,EAAmB,SAA2B,CAAA;CAClC,CAAA,CACd,EAAA,CAAA;AAEN,CAAC;AAED,sBAAsB,cAAc"}

package/dist/components/BitkitOverflowTooltip/BitkitOverflowTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitOverflowTooltip.js","names":[],"sources":["../../../lib/components/BitkitOverflowTooltip/BitkitOverflowTooltip.tsx"],"sourcesContent":["import { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { type ReactNode } from 'react';\n\nimport { rem } from '../../theme/themeUtils';\n\nexport type BitkitOverflowTooltipProps = {\n  children: ReactNode;\n  disabled?: TooltipRootProps['disabled'];\n  placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n  text: string;\n};\n\nconst BitkitOverflowTooltip = ({ children, disabled, placement = 'right', text }: BitkitOverflowTooltipProps) => {\n  return (\n    <Tooltip.Root\n      disabled={disabled}\n      paddingSize=\"sm\"\n      positioning={{ placement, offset: { mainAxis: 4, crossAxis: 0 } }}\n      textStyle=\"sm/regular\"\n      variant=\"light\"\n    >\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <Tooltip.Positioner>\n        <Tooltip.Content css={{ maxWidth: rem(800) }}>{text}</Tooltip.Content>\n      </Tooltip.Positioner>\n    </Tooltip.Root>\n  );\n};\n\nBitkitOverflowTooltip.displayName = 'BitkitOverflowTooltip';\n\nexport default BitkitOverflowTooltip;\n"],"mappings":";;;;AAYA,IAAM,yBAAyB,EAAE,UAAU,UAAU,YAAY,SAAS,WAAuC;AAC/G,QACE,qBAAC,QAAQ,MAAT;EACY;EACV,aAAY;EACZ,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;IAAG;GAAE;EACjE,WAAU;EACV,SAAQ;YALV,CAOE,oBAAC,QAAQ,SAAT;GAAiB,SAAA;GAAS;GAA2B,CAAA,EACrD,oBAAC,QAAQ,YAAT,EAAA,UACE,oBAAC,QAAQ,SAAT;GAAiB,KAAK,EAAE,UAAU,IAAI,IAAI,EAAE;aAAG;GAAuB,CAAA,EACnD,CAAA,CACR;;;AAInB,sBAAsB,cAAc"}
+{"version":3,"file":"BitkitOverflowTooltip.js","names":[],"sources":["../../../lib/components/BitkitOverflowTooltip/BitkitOverflowTooltip.tsx"],"sourcesContent":["import { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { type ReactNode } from 'react';\n\nimport { rem } from '../../theme/themeUtils';\n\nexport type BitkitOverflowTooltipProps = {\n  children: ReactNode;\n  disabled?: TooltipRootProps['disabled'];\n  placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n  text: string;\n};\n\nconst BitkitOverflowTooltip = ({ children, disabled, placement = 'right', text }: BitkitOverflowTooltipProps) => {\n  return (\n    <Tooltip.Root\n      disabled={disabled}\n      paddingSize=\"sm\"\n      positioning={{ placement, offset: { mainAxis: 4, crossAxis: 0 } }}\n      textStyle=\"sm/regular\"\n      variant=\"light\"\n    >\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <Tooltip.Positioner>\n        <Tooltip.Content css={{ maxWidth: rem(800) }}>{text}</Tooltip.Content>\n      </Tooltip.Positioner>\n    </Tooltip.Root>\n  );\n};\n\nBitkitOverflowTooltip.displayName = 'BitkitOverflowTooltip';\n\nexport default BitkitOverflowTooltip;\n"],"mappings":";;;;AAYA,IAAM,yBAAyB,EAAE,UAAU,UAAU,YAAY,SAAS,WAAuC;CAC/G,OACE,qBAAC,QAAQ,MAAT;EACY;EACV,aAAY;EACZ,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;GAAE;EAAE;EAChE,WAAU;EACV,SAAQ;YALV,CAOE,oBAAC,QAAQ,SAAT;GAAiB,SAAA;GAAS;EAA0B,CAAA,GACpD,oBAAC,QAAQ,YAAT,EAAA,UACE,oBAAC,QAAQ,SAAT;GAAiB,KAAK,EAAE,UAAU,IAAI,GAAG,EAAE;aAAI;EAAsB,CAAA,EACnD,CAAA,CACR;;AAElB;AAEA,sBAAsB,cAAc"}

package/dist/components/BitkitPageFooter/BitkitPageFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitPageFooter.js","names":[],"sources":["../../../lib/components/BitkitPageFooter/BitkitPageFooter.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type HTMLAttributeAnchorTarget,\n  type MouseEventHandler,\n  type ReactNode,\n} from 'react';\n\nimport IconBitbot from '../../icons/IconBitbot';\n\nconst SEVERITY_COLOR_MAP: Record<string, string> = {\n  critical: 'sys/red/bold',\n  major: 'sys/orange/bold',\n  minor: 'sys/yellow/muted',\n  none: 'sys/green/bold',\n};\n\n// --- BitkitPageFooter (Root) ---\n\nexport interface BitkitPageFooterProps extends Omit<BoxProps, 'colorScheme'> {\n  children?: ReactNode;\n  colorScheme?: 'gray' | 'white';\n  severity?: 'none' | 'minor' | 'major' | 'critical' | (string & {});\n  size?: 'compact' | 'default';\n  statusLabel?: string;\n  variant?: 'default' | 'public';\n}\n\nconst BitkitPageFooter = forwardRef<HTMLDivElement, BitkitPageFooterProps>((props, ref) => {\n  const { children, colorScheme, severity = 'none', size, statusLabel, variant, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'pageFooter' });\n  const styles = recipe({ colorScheme, size, variant });\n\n  const year = new Date().getFullYear();\n\n  const severityColor = SEVERITY_COLOR_MAP[severity] ?? 'sys/neutral/bold';\n\n  return (\n    <Box as=\"footer\" ref={ref} css={styles.root} {...rest}>\n      {statusLabel && (\n        <chakra.div css={styles.status}>\n          <chakra.div css={styles.statusDot} background={severityColor} />\n          <chakra.span css={styles.statusLabel}>{statusLabel}</chakra.span>\n        </chakra.div>\n      )}\n\n      <chakra.div css={styles.copyright}>\n        <IconBitbot size=\"24\" color=\"icon/secondary\" />\n        <chakra.span css={styles.copyrightText}>© {year} Bitrise Ltd.</chakra.span>\n      </chakra.div>\n\n      {children && <chakra.nav css={styles.links}>{children}</chakra.nav>}\n    </Box>\n  );\n});\n\nBitkitPageFooter.displayName = 'BitkitPageFooter';\n\n// --- BitkitPageFooterItem ---\n\ntype LinkItemProps = {\n  href: string;\n  rel?: string;\n  target?: HTMLAttributeAnchorTarget;\n} & Omit<ComponentPropsWithoutRef<'a'>, 'href' | 'target' | 'rel'>;\n\ntype ButtonItemProps = {\n  href?: never;\n  onClick: MouseEventHandler<HTMLButtonElement>;\n} & Omit<ComponentPropsWithoutRef<'button'>, 'onClick'>;\n\nexport type BitkitPageFooterItemProps = (LinkItemProps | ButtonItemProps) & {\n  children: ReactNode;\n};\n\nconst BitkitPageFooterItem = forwardRef<HTMLButtonElement & HTMLAnchorElement, BitkitPageFooterItemProps>(\n  (props, ref) => {\n    const recipe = useSlotRecipe({ key: 'pageFooter' });\n    const styles = recipe();\n\n    if ('href' in props && props.href) {\n      const { children, href, target, rel, ...rest } = props as LinkItemProps & { children: ReactNode };\n      const resolvedRel = target === '_blank' ? [rel, 'noopener noreferrer'].filter(Boolean).join(' ') : rel;\n\n      return (\n        <chakra.a ref={ref} css={styles.link} href={href} rel={resolvedRel} target={target} {...rest}>\n          {children}\n        </chakra.a>\n      );\n    }\n\n    const { children, onClick, ...rest } = props as ButtonItemProps & { children: ReactNode };\n\n    return (\n      <chakra.button ref={ref} css={styles.link} onClick={onClick} type=\"button\" {...rest}>\n        {children}\n      </chakra.button>\n    );\n  },\n);\n\nBitkitPageFooterItem.displayName = 'BitkitPageFooterItem';\n\nexport default Object.assign(BitkitPageFooter, { Item: BitkitPageFooterItem });\n"],"mappings":";;;;;;AAYA,IAAM,qBAA6C;CACjD,UAAU;CACV,OAAO;CACP,OAAO;CACP,MAAM;CACP;AAaD,IAAM,mBAAmB,YAAmD,OAAO,QAAQ;CACzF,MAAM,EAAE,UAAU,aAAa,WAAW,QAAQ,MAAM,aAAa,SAAS,GAAG,SAAS;CAG1F,MAAM,SADS,cAAc,EAAE,KAAK,cAAc,CACnC,CAAO;EAAE;EAAa;EAAM;EAAS,CAAC;CAErD,MAAM,wBAAO,IAAI,MAAM,EAAC,aAAa;CAErC,MAAM,gBAAgB,mBAAmB,aAAa;AAEtD,QACE,qBAAC,KAAD;EAAK,IAAG;EAAc;EAAK,KAAK,OAAO;EAAM,GAAI;YAAjD;GACG,eACC,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACE,oBAAC,OAAO,KAAR;KAAY,KAAK,OAAO;KAAW,YAAY;KAAiB,CAAA,EAChE,oBAAC,OAAO,MAAR;KAAa,KAAK,OAAO;eAAc;KAA0B,CAAA,CACtD;;GAGf,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACE,oBAAC,YAAD;KAAY,MAAK;KAAK,OAAM;KAAmB,CAAA,EAC/C,qBAAC,OAAO,MAAR;KAAa,KAAK,OAAO;eAAzB;MAAwC;MAAG;MAAK;MAA2B;OAChE;;GAEZ,YAAY,oBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;IAAQ;IAAsB,CAAA;GAC/D;;EAER;AAEF,iBAAiB,cAAc;AAmB/B,IAAM,uBAAuB,YAC1B,OAAO,QAAQ;CAEd,MAAM,SADS,cAAc,EAAE,KAAK,cAAc,CACnC,EAAQ;AAEvB,KAAI,UAAU,SAAS,MAAM,MAAM;EACjC,MAAM,EAAE,UAAU,MAAM,QAAQ,KAAK,GAAG,SAAS;EACjD,MAAM,cAAc,WAAW,WAAW,CAAC,KAAK,sBAAsB,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,GAAG;AAEnG,SACE,oBAAC,OAAO,GAAR;GAAe;GAAK,KAAK,OAAO;GAAY;GAAM,KAAK;GAAqB;GAAQ,GAAI;GACrF;GACQ,CAAA;;CAIf,MAAM,EAAE,UAAU,SAAS,GAAG,SAAS;AAEvC,QACE,oBAAC,OAAO,QAAR;EAAoB;EAAK,KAAK,OAAO;EAAe;EAAS,MAAK;EAAS,GAAI;EAC5E;EACa,CAAA;EAGrB;AAED,qBAAqB,cAAc;AAEnC,IAAA,2BAAe,OAAO,OAAO,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"BitkitPageFooter.js","names":[],"sources":["../../../lib/components/BitkitPageFooter/BitkitPageFooter.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type HTMLAttributeAnchorTarget,\n  type MouseEventHandler,\n  type ReactNode,\n} from 'react';\n\nimport IconBitbot from '../../icons/IconBitbot';\n\nconst SEVERITY_COLOR_MAP: Record<string, string> = {\n  critical: 'sys/red/bold',\n  major: 'sys/orange/bold',\n  minor: 'sys/yellow/muted',\n  none: 'sys/green/bold',\n};\n\n// --- BitkitPageFooter (Root) ---\n\nexport interface BitkitPageFooterProps extends Omit<BoxProps, 'colorScheme'> {\n  children?: ReactNode;\n  colorScheme?: 'gray' | 'white';\n  severity?: 'none' | 'minor' | 'major' | 'critical' | (string & {});\n  size?: 'compact' | 'default';\n  statusLabel?: string;\n  variant?: 'default' | 'public';\n}\n\nconst BitkitPageFooter = forwardRef<HTMLDivElement, BitkitPageFooterProps>((props, ref) => {\n  const { children, colorScheme, severity = 'none', size, statusLabel, variant, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'pageFooter' });\n  const styles = recipe({ colorScheme, size, variant });\n\n  const year = new Date().getFullYear();\n\n  const severityColor = SEVERITY_COLOR_MAP[severity] ?? 'sys/neutral/bold';\n\n  return (\n    <Box as=\"footer\" ref={ref} css={styles.root} {...rest}>\n      {statusLabel && (\n        <chakra.div css={styles.status}>\n          <chakra.div css={styles.statusDot} background={severityColor} />\n          <chakra.span css={styles.statusLabel}>{statusLabel}</chakra.span>\n        </chakra.div>\n      )}\n\n      <chakra.div css={styles.copyright}>\n        <IconBitbot size=\"24\" color=\"icon/secondary\" />\n        <chakra.span css={styles.copyrightText}>© {year} Bitrise Ltd.</chakra.span>\n      </chakra.div>\n\n      {children && <chakra.nav css={styles.links}>{children}</chakra.nav>}\n    </Box>\n  );\n});\n\nBitkitPageFooter.displayName = 'BitkitPageFooter';\n\n// --- BitkitPageFooterItem ---\n\ntype LinkItemProps = {\n  href: string;\n  rel?: string;\n  target?: HTMLAttributeAnchorTarget;\n} & Omit<ComponentPropsWithoutRef<'a'>, 'href' | 'target' | 'rel'>;\n\ntype ButtonItemProps = {\n  href?: never;\n  onClick: MouseEventHandler<HTMLButtonElement>;\n} & Omit<ComponentPropsWithoutRef<'button'>, 'onClick'>;\n\nexport type BitkitPageFooterItemProps = (LinkItemProps | ButtonItemProps) & {\n  children: ReactNode;\n};\n\nconst BitkitPageFooterItem = forwardRef<HTMLButtonElement & HTMLAnchorElement, BitkitPageFooterItemProps>(\n  (props, ref) => {\n    const recipe = useSlotRecipe({ key: 'pageFooter' });\n    const styles = recipe();\n\n    if ('href' in props && props.href) {\n      const { children, href, target, rel, ...rest } = props as LinkItemProps & { children: ReactNode };\n      const resolvedRel = target === '_blank' ? [rel, 'noopener noreferrer'].filter(Boolean).join(' ') : rel;\n\n      return (\n        <chakra.a ref={ref} css={styles.link} href={href} rel={resolvedRel} target={target} {...rest}>\n          {children}\n        </chakra.a>\n      );\n    }\n\n    const { children, onClick, ...rest } = props as ButtonItemProps & { children: ReactNode };\n\n    return (\n      <chakra.button ref={ref} css={styles.link} onClick={onClick} type=\"button\" {...rest}>\n        {children}\n      </chakra.button>\n    );\n  },\n);\n\nBitkitPageFooterItem.displayName = 'BitkitPageFooterItem';\n\nexport default Object.assign(BitkitPageFooter, { Item: BitkitPageFooterItem });\n"],"mappings":";;;;;;AAYA,IAAM,qBAA6C;CACjD,UAAU;CACV,OAAO;CACP,OAAO;CACP,MAAM;AACR;AAaA,IAAM,mBAAmB,YAAmD,OAAO,QAAQ;CACzF,MAAM,EAAE,UAAU,aAAa,WAAW,QAAQ,MAAM,aAAa,SAAS,GAAG,SAAS;CAG1F,MAAM,SADS,cAAc,EAAE,KAAK,aAAa,CAClC,EAAO;EAAE;EAAa;EAAM;CAAQ,CAAC;CAEpD,MAAM,wBAAO,IAAI,KAAK,GAAE,YAAY;CAEpC,MAAM,gBAAgB,mBAAmB,aAAa;CAEtD,OACE,qBAAC,KAAD;EAAK,IAAG;EAAc;EAAK,KAAK,OAAO;EAAM,GAAI;YAAjD;GACG,eACC,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACE,oBAAC,OAAO,KAAR;KAAY,KAAK,OAAO;KAAW,YAAY;IAAgB,CAAA,GAC/D,oBAAC,OAAO,MAAR;KAAa,KAAK,OAAO;eAAc;IAAyB,CAAA,CACtD;;GAGd,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACE,oBAAC,YAAD;KAAY,MAAK;KAAK,OAAM;IAAkB,CAAA,GAC9C,qBAAC,OAAO,MAAR;KAAa,KAAK,OAAO;eAAzB;MAAwC;MAAG;MAAK;KAA0B;MAChE;;GAEX,YAAY,oBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;IAAQ;GAAqB,CAAA;EAC/D;;AAET,CAAC;AAED,iBAAiB,cAAc;AAmB/B,IAAM,uBAAuB,YAC1B,OAAO,QAAQ;CAEd,MAAM,SADS,cAAc,EAAE,KAAK,aAAa,CAClC,EAAO;CAEtB,IAAI,UAAU,SAAS,MAAM,MAAM;EACjC,MAAM,EAAE,UAAU,MAAM,QAAQ,KAAK,GAAG,SAAS;EACjD,MAAM,cAAc,WAAW,WAAW,CAAC,KAAK,qBAAqB,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,IAAI;EAEnG,OACE,oBAAC,OAAO,GAAR;GAAe;GAAK,KAAK,OAAO;GAAY;GAAM,KAAK;GAAqB;GAAQ,GAAI;GACrF;EACO,CAAA;CAEd;CAEA,MAAM,EAAE,UAAU,SAAS,GAAG,SAAS;CAEvC,OACE,oBAAC,OAAO,QAAR;EAAoB;EAAK,KAAK,OAAO;EAAe;EAAS,MAAK;EAAS,GAAI;EAC5E;CACY,CAAA;AAEnB,CACF;AAEA,qBAAqB,cAAc;AAEnC,IAAA,2BAAe,OAAO,OAAO,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/BitkitPagination/BitkitPagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitPagination.js","names":[],"sources":["../../../lib/components/BitkitPagination/BitkitPagination.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { Separator } from '@chakra-ui/react/separator';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, useMemo } from 'react';\n\nimport { IconChevronLeft, IconChevronRight } from '../../icons';\nimport BitkitIconButton from '../BitkitIconButton/BitkitIconButton';\nimport BitkitNativeSelect from '../BitkitNativeSelect/BitkitNativeSelect';\n\nexport interface BitkitPaginationLabels {\n  items?: string;\n  itemsPerPage?: string;\n  nextPage?: string;\n  pages?: string;\n  previousPage?: string;\n}\n\nconst DEFAULT_LABELS: Required<BitkitPaginationLabels> = {\n  items: '{start}\\u2013{end} of {total} items',\n  itemsPerPage: 'Items per page:',\n  nextPage: 'Next page',\n  pages: 'of {totalPages} pages',\n  previousPage: 'Previous page',\n};\n\nconst formatLabel = (template: string, values: Record<string, number>) =>\n  Object.entries(values).reduce((str, [key, val]) => str.replaceAll(`{${key}}`, String(val)), template);\n\nexport interface BitkitPaginationProps extends Omit<BoxProps, 'colorPalette' | 'page'> {\n  labels?: BitkitPaginationLabels;\n  onPageChange?: (page: number) => void;\n  onPageSizeChange?: (pageSize: number) => void;\n  page: number;\n  pageSize: number;\n  pageSizeOptions?: number[];\n  state?: 'skeleton';\n  totalItems: number;\n  variant?: 'card' | 'page' | 'table';\n}\n\nconst BitkitPagination = forwardRef<HTMLDivElement, BitkitPaginationProps>((props, ref) => {\n  const {\n    labels: labelsProp,\n    onPageChange,\n    onPageSizeChange,\n    page,\n    pageSize,\n    pageSizeOptions = [10, 25, 50],\n    state,\n    totalItems,\n    variant = 'table',\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: 'pagination' });\n  const styles = recipe({ variant });\n\n  const safePageSize = Math.max(1, pageSize);\n  const totalPages = Math.max(1, Math.ceil(totalItems / safePageSize));\n  const safePage = Math.min(Math.max(1, page), totalPages);\n  const start = totalItems === 0 ? 0 : (safePage - 1) * safePageSize + 1;\n  const end = Math.min(safePage * safePageSize, totalItems);\n  const isFirstPage = safePage <= 1;\n  const isLastPage = safePage >= totalPages;\n  const isSkeleton = state === 'skeleton';\n  const showItemsPerPage = variant !== 'card';\n\n  const values = { end, start, total: totalItems, totalPages };\n  const labels = Object.fromEntries(\n    Object.entries({ ...DEFAULT_LABELS, ...labelsProp }).map(([k, v]) => [k, formatLabel(v, values)]),\n  ) as Required<BitkitPaginationLabels>;\n\n  const pageSizeItems = useMemo(\n    () => pageSizeOptions.map((opt) => ({ label: String(opt), value: String(opt) })),\n    [pageSizeOptions],\n  );\n\n  const pageItems = useMemo(\n    () => Array.from({ length: totalPages }, (_, i) => ({ label: String(i + 1), value: String(i + 1) })),\n    [totalPages],\n  );\n\n  return (\n    <Box ref={ref} css={styles.root} {...rest}>\n      <chakra.div css={styles.itemsBlock}>\n        {showItemsPerPage && (\n          <>\n            <chakra.span css={styles.text}>{labels.itemsPerPage}</chakra.span>\n            <BitkitNativeSelect\n              css={styles.itemsSelect}\n              onChange={(e) => onPageSizeChange?.(Number(e.target.value))}\n              size=\"md\"\n              state={isSkeleton ? 'disabled' : undefined}\n              value={String(safePageSize)}\n            >\n              {pageSizeItems.map((opt) => (\n                <option key={opt.value} value={opt.value}>\n                  {opt.label}\n                </option>\n              ))}\n            </BitkitNativeSelect>\n            <Separator alignSelf=\"stretch\" borderColor=\"border/minimal\" marginInline=\"8\" orientation=\"vertical\" />\n          </>\n        )}\n        {isSkeleton ? <Skeleton height=\"20\" width=\"96\" /> : <chakra.span css={styles.text}>{labels.items}</chakra.span>}\n      </chakra.div>\n\n      <chakra.div css={styles.pageBlock}>\n        <Separator alignSelf=\"stretch\" borderColor=\"border/minimal\" marginInline=\"8\" orientation=\"vertical\" />\n        <BitkitNativeSelect\n          css={styles.pageSelect}\n          onChange={(e) => onPageChange?.(Number(e.target.value))}\n          size=\"md\"\n          state={isSkeleton ? 'disabled' : undefined}\n          value={String(safePage)}\n        >\n          {pageItems.map((opt) => (\n            <option key={opt.value} value={opt.value}>\n              {opt.label}\n            </option>\n          ))}\n        </BitkitNativeSelect>\n        {isSkeleton ? <Skeleton height=\"20\" width=\"64\" /> : <chakra.span css={styles.text}>{labels.pages}</chakra.span>}\n        <BitkitIconButton\n          icon={IconChevronLeft}\n          label={labels.previousPage}\n          marginInlineStart=\"8\"\n          onClick={() => onPageChange?.(safePage - 1)}\n          size=\"md\"\n          state={isFirstPage || isSkeleton ? 'disabled' : undefined}\n          variant=\"secondary\"\n        />\n        <BitkitIconButton\n          icon={IconChevronRight}\n          label={labels.nextPage}\n          onClick={() => onPageChange?.(safePage + 1)}\n          size=\"md\"\n          state={isLastPage || isSkeleton ? 'disabled' : undefined}\n          variant=\"secondary\"\n        />\n      </chakra.div>\n    </Box>\n  );\n});\n\nBitkitPagination.displayName = 'BitkitPagination';\n\nexport default BitkitPagination;\n"],"mappings":"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"}
+{"version":3,"file":"BitkitPagination.js","names":[],"sources":["../../../lib/components/BitkitPagination/BitkitPagination.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { Separator } from '@chakra-ui/react/separator';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, useMemo } from 'react';\n\nimport { IconChevronLeft, IconChevronRight } from '../../icons';\nimport BitkitIconButton from '../BitkitIconButton/BitkitIconButton';\nimport BitkitNativeSelect from '../BitkitNativeSelect/BitkitNativeSelect';\n\nexport interface BitkitPaginationLabels {\n  items?: string;\n  itemsPerPage?: string;\n  nextPage?: string;\n  pages?: string;\n  previousPage?: string;\n}\n\nconst DEFAULT_LABELS: Required<BitkitPaginationLabels> = {\n  items: '{start}\\u2013{end} of {total} items',\n  itemsPerPage: 'Items per page:',\n  nextPage: 'Next page',\n  pages: 'of {totalPages} pages',\n  previousPage: 'Previous page',\n};\n\nconst formatLabel = (template: string, values: Record<string, number>) =>\n  Object.entries(values).reduce((str, [key, val]) => str.replaceAll(`{${key}}`, String(val)), template);\n\nexport interface BitkitPaginationProps extends Omit<BoxProps, 'colorPalette' | 'page'> {\n  labels?: BitkitPaginationLabels;\n  onPageChange?: (page: number) => void;\n  onPageSizeChange?: (pageSize: number) => void;\n  page: number;\n  pageSize: number;\n  pageSizeOptions?: number[];\n  state?: 'skeleton';\n  totalItems: number;\n  variant?: 'card' | 'page' | 'table';\n}\n\nconst BitkitPagination = forwardRef<HTMLDivElement, BitkitPaginationProps>((props, ref) => {\n  const {\n    labels: labelsProp,\n    onPageChange,\n    onPageSizeChange,\n    page,\n    pageSize,\n    pageSizeOptions = [10, 25, 50],\n    state,\n    totalItems,\n    variant = 'table',\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: 'pagination' });\n  const styles = recipe({ variant });\n\n  const safePageSize = Math.max(1, pageSize);\n  const totalPages = Math.max(1, Math.ceil(totalItems / safePageSize));\n  const safePage = Math.min(Math.max(1, page), totalPages);\n  const start = totalItems === 0 ? 0 : (safePage - 1) * safePageSize + 1;\n  const end = Math.min(safePage * safePageSize, totalItems);\n  const isFirstPage = safePage <= 1;\n  const isLastPage = safePage >= totalPages;\n  const isSkeleton = state === 'skeleton';\n  const showItemsPerPage = variant !== 'card';\n\n  const values = { end, start, total: totalItems, totalPages };\n  const labels = Object.fromEntries(\n    Object.entries({ ...DEFAULT_LABELS, ...labelsProp }).map(([k, v]) => [k, formatLabel(v, values)]),\n  ) as Required<BitkitPaginationLabels>;\n\n  const pageSizeItems = useMemo(\n    () => pageSizeOptions.map((opt) => ({ label: String(opt), value: String(opt) })),\n    [pageSizeOptions],\n  );\n\n  const pageItems = useMemo(\n    () => Array.from({ length: totalPages }, (_, i) => ({ label: String(i + 1), value: String(i + 1) })),\n    [totalPages],\n  );\n\n  return (\n    <Box ref={ref} css={styles.root} {...rest}>\n      <chakra.div css={styles.itemsBlock}>\n        {showItemsPerPage && (\n          <>\n            <chakra.span css={styles.text}>{labels.itemsPerPage}</chakra.span>\n            <BitkitNativeSelect\n              css={styles.itemsSelect}\n              onChange={(e) => onPageSizeChange?.(Number(e.target.value))}\n              size=\"md\"\n              state={isSkeleton ? 'disabled' : undefined}\n              value={String(safePageSize)}\n            >\n              {pageSizeItems.map((opt) => (\n                <option key={opt.value} value={opt.value}>\n                  {opt.label}\n                </option>\n              ))}\n            </BitkitNativeSelect>\n            <Separator alignSelf=\"stretch\" borderColor=\"border/minimal\" marginInline=\"8\" orientation=\"vertical\" />\n          </>\n        )}\n        {isSkeleton ? <Skeleton height=\"20\" width=\"96\" /> : <chakra.span css={styles.text}>{labels.items}</chakra.span>}\n      </chakra.div>\n\n      <chakra.div css={styles.pageBlock}>\n        <Separator alignSelf=\"stretch\" borderColor=\"border/minimal\" marginInline=\"8\" orientation=\"vertical\" />\n        <BitkitNativeSelect\n          css={styles.pageSelect}\n          onChange={(e) => onPageChange?.(Number(e.target.value))}\n          size=\"md\"\n          state={isSkeleton ? 'disabled' : undefined}\n          value={String(safePage)}\n        >\n          {pageItems.map((opt) => (\n            <option key={opt.value} value={opt.value}>\n              {opt.label}\n            </option>\n          ))}\n        </BitkitNativeSelect>\n        {isSkeleton ? <Skeleton height=\"20\" width=\"64\" /> : <chakra.span css={styles.text}>{labels.pages}</chakra.span>}\n        <BitkitIconButton\n          icon={IconChevronLeft}\n          label={labels.previousPage}\n          marginInlineStart=\"8\"\n          onClick={() => onPageChange?.(safePage - 1)}\n          size=\"md\"\n          state={isFirstPage || isSkeleton ? 'disabled' : undefined}\n          variant=\"secondary\"\n        />\n        <BitkitIconButton\n          icon={IconChevronRight}\n          label={labels.nextPage}\n          onClick={() => onPageChange?.(safePage + 1)}\n          size=\"md\"\n          state={isLastPage || isSkeleton ? 'disabled' : undefined}\n          variant=\"secondary\"\n        />\n      </chakra.div>\n    </Box>\n  );\n});\n\nBitkitPagination.displayName = 'BitkitPagination';\n\nexport default BitkitPagination;\n"],"mappings":"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"}

package/dist/components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitPaginationLoadMore.js","names":[],"sources":["../../../lib/components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport BitkitButton from '../BitkitButton/BitkitButton';\nimport BitkitInlineLoading from '../BitkitInlineLoading/BitkitInlineLoading';\nimport BitkitLinkButton from '../BitkitLinkButton/BitkitLinkButton';\n\nexport interface BitkitPaginationLoadMoreProps extends Omit<BoxProps, 'page' | 'size'> {\n  loadingMore?: boolean;\n  onLoadMore: () => void;\n  page: number;\n  pageItemsCount: number;\n  size?: 'md' | 'sm' | 'xs';\n  totalCount: number;\n}\n\nconst BitkitPaginationLoadMore = forwardRef<HTMLDivElement, BitkitPaginationLoadMoreProps>((props, ref) => {\n  const { loadingMore = false, onLoadMore, page, pageItemsCount, size = 'md', totalCount, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'paginationLoadMore' });\n  const styles = recipe({ size });\n\n  const clampedPage = Math.max(1, page);\n  const clampedPageItemsCount = Math.max(1, pageItemsCount);\n  const shownCount = Math.min(clampedPage * clampedPageItemsCount, totalCount);\n  const isComplete = shownCount >= totalCount;\n  const loadMoreCount = Math.min(clampedPageItemsCount, totalCount - shownCount);\n\n  const inlineLoadingSize = size === 'md' ? 'md' : 'sm';\n\n  return (\n    <Box css={styles.root} ref={ref} {...rest}>\n      <chakra.span css={styles.counter}>\n        Showing {shownCount} of {totalCount}\n      </chakra.span>\n      {!isComplete && (\n        <>\n          {loadingMore ? (\n            <BitkitInlineLoading color=\"text/tertiary\" label=\"Loading more...\" size={inlineLoadingSize} />\n          ) : size === 'xs' ? (\n            <BitkitLinkButton onClick={onLoadMore} size=\"sm\">\n              {`Load ${loadMoreCount} more`}\n            </BitkitLinkButton>\n          ) : (\n            <BitkitButton onClick={onLoadMore} size={size === 'md' ? 'md' : 'sm'} variant=\"tertiary\">\n              {`Load ${loadMoreCount} more`}\n            </BitkitButton>\n          )}\n        </>\n      )}\n    </Box>\n  );\n});\n\nBitkitPaginationLoadMore.displayName = 'BitkitPaginationLoadMore';\n\nexport default BitkitPaginationLoadMore;\n"],"mappings":";;;;;;;;AAiBA,IAAM,2BAA2B,YAA2D,OAAO,QAAQ;CACzG,MAAM,EAAE,cAAc,OAAO,YAAY,MAAM,gBAAgB,OAAO,MAAM,YAAY,GAAG,SAAS;CAGpG,MAAM,SADS,cAAc,EAAE,KAAK,sBAAsB,CAC3C,CAAO,EAAE,MAAM,CAAC;CAE/B,MAAM,cAAc,KAAK,IAAI,GAAG,KAAK;CACrC,MAAM,wBAAwB,KAAK,IAAI,GAAG,eAAe;CACzD,MAAM,aAAa,KAAK,IAAI,cAAc,uBAAuB,WAAW;CAC5E,MAAM,aAAa,cAAc;CACjC,MAAM,gBAAgB,KAAK,IAAI,uBAAuB,aAAa,WAAW;CAE9E,MAAM,oBAAoB,SAAS,OAAO,OAAO;AAEjD,QACE,qBAAC,KAAD;EAAK,KAAK,OAAO;EAAW;EAAK,GAAI;YAArC,CACE,qBAAC,OAAO,MAAR;GAAa,KAAK,OAAO;aAAzB;IAAkC;IACvB;IAAW;IAAK;IACb;MACb,CAAC,cACA,oBAAA,YAAA,EAAA,UACG,cACC,oBAAC,qBAAD;GAAqB,OAAM;GAAgB,OAAM;GAAkB,MAAM;GAAqB,CAAA,GAC5F,SAAS,OACX,oBAAC,kBAAD;GAAkB,SAAS;GAAY,MAAK;aACzC,QAAQ,cAAc;GACN,CAAA,GAEnB,oBAAC,cAAD;GAAc,SAAS;GAAY,MAAM,SAAS,OAAO,OAAO;GAAM,SAAQ;aAC3E,QAAQ,cAAc;GACV,CAAA,EAEhB,CAAA,CAED;;EAER;AAEF,yBAAyB,cAAc"}
+{"version":3,"file":"BitkitPaginationLoadMore.js","names":[],"sources":["../../../lib/components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport BitkitButton from '../BitkitButton/BitkitButton';\nimport BitkitInlineLoading from '../BitkitInlineLoading/BitkitInlineLoading';\nimport BitkitLinkButton from '../BitkitLinkButton/BitkitLinkButton';\n\nexport interface BitkitPaginationLoadMoreProps extends Omit<BoxProps, 'page' | 'size'> {\n  loadingMore?: boolean;\n  onLoadMore: () => void;\n  page: number;\n  pageItemsCount: number;\n  size?: 'md' | 'sm' | 'xs';\n  totalCount: number;\n}\n\nconst BitkitPaginationLoadMore = forwardRef<HTMLDivElement, BitkitPaginationLoadMoreProps>((props, ref) => {\n  const { loadingMore = false, onLoadMore, page, pageItemsCount, size = 'md', totalCount, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'paginationLoadMore' });\n  const styles = recipe({ size });\n\n  const clampedPage = Math.max(1, page);\n  const clampedPageItemsCount = Math.max(1, pageItemsCount);\n  const shownCount = Math.min(clampedPage * clampedPageItemsCount, totalCount);\n  const isComplete = shownCount >= totalCount;\n  const loadMoreCount = Math.min(clampedPageItemsCount, totalCount - shownCount);\n\n  const inlineLoadingSize = size === 'md' ? 'md' : 'sm';\n\n  return (\n    <Box css={styles.root} ref={ref} {...rest}>\n      <chakra.span css={styles.counter}>\n        Showing {shownCount} of {totalCount}\n      </chakra.span>\n      {!isComplete && (\n        <>\n          {loadingMore ? (\n            <BitkitInlineLoading color=\"text/tertiary\" label=\"Loading more...\" size={inlineLoadingSize} />\n          ) : size === 'xs' ? (\n            <BitkitLinkButton onClick={onLoadMore} size=\"sm\">\n              {`Load ${loadMoreCount} more`}\n            </BitkitLinkButton>\n          ) : (\n            <BitkitButton onClick={onLoadMore} size={size === 'md' ? 'md' : 'sm'} variant=\"tertiary\">\n              {`Load ${loadMoreCount} more`}\n            </BitkitButton>\n          )}\n        </>\n      )}\n    </Box>\n  );\n});\n\nBitkitPaginationLoadMore.displayName = 'BitkitPaginationLoadMore';\n\nexport default BitkitPaginationLoadMore;\n"],"mappings":";;;;;;;;AAiBA,IAAM,2BAA2B,YAA2D,OAAO,QAAQ;CACzG,MAAM,EAAE,cAAc,OAAO,YAAY,MAAM,gBAAgB,OAAO,MAAM,YAAY,GAAG,SAAS;CAGpG,MAAM,SADS,cAAc,EAAE,KAAK,qBAAqB,CAC1C,EAAO,EAAE,KAAK,CAAC;CAE9B,MAAM,cAAc,KAAK,IAAI,GAAG,IAAI;CACpC,MAAM,wBAAwB,KAAK,IAAI,GAAG,cAAc;CACxD,MAAM,aAAa,KAAK,IAAI,cAAc,uBAAuB,UAAU;CAC3E,MAAM,aAAa,cAAc;CACjC,MAAM,gBAAgB,KAAK,IAAI,uBAAuB,aAAa,UAAU;CAE7E,MAAM,oBAAoB,SAAS,OAAO,OAAO;CAEjD,OACE,qBAAC,KAAD;EAAK,KAAK,OAAO;EAAW;EAAK,GAAI;YAArC,CACE,qBAAC,OAAO,MAAR;GAAa,KAAK,OAAO;aAAzB;IAAkC;IACvB;IAAW;IAAK;GACd;MACZ,CAAC,cACA,oBAAA,YAAA,EAAA,UACG,cACC,oBAAC,qBAAD;GAAqB,OAAM;GAAgB,OAAM;GAAkB,MAAM;EAAoB,CAAA,IAC3F,SAAS,OACX,oBAAC,kBAAD;GAAkB,SAAS;GAAY,MAAK;aACzC,QAAQ,cAAc;EACP,CAAA,IAElB,oBAAC,cAAD;GAAc,SAAS;GAAY,MAAM,SAAS,OAAO,OAAO;GAAM,SAAQ;aAC3E,QAAQ,cAAc;EACX,CAAA,EAEhB,CAAA,CAED;;AAET,CAAC;AAED,yBAAyB,cAAc"}

package/dist/components/BitkitRadio/BitkitRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitRadio.js","names":[],"sources":["../../../lib/components/BitkitRadio/BitkitRadio.tsx"],"sourcesContent":["import { RadioGroup } from '@chakra-ui/react/radio-group';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type InputHTMLAttributes } from 'react';\n\nimport BitkitBadge from '../BitkitBadge/BitkitBadge';\n\nexport type BitkitRadioProps = {\n  badge?: 'off' | 'on';\n  helperText?: string;\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\n  labelText: string;\n  state?: 'disabled' | 'skeleton';\n} & Omit<RadioGroup.ItemProps, 'disabled'>;\n\nconst BitkitRadio = forwardRef<HTMLInputElement, BitkitRadioProps>((props, ref) => {\n  const { badge, helperText, inputProps, labelText, state, ...rest } = props;\n\n  return (\n    <RadioGroup.Item disabled={state === 'disabled'} {...rest}>\n      <RadioGroup.ItemHiddenInput ref={ref} {...inputProps} />\n      <Skeleton borderRadius=\"50%\" loading={state === 'skeleton'}>\n        <RadioGroup.ItemIndicator />\n      </Skeleton>\n      {!!badge && (\n        <Skeleton loading={state === 'skeleton'}>\n          <BitkitBadge colorPalette={badge === 'on' ? 'green' : 'neutral'} width=\"40\">\n            {badge}\n          </BitkitBadge>\n        </Skeleton>\n      )}\n      <Skeleton loading={state === 'skeleton'}>\n        <RadioGroup.ItemText as=\"div\">\n          {labelText}\n          {!!helperText && (\n            <Text color=\"text/helper\" textStyle=\"comp/input/helperText\">\n              {helperText}\n            </Text>\n          )}\n        </RadioGroup.ItemText>\n      </Skeleton>\n    </RadioGroup.Item>\n  );\n});\n\nBitkitRadio.displayName = 'BitkitRadio';\n\nexport default BitkitRadio;\n"],"mappings":";;;;;;;AAeA,IAAM,cAAc,YAAgD,OAAO,QAAQ;CACjF,MAAM,EAAE,OAAO,YAAY,YAAY,WAAW,OAAO,GAAG,SAAS;AAErE,QACE,qBAAC,WAAW,MAAZ;EAAiB,UAAU,UAAU;EAAY,GAAI;YAArD;GACE,oBAAC,WAAW,iBAAZ;IAAiC;IAAK,GAAI;IAAc,CAAA;GACxD,oBAAC,UAAD;IAAU,cAAa;IAAM,SAAS,UAAU;cAC9C,oBAAC,WAAW,eAAZ,EAA4B,CAAA;IACnB,CAAA;GACV,CAAC,CAAC,SACD,oBAAC,UAAD;IAAU,SAAS,UAAU;cAC3B,oBAAC,aAAD;KAAa,cAAc,UAAU,OAAO,UAAU;KAAW,OAAM;eACpE;KACW,CAAA;IACL,CAAA;GAEb,oBAAC,UAAD;IAAU,SAAS,UAAU;cAC3B,qBAAC,WAAW,UAAZ;KAAqB,IAAG;eAAxB,CACG,WACA,CAAC,CAAC,cACD,oBAAC,MAAD;MAAM,OAAM;MAAc,WAAU;gBACjC;MACI,CAAA,CAEW;;IACb,CAAA;GACK;;EAEpB;AAEF,YAAY,cAAc"}
+{"version":3,"file":"BitkitRadio.js","names":[],"sources":["../../../lib/components/BitkitRadio/BitkitRadio.tsx"],"sourcesContent":["import { RadioGroup } from '@chakra-ui/react/radio-group';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type InputHTMLAttributes } from 'react';\n\nimport BitkitBadge from '../BitkitBadge/BitkitBadge';\n\nexport type BitkitRadioProps = {\n  badge?: 'off' | 'on';\n  helperText?: string;\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\n  labelText: string;\n  state?: 'disabled' | 'skeleton';\n} & Omit<RadioGroup.ItemProps, 'disabled'>;\n\nconst BitkitRadio = forwardRef<HTMLInputElement, BitkitRadioProps>((props, ref) => {\n  const { badge, helperText, inputProps, labelText, state, ...rest } = props;\n\n  return (\n    <RadioGroup.Item disabled={state === 'disabled'} {...rest}>\n      <RadioGroup.ItemHiddenInput ref={ref} {...inputProps} />\n      <Skeleton borderRadius=\"50%\" loading={state === 'skeleton'}>\n        <RadioGroup.ItemIndicator />\n      </Skeleton>\n      {!!badge && (\n        <Skeleton loading={state === 'skeleton'}>\n          <BitkitBadge colorPalette={badge === 'on' ? 'green' : 'neutral'} width=\"40\">\n            {badge}\n          </BitkitBadge>\n        </Skeleton>\n      )}\n      <Skeleton loading={state === 'skeleton'}>\n        <RadioGroup.ItemText as=\"div\">\n          {labelText}\n          {!!helperText && (\n            <Text color=\"text/helper\" textStyle=\"comp/input/helperText\">\n              {helperText}\n            </Text>\n          )}\n        </RadioGroup.ItemText>\n      </Skeleton>\n    </RadioGroup.Item>\n  );\n});\n\nBitkitRadio.displayName = 'BitkitRadio';\n\nexport default BitkitRadio;\n"],"mappings":";;;;;;;AAeA,IAAM,cAAc,YAAgD,OAAO,QAAQ;CACjF,MAAM,EAAE,OAAO,YAAY,YAAY,WAAW,OAAO,GAAG,SAAS;CAErE,OACE,qBAAC,WAAW,MAAZ;EAAiB,UAAU,UAAU;EAAY,GAAI;YAArD;GACE,oBAAC,WAAW,iBAAZ;IAAiC;IAAK,GAAI;GAAa,CAAA;GACvD,oBAAC,UAAD;IAAU,cAAa;IAAM,SAAS,UAAU;cAC9C,oBAAC,WAAW,eAAZ,CAA2B,CAAA;GACnB,CAAA;GACT,CAAC,CAAC,SACD,oBAAC,UAAD;IAAU,SAAS,UAAU;cAC3B,oBAAC,aAAD;KAAa,cAAc,UAAU,OAAO,UAAU;KAAW,OAAM;eACpE;IACU,CAAA;GACL,CAAA;GAEZ,oBAAC,UAAD;IAAU,SAAS,UAAU;cAC3B,qBAAC,WAAW,UAAZ;KAAqB,IAAG;eAAxB,CACG,WACA,CAAC,CAAC,cACD,oBAAC,MAAD;MAAM,OAAM;MAAc,WAAU;gBACjC;KACG,CAAA,CAEW;;GACb,CAAA;EACK;;AAErB,CAAC;AAED,YAAY,cAAc"}

package/dist/components/BitkitRadioGroup/BitkitRadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitRadioGroup.js","names":[],"sources":["../../../lib/components/BitkitRadioGroup/BitkitRadioGroup.tsx"],"sourcesContent":["import { Fieldset } from '@chakra-ui/react/fieldset';\nimport { RadioGroup, type RadioGroupRootProps } from '@chakra-ui/react/radio-group';\nimport { forwardRef, type ReactNode } from 'react';\n\nexport interface BitkitRadioGroupProps extends Fieldset.RootProps {\n  children: ReactNode;\n  errorText?: string;\n  helperText?: string;\n  label: string;\n  layout?: RadioGroupRootProps['orientation'];\n  name?: RadioGroupRootProps['name'];\n  onValueChange: RadioGroupRootProps['onValueChange'];\n  radioGroupRootProps?: RadioGroupRootProps;\n  size?: RadioGroupRootProps['size'];\n  value: RadioGroupRootProps['value'];\n}\n\nconst BitkitRadioGroup = forwardRef<HTMLFieldSetElement, BitkitRadioGroupProps>((props, ref) => {\n  const {\n    children,\n    errorText,\n    helperText,\n    label,\n    layout,\n    name,\n    onValueChange,\n    radioGroupRootProps,\n    size,\n    value,\n    ...rest\n  } = props;\n  return (\n    <Fieldset.Root ref={ref} {...rest} invalid={rest.invalid || !!errorText}>\n      <Fieldset.Legend>{label}</Fieldset.Legend>\n      {!!helperText && <Fieldset.HelperText>{helperText}</Fieldset.HelperText>}\n      <Fieldset.Content marginBlockStart=\"12\" asChild>\n        <RadioGroup.Root\n          name={name}\n          size={size}\n          orientation={layout}\n          onValueChange={onValueChange}\n          value={value}\n          {...radioGroupRootProps}\n        >\n          {children}\n        </RadioGroup.Root>\n      </Fieldset.Content>\n      {!!errorText && <Fieldset.ErrorText>{errorText}</Fieldset.ErrorText>}\n    </Fieldset.Root>\n  );\n});\n\nBitkitRadioGroup.displayName = 'BitkitRadioGroup';\n\nexport default BitkitRadioGroup;\n"],"mappings":";;;;;AAiBA,IAAM,mBAAmB,YAAwD,OAAO,QAAQ;CAC9F,MAAM,EACJ,UACA,WACA,YACA,OACA,QACA,MACA,eACA,qBACA,MACA,OACA,GAAG,SACD;AACJ,QACE,qBAAC,SAAS,MAAV;EAAoB;EAAK,GAAI;EAAM,SAAS,KAAK,WAAW,CAAC,CAAC;YAA9D;GACE,oBAAC,SAAS,QAAV,EAAA,UAAkB,OAAwB,CAAA;GACzC,CAAC,CAAC,cAAc,oBAAC,SAAS,YAAV,EAAA,UAAsB,YAAiC,CAAA;GACxE,oBAAC,SAAS,SAAV;IAAkB,kBAAiB;IAAK,SAAA;cACtC,oBAAC,WAAW,MAAZ;KACQ;KACA;KACN,aAAa;KACE;KACR;KACP,GAAI;KAEH;KACe,CAAA;IACD,CAAA;GAClB,CAAC,CAAC,aAAa,oBAAC,SAAS,WAAV,EAAA,UAAqB,WAA+B,CAAA;GACtD;;EAElB;AAEF,iBAAiB,cAAc"}
+{"version":3,"file":"BitkitRadioGroup.js","names":[],"sources":["../../../lib/components/BitkitRadioGroup/BitkitRadioGroup.tsx"],"sourcesContent":["import { Fieldset } from '@chakra-ui/react/fieldset';\nimport { RadioGroup, type RadioGroupRootProps } from '@chakra-ui/react/radio-group';\nimport { forwardRef, type ReactNode } from 'react';\n\nexport interface BitkitRadioGroupProps extends Fieldset.RootProps {\n  children: ReactNode;\n  errorText?: string;\n  helperText?: string;\n  label: string;\n  layout?: RadioGroupRootProps['orientation'];\n  name?: RadioGroupRootProps['name'];\n  onValueChange: RadioGroupRootProps['onValueChange'];\n  radioGroupRootProps?: RadioGroupRootProps;\n  size?: RadioGroupRootProps['size'];\n  value: RadioGroupRootProps['value'];\n}\n\nconst BitkitRadioGroup = forwardRef<HTMLFieldSetElement, BitkitRadioGroupProps>((props, ref) => {\n  const {\n    children,\n    errorText,\n    helperText,\n    label,\n    layout,\n    name,\n    onValueChange,\n    radioGroupRootProps,\n    size,\n    value,\n    ...rest\n  } = props;\n  return (\n    <Fieldset.Root ref={ref} {...rest} invalid={rest.invalid || !!errorText}>\n      <Fieldset.Legend>{label}</Fieldset.Legend>\n      {!!helperText && <Fieldset.HelperText>{helperText}</Fieldset.HelperText>}\n      <Fieldset.Content marginBlockStart=\"12\" asChild>\n        <RadioGroup.Root\n          name={name}\n          size={size}\n          orientation={layout}\n          onValueChange={onValueChange}\n          value={value}\n          {...radioGroupRootProps}\n        >\n          {children}\n        </RadioGroup.Root>\n      </Fieldset.Content>\n      {!!errorText && <Fieldset.ErrorText>{errorText}</Fieldset.ErrorText>}\n    </Fieldset.Root>\n  );\n});\n\nBitkitRadioGroup.displayName = 'BitkitRadioGroup';\n\nexport default BitkitRadioGroup;\n"],"mappings":";;;;;AAiBA,IAAM,mBAAmB,YAAwD,OAAO,QAAQ;CAC9F,MAAM,EACJ,UACA,WACA,YACA,OACA,QACA,MACA,eACA,qBACA,MACA,OACA,GAAG,SACD;CACJ,OACE,qBAAC,SAAS,MAAV;EAAoB;EAAK,GAAI;EAAM,SAAS,KAAK,WAAW,CAAC,CAAC;YAA9D;GACE,oBAAC,SAAS,QAAV,EAAA,UAAkB,MAAuB,CAAA;GACxC,CAAC,CAAC,cAAc,oBAAC,SAAS,YAAV,EAAA,UAAsB,WAAgC,CAAA;GACvE,oBAAC,SAAS,SAAV;IAAkB,kBAAiB;IAAK,SAAA;cACtC,oBAAC,WAAW,MAAZ;KACQ;KACA;KACN,aAAa;KACE;KACR;KACP,GAAI;KAEH;IACc,CAAA;GACD,CAAA;GACjB,CAAC,CAAC,aAAa,oBAAC,SAAS,WAAV,EAAA,UAAqB,UAA8B,CAAA;EACtD;;AAEnB,CAAC;AAED,iBAAiB,cAAc"}

package/dist/components/BitkitRibbon/BitkitRibbon.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitRibbon.js","names":[],"sources":["../../../lib/components/BitkitRibbon/BitkitRibbon.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport BitkitColorButton from '../BitkitColorButton/BitkitColorButton';\nimport BitkitLink from '../BitkitLink/BitkitLink';\n\nexport type RibbonActionProps = {\n  href?: string;\n  label: string;\n  onClick?: () => void;\n  target?: HTMLAnchorElement['target'];\n};\n\nexport type RibbonLinkProps = {\n  href?: string;\n  label: string;\n  target?: HTMLAnchorElement['target'];\n};\n\nexport interface BitkitRibbonProps extends Omit<BoxProps, 'colorPalette'> {\n  action?: RibbonActionProps;\n  colorPalette?: 'blue' | 'green' | 'purple' | 'red' | 'yellow';\n  link?: RibbonLinkProps;\n  onDismiss?: () => void;\n  title?: string;\n}\n\nconst BitkitRibbon = forwardRef<HTMLDivElement, BitkitRibbonProps>((props, ref) => {\n  const { action, children, colorPalette = 'blue', link, onDismiss, title, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'ribbon' });\n  const styles = recipe({});\n\n  return (\n    <Box ref={ref} css={styles.root} colorPalette={colorPalette} {...rest}>\n      <chakra.div css={styles.content}>\n        <chakra.div css={styles.textBlock}>\n          {title && <chakra.strong>{title}</chakra.strong>}\n          <chakra.span>{children}</chakra.span>\n          {link && (\n            <BitkitLink colorPalette={colorPalette} href={link.href} target={link.target} textDecoration=\"underline\">\n              {link.label}\n            </BitkitLink>\n          )}\n        </chakra.div>\n        {action && (\n          <BitkitColorButton\n            as={action.href ? 'a' : 'button'}\n            colorPalette={colorPalette}\n            {...(action.href && { href: action.href, target: action.target })}\n            onClick={action.onClick}\n          >\n            {action.label}\n          </BitkitColorButton>\n        )}\n      </chakra.div>\n      {onDismiss && <BitkitCloseButton colorPalette={colorPalette} flexShrink=\"0\" size=\"sm\" onClick={onDismiss} />}\n    </Box>\n  );\n});\n\nBitkitRibbon.displayName = 'BitkitRibbon';\n\nexport default BitkitRibbon;\n"],"mappings":";;;;;;;;AA6BA,IAAM,eAAe,YAA+C,OAAO,QAAQ;CACjF,MAAM,EAAE,QAAQ,UAAU,eAAe,QAAQ,MAAM,WAAW,OAAO,GAAG,SAAS;CAGrF,MAAM,SADS,cAAc,EAAE,KAAK,UAAU,CAC/B,CAAO,EAAE,CAAC;AAEzB,QACE,qBAAC,KAAD;EAAU;EAAK,KAAK,OAAO;EAAoB;EAAc,GAAI;YAAjE,CACE,qBAAC,OAAO,KAAR;GAAY,KAAK,OAAO;aAAxB,CACE,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB;KACG,SAAS,oBAAC,OAAO,QAAR,EAAA,UAAgB,OAAsB,CAAA;KAChD,oBAAC,OAAO,MAAR,EAAc,UAAuB,CAAA;KACpC,QACC,oBAAC,YAAD;MAA0B;MAAc,MAAM,KAAK;MAAM,QAAQ,KAAK;MAAQ,gBAAe;gBAC1F,KAAK;MACK,CAAA;KAEJ;OACZ,UACC,oBAAC,mBAAD;IACE,IAAI,OAAO,OAAO,MAAM;IACV;IACd,GAAK,OAAO,QAAQ;KAAE,MAAM,OAAO;KAAM,QAAQ,OAAO;KAAQ;IAChE,SAAS,OAAO;cAEf,OAAO;IACU,CAAA,CAEX;MACZ,aAAa,oBAAC,mBAAD;GAAiC;GAAc,YAAW;GAAI,MAAK;GAAK,SAAS;GAAa,CAAA,CACxG;;EAER;AAEF,aAAa,cAAc"}
+{"version":3,"file":"BitkitRibbon.js","names":[],"sources":["../../../lib/components/BitkitRibbon/BitkitRibbon.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport BitkitColorButton from '../BitkitColorButton/BitkitColorButton';\nimport BitkitLink from '../BitkitLink/BitkitLink';\n\nexport type RibbonActionProps = {\n  href?: string;\n  label: string;\n  onClick?: () => void;\n  target?: HTMLAnchorElement['target'];\n};\n\nexport type RibbonLinkProps = {\n  href?: string;\n  label: string;\n  target?: HTMLAnchorElement['target'];\n};\n\nexport interface BitkitRibbonProps extends Omit<BoxProps, 'colorPalette'> {\n  action?: RibbonActionProps;\n  colorPalette?: 'blue' | 'green' | 'purple' | 'red' | 'yellow';\n  link?: RibbonLinkProps;\n  onDismiss?: () => void;\n  title?: string;\n}\n\nconst BitkitRibbon = forwardRef<HTMLDivElement, BitkitRibbonProps>((props, ref) => {\n  const { action, children, colorPalette = 'blue', link, onDismiss, title, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'ribbon' });\n  const styles = recipe({});\n\n  return (\n    <Box ref={ref} css={styles.root} colorPalette={colorPalette} {...rest}>\n      <chakra.div css={styles.content}>\n        <chakra.div css={styles.textBlock}>\n          {title && <chakra.strong>{title}</chakra.strong>}\n          <chakra.span>{children}</chakra.span>\n          {link && (\n            <BitkitLink colorPalette={colorPalette} href={link.href} target={link.target} textDecoration=\"underline\">\n              {link.label}\n            </BitkitLink>\n          )}\n        </chakra.div>\n        {action && (\n          <BitkitColorButton\n            as={action.href ? 'a' : 'button'}\n            colorPalette={colorPalette}\n            {...(action.href && { href: action.href, target: action.target })}\n            onClick={action.onClick}\n          >\n            {action.label}\n          </BitkitColorButton>\n        )}\n      </chakra.div>\n      {onDismiss && <BitkitCloseButton colorPalette={colorPalette} flexShrink=\"0\" size=\"sm\" onClick={onDismiss} />}\n    </Box>\n  );\n});\n\nBitkitRibbon.displayName = 'BitkitRibbon';\n\nexport default BitkitRibbon;\n"],"mappings":";;;;;;;;AA6BA,IAAM,eAAe,YAA+C,OAAO,QAAQ;CACjF,MAAM,EAAE,QAAQ,UAAU,eAAe,QAAQ,MAAM,WAAW,OAAO,GAAG,SAAS;CAGrF,MAAM,SADS,cAAc,EAAE,KAAK,SAAS,CAC9B,EAAO,CAAC,CAAC;CAExB,OACE,qBAAC,KAAD;EAAU;EAAK,KAAK,OAAO;EAAoB;EAAc,GAAI;YAAjE,CACE,qBAAC,OAAO,KAAR;GAAY,KAAK,OAAO;aAAxB,CACE,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB;KACG,SAAS,oBAAC,OAAO,QAAR,EAAA,UAAgB,MAAqB,CAAA;KAC/C,oBAAC,OAAO,MAAR,EAAc,SAAsB,CAAA;KACnC,QACC,oBAAC,YAAD;MAA0B;MAAc,MAAM,KAAK;MAAM,QAAQ,KAAK;MAAQ,gBAAe;gBAC1F,KAAK;KACI,CAAA;IAEJ;OACX,UACC,oBAAC,mBAAD;IACE,IAAI,OAAO,OAAO,MAAM;IACV;IACd,GAAK,OAAO,QAAQ;KAAE,MAAM,OAAO;KAAM,QAAQ,OAAO;IAAO;IAC/D,SAAS,OAAO;cAEf,OAAO;GACS,CAAA,CAEX;MACX,aAAa,oBAAC,mBAAD;GAAiC;GAAc,YAAW;GAAI,MAAK;GAAK,SAAS;EAAY,CAAA,CACxG;;AAET,CAAC;AAED,aAAa,cAAc"}

package/dist/components/BitkitSearchInput/BitkitSearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitSearchInput.js","names":[],"sources":["../../../lib/components/BitkitSearchInput/BitkitSearchInput.tsx"],"sourcesContent":["import { Input, type InputProps } from '@chakra-ui/react/input';\nimport { InputGroup, type InputGroupProps } from '@chakra-ui/react/input-group';\nimport { forwardRef } from 'react';\n\nimport { IconMagnifier } from '../../icons';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\n\nexport type BitkitSearchInputProps = Pick<InputProps, 'value' | 'placeholder'> &\n  Omit<InputGroupProps, 'size' | 'variant' | 'children' | 'onChange'> & {\n    size?: 'md' | 'lg';\n    onChange?: (value: string) => void;\n  };\n\nconst BitkitSearchInput = forwardRef<HTMLInputElement, BitkitSearchInputProps>((props, ref) => {\n  const { size = 'lg', onChange, value, placeholder, ...rest } = props;\n\n  const isDirty = Boolean(value);\n  const iconSize = size === 'lg' ? '24' : '16';\n  const closeIconSize = size === 'lg' ? 'md' : 'sm';\n\n  return (\n    <InputGroup\n      {...rest}\n      endElement={\n        <BitkitCloseButton\n          aria-label=\"Clear\"\n          size={closeIconSize}\n          colorPalette=\"neutral\"\n          marginInlineEnd=\"4\"\n          visibility={isDirty ? 'visible' : 'hidden'}\n          onClick={() => onChange?.('')}\n        />\n      }\n      startElement={<IconMagnifier color=\"icon/tertiary\" marginInline=\"12\" size={iconSize} />}\n      startOffset={size === 'md' ? '4px' : '0px'}\n    >\n      <Input\n        ref={ref}\n        size={size}\n        value={value}\n        placeholder={placeholder}\n        onChange={(e) => onChange?.(e.target.value)}\n      />\n    </InputGroup>\n  );\n});\n\nBitkitSearchInput.displayName = 'BitkitSearchInput';\n\nexport default BitkitSearchInput;\n"],"mappings":";;;;;;;AAaA,IAAM,oBAAoB,YAAsD,OAAO,QAAQ;CAC7F,MAAM,EAAE,OAAO,MAAM,UAAU,OAAO,aAAa,GAAG,SAAS;CAE/D,MAAM,UAAU,QAAQ,MAAM;CAC9B,MAAM,WAAW,SAAS,OAAO,OAAO;CACxC,MAAM,gBAAgB,SAAS,OAAO,OAAO;AAE7C,QACE,oBAAC,YAAD;EACE,GAAI;EACJ,YACE,oBAAC,mBAAD;GACE,cAAW;GACX,MAAM;GACN,cAAa;GACb,iBAAgB;GAChB,YAAY,UAAU,YAAY;GAClC,eAAe,WAAW,GAAG;GAC7B,CAAA;EAEJ,cAAc,oBAAC,eAAD;GAAe,OAAM;GAAgB,cAAa;GAAK,MAAM;GAAY,CAAA;EACvF,aAAa,SAAS,OAAO,QAAQ;YAErC,oBAAC,OAAD;GACO;GACC;GACC;GACM;GACb,WAAW,MAAM,WAAW,EAAE,OAAO,MAAM;GAC3C,CAAA;EACS,CAAA;EAEf;AAEF,kBAAkB,cAAc"}
+{"version":3,"file":"BitkitSearchInput.js","names":[],"sources":["../../../lib/components/BitkitSearchInput/BitkitSearchInput.tsx"],"sourcesContent":["import { Input, type InputProps } from '@chakra-ui/react/input';\nimport { InputGroup, type InputGroupProps } from '@chakra-ui/react/input-group';\nimport { forwardRef } from 'react';\n\nimport { IconMagnifier } from '../../icons';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\n\nexport type BitkitSearchInputProps = Pick<InputProps, 'value' | 'placeholder'> &\n  Omit<InputGroupProps, 'size' | 'variant' | 'children' | 'onChange'> & {\n    size?: 'md' | 'lg';\n    onChange?: (value: string) => void;\n  };\n\nconst BitkitSearchInput = forwardRef<HTMLInputElement, BitkitSearchInputProps>((props, ref) => {\n  const { size = 'lg', onChange, value, placeholder, ...rest } = props;\n\n  const isDirty = Boolean(value);\n  const iconSize = size === 'lg' ? '24' : '16';\n  const closeIconSize = size === 'lg' ? 'md' : 'sm';\n\n  return (\n    <InputGroup\n      {...rest}\n      endElement={\n        <BitkitCloseButton\n          aria-label=\"Clear\"\n          size={closeIconSize}\n          colorPalette=\"neutral\"\n          marginInlineEnd=\"4\"\n          visibility={isDirty ? 'visible' : 'hidden'}\n          onClick={() => onChange?.('')}\n        />\n      }\n      startElement={<IconMagnifier color=\"icon/tertiary\" marginInline=\"12\" size={iconSize} />}\n      startOffset={size === 'md' ? '4px' : '0px'}\n    >\n      <Input\n        ref={ref}\n        size={size}\n        value={value}\n        placeholder={placeholder}\n        onChange={(e) => onChange?.(e.target.value)}\n      />\n    </InputGroup>\n  );\n});\n\nBitkitSearchInput.displayName = 'BitkitSearchInput';\n\nexport default BitkitSearchInput;\n"],"mappings":";;;;;;;AAaA,IAAM,oBAAoB,YAAsD,OAAO,QAAQ;CAC7F,MAAM,EAAE,OAAO,MAAM,UAAU,OAAO,aAAa,GAAG,SAAS;CAE/D,MAAM,UAAU,QAAQ,KAAK;CAC7B,MAAM,WAAW,SAAS,OAAO,OAAO;CACxC,MAAM,gBAAgB,SAAS,OAAO,OAAO;CAE7C,OACE,oBAAC,YAAD;EACE,GAAI;EACJ,YACE,oBAAC,mBAAD;GACE,cAAW;GACX,MAAM;GACN,cAAa;GACb,iBAAgB;GAChB,YAAY,UAAU,YAAY;GAClC,eAAe,WAAW,EAAE;EAC7B,CAAA;EAEH,cAAc,oBAAC,eAAD;GAAe,OAAM;GAAgB,cAAa;GAAK,MAAM;EAAW,CAAA;EACtF,aAAa,SAAS,OAAO,QAAQ;YAErC,oBAAC,OAAD;GACO;GACC;GACC;GACM;GACb,WAAW,MAAM,WAAW,EAAE,OAAO,KAAK;EAC3C,CAAA;CACS,CAAA;AAEhB,CAAC;AAED,kBAAkB,cAAc"}

package/dist/components/BitkitSectionHeading/BitkitSectionHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitSectionHeading.js","names":[],"sources":["../../../lib/components/BitkitSectionHeading/BitkitSectionHeading.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, Fragment, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport IconInfoCircle from '../../icons/IconInfoCircle';\nimport BitkitTooltip from '../BitkitTooltip/BitkitTooltip';\n\nexport interface BitkitSectionHeadingProps extends Omit<BoxProps, 'icon'> {\n  children?: ReactNode;\n  helperText?: string | string[];\n  helperTooltip?: string;\n  icon?: BitkitIconComponent;\n  label: string;\n}\n\nconst HELPER_DOT = '\\u2022';\n\nconst BitkitSectionHeading = forwardRef<HTMLDivElement, BitkitSectionHeadingProps>((props, ref) => {\n  const { children, helperText, helperTooltip, icon: Icon, label, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sectionHeading' });\n  const styles = recipe();\n\n  const helperItems = Array.isArray(helperText) ? helperText : helperText ? [helperText] : [];\n  const hasHelper = helperItems.length > 0 || Boolean(helperTooltip);\n\n  return (\n    <Box css={styles.root} ref={ref} {...rest}>\n      <chakra.div css={styles.contentBlock}>\n        <chakra.div css={styles.titleBlock}>\n          {Icon && <Icon css={styles.icon} size=\"24\" />}\n          <chakra.h3 css={styles.label}>{label}</chakra.h3>\n        </chakra.div>\n        {hasHelper && (\n          <chakra.div css={styles.helperBlock}>\n            {helperItems.map((text, index) => (\n              <Fragment key={index}>\n                {index > 0 && (\n                  <chakra.span color=\"text/tertiary\" flexShrink={0} textStyle=\"body/md/regular\">\n                    {HELPER_DOT}\n                  </chakra.span>\n                )}\n                <chakra.span css={styles.helperText}>{text}</chakra.span>\n              </Fragment>\n            ))}\n            {helperTooltip && (\n              <BitkitTooltip text={helperTooltip}>\n                <IconInfoCircle color=\"icon/tertiary\" size=\"16\" />\n              </BitkitTooltip>\n            )}\n          </chakra.div>\n        )}\n      </chakra.div>\n      {children}\n    </Box>\n  );\n});\n\nBitkitSectionHeading.displayName = 'BitkitSectionHeading';\n\nexport default BitkitSectionHeading;\n"],"mappings":";;;;;;;AAgBA,IAAM,aAAa;AAEnB,IAAM,uBAAuB,YAAuD,OAAO,QAAQ;CACjG,MAAM,EAAE,UAAU,YAAY,eAAe,MAAM,MAAM,OAAO,GAAG,SAAS;CAG5E,MAAM,SADS,cAAc,EAAE,KAAK,kBAAkB,CACvC,EAAQ;CAEvB,MAAM,cAAc,MAAM,QAAQ,WAAW,GAAG,aAAa,aAAa,CAAC,WAAW,GAAG,EAAE;CAC3F,MAAM,YAAY,YAAY,SAAS,KAAK,QAAQ,cAAc;AAElE,QACE,qBAAC,KAAD;EAAK,KAAK,OAAO;EAAW;EAAK,GAAI;YAArC,CACE,qBAAC,OAAO,KAAR;GAAY,KAAK,OAAO;aAAxB,CACE,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACG,QAAQ,oBAAC,MAAD;KAAM,KAAK,OAAO;KAAM,MAAK;KAAO,CAAA,EAC7C,oBAAC,OAAO,IAAR;KAAW,KAAK,OAAO;eAAQ;KAAkB,CAAA,CACtC;OACZ,aACC,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACG,YAAY,KAAK,MAAM,UACtB,qBAAC,UAAD,EAAA,UAAA,CACG,QAAQ,KACP,oBAAC,OAAO,MAAR;KAAa,OAAM;KAAgB,YAAY;KAAG,WAAU;eACzD;KACW,CAAA,EAEhB,oBAAC,OAAO,MAAR;KAAa,KAAK,OAAO;eAAa;KAAmB,CAAA,CAChD,EAAA,EAPI,MAOJ,CACX,EACD,iBACC,oBAAC,eAAD;KAAe,MAAM;eACnB,oBAAC,gBAAD;MAAgB,OAAM;MAAgB,MAAK;MAAO,CAAA;KACpC,CAAA,CAEP;MAEJ;MACZ,SACG;;EAER;AAEF,qBAAqB,cAAc"}
+{"version":3,"file":"BitkitSectionHeading.js","names":[],"sources":["../../../lib/components/BitkitSectionHeading/BitkitSectionHeading.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, Fragment, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport IconInfoCircle from '../../icons/IconInfoCircle';\nimport BitkitTooltip from '../BitkitTooltip/BitkitTooltip';\n\nexport interface BitkitSectionHeadingProps extends Omit<BoxProps, 'icon'> {\n  children?: ReactNode;\n  helperText?: string | string[];\n  helperTooltip?: string;\n  icon?: BitkitIconComponent;\n  label: string;\n}\n\nconst HELPER_DOT = '\\u2022';\n\nconst BitkitSectionHeading = forwardRef<HTMLDivElement, BitkitSectionHeadingProps>((props, ref) => {\n  const { children, helperText, helperTooltip, icon: Icon, label, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sectionHeading' });\n  const styles = recipe();\n\n  const helperItems = Array.isArray(helperText) ? helperText : helperText ? [helperText] : [];\n  const hasHelper = helperItems.length > 0 || Boolean(helperTooltip);\n\n  return (\n    <Box css={styles.root} ref={ref} {...rest}>\n      <chakra.div css={styles.contentBlock}>\n        <chakra.div css={styles.titleBlock}>\n          {Icon && <Icon css={styles.icon} size=\"24\" />}\n          <chakra.h3 css={styles.label}>{label}</chakra.h3>\n        </chakra.div>\n        {hasHelper && (\n          <chakra.div css={styles.helperBlock}>\n            {helperItems.map((text, index) => (\n              <Fragment key={index}>\n                {index > 0 && (\n                  <chakra.span color=\"text/tertiary\" flexShrink={0} textStyle=\"body/md/regular\">\n                    {HELPER_DOT}\n                  </chakra.span>\n                )}\n                <chakra.span css={styles.helperText}>{text}</chakra.span>\n              </Fragment>\n            ))}\n            {helperTooltip && (\n              <BitkitTooltip text={helperTooltip}>\n                <IconInfoCircle color=\"icon/tertiary\" size=\"16\" />\n              </BitkitTooltip>\n            )}\n          </chakra.div>\n        )}\n      </chakra.div>\n      {children}\n    </Box>\n  );\n});\n\nBitkitSectionHeading.displayName = 'BitkitSectionHeading';\n\nexport default BitkitSectionHeading;\n"],"mappings":";;;;;;;AAgBA,IAAM,aAAa;AAEnB,IAAM,uBAAuB,YAAuD,OAAO,QAAQ;CACjG,MAAM,EAAE,UAAU,YAAY,eAAe,MAAM,MAAM,OAAO,GAAG,SAAS;CAG5E,MAAM,SADS,cAAc,EAAE,KAAK,iBAAiB,CACtC,EAAO;CAEtB,MAAM,cAAc,MAAM,QAAQ,UAAU,IAAI,aAAa,aAAa,CAAC,UAAU,IAAI,CAAC;CAC1F,MAAM,YAAY,YAAY,SAAS,KAAK,QAAQ,aAAa;CAEjE,OACE,qBAAC,KAAD;EAAK,KAAK,OAAO;EAAW;EAAK,GAAI;YAArC,CACE,qBAAC,OAAO,KAAR;GAAY,KAAK,OAAO;aAAxB,CACE,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACG,QAAQ,oBAAC,MAAD;KAAM,KAAK,OAAO;KAAM,MAAK;IAAM,CAAA,GAC5C,oBAAC,OAAO,IAAR;KAAW,KAAK,OAAO;eAAQ;IAAiB,CAAA,CACtC;OACX,aACC,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACG,YAAY,KAAK,MAAM,UACtB,qBAAC,UAAD,EAAA,UAAA,CACG,QAAQ,KACP,oBAAC,OAAO,MAAR;KAAa,OAAM;KAAgB,YAAY;KAAG,WAAU;eACzD;IACU,CAAA,GAEf,oBAAC,OAAO,MAAR;KAAa,KAAK,OAAO;eAAa;IAAkB,CAAA,CAChD,EAAA,GAPK,KAOL,CACX,GACA,iBACC,oBAAC,eAAD;KAAe,MAAM;eACnB,oBAAC,gBAAD;MAAgB,OAAM;MAAgB,MAAK;KAAM,CAAA;IACpC,CAAA,CAEP;KAEJ;MACX,QACE;;AAET,CAAC;AAED,qBAAqB,cAAc"}

package/dist/components/BitkitSegmentedControl/BitkitSegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitSegmentedControl.js","names":[],"sources":["../../../lib/components/BitkitSegmentedControl/BitkitSegmentedControl.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { SegmentGroup } from '@chakra-ui/react/segment-group';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\n// --- Context ---\n\ninterface SegmentedControlContext {\n  size?: BitkitSegmentedControlProps['size'];\n}\n\nconst [ContextProvider, useSegmentedControlContext] = createContext<SegmentedControlContext>({\n  name: 'SegmentedControlContext',\n  hookName: 'useSegmentedControlContext',\n  providerName: '<BitkitSegmentedControl />',\n});\n\n// --- Root ---\n\nexport type BitkitSegmentedControlProps = Omit<SegmentGroup.RootProps, 'disabled'> & {\n  children: ReactNode;\n  state?: 'disabled';\n};\n\nconst BitkitSegmentedControl = forwardRef<HTMLDivElement, BitkitSegmentedControlProps>((props, ref) => {\n  const { children, state, ...rest } = props;\n\n  return (\n    <ContextProvider value={{ size: rest.size }}>\n      <SegmentGroup.Root ref={ref} disabled={state === 'disabled'} {...rest}>\n        <SegmentGroup.Indicator />\n        {children}\n      </SegmentGroup.Root>\n    </ContextProvider>\n  );\n});\n\nBitkitSegmentedControl.displayName = 'BitkitSegmentedControl';\n\n// --- Item ---\n\nexport interface BitkitSegmentedControlItemProps {\n  children: string;\n  disabled?: boolean;\n  icon?: BitkitIconComponent;\n  value: string;\n}\n\nconst ICON_SIZE_MAP = {\n  lg: '24',\n  md: '16',\n  sm: '16',\n} as const;\n\nconst BitkitSegmentedControlItem = forwardRef<HTMLLabelElement, BitkitSegmentedControlItemProps>((props, ref) => {\n  const { children, disabled, icon: Icon, value } = props;\n  const { size = 'sm' } = useSegmentedControlContext();\n  const iconSize = ICON_SIZE_MAP[size as keyof typeof ICON_SIZE_MAP] ?? '16';\n\n  return (\n    <SegmentGroup.Item ref={ref} disabled={disabled} value={value}>\n      {!!Icon && <Icon size={iconSize} />}\n      <SegmentGroup.ItemText>{children}</SegmentGroup.ItemText>\n      <SegmentGroup.ItemHiddenInput />\n    </SegmentGroup.Item>\n  );\n});\n\nBitkitSegmentedControlItem.displayName = 'BitkitSegmentedControlItem';\n\nexport default Object.assign(BitkitSegmentedControl, {\n  Item: BitkitSegmentedControlItem,\n});\n"],"mappings":";;;;;AAaA,IAAM,CAAC,iBAAiB,8BAA8B,gBAAuC;CAC3F,MAAM;CACN,UAAU;CACV,cAAc;CACf,CAAC;AASF,IAAM,yBAAyB,YAAyD,OAAO,QAAQ;CACrG,MAAM,EAAE,UAAU,OAAO,GAAG,SAAS;AAErC,QACE,oBAAC,iBAAD;EAAiB,OAAO,EAAE,MAAM,KAAK,MAAM;YACzC,qBAAC,aAAa,MAAd;GAAwB;GAAK,UAAU,UAAU;GAAY,GAAI;aAAjE,CACE,oBAAC,aAAa,WAAd,EAA0B,CAAA,EACzB,SACiB;;EACJ,CAAA;EAEpB;AAEF,uBAAuB,cAAc;AAWrC,IAAM,gBAAgB;CACpB,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,IAAM,6BAA6B,YAA+D,OAAO,QAAQ;CAC/G,MAAM,EAAE,UAAU,UAAU,MAAM,MAAM,UAAU;CAClD,MAAM,EAAE,OAAO,SAAS,4BAA4B;CACpD,MAAM,WAAW,cAAc,SAAuC;AAEtE,QACE,qBAAC,aAAa,MAAd;EAAwB;EAAe;EAAiB;YAAxD;GACG,CAAC,CAAC,QAAQ,oBAAC,MAAD,EAAM,MAAM,UAAY,CAAA;GACnC,oBAAC,aAAa,UAAd,EAAwB,UAAiC,CAAA;GACzD,oBAAC,aAAa,iBAAd,EAAgC,CAAA;GACd;;EAEtB;AAEF,2BAA2B,cAAc;AAEzC,IAAA,iCAAe,OAAO,OAAO,wBAAwB,EACnD,MAAM,4BACP,CAAC"}
+{"version":3,"file":"BitkitSegmentedControl.js","names":[],"sources":["../../../lib/components/BitkitSegmentedControl/BitkitSegmentedControl.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { SegmentGroup } from '@chakra-ui/react/segment-group';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\n// --- Context ---\n\ninterface SegmentedControlContext {\n  size?: BitkitSegmentedControlProps['size'];\n}\n\nconst [ContextProvider, useSegmentedControlContext] = createContext<SegmentedControlContext>({\n  name: 'SegmentedControlContext',\n  hookName: 'useSegmentedControlContext',\n  providerName: '<BitkitSegmentedControl />',\n});\n\n// --- Root ---\n\nexport type BitkitSegmentedControlProps = Omit<SegmentGroup.RootProps, 'disabled'> & {\n  children: ReactNode;\n  state?: 'disabled';\n};\n\nconst BitkitSegmentedControl = forwardRef<HTMLDivElement, BitkitSegmentedControlProps>((props, ref) => {\n  const { children, state, ...rest } = props;\n\n  return (\n    <ContextProvider value={{ size: rest.size }}>\n      <SegmentGroup.Root ref={ref} disabled={state === 'disabled'} {...rest}>\n        <SegmentGroup.Indicator />\n        {children}\n      </SegmentGroup.Root>\n    </ContextProvider>\n  );\n});\n\nBitkitSegmentedControl.displayName = 'BitkitSegmentedControl';\n\n// --- Item ---\n\nexport interface BitkitSegmentedControlItemProps {\n  children: string;\n  disabled?: boolean;\n  icon?: BitkitIconComponent;\n  value: string;\n}\n\nconst ICON_SIZE_MAP = {\n  lg: '24',\n  md: '16',\n  sm: '16',\n} as const;\n\nconst BitkitSegmentedControlItem = forwardRef<HTMLLabelElement, BitkitSegmentedControlItemProps>((props, ref) => {\n  const { children, disabled, icon: Icon, value } = props;\n  const { size = 'sm' } = useSegmentedControlContext();\n  const iconSize = ICON_SIZE_MAP[size as keyof typeof ICON_SIZE_MAP] ?? '16';\n\n  return (\n    <SegmentGroup.Item ref={ref} disabled={disabled} value={value}>\n      {!!Icon && <Icon size={iconSize} />}\n      <SegmentGroup.ItemText>{children}</SegmentGroup.ItemText>\n      <SegmentGroup.ItemHiddenInput />\n    </SegmentGroup.Item>\n  );\n});\n\nBitkitSegmentedControlItem.displayName = 'BitkitSegmentedControlItem';\n\nexport default Object.assign(BitkitSegmentedControl, {\n  Item: BitkitSegmentedControlItem,\n});\n"],"mappings":";;;;;AAaA,IAAM,CAAC,iBAAiB,8BAA8B,gBAAuC;CAC3F,MAAM;CACN,UAAU;CACV,cAAc;AAChB,CAAC;AASD,IAAM,yBAAyB,YAAyD,OAAO,QAAQ;CACrG,MAAM,EAAE,UAAU,OAAO,GAAG,SAAS;CAErC,OACE,oBAAC,iBAAD;EAAiB,OAAO,EAAE,MAAM,KAAK,KAAK;YACxC,qBAAC,aAAa,MAAd;GAAwB;GAAK,UAAU,UAAU;GAAY,GAAI;aAAjE,CACE,oBAAC,aAAa,WAAd,CAAyB,CAAA,GACxB,QACgB;;CACJ,CAAA;AAErB,CAAC;AAED,uBAAuB,cAAc;AAWrC,IAAM,gBAAgB;CACpB,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAM,6BAA6B,YAA+D,OAAO,QAAQ;CAC/G,MAAM,EAAE,UAAU,UAAU,MAAM,MAAM,UAAU;CAClD,MAAM,EAAE,OAAO,SAAS,2BAA2B;CACnD,MAAM,WAAW,cAAc,SAAuC;CAEtE,OACE,qBAAC,aAAa,MAAd;EAAwB;EAAe;EAAiB;YAAxD;GACG,CAAC,CAAC,QAAQ,oBAAC,MAAD,EAAM,MAAM,SAAW,CAAA;GAClC,oBAAC,aAAa,UAAd,EAAwB,SAAgC,CAAA;GACxD,oBAAC,aAAa,iBAAd,CAA+B,CAAA;EACd;;AAEvB,CAAC;AAED,2BAA2B,cAAc;AAEzC,IAAA,iCAAe,OAAO,OAAO,wBAAwB,EACnD,MAAM,2BACR,CAAC"}

package/dist/components/BitkitSelect/BitkitSelect.js

@@ -26,7 +26,7 @@ var SelectValue = ({ placeholder, state, size }) => {
 	}) : /* @__PURE__ */ jsx(Select.ValueText, { placeholder: placeholder ?? (state === "readOnly" ? "(not selected)" : "Select an option") });
 };
 var BitkitSelect = forwardRef((props, ref) => {
-	const { createItemLabel, defaultValue, emptyHelperText, emptyLabel, isLoading, items, onCreateItem, onSearchChange, onValueChange, searchValue, placeholder, selectProps, size = "md", state, triggerProps, value, ...fieldProps } = props;
+	const { createItemLabel, defaultValue, emptyHelperText, emptyLabel, isLoading, items, onCreateItem, onSearchChange, onValueChange, searchValue, placeholder, selectProps, size, state, triggerProps, value, ...fieldProps } = props;
 	const collection = createListCollection({
 		items,
 		groupBy: (item) => item.group || "",