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

package/lib/commonjs/components/primitives/Button/Button.js

@@ -0,0 +1,158 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Spinner = _interopRequireDefault(require("../Spinner"));
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _Box = _interopRequireDefault(require("../Box"));
+
+var _HStack = _interopRequireDefault(require("../Stack/HStack"));
+
+var _Pressable = require("../Pressable");
+
+var _utils = require("../../../utils");
+
+var _Pressable2 = require("../../primitives/Pressable/Pressable");
+
+var _focus = require("@react-native-aria/focus");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+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 Button = ({
+  //@ts-ignore
+  children,
+  startIcon,
+  rightIcon,
+  leftIcon,
+  endIcon,
+  spinner,
+  isDisabled,
+  isLoading,
+  isHovered: isHoveredProp,
+  isPressed: isPressedProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  spinnerPlacement = 'start',
+  ...props
+}, ref) => {
+  var _props$accessibilityR;
+
+  const {
+    hoverProps,
+    isHovered
+  } = (0, _Pressable2.useHover)();
+  const {
+    pressableProps,
+    isPressed
+  } = (0, _Pressable2.useIsPressed)();
+  const {
+    focusProps,
+    isFocused
+  } = (0, _Pressable2.useFocus)();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = (0, _focus.useFocusRing)();
+  const {
+    onPressIn,
+    onPressOut,
+    onHoverIn,
+    onHoverOut,
+    onFocus,
+    onBlur,
+    _text,
+    _stack,
+    _spinner,
+    isLoadingText,
+    _icon,
+    ...resolvedProps
+  } = (0, _useThemeProps.usePropsResolution)('Button', props, {
+    isDisabled,
+    isHovered: isHoveredProp || isHovered,
+    isFocused: isFocusedProp || isFocused,
+    isPressed: isPressedProp || isPressed,
+    isLoading,
+    isFocusVisible: isFocusVisibleProp || isFocusVisible
+  }); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  if (leftIcon) {
+    startIcon = leftIcon;
+  }
+
+  if (rightIcon) {
+    endIcon = rightIcon;
+  }
+
+  if (endIcon && /*#__PURE__*/_react.default.isValidElement(endIcon)) {
+    endIcon = _react.default.Children.map(endIcon, (child, index) => {
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        key: "button-end-icon-".concat(index),
+        ..._icon,
+        ...child.props
+      });
+    });
+  }
+
+  if (startIcon && /*#__PURE__*/_react.default.isValidElement(startIcon)) {
+    startIcon = _react.default.Children.map(startIcon, (child, index) => {
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        key: "button-start-icon-".concat(index),
+        ..._icon,
+        ...child.props
+      });
+    });
+  }
+
+  const spinnerElement = spinner ? spinner : /*#__PURE__*/_react.default.createElement(_Spinner.default, _extends({
+    color: _text === null || _text === void 0 ? void 0 : _text.color
+  }, _spinner));
+
+  const boxChildren = child => {
+    return child ? /*#__PURE__*/_react.default.createElement(_Box.default, {
+      _text: _text
+    }, child) : null;
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_Pressable.Pressable, _extends({
+    disabled: isDisabled || isLoading,
+    ref: ref,
+    onPressIn: (0, _utils.composeEventHandlers)(onPressIn, pressableProps.onPressIn),
+    onPressOut: (0, _utils.composeEventHandlers)(onPressOut, pressableProps.onPressOut) // @ts-ignore - web only
+    ,
+    onHoverIn: (0, _utils.composeEventHandlers)(onHoverIn, hoverProps.onHoverIn) // @ts-ignore - web only
+    ,
+    onHoverOut: (0, _utils.composeEventHandlers)(onHoverOut, hoverProps.onHoverOut) // @ts-ignore - web only
+    ,
+    onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onFocus, focusProps.onFocus), focusRingProps.onFocus) // @ts-ignore - web only
+    ,
+    onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onBlur, focusProps.onBlur), focusRingProps.onBlur)
+  }, resolvedProps, {
+    accessibilityRole: (_props$accessibilityR = props.accessibilityRole) !== null && _props$accessibilityR !== void 0 ? _props$accessibilityR : 'button'
+  }), /*#__PURE__*/_react.default.createElement(_HStack.default, _extends({}, _stack, {
+    test: true
+  }), startIcon && !isLoading ? startIcon : null, isLoading && spinnerPlacement === 'start' ? spinnerElement : null, isLoading ? isLoadingText ? boxChildren(isLoadingText) : null : boxChildren(children), endIcon && !isLoading ? endIcon : null, isLoading && spinnerPlacement === 'end' ? spinnerElement : null));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(Button));
+
+exports.default = _default;
+//# sourceMappingURL=Button.js.map

