@react-native-ohos/native-base 3.4.29-rc.1

package/lib/commonjs/components/primitives/Checkbox/Checkbox.web.js

@@ -0,0 +1,182 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _stableHash = _interopRequireDefault(require("stable-hash"));
+
+var _utils = require("../../../utils");
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _Center = require("../../composites/Center");
+
+var _FormControl = require("../../composites/FormControl");
+
+var _Box = _interopRequireDefault(require("../Box"));
+
+var _toggle = require("@react-stately/toggle");
+
+var _visuallyHidden = require("@react-aria/visually-hidden");
+
+var _CheckboxGroup = require("./CheckboxGroup");
+
+var _interactions = require("@react-native-aria/interactions");
+
+var _checkbox = require("@react-native-aria/checkbox");
+
+var _focus = require("@react-native-aria/focus");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+var _utils2 = require("../../../theme/tools/utils");
+
+var _SizedIcon = _interopRequireDefault(require("./SizedIcon"));
+
+var _Stack = require("../Stack");
+
+var _wrapStringChild = require("../../../utils/wrapStringChild");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const Checkbox = ({
+  wrapperRef,
+  isHovered: isHoveredProp,
+  isFocusVisible: isFocusVisibleProp,
+  ...props
+}, ref) => {
+  const formControlContext = (0, _FormControl.useFormControlContext)();
+  const {
+    isInvalid,
+    isReadOnly,
+    isIndeterminate,
+    ...combinedProps
+  } = (0, _utils.combineContextAndProps)(formControlContext, props);
+
+  const checkboxGroupContext = _react.default.useContext(_CheckboxGroup.CheckboxGroupContext);
+
+  const state = (0, _toggle.useToggleState)({ ...props,
+    defaultSelected: props.defaultIsChecked,
+    isSelected: props.isChecked
+  });
+
+  const _ref = _react.default.useRef();
+
+  const mergedRef = (0, _utils.mergeRefs)([ref, _ref]); // Swap hooks depending on whether this checkbox is inside a CheckboxGroup.
+  // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,
+  // but since the checkbox won't move in and out of a group, it should be safe.
+
+  const {
+    inputProps: groupItemInputProps
+  } = checkboxGroupContext ? // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _checkbox.useCheckboxGroupItem)({ ...combinedProps,
+    'aria-label': combinedProps.accessibilityLabel,
+    'value': combinedProps.value
+  }, checkboxGroupContext.state, //@ts-ignore
+  mergedRef) : // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _checkbox.useCheckbox)({ ...combinedProps,
+    'aria-label': combinedProps.accessibilityLabel
+  }, state, //@ts-ignore
+  mergedRef); // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  const inputProps = _react.default.useMemo(() => groupItemInputProps, [groupItemInputProps.checked, groupItemInputProps.disabled, groupItemInputProps]);
+
+  const contextCombinedProps = _react.default.useMemo(() => {
+    return { ...checkboxGroupContext,
+      ...combinedProps
+    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [(0, _stableHash.default)(combinedProps)]);
+
+  return /*#__PURE__*/_react.default.createElement(CheckboxComponent, {
+    wrapperRef: wrapperRef,
+    mergedRef: mergedRef,
+    inputProps: inputProps,
+    combinedProps: contextCombinedProps,
+    isInvalid: isInvalid,
+    isReadOnly: isReadOnly,
+    isHovered: isHoveredProp,
+    isIndeterminate: isIndeterminate,
+    isFocusVisible: isFocusVisibleProp
+  });
+};
+
+const CheckboxComponent = /*#__PURE__*/_react.default.memo(({
+  wrapperRef,
+  inputProps,
+  combinedProps,
+  isInvalid,
+  isReadOnly,
+  isIndeterminate,
+  mergedRef,
+  isHovered: isHoveredProp,
+  isFocusVisible: isFocusVisibleProp
+}) => {
+  const _ref = _react.default.useRef();
+
+  const {
+    isHovered
+  } = (0, _interactions.useHover)({}, _ref);
+  const {
+    checked: isChecked,
+    disabled: isDisabled
+  } = inputProps;
+  const {
+    focusProps,
+    isFocusVisible
+  } = (0, _focus.useFocusRing)();
+  const {
+    icon,
+    _interactionBox,
+    _icon,
+    _stack,
+    _text,
+    ...resolvedProps
+  } = (0, _useThemeProps.usePropsResolution)('Checkbox', combinedProps, {
+    isInvalid,
+    isReadOnly,
+    isFocusVisible: isFocusVisibleProp || isFocusVisible,
+    isDisabled,
+    isIndeterminate,
+    isChecked,
+    isHovered: isHovered || isHoveredProp
+  });
+  const [layoutProps, nonLayoutProps] = (0, _utils2.extractInObject)(resolvedProps, [..._utils2.stylingProps.margin, ..._utils2.stylingProps.layout, ..._utils2.stylingProps.flexbox, ..._utils2.stylingProps.position, '_text']);
+
+  const component = _react.default.useMemo(() => {
+    return /*#__PURE__*/_react.default.createElement(_Stack.Stack, _extends({}, _stack, layoutProps), /*#__PURE__*/_react.default.createElement(_Center.Center, null, /*#__PURE__*/_react.default.createElement(_Box.default, _interactionBox), /*#__PURE__*/_react.default.createElement(_Center.Center, nonLayoutProps, /*#__PURE__*/_react.default.createElement(_SizedIcon.default, {
+      icon: icon,
+      _icon: _icon,
+      isChecked: isChecked
+    }))), (0, _wrapStringChild.wrapStringChild)(resolvedProps === null || resolvedProps === void 0 ? void 0 : resolvedProps.children, _text));
+  }, [_icon, _stack, _text, _interactionBox, icon, isChecked, nonLayoutProps, layoutProps, resolvedProps === null || resolvedProps === void 0 ? void 0 : resolvedProps.children]);
+
+  const mergedWrapperRef = _react.default.useMemo(() => (0, _utils.mergeRefs)([wrapperRef, _ref]), [wrapperRef]); //TODO: refactor for responsive prop
+
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(resolvedProps)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default // @ts-ignore - RN web supports accessibilityRole="label"
+  , {
+    accessibilityRole: "label",
+    ref: mergedWrapperRef
+  }, /*#__PURE__*/_react.default.createElement(_visuallyHidden.VisuallyHidden, null, /*#__PURE__*/_react.default.createElement("input", _extends({}, inputProps, focusProps, {
+    ref: mergedRef
+  }))), component);
+});
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(Checkbox));
+
+exports.default = _default;
+//# sourceMappingURL=Checkbox.web.js.map

