@razorpay/blade 12.98.0 → 12.110.0

package/build/lib/native/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\n/* eslint-disable @typescript-eslint/no-shadow */\nimport React from 'react';\nimport { useCheckboxGroupContext } from './CheckboxGroup/CheckboxGroupContext';\nimport { CheckboxIcon } from './CheckboxIcon';\nimport { useCheckbox } from './useCheckbox';\nimport { checkboxHoverTokens, checkboxSizes } from './checkboxTokens';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormHint } from '~components/Form';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport { SelectorTitle } from '~components/Form/Selector/SelectorTitle';\nimport { SelectorSupportText } from '~components/Form/Selector/SelectorSupportText';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport type { BladeElementRef, DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { makeSize, useTheme } from '~utils';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport type { MotionMetaProp } from '~components/BaseMotion';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event?: React.ChangeEvent;\n  value?: string;\n}) => void;\n\ntype CheckboxProps = {\n  /**\n   * If `true`, The checkbox will be checked. This also makes the checkbox controlled\n   * Use `onChange` to update its value\n   *\n   * @default false\n   */\n  isChecked?: boolean;\n  /**\n   * If `true`, the checkbox will be initially checked. This also makes the checkbox uncontrolled\n   *\n   * @default false\n   */\n  defaultChecked?: boolean;\n  /**\n   * The callback invoked when the checked state of the `Checkbox` changes.\n   */\n  onChange?: OnChange;\n  /**\n   * Sets the label of the checkbox\n   */\n  children?: React.ReactNode;\n  /**\n   * Help text for the checkbox\n   */\n  helpText?: string;\n  /**\n   * Error text for the checkbox\n   *\n   * Renders when `validationState` is set to 'error'\n   */\n  errorText?: string;\n  /**\n   * If `true`, the checkbox will be indeterminate.\n   * This does not modify the isChecked property.\n   *\n   * @default false\n   */\n  isIndeterminate?: boolean;\n  /**\n   * The name of the input field in a checkbox\n   * (Useful for form submission).\n   */\n  name?: string;\n  /**\n   * The value to be used in the checkbox input.\n   * This is the value that will be returned on form submission.\n   */\n  value?: string;\n  /**\n   * If `true`, the checkbox will be disabled\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * If `true`, the checkbox input is marked as required,\n   * and `required` attribute will be added\n   *\n   * @default false\n   */\n  isRequired?: boolean;\n  /**\n   * If `error`, the checkbox input is marked as invalid,\n   * and `invalid` attribute will be added\n   */\n  validationState?: 'error' | 'none';\n  /**\n   * Size of the checkbox\n   *\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Sets the tab-index property on checkbox element\n   *\n   */\n  tabIndex?: number;\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade &\n  MotionMetaProp;\n\nconst _Checkbox: React.ForwardRefRenderFunction<BladeElementRef, CheckboxProps> = (\n  {\n    defaultChecked,\n    validationState,\n    isChecked,\n    isDisabled,\n    isIndeterminate,\n    isRequired,\n    name,\n    onChange,\n    value,\n    children,\n    helpText,\n    errorText,\n    size = 'medium',\n    tabIndex,\n    testID,\n    _motionMeta,\n    ...rest\n  },\n  ref,\n) => {\n  const groupProps = useCheckboxGroupContext();\n\n  // ban certain props in checkbox while inside group\n  const hasValidationState = !isUndefined(validationState);\n  const hasName = !isUndefined(name);\n  const hasDefaultChecked = !isUndefined(defaultChecked);\n  const hasIsChecked = !isUndefined(isChecked);\n  const hasOnChange = !isUndefined(onChange);\n\n  if (__DEV__) {\n    if (\n      (hasValidationState || hasName || hasDefaultChecked || hasIsChecked || hasOnChange) &&\n      !isEmpty(groupProps)\n    ) {\n      const props = [\n        hasValidationState ? 'validationState' : undefined,\n        hasName ? 'name' : undefined,\n        hasDefaultChecked ? 'defaultChecked' : undefined,\n        hasIsChecked ? 'isChecked' : undefined,\n        hasOnChange ? 'onChange' : undefined,\n      ]\n        .filter(Boolean)\n        .join(',');\n\n      throwBladeError({\n        message: `Cannot set \\`${props}\\` on <Checkbox /> when it's inside <CheckboxGroup />, Please set it on the <CheckboxGroup /> itself`,\n        moduleName: 'Checkbox',\n      });\n    }\n\n    // mandate value prop when using inside group\n    if (!value && !isEmpty(groupProps)) {\n      throw new Error(\n        `[Blade Checkbox]: <CheckboxGroup /> requires that you pass unique \"value\" prop to each <Checkbox />\n      <CheckboxGroup>\n        <Checkbox value=\"apple\">Apple</Checkbox>\n        <Checkbox value=\"mango\">Mango</Checkbox>\n      </CheckboxGroup>\n      `,\n      );\n    }\n  }\n\n  const _validationState = validationState ?? groupProps?.validationState;\n  const _hasError = _validationState === 'error';\n  const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n  const _isRequired = Boolean(\n    isRequired || groupProps?.isRequired || groupProps?.necessityIndicator === 'required',\n  );\n  const _name = name ?? groupProps?.name;\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n  const _isChecked = isChecked ?? groupProps?.state?.isChecked(value!);\n  const _size = groupProps.size ?? size;\n  const { theme } = useTheme();\n  const formHintSize = {\n    small: 'medium',\n    medium: 'medium',\n    large: 'large',\n  } as const;\n\n  const showSupportingText = helpText;\n\n  const handleChange: OnChange = ({ isChecked, event, value }) => {\n    if (isChecked) {\n      groupProps?.state?.addValue(value!);\n    } else {\n      groupProps?.state?.removeValue(value!);\n    }\n\n    onChange?.({ isChecked, event, value });\n  };\n\n  const { state, ids, inputProps } = useCheckbox({\n    defaultChecked,\n    isChecked: _isChecked,\n    isIndeterminate,\n    hasError: _hasError,\n    hasHelperText: Boolean(showSupportingText),\n    isDisabled: _isDisabled,\n    isRequired: _isRequired,\n    name: _name,\n    value,\n    onChange: handleChange,\n  });\n\n  // Checkbox icon's size & margin + margin-left of SelectorTitle which is 2\n  const helpTextLeftSpacing = makeSize(checkboxSizes.icon[size].width + theme.spacing[3]);\n\n  return (\n    <BaseBox\n      ref={getOuterMotionRef({ _motionMeta, ref })}\n      {...metaAttribute({ name: MetaConstants.Checkbox, testID })}\n      {...getStyledProps(rest)}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.CheckboxLabel}\n        inputProps={state.isReactNative ? inputProps : {}}\n        style={{ cursor: isDisabled ? 'not-allowed' : 'pointer' }}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"column\">\n          <BaseBox display=\"flex\" flexDirection=\"row\">\n            <SelectorInput\n              hoverTokens={checkboxHoverTokens}\n              isChecked={state.isChecked || Boolean(isIndeterminate)}\n              isDisabled={_isDisabled}\n              hasError={_hasError}\n              inputProps={inputProps}\n              tabIndex={tabIndex}\n              ref={getInnerMotionRef({ _motionMeta, ref })}\n              {...makeAnalyticsAttribute(rest)}\n            />\n            <CheckboxIcon\n              size={_size}\n              isChecked={state.isChecked}\n              isIndeterminate={isIndeterminate}\n              isDisabled={_isDisabled}\n              isNegative={_hasError}\n            />\n            {children ? (\n              <SelectorTitle size={_size} isDisabled={_isDisabled}>\n                {children}\n              </SelectorTitle>\n            ) : null}\n          </BaseBox>\n          {showSupportingText ? (\n            <BaseBox marginLeft={helpTextLeftSpacing}>\n              <SelectorSupportText size={_size} id={ids?.helpTextId}>\n                {helpText}\n              </SelectorSupportText>\n            </BaseBox>\n          ) : null}\n        </BaseBox>\n      </SelectorLabel>\n      <FormHint\n        size={formHintSize[_size]}\n        errorText={errorText}\n        errorTextId={ids?.errorTextId}\n        type={validationState === 'error' ? 'error' : 'help'}\n      />\n    </BaseBox>\n  );\n};\n\nconst Checkbox = assignWithoutSideEffects(React.forwardRef(_Checkbox), {\n  displayName: 'Checkbox',\n});\n\nexport type { CheckboxProps };\nexport { Checkbox };\n"],"names":["_Checkbox","_ref","ref","_groupProps$state","_groupProps$size","defaultChecked","validationState","isChecked","isDisabled","isIndeterminate","isRequired","name","onChange","value","children","helpText","errorText","_ref$size","size","tabIndex","testID","_motionMeta","rest","_objectWithoutProperties","_excluded","groupProps","useCheckboxGroupContext","hasValidationState","isUndefined","hasName","hasDefaultChecked","hasIsChecked","hasOnChange","__DEV__","isEmpty","props","undefined","filter","Boolean","join","throwBladeError","message","moduleName","Error","_validationState","_hasError","_isDisabled","_isRequired","necessityIndicator","_name","_isChecked","state","_size","_useTheme","useTheme","theme","formHintSize","small","medium","large","showSupportingText","handleChange","_ref2","event","_groupProps$state2","addValue","_groupProps$state3","removeValue","_useCheckbox","useCheckbox","hasError","hasHelperText","ids","inputProps","helpTextLeftSpacing","makeSize","checkboxSizes","icon","width","spacing","_jsxs","BaseBox","Object","assign","getOuterMotionRef","metaAttribute","MetaConstants","Checkbox","getStyledProps","_jsx","SelectorLabel","componentName","CheckboxLabel","isReactNative","style","cursor","display","flexDirection","SelectorInput","hoverTokens","checkboxHoverTokens","getInnerMotionRef","makeAnalyticsAttribute","CheckboxIcon","isNegative","SelectorTitle","marginLeft","SelectorSupportText","id","helpTextId","FormHint","errorTextId","type","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\n/* eslint-disable @typescript-eslint/no-shadow */\nimport React from 'react';\nimport { useCheckboxGroupContext } from './CheckboxGroup/CheckboxGroupContext';\nimport { CheckboxIcon } from './CheckboxIcon';\nimport { useCheckbox } from './useCheckbox';\nimport { checkboxHoverTokens, checkboxSizes } from './checkboxTokens';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormHint } from '~components/Form';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport { SelectorTitle } from '~components/Form/Selector/SelectorTitle';\nimport { SelectorSupportText } from '~components/Form/Selector/SelectorSupportText';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport type { BladeElementRef, DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { makeSize, useTheme } from '~utils';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport type { MotionMetaProp } from '~components/BaseMotion';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event?: React.ChangeEvent;\n  value?: string;\n}) => void;\n\ntype CheckboxProps = {\n  /**\n   * If `true`, The checkbox will be checked. This also makes the checkbox controlled\n   * Use `onChange` to update its value\n   *\n   * @default false\n   */\n  isChecked?: boolean;\n  /**\n   * If `true`, the checkbox will be initially checked. This also makes the checkbox uncontrolled\n   *\n   * @default false\n   */\n  defaultChecked?: boolean;\n  /**\n   * The callback invoked when the checked state of the `Checkbox` changes.\n   */\n  onChange?: OnChange;\n  /**\n   * Sets the label of the checkbox\n   */\n  children?: React.ReactNode;\n  /**\n   * Help text for the checkbox\n   */\n  helpText?: string;\n  /**\n   * Error text for the checkbox\n   *\n   * Renders when `validationState` is set to 'error'\n   */\n  errorText?: string;\n  /**\n   * If `true`, the checkbox will be indeterminate.\n   * This does not modify the isChecked property.\n   *\n   * @default false\n   */\n  isIndeterminate?: boolean;\n  /**\n   * The name of the input field in a checkbox\n   * (Useful for form submission).\n   */\n  name?: string;\n  /**\n   * The value to be used in the checkbox input.\n   * This is the value that will be returned on form submission.\n   */\n  value?: string;\n  /**\n   * If `true`, the checkbox will be disabled\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * If `true`, the checkbox input is marked as required,\n   * and `required` attribute will be added\n   *\n   * @default false\n   */\n  isRequired?: boolean;\n  /**\n   * If `error`, the checkbox input is marked as invalid,\n   * and `invalid` attribute will be added\n   */\n  validationState?: 'error' | 'none';\n  /**\n   * Size of the checkbox\n   *\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Sets the tab-index property on checkbox element\n   *\n   */\n  tabIndex?: number;\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade &\n  MotionMetaProp;\n\nconst _Checkbox: React.ForwardRefRenderFunction<BladeElementRef, CheckboxProps> = (\n  {\n    defaultChecked,\n    validationState,\n    isChecked,\n    isDisabled,\n    isIndeterminate,\n    isRequired,\n    name,\n    onChange,\n    value,\n    children,\n    helpText,\n    errorText,\n    size = 'medium',\n    tabIndex,\n    testID,\n    _motionMeta,\n    ...rest\n  },\n  ref,\n) => {\n  const groupProps = useCheckboxGroupContext();\n\n  // ban certain props in checkbox while inside group\n  const hasValidationState = !isUndefined(validationState);\n  const hasName = !isUndefined(name);\n  const hasDefaultChecked = !isUndefined(defaultChecked);\n  const hasIsChecked = !isUndefined(isChecked);\n  const hasOnChange = !isUndefined(onChange);\n\n  if (__DEV__) {\n    if (\n      (hasValidationState || hasName || hasDefaultChecked || hasIsChecked || hasOnChange) &&\n      !isEmpty(groupProps)\n    ) {\n      const props = [\n        hasValidationState ? 'validationState' : undefined,\n        hasName ? 'name' : undefined,\n        hasDefaultChecked ? 'defaultChecked' : undefined,\n        hasIsChecked ? 'isChecked' : undefined,\n        hasOnChange ? 'onChange' : undefined,\n      ]\n        .filter(Boolean)\n        .join(',');\n\n      throwBladeError({\n        message: `Cannot set \\`${props}\\` on <Checkbox /> when it's inside <CheckboxGroup />, Please set it on the <CheckboxGroup /> itself`,\n        moduleName: 'Checkbox',\n      });\n    }\n\n    // mandate value prop when using inside group\n    if (!value && !isEmpty(groupProps)) {\n      throw new Error(\n        `[Blade Checkbox]: <CheckboxGroup /> requires that you pass unique \"value\" prop to each <Checkbox />\n      <CheckboxGroup>\n        <Checkbox value=\"apple\">Apple</Checkbox>\n        <Checkbox value=\"mango\">Mango</Checkbox>\n      </CheckboxGroup>\n      `,\n      );\n    }\n  }\n\n  const _validationState = validationState ?? groupProps?.validationState;\n  const _hasError = _validationState === 'error';\n  const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n  const _isRequired = Boolean(\n    isRequired || groupProps?.isRequired || groupProps?.necessityIndicator === 'required',\n  );\n  const _name = name ?? groupProps?.name;\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n  const _isChecked = isChecked ?? groupProps?.state?.isChecked(value!);\n  const _size = groupProps.size ?? size;\n  const { theme } = useTheme();\n  const formHintSize = {\n    small: 'medium',\n    medium: 'medium',\n    large: 'large',\n  } as const;\n\n  const showSupportingText = helpText;\n\n  const handleChange: OnChange = ({ isChecked, event, value }) => {\n    if (isChecked) {\n      groupProps?.state?.addValue(value!);\n    } else {\n      groupProps?.state?.removeValue(value!);\n    }\n\n    onChange?.({ isChecked, event, value });\n  };\n\n  const { state, ids, inputProps } = useCheckbox({\n    defaultChecked,\n    isChecked: _isChecked,\n    isIndeterminate,\n    hasError: _hasError,\n    hasHelperText: Boolean(showSupportingText),\n    isDisabled: _isDisabled,\n    isRequired: _isRequired,\n    name: _name,\n    value,\n    onChange: handleChange,\n  });\n\n  // Checkbox icon's size & margin + margin-left of SelectorTitle which is 2\n  const helpTextLeftSpacing = makeSize(checkboxSizes.icon[size].width + theme.spacing[3]);\n\n  return (\n    <BaseBox\n      ref={getOuterMotionRef({ _motionMeta, ref })}\n      {...metaAttribute({ name: MetaConstants.Checkbox, testID })}\n      {...getStyledProps(rest)}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.CheckboxLabel}\n        inputProps={state.isReactNative ? inputProps : {}}\n        style={{ cursor: isDisabled ? 'not-allowed' : 'pointer' }}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"column\">\n          <BaseBox display=\"flex\" flexDirection=\"row\">\n            <SelectorInput\n              hoverTokens={checkboxHoverTokens}\n              isChecked={state.isChecked || Boolean(isIndeterminate)}\n              isDisabled={_isDisabled}\n              hasError={_hasError}\n              inputProps={inputProps}\n              tabIndex={tabIndex}\n              ref={getInnerMotionRef({ _motionMeta, ref })}\n              {...makeAnalyticsAttribute(rest)}\n            />\n            <CheckboxIcon\n              size={_size}\n              isChecked={state.isChecked}\n              isIndeterminate={isIndeterminate}\n              isDisabled={_isDisabled}\n              isNegative={_hasError}\n            />\n            {children ? (\n              <SelectorTitle size={_size} isDisabled={_isDisabled}>\n                {children}\n              </SelectorTitle>\n            ) : null}\n          </BaseBox>\n          {showSupportingText ? (\n            <BaseBox marginLeft={helpTextLeftSpacing}>\n              <SelectorSupportText size={_size} id={ids?.helpTextId}>\n                {helpText}\n              </SelectorSupportText>\n            </BaseBox>\n          ) : null}\n        </BaseBox>\n      </SelectorLabel>\n      <FormHint\n        size={formHintSize[_size]}\n        errorText={errorText}\n        errorTextId={ids?.errorTextId}\n        type={validationState === 'error' ? 'error' : 'help'}\n      />\n    </BaseBox>\n  );\n};\n\nconst Checkbox = assignWithoutSideEffects(React.forwardRef(_Checkbox), {\n  displayName: 'Checkbox',\n});\n\nexport type { CheckboxProps };\nexport { Checkbox };\n"],"names":["this","_Checkbox","_ref","ref","_groupProps$state","_groupProps$size","defaultChecked","validationState","isChecked","isDisabled","isIndeterminate","isRequired","name","onChange","value","children","helpText","errorText","_ref$size","size","tabIndex","testID","_motionMeta","rest","_objectWithoutProperties","_excluded","groupProps","useCheckboxGroupContext","hasValidationState","isUndefined","hasName","hasDefaultChecked","hasIsChecked","hasOnChange","__DEV__","isEmpty","props","undefined","filter","Boolean","join","throwBladeError","message","moduleName","Error","_validationState","_hasError","_isDisabled","_isRequired","necessityIndicator","_name","_isChecked","state","_size","_useTheme","useTheme","theme","formHintSize","small","medium","large","showSupportingText","handleChange","_ref2","event","_groupProps$state2","addValue","_groupProps$state3","removeValue","_useCheckbox","useCheckbox","hasError","hasHelperText","ids","inputProps","helpTextLeftSpacing","makeSize","checkboxSizes","icon","width","spacing","_jsxs","BaseBox","Object","assign","getOuterMotionRef","metaAttribute","MetaConstants","Checkbox","getStyledProps","_jsx","SelectorLabel","componentName","CheckboxLabel","isReactNative","style","cursor","display","flexDirection","SelectorInput","hoverTokens","checkboxHoverTokens","getInnerMotionRef","makeAnalyticsAttribute","CheckboxIcon","isNegative","SelectorTitle","marginLeft","SelectorSupportText","id","helpTextId","FormHint","errorTextId","type","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}

package/build/lib/native/components/Checkbox/CheckboxGroup/CheckboxGroup.js

@@ -3,25 +3,23 @@ import React__default from 'react';
 import { checkboxSizes } from '../checkboxTokens.js';
 import { CheckboxGroupProvider } from './CheckboxGroupContext.js';
 import { useCheckboxGroup } from './useCheckboxGroup.js';
-import { FormHint } from '../../Form/FormHint.js';
-import { FormLabel } from '../../Form/FormLabel.js';
-import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
+import '../../Form/index.js';
+import '../../Box/BaseBox/index.js';
 import { SelectorGroupField } from '../../Form/Selector/SelectorGroupField.js';
-import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import { useBreakpoint } from '../../../utils/useBreakpoint/useBreakpoint.js';
-import useTheme from '../../BladeProvider/useTheme.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import '../../BottomSheet/BottomSheetStack.js';
+import '../../Box/styledProps/index.js';
+import '../../../utils/index.js';
+import '../../BladeProvider/index.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import useTheme from '../../BladeProvider/useTheme.js';
+import { useBreakpoint } from '../../../utils/useBreakpoint/useBreakpoint.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
+import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { FormLabel } from '../../Form/FormLabel.js';
+import { FormHint } from '../../Form/FormHint.js';
 
-var _excluded=["children","label","helpText","isDisabled","isRequired","necessityIndicator","labelPosition","validationState","errorText","name","defaultValue","onChange","value","size","testID","orientation","flexWrap"];var CheckboxGroup=function CheckboxGroup(_ref){var children=_ref.children,label=_ref.label,helpText=_ref.helpText,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,_ref$isRequired=_ref.isRequired,isRequired=_ref$isRequired===void 0?false:_ref$isRequired,_ref$necessityIndicat=_ref.necessityIndicator,necessityIndicator=_ref$necessityIndicat===void 0?'none':_ref$necessityIndicat,_ref$labelPosition=_ref.labelPosition,labelPosition=_ref$labelPosition===void 0?'top':_ref$labelPosition,validationState=_ref.validationState,errorText=_ref.errorText,name=_ref.name,defaultValue=_ref.defaultValue,onChange=_ref.onChange,value=_ref.value,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,testID=_ref.testID,_ref$orientation=_ref.orientation,orientation=_ref$orientation===void 0?'vertical':_ref$orientation,_ref$flexWrap=_ref.flexWrap,flexWrap=_ref$flexWrap===void 0?'nowrap':_ref$flexWrap,rest=_objectWithoutProperties(_ref,_excluded);var _useCheckboxGroup=useCheckboxGroup({defaultValue:defaultValue,onChange:onChange,value:value,isDisabled:isDisabled,necessityIndicator:necessityIndicator,isRequired:isRequired,name:name,labelPosition:labelPosition,validationState:validationState,size:size}),contextValue=_useCheckboxGroup.contextValue,ids=_useCheckboxGroup.ids;var _useTheme=useTheme(),theme=_useTheme.theme;var showError=validationState==='error'&&errorText;var showHelpText=!showError&&helpText;var accessibilityText=`,${showError?errorText:''} ${showHelpText?helpText:''}`;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var gap=checkboxSizes.group.gap[size][matchedDeviceType];return jsx(CheckboxGroupProvider,{value:contextValue,children:jsx(BaseBox,Object.assign({},getStyledProps(rest),{children:jsxs(SelectorGroupField,Object.assign({position:labelPosition,labelledBy:ids.labelId,componentName:"checkbox-group",testID:testID},makeAnalyticsAttribute(rest),{children:[label?jsx(FormLabel,{as:"span",necessityIndicator:necessityIndicator,position:labelPosition,id:ids.labelId,accessibilityText:accessibilityText,size:size,children:label}):null,jsxs(BaseBox,{children:[jsx(BaseBox,{display:"flex",flexDirection:orientation==='horizontal'?'row':'column',gap:gap,flexWrap:flexWrap,children:React__default.Children.map(children,function(child,index){return jsx(BaseBox,{children:child},index);})}),jsx(FormHint,{size:size,errorText:errorText,helpText:helpText,type:validationState==='error'?'error':'help'})]})]}))}))});};
+var _excluded=["children","label","helpText","isDisabled","isRequired","necessityIndicator","labelPosition","validationState","errorText","name","defaultValue","onChange","value","size","testID","orientation","flexWrap"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Checkbox/CheckboxGroup/CheckboxGroup.tsx";var CheckboxGroup=function CheckboxGroup(_ref){var children=_ref.children,label=_ref.label,helpText=_ref.helpText,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,_ref$isRequired=_ref.isRequired,isRequired=_ref$isRequired===void 0?false:_ref$isRequired,_ref$necessityIndicat=_ref.necessityIndicator,necessityIndicator=_ref$necessityIndicat===void 0?'none':_ref$necessityIndicat,_ref$labelPosition=_ref.labelPosition,labelPosition=_ref$labelPosition===void 0?'top':_ref$labelPosition,validationState=_ref.validationState,errorText=_ref.errorText,name=_ref.name,defaultValue=_ref.defaultValue,onChange=_ref.onChange,value=_ref.value,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,testID=_ref.testID,_ref$orientation=_ref.orientation,orientation=_ref$orientation===void 0?'vertical':_ref$orientation,_ref$flexWrap=_ref.flexWrap,flexWrap=_ref$flexWrap===void 0?'nowrap':_ref$flexWrap,rest=_objectWithoutProperties(_ref,_excluded);var _useCheckboxGroup=useCheckboxGroup({defaultValue:defaultValue,onChange:onChange,value:value,isDisabled:isDisabled,necessityIndicator:necessityIndicator,isRequired:isRequired,name:name,labelPosition:labelPosition,validationState:validationState,size:size}),contextValue=_useCheckboxGroup.contextValue,ids=_useCheckboxGroup.ids;var _useTheme=useTheme(),theme=_useTheme.theme;var showError=validationState==='error'&&errorText;var showHelpText=!showError&&helpText;var accessibilityText=`,${showError?errorText:''} ${showHelpText?helpText:''}`;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var gap=checkboxSizes.group.gap[size][matchedDeviceType];return jsx(CheckboxGroupProvider,{value:contextValue,children:jsx(BaseBox,Object.assign({},getStyledProps(rest),{children:jsxs(SelectorGroupField,Object.assign({position:labelPosition,labelledBy:ids.labelId,componentName:"checkbox-group",testID:testID},makeAnalyticsAttribute(rest),{children:[label?jsx(FormLabel,{as:"span",necessityIndicator:necessityIndicator,position:labelPosition,id:ids.labelId,accessibilityText:accessibilityText,size:size,children:label}):null,jsxs(BaseBox,{children:[jsx(BaseBox,{display:"flex",flexDirection:orientation==='horizontal'?'row':'column',gap:gap,flexWrap:flexWrap,children:React__default.Children.map(children,function(child,index){return jsx(BaseBox,{children:child},index);})}),jsx(FormHint,{size:size,errorText:errorText,helpText:helpText,type:validationState==='error'?'error':'help'})]})]}))}))});};
 
 export { CheckboxGroup };
 //# sourceMappingURL=CheckboxGroup.js.map

package/build/lib/native/components/Checkbox/CheckboxGroup/CheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","sources":["../../../../../../src/components/Checkbox/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { checkboxSizes } from '../checkboxTokens';\nimport { CheckboxGroupProvider } from './CheckboxGroupContext';\nimport { useCheckboxGroup } from './useCheckboxGroup';\nimport { FormLabel, FormHint } from '~components/Form';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorGroupField } from '~components/Form/Selector/SelectorGroupField';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useBreakpoint } from '~utils';\n\nimport { useTheme } from '~components/BladeProvider';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype CheckboxGroupProps = {\n  /**\n   * Accepts multiple checkboxes as children\n   */\n  children: React.ReactNode;\n  /**\n   * Help text of the checkbox group\n   */\n  helpText?: string;\n  /**\n   * Error text of the checkbox group\n   * Renders when `validationState` is set to 'error'\n   *\n   * Overrides helpText\n   */\n  errorText?: string;\n  /**\n   * Sets the error state of the CheckboxGroup\n   * If set to `error` it will render the `errorText` of the group,\n   * and propagate `invalid` prop to every checkbox\n   */\n  validationState?: 'error' | 'none';\n  /**\n   * Renders a necessity indicator after CheckboxGroup label\n   *\n   * If set to `undefined` it renders nothing.\n   */\n  necessityIndicator?: 'required' | 'optional' | 'none';\n  /**\n   * Sets the disabled state of the CheckboxGroup\n   * If set to `true` it propagate down to all the checkboxes\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Sets the required state of the CheckboxGroup\n   * @default false\n   */\n  isRequired?: boolean;\n  /**\n   * Renders the label of the checkbox group\n   */\n  label?: string;\n  /**\n   * Sets the position of the label\n   *\n   * @default 'top'\n   */\n  labelPosition?: 'top' | 'left';\n  /**\n   * Initial value of the checkbox group\n   */\n  defaultValue?: string[];\n  /**\n   * value of the checkbox group\n   *\n   * Use `onChange` to update its value\n   */\n  value?: string[];\n  /**\n   * The callback invoked when any of the checkbox's state changes\n   */\n  onChange?: ({ name, values }: { name: string; values: string[] }) => void;\n  /**\n   * The name of the input field in a checkbox\n   * (Useful for form submission).\n   */\n  name?: string;\n  /**\n   * Size of the checkbox\n   *\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Orientation of the checkbox group\n   *\n   * @default \"vertical\"\n   */\n  orientation?: 'vertical' | 'horizontal';\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst CheckboxGroup = ({\n  children,\n  label,\n  helpText,\n  isDisabled = false,\n  isRequired = false,\n  necessityIndicator = 'none',\n  labelPosition = 'top',\n  validationState,\n  errorText,\n  name,\n  defaultValue,\n  onChange,\n  value,\n  size = 'medium',\n  testID,\n  orientation = 'vertical',\n  flexWrap = 'nowrap',\n  ...rest\n}: CheckboxGroupProps): React.ReactElement => {\n  const { contextValue, ids } = useCheckboxGroup({\n    defaultValue,\n    onChange,\n    value,\n    isDisabled,\n    necessityIndicator,\n    isRequired,\n    name,\n    labelPosition,\n    validationState,\n    size,\n  });\n\n  const { theme } = useTheme();\n  const showError = validationState === 'error' && errorText;\n  const showHelpText = !showError && helpText;\n  const accessibilityText = `,${showError ? errorText : ''} ${showHelpText ? helpText : ''}`;\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const gap = checkboxSizes.group.gap[size][matchedDeviceType];\n\n  return (\n    <CheckboxGroupProvider value={contextValue}>\n      <BaseBox {...getStyledProps(rest)}>\n        <SelectorGroupField\n          position={labelPosition}\n          labelledBy={ids.labelId}\n          componentName=\"checkbox-group\"\n          testID={testID}\n          {...makeAnalyticsAttribute(rest)}\n        >\n          {label ? (\n            <FormLabel\n              as=\"span\"\n              necessityIndicator={necessityIndicator}\n              position={labelPosition}\n              id={ids.labelId}\n              accessibilityText={accessibilityText}\n              size={size}\n            >\n              {label}\n            </FormLabel>\n          ) : null}\n          <BaseBox>\n            <BaseBox\n              display=\"flex\"\n              flexDirection={orientation === 'horizontal' ? 'row' : 'column'}\n              gap={gap}\n              flexWrap={flexWrap}\n            >\n              {React.Children.map(children, (child, index) => {\n                return <BaseBox key={index}>{child}</BaseBox>;\n              })}\n            </BaseBox>\n            <FormHint\n              size={size}\n              errorText={errorText}\n              helpText={helpText}\n              type={validationState === 'error' ? 'error' : 'help'}\n            />\n          </BaseBox>\n        </SelectorGroupField>\n      </BaseBox>\n    </CheckboxGroupProvider>\n  );\n};\n\nexport type { CheckboxGroupProps };\nexport { CheckboxGroup };\n"],"names":["CheckboxGroup","_ref","children","label","helpText","_ref$isDisabled","isDisabled","_ref$isRequired","isRequired","_ref$necessityIndicat","necessityIndicator","_ref$labelPosition","labelPosition","validationState","errorText","name","defaultValue","onChange","value","_ref$size","size","testID","_ref$orientation","orientation","_ref$flexWrap","flexWrap","rest","_objectWithoutProperties","_excluded","_useCheckboxGroup","useCheckboxGroup","contextValue","ids","_useTheme","useTheme","theme","showError","showHelpText","accessibilityText","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","gap","checkboxSizes","group","_jsx","CheckboxGroupProvider","BaseBox","Object","assign","getStyledProps","_jsxs","SelectorGroupField","position","labelledBy","labelId","componentName","makeAnalyticsAttribute","FormLabel","as","id","display","flexDirection","React","Children","map","child","index","FormHint","type"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,OAAA,CAAA,UAAA,CAAA,YAAA,CAAA,YAAA,CAAA,oBAAA,CAAA,eAAA,CAAA,iBAAA,CAAA,WAAA,CAAA,MAAA,CAAA,cAAA,CAAA,UAAA,CAAA,OAAA,CAAA,MAAA,CAAA,QAAA,CAAA,aAAA,CAAA,UAAA,CAAA,CAoGM,IAAAA,aAAa,CAAG,SAAhBA,aAAaA,CAAAC,IAAA,CAmB2B,CAAA,IAlB5CC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,KAAK,CAAAF,IAAA,CAALE,KAAK,CACLC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CAAAC,eAAA,CAAAJ,IAAA,CACRK,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,eAAA,CAAAE,eAAA,CAAAN,IAAA,CAClBO,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAA,KAAA,CAAA,CAAG,KAAK,CAAAA,eAAA,CAAAE,qBAAA,CAAAR,IAAA,CAClBS,kBAAkB,CAAlBA,kBAAkB,CAAAD,qBAAA,GAAA,KAAA,CAAA,CAAG,MAAM,CAAAA,qBAAA,CAAAE,kBAAA,CAAAV,IAAA,CAC3BW,aAAa,CAAbA,aAAa,CAAAD,kBAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,kBAAA,CACrBE,eAAe,CAAAZ,IAAA,CAAfY,eAAe,CACfC,SAAS,CAAAb,IAAA,CAATa,SAAS,CACTC,IAAI,CAAAd,IAAA,CAAJc,IAAI,CACJC,YAAY,CAAAf,IAAA,CAAZe,YAAY,CACZC,QAAQ,CAAAhB,IAAA,CAARgB,QAAQ,CACRC,KAAK,CAAAjB,IAAA,CAALiB,KAAK,CAAAC,SAAA,CAAAlB,IAAA,CACLmB,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,SAAA,CACfE,MAAM,CAAApB,IAAA,CAANoB,MAAM,CAAAC,gBAAA,CAAArB,IAAA,CACNsB,WAAW,CAAXA,WAAW,CAAAD,gBAAA,GAAA,KAAA,CAAA,CAAG,UAAU,CAAAA,gBAAA,CAAAE,aAAA,CAAAvB,IAAA,CACxBwB,QAAQ,CAARA,QAAQ,CAAAD,aAAA,UAAG,QAAQ,CAAAA,aAAA,CAChBE,IAAI,CAAAC,wBAAA,CAAA1B,IAAA,CAAA2B,SAAA,CAEP,CAAA,IAAAC,iBAAA,CAA8BC,gBAAgB,CAAC,CAC7Cd,YAAY,CAAZA,YAAY,CACZC,QAAQ,CAARA,QAAQ,CACRC,KAAK,CAALA,KAAK,CACLZ,UAAU,CAAVA,UAAU,CACVI,kBAAkB,CAAlBA,kBAAkB,CAClBF,UAAU,CAAVA,UAAU,CACVO,IAAI,CAAJA,IAAI,CACJH,aAAa,CAAbA,aAAa,CACbC,eAAe,CAAfA,eAAe,CACfO,IAAI,CAAJA,IACF,CAAC,CAAC,CAXMW,YAAY,CAAAF,iBAAA,CAAZE,YAAY,CAAEC,GAAG,CAAAH,iBAAA,CAAHG,GAAG,CAazB,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,SAAS,CAAGvB,eAAe,GAAK,OAAO,EAAIC,SAAS,CAC1D,IAAMuB,YAAY,CAAG,CAACD,SAAS,EAAIhC,QAAQ,CAC3C,IAAMkC,iBAAiB,CAAG,IAAIF,SAAS,CAAGtB,SAAS,CAAG,EAAE,CAAA,CAAA,EAAIuB,YAAY,CAAGjC,QAAQ,CAAG,EAAE,CAAE,CAAA,CAC1F,IAAAmC,cAAA,CAA8BC,aAAa,CAAC,CAAEC,WAAW,CAAEN,KAAK,CAACM,WAAY,CAAC,CAAC,CAAvEC,iBAAiB,CAAAH,cAAA,CAAjBG,iBAAiB,CACzB,IAAMC,GAAG,CAAGC,aAAa,CAACC,KAAK,CAACF,GAAG,CAACvB,IAAI,CAAC,CAACsB,iBAAiB,CAAC,CAE5D,OACEI,GAAA,CAACC,qBAAqB,CAAC7B,CAAAA,KAAK,CAAEa,YAAa,CAAA7B,QAAA,CACzC4C,GAAA,CAACE,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAKC,cAAc,CAACzB,IAAI,CAAC,CAAA,CAAAxB,QAAA,CAC/BkD,IAAA,CAACC,kBAAkB,CAAAJ,MAAA,CAAAC,MAAA,CACjBI,CAAAA,QAAQ,CAAE1C,aAAc,CACxB2C,UAAU,CAAEvB,GAAG,CAACwB,OAAQ,CACxBC,aAAa,CAAC,gBAAgB,CAC9BpC,MAAM,CAAEA,MAAO,CACXqC,CAAAA,sBAAsB,CAAChC,IAAI,CAAC,CAAAxB,CAAAA,QAAA,EAE/BC,KAAK,CACJ2C,GAAA,CAACa,SAAS,CAAA,CACRC,EAAE,CAAC,MAAM,CACTlD,kBAAkB,CAAEA,kBAAmB,CACvC4C,QAAQ,CAAE1C,aAAc,CACxBiD,EAAE,CAAE7B,GAAG,CAACwB,OAAQ,CAChBlB,iBAAiB,CAAEA,iBAAkB,CACrClB,IAAI,CAAEA,IAAK,CAAAlB,QAAA,CAEVC,KAAK,CACG,CAAC,CACV,IAAI,CACRiD,IAAA,CAACJ,OAAO,CAAA,CAAA9C,QAAA,CACN4C,CAAAA,GAAA,CAACE,OAAO,CACNc,CAAAA,OAAO,CAAC,MAAM,CACdC,aAAa,CAAExC,WAAW,GAAK,YAAY,CAAG,KAAK,CAAG,QAAS,CAC/DoB,GAAG,CAAEA,GAAI,CACTlB,QAAQ,CAAEA,QAAS,CAAAvB,QAAA,CAElB8D,cAAK,CAACC,QAAQ,CAACC,GAAG,CAAChE,QAAQ,CAAE,SAACiE,KAAK,CAAEC,KAAK,CAAK,CAC9C,OAAOtB,GAAA,CAACE,OAAO,CAAA,CAAA9C,QAAA,CAAciE,KAAK,CAAA,CAAbC,KAAuB,CAAC,CAC/C,CAAC,CAAC,CACK,CAAC,CACVtB,GAAA,CAACuB,QAAQ,CAAA,CACPjD,IAAI,CAAEA,IAAK,CACXN,SAAS,CAAEA,SAAU,CACrBV,QAAQ,CAAEA,QAAS,CACnBkE,IAAI,CAAEzD,eAAe,GAAK,OAAO,CAAG,OAAO,CAAG,MAAO,CACtD,CAAC,CAAA,CACK,CAAC,CACQ,CAAA,CAAA,CAAC,CACd,CAAA,CAAC,CACW,CAAC,CAE5B;;;;"}
+{"version":3,"file":"CheckboxGroup.js","sources":["../../../../../../src/components/Checkbox/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { checkboxSizes } from '../checkboxTokens';\nimport { CheckboxGroupProvider } from './CheckboxGroupContext';\nimport { useCheckboxGroup } from './useCheckboxGroup';\nimport { FormLabel, FormHint } from '~components/Form';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorGroupField } from '~components/Form/Selector/SelectorGroupField';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useBreakpoint } from '~utils';\n\nimport { useTheme } from '~components/BladeProvider';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype CheckboxGroupProps = {\n  /**\n   * Accepts multiple checkboxes as children\n   */\n  children: React.ReactNode;\n  /**\n   * Help text of the checkbox group\n   */\n  helpText?: string;\n  /**\n   * Error text of the checkbox group\n   * Renders when `validationState` is set to 'error'\n   *\n   * Overrides helpText\n   */\n  errorText?: string;\n  /**\n   * Sets the error state of the CheckboxGroup\n   * If set to `error` it will render the `errorText` of the group,\n   * and propagate `invalid` prop to every checkbox\n   */\n  validationState?: 'error' | 'none';\n  /**\n   * Renders a necessity indicator after CheckboxGroup label\n   *\n   * If set to `undefined` it renders nothing.\n   */\n  necessityIndicator?: 'required' | 'optional' | 'none';\n  /**\n   * Sets the disabled state of the CheckboxGroup\n   * If set to `true` it propagate down to all the checkboxes\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Sets the required state of the CheckboxGroup\n   * @default false\n   */\n  isRequired?: boolean;\n  /**\n   * Renders the label of the checkbox group\n   */\n  label?: string;\n  /**\n   * Sets the position of the label\n   *\n   * @default 'top'\n   */\n  labelPosition?: 'top' | 'left';\n  /**\n   * Initial value of the checkbox group\n   */\n  defaultValue?: string[];\n  /**\n   * value of the checkbox group\n   *\n   * Use `onChange` to update its value\n   */\n  value?: string[];\n  /**\n   * The callback invoked when any of the checkbox's state changes\n   */\n  onChange?: ({ name, values }: { name: string; values: string[] }) => void;\n  /**\n   * The name of the input field in a checkbox\n   * (Useful for form submission).\n   */\n  name?: string;\n  /**\n   * Size of the checkbox\n   *\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Orientation of the checkbox group\n   *\n   * @default \"vertical\"\n   */\n  orientation?: 'vertical' | 'horizontal';\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst CheckboxGroup = ({\n  children,\n  label,\n  helpText,\n  isDisabled = false,\n  isRequired = false,\n  necessityIndicator = 'none',\n  labelPosition = 'top',\n  validationState,\n  errorText,\n  name,\n  defaultValue,\n  onChange,\n  value,\n  size = 'medium',\n  testID,\n  orientation = 'vertical',\n  flexWrap = 'nowrap',\n  ...rest\n}: CheckboxGroupProps): React.ReactElement => {\n  const { contextValue, ids } = useCheckboxGroup({\n    defaultValue,\n    onChange,\n    value,\n    isDisabled,\n    necessityIndicator,\n    isRequired,\n    name,\n    labelPosition,\n    validationState,\n    size,\n  });\n\n  const { theme } = useTheme();\n  const showError = validationState === 'error' && errorText;\n  const showHelpText = !showError && helpText;\n  const accessibilityText = `,${showError ? errorText : ''} ${showHelpText ? helpText : ''}`;\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const gap = checkboxSizes.group.gap[size][matchedDeviceType];\n\n  return (\n    <CheckboxGroupProvider value={contextValue}>\n      <BaseBox {...getStyledProps(rest)}>\n        <SelectorGroupField\n          position={labelPosition}\n          labelledBy={ids.labelId}\n          componentName=\"checkbox-group\"\n          testID={testID}\n          {...makeAnalyticsAttribute(rest)}\n        >\n          {label ? (\n            <FormLabel\n              as=\"span\"\n              necessityIndicator={necessityIndicator}\n              position={labelPosition}\n              id={ids.labelId}\n              accessibilityText={accessibilityText}\n              size={size}\n            >\n              {label}\n            </FormLabel>\n          ) : null}\n          <BaseBox>\n            <BaseBox\n              display=\"flex\"\n              flexDirection={orientation === 'horizontal' ? 'row' : 'column'}\n              gap={gap}\n              flexWrap={flexWrap}\n            >\n              {React.Children.map(children, (child, index) => {\n                return <BaseBox key={index}>{child}</BaseBox>;\n              })}\n            </BaseBox>\n            <FormHint\n              size={size}\n              errorText={errorText}\n              helpText={helpText}\n              type={validationState === 'error' ? 'error' : 'help'}\n            />\n          </BaseBox>\n        </SelectorGroupField>\n      </BaseBox>\n    </CheckboxGroupProvider>\n  );\n};\n\nexport type { CheckboxGroupProps };\nexport { CheckboxGroup };\n"],"names":["this","CheckboxGroup","_ref","children","label","helpText","_ref$isDisabled","isDisabled","_ref$isRequired","isRequired","_ref$necessityIndicat","necessityIndicator","_ref$labelPosition","labelPosition","validationState","errorText","name","defaultValue","onChange","value","_ref$size","size","testID","_ref$orientation","orientation","_ref$flexWrap","flexWrap","rest","_objectWithoutProperties","_excluded","_useCheckboxGroup","useCheckboxGroup","contextValue","ids","_useTheme","useTheme","theme","showError","showHelpText","accessibilityText","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","gap","checkboxSizes","group","_jsx","CheckboxGroupProvider","BaseBox","Object","assign","getStyledProps","_jsxs","SelectorGroupField","position","labelledBy","labelId","componentName","makeAnalyticsAttribute","FormLabel","as","id","display","flexDirection","React","Children","map","child","index","FormHint","type"],"mappings":"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"}

package/build/lib/native/components/Checkbox/CheckboxGroup/index.js

@@ -0,0 +1,2 @@
+export { CheckboxGroup } from './CheckboxGroup.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/Checkbox/CheckboxGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/native/components/Checkbox/CheckboxGroup/useCheckboxGroup.js

@@ -1,16 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React__default from 'react';
 import { useControllableState } from '../../../utils/useControllable.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import useTheme from '../../BladeProvider/useTheme.js';
-import 'react-native';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BottomSheet/BottomSheetStack.js';
-import 'react/jsx-runtime';
+import '../../BladeProvider/index.js';
 import { useFormId } from '../../Form/useFormId.js';
+import useTheme from '../../BladeProvider/useTheme.js';
 
 var useCheckboxGroup=function useCheckboxGroup(_ref){var value=_ref.value,defaultValue=_ref.defaultValue,isDisabled=_ref.isDisabled,isRequired=_ref.isRequired,labelPosition=_ref.labelPosition,_onChange=_ref.onChange,validationState=_ref.validationState,name=_ref.name,necessityIndicator=_ref.necessityIndicator,size=_ref.size;var _useTheme=useTheme(),platform=_useTheme.platform;var _useFormId=useFormId('checkbox-group'),labelId=_useFormId.labelId;var _useControllableState=useControllableState({value:value,defaultValue:defaultValue||[],onChange:function onChange(values){return _onChange==null?void 0:_onChange({values:values,name:name});}}),_useControllableState2=_slicedToArray(_useControllableState,2),checkedValues=_useControllableState2[0],setValue=_useControllableState2[1];var state=React__default.useMemo(function(){return {value:checkedValues,setValue:function(_setValue){function setValue(_x){return _setValue.apply(this,arguments);}setValue.toString=function(){return _setValue.toString();};return setValue;}(function(value){if(isDisabled){return;}setValue(function(){return value;});}),isChecked:function isChecked(value){return checkedValues.includes(value);},addValue:function addValue(value){if(isDisabled){return;}if(!checkedValues.includes(value)){setValue(function(){return checkedValues.concat(value);});}},removeValue:function removeValue(value){if(isDisabled){return;}if(checkedValues.includes(value)){setValue(function(){return checkedValues.filter(function(existingValue){return existingValue!==value;});});}}};},[checkedValues,isDisabled,setValue]);var contextValue=React__default.useMemo(function(){return {validationState:validationState,isDisabled:isDisabled,isRequired:isRequired,labelPosition:platform==='onMobile'?'top':labelPosition,name:name,necessityIndicator:necessityIndicator,state:state,size:size};},[validationState,isDisabled,isRequired,platform,labelPosition,name,necessityIndicator,state,size]);return {state:state,contextValue:contextValue,ids:{labelId:labelId}};};
 

package/build/lib/native/components/Checkbox/CheckboxGroup/useCheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCheckboxGroup.js","sources":["../../../../../../src/components/Checkbox/CheckboxGroup/useCheckboxGroup.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-shadow */\n/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\n\nimport React from 'react';\nimport type { CheckboxGroupProps } from './CheckboxGroup';\nimport type { CheckboxGroupContextType } from './CheckboxGroupContext';\nimport { useControllableState } from '~utils/useControllable';\nimport { useTheme } from '~components/BladeProvider';\nimport { useFormId } from '~components/Form/useFormId';\n\ntype UseCheckboxGroupProps = Pick<\n  CheckboxGroupProps,\n  | 'isDisabled'\n  | 'isRequired'\n  | 'labelPosition'\n  | 'validationState'\n  | 'name'\n  | 'necessityIndicator'\n  | 'value'\n  | 'defaultValue'\n  | 'onChange'\n  | 'size'\n>;\n\nexport type State = {\n  value: string[];\n  setValue(value: string[]): void;\n  isChecked(value: string): boolean;\n  addValue(value: string): void;\n  removeValue(value: string): void;\n};\n\nconst useCheckboxGroup = ({\n  value,\n  defaultValue,\n  isDisabled,\n  isRequired,\n  labelPosition,\n  onChange,\n  validationState,\n  name,\n  necessityIndicator,\n  size,\n}: UseCheckboxGroupProps) => {\n  const { platform } = useTheme();\n  const { labelId } = useFormId('checkbox-group');\n  const [checkedValues, setValue] = useControllableState({\n    value,\n    defaultValue: defaultValue || [],\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n    onChange: (values: string[]) => onChange?.({ values, name: name! }),\n  });\n\n  const state = React.useMemo<State>(() => {\n    return {\n      value: checkedValues,\n      setValue(value: string[]) {\n        if (isDisabled) {\n          return;\n        }\n\n        setValue(() => value);\n      },\n      isChecked(value: string) {\n        return checkedValues.includes(value);\n      },\n      addValue(value: string) {\n        if (isDisabled) {\n          return;\n        }\n        if (!checkedValues.includes(value)) {\n          setValue(() => checkedValues.concat(value));\n        }\n      },\n      removeValue(value: string) {\n        if (isDisabled) {\n          return;\n        }\n        if (checkedValues.includes(value)) {\n          setValue(() => checkedValues.filter((existingValue) => existingValue !== value));\n        }\n      },\n    };\n  }, [checkedValues, isDisabled, setValue]);\n\n  const contextValue = React.useMemo<CheckboxGroupContextType>(() => {\n    return {\n      validationState,\n      isDisabled,\n      isRequired,\n      labelPosition: platform === 'onMobile' ? 'top' : labelPosition,\n      name,\n      necessityIndicator,\n      state,\n      size,\n    };\n  }, [\n    validationState,\n    isDisabled,\n    isRequired,\n    platform,\n    labelPosition,\n    name,\n    necessityIndicator,\n    state,\n    size,\n  ]);\n\n  return { state, contextValue, ids: { labelId } };\n};\n\nexport { useCheckboxGroup };\n"],"names":["useCheckboxGroup","_ref","value","defaultValue","isDisabled","isRequired","labelPosition","onChange","validationState","name","necessityIndicator","size","_useTheme","useTheme","platform","_useFormId","useFormId","labelId","_useControllableState","useControllableState","values","_useControllableState2","_slicedToArray","checkedValues","setValue","state","React","useMemo","_setValue","_x","apply","arguments","toString","isChecked","includes","addValue","concat","removeValue","filter","existingValue","contextValue","ids"],"mappings":"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"}
+{"version":3,"file":"useCheckboxGroup.js","sources":["../../../../../../src/components/Checkbox/CheckboxGroup/useCheckboxGroup.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-shadow */\n/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\n\nimport React from 'react';\nimport type { CheckboxGroupProps } from './CheckboxGroup';\nimport type { CheckboxGroupContextType } from './CheckboxGroupContext';\nimport { useControllableState } from '~utils/useControllable';\nimport { useTheme } from '~components/BladeProvider';\nimport { useFormId } from '~components/Form/useFormId';\n\ntype UseCheckboxGroupProps = Pick<\n  CheckboxGroupProps,\n  | 'isDisabled'\n  | 'isRequired'\n  | 'labelPosition'\n  | 'validationState'\n  | 'name'\n  | 'necessityIndicator'\n  | 'value'\n  | 'defaultValue'\n  | 'onChange'\n  | 'size'\n>;\n\nexport type State = {\n  value: string[];\n  setValue(value: string[]): void;\n  isChecked(value: string): boolean;\n  addValue(value: string): void;\n  removeValue(value: string): void;\n};\n\nconst useCheckboxGroup = ({\n  value,\n  defaultValue,\n  isDisabled,\n  isRequired,\n  labelPosition,\n  onChange,\n  validationState,\n  name,\n  necessityIndicator,\n  size,\n}: UseCheckboxGroupProps) => {\n  const { platform } = useTheme();\n  const { labelId } = useFormId('checkbox-group');\n  const [checkedValues, setValue] = useControllableState({\n    value,\n    defaultValue: defaultValue || [],\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n    onChange: (values: string[]) => onChange?.({ values, name: name! }),\n  });\n\n  const state = React.useMemo<State>(() => {\n    return {\n      value: checkedValues,\n      setValue(value: string[]) {\n        if (isDisabled) {\n          return;\n        }\n\n        setValue(() => value);\n      },\n      isChecked(value: string) {\n        return checkedValues.includes(value);\n      },\n      addValue(value: string) {\n        if (isDisabled) {\n          return;\n        }\n        if (!checkedValues.includes(value)) {\n          setValue(() => checkedValues.concat(value));\n        }\n      },\n      removeValue(value: string) {\n        if (isDisabled) {\n          return;\n        }\n        if (checkedValues.includes(value)) {\n          setValue(() => checkedValues.filter((existingValue) => existingValue !== value));\n        }\n      },\n    };\n  }, [checkedValues, isDisabled, setValue]);\n\n  const contextValue = React.useMemo<CheckboxGroupContextType>(() => {\n    return {\n      validationState,\n      isDisabled,\n      isRequired,\n      labelPosition: platform === 'onMobile' ? 'top' : labelPosition,\n      name,\n      necessityIndicator,\n      state,\n      size,\n    };\n  }, [\n    validationState,\n    isDisabled,\n    isRequired,\n    platform,\n    labelPosition,\n    name,\n    necessityIndicator,\n    state,\n    size,\n  ]);\n\n  return { state, contextValue, ids: { labelId } };\n};\n\nexport { useCheckboxGroup };\n"],"names":["useCheckboxGroup","_ref","value","defaultValue","isDisabled","isRequired","labelPosition","onChange","validationState","name","necessityIndicator","size","_useTheme","useTheme","platform","_useFormId","useFormId","labelId","_useControllableState","useControllableState","values","_useControllableState2","_slicedToArray","checkedValues","setValue","state","React","useMemo","_setValue","_x","apply","arguments","toString","isChecked","includes","addValue","concat","removeValue","filter","existingValue","contextValue","ids"],"mappings":"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"}

package/build/lib/native/components/Checkbox/CheckboxIcon/CheckboxIcon.js

@@ -2,24 +2,20 @@ import 'react';
 import { CheckboxIconWrapper } from './CheckboxIconWrapper.native.js';
 import { Fade } from './Fade.native.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import useTheme from '../../BladeProvider/useTheme.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
+import '../../BladeProvider/index.js';
+import '../../Icons/_Svg/index.js';
+import '../../../utils/makeSpace/index.js';
+import '../../../utils/metaAttribute/index.js';
+import '../../../tokens/global/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { size } from '../../../tokens/global/size.js';
-import '../../BottomSheet/BottomSheetStack.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-native-svg';
-import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native.js';
-import Path from '../../Icons/_Svg/Path/Path.native.js';
+import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
 import Svg from '../../Icons/_Svg/Svg/Svg.native.js';
+import Path from '../../Icons/_Svg/Path/Path.native.js';
+import useTheme from '../../BladeProvider/useTheme.js';
+import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native.js';
 
-var svgSize={small:{width:size[8],height:size[8]},medium:{width:size[12],height:size[12]},large:{width:size[16],height:size[16]}};var CheckedIcon=function CheckedIcon(_ref){var color=_ref.color,size=_ref.size;var width=makeSpace(svgSize[size].width);var height=makeSpace(svgSize[size].height);return jsx(Svg,{width:width,height:height,viewBox:"0 0 8 8",fill:"none",children:jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M6.90237 1.76413C7.03254 1.89431 7.03254 2.10536 6.90237 2.23554L3.2357 5.90221C3.10553 6.03238 2.89447 6.03238 2.7643 5.90221L1.09763 4.23554C0.967456 4.10536 0.967456 3.89431 1.09763 3.76414C1.22781 3.63396 1.43886 3.63396 1.56904 3.76414L3 5.1951L6.43096 1.76413C6.56114 1.63396 6.77219 1.63396 6.90237 1.76413Z",fill:color,stroke:color,strokeWidth:"0.5",strokeLinecap:"round",strokeLinejoin:"round"})});};var IndeterminateIcon=function IndeterminateIcon(_ref2){var color=_ref2.color,size=_ref2.size;var width=makeSpace(svgSize[size].width);var height=makeSpace(svgSize[size].height);return jsx(Svg,{width:width,height:height,viewBox:"0 0 8 8",fill:"none",children:jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M1.3335 3.99984C1.3335 3.81574 1.48273 3.6665 1.66683 3.6665H6.3335C6.51759 3.6665 6.66683 3.81574 6.66683 3.99984C6.66683 4.18393 6.51759 4.33317 6.3335 4.33317H1.66683C1.48273 4.33317 1.3335 4.18393 1.3335 3.99984Z",fill:color,stroke:color,strokeWidth:"0.5",strokeLinecap:"round",strokeLinejoin:"round"})});};var CheckboxIcon=function CheckboxIcon(_ref3){var isChecked=_ref3.isChecked,isIndeterminate=_ref3.isIndeterminate,isDisabled=_ref3.isDisabled,isNegative=_ref3.isNegative,size=_ref3.size;var _useTheme=useTheme(),theme=_useTheme.theme;var iconColor=isDisabled?getIn(theme,'colors.interactive.icon.staticWhite.disabled'):getIn(theme,'colors.interactive.icon.onPrimary.normal');return jsxs(CheckboxIconWrapper,Object.assign({size:size,isIndeterminate:isIndeterminate,isDisabled:isDisabled,isNegative:isNegative,isChecked:!!(isChecked||isIndeterminate)},metaAttribute({name:'checkbox-icon-wrapper'}),{children:[jsx(Fade,{show:isIndeterminate,styles:{position:'absolute',display:'flex'},children:jsx(IndeterminateIcon,{size:size,color:iconColor})}),jsx(Fade,{show:Boolean(isChecked)&&!isIndeterminate,styles:{position:'absolute',display:'flex'},children:isChecked?jsx(CheckedIcon,{size:size,color:iconColor}):null})]}));};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Checkbox/CheckboxIcon/CheckboxIcon.tsx";var svgSize={small:{width:size[8],height:size[8]},medium:{width:size[12],height:size[12]},large:{width:size[16],height:size[16]}};var CheckedIcon=function CheckedIcon(_ref){var color=_ref.color,size=_ref.size;var width=makeSpace(svgSize[size].width);var height=makeSpace(svgSize[size].height);return jsx(Svg,{width:width,height:height,viewBox:"0 0 8 8",fill:"none",children:jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M6.90237 1.76413C7.03254 1.89431 7.03254 2.10536 6.90237 2.23554L3.2357 5.90221C3.10553 6.03238 2.89447 6.03238 2.7643 5.90221L1.09763 4.23554C0.967456 4.10536 0.967456 3.89431 1.09763 3.76414C1.22781 3.63396 1.43886 3.63396 1.56904 3.76414L3 5.1951L6.43096 1.76413C6.56114 1.63396 6.77219 1.63396 6.90237 1.76413Z",fill:color,stroke:color,strokeWidth:"0.5",strokeLinecap:"round",strokeLinejoin:"round"})});};var IndeterminateIcon=function IndeterminateIcon(_ref2){var color=_ref2.color,size=_ref2.size;var width=makeSpace(svgSize[size].width);var height=makeSpace(svgSize[size].height);return jsx(Svg,{width:width,height:height,viewBox:"0 0 8 8",fill:"none",children:jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M1.3335 3.99984C1.3335 3.81574 1.48273 3.6665 1.66683 3.6665H6.3335C6.51759 3.6665 6.66683 3.81574 6.66683 3.99984C6.66683 4.18393 6.51759 4.33317 6.3335 4.33317H1.66683C1.48273 4.33317 1.3335 4.18393 1.3335 3.99984Z",fill:color,stroke:color,strokeWidth:"0.5",strokeLinecap:"round",strokeLinejoin:"round"})});};var CheckboxIcon=function CheckboxIcon(_ref3){var isChecked=_ref3.isChecked,isIndeterminate=_ref3.isIndeterminate,isDisabled=_ref3.isDisabled,isNegative=_ref3.isNegative,size=_ref3.size;var _useTheme=useTheme(),theme=_useTheme.theme;var iconColor=isDisabled?getIn(theme,'colors.interactive.icon.staticWhite.disabled'):getIn(theme,'colors.interactive.icon.onPrimary.normal');return jsxs(CheckboxIconWrapper,Object.assign({size:size,isIndeterminate:isIndeterminate,isDisabled:isDisabled,isNegative:isNegative,isChecked:!!(isChecked||isIndeterminate)},metaAttribute({name:'checkbox-icon-wrapper'}),{children:[jsx(Fade,{show:isIndeterminate,styles:{position:'absolute',display:'flex'},children:jsx(IndeterminateIcon,{size:size,color:iconColor})}),jsx(Fade,{show:Boolean(isChecked)&&!isIndeterminate,styles:{position:'absolute',display:'flex'},children:isChecked?jsx(CheckedIcon,{size:size,color:iconColor}):null})]}));};
 
 export { CheckboxIcon };
 //# sourceMappingURL=CheckboxIcon.js.map

package/build/lib/native/components/Checkbox/CheckboxIcon/CheckboxIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxIcon.js","sources":["../../../../../../src/components/Checkbox/CheckboxIcon/CheckboxIcon.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport { CheckboxIconWrapper } from './CheckboxIconWrapper';\nimport { Fade } from './Fade';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport Svg, { Path } from '~components/Icons/_Svg';\nimport { makeSpace } from '~utils/makeSpace';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { size } from '~tokens/global';\n\nconst svgSize = {\n  small: {\n    width: size[8],\n    height: size[8],\n  },\n  medium: {\n    width: size[12],\n    height: size[12],\n  },\n  large: {\n    width: size[16],\n    height: size[16],\n  },\n};\n\nconst CheckedIcon = ({ color, size }: { color: string; size: 'small' | 'medium' | 'large' }) => {\n  const width = makeSpace(svgSize[size].width);\n  const height = makeSpace(svgSize[size].height);\n\n  return (\n    <Svg width={width} height={height} viewBox=\"0 0 8 8\" fill=\"none\">\n      <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M6.90237 1.76413C7.03254 1.89431 7.03254 2.10536 6.90237 2.23554L3.2357 5.90221C3.10553 6.03238 2.89447 6.03238 2.7643 5.90221L1.09763 4.23554C0.967456 4.10536 0.967456 3.89431 1.09763 3.76414C1.22781 3.63396 1.43886 3.63396 1.56904 3.76414L3 5.1951L6.43096 1.76413C6.56114 1.63396 6.77219 1.63396 6.90237 1.76413Z\"\n        fill={color}\n        stroke={color}\n        strokeWidth=\"0.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </Svg>\n  );\n};\n\nconst IndeterminateIcon = ({\n  color,\n  size,\n}: {\n  color: string;\n  size: 'small' | 'medium' | 'large';\n}) => {\n  const width = makeSpace(svgSize[size].width);\n  const height = makeSpace(svgSize[size].height);\n\n  return (\n    <Svg width={width} height={height} viewBox=\"0 0 8 8\" fill=\"none\">\n      <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M1.3335 3.99984C1.3335 3.81574 1.48273 3.6665 1.66683 3.6665H6.3335C6.51759 3.6665 6.66683 3.81574 6.66683 3.99984C6.66683 4.18393 6.51759 4.33317 6.3335 4.33317H1.66683C1.48273 4.33317 1.3335 4.18393 1.3335 3.99984Z\"\n        fill={color}\n        stroke={color}\n        strokeWidth=\"0.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </Svg>\n  );\n};\n\nexport type CheckboxIconProps = {\n  isDisabled?: boolean;\n  isNegative?: boolean;\n  isChecked?: boolean;\n  isIndeterminate?: boolean;\n  size: 'small' | 'medium' | 'large';\n};\n\nconst CheckboxIcon = ({\n  isChecked,\n  isIndeterminate,\n  isDisabled,\n  isNegative,\n  size,\n}: CheckboxIconProps) => {\n  const { theme } = useTheme();\n  const iconColor = isDisabled\n    ? getIn(theme, 'colors.interactive.icon.staticWhite.disabled')\n    : getIn(theme, 'colors.interactive.icon.onPrimary.normal');\n\n  return (\n    <CheckboxIconWrapper\n      size={size}\n      isIndeterminate={isIndeterminate}\n      isDisabled={isDisabled}\n      isNegative={isNegative}\n      isChecked={!!(isChecked || isIndeterminate)}\n      {...metaAttribute({ name: 'checkbox-icon-wrapper' })}\n    >\n      <Fade show={isIndeterminate} styles={{ position: 'absolute', display: 'flex' }}>\n        <IndeterminateIcon size={size} color={iconColor} />\n      </Fade>\n      <Fade\n        show={Boolean(isChecked) && !isIndeterminate}\n        styles={{ position: 'absolute', display: 'flex' }}\n      >\n        {isChecked ? <CheckedIcon size={size} color={iconColor} /> : null}\n      </Fade>\n    </CheckboxIconWrapper>\n  );\n};\n\nexport { CheckboxIcon };\n"],"names":["svgSize","small","width","size","height","medium","large","CheckedIcon","_ref","color","makeSpace","_jsx","Svg","viewBox","fill","children","Path","fillRule","clipRule","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","IndeterminateIcon","_ref2","CheckboxIcon","_ref3","isChecked","isIndeterminate","isDisabled","isNegative","_useTheme","useTheme","theme","iconColor","getIn","_jsxs","CheckboxIconWrapper","Object","assign","metaAttribute","name","Fade","show","styles","position","display","Boolean"],"mappings":"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"}
+{"version":3,"file":"CheckboxIcon.js","sources":["../../../../../../src/components/Checkbox/CheckboxIcon/CheckboxIcon.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport { CheckboxIconWrapper } from './CheckboxIconWrapper';\nimport { Fade } from './Fade';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport Svg, { Path } from '~components/Icons/_Svg';\nimport { makeSpace } from '~utils/makeSpace';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { size } from '~tokens/global';\n\nconst svgSize = {\n  small: {\n    width: size[8],\n    height: size[8],\n  },\n  medium: {\n    width: size[12],\n    height: size[12],\n  },\n  large: {\n    width: size[16],\n    height: size[16],\n  },\n};\n\nconst CheckedIcon = ({ color, size }: { color: string; size: 'small' | 'medium' | 'large' }) => {\n  const width = makeSpace(svgSize[size].width);\n  const height = makeSpace(svgSize[size].height);\n\n  return (\n    <Svg width={width} height={height} viewBox=\"0 0 8 8\" fill=\"none\">\n      <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M6.90237 1.76413C7.03254 1.89431 7.03254 2.10536 6.90237 2.23554L3.2357 5.90221C3.10553 6.03238 2.89447 6.03238 2.7643 5.90221L1.09763 4.23554C0.967456 4.10536 0.967456 3.89431 1.09763 3.76414C1.22781 3.63396 1.43886 3.63396 1.56904 3.76414L3 5.1951L6.43096 1.76413C6.56114 1.63396 6.77219 1.63396 6.90237 1.76413Z\"\n        fill={color}\n        stroke={color}\n        strokeWidth=\"0.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </Svg>\n  );\n};\n\nconst IndeterminateIcon = ({\n  color,\n  size,\n}: {\n  color: string;\n  size: 'small' | 'medium' | 'large';\n}) => {\n  const width = makeSpace(svgSize[size].width);\n  const height = makeSpace(svgSize[size].height);\n\n  return (\n    <Svg width={width} height={height} viewBox=\"0 0 8 8\" fill=\"none\">\n      <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M1.3335 3.99984C1.3335 3.81574 1.48273 3.6665 1.66683 3.6665H6.3335C6.51759 3.6665 6.66683 3.81574 6.66683 3.99984C6.66683 4.18393 6.51759 4.33317 6.3335 4.33317H1.66683C1.48273 4.33317 1.3335 4.18393 1.3335 3.99984Z\"\n        fill={color}\n        stroke={color}\n        strokeWidth=\"0.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </Svg>\n  );\n};\n\nexport type CheckboxIconProps = {\n  isDisabled?: boolean;\n  isNegative?: boolean;\n  isChecked?: boolean;\n  isIndeterminate?: boolean;\n  size: 'small' | 'medium' | 'large';\n};\n\nconst CheckboxIcon = ({\n  isChecked,\n  isIndeterminate,\n  isDisabled,\n  isNegative,\n  size,\n}: CheckboxIconProps) => {\n  const { theme } = useTheme();\n  const iconColor = isDisabled\n    ? getIn(theme, 'colors.interactive.icon.staticWhite.disabled')\n    : getIn(theme, 'colors.interactive.icon.onPrimary.normal');\n\n  return (\n    <CheckboxIconWrapper\n      size={size}\n      isIndeterminate={isIndeterminate}\n      isDisabled={isDisabled}\n      isNegative={isNegative}\n      isChecked={!!(isChecked || isIndeterminate)}\n      {...metaAttribute({ name: 'checkbox-icon-wrapper' })}\n    >\n      <Fade show={isIndeterminate} styles={{ position: 'absolute', display: 'flex' }}>\n        <IndeterminateIcon size={size} color={iconColor} />\n      </Fade>\n      <Fade\n        show={Boolean(isChecked) && !isIndeterminate}\n        styles={{ position: 'absolute', display: 'flex' }}\n      >\n        {isChecked ? <CheckedIcon size={size} color={iconColor} /> : null}\n      </Fade>\n    </CheckboxIconWrapper>\n  );\n};\n\nexport { CheckboxIcon };\n"],"names":["this","svgSize","small","width","size","height","medium","large","CheckedIcon","_ref","color","makeSpace","_jsx","Svg","viewBox","fill","children","Path","fillRule","clipRule","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","IndeterminateIcon","_ref2","CheckboxIcon","_ref3","isChecked","isIndeterminate","isDisabled","isNegative","_useTheme","useTheme","theme","iconColor","getIn","_jsxs","CheckboxIconWrapper","Object","assign","metaAttribute","name","Fade","show","styles","position","display","Boolean"],"mappings":"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"}

package/build/lib/native/components/Checkbox/CheckboxIcon/CheckboxIconWrapperStyles.js

@@ -1,10 +1,12 @@
 import { checkboxIconColors, checkboxSizes } from '../checkboxTokens.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
+import '../../../utils/makeSpace/index.js';
+import '../../../utils/makeSize/index.js';
+import '../../../utils/makeBorderSize/index.js';
+import '../../../tokens/global/index.js';
 import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
+import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.native.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
-import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
 import { size } from '../../../tokens/global/size.js';
 
 var getCheckboxIconWrapperStyles=function getCheckboxIconWrapperStyles(_ref){var theme=_ref.theme,isChecked=_ref.isChecked,isDisabled=_ref.isDisabled,isNegative=_ref.isNegative,isIndeterminate=_ref.isIndeterminate,size$1=_ref.size;var variant='default';if(isDisabled)variant='disabled';if(isNegative)variant='negative';var checked=isChecked?'checked':'unchecked';var background=checkboxIconColors.variants[variant].background[checked];var border=checkboxIconColors.variants[variant].border[checked];var backgroundColor=getIn(theme,background);var borderColor=getIn(theme,border);var _borderWidth=size$1==='large'?theme.border.width.thicker:theme.border.width.thick;return {position:'relative',display:'flex',alignItems:'center',justifyContent:'center',flexShrink:0,width:makeSpace(checkboxSizes.icon[size$1].width),height:makeSpace(checkboxSizes.icon[size$1].height),borderWidth:makeBorderSize(_borderWidth),borderStyle:'solid',margin:makeSpace(theme.spacing[1]),borderRadius:makeSize(theme.border.radius.xsmall),backgroundColor:backgroundColor,borderColor:borderColor,paddingTop:size$1==='small'&&!isIndeterminate?makeSize(size['1']):0};};

package/build/lib/native/components/Checkbox/CheckboxIcon/CheckboxIconWrapperStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxIconWrapperStyles.js","sources":["../../../../../../src/components/Checkbox/CheckboxIcon/CheckboxIconWrapperStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport { checkboxIconColors, checkboxSizes } from '../checkboxTokens';\nimport type { CheckboxIconProps } from './CheckboxIcon';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { size as sizeToken } from '~tokens/global';\n\nexport type CheckboxRectProps = Omit<CheckboxIconProps, 'state'> & {\n  isChecked: boolean;\n};\n\nconst getCheckboxIconWrapperStyles = ({\n  theme,\n  isChecked,\n  isDisabled,\n  isNegative,\n  isIndeterminate,\n  size,\n}: CheckboxRectProps & { theme: Theme }): CSSObject => {\n  let variant: 'default' | 'disabled' | 'negative' = 'default';\n  if (isDisabled) variant = 'disabled';\n  if (isNegative) variant = 'negative';\n  const checked = isChecked ? 'checked' : 'unchecked';\n  const background = checkboxIconColors.variants[variant].background[checked];\n  const border = checkboxIconColors.variants[variant].border[checked];\n  const backgroundColor = getIn(theme, background);\n  const borderColor = getIn(theme, border);\n  const _borderWidth = size === 'large' ? theme.border.width.thicker : theme.border.width.thick;\n\n  return {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n    width: makeSpace(checkboxSizes.icon[size].width),\n    height: makeSpace(checkboxSizes.icon[size].height),\n    borderWidth: makeBorderSize(_borderWidth),\n    borderStyle: 'solid',\n    margin: makeSpace(theme.spacing[1]),\n    borderRadius: makeSize(theme.border.radius.xsmall),\n    backgroundColor,\n    borderColor,\n    paddingTop: size === 'small' && !isIndeterminate ? makeSize(sizeToken['1']) : 0,\n  };\n};\n\nexport { getCheckboxIconWrapperStyles };\n"],"names":["getCheckboxIconWrapperStyles","_ref","theme","isChecked","isDisabled","isNegative","isIndeterminate","size","variant","checked","background","checkboxIconColors","variants","border","backgroundColor","getIn","borderColor","_borderWidth","width","thicker","thick","position","display","alignItems","justifyContent","flexShrink","makeSpace","checkboxSizes","icon","height","borderWidth","makeBorderSize","borderStyle","margin","spacing","borderRadius","makeSize","radius","xsmall","paddingTop","sizeToken"],"mappings":";;;;;;;;;AAcM,IAAAA,4BAA4B,CAAG,SAA/BA,4BAA4BA,CAAAC,IAAA,CAOqB,CANrD,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,UAAU,CAAAH,IAAA,CAAVG,UAAU,CACVC,UAAU,CAAAJ,IAAA,CAAVI,UAAU,CACVC,eAAe,CAAAL,IAAA,CAAfK,eAAe,CACfC,MAAI,CAAAN,IAAA,CAAJM,IAAI,CAEJ,IAAIC,OAA4C,CAAG,SAAS,CAC5D,GAAIJ,UAAU,CAAEI,OAAO,CAAG,UAAU,CACpC,GAAIH,UAAU,CAAEG,OAAO,CAAG,UAAU,CACpC,IAAMC,OAAO,CAAGN,SAAS,CAAG,SAAS,CAAG,WAAW,CACnD,IAAMO,UAAU,CAAGC,kBAAkB,CAACC,QAAQ,CAACJ,OAAO,CAAC,CAACE,UAAU,CAACD,OAAO,CAAC,CAC3E,IAAMI,MAAM,CAAGF,kBAAkB,CAACC,QAAQ,CAACJ,OAAO,CAAC,CAACK,MAAM,CAACJ,OAAO,CAAC,CACnE,IAAMK,eAAe,CAAGC,KAAK,CAACb,KAAK,CAAEQ,UAAU,CAAC,CAChD,IAAMM,WAAW,CAAGD,KAAK,CAACb,KAAK,CAAEW,MAAM,CAAC,CACxC,IAAMI,YAAY,CAAGV,MAAI,GAAK,OAAO,CAAGL,KAAK,CAACW,MAAM,CAACK,KAAK,CAACC,OAAO,CAAGjB,KAAK,CAACW,MAAM,CAACK,KAAK,CAACE,KAAK,CAE7F,OAAO,CACLC,QAAQ,CAAE,UAAU,CACpBC,OAAO,CAAE,MAAM,CACfC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,QAAQ,CACxBC,UAAU,CAAE,CAAC,CACbP,KAAK,CAAEQ,SAAS,CAACC,aAAa,CAACC,IAAI,CAACrB,MAAI,CAAC,CAACW,KAAK,CAAC,CAChDW,MAAM,CAAEH,SAAS,CAACC,aAAa,CAACC,IAAI,CAACrB,MAAI,CAAC,CAACsB,MAAM,CAAC,CAClDC,WAAW,CAAEC,cAAc,CAACd,YAAY,CAAC,CACzCe,WAAW,CAAE,OAAO,CACpBC,MAAM,CAAEP,SAAS,CAACxB,KAAK,CAACgC,OAAO,CAAC,CAAC,CAAC,CAAC,CACnCC,YAAY,CAAEC,QAAQ,CAAClC,KAAK,CAACW,MAAM,CAACwB,MAAM,CAACC,MAAM,CAAC,CAClDxB,eAAe,CAAfA,eAAe,CACfE,WAAW,CAAXA,WAAW,CACXuB,UAAU,CAAEhC,MAAI,GAAK,OAAO,EAAI,CAACD,eAAe,CAAG8B,QAAQ,CAACI,IAAS,CAAC,GAAG,CAAC,CAAC,CAAG,CAChF,CAAC,CACH;;;;"}
+{"version":3,"file":"CheckboxIconWrapperStyles.js","sources":["../../../../../../src/components/Checkbox/CheckboxIcon/CheckboxIconWrapperStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport { checkboxIconColors, checkboxSizes } from '../checkboxTokens';\nimport type { CheckboxIconProps } from './CheckboxIcon';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { size as sizeToken } from '~tokens/global';\n\nexport type CheckboxRectProps = Omit<CheckboxIconProps, 'state'> & {\n  isChecked: boolean;\n};\n\nconst getCheckboxIconWrapperStyles = ({\n  theme,\n  isChecked,\n  isDisabled,\n  isNegative,\n  isIndeterminate,\n  size,\n}: CheckboxRectProps & { theme: Theme }): CSSObject => {\n  let variant: 'default' | 'disabled' | 'negative' = 'default';\n  if (isDisabled) variant = 'disabled';\n  if (isNegative) variant = 'negative';\n  const checked = isChecked ? 'checked' : 'unchecked';\n  const background = checkboxIconColors.variants[variant].background[checked];\n  const border = checkboxIconColors.variants[variant].border[checked];\n  const backgroundColor = getIn(theme, background);\n  const borderColor = getIn(theme, border);\n  const _borderWidth = size === 'large' ? theme.border.width.thicker : theme.border.width.thick;\n\n  return {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n    width: makeSpace(checkboxSizes.icon[size].width),\n    height: makeSpace(checkboxSizes.icon[size].height),\n    borderWidth: makeBorderSize(_borderWidth),\n    borderStyle: 'solid',\n    margin: makeSpace(theme.spacing[1]),\n    borderRadius: makeSize(theme.border.radius.xsmall),\n    backgroundColor,\n    borderColor,\n    paddingTop: size === 'small' && !isIndeterminate ? makeSize(sizeToken['1']) : 0,\n  };\n};\n\nexport { getCheckboxIconWrapperStyles };\n"],"names":["getCheckboxIconWrapperStyles","_ref","theme","isChecked","isDisabled","isNegative","isIndeterminate","size","variant","checked","background","checkboxIconColors","variants","border","backgroundColor","getIn","borderColor","_borderWidth","width","thicker","thick","position","display","alignItems","justifyContent","flexShrink","makeSpace","checkboxSizes","icon","height","borderWidth","makeBorderSize","borderStyle","margin","spacing","borderRadius","makeSize","radius","xsmall","paddingTop","sizeToken"],"mappings":";;;;;;;;;;;AAcM,IAAAA,4BAA4B,CAAG,SAA/BA,4BAA4BA,CAAAC,IAAA,CAOqB,CANrD,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,UAAU,CAAAH,IAAA,CAAVG,UAAU,CACVC,UAAU,CAAAJ,IAAA,CAAVI,UAAU,CACVC,eAAe,CAAAL,IAAA,CAAfK,eAAe,CACfC,MAAI,CAAAN,IAAA,CAAJM,IAAI,CAEJ,IAAIC,OAA4C,CAAG,SAAS,CAC5D,GAAIJ,UAAU,CAAEI,OAAO,CAAG,UAAU,CACpC,GAAIH,UAAU,CAAEG,OAAO,CAAG,UAAU,CACpC,IAAMC,OAAO,CAAGN,SAAS,CAAG,SAAS,CAAG,WAAW,CACnD,IAAMO,UAAU,CAAGC,kBAAkB,CAACC,QAAQ,CAACJ,OAAO,CAAC,CAACE,UAAU,CAACD,OAAO,CAAC,CAC3E,IAAMI,MAAM,CAAGF,kBAAkB,CAACC,QAAQ,CAACJ,OAAO,CAAC,CAACK,MAAM,CAACJ,OAAO,CAAC,CACnE,IAAMK,eAAe,CAAGC,KAAK,CAACb,KAAK,CAAEQ,UAAU,CAAC,CAChD,IAAMM,WAAW,CAAGD,KAAK,CAACb,KAAK,CAAEW,MAAM,CAAC,CACxC,IAAMI,YAAY,CAAGV,MAAI,GAAK,OAAO,CAAGL,KAAK,CAACW,MAAM,CAACK,KAAK,CAACC,OAAO,CAAGjB,KAAK,CAACW,MAAM,CAACK,KAAK,CAACE,KAAK,CAE7F,OAAO,CACLC,QAAQ,CAAE,UAAU,CACpBC,OAAO,CAAE,MAAM,CACfC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,QAAQ,CACxBC,UAAU,CAAE,CAAC,CACbP,KAAK,CAAEQ,SAAS,CAACC,aAAa,CAACC,IAAI,CAACrB,MAAI,CAAC,CAACW,KAAK,CAAC,CAChDW,MAAM,CAAEH,SAAS,CAACC,aAAa,CAACC,IAAI,CAACrB,MAAI,CAAC,CAACsB,MAAM,CAAC,CAClDC,WAAW,CAAEC,cAAc,CAACd,YAAY,CAAC,CACzCe,WAAW,CAAE,OAAO,CACpBC,MAAM,CAAEP,SAAS,CAACxB,KAAK,CAACgC,OAAO,CAAC,CAAC,CAAC,CAAC,CACnCC,YAAY,CAAEC,QAAQ,CAAClC,KAAK,CAACW,MAAM,CAACwB,MAAM,CAACC,MAAM,CAAC,CAClDxB,eAAe,CAAfA,eAAe,CACfE,WAAW,CAAXA,WAAW,CACXuB,UAAU,CAAEhC,MAAI,GAAK,OAAO,EAAI,CAACD,eAAe,CAAG8B,QAAQ,CAACI,IAAS,CAAC,GAAG,CAAC,CAAC,CAAG,CAChF,CAAC,CACH;;;;"}

package/build/lib/native/components/Checkbox/CheckboxIcon/Fade.native.js

@@ -1,17 +1,11 @@
 import 'react';
 import Animated, { Keyframe } from 'react-native-reanimated';
 import styled from 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import useTheme from '../../BladeProvider/useTheme.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BottomSheet/BottomSheetStack.js';
+import '../../BladeProvider/index.js';
 import { jsx } from 'react/jsx-runtime';
+import useTheme from '../../BladeProvider/useTheme.js';
 
-var StyledFade=styled(Animated.View)(function(_ref){var styles=_ref.styles;return Object.assign({},styles);});var Fade=function Fade(_ref2){var children=_ref2.children,show=_ref2.show,styles=_ref2.styles;var _useTheme=useTheme(),theme=_useTheme.theme;var fadeInEasing=theme.motion.easing.entrance;var fadeOutEasing=theme.motion.easing.exit;var fadeIn=new Keyframe({from:{transform:[{scale:0.6}],opacity:0,easing:fadeInEasing},to:{transform:[{scale:1}],opacity:1,easing:fadeInEasing}}).duration(theme.motion.duration.quick);var fadeOut=new Keyframe({from:{transform:[{scale:1}],opacity:1,easing:fadeOutEasing},to:{transform:[{scale:0.6}],opacity:0,easing:fadeOutEasing}}).duration(theme.motion.duration.quick);return show?jsx(StyledFade,{styles:styles,entering:fadeIn,exiting:fadeOut,children:children}):null;};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Checkbox/CheckboxIcon/Fade.native.tsx";var StyledFade=styled(Animated.View)(function(_ref){var styles=_ref.styles;return Object.assign({},styles);});var Fade=function Fade(_ref2){var children=_ref2.children,show=_ref2.show,styles=_ref2.styles;var _useTheme=useTheme(),theme=_useTheme.theme;var fadeInEasing=theme.motion.easing.entrance;var fadeOutEasing=theme.motion.easing.exit;var fadeIn=new Keyframe({from:{transform:[{scale:0.6}],opacity:0,easing:fadeInEasing},to:{transform:[{scale:1}],opacity:1,easing:fadeInEasing}}).duration(theme.motion.duration.quick);var fadeOut=new Keyframe({from:{transform:[{scale:1}],opacity:1,easing:fadeOutEasing},to:{transform:[{scale:0.6}],opacity:0,easing:fadeOutEasing}}).duration(theme.motion.duration.quick);return show?jsx(StyledFade,{styles:styles,entering:fadeIn,exiting:fadeOut,children:children}):null;};
 
 export { Fade };
 //# sourceMappingURL=Fade.native.js.map

package/build/lib/native/components/Checkbox/CheckboxIcon/Fade.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fade.native.js","sources":["../../../../../../src/components/Checkbox/CheckboxIcon/Fade.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport type { EasingFn } from 'react-native-reanimated';\nimport Animated, { Keyframe } from 'react-native-reanimated';\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components/native';\nimport type { FadeProps } from './types';\nimport { useTheme } from '~components/BladeProvider';\n\nconst StyledFade = styled(Animated.View)<{ styles: CSSObject }>(({ styles }) => {\n  return {\n    ...styles,\n  };\n});\n\nconst Fade = ({ children, show, styles }: FadeProps) => {\n  const { theme } = useTheme();\n\n  const fadeInEasing = (theme.motion.easing.entrance as unknown) as EasingFn;\n  const fadeOutEasing = (theme.motion.easing.exit as unknown) as EasingFn;\n  const fadeIn = new Keyframe({\n    from: {\n      transform: [{ scale: 0.6 }],\n      opacity: 0,\n      easing: fadeInEasing,\n    },\n    to: {\n      transform: [{ scale: 1 }],\n      opacity: 1,\n      easing: fadeInEasing,\n    },\n  }).duration(theme.motion.duration.quick);\n\n  const fadeOut = new Keyframe({\n    from: {\n      transform: [{ scale: 1 }],\n      opacity: 1,\n      easing: fadeOutEasing,\n    },\n    to: {\n      transform: [{ scale: 0.6 }],\n      opacity: 0,\n      easing: fadeOutEasing,\n    },\n  }).duration(theme.motion.duration.quick);\n\n  return show ? (\n    <StyledFade styles={styles as CSSObject} entering={fadeIn} exiting={fadeOut}>\n      {children}\n    </StyledFade>\n  ) : null;\n};\n\nexport { Fade };\n"],"names":["StyledFade","styled","Animated","View","_ref","styles","Object","assign","Fade","_ref2","children","show","_useTheme","useTheme","theme","fadeInEasing","motion","easing","entrance","fadeOutEasing","exit","fadeIn","Keyframe","from","transform","scale","opacity","to","duration","quick","fadeOut","_jsx","entering","exiting"],"mappings":";;;;;;;;;;;;;AAUA,IAAMA,UAAU,CAAGC,MAAM,CAACC,QAAQ,CAACC,IAAI,CAAC,CAAwB,SAAAC,IAAA,CAAgB,CAAb,IAAAC,MAAM,CAAAD,IAAA,CAANC,MAAM,CACvE,OAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACKF,MAAM,CAAA,CAEb,CAAC,CAAC,CAEI,IAAAG,IAAI,CAAG,SAAPA,IAAIA,CAAAC,KAAA,CAA8C,CAAxC,IAAAC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CAAEC,IAAI,CAAAF,KAAA,CAAJE,IAAI,CAAEN,MAAM,CAAAI,KAAA,CAANJ,MAAM,CACpC,IAAAO,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CAEb,IAAMC,YAAY,CAAID,KAAK,CAACE,MAAM,CAACC,MAAM,CAACC,QAAgC,CAC1E,IAAMC,aAAa,CAAIL,KAAK,CAACE,MAAM,CAACC,MAAM,CAACG,IAA4B,CACvE,IAAMC,MAAM,CAAG,IAAIC,QAAQ,CAAC,CAC1BC,IAAI,CAAE,CACJC,SAAS,CAAE,CAAC,CAAEC,KAAK,CAAE,GAAI,CAAC,CAAC,CAC3BC,OAAO,CAAE,CAAC,CACVT,MAAM,CAAEF,YACV,CAAC,CACDY,EAAE,CAAE,CACFH,SAAS,CAAE,CAAC,CAAEC,KAAK,CAAE,CAAE,CAAC,CAAC,CACzBC,OAAO,CAAE,CAAC,CACVT,MAAM,CAAEF,YACV,CACF,CAAC,CAAC,CAACa,QAAQ,CAACd,KAAK,CAACE,MAAM,CAACY,QAAQ,CAACC,KAAK,CAAC,CAExC,IAAMC,OAAO,CAAG,IAAIR,QAAQ,CAAC,CAC3BC,IAAI,CAAE,CACJC,SAAS,CAAE,CAAC,CAAEC,KAAK,CAAE,CAAE,CAAC,CAAC,CACzBC,OAAO,CAAE,CAAC,CACVT,MAAM,CAAEE,aACV,CAAC,CACDQ,EAAE,CAAE,CACFH,SAAS,CAAE,CAAC,CAAEC,KAAK,CAAE,GAAI,CAAC,CAAC,CAC3BC,OAAO,CAAE,CAAC,CACVT,MAAM,CAAEE,aACV,CACF,CAAC,CAAC,CAACS,QAAQ,CAACd,KAAK,CAACE,MAAM,CAACY,QAAQ,CAACC,KAAK,CAAC,CAExC,OAAOlB,IAAI,CACToB,GAAA,CAAC/B,UAAU,CAACK,CAAAA,MAAM,CAAEA,MAAoB,CAAC2B,QAAQ,CAAEX,MAAO,CAACY,OAAO,CAAEH,OAAQ,CAAApB,QAAA,CACzEA,QAAQ,CACC,CAAC,CACX,IAAI,CACV;;;;"}
+{"version":3,"file":"Fade.native.js","sources":["../../../../../../src/components/Checkbox/CheckboxIcon/Fade.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport type { EasingFn } from 'react-native-reanimated';\nimport Animated, { Keyframe } from 'react-native-reanimated';\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components/native';\nimport type { FadeProps } from './types';\nimport { useTheme } from '~components/BladeProvider';\n\nconst StyledFade = styled(Animated.View)<{ styles: CSSObject }>(({ styles }) => {\n  return {\n    ...styles,\n  };\n});\n\nconst Fade = ({ children, show, styles }: FadeProps) => {\n  const { theme } = useTheme();\n\n  const fadeInEasing = (theme.motion.easing.entrance as unknown) as EasingFn;\n  const fadeOutEasing = (theme.motion.easing.exit as unknown) as EasingFn;\n  const fadeIn = new Keyframe({\n    from: {\n      transform: [{ scale: 0.6 }],\n      opacity: 0,\n      easing: fadeInEasing,\n    },\n    to: {\n      transform: [{ scale: 1 }],\n      opacity: 1,\n      easing: fadeInEasing,\n    },\n  }).duration(theme.motion.duration.quick);\n\n  const fadeOut = new Keyframe({\n    from: {\n      transform: [{ scale: 1 }],\n      opacity: 1,\n      easing: fadeOutEasing,\n    },\n    to: {\n      transform: [{ scale: 0.6 }],\n      opacity: 0,\n      easing: fadeOutEasing,\n    },\n  }).duration(theme.motion.duration.quick);\n\n  return show ? (\n    <StyledFade styles={styles as CSSObject} entering={fadeIn} exiting={fadeOut}>\n      {children}\n    </StyledFade>\n  ) : null;\n};\n\nexport { Fade };\n"],"names":["this","StyledFade","styled","Animated","View","_ref","styles","Object","assign","Fade","_ref2","children","show","_useTheme","useTheme","theme","fadeInEasing","motion","easing","entrance","fadeOutEasing","exit","fadeIn","Keyframe","from","transform","scale","opacity","to","duration","quick","fadeOut","_jsx","entering","exiting"],"mappings":";;;;;;;AAEA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,mGAAA,CAQA,IAAMC,UAAU,CAAGC,MAAM,CAACC,QAAQ,CAACC,IAAI,CAAC,CAAwB,SAAAC,IAAA,CAAgB,CAAb,IAAAC,MAAM,CAAAD,IAAA,CAANC,MAAM,CACvE,OAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACKF,MAAM,CAAA,CAEb,CAAC,CAAC,CAEI,IAAAG,IAAI,CAAG,SAAPA,IAAIA,CAAAC,KAAA,CAA8C,CAAxC,IAAAC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CAAEC,IAAI,CAAAF,KAAA,CAAJE,IAAI,CAAEN,MAAM,CAAAI,KAAA,CAANJ,MAAM,CACpC,IAAAO,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CAEb,IAAMC,YAAY,CAAID,KAAK,CAACE,MAAM,CAACC,MAAM,CAACC,QAAgC,CAC1E,IAAMC,aAAa,CAAIL,KAAK,CAACE,MAAM,CAACC,MAAM,CAACG,IAA4B,CACvE,IAAMC,MAAM,CAAG,IAAIC,QAAQ,CAAC,CAC1BC,IAAI,CAAE,CACJC,SAAS,CAAE,CAAC,CAAEC,KAAK,CAAE,GAAI,CAAC,CAAC,CAC3BC,OAAO,CAAE,CAAC,CACVT,MAAM,CAAEF,YACV,CAAC,CACDY,EAAE,CAAE,CACFH,SAAS,CAAE,CAAC,CAAEC,KAAK,CAAE,CAAE,CAAC,CAAC,CACzBC,OAAO,CAAE,CAAC,CACVT,MAAM,CAAEF,YACV,CACF,CAAC,CAAC,CAACa,QAAQ,CAACd,KAAK,CAACE,MAAM,CAACY,QAAQ,CAACC,KAAK,CAAC,CAExC,IAAMC,OAAO,CAAG,IAAIR,QAAQ,CAAC,CAC3BC,IAAI,CAAE,CACJC,SAAS,CAAE,CAAC,CAAEC,KAAK,CAAE,CAAE,CAAC,CAAC,CACzBC,OAAO,CAAE,CAAC,CACVT,MAAM,CAAEE,aACV,CAAC,CACDQ,EAAE,CAAE,CACFH,SAAS,CAAE,CAAC,CAAEC,KAAK,CAAE,GAAI,CAAC,CAAC,CAC3BC,OAAO,CAAE,CAAC,CACVT,MAAM,CAAEE,aACV,CACF,CAAC,CAAC,CAACS,QAAQ,CAACd,KAAK,CAACE,MAAM,CAACY,QAAQ,CAACC,KAAK,CAAC,CAExC,OAAOlB,IAAI,CACToB,GAAA,CAAC/B,UAAU,CAACK,CAAAA,MAAM,CAAEA,MAAoB,CAAC2B,QAAQ,CAAEX,MAAO,CAACY,OAAO,CAAEH,OAAQ,CAAApB,QAAA,CACzEA,QAAQ,CACC,CAAC,CACX,IAAI,CACV;;;;"}

package/build/lib/native/components/Checkbox/CheckboxIcon/index.js

@@ -0,0 +1,2 @@
+export { CheckboxIcon } from './CheckboxIcon.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/Checkbox/CheckboxIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/native/components/Checkbox/checkboxTokens.js

@@ -1,5 +1,4 @@
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
+import '../../tokens/global/index.js';
 import { size } from '../../tokens/global/size.js';
 
 var checkboxSizes={group:{gap:{small:{mobile:'spacing.2',desktop:'spacing.2'},medium:{mobile:'spacing.3',desktop:'spacing.3'},large:{mobile:'spacing.3',desktop:'spacing.3'}}},icon:{small:{width:size[12],height:size[12]},medium:{width:size[16],height:size[16]},large:{width:size[20],height:size[20]}}};var checkboxIconColors={variants:{default:{border:{checked:'colors.interactive.border.primary.default',unchecked:'colors.interactive.border.gray.highlighted'},background:{checked:'colors.interactive.background.primary.default',unchecked:'colors.transparent'}},disabled:{border:{checked:'colors.transparent',unchecked:'colors.interactive.border.gray.disabled'},background:{checked:'colors.interactive.background.primary.disabled',unchecked:'colors.transparent'}},negative:{border:{checked:'colors.interactive.border.negative.default',unchecked:'colors.interactive.border.negative.default'},background:{checked:'colors.interactive.background.negative.default',unchecked:'colors.transparent'}}}};var checkboxHoverTokens={default:{background:{checked:'colors.interactive.background.primary.highlighted',unchecked:'colors.interactive.background.gray.faded'},border:{checked:'colors.interactive.background.primary.highlighted',unchecked:'colors.interactive.border.gray.highlighted'}}};

package/build/lib/native/components/Checkbox/checkboxTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxTokens.js","sources":["../../../../../src/components/Checkbox/checkboxTokens.ts"],"sourcesContent":["import type { DotNotationToken } from '../../utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport type { SelectorInputHoverTokens } from '~components/Form/Selector/types';\nimport { size } from '~tokens/global';\n\nconst checkboxSizes = {\n  group: {\n    gap: {\n      small: {\n        mobile: 'spacing.2',\n        desktop: 'spacing.2',\n      },\n      medium: {\n        mobile: 'spacing.3',\n        desktop: 'spacing.3',\n      },\n      large: {\n        mobile: 'spacing.3',\n        desktop: 'spacing.3',\n      },\n    },\n  },\n  icon: {\n    small: {\n      width: size[12],\n      height: size[12],\n    },\n    medium: {\n      width: size[16],\n      height: size[16],\n    },\n    large: {\n      width: size[20],\n      height: size[20],\n    },\n  },\n} as const;\n\ntype ColorTokens = `colors.${DotNotationToken<Theme['colors']>}`;\ntype Variant = {\n  border: {\n    checked: ColorTokens;\n    unchecked: ColorTokens;\n  };\n  background: {\n    checked: ColorTokens;\n    unchecked: ColorTokens;\n  };\n};\n\ntype CheckboxIconColors = {\n  variants: {\n    default: Variant;\n    disabled: Variant;\n    negative: Variant;\n  };\n};\n\nconst checkboxIconColors: CheckboxIconColors = {\n  variants: {\n    default: {\n      border: {\n        checked: 'colors.interactive.border.primary.default',\n        unchecked: 'colors.interactive.border.gray.highlighted',\n      },\n      background: {\n        checked: 'colors.interactive.background.primary.default',\n        unchecked: 'colors.transparent',\n      },\n    },\n    disabled: {\n      border: {\n        checked: 'colors.transparent',\n        unchecked: 'colors.interactive.border.gray.disabled',\n      },\n      background: {\n        checked: 'colors.interactive.background.primary.disabled',\n        unchecked: 'colors.transparent',\n      },\n    },\n    negative: {\n      border: {\n        checked: 'colors.interactive.border.negative.default',\n        unchecked: 'colors.interactive.border.negative.default',\n      },\n      background: {\n        checked: 'colors.interactive.background.negative.default',\n        unchecked: 'colors.transparent',\n      },\n    },\n  },\n} as const;\n\nconst checkboxHoverTokens: SelectorInputHoverTokens = {\n  default: {\n    background: {\n      checked: 'colors.interactive.background.primary.highlighted',\n      unchecked: 'colors.interactive.background.gray.faded',\n    },\n    border: {\n      checked: 'colors.interactive.background.primary.highlighted', // Intentionally not using border tokens here since we want to match the background color\n      unchecked: 'colors.interactive.border.gray.highlighted',\n    },\n  },\n};\n\nexport { checkboxSizes, checkboxIconColors, checkboxHoverTokens };\n"],"names":["checkboxSizes","group","gap","small","mobile","desktop","medium","large","icon","width","size","height","checkboxIconColors","variants","default","border","checked","unchecked","background","disabled","negative","checkboxHoverTokens"],"mappings":";;;;AAKM,IAAAA,aAAa,CAAG,CACpBC,KAAK,CAAE,CACLC,GAAG,CAAE,CACHC,KAAK,CAAE,CACLC,MAAM,CAAE,WAAW,CACnBC,OAAO,CAAE,WACX,CAAC,CACDC,MAAM,CAAE,CACNF,MAAM,CAAE,WAAW,CACnBC,OAAO,CAAE,WACX,CAAC,CACDE,KAAK,CAAE,CACLH,MAAM,CAAE,WAAW,CACnBC,OAAO,CAAE,WACX,CACF,CACF,CAAC,CACDG,IAAI,CAAE,CACJL,KAAK,CAAE,CACLM,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAED,IAAI,CAAC,EAAE,CACjB,CAAC,CACDJ,MAAM,CAAE,CACNG,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAED,IAAI,CAAC,EAAE,CACjB,CAAC,CACDH,KAAK,CAAE,CACLE,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAED,IAAI,CAAC,EAAE,CACjB,CACF,CACF,EAsBM,IAAAE,kBAAsC,CAAG,CAC7CC,QAAQ,CAAE,CACRC,OAAO,CAAE,CACPC,MAAM,CAAE,CACNC,OAAO,CAAE,2CAA2C,CACpDC,SAAS,CAAE,4CACb,CAAC,CACDC,UAAU,CAAE,CACVF,OAAO,CAAE,+CAA+C,CACxDC,SAAS,CAAE,oBACb,CACF,CAAC,CACDE,QAAQ,CAAE,CACRJ,MAAM,CAAE,CACNC,OAAO,CAAE,oBAAoB,CAC7BC,SAAS,CAAE,yCACb,CAAC,CACDC,UAAU,CAAE,CACVF,OAAO,CAAE,gDAAgD,CACzDC,SAAS,CAAE,oBACb,CACF,CAAC,CACDG,QAAQ,CAAE,CACRL,MAAM,CAAE,CACNC,OAAO,CAAE,4CAA4C,CACrDC,SAAS,CAAE,4CACb,CAAC,CACDC,UAAU,CAAE,CACVF,OAAO,CAAE,gDAAgD,CACzDC,SAAS,CAAE,oBACb,CACF,CACF,CACF,EAEM,IAAAI,mBAA6C,CAAG,CACpDP,OAAO,CAAE,CACPI,UAAU,CAAE,CACVF,OAAO,CAAE,mDAAmD,CAC5DC,SAAS,CAAE,0CACb,CAAC,CACDF,MAAM,CAAE,CACNC,OAAO,CAAE,mDAAmD,CAC5DC,SAAS,CAAE,4CACb,CACF,CACF;;;;"}
+{"version":3,"file":"checkboxTokens.js","sources":["../../../../../src/components/Checkbox/checkboxTokens.ts"],"sourcesContent":["import type { DotNotationToken } from '../../utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport type { SelectorInputHoverTokens } from '~components/Form/Selector/types';\nimport { size } from '~tokens/global';\n\nconst checkboxSizes = {\n  group: {\n    gap: {\n      small: {\n        mobile: 'spacing.2',\n        desktop: 'spacing.2',\n      },\n      medium: {\n        mobile: 'spacing.3',\n        desktop: 'spacing.3',\n      },\n      large: {\n        mobile: 'spacing.3',\n        desktop: 'spacing.3',\n      },\n    },\n  },\n  icon: {\n    small: {\n      width: size[12],\n      height: size[12],\n    },\n    medium: {\n      width: size[16],\n      height: size[16],\n    },\n    large: {\n      width: size[20],\n      height: size[20],\n    },\n  },\n} as const;\n\ntype ColorTokens = `colors.${DotNotationToken<Theme['colors']>}`;\ntype Variant = {\n  border: {\n    checked: ColorTokens;\n    unchecked: ColorTokens;\n  };\n  background: {\n    checked: ColorTokens;\n    unchecked: ColorTokens;\n  };\n};\n\ntype CheckboxIconColors = {\n  variants: {\n    default: Variant;\n    disabled: Variant;\n    negative: Variant;\n  };\n};\n\nconst checkboxIconColors: CheckboxIconColors = {\n  variants: {\n    default: {\n      border: {\n        checked: 'colors.interactive.border.primary.default',\n        unchecked: 'colors.interactive.border.gray.highlighted',\n      },\n      background: {\n        checked: 'colors.interactive.background.primary.default',\n        unchecked: 'colors.transparent',\n      },\n    },\n    disabled: {\n      border: {\n        checked: 'colors.transparent',\n        unchecked: 'colors.interactive.border.gray.disabled',\n      },\n      background: {\n        checked: 'colors.interactive.background.primary.disabled',\n        unchecked: 'colors.transparent',\n      },\n    },\n    negative: {\n      border: {\n        checked: 'colors.interactive.border.negative.default',\n        unchecked: 'colors.interactive.border.negative.default',\n      },\n      background: {\n        checked: 'colors.interactive.background.negative.default',\n        unchecked: 'colors.transparent',\n      },\n    },\n  },\n} as const;\n\nconst checkboxHoverTokens: SelectorInputHoverTokens = {\n  default: {\n    background: {\n      checked: 'colors.interactive.background.primary.highlighted',\n      unchecked: 'colors.interactive.background.gray.faded',\n    },\n    border: {\n      checked: 'colors.interactive.background.primary.highlighted', // Intentionally not using border tokens here since we want to match the background color\n      unchecked: 'colors.interactive.border.gray.highlighted',\n    },\n  },\n};\n\nexport { checkboxSizes, checkboxIconColors, checkboxHoverTokens };\n"],"names":["checkboxSizes","group","gap","small","mobile","desktop","medium","large","icon","width","size","height","checkboxIconColors","variants","default","border","checked","unchecked","background","disabled","negative","checkboxHoverTokens"],"mappings":";;;AAKM,IAAAA,aAAa,CAAG,CACpBC,KAAK,CAAE,CACLC,GAAG,CAAE,CACHC,KAAK,CAAE,CACLC,MAAM,CAAE,WAAW,CACnBC,OAAO,CAAE,WACX,CAAC,CACDC,MAAM,CAAE,CACNF,MAAM,CAAE,WAAW,CACnBC,OAAO,CAAE,WACX,CAAC,CACDE,KAAK,CAAE,CACLH,MAAM,CAAE,WAAW,CACnBC,OAAO,CAAE,WACX,CACF,CACF,CAAC,CACDG,IAAI,CAAE,CACJL,KAAK,CAAE,CACLM,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAED,IAAI,CAAC,EAAE,CACjB,CAAC,CACDJ,MAAM,CAAE,CACNG,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAED,IAAI,CAAC,EAAE,CACjB,CAAC,CACDH,KAAK,CAAE,CACLE,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAED,IAAI,CAAC,EAAE,CACjB,CACF,CACF,EAsBM,IAAAE,kBAAsC,CAAG,CAC7CC,QAAQ,CAAE,CACRC,OAAO,CAAE,CACPC,MAAM,CAAE,CACNC,OAAO,CAAE,2CAA2C,CACpDC,SAAS,CAAE,4CACb,CAAC,CACDC,UAAU,CAAE,CACVF,OAAO,CAAE,+CAA+C,CACxDC,SAAS,CAAE,oBACb,CACF,CAAC,CACDE,QAAQ,CAAE,CACRJ,MAAM,CAAE,CACNC,OAAO,CAAE,oBAAoB,CAC7BC,SAAS,CAAE,yCACb,CAAC,CACDC,UAAU,CAAE,CACVF,OAAO,CAAE,gDAAgD,CACzDC,SAAS,CAAE,oBACb,CACF,CAAC,CACDG,QAAQ,CAAE,CACRL,MAAM,CAAE,CACNC,OAAO,CAAE,4CAA4C,CACrDC,SAAS,CAAE,4CACb,CAAC,CACDC,UAAU,CAAE,CACVF,OAAO,CAAE,gDAAgD,CACzDC,SAAS,CAAE,oBACb,CACF,CACF,CACF,EAEM,IAAAI,mBAA6C,CAAG,CACpDP,OAAO,CAAE,CACPI,UAAU,CAAE,CACVF,OAAO,CAAE,mDAAmD,CAC5DC,SAAS,CAAE,0CACb,CAAC,CACDF,MAAM,CAAE,CACNC,OAAO,CAAE,mDAAmD,CAC5DC,SAAS,CAAE,4CACb,CACF,CACF;;;;"}

package/build/lib/native/components/Checkbox/index.js

@@ -0,0 +1,3 @@
+export { Checkbox } from './Checkbox.js';
+import './CheckboxGroup/index.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/Checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/build/lib/native/components/Checkbox/useCheckbox.js

@@ -1,14 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React__default from 'react';
 import { useFormId } from '../Form/useFormId.js';
-import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
-import 'react-native';
+import '../../utils/makeAccessible/index.native.js';
+import '../../utils/index.js';
+import { useControllableState } from '../../utils/useControllable.js';
+import '../../utils/logger/index.js';
 import { getPlatformType } from '../../utils/getPlatformType/getPlatformType.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { useControllableState } from '../../utils/useControllable.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
 
 function setMixed(element,mixed){if(mixed){element.indeterminate=true;}else if(element.indeterminate){element.indeterminate=false;}}var useCheckbox=function useCheckbox(_ref){var _inputRef$current;var _ref$role=_ref.role,role=_ref$role===void 0?'checkbox':_ref$role,isChecked=_ref.isChecked,defaultChecked=_ref.defaultChecked,isIndeterminate=_ref.isIndeterminate,isDisabled=_ref.isDisabled,isRequired=_ref.isRequired,hasError=_ref.hasError,hasHelperText=_ref.hasHelperText,onChange=_ref.onChange,name=_ref.name,value=_ref.value;var inputRef=React__default.useRef(null);var isReactNative=getPlatformType()==='react-native';if(__DEV__){if(isChecked&&defaultChecked){throwBladeError({message:`Do not provide both 'isChecked' and 'defaultChecked' to useCheckbox. Consider if you want this component to be controlled or uncontrolled.`,moduleName:'useCheckbox'});}}var _useControllableState=useControllableState({value:isChecked,defaultValue:defaultChecked!=null?defaultChecked:false}),_useControllableState2=_slicedToArray(_useControllableState,2),checkboxState=_useControllableState2[0],setCheckboxStateChange=_useControllableState2[1];var handleOnChange=function handleOnChange(event){if(isDisabled){event.stopPropagation();event.preventDefault();return;}setCheckboxStateChange(function(checked){onChange==null?void 0:onChange({isChecked:!checked,event:event,value:value});return !checked;});};React__default.useEffect(function(){var element=inputRef.current;if(!element)return;setMixed(element,isIndeterminate);},[isIndeterminate]);var state={isReactNative:isReactNative,isChecked:checkboxState,setChecked:setCheckboxStateChange};var _useFormId=useFormId('checkbox'),inputId=_useFormId.inputId,errorTextId=_useFormId.errorTextId,helpTextId=_useFormId.helpTextId;var accessibilityProps=makeAccessible(Object.assign({role:role,required:Boolean(isRequired),invalid:Boolean(hasError),disabled:Boolean(isDisabled),checked:(_inputRef$current=inputRef.current)!=null&&_inputRef$current.indeterminate?'mixed':checkboxState},hasError?{errorMessage:errorTextId}:{},hasHelperText?{describedBy:helpTextId}:{}));if(isReactNative){return {state:state,inputProps:Object.assign({onPress:handleOnChange,name:name,value:value},accessibilityProps)};}return {state:state,ids:{inputId:inputId,errorTextId:errorTextId,helpTextId:helpTextId},inputProps:Object.assign({ref:inputRef,onChange:handleOnChange,type:'checkbox',name:name,value:value,checked:checkboxState,disabled:isDisabled,required:isRequired},accessibilityProps)};};
 

package/build/lib/native/components/Checkbox/useCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCheckbox.js","sources":["../../../../../src/components/Checkbox/useCheckbox.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport type { CheckboxProps } from './Checkbox';\nimport { useFormId } from '~components/Form/useFormId';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getPlatformType } from '~utils';\nimport { useControllableState } from '~utils/useControllable';\nimport { throwBladeError } from '~utils/logger';\n\ntype UseCheckboxProps = Pick<\n  CheckboxProps,\n  | 'isChecked'\n  | 'defaultChecked'\n  | 'isDisabled'\n  | 'isIndeterminate'\n  | 'isRequired'\n  | 'onChange'\n  | 'name'\n  | 'value'\n> & {\n  role?: 'checkbox' | 'switch';\n  hasError?: boolean;\n  hasHelperText?: boolean;\n};\n\n/**\n * indeterminate is not a HTML input element prop,\n * it's an IDL prop thus we need to set it on the underlying HTMLInputElement\n */\nfunction setMixed(element: HTMLInputElement, mixed?: boolean) {\n  if (mixed) {\n    element.indeterminate = true;\n  } else if (element.indeterminate) {\n    element.indeterminate = false;\n  }\n}\n\nconst useCheckbox = ({\n  role = 'checkbox',\n  isChecked,\n  defaultChecked,\n  isIndeterminate,\n  isDisabled,\n  isRequired,\n  hasError,\n  hasHelperText,\n  onChange,\n  name,\n  value,\n}: UseCheckboxProps) => {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const isReactNative = getPlatformType() === 'react-native';\n  if (__DEV__) {\n    if (isChecked && defaultChecked) {\n      throwBladeError({\n        message: `Do not provide both 'isChecked' and 'defaultChecked' to useCheckbox. Consider if you want this component to be controlled or uncontrolled.`,\n        moduleName: 'useCheckbox',\n      });\n    }\n  }\n\n  const [checkboxState, setCheckboxStateChange] = useControllableState({\n    value: isChecked,\n    defaultValue: defaultChecked ?? false,\n  });\n\n  const handleOnChange = (event: React.ChangeEvent<HTMLInputElement> | GestureResponderEvent) => {\n    if (isDisabled) {\n      event.stopPropagation();\n      event.preventDefault();\n      return;\n    }\n    setCheckboxStateChange((checked) => {\n      onChange?.({\n        isChecked: !checked,\n        event: event as React.ChangeEvent,\n        value,\n      });\n      return !checked;\n    });\n  };\n\n  // set indeterminate to input\n  React.useEffect(() => {\n    const element = inputRef.current;\n    if (!element) return;\n    setMixed(element, isIndeterminate);\n  }, [isIndeterminate]);\n\n  const state = {\n    isReactNative,\n    isChecked: checkboxState,\n    setChecked: setCheckboxStateChange,\n  };\n\n  const { inputId, errorTextId, helpTextId } = useFormId('checkbox');\n\n  const accessibilityProps = makeAccessible({\n    role,\n    required: Boolean(isRequired),\n    invalid: Boolean(hasError),\n    disabled: Boolean(isDisabled),\n    checked: inputRef.current?.indeterminate ? 'mixed' : checkboxState,\n    ...(hasError ? { errorMessage: errorTextId } : {}),\n    ...(hasHelperText ? { describedBy: helpTextId } : {}),\n  });\n\n  if (isReactNative) {\n    return {\n      state,\n      inputProps: {\n        onPress: handleOnChange,\n        name,\n        value,\n        ...accessibilityProps,\n      },\n    };\n  }\n\n  return {\n    state,\n    ids: { inputId, errorTextId, helpTextId },\n    inputProps: {\n      ref: inputRef,\n      onChange: handleOnChange,\n      type: 'checkbox',\n      name,\n      value,\n      checked: checkboxState,\n      disabled: isDisabled,\n      required: isRequired,\n      ...accessibilityProps,\n    },\n  };\n};\n\nexport type InputProps = ReturnType<typeof useCheckbox>['inputProps'];\n\nexport { useCheckbox };\n"],"names":["setMixed","element","mixed","indeterminate","useCheckbox","_ref","_inputRef$current","_ref$role","role","isChecked","defaultChecked","isIndeterminate","isDisabled","isRequired","hasError","hasHelperText","onChange","name","value","inputRef","React","useRef","isReactNative","getPlatformType","__DEV__","throwBladeError","message","moduleName","_useControllableState","useControllableState","defaultValue","_useControllableState2","_slicedToArray","checkboxState","setCheckboxStateChange","handleOnChange","event","stopPropagation","preventDefault","checked","useEffect","current","state","setChecked","_useFormId","useFormId","inputId","errorTextId","helpTextId","accessibilityProps","makeAccessible","Object","assign","required","Boolean","invalid","disabled","errorMessage","describedBy","inputProps","onPress","ids","ref","type"],"mappings":"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"}
+{"version":3,"file":"useCheckbox.js","sources":["../../../../../src/components/Checkbox/useCheckbox.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport type { CheckboxProps } from './Checkbox';\nimport { useFormId } from '~components/Form/useFormId';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getPlatformType } from '~utils';\nimport { useControllableState } from '~utils/useControllable';\nimport { throwBladeError } from '~utils/logger';\n\ntype UseCheckboxProps = Pick<\n  CheckboxProps,\n  | 'isChecked'\n  | 'defaultChecked'\n  | 'isDisabled'\n  | 'isIndeterminate'\n  | 'isRequired'\n  | 'onChange'\n  | 'name'\n  | 'value'\n> & {\n  role?: 'checkbox' | 'switch';\n  hasError?: boolean;\n  hasHelperText?: boolean;\n};\n\n/**\n * indeterminate is not a HTML input element prop,\n * it's an IDL prop thus we need to set it on the underlying HTMLInputElement\n */\nfunction setMixed(element: HTMLInputElement, mixed?: boolean) {\n  if (mixed) {\n    element.indeterminate = true;\n  } else if (element.indeterminate) {\n    element.indeterminate = false;\n  }\n}\n\nconst useCheckbox = ({\n  role = 'checkbox',\n  isChecked,\n  defaultChecked,\n  isIndeterminate,\n  isDisabled,\n  isRequired,\n  hasError,\n  hasHelperText,\n  onChange,\n  name,\n  value,\n}: UseCheckboxProps) => {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const isReactNative = getPlatformType() === 'react-native';\n  if (__DEV__) {\n    if (isChecked && defaultChecked) {\n      throwBladeError({\n        message: `Do not provide both 'isChecked' and 'defaultChecked' to useCheckbox. Consider if you want this component to be controlled or uncontrolled.`,\n        moduleName: 'useCheckbox',\n      });\n    }\n  }\n\n  const [checkboxState, setCheckboxStateChange] = useControllableState({\n    value: isChecked,\n    defaultValue: defaultChecked ?? false,\n  });\n\n  const handleOnChange = (event: React.ChangeEvent<HTMLInputElement> | GestureResponderEvent) => {\n    if (isDisabled) {\n      event.stopPropagation();\n      event.preventDefault();\n      return;\n    }\n    setCheckboxStateChange((checked) => {\n      onChange?.({\n        isChecked: !checked,\n        event: event as React.ChangeEvent,\n        value,\n      });\n      return !checked;\n    });\n  };\n\n  // set indeterminate to input\n  React.useEffect(() => {\n    const element = inputRef.current;\n    if (!element) return;\n    setMixed(element, isIndeterminate);\n  }, [isIndeterminate]);\n\n  const state = {\n    isReactNative,\n    isChecked: checkboxState,\n    setChecked: setCheckboxStateChange,\n  };\n\n  const { inputId, errorTextId, helpTextId } = useFormId('checkbox');\n\n  const accessibilityProps = makeAccessible({\n    role,\n    required: Boolean(isRequired),\n    invalid: Boolean(hasError),\n    disabled: Boolean(isDisabled),\n    checked: inputRef.current?.indeterminate ? 'mixed' : checkboxState,\n    ...(hasError ? { errorMessage: errorTextId } : {}),\n    ...(hasHelperText ? { describedBy: helpTextId } : {}),\n  });\n\n  if (isReactNative) {\n    return {\n      state,\n      inputProps: {\n        onPress: handleOnChange,\n        name,\n        value,\n        ...accessibilityProps,\n      },\n    };\n  }\n\n  return {\n    state,\n    ids: { inputId, errorTextId, helpTextId },\n    inputProps: {\n      ref: inputRef,\n      onChange: handleOnChange,\n      type: 'checkbox',\n      name,\n      value,\n      checked: checkboxState,\n      disabled: isDisabled,\n      required: isRequired,\n      ...accessibilityProps,\n    },\n  };\n};\n\nexport type InputProps = ReturnType<typeof useCheckbox>['inputProps'];\n\nexport { useCheckbox };\n"],"names":["setMixed","element","mixed","indeterminate","useCheckbox","_ref","_inputRef$current","_ref$role","role","isChecked","defaultChecked","isIndeterminate","isDisabled","isRequired","hasError","hasHelperText","onChange","name","value","inputRef","React","useRef","isReactNative","getPlatformType","__DEV__","throwBladeError","message","moduleName","_useControllableState","useControllableState","defaultValue","_useControllableState2","_slicedToArray","checkboxState","setCheckboxStateChange","handleOnChange","event","stopPropagation","preventDefault","checked","useEffect","current","state","setChecked","_useFormId","useFormId","inputId","errorTextId","helpTextId","accessibilityProps","makeAccessible","Object","assign","required","Boolean","invalid","disabled","errorMessage","describedBy","inputProps","onPress","ids","ref","type"],"mappings":"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"}