package/lib/commonjs/components/primitives/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Button.tsx"],"names":["Button","children","startIcon","rightIcon","leftIcon","endIcon","spinner","isDisabled","isLoading","isHovered","isHoveredProp","isPressed","isPressedProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","spinnerPlacement","props","ref","hoverProps","pressableProps","focusProps","focusRingProps","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","_text","_stack","_spinner","isLoadingText","_icon","resolvedProps","React","isValidElement","Children","map","child","index","cloneElement","key","spinnerElement","color","boxChildren","accessibilityRole"],"mappings":"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","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Spinner from '../Spinner';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { default as Box, IBoxProps } from '../Box';\r\nimport HStack from '../Stack/HStack';\r\nimport { Pressable } from '../Pressable';\r\nimport type { IButtonProps } from './types';\r\nimport { composeEventHandlers } from '../../../utils';\r\nimport {\r\n  useHover,\r\n  useFocus,\r\n  useIsPressed,\r\n} from '../../primitives/Pressable/Pressable';\r\nimport { useFocusRing } from '@react-native-aria/focus';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Button = (\r\n  {\r\n    //@ts-ignore\r\n    children,\r\n    startIcon,\r\n    rightIcon,\r\n    leftIcon,\r\n    endIcon,\r\n    spinner,\r\n    isDisabled,\r\n    isLoading,\r\n    isHovered: isHoveredProp,\r\n    isPressed: isPressedProp,\r\n    isFocused: isFocusedProp,\r\n    isFocusVisible: isFocusVisibleProp,\r\n    spinnerPlacement = 'start',\r\n    ...props\r\n  }: IButtonProps & IBoxProps,\r\n  ref: any\r\n) => {\r\n  const { hoverProps, isHovered } = useHover();\r\n  const { pressableProps, isPressed } = useIsPressed();\r\n  const { focusProps, isFocused } = useFocus();\r\n  const { isFocusVisible, focusProps: focusRingProps }: any = useFocusRing();\r\n\r\n  const {\r\n    onPressIn,\r\n    onPressOut,\r\n    onHoverIn,\r\n    onHoverOut,\r\n    onFocus,\r\n    onBlur,\r\n    _text,\r\n    _stack,\r\n    _spinner,\r\n    isLoadingText,\r\n    _icon,\r\n    ...resolvedProps\r\n  } = usePropsResolution('Button', props, {\r\n    isDisabled,\r\n    isHovered: isHoveredProp || isHovered,\r\n    isFocused: isFocusedProp || isFocused,\r\n    isPressed: isPressedProp || isPressed,\r\n    isLoading,\r\n    isFocusVisible: isFocusVisibleProp || isFocusVisible,\r\n  });\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  if (leftIcon) {\r\n    startIcon = leftIcon;\r\n  }\r\n  if (rightIcon) {\r\n    endIcon = rightIcon;\r\n  }\r\n  if (endIcon && React.isValidElement(endIcon)) {\r\n    endIcon = React.Children.map(\r\n      endIcon,\r\n      (child: JSX.Element, index: number) => {\r\n        return React.cloneElement(child, {\r\n          key: `button-end-icon-${index}`,\r\n          ..._icon,\r\n          ...child.props,\r\n        });\r\n      }\r\n    );\r\n  }\r\n  if (startIcon && React.isValidElement(startIcon)) {\r\n    startIcon = React.Children.map(\r\n      startIcon,\r\n      (child: JSX.Element, index: number) => {\r\n        return React.cloneElement(child, {\r\n          key: `button-start-icon-${index}`,\r\n          ..._icon,\r\n          ...child.props,\r\n        });\r\n      }\r\n    );\r\n  }\r\n\r\n  const spinnerElement = spinner ? (\r\n    spinner\r\n  ) : (\r\n    <Spinner color={_text?.color} {..._spinner} />\r\n  );\r\n\r\n  const boxChildren = (child: any) => {\r\n    return child ? <Box _text={_text}>{child}</Box> : null;\r\n  };\r\n\r\n  return (\r\n    <Pressable\r\n      disabled={isDisabled || isLoading}\r\n      ref={ref}\r\n      onPressIn={composeEventHandlers(onPressIn, pressableProps.onPressIn)}\r\n      onPressOut={composeEventHandlers(onPressOut, pressableProps.onPressOut)}\r\n      // @ts-ignore - web only\r\n      onHoverIn={composeEventHandlers(onHoverIn, hoverProps.onHoverIn)}\r\n      // @ts-ignore - web only\r\n      onHoverOut={composeEventHandlers(onHoverOut, hoverProps.onHoverOut)}\r\n      // @ts-ignore - web only\r\n      onFocus={composeEventHandlers(\r\n        composeEventHandlers(onFocus, focusProps.onFocus),\r\n        focusRingProps.onFocus\r\n      )}\r\n      // @ts-ignore - web only\r\n      onBlur={composeEventHandlers(\r\n        composeEventHandlers(onBlur, focusProps.onBlur),\r\n        focusRingProps.onBlur\r\n      )}\r\n      {...resolvedProps}\r\n      accessibilityRole={props.accessibilityRole ?? 'button'}\r\n    >\r\n      <HStack {..._stack} test={true}>\r\n        {startIcon && !isLoading ? startIcon : null}\r\n        {isLoading && spinnerPlacement === 'start' ? spinnerElement : null}\r\n        {isLoading\r\n          ? isLoadingText\r\n            ? boxChildren(isLoadingText)\r\n            : null\r\n          : boxChildren(children)}\r\n\r\n        {endIcon && !isLoading ? endIcon : null}\r\n        {isLoading && spinnerPlacement === 'end' ? spinnerElement : null}\r\n      </HStack>\r\n    </Pressable>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Button));\r\n"]}

package/lib/commonjs/components/primitives/Button/ButtonGroup.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _Stack = require("../Stack");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+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); }
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  divider,
+  variant,
+  ...props
+}, ref) => {
+  const {
+    space,
+    direction,
+    size,
+    colorScheme,
+    isDisabled,
+    isAttached,
+    ...newProps
+  } = (0, _useThemeProps.usePropsResolution)('ButtonGroup', props);
+  const {
+    borderRadius
+  } = (0, _useThemeProps.usePropsResolution)('Button', props);
+  let computedChildren;
+
+  if (Array.isArray(children)) {
+    computedChildren = _react.default.Children.toArray(children).map((child, index) => {
+      if (typeof child === 'string' || typeof child === 'number') return child;
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        key: "button-group-child-".concat(index),
+        variant,
+        size,
+        colorScheme,
+        isDisabled,
+        // when buttons are attached, remove rounded corners of all buttons except extreme buttons
+        ...(isAttached ? {
+          borderRadius: 0
+        } : {}),
+        ...(isAttached && index === 0 ? direction === 'column' ? {
+          borderTopRadius: borderRadius
+        } : {
+          borderLeftRadius: borderRadius
+        } : {}),
+        ...(isAttached && index === (children === null || children === void 0 ? void 0 : children.length) - 1 ? direction === 'column' ? {
+          borderBottomRadius: borderRadius
+        } : {
+          borderRightRadius: borderRadius
+        } : {}),
+        //when buttons are attached, remove double border from them, just keep borderRight in case for direction row and borderBottom in case of direction column for every component
+        ...(isAttached && index !== 0 ? direction === 'column' ? {
+          borderTopWidth: 0
+        } : {
+          borderLeftWidth: 0
+        } : {}),
+        ...child.props
+      });
+    });
+  } else {
+    computedChildren = _react.default.Children.toArray(children).map((child, index) => {
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        key: "button-group-child-".concat(index),
+        variant,
+        size,
+        colorScheme,
+        isDisabled,
+        ...child.props
+      });
+    });
+  } //TODO: refactor for responsive prop
+
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Stack.Stack, _extends({
+    divider: divider,
+    space: isAttached ? 0 : space,
+    direction: direction
+  }, newProps, {
+    ref: ref
+  }), computedChildren);
+}));
+
+exports.default = _default;
+//# sourceMappingURL=ButtonGroup.js.map