package/lib/commonjs/components/primitives/Checkbox/Checkbox.web.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Checkbox.web.tsx"],"names":["Checkbox","wrapperRef","isHovered","isHoveredProp","isFocusVisible","isFocusVisibleProp","props","ref","formControlContext","isInvalid","isReadOnly","isIndeterminate","combinedProps","checkboxGroupContext","React","useContext","CheckboxGroupContext","state","defaultSelected","defaultIsChecked","isSelected","isChecked","_ref","useRef","mergedRef","inputProps","groupItemInputProps","accessibilityLabel","value","useMemo","checked","disabled","contextCombinedProps","CheckboxComponent","memo","isDisabled","focusProps","icon","_interactionBox","_icon","_stack","_text","resolvedProps","layoutProps","nonLayoutProps","stylingProps","margin","layout","flexbox","position","component","children","mergedWrapperRef"],"mappings":"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","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\n//@ts-ignore\r\nimport stableHash from 'stable-hash';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { Center } from '../../composites/Center';\r\nimport { useFormControlContext } from '../../composites/FormControl';\r\nimport Box from '../Box';\r\nimport type { ICheckboxProps } from './types';\r\nimport { useToggleState } from '@react-stately/toggle';\r\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\r\nimport { CheckboxGroupContext } from './CheckboxGroup';\r\nimport { useHover } from '@react-native-aria/interactions';\r\nimport { useCheckbox, useCheckboxGroupItem } from '@react-native-aria/checkbox';\r\nimport { useFocusRing } from '@react-native-aria/focus';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { extractInObject, stylingProps } from '../../../theme/tools/utils';\r\nimport { combineContextAndProps } from '../../../utils';\r\nimport SizedIcon from './SizedIcon';\r\nimport { Stack } from '../Stack';\r\nimport { wrapStringChild } from '../../../utils/wrapStringChild';\r\n\r\nconst Checkbox = (\r\n  {\r\n    wrapperRef,\r\n    isHovered: isHoveredProp,\r\n    isFocusVisible: isFocusVisibleProp,\r\n    ...props\r\n  }: ICheckboxProps,\r\n  ref: any\r\n) => {\r\n  const formControlContext = useFormControlContext();\r\n\r\n  const {\r\n    isInvalid,\r\n    isReadOnly,\r\n    isIndeterminate,\r\n    ...combinedProps\r\n  } = combineContextAndProps(formControlContext, props);\r\n\r\n  const checkboxGroupContext = React.useContext(CheckboxGroupContext);\r\n  const state = useToggleState({\r\n    ...props,\r\n    defaultSelected: props.defaultIsChecked,\r\n    isSelected: props.isChecked,\r\n  });\r\n\r\n  const _ref = React.useRef();\r\n  const mergedRef = mergeRefs([ref, _ref]);\r\n\r\n  // Swap hooks depending on whether this checkbox is inside a CheckboxGroup.\r\n  // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,\r\n  // but since the checkbox won't move in and out of a group, it should be safe.\r\n  const { inputProps: groupItemInputProps } = checkboxGroupContext\r\n    ? // eslint-disable-next-line react-hooks/rules-of-hooks\r\n      useCheckboxGroupItem(\r\n        {\r\n          ...combinedProps,\r\n          'aria-label': combinedProps.accessibilityLabel,\r\n          'value': combinedProps.value,\r\n        },\r\n        checkboxGroupContext.state,\r\n        //@ts-ignore\r\n        mergedRef\r\n      )\r\n    : // eslint-disable-next-line react-hooks/rules-of-hooks\r\n      useCheckbox(\r\n        {\r\n          ...combinedProps,\r\n          'aria-label': combinedProps.accessibilityLabel,\r\n        },\r\n        state,\r\n        //@ts-ignore\r\n        mergedRef\r\n      );\r\n\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  const inputProps = React.useMemo(() => groupItemInputProps, [\r\n    groupItemInputProps.checked,\r\n    groupItemInputProps.disabled,\r\n    groupItemInputProps,\r\n  ]);\r\n\r\n  const contextCombinedProps = React.useMemo(() => {\r\n    return { ...checkboxGroupContext, ...combinedProps };\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [stableHash(combinedProps)]);\r\n\r\n  return (\r\n    <CheckboxComponent\r\n      wrapperRef={wrapperRef}\r\n      mergedRef={mergedRef}\r\n      inputProps={inputProps}\r\n      combinedProps={contextCombinedProps}\r\n      isInvalid={isInvalid}\r\n      isReadOnly={isReadOnly}\r\n      isHovered={isHoveredProp}\r\n      isIndeterminate={isIndeterminate}\r\n      isFocusVisible={isFocusVisibleProp}\r\n    />\r\n  );\r\n};\r\n\r\nconst CheckboxComponent = React.memo(\r\n  ({\r\n    wrapperRef,\r\n    inputProps,\r\n    combinedProps,\r\n    isInvalid,\r\n    isReadOnly,\r\n    isIndeterminate,\r\n    mergedRef,\r\n    isHovered: isHoveredProp,\r\n    isFocusVisible: isFocusVisibleProp,\r\n  }: any) => {\r\n    const _ref = React.useRef();\r\n    const { isHovered } = useHover({}, _ref);\r\n\r\n    const { checked: isChecked, disabled: isDisabled } = inputProps;\r\n\r\n    const { focusProps, isFocusVisible } = useFocusRing();\r\n\r\n    const {\r\n      icon,\r\n      _interactionBox,\r\n      _icon,\r\n      _stack,\r\n      _text,\r\n      ...resolvedProps\r\n    } = usePropsResolution('Checkbox', combinedProps, {\r\n      isInvalid,\r\n      isReadOnly,\r\n      isFocusVisible: isFocusVisibleProp || isFocusVisible,\r\n      isDisabled,\r\n      isIndeterminate,\r\n      isChecked,\r\n      isHovered: isHovered || isHoveredProp,\r\n    });\r\n\r\n    const [layoutProps, nonLayoutProps] = extractInObject(resolvedProps, [\r\n      ...stylingProps.margin,\r\n      ...stylingProps.layout,\r\n      ...stylingProps.flexbox,\r\n      ...stylingProps.position,\r\n      '_text',\r\n    ]);\r\n    const component = React.useMemo(() => {\r\n      return (\r\n        <Stack {..._stack} {...layoutProps}>\r\n          <Center>\r\n            {/* Interaction Box */}\r\n            <Box {..._interactionBox} />\r\n            {/* Checkbox */}\r\n            <Center {...nonLayoutProps}>\r\n              {/* {iconResolver()} */}\r\n              <SizedIcon icon={icon} _icon={_icon} isChecked={isChecked} />\r\n            </Center>\r\n          </Center>\r\n          {/* Label */}\r\n          {/* {resolvedProps?.children} */}\r\n          {wrapStringChild(resolvedProps?.children, _text)}\r\n        </Stack>\r\n      );\r\n    }, [\r\n      _icon,\r\n      _stack,\r\n      _text,\r\n      _interactionBox,\r\n      icon,\r\n      isChecked,\r\n      nonLayoutProps,\r\n      layoutProps,\r\n      resolvedProps?.children,\r\n    ]);\r\n\r\n    const mergedWrapperRef = React.useMemo(\r\n      () => mergeRefs([wrapperRef, _ref]),\r\n      [wrapperRef]\r\n    );\r\n\r\n    //TODO: refactor for responsive prop\r\n    if (useHasResponsiveProps(resolvedProps)) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <Box\r\n        // @ts-ignore - RN web supports accessibilityRole=\"label\"\r\n        accessibilityRole=\"label\"\r\n        ref={mergedWrapperRef}\r\n      >\r\n        <VisuallyHidden>\r\n          {/* <input {...props.inputProps} {...props.focusProps} ref={props.mergedRef} /> */}\r\n          <input {...inputProps} {...focusProps} ref={mergedRef} />\r\n        </VisuallyHidden>\r\n\r\n        {component}\r\n      </Box>\r\n    );\r\n  }\r\n);\r\n\r\nexport default memo(forwardRef(Checkbox));\r\n"]}

package/lib/commonjs/components/primitives/Checkbox/CheckboxGroup.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CheckboxGroupContext = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _checkbox2 = require("@react-stately/checkbox");
+
+var _checkbox3 = require("@react-native-aria/checkbox");
+
+var _FormControl = require("../../composites/FormControl");
+
+var _Box = _interopRequireDefault(require("../Box"));
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const CheckboxGroupContext = /*#__PURE__*/(0, _react.createContext)(null);
+exports.CheckboxGroupContext = CheckboxGroupContext;
+
+function CheckboxGroup({
+  size,
+  _checkbox,
+  colorScheme,
+  ...props
+}, ref) {
+  const resolvedProps = (0, _useThemeProps.usePropsResolution)('CheckboxGroup', props);
+  const {
+    children
+  } = props;
+  const state = (0, _checkbox2.useCheckboxGroupState)(props);
+  const {
+    groupProps
+  } = (0, _checkbox3.useCheckboxGroup)({
+    'aria-label': props.accessibilityLabel,
+    ...props
+  }, state);
+  const formControlContext = (0, _FormControl.useFormControlContext)();
+  const value = (0, _react.useMemo)(() => ({
+    size,
+    colorScheme,
+    ..._checkbox,
+    ...formControlContext,
+    state
+  }), [_checkbox, colorScheme, formControlContext, size, state]); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)({ ...props,
+    size,
+    colorScheme
+  })) {
+    return null;
+  }
+
+  return (
+    /*#__PURE__*/
+    // @ts-ignore
+    _react.default.createElement(CheckboxGroupContext.Provider, {
+      value: value
+    }, /*#__PURE__*/_react.default.createElement(_Box.default, _extends({}, resolvedProps, groupProps, props, {
+      ref: ref
+    }), children))
+  );
+}
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(CheckboxGroup));
+
+exports.default = _default;
+//# sourceMappingURL=CheckboxGroup.js.map