package/lib/commonjs/components/primitives/Button/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ButtonGroup.tsx"],"names":["children","divider","variant","props","ref","space","direction","size","colorScheme","isDisabled","isAttached","newProps","borderRadius","computedChildren","Array","isArray","React","Children","toArray","map","child","index","cloneElement","key","borderTopRadius","borderLeftRadius","length","borderBottomRadius","borderRightRadius","borderTopWidth","borderLeftWidth"],"mappings":"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","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport type { IButtonGroupProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { Stack } from '../Stack';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nexport default memo(\r\n  forwardRef(\r\n    (\r\n      { children, divider, variant, ...props }: IButtonGroupProps,\r\n      ref?: any\r\n    ) => {\r\n      const {\r\n        space,\r\n        direction,\r\n\r\n        size,\r\n        colorScheme,\r\n        isDisabled,\r\n        isAttached,\r\n        ...newProps\r\n      } = usePropsResolution('ButtonGroup', props);\r\n\r\n      const { borderRadius } = usePropsResolution('Button', props);\r\n      let computedChildren;\r\n\r\n      if (Array.isArray(children)) {\r\n        computedChildren = React.Children.toArray(children).map(\r\n          (child: any, index: number) => {\r\n            if (typeof child === 'string' || typeof child === 'number')\r\n              return child;\r\n            return React.cloneElement(child, {\r\n              key: `button-group-child-${index}`,\r\n              variant,\r\n              size,\r\n              colorScheme,\r\n              isDisabled,\r\n\r\n              // when buttons are attached, remove rounded corners of all buttons except extreme buttons\r\n              ...(isAttached ? { borderRadius: 0 } : {}),\r\n              ...(isAttached && index === 0\r\n                ? direction === 'column'\r\n                  ? { borderTopRadius: borderRadius }\r\n                  : { borderLeftRadius: borderRadius }\r\n                : {}),\r\n              ...(isAttached && index === children?.length - 1\r\n                ? direction === 'column'\r\n                  ? { borderBottomRadius: borderRadius }\r\n                  : { borderRightRadius: borderRadius }\r\n                : {}),\r\n\r\n              //when buttons are attached, remove double border from them, just keep borderRight in case for direction row and borderBottom in case of direction column for every component\r\n              ...(isAttached && index !== 0\r\n                ? direction === 'column'\r\n                  ? { borderTopWidth: 0 }\r\n                  : { borderLeftWidth: 0 }\r\n                : {}),\r\n              ...child.props,\r\n            });\r\n          }\r\n        );\r\n      } else {\r\n        computedChildren = React.Children.toArray(children).map(\r\n          (child: any, index: number) => {\r\n            return React.cloneElement(child, {\r\n              key: `button-group-child-${index}`,\r\n              variant,\r\n              size,\r\n              colorScheme,\r\n              isDisabled,\r\n              ...child.props,\r\n            });\r\n          }\r\n        );\r\n      }\r\n      //TODO: refactor for responsive prop\r\n      if (useHasResponsiveProps(props)) {\r\n        return null;\r\n      }\r\n      return (\r\n        <Stack\r\n          divider={divider}\r\n          space={isAttached ? 0 : space}\r\n          direction={direction}\r\n          {...newProps}\r\n          ref={ref}\r\n        >\r\n          {computedChildren}\r\n        </Stack>\r\n      );\r\n    }\r\n  )\r\n);\r\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["ButtonTemp","ButtonMain","Group","ButtonGroup","Button"],"mappings":";;;;;;;AAAA;;AACA;;;;AAGA,MAAMA,UAAe,GAAGC,eAAxB;AACAD,UAAU,CAACE,KAAX,GAAmBC,oBAAnB,C,CAEA;;AACA,MAAMC,MAAM,GAAGJ,UAAf","sourcesContent":["import ButtonMain from './Button';\r\nimport ButtonGroup from './ButtonGroup';\r\nimport type { IButtonComponentType } from './types';\r\n\r\nconst ButtonTemp: any = ButtonMain;\r\nButtonTemp.Group = ButtonGroup;\r\n\r\n// To add typings\r\nconst Button = ButtonTemp as IButtonComponentType;\r\n\r\nexport { Button };\r\nexport type { IButtonGroupProps, IButtonProps } from './types';\r\n"]}

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

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

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

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

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

@@ -0,0 +1,197 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _stableHash = _interopRequireDefault(require("stable-hash"));
+
+var _Pressable = require("../Pressable");
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _Center = require("../../composites/Center");
+
+var _FormControl = require("../../composites/FormControl");
+
+var _Box = _interopRequireDefault(require("../Box"));
+
+var _utils = require("./../../../utils");
+
+var _toggle = require("@react-stately/toggle");
+
+var _CheckboxGroup = require("./CheckboxGroup");
+
+var _checkbox = require("@react-native-aria/checkbox");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+var _utils2 = require("../../../utils");
+
+var _utils3 = require("../../../theme/tools/utils");
+
+var _Pressable2 = require("../../primitives/Pressable/Pressable");
+
+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,
+  isPressed: isPressedProp,
+  isFocused: isFocusedProp,
+  ...props
+}, ref) => {
+  const formControlContext = (0, _FormControl.useFormControlContext)();
+  const {
+    isInvalid,
+    isReadOnly,
+    isIndeterminate,
+    ...combinedProps
+  } = (0, _utils2.combineContextAndProps)(formControlContext, props);
+  const checkboxGroupContext = (0, _react.useContext)(_CheckboxGroup.CheckboxGroupContext);
+  const state = (0, _toggle.useToggleState)({ ...combinedProps,
+    defaultSelected: combinedProps.defaultIsChecked,
+    isSelected: combinedProps.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, checkboxGroupContext.state, //@ts-ignore
+  mergedRef) : // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _checkbox.useCheckbox)(combinedProps, state, //@ts-ignore
+  mergedRef); // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  const inputProps = _react.default.useMemo(() => groupItemInputProps, [groupItemInputProps.checked, groupItemInputProps.disabled]);
+
+  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, {
+    inputProps: inputProps,
+    combinedProps: contextCombinedProps,
+    isInvalid: isInvalid,
+    isReadOnly: isReadOnly,
+    isIndeterminate: isIndeterminate,
+    isHovered: isHoveredProp,
+    isPressed: isPressedProp,
+    isFocused: isFocusedProp,
+    wrapperRef: wrapperRef
+  });
+};
+
+const CheckboxComponent = /*#__PURE__*/_react.default.memo(({
+  wrapperRef,
+  inputProps,
+  combinedProps,
+  isInvalid,
+  isReadOnly,
+  isIndeterminate,
+  isHovered: isHoveredProp,
+  isPressed: isPressedProp,
+  isFocused: isFocusedProp
+}) => {
+  const _ref = _react.default.useRef();
+
+  const {
+    hoverProps,
+    isHovered
+  } = (0, _Pressable2.useHover)();
+  const {
+    pressableProps,
+    isPressed
+  } = (0, _Pressable2.useIsPressed)();
+  const {
+    focusProps,
+    isFocused
+  } = (0, _Pressable2.useFocus)();
+  const {
+    checked: isChecked,
+    disabled: isDisabled
+  } = inputProps;
+  const {
+    icon,
+    _interactionBox,
+    _icon,
+    _stack,
+    _text,
+    onPress,
+    onPressIn,
+    onPressOut,
+    onHoverIn,
+    onHoverOut,
+    onFocus,
+    onBlur,
+    ...resolvedProps
+  } = (0, _useThemeProps.usePropsResolution)('Checkbox', { ...combinedProps,
+    ...inputProps
+  }, {
+    isInvalid,
+    isReadOnly,
+    isIndeterminate,
+    isDisabled,
+    isChecked,
+    isHovered: isHoveredProp || isHovered,
+    isPressed: isPressedProp || isPressed,
+    isFocused: isFocusedProp || isFocused
+  });
+  const [layoutProps, nonLayoutProps] = (0, _utils3.extractInObject)(resolvedProps, [..._utils3.stylingProps.margin, ..._utils3.stylingProps.layout, ..._utils3.stylingProps.flexbox, ..._utils3.stylingProps.position, '_text']);
+  const [accessibilityProps, nonAccessibilityProps] = (0, _utils3.extractInObject)(nonLayoutProps, ['accessibilityRole', 'accessibilityState', 'accessibilityLabel', 'accessibilityHint']); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(resolvedProps)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Pressable.Pressable, _extends({
+    disabled: isDisabled
+  }, pressableProps, accessibilityProps, {
+    onPress: onPress,
+    ref: (0, _utils.mergeRefs)([_ref, wrapperRef]),
+    accessibilityRole: "checkbox",
+    onPressIn: (0, _utils2.composeEventHandlers)(onPressIn, pressableProps.onPressIn),
+    onPressOut: (0, _utils2.composeEventHandlers)(onPressOut, pressableProps.onPressOut) // @ts-ignore - web only
+    ,
+    onHoverIn: (0, _utils2.composeEventHandlers)(onHoverIn, hoverProps.onHoverIn) // @ts-ignore - web only
+    ,
+    onHoverOut: (0, _utils2.composeEventHandlers)(onHoverOut, hoverProps.onHoverOut) // @ts-ignore - web only
+    ,
+    onFocus: (0, _utils2.composeEventHandlers)((0, _utils2.composeEventHandlers)(onFocus, focusProps.onFocus) // focusRingProps.onFocu
+    ) // @ts-ignore - web only
+    ,
+    onBlur: (0, _utils2.composeEventHandlers)((0, _utils2.composeEventHandlers)(onBlur, focusProps.onBlur) // focusRingProps.onBlur
+    )
+  }), /*#__PURE__*/_react.default.createElement(_Stack.Stack, _extends({}, layoutProps, _stack), /*#__PURE__*/_react.default.createElement(_Center.Center, null, /*#__PURE__*/_react.default.createElement(_Box.default, _interactionBox), /*#__PURE__*/_react.default.createElement(_Center.Center, nonAccessibilityProps, /*#__PURE__*/_react.default.createElement(_SizedIcon.default, {
+    icon: icon,
+    _icon: _icon,
+    isChecked: isChecked
+  }))), (0, _wrapStringChild.wrapStringChild)(combinedProps.children, _text)));
+});
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(Checkbox));
+
+exports.default = _default;
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Checkbox.tsx"],"names":["Checkbox","wrapperRef","isHovered","isHoveredProp","isPressed","isPressedProp","isFocused","isFocusedProp","props","ref","formControlContext","isInvalid","isReadOnly","isIndeterminate","combinedProps","checkboxGroupContext","CheckboxGroupContext","state","defaultSelected","defaultIsChecked","isSelected","isChecked","_ref","React","useRef","mergedRef","inputProps","groupItemInputProps","useMemo","checked","disabled","contextCombinedProps","CheckboxComponent","memo","hoverProps","pressableProps","focusProps","isDisabled","icon","_interactionBox","_icon","_stack","_text","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","resolvedProps","layoutProps","nonLayoutProps","stylingProps","margin","layout","flexbox","position","accessibilityProps","nonAccessibilityProps","children"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,QAAQ,GAAG,CACf;AACEC,EAAAA,UADF;AAEEC,EAAAA,SAAS,EAAEC,aAFb;AAGEC,EAAAA,SAAS,EAAEC,aAHb;AAIEC,EAAAA,SAAS,EAAEC,aAJb;AAKE,KAAGC;AALL,CADe,EAQfC,GARe,KASZ;AACH,QAAMC,kBAAkB,GAAG,yCAA3B;AAEA,QAAM;AACJC,IAAAA,SADI;AAEJC,IAAAA,UAFI;AAGJC,IAAAA,eAHI;AAIJ,OAAGC;AAJC,MAKF,oCAAuBJ,kBAAvB,EAA2CF,KAA3C,CALJ;AAOA,QAAMO,oBAAoB,GAAG,uBAAWC,mCAAX,CAA7B;AACA,QAAMC,KAAK,GAAG,4BAAe,EAC3B,GAAGH,aADwB;AAE3BI,IAAAA,eAAe,EAAEJ,aAAa,CAACK,gBAFJ;AAG3BC,IAAAA,UAAU,EAAEN,aAAa,CAACO;AAHC,GAAf,CAAd;;AAKA,QAAMC,IAAI,GAAGC,eAAMC,MAAN,EAAb;;AACA,QAAMC,SAAS,GAAG,sBAAU,CAAChB,GAAD,EAAMa,IAAN,CAAV,CAAlB,CAjBG,CAmBH;AACA;AACA;;AACA,QAAM;AAAEI,IAAAA,UAAU,EAAEC;AAAd,MAAsCZ,oBAAoB,GAC5D;AACA,sCACED,aADF,EAEEC,oBAAoB,CAACE,KAFvB,EAGE;AACAQ,EAAAA,SAJF,CAF4D,GAQ5D;AACA,6BACEX,aADF,EAEEG,KAFF,EAGE;AACAQ,EAAAA,SAJF,CATJ,CAtBG,CAsCH;;AACA,QAAMC,UAAU,GAAGH,eAAMK,OAAN,CAAc,MAAMD,mBAApB,EAAyC,CAC1DA,mBAAmB,CAACE,OADsC,EAE1DF,mBAAmB,CAACG,QAFsC,CAAzC,CAAnB;;AAKA,QAAMC,oBAAoB,GAAGR,eAAMK,OAAN,CAAc,MAAM;AAC/C,WAAO,EAAE,GAAGb,oBAAL;AAA2B,SAAGD;AAA9B,KAAP,CAD+C,CAE/C;AACD,GAH4B,EAG1B,CAAC,yBAAWA,aAAX,CAAD,CAH0B,CAA7B;;AAKA,sBACE,6BAAC,iBAAD;AACE,IAAA,UAAU,EAAEY,UADd;AAEE,IAAA,aAAa,EAAEK,oBAFjB;AAGE,IAAA,SAAS,EAAEpB,SAHb;AAIE,IAAA,UAAU,EAAEC,UAJd;AAKE,IAAA,eAAe,EAAEC,eALnB;AAME,IAAA,SAAS,EAAEV,aANb;AAOE,IAAA,SAAS,EAAEE,aAPb;AAQE,IAAA,SAAS,EAAEE,aARb;AASE,IAAA,UAAU,EAAEN;AATd,IADF;AAaD,CAvED;;AAwEA,MAAM+B,iBAAiB,gBAAGT,eAAMU,IAAN,CACxB,CAAC;AACChC,EAAAA,UADD;AAECyB,EAAAA,UAFD;AAGCZ,EAAAA,aAHD;AAICH,EAAAA,SAJD;AAKCC,EAAAA,UALD;AAMCC,EAAAA,eAND;AAOCX,EAAAA,SAAS,EAAEC,aAPZ;AAQCC,EAAAA,SAAS,EAAEC,aARZ;AASCC,EAAAA,SAAS,EAAEC;AATZ,CAAD,KAUW;AACT,QAAMe,IAAI,GAAGC,eAAMC,MAAN,EAAb;;AACA,QAAM;AAAEU,IAAAA,UAAF;AAAchC,IAAAA;AAAd,MAA4B,2BAAlC;AACA,QAAM;AAAEiC,IAAAA,cAAF;AAAkB/B,IAAAA;AAAlB,MAAgC,+BAAtC;AACA,QAAM;AAAEgC,IAAAA,UAAF;AAAc9B,IAAAA;AAAd,MAA4B,2BAAlC;AAEA,QAAM;AAAEuB,IAAAA,OAAO,EAAER,SAAX;AAAsBS,IAAAA,QAAQ,EAAEO;AAAhC,MAA+CX,UAArD;AAEA,QAAM;AACJY,IAAAA,IADI;AAEJC,IAAAA,eAFI;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,MAJI;AAKJC,IAAAA,KALI;AAMJC,IAAAA,OANI;AAOJC,IAAAA,SAPI;AAQJC,IAAAA,UARI;AASJC,IAAAA,SATI;AAUJC,IAAAA,UAVI;AAWJC,IAAAA,OAXI;AAYJC,IAAAA,MAZI;AAaJ,OAAGC;AAbC,MAcF,uCACF,UADE,EAEF,EAAE,GAAGpC,aAAL;AAAoB,OAAGY;AAAvB,GAFE,EAGF;AACEf,IAAAA,SADF;AAEEC,IAAAA,UAFF;AAGEC,IAAAA,eAHF;AAIEwB,IAAAA,UAJF;AAKEhB,IAAAA,SALF;AAMEnB,IAAAA,SAAS,EAAEC,aAAa,IAAID,SAN9B;AAOEE,IAAAA,SAAS,EAAEC,aAAa,IAAID,SAP9B;AAQEE,IAAAA,SAAS,EAAEC,aAAa,IAAID;AAR9B,GAHE,CAdJ;AA6BA,QAAM,CAAC6C,WAAD,EAAcC,cAAd,IAAgC,6BAAgBF,aAAhB,EAA+B,CACnE,GAAGG,qBAAaC,MADmD,EAEnE,GAAGD,qBAAaE,MAFmD,EAGnE,GAAGF,qBAAaG,OAHmD,EAInE,GAAGH,qBAAaI,QAJmD,EAKnE,OALmE,CAA/B,CAAtC;AAQA,QAAM,CACJC,kBADI,EAEJC,qBAFI,IAGF,6BAAgBP,cAAhB,EAAgC,CAClC,mBADkC,EAElC,oBAFkC,EAGlC,oBAHkC,EAIlC,mBAJkC,CAAhC,CAHJ,CA7CS,CAuDT;;AACA,MAAI,kDAAsBF,aAAtB,CAAJ,EAA0C;AACxC,WAAO,IAAP;AACD;;AAED,sBACE,6BAAC,oBAAD;AACE,IAAA,QAAQ,EAAEb;AADZ,KAEOF,cAFP,EAGMuB,kBAHN;AAIE,IAAA,OAAO,EAAEf,OAJX;AAKE,IAAA,GAAG,EAAE,sBAAU,CAACrB,IAAD,EAAOrB,UAAP,CAAV,CALP;AAME,IAAA,iBAAiB,EAAC,UANpB;AAOE,IAAA,SAAS,EAAE,kCAAqB2C,SAArB,EAAgCT,cAAc,CAACS,SAA/C,CAPb;AAQE,IAAA,UAAU,EAAE,kCAAqBC,UAArB,EAAiCV,cAAc,CAACU,UAAhD,CARd,CASE;AATF;AAUE,IAAA,SAAS,EAAE,kCAAqBC,SAArB,EAAgCZ,UAAU,CAACY,SAA3C,CAVb,CAWE;AAXF;AAYE,IAAA,UAAU,EAAE,kCAAqBC,UAArB,EAAiCb,UAAU,CAACa,UAA5C,CAZd,CAaE;AAbF;AAcE,IAAA,OAAO,EAAE,kCACP,kCAAqBC,OAArB,EAA8BZ,UAAU,CAACY,OAAzC,CADO,CAEP;AAFO,KAdX,CAkBE;AAlBF;AAmBE,IAAA,MAAM,EAAE,kCACN,kCAAqBC,MAArB,EAA6Bb,UAAU,CAACa,MAAxC,CADM,CAEN;AAFM;AAnBV,mBAwBE,6BAAC,YAAD,eAAWE,WAAX,EAA4BV,MAA5B,gBACE,6BAAC,cAAD,qBAEE,6BAAC,YAAD,EAASF,eAAT,CAFF,eAIE,6BAAC,cAAD,EAAYoB,qBAAZ,eACE,6BAAC,kBAAD;AAAW,IAAA,IAAI,EAAErB,IAAjB;AAAuB,IAAA,KAAK,EAAEE,KAA9B;AAAqC,IAAA,SAAS,EAAEnB;AAAhD,IADF,CAJF,CADF,EAUG,sCAAgBP,aAAa,CAAC8C,QAA9B,EAAwClB,KAAxC,CAVH,CAxBF,CADF;AAuCD,CA9GuB,CAA1B;;4BAiHe,+BAAK,uBAAW1C,QAAX,CAAL,C","sourcesContent":["import React, { useContext, memo, forwardRef } from 'react';\r\n//@ts-ignore\r\nimport stableHash from 'stable-hash';\r\nimport { Pressable, IPressableProps } from '../Pressable';\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 { mergeRefs } from './../../../utils';\r\nimport type { ICheckboxProps } from './types';\r\nimport { useToggleState } from '@react-stately/toggle';\r\nimport { CheckboxGroupContext } from './CheckboxGroup';\r\nimport { useCheckbox, useCheckboxGroupItem } from '@react-native-aria/checkbox';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { composeEventHandlers, combineContextAndProps } from '../../../utils';\r\nimport { extractInObject, stylingProps } from '../../../theme/tools/utils';\r\nimport {\r\n  useHover,\r\n  useFocus,\r\n  useIsPressed,\r\n} from '../../primitives/Pressable/Pressable';\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    isPressed: isPressedProp,\r\n    isFocused: isFocusedProp,\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 = useContext(CheckboxGroupContext);\r\n  const state = useToggleState({\r\n    ...combinedProps,\r\n    defaultSelected: combinedProps.defaultIsChecked,\r\n    isSelected: combinedProps.isChecked,\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        combinedProps,\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        combinedProps,\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  ]);\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      inputProps={inputProps}\r\n      combinedProps={contextCombinedProps}\r\n      isInvalid={isInvalid}\r\n      isReadOnly={isReadOnly}\r\n      isIndeterminate={isIndeterminate}\r\n      isHovered={isHoveredProp}\r\n      isPressed={isPressedProp}\r\n      isFocused={isFocusedProp}\r\n      wrapperRef={wrapperRef}\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    isHovered: isHoveredProp,\r\n    isPressed: isPressedProp,\r\n    isFocused: isFocusedProp,\r\n  }: any) => {\r\n    const _ref = React.useRef();\r\n    const { hoverProps, isHovered } = useHover();\r\n    const { pressableProps, isPressed } = useIsPressed();\r\n    const { focusProps, isFocused } = useFocus();\r\n\r\n    const { checked: isChecked, disabled: isDisabled } = inputProps;\r\n\r\n    const {\r\n      icon,\r\n      _interactionBox,\r\n      _icon,\r\n      _stack,\r\n      _text,\r\n      onPress,\r\n      onPressIn,\r\n      onPressOut,\r\n      onHoverIn,\r\n      onHoverOut,\r\n      onFocus,\r\n      onBlur,\r\n      ...resolvedProps\r\n    } = usePropsResolution(\r\n      'Checkbox',\r\n      { ...combinedProps, ...inputProps },\r\n      {\r\n        isInvalid,\r\n        isReadOnly,\r\n        isIndeterminate,\r\n        isDisabled,\r\n        isChecked,\r\n        isHovered: isHoveredProp || isHovered,\r\n        isPressed: isPressedProp || isPressed,\r\n        isFocused: isFocusedProp || isFocused,\r\n      }\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\r\n    const [\r\n      accessibilityProps,\r\n      nonAccessibilityProps,\r\n    ] = extractInObject(nonLayoutProps, [\r\n      'accessibilityRole',\r\n      'accessibilityState',\r\n      'accessibilityLabel',\r\n      'accessibilityHint',\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      <Pressable\r\n        disabled={isDisabled}\r\n        {...(pressableProps as IPressableProps)}\r\n        {...accessibilityProps}\r\n        onPress={onPress}\r\n        ref={mergeRefs([_ref, wrapperRef])}\r\n        accessibilityRole=\"checkbox\"\r\n        onPressIn={composeEventHandlers(onPressIn, pressableProps.onPressIn)}\r\n        onPressOut={composeEventHandlers(onPressOut, pressableProps.onPressOut)}\r\n        // @ts-ignore - web only\r\n        onHoverIn={composeEventHandlers(onHoverIn, hoverProps.onHoverIn)}\r\n        // @ts-ignore - web only\r\n        onHoverOut={composeEventHandlers(onHoverOut, hoverProps.onHoverOut)}\r\n        // @ts-ignore - web only\r\n        onFocus={composeEventHandlers(\r\n          composeEventHandlers(onFocus, focusProps.onFocus)\r\n          // focusRingProps.onFocu\r\n        )}\r\n        // @ts-ignore - web only\r\n        onBlur={composeEventHandlers(\r\n          composeEventHandlers(onBlur, focusProps.onBlur)\r\n          // focusRingProps.onBlur\r\n        )}\r\n      >\r\n        <Stack {...layoutProps} {..._stack}>\r\n          <Center>\r\n            {/* Interaction Wrapper */}\r\n            <Box {..._interactionBox} />\r\n            {/* Checkbox */}\r\n            <Center {...nonAccessibilityProps}>\r\n              <SizedIcon icon={icon} _icon={_icon} isChecked={isChecked} />\r\n            </Center>\r\n          </Center>\r\n          {/* Label */}\r\n          {wrapStringChild(combinedProps.children, _text)}\r\n        </Stack>\r\n      </Pressable>\r\n    );\r\n  }\r\n);\r\n\r\nexport default memo(forwardRef(Checkbox));\r\n"]}