package/lib/commonjs/components/primitives/Checkbox/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CheckboxGroup.tsx"],"names":["CheckboxGroupContext","CheckboxGroup","size","_checkbox","colorScheme","props","ref","resolvedProps","children","state","groupProps","accessibilityLabel","formControlContext","value"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEO,MAAMA,oBAAoB,gBAAG,0BAClC,IADkC,CAA7B;;;AAIP,SAASC,aAAT,CACE;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,SAAR;AAAmBC,EAAAA,WAAnB;AAAgC,KAAGC;AAAnC,CADF,EAEEC,GAFF,EAGE;AACA,QAAMC,aAAa,GAAG,uCAAmB,eAAnB,EAAoCF,KAApC,CAAtB;AACA,QAAM;AAAEG,IAAAA;AAAF,MAAeH,KAArB;AACA,QAAMI,KAAK,GAAG,sCAAsBJ,KAAtB,CAAd;AACA,QAAM;AAAEK,IAAAA;AAAF,MAAiB,iCACrB;AAAE,kBAAcL,KAAK,CAACM,kBAAtB;AAA0C,OAAGN;AAA7C,GADqB,EAErBI,KAFqB,CAAvB;AAIA,QAAMG,kBAAkB,GAAG,yCAA3B;AACA,QAAMC,KAAK,GAAG,oBACZ,OAAO;AACLX,IAAAA,IADK;AAELE,IAAAA,WAFK;AAGL,OAAGD,SAHE;AAIL,OAAGS,kBAJE;AAKLH,IAAAA;AALK,GAAP,CADY,EAQZ,CAACN,SAAD,EAAYC,WAAZ,EAAyBQ,kBAAzB,EAA6CV,IAA7C,EAAmDO,KAAnD,CARY,CAAd,CATA,CAoBA;;AACA,MAAI,kDAAsB,EAAE,GAAGJ,KAAL;AAAYH,IAAAA,IAAZ;AAAkBE,IAAAA;AAAlB,GAAtB,CAAJ,EAA4D;AAC1D,WAAO,IAAP;AACD;;AACD;AAAA;AACE;AACA,iCAAC,oBAAD,CAAsB,QAAtB;AAA+B,MAAA,KAAK,EAAES;AAAtC,oBACE,6BAAC,YAAD,eAASN,aAAT,EAA4BG,UAA5B,EAA4CL,KAA5C;AAAmD,MAAA,GAAG,EAAEC;AAAxD,QACGE,QADH,CADF;AAFF;AAQD;;4BAEc,+BAAK,uBAAWP,aAAX,CAAL,C","sourcesContent":["import React, { createContext, memo, forwardRef, useMemo } from 'react';\r\nimport { useCheckboxGroupState } from '@react-stately/checkbox';\r\nimport { useCheckboxGroup } from '@react-native-aria/checkbox';\r\nimport { useFormControlContext } from '../../composites/FormControl';\r\nimport type { ICheckboxGroupProps, ICheckboxContext } from './types';\r\nimport Box from '../Box';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\n\r\nexport const CheckboxGroupContext = createContext<ICheckboxContext | null>(\r\n  null\r\n);\r\n\r\nfunction CheckboxGroup(\r\n  { size, _checkbox, colorScheme, ...props }: ICheckboxGroupProps,\r\n  ref?: any\r\n) {\r\n  const resolvedProps = usePropsResolution('CheckboxGroup', props);\r\n  const { children } = props;\r\n  const state = useCheckboxGroupState(props);\r\n  const { groupProps } = useCheckboxGroup(\r\n    { 'aria-label': props.accessibilityLabel, ...props },\r\n    state\r\n  );\r\n  const formControlContext = useFormControlContext();\r\n  const value = useMemo(\r\n    () => ({\r\n      size,\r\n      colorScheme,\r\n      ..._checkbox,\r\n      ...formControlContext,\r\n      state,\r\n    }),\r\n    [_checkbox, colorScheme, formControlContext, size, state]\r\n  );\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps({ ...props, size, colorScheme })) {\r\n    return null;\r\n  }\r\n  return (\r\n    // @ts-ignore\r\n    <CheckboxGroupContext.Provider value={value}>\r\n      <Box {...resolvedProps} {...groupProps} {...props} ref={ref}>\r\n        {children}\r\n      </Box>\r\n    </CheckboxGroupContext.Provider>\r\n  );\r\n}\r\n\r\nexport default memo(forwardRef(CheckboxGroup));\r\n"]}

package/lib/commonjs/components/primitives/Checkbox/SizedIcon.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _Icons = require("../../primitives/Icon/Icons");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const SizedIcon = ({
+  icon,
+  _icon,
+  isChecked
+}) => {
+  return isChecked ? icon ? /*#__PURE__*/_react.default.cloneElement(icon, { ..._icon
+  }) : /*#__PURE__*/_react.default.createElement(_Icons.CheckIcon, _icon) : /*#__PURE__*/_react.default.createElement(_Box.default, _icon);
+};
+
+var _default = SizedIcon;
+exports.default = _default;
+//# sourceMappingURL=SizedIcon.js.map

package/lib/commonjs/components/primitives/Checkbox/SizedIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SizedIcon.tsx"],"names":["SizedIcon","icon","_icon","isChecked","React","cloneElement"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG,CAAC;AACjBC,EAAAA,IADiB;AAEjBC,EAAAA,KAFiB;AAGjBC,EAAAA;AAHiB,CAAD,KAQZ;AACJ,SAAOA,SAAS,GACdF,IAAI,gBACFG,eAAMC,YAAN,CAAmBJ,IAAnB,EAAyB,EACvB,GAAGC;AADoB,GAAzB,CADE,gBAKF,6BAAC,gBAAD,EAAeA,KAAf,CANY,gBASd,6BAAC,YAAD,EAASA,KAAT,CATF;AAWD,CApBD;;eAsBeF,S","sourcesContent":["import React from 'react';\r\nimport { default as Box } from '../../primitives/Box';\r\nimport { CheckIcon } from '../../primitives/Icon/Icons';\r\n\r\nconst SizedIcon = ({\r\n  icon,\r\n  _icon,\r\n  isChecked,\r\n}: {\r\n  icon: JSX.Element;\r\n  _icon: any;\r\n  isChecked: boolean;\r\n}) => {\r\n  return isChecked ? (\r\n    icon ? (\r\n      React.cloneElement(icon, {\r\n        ..._icon,\r\n      })\r\n    ) : (\r\n      <CheckIcon {..._icon} />\r\n    )\r\n  ) : (\r\n    <Box {..._icon} />\r\n  );\r\n};\r\n\r\nexport default SizedIcon;\r\n"]}

package/lib/commonjs/components/primitives/Checkbox/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Checkbox = void 0;
+
+var _Checkbox = _interopRequireDefault(require("./Checkbox"));
+
+var _CheckboxGroup = _interopRequireDefault(require("./CheckboxGroup"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const CheckTemp = _Checkbox.default;
+CheckTemp.Group = _CheckboxGroup.default; // To add typings
+
+const Checkbox = CheckTemp;
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/primitives/Checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["CheckTemp","CheckboxMain","Group","CheckboxGroup","Checkbox"],"mappings":";;;;;;;AAAA;;AACA;;;;AAGA,MAAMA,SAAc,GAAGC,iBAAvB;AACAD,SAAS,CAACE,KAAV,GAAkBC,sBAAlB,C,CAEA;;AACA,MAAMC,QAAQ,GAAGJ,SAAjB","sourcesContent":["import CheckboxMain from './Checkbox';\r\nimport CheckboxGroup from './CheckboxGroup';\r\nimport type { ICheckboxComponentType } from './types';\r\n\r\nconst CheckTemp: any = CheckboxMain;\r\nCheckTemp.Group = CheckboxGroup;\r\n\r\n// To add typings\r\nconst Checkbox = CheckTemp as ICheckboxComponentType;\r\n\r\nexport { Checkbox };\r\nexport type { ICheckboxGroupProps, ICheckboxProps } from './types';\r\n"]}

package/lib/commonjs/components/primitives/Checkbox/test/checkbox.test.js

@@ -0,0 +1,242 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("@testing-library/react-native");
+
+var _NativeBaseProvider = require("../../../../core/NativeBaseProvider");
+
+var _ = require("..");
+
+var _2 = require("../..");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function CheckBoxGroup() {
+  const [groupValue, setGroupValue] = _react.default.useState(['Item 1 ', 'Item 3 ']);
+
+  return /*#__PURE__*/_react.default.createElement(_.Checkbox.Group, {
+    colorScheme: "green",
+    defaultValue: groupValue,
+    onChange: values => {
+      setGroupValue(values || []);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_.Checkbox, {
+    value: "Item 1 "
+  }, /*#__PURE__*/_react.default.createElement(_2.Text, {
+    mx: 2
+  }, "Item 1")), /*#__PURE__*/_react.default.createElement(_.Checkbox, {
+    value: "Item 2 "
+  }, /*#__PURE__*/_react.default.createElement(_2.Text, {
+    mx: 2
+  }, "Item 2")), /*#__PURE__*/_react.default.createElement(_.Checkbox, {
+    value: "Item 3 "
+  }, /*#__PURE__*/_react.default.createElement(_2.Text, {
+    mx: 2
+  }, "Item 3")), /*#__PURE__*/_react.default.createElement(_.Checkbox, {
+    colorScheme: "orange",
+    value: "Indeterminate Item "
+  }, /*#__PURE__*/_react.default.createElement(_2.Text, {
+    mx: 2
+  }, "Indeterminate Item")));
+}
+
+function CheckBox(group) {
+  const [groupValues, setGroupValues] = _react.default.useState([]);
+
+  return group ? /*#__PURE__*/_react.default.createElement(_.Checkbox.Group, {
+    onChange: setGroupValues,
+    value: groupValues
+  }, /*#__PURE__*/_react.default.createElement(_.Checkbox, {
+    value: "one"
+  }, /*#__PURE__*/_react.default.createElement(_2.Text, null, "One")), /*#__PURE__*/_react.default.createElement(_.Checkbox, {
+    value: "two",
+    isIndeterminate: true,
+    onChange: () => setGroupValues([...groupValues, 'two'])
+  }, /*#__PURE__*/_react.default.createElement(_2.Text, null, "Two"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.Checkbox, {
+    value: "one",
+    onChange: () => {
+      setGroupValues([...groupValues, 'one']);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_2.Text, null, "One")), /*#__PURE__*/_react.default.createElement(_.Checkbox, {
+    value: "two",
+    isIndeterminate: true,
+    onChange: () => setGroupValues([...groupValues, 'two'])
+  }, /*#__PURE__*/_react.default.createElement(_2.Text, null, "Two")));
+}
+
+describe('CheckBoxGroup', () => {
+  it('handles defaults and onChange on checkBoxGroup', () => {
+    const {
+      getAllByRole
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_NativeBaseProvider.NativeBaseProvider, {
+      initialWindowMetrics: {
+        frame: {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        },
+        insets: {
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        }
+      }
+    }, /*#__PURE__*/_react.default.createElement(CheckBoxGroup, null)));
+    const checkbox = getAllByRole('checkbox');
+    expect(checkbox.length).toBe(4);
+    expect(checkbox[0].props.accessibilityState.checked).toBe(true);
+    expect(checkbox[1].props.accessibilityState.checked).toBe(false);
+    expect(checkbox[2].props.accessibilityState.checked).toBe(true);
+    expect(checkbox[3].props.accessibilityState.checked).toBe(false);
+
+    _reactNative.fireEvent.press(checkbox[1]);
+
+    expect(checkbox[1].props.accessibilityState.checked).toBe(true);
+  });
+  it('can be disabled on checkBox', () => {
+    const {
+      getAllByRole
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_NativeBaseProvider.NativeBaseProvider, {
+      initialWindowMetrics: {
+        frame: {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        },
+        insets: {
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        }
+      }
+    }, /*#__PURE__*/_react.default.createElement(_.Checkbox, {
+      value: "Item 1 "
+    }, /*#__PURE__*/_react.default.createElement(_2.Text, {
+      mx: 2
+    }, "Item 1")), /*#__PURE__*/_react.default.createElement(_.Checkbox, {
+      value: "Item 2 ",
+      isDisabled: true
+    }, /*#__PURE__*/_react.default.createElement(_2.Text, {
+      mx: 2
+    }, "Item 2")), /*#__PURE__*/_react.default.createElement(_.Checkbox, {
+      value: "Item 3 "
+    }, /*#__PURE__*/_react.default.createElement(_2.Text, {
+      mx: 2
+    }, "Item 3")), /*#__PURE__*/_react.default.createElement(_.Checkbox, {
+      colorScheme: "orange",
+      value: "Indeterminate Item "
+    }, /*#__PURE__*/_react.default.createElement(_2.Text, {
+      mx: 2
+    }, "Indeterminate Item"))));
+    const checkbox = getAllByRole('checkbox');
+    expect(checkbox.length).toBe(4);
+    expect(checkbox[1].props.accessibilityState.disabled).toBe(true);
+  });
+  it('is checked on checkBox', () => {
+    const {
+      getAllByRole
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_NativeBaseProvider.NativeBaseProvider, {
+      initialWindowMetrics: {
+        frame: {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        },
+        insets: {
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        }
+      }
+    }, /*#__PURE__*/_react.default.createElement(_.Checkbox, {
+      value: "Item 1 ",
+      isChecked: true
+    }, /*#__PURE__*/_react.default.createElement(_2.Text, {
+      mx: 2
+    }, "Item 1")), /*#__PURE__*/_react.default.createElement(_.Checkbox, {
+      value: "Item 2 ",
+      isDisabled: true
+    }, /*#__PURE__*/_react.default.createElement(_2.Text, {
+      mx: 2
+    }, "Item 2")), /*#__PURE__*/_react.default.createElement(_.Checkbox, {
+      value: "Item 3 "
+    }, /*#__PURE__*/_react.default.createElement(_2.Text, {
+      mx: 2
+    }, "Item 3")), /*#__PURE__*/_react.default.createElement(_.Checkbox, {
+      colorScheme: "orange",
+      value: "Indeterminate Item "
+    }, /*#__PURE__*/_react.default.createElement(_2.Text, {
+      mx: 2
+    }, "Indeterminate Item"))));
+    const checkbox = getAllByRole('checkbox');
+    expect(checkbox.length).toBe(4);
+    expect(checkbox[0].props.accessibilityState.checked).toBe(true);
+  });
+  /****   inDeterminant is not yet implemented in checkbox ****/
+  // it('inDeterminant on checkBoxGroup', () => {
+  //   const { getAllByRole } = render(
+  //     <NativeBaseProvider
+  //       initialWindowMetrics={{
+  //         frame: { x: 0, y: 0, width: 0, height: 0 },
+  //         insets: { top: 0, left: 0, right: 0, bottom: 0 },
+  //       }}
+  //     >
+  //       <CheckBox group={true} />
+  //     </NativeBaseProvider>
+  //   );
+  //   const checkbox = getAllByRole('checkbox');
+  //   expect(checkbox.length).toBe(2);
+  //   expect(checkbox[1].props.accessibilityState.checked).toBe('mixed');
+  // });
+  // it('inDeterminant on checkBox', () => {
+  //   const { getAllByRole } = render(
+  //     <NativeBaseProvider
+  //       initialWindowMetrics={{
+  //         frame: { x: 0, y: 0, width: 0, height: 0 },
+  //         insets: { top: 0, left: 0, right: 0, bottom: 0 },
+  //       }}
+  //     >
+  //       <CheckBox group={false} />
+  //     </NativeBaseProvider>
+  //   );
+  //   const checkbox = getAllByRole('checkbox');
+  //   expect(checkbox.length).toBe(2);
+  //   fireEvent.press(checkbox[1]);
+  //   expect(checkbox[1].props.accessibilityState.checked).toBe('mixed');
+  // });
+
+  it('onChange on checkBox', () => {
+    const {
+      getAllByRole
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_NativeBaseProvider.NativeBaseProvider, {
+      initialWindowMetrics: {
+        frame: {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        },
+        insets: {
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        }
+      }
+    }, /*#__PURE__*/_react.default.createElement(CheckBox, null)));
+    const checkbox = getAllByRole('checkbox');
+    expect(checkbox.length).toBe(2);
+
+    _reactNative.fireEvent.press(checkbox[0]);
+
+    expect(checkbox[0].props.accessibilityState.checked).toBe(true);
+  });
+});
+//# sourceMappingURL=checkbox.test.js.map

package/lib/commonjs/components/primitives/Checkbox/test/checkbox.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["checkbox.test.tsx"],"names":["CheckBoxGroup","groupValue","setGroupValue","React","useState","values","CheckBox","group","groupValues","setGroupValues","describe","it","getAllByRole","frame","x","y","width","height","insets","top","left","right","bottom","checkbox","expect","length","toBe","props","accessibilityState","checked","fireEvent","press","disabled"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { fireEvent, render } from '@testing-library/react-native';\r\nimport { NativeBaseProvider } from '../../../../core/NativeBaseProvider';\r\nimport { Checkbox } from '..';\r\nimport { Text } from '../..';\r\n\r\nfunction CheckBoxGroup() {\r\n  const [groupValue, setGroupValue] = React.useState(['Item 1 ', 'Item 3 ']);\r\n  return (\r\n    <Checkbox.Group\r\n      colorScheme=\"green\"\r\n      defaultValue={groupValue}\r\n      onChange={(values) => {\r\n        setGroupValue(values || []);\r\n      }}\r\n    >\r\n      <Checkbox value=\"Item 1 \">\r\n        <Text mx={2}>Item 1</Text>\r\n      </Checkbox>\r\n      <Checkbox value=\"Item 2 \">\r\n        <Text mx={2}>Item 2</Text>\r\n      </Checkbox>\r\n      <Checkbox value=\"Item 3 \">\r\n        <Text mx={2}>Item 3</Text>\r\n      </Checkbox>\r\n      <Checkbox colorScheme=\"orange\" value=\"Indeterminate Item \">\r\n        <Text mx={2}>Indeterminate Item</Text>\r\n      </Checkbox>\r\n    </Checkbox.Group>\r\n  );\r\n}\r\n\r\nfunction CheckBox(group: any) {\r\n  const [groupValues, setGroupValues] = React.useState<Array<any>>([]);\r\n  return group ? (\r\n    <Checkbox.Group onChange={setGroupValues} value={groupValues}>\r\n      <Checkbox value=\"one\">\r\n        <Text>One</Text>\r\n      </Checkbox>\r\n      <Checkbox\r\n        value=\"two\"\r\n        isIndeterminate\r\n        onChange={() => setGroupValues([...groupValues, 'two'])}\r\n      >\r\n        <Text>Two</Text>\r\n      </Checkbox>\r\n    </Checkbox.Group>\r\n  ) : (\r\n    <>\r\n      <Checkbox\r\n        value=\"one\"\r\n        onChange={() => {\r\n          setGroupValues([...groupValues, 'one']);\r\n        }}\r\n      >\r\n        <Text>One</Text>\r\n      </Checkbox>\r\n      <Checkbox\r\n        value=\"two\"\r\n        isIndeterminate\r\n        onChange={() => setGroupValues([...groupValues, 'two'])}\r\n      >\r\n        <Text>Two</Text>\r\n      </Checkbox>\r\n    </>\r\n  );\r\n}\r\n\r\ndescribe('CheckBoxGroup', () => {\r\n  it('handles defaults and onChange on checkBoxGroup', () => {\r\n    const { getAllByRole } = render(\r\n      <NativeBaseProvider\r\n        initialWindowMetrics={{\r\n          frame: { x: 0, y: 0, width: 0, height: 0 },\r\n          insets: { top: 0, left: 0, right: 0, bottom: 0 },\r\n        }}\r\n      >\r\n        <CheckBoxGroup />\r\n      </NativeBaseProvider>\r\n    );\r\n    const checkbox = getAllByRole('checkbox');\r\n    expect(checkbox.length).toBe(4);\r\n    expect(checkbox[0].props.accessibilityState.checked).toBe(true);\r\n    expect(checkbox[1].props.accessibilityState.checked).toBe(false);\r\n    expect(checkbox[2].props.accessibilityState.checked).toBe(true);\r\n    expect(checkbox[3].props.accessibilityState.checked).toBe(false);\r\n    fireEvent.press(checkbox[1]);\r\n    expect(checkbox[1].props.accessibilityState.checked).toBe(true);\r\n  });\r\n  it('can be disabled on checkBox', () => {\r\n    const { getAllByRole } = render(\r\n      <NativeBaseProvider\r\n        initialWindowMetrics={{\r\n          frame: { x: 0, y: 0, width: 0, height: 0 },\r\n          insets: { top: 0, left: 0, right: 0, bottom: 0 },\r\n        }}\r\n      >\r\n        <Checkbox value=\"Item 1 \">\r\n          <Text mx={2}>Item 1</Text>\r\n        </Checkbox>\r\n        <Checkbox value=\"Item 2 \" isDisabled>\r\n          <Text mx={2}>Item 2</Text>\r\n        </Checkbox>\r\n        <Checkbox value=\"Item 3 \">\r\n          <Text mx={2}>Item 3</Text>\r\n        </Checkbox>\r\n        <Checkbox colorScheme=\"orange\" value=\"Indeterminate Item \">\r\n          <Text mx={2}>Indeterminate Item</Text>\r\n        </Checkbox>\r\n      </NativeBaseProvider>\r\n    );\r\n    const checkbox = getAllByRole('checkbox');\r\n    expect(checkbox.length).toBe(4);\r\n    expect(checkbox[1].props.accessibilityState.disabled).toBe(true);\r\n  });\r\n  it('is checked on checkBox', () => {\r\n    const { getAllByRole } = render(\r\n      <NativeBaseProvider\r\n        initialWindowMetrics={{\r\n          frame: { x: 0, y: 0, width: 0, height: 0 },\r\n          insets: { top: 0, left: 0, right: 0, bottom: 0 },\r\n        }}\r\n      >\r\n        <Checkbox value=\"Item 1 \" isChecked>\r\n          <Text mx={2}>Item 1</Text>\r\n        </Checkbox>\r\n        <Checkbox value=\"Item 2 \" isDisabled>\r\n          <Text mx={2}>Item 2</Text>\r\n        </Checkbox>\r\n        <Checkbox value=\"Item 3 \">\r\n          <Text mx={2}>Item 3</Text>\r\n        </Checkbox>\r\n        <Checkbox colorScheme=\"orange\" value=\"Indeterminate Item \">\r\n          <Text mx={2}>Indeterminate Item</Text>\r\n        </Checkbox>\r\n      </NativeBaseProvider>\r\n    );\r\n    const checkbox = getAllByRole('checkbox');\r\n    expect(checkbox.length).toBe(4);\r\n    expect(checkbox[0].props.accessibilityState.checked).toBe(true);\r\n  });\r\n\r\n  /****   inDeterminant is not yet implemented in checkbox ****/\r\n\r\n  // it('inDeterminant on checkBoxGroup', () => {\r\n  //   const { getAllByRole } = render(\r\n  //     <NativeBaseProvider\r\n  //       initialWindowMetrics={{\r\n  //         frame: { x: 0, y: 0, width: 0, height: 0 },\r\n  //         insets: { top: 0, left: 0, right: 0, bottom: 0 },\r\n  //       }}\r\n  //     >\r\n  //       <CheckBox group={true} />\r\n  //     </NativeBaseProvider>\r\n  //   );\r\n  //   const checkbox = getAllByRole('checkbox');\r\n  //   expect(checkbox.length).toBe(2);\r\n  //   expect(checkbox[1].props.accessibilityState.checked).toBe('mixed');\r\n  // });\r\n\r\n  // it('inDeterminant on checkBox', () => {\r\n  //   const { getAllByRole } = render(\r\n  //     <NativeBaseProvider\r\n  //       initialWindowMetrics={{\r\n  //         frame: { x: 0, y: 0, width: 0, height: 0 },\r\n  //         insets: { top: 0, left: 0, right: 0, bottom: 0 },\r\n  //       }}\r\n  //     >\r\n  //       <CheckBox group={false} />\r\n  //     </NativeBaseProvider>\r\n  //   );\r\n  //   const checkbox = getAllByRole('checkbox');\r\n  //   expect(checkbox.length).toBe(2);\r\n  //   fireEvent.press(checkbox[1]);\r\n  //   expect(checkbox[1].props.accessibilityState.checked).toBe('mixed');\r\n  // });\r\n\r\n  it('onChange on checkBox', () => {\r\n    const { getAllByRole } = render(\r\n      <NativeBaseProvider\r\n        initialWindowMetrics={{\r\n          frame: { x: 0, y: 0, width: 0, height: 0 },\r\n          insets: { top: 0, left: 0, right: 0, bottom: 0 },\r\n        }}\r\n      >\r\n        <CheckBox />\r\n      </NativeBaseProvider>\r\n    );\r\n    const checkbox = getAllByRole('checkbox');\r\n    expect(checkbox.length).toBe(2);\r\n    fireEvent.press(checkbox[0]);\r\n    expect(checkbox[0].props.accessibilityState.checked).toBe(true);\r\n  });\r\n});\r\n"]}

package/lib/commonjs/components/primitives/Checkbox/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/commonjs/components/primitives/Checkbox/types.js.map

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

package/lib/commonjs/components/primitives/Column/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Column", {
+  enumerable: true,
+  get: function () {
+    return _Stack.VStack;
+  }
+});
+
+var _Stack = require("../Stack");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/primitives/Column/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["import { VStack } from '../Stack';\r\nexport { VStack as Column };\r\n"]}