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

package/lib/commonjs/components/composites/FormControl/test/FormControl.test.js

@@ -1,19 +1,12 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _index = require("../index");
-
 var _reactNative = require("react-native");
-
 var _reactNative2 = require("@testing-library/react-native");
-
 var _testUtils = require("../../../../utils/test-utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const Input = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const inputProps = (0, _index.useFormControl)(props);
   return (
@@ -24,11 +17,10 @@ const Input = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     }, inputProps))
   );
 });
-
 it('a11y test in when required', async () => {
   let {
     getByPlaceholderText
-  } = (0, _reactNative2.render)( /*#__PURE__*/_react.default.createElement(_testUtils.Wrapper, null, /*#__PURE__*/_react.default.createElement(_index.FormControl, {
+  } = (0, _reactNative2.render)(/*#__PURE__*/_react.default.createElement(_testUtils.Wrapper, null, /*#__PURE__*/_react.default.createElement(_index.FormControl, {
     nativeID: "name",
     isRequired: true
   }, /*#__PURE__*/_react.default.createElement(_index.FormControl.Label, null, "Name"), /*#__PURE__*/_react.default.createElement(Input, {
@@ -41,7 +33,7 @@ it('a11y test in when required', async () => {
 it('a11y test in when invalid', async () => {
   let {
     getByPlaceholderText
-  } = (0, _reactNative2.render)( /*#__PURE__*/_react.default.createElement(_testUtils.Wrapper, null, /*#__PURE__*/_react.default.createElement(_index.FormControl, {
+  } = (0, _reactNative2.render)(/*#__PURE__*/_react.default.createElement(_testUtils.Wrapper, null, /*#__PURE__*/_react.default.createElement(_index.FormControl, {
     nativeID: "name",
     isInvalid: true
   }, /*#__PURE__*/_react.default.createElement(_index.FormControl.Label, null, "Name"), /*#__PURE__*/_react.default.createElement(Input, {
@@ -53,7 +45,7 @@ it('a11y test in when invalid', async () => {
 it('a11y test in when readOnly', async () => {
   let {
     getByPlaceholderText
-  } = (0, _reactNative2.render)( /*#__PURE__*/_react.default.createElement(_testUtils.Wrapper, null, /*#__PURE__*/_react.default.createElement(_index.FormControl, {
+  } = (0, _reactNative2.render)(/*#__PURE__*/_react.default.createElement(_testUtils.Wrapper, null, /*#__PURE__*/_react.default.createElement(_index.FormControl, {
     nativeID: "name",
     isReadOnly: true
   }, /*#__PURE__*/_react.default.createElement(_index.FormControl.Label, null, "Name"), /*#__PURE__*/_react.default.createElement(Input, {
@@ -66,7 +58,7 @@ it('a11y test in when readOnly', async () => {
 it('a11y test in when disabled', async () => {
   let {
     getByPlaceholderText
-  } = (0, _reactNative2.render)( /*#__PURE__*/_react.default.createElement(_testUtils.Wrapper, null, /*#__PURE__*/_react.default.createElement(_index.FormControl, {
+  } = (0, _reactNative2.render)(/*#__PURE__*/_react.default.createElement(_testUtils.Wrapper, null, /*#__PURE__*/_react.default.createElement(_index.FormControl, {
     nativeID: "name",
     isDisabled: true
   }, /*#__PURE__*/_react.default.createElement(_index.FormControl.Label, null, "Name"), /*#__PURE__*/_react.default.createElement(Input, {
@@ -78,7 +70,7 @@ it('a11y test in when disabled', async () => {
 it('a11y test when helper text is present', async () => {
   let {
     getByPlaceholderText
-  } = (0, _reactNative2.render)( /*#__PURE__*/_react.default.createElement(_testUtils.Wrapper, null, /*#__PURE__*/_react.default.createElement(_index.FormControl, {
+  } = (0, _reactNative2.render)(/*#__PURE__*/_react.default.createElement(_testUtils.Wrapper, null, /*#__PURE__*/_react.default.createElement(_index.FormControl, {
     nativeID: "name",
     isDisabled: true
   }, /*#__PURE__*/_react.default.createElement(_index.FormControl.Label, null, "Name"), /*#__PURE__*/_react.default.createElement(Input, {
@@ -95,7 +87,7 @@ it('sets htmlFor of FormLabel ref to nativeID of Input', async () => {
   const inputID = 'name';
   let {
     getByPlaceholderText
-  } = (0, _reactNative2.render)( /*#__PURE__*/_react.default.createElement(_testUtils.Wrapper, null, /*#__PURE__*/_react.default.createElement(_index.FormControl, {
+  } = (0, _reactNative2.render)(/*#__PURE__*/_react.default.createElement(_testUtils.Wrapper, null, /*#__PURE__*/_react.default.createElement(_index.FormControl, {
     nativeID: inputID,
     isInvalid: true
   }, /*#__PURE__*/_react.default.createElement(_index.FormControl.Label, {
@@ -104,8 +96,8 @@ it('sets htmlFor of FormLabel ref to nativeID of Input', async () => {
   }, "Name"), /*#__PURE__*/_react.default.createElement(Input, {
     placeholder: "Name"
   }), /*#__PURE__*/_react.default.createElement(_index.FormControl.HelperText, null, "Enter your name please!"), /*#__PURE__*/_react.default.createElement(_index.FormControl.ErrorMessage, null, "Your name is invalid"))));
-  const textInput = getByPlaceholderText('Name'); //@ts-ignore
-
+  const textInput = getByPlaceholderText('Name');
+  //@ts-ignore
   expect(textInput.props.nativeID).toBe(ref.htmlFor);
 });
 //# sourceMappingURL=FormControl.test.js.map

package/lib/commonjs/components/composites/FormControl/test/FormControl.test.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FormControl.test.tsx"],"names":["Input","React","forwardRef","props","ref","inputProps","it","getByPlaceholderText","textInput","expect","accessibilityRequired","toBe","required","accessibilityInvalid","accessibilityReadOnly","readOnly","disabled","accessibilityDescribedBy","toBeUndefined","inputID","_ref","nativeID","htmlFor"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { FormControl, useFormControl } from '../index';\r\nimport { TextInput } from 'react-native';\r\nimport { render } from '@testing-library/react-native';\r\nimport { Wrapper } from '../../../../utils/test-utils';\r\n\r\nconst Input = React.forwardRef((props: any, ref: any) => {\r\n  const inputProps = useFormControl(props);\r\n  return (\r\n    //@ts-ignore\r\n    <TextInput ref={ref} {...inputProps} />\r\n  );\r\n});\r\n\r\nit('a11y test in when required', async () => {\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID=\"name\" isRequired>\r\n        <FormControl.Label>Name</FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n        <FormControl.ErrorMessage>\r\n          Your name is invalid\r\n        </FormControl.ErrorMessage>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  expect(textInput.props.accessibilityRequired).toBe(true);\r\n  expect(textInput.props.required).toBe(true);\r\n});\r\n\r\nit('a11y test in when invalid', async () => {\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID=\"name\" isInvalid>\r\n        <FormControl.Label>Name</FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n        <FormControl.ErrorMessage>\r\n          Your name is invalid\r\n        </FormControl.ErrorMessage>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  expect(textInput.props.accessibilityInvalid).toBe(true);\r\n});\r\n\r\nit('a11y test in when readOnly', async () => {\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID=\"name\" isReadOnly>\r\n        <FormControl.Label>Name</FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n        <FormControl.ErrorMessage>\r\n          Your name is invalid\r\n        </FormControl.ErrorMessage>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  expect(textInput.props.accessibilityReadOnly).toBe(true);\r\n  expect(textInput.props.readOnly).toBe(true);\r\n});\r\n\r\nit('a11y test in when disabled', async () => {\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID=\"name\" isDisabled>\r\n        <FormControl.Label>Name</FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n        <FormControl.ErrorMessage>\r\n          Your name is invalid\r\n        </FormControl.ErrorMessage>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  expect(textInput.props.disabled).toBe(true);\r\n});\r\n\r\nit('a11y test when helper text is present', async () => {\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID=\"name\" isDisabled>\r\n        <FormControl.Label>Name</FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  expect(textInput.props.accessibilityDescribedBy).toBe('name-helptext');\r\n  expect(textInput.props.accessibilityReadOnly).toBeUndefined();\r\n  expect(textInput.props.accessibilityInvalid).toBeUndefined();\r\n  expect(textInput.props.accessibilityRequired).toBeUndefined();\r\n});\r\n\r\nit('sets htmlFor of FormLabel ref to nativeID of Input', async () => {\r\n  let ref: HTMLLabelElement;\r\n  const inputID = 'name';\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID={inputID} isInvalid>\r\n        <FormControl.Label\r\n          //@ts-ignore\r\n          ref={(_ref) => (ref = _ref)}\r\n        >\r\n          Name\r\n        </FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n        <FormControl.ErrorMessage>\r\n          Your name is invalid\r\n        </FormControl.ErrorMessage>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  //@ts-ignore\r\n  expect(textInput.props.nativeID).toBe(ref.htmlFor);\r\n});\r\n"]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_index","_reactNative","_reactNative2","_testUtils","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Input","React","forwardRef","props","ref","inputProps","useFormControl","createElement","TextInput","it","getByPlaceholderText","render","Wrapper","FormControl","nativeID","isRequired","Label","placeholder","HelperText","ErrorMessage","textInput","expect","accessibilityRequired","toBe","required","isInvalid","accessibilityInvalid","isReadOnly","accessibilityReadOnly","readOnly","isDisabled","disabled","accessibilityDescribedBy","toBeUndefined","inputID","_ref","htmlFor"],"sources":["FormControl.test.tsx"],"sourcesContent":["import React from 'react';\r\nimport { FormControl, useFormControl } from '../index';\r\nimport { TextInput } from 'react-native';\r\nimport { render } from '@testing-library/react-native';\r\nimport { Wrapper } from '../../../../utils/test-utils';\r\n\r\nconst Input = React.forwardRef((props: any, ref: any) => {\r\n  const inputProps = useFormControl(props);\r\n  return (\r\n    //@ts-ignore\r\n    <TextInput ref={ref} {...inputProps} />\r\n  );\r\n});\r\n\r\nit('a11y test in when required', async () => {\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID=\"name\" isRequired>\r\n        <FormControl.Label>Name</FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n        <FormControl.ErrorMessage>\r\n          Your name is invalid\r\n        </FormControl.ErrorMessage>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  expect(textInput.props.accessibilityRequired).toBe(true);\r\n  expect(textInput.props.required).toBe(true);\r\n});\r\n\r\nit('a11y test in when invalid', async () => {\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID=\"name\" isInvalid>\r\n        <FormControl.Label>Name</FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n        <FormControl.ErrorMessage>\r\n          Your name is invalid\r\n        </FormControl.ErrorMessage>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  expect(textInput.props.accessibilityInvalid).toBe(true);\r\n});\r\n\r\nit('a11y test in when readOnly', async () => {\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID=\"name\" isReadOnly>\r\n        <FormControl.Label>Name</FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n        <FormControl.ErrorMessage>\r\n          Your name is invalid\r\n        </FormControl.ErrorMessage>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  expect(textInput.props.accessibilityReadOnly).toBe(true);\r\n  expect(textInput.props.readOnly).toBe(true);\r\n});\r\n\r\nit('a11y test in when disabled', async () => {\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID=\"name\" isDisabled>\r\n        <FormControl.Label>Name</FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n        <FormControl.ErrorMessage>\r\n          Your name is invalid\r\n        </FormControl.ErrorMessage>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  expect(textInput.props.disabled).toBe(true);\r\n});\r\n\r\nit('a11y test when helper text is present', async () => {\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID=\"name\" isDisabled>\r\n        <FormControl.Label>Name</FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  expect(textInput.props.accessibilityDescribedBy).toBe('name-helptext');\r\n  expect(textInput.props.accessibilityReadOnly).toBeUndefined();\r\n  expect(textInput.props.accessibilityInvalid).toBeUndefined();\r\n  expect(textInput.props.accessibilityRequired).toBeUndefined();\r\n});\r\n\r\nit('sets htmlFor of FormLabel ref to nativeID of Input', async () => {\r\n  let ref: HTMLLabelElement;\r\n  const inputID = 'name';\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID={inputID} isInvalid>\r\n        <FormControl.Label\r\n          //@ts-ignore\r\n          ref={(_ref) => (ref = _ref)}\r\n        >\r\n          Name\r\n        </FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n        <FormControl.ErrorMessage>\r\n          Your name is invalid\r\n        </FormControl.ErrorMessage>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  //@ts-ignore\r\n  expect(textInput.props.nativeID).toBe(ref.htmlFor);\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/composites/FormControl/types.js

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.js.map

package/lib/commonjs/components/composites/FormControl/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.tsx"],"sourcesContent":["import type { ITextProps } from '../../primitives';\r\nimport type { CustomProps } from '../../../components/types/utils';\r\nimport type { IBoxProps, IStackProps } from '../../primitives';\r\nimport type { InterfaceBoxProps } from '../../../components/primitives/Box';\r\n\r\nexport interface InterfaceFormControlProps\r\n  extends InterfaceBoxProps<IFormControlProps> {\r\n  /**\r\n   * If provided, this prop is passed to its children.\r\n   */\r\n  nativeID?: string;\r\n  /**\r\n   * If true, this prop is passed to its children.\r\n   */\r\n  isInvalid?: boolean;\r\n  /**\r\n   * If true, this prop is passed to its children.\r\n   */\r\n  isRequired?: boolean;\r\n  /**\r\n   * If true, this prop is passed to its children.\r\n   */\r\n  isDisabled?: boolean;\r\n  /**\r\n   * If true, this prop is passed to its children.\r\n   */\r\n  isReadOnly?: boolean;\r\n}\r\n\r\nexport interface IFormControlLabelProps extends IFormControlProps {\r\n  /**\r\n   * Passed props will be applied on disabled state.\r\n   */\r\n  _disabled?: Partial<IBoxProps<IFormControlLabelProps>>;\r\n  // _focus?: any;\r\n  /**\r\n   * Passed props will be applied on invalid state.\r\n   */\r\n  _invalid?: Partial<IBoxProps<IFormControlLabelProps>>;\r\n  /**\r\n   * Reflects the value of the 'for' content property.\r\n   */\r\n  htmlFor?: string;\r\n  /**\r\n   * Props applied to astrick text\r\n   */\r\n  _astrick?: Partial<ITextProps>;\r\n}\r\nexport interface IFormControlErrorMessageProps extends IFormControlProps {\r\n  /**\r\n   * Passed props will be applied on disabled state.\r\n   */\r\n  _disabled?: Partial<IBoxProps<IFormControlLabelProps>>;\r\n  /**\r\n   * The right icon element to use in the FormControl.ErrorMessage.\r\n   */\r\n  rightIcon?: JSX.Element | Array<JSX.Element>;\r\n  /**\r\n   * The left icon element to use in the FormControl.ErrorMessage.\r\n   */\r\n  leftIcon?: JSX.Element | Array<JSX.Element>;\r\n  /**\r\n   * The start icon element to use in the FormControl.ErrorMessage.\r\n   */\r\n  startIcon?: JSX.Element | Array<JSX.Element>;\r\n  /**\r\n   * The end icon element to use in the FormControl.ErrorMessage.\r\n   */\r\n  endIcon?: JSX.Element | Array<JSX.Element>;\r\n  /**\r\n   * Props to be passed to the HStack used inside of FormControl.ErrorMessage.\r\n   */\r\n  _stack?: Partial<IStackProps>;\r\n}\r\nexport interface IFormControlHelperTextProps extends IFormControlProps {\r\n  /**\r\n   * Passed props will be applied on disabled state.\r\n   */\r\n  _disabled?: Partial<IBoxProps<IFormControlLabelProps>>;\r\n  // _focus?: any;\r\n  /**\r\n   * Passed props will be applied on invalid state.\r\n   */\r\n  _invalid?: Partial<IBoxProps<IFormControlLabelProps>>;\r\n}\r\n\r\nexport type FormControlComponentType = ((\r\n  props: IFormControlProps\r\n) => JSX.Element) & {\r\n  Label: React.MemoExoticComponent<\r\n    (props: IFormControlLabelProps) => JSX.Element\r\n  >;\r\n  ErrorMessage: React.MemoExoticComponent<\r\n    (props: IFormControlErrorMessageProps) => JSX.Element\r\n  >;\r\n  HelperText: React.MemoExoticComponent<\r\n    (props: IFormControlHelperTextProps) => JSX.Element\r\n  >;\r\n};\r\n\r\nexport type IFormControlProps = InterfaceFormControlProps &\r\n  CustomProps<'FormControl'>;\r\n"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/composites/FormControl/useFormControl.js

@@ -3,28 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useFormControlProvider = useFormControlProvider;
+exports.FormControlContext = void 0;
 exports.useFormControl = useFormControl;
-exports.useFormControlContext = exports.FormControlContext = void 0;
-
+exports.useFormControlContext = void 0;
+exports.useFormControlProvider = useFormControlProvider;
 var _react = _interopRequireDefault(require("react"));
-
 var _utils = require("@react-native-aria/utils");
-
 var _lodash = _interopRequireDefault(require("lodash.omit"));
-
 var _utils2 = require("../../../utils");
-
 var _ResponsiveQueryProvider = require("../../../utils/useResponsiveQuery/ResponsiveQueryProvider");
-
 var _lodash2 = _interopRequireDefault(require("lodash.uniqueid"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const FormControlContext = /*#__PURE__*/_react.default.createContext({});
-
-exports.FormControlContext = FormControlContext;
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FormControlContext = exports.FormControlContext = /*#__PURE__*/_react.default.createContext({});
 function useFormControlProvider(props) {
   const {
     nativeID: idProp,
@@ -35,38 +25,33 @@ function useFormControlProvider(props) {
     ...htmlProps
   } = props;
   let id = (0, _lodash2.default)();
-
   const responsiveQueryContext = _react.default.useContext(_ResponsiveQueryProvider.ResponsiveQueryContext);
-
   const disableCSSMediaQueries = responsiveQueryContext.disableCSSMediaQueries;
-
   if (!disableCSSMediaQueries) {
     // This if statement technically breaks the rules of hooks, but is safe
     // because the condition never changes after mounting.
     // eslint-disable-next-line react-hooks/rules-of-hooks
     id = (0, _utils.useId)();
-  } // const id = '';
-  // Generate all the required ids
+  }
 
+  // const id = '';
+  // Generate all the required ids
+  const nativeID = idProp || `field-${id}`;
+  const labelId = `${nativeID}-label`;
+  const feedbackId = `${nativeID}-feedback`;
+  const helpTextId = `${nativeID}-helptext`;
 
-  const nativeID = idProp || "field-".concat(id);
-  const labelId = "".concat(nativeID, "-label");
-  const feedbackId = "".concat(nativeID, "-feedback");
-  const helpTextId = "".concat(nativeID, "-helptext");
   /**
    * Track whether the `FormErrorMessage` has been rendered.
    * We use this to append its id the the `aria-describedby` of the `input`.
    */
-
   const [hasFeedbackText, setHasFeedbackText] = _react.default.useState(false);
+
   /**
    * Track whether the `FormHelperText` has been rendered.
    * We use this to append its id the the `aria-describedby` of the `input`.
    */
-
-
   const [hasHelpText, setHasHelpText] = _react.default.useState(false);
-
   const context = {
     isRequired: !!isRequired,
     isInvalid: !!isInvalid,
@@ -84,6 +69,7 @@ function useFormControlProvider(props) {
   };
   return context;
 }
+
 /**
  * React hook that provides the props that should be spread on to
  * input fields (`input`, `select`, `textarea`, etc.).
@@ -91,23 +77,21 @@ function useFormControlProvider(props) {
  * It provides a convenient way to control a form fields, validation
  * and helper text.
  */
-
-
 function useFormControl(props) {
   const field = useFormControlContext();
-  const describedBy = []; // Error message must be described first in all scenarios.
+  const describedBy = [];
 
+  // Error message must be described first in all scenarios.
   if (field !== null && field !== void 0 && field.hasFeedbackText) describedBy.push(field === null || field === void 0 ? void 0 : field.feedbackId);
   if (field !== null && field !== void 0 && field.hasHelpText) describedBy.push(field === null || field === void 0 ? void 0 : field.helpTextId);
   const ariaDescribedBy = describedBy.join(' ');
   const cleanProps = (0, _lodash.default)(props, ['isInvalid', 'isDisabled', 'isReadOnly', 'isRequired']);
   let nativeID = props === null || props === void 0 ? void 0 : props.nativeID;
-
   if (!nativeID && field !== null && field !== void 0 && field.nativeID) {
-    nativeID = "".concat(field === null || field === void 0 ? void 0 : field.nativeID, "-input");
+    nativeID = `${field === null || field === void 0 ? void 0 : field.nativeID}-input`;
   }
-
-  return { ...cleanProps,
+  return {
+    ...cleanProps,
     nativeID: nativeID,
     disabled: props.isDisabled || (field === null || field === void 0 ? void 0 : field.isDisabled),
     readOnly: props.isReadOnly || (field === null || field === void 0 ? void 0 : field.isReadOnly),
@@ -118,10 +102,8 @@ function useFormControl(props) {
     accessibilityDescribedBy: ariaDescribedBy || undefined
   };
 }
-
 const useFormControlContext = () => {
   return _react.default.useContext(FormControlContext);
 };
-
 exports.useFormControlContext = useFormControlContext;
 //# sourceMappingURL=useFormControl.js.map

package/lib/commonjs/components/composites/FormControl/useFormControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useFormControl.tsx"],"names":["FormControlContext","React","createContext","useFormControlProvider","props","nativeID","idProp","isRequired","isInvalid","isDisabled","isReadOnly","htmlProps","id","responsiveQueryContext","useContext","ResponsiveQueryContext","disableCSSMediaQueries","labelId","feedbackId","helpTextId","hasFeedbackText","setHasFeedbackText","useState","hasHelpText","setHasHelpText","context","useFormControl","field","useFormControlContext","describedBy","push","ariaDescribedBy","join","cleanProps","disabled","readOnly","required","accessibilityInvalid","accessibilityRequired","accessibilityReadOnly","accessibilityDescribedBy","undefined"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { useId } from '@react-native-aria/utils';\r\nimport omit from 'lodash.omit';\r\nimport type { IFormControlProps } from './types';\r\nimport { ariaAttr } from '../../../utils';\r\nimport { ResponsiveQueryContext } from '../../../utils/useResponsiveQuery/ResponsiveQueryProvider';\r\nimport uniqueId from 'lodash.uniqueid';\r\n\r\nexport type IFormControlContext = Omit<\r\n  ReturnType<typeof useFormControlProvider>,\r\n  'htmlProps'\r\n>;\r\n\r\nexport const FormControlContext = React.createContext({});\r\n\r\nexport function useFormControlProvider(props: IFormControlProps) {\r\n  const {\r\n    nativeID: idProp,\r\n    isRequired,\r\n    isInvalid,\r\n    isDisabled,\r\n    isReadOnly,\r\n    ...htmlProps\r\n  } = props;\r\n\r\n  let id = uniqueId();\r\n  const responsiveQueryContext = React.useContext(ResponsiveQueryContext);\r\n  const disableCSSMediaQueries = responsiveQueryContext.disableCSSMediaQueries;\r\n\r\n  if (!disableCSSMediaQueries) {\r\n    // This if statement technically breaks the rules of hooks, but is safe\r\n    // because the condition never changes after mounting.\r\n    // eslint-disable-next-line react-hooks/rules-of-hooks\r\n    id = useId();\r\n  }\r\n\r\n  // const id = '';\r\n  // Generate all the required ids\r\n  const nativeID = idProp || `field-${id}`;\r\n\r\n  const labelId = `${nativeID}-label`;\r\n  const feedbackId = `${nativeID}-feedback`;\r\n  const helpTextId = `${nativeID}-helptext`;\r\n\r\n  /**\r\n   * Track whether the `FormErrorMessage` has been rendered.\r\n   * We use this to append its id the the `aria-describedby` of the `input`.\r\n   */\r\n  const [hasFeedbackText, setHasFeedbackText] = React.useState(false);\r\n\r\n  /**\r\n   * Track whether the `FormHelperText` has been rendered.\r\n   * We use this to append its id the the `aria-describedby` of the `input`.\r\n   */\r\n  const [hasHelpText, setHasHelpText] = React.useState(false);\r\n\r\n  const context = {\r\n    isRequired: !!isRequired,\r\n    isInvalid: !!isInvalid,\r\n    isReadOnly: !!isReadOnly,\r\n    isDisabled: !!isDisabled,\r\n    hasFeedbackText,\r\n    setHasFeedbackText,\r\n    hasHelpText,\r\n    setHasHelpText,\r\n    nativeID,\r\n    labelId,\r\n    feedbackId,\r\n    helpTextId,\r\n    htmlProps,\r\n  };\r\n\r\n  return context;\r\n}\r\n\r\n/**\r\n * React hook that provides the props that should be spread on to\r\n * input fields (`input`, `select`, `textarea`, etc.).\r\n *\r\n * It provides a convenient way to control a form fields, validation\r\n * and helper text.\r\n */\r\nexport function useFormControl(props: IFormControlProps) {\r\n  const field = useFormControlContext();\r\n  const describedBy: any[] = [];\r\n\r\n  // Error message must be described first in all scenarios.\r\n  if (field?.hasFeedbackText) describedBy.push(field?.feedbackId);\r\n  if (field?.hasHelpText) describedBy.push(field?.helpTextId);\r\n  const ariaDescribedBy = describedBy.join(' ');\r\n\r\n  const cleanProps = omit(props, [\r\n    'isInvalid',\r\n    'isDisabled',\r\n    'isReadOnly',\r\n    'isRequired',\r\n  ]);\r\n\r\n  let nativeID = props?.nativeID;\r\n\r\n  if (!nativeID && field?.nativeID) {\r\n    nativeID = `${field?.nativeID}-input`;\r\n  }\r\n\r\n  return {\r\n    ...cleanProps,\r\n    nativeID: nativeID,\r\n    disabled: props.isDisabled || field?.isDisabled,\r\n    readOnly: props.isReadOnly || field?.isReadOnly,\r\n    required: props.isRequired || field?.isRequired,\r\n    accessibilityInvalid: ariaAttr(props.isInvalid || field?.isInvalid),\r\n    accessibilityRequired: ariaAttr(props.isRequired || field?.isRequired),\r\n    accessibilityReadOnly: ariaAttr(props.isReadOnly || field?.isReadOnly),\r\n    accessibilityDescribedBy: ariaDescribedBy || undefined,\r\n  };\r\n}\r\n\r\nexport const useFormControlContext = () => {\r\n  return (React.useContext(\r\n    FormControlContext\r\n  ) as unknown) as IFormControlContext;\r\n};\r\n"]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_lodash","_utils2","_ResponsiveQueryProvider","_lodash2","e","__esModule","default","FormControlContext","exports","React","createContext","useFormControlProvider","props","nativeID","idProp","isRequired","isInvalid","isDisabled","isReadOnly","htmlProps","id","uniqueId","responsiveQueryContext","useContext","ResponsiveQueryContext","disableCSSMediaQueries","useId","labelId","feedbackId","helpTextId","hasFeedbackText","setHasFeedbackText","useState","hasHelpText","setHasHelpText","context","useFormControl","field","useFormControlContext","describedBy","push","ariaDescribedBy","join","cleanProps","omit","disabled","readOnly","required","accessibilityInvalid","ariaAttr","accessibilityRequired","accessibilityReadOnly","accessibilityDescribedBy","undefined"],"sources":["useFormControl.tsx"],"sourcesContent":["import React from 'react';\r\nimport { useId } from '@react-native-aria/utils';\r\nimport omit from 'lodash.omit';\r\nimport type { IFormControlProps } from './types';\r\nimport { ariaAttr } from '../../../utils';\r\nimport { ResponsiveQueryContext } from '../../../utils/useResponsiveQuery/ResponsiveQueryProvider';\r\nimport uniqueId from 'lodash.uniqueid';\r\n\r\nexport type IFormControlContext = Omit<\r\n  ReturnType<typeof useFormControlProvider>,\r\n  'htmlProps'\r\n>;\r\n\r\nexport const FormControlContext = React.createContext({});\r\n\r\nexport function useFormControlProvider(props: IFormControlProps) {\r\n  const {\r\n    nativeID: idProp,\r\n    isRequired,\r\n    isInvalid,\r\n    isDisabled,\r\n    isReadOnly,\r\n    ...htmlProps\r\n  } = props;\r\n\r\n  let id = uniqueId();\r\n  const responsiveQueryContext = React.useContext(ResponsiveQueryContext);\r\n  const disableCSSMediaQueries = responsiveQueryContext.disableCSSMediaQueries;\r\n\r\n  if (!disableCSSMediaQueries) {\r\n    // This if statement technically breaks the rules of hooks, but is safe\r\n    // because the condition never changes after mounting.\r\n    // eslint-disable-next-line react-hooks/rules-of-hooks\r\n    id = useId();\r\n  }\r\n\r\n  // const id = '';\r\n  // Generate all the required ids\r\n  const nativeID = idProp || `field-${id}`;\r\n\r\n  const labelId = `${nativeID}-label`;\r\n  const feedbackId = `${nativeID}-feedback`;\r\n  const helpTextId = `${nativeID}-helptext`;\r\n\r\n  /**\r\n   * Track whether the `FormErrorMessage` has been rendered.\r\n   * We use this to append its id the the `aria-describedby` of the `input`.\r\n   */\r\n  const [hasFeedbackText, setHasFeedbackText] = React.useState(false);\r\n\r\n  /**\r\n   * Track whether the `FormHelperText` has been rendered.\r\n   * We use this to append its id the the `aria-describedby` of the `input`.\r\n   */\r\n  const [hasHelpText, setHasHelpText] = React.useState(false);\r\n\r\n  const context = {\r\n    isRequired: !!isRequired,\r\n    isInvalid: !!isInvalid,\r\n    isReadOnly: !!isReadOnly,\r\n    isDisabled: !!isDisabled,\r\n    hasFeedbackText,\r\n    setHasFeedbackText,\r\n    hasHelpText,\r\n    setHasHelpText,\r\n    nativeID,\r\n    labelId,\r\n    feedbackId,\r\n    helpTextId,\r\n    htmlProps,\r\n  };\r\n\r\n  return context;\r\n}\r\n\r\n/**\r\n * React hook that provides the props that should be spread on to\r\n * input fields (`input`, `select`, `textarea`, etc.).\r\n *\r\n * It provides a convenient way to control a form fields, validation\r\n * and helper text.\r\n */\r\nexport function useFormControl(props: IFormControlProps) {\r\n  const field = useFormControlContext();\r\n  const describedBy: any[] = [];\r\n\r\n  // Error message must be described first in all scenarios.\r\n  if (field?.hasFeedbackText) describedBy.push(field?.feedbackId);\r\n  if (field?.hasHelpText) describedBy.push(field?.helpTextId);\r\n  const ariaDescribedBy = describedBy.join(' ');\r\n\r\n  const cleanProps = omit(props, [\r\n    'isInvalid',\r\n    'isDisabled',\r\n    'isReadOnly',\r\n    'isRequired',\r\n  ]);\r\n\r\n  let nativeID = props?.nativeID;\r\n\r\n  if (!nativeID && field?.nativeID) {\r\n    nativeID = `${field?.nativeID}-input`;\r\n  }\r\n\r\n  return {\r\n    ...cleanProps,\r\n    nativeID: nativeID,\r\n    disabled: props.isDisabled || field?.isDisabled,\r\n    readOnly: props.isReadOnly || field?.isReadOnly,\r\n    required: props.isRequired || field?.isRequired,\r\n    accessibilityInvalid: ariaAttr(props.isInvalid || field?.isInvalid),\r\n    accessibilityRequired: ariaAttr(props.isRequired || field?.isRequired),\r\n    accessibilityReadOnly: ariaAttr(props.isReadOnly || field?.isReadOnly),\r\n    accessibilityDescribedBy: ariaDescribedBy || undefined,\r\n  };\r\n}\r\n\r\nexport const useFormControlContext = () => {\r\n  return (React.useContext(\r\n    FormControlContext\r\n  ) as unknown) as IFormControlContext;\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/composites/IconButton/index.js

@@ -4,33 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Pressable = require("../../primitives/Pressable");
-
 var _Icon = require("../../primitives/Icon");
-
 var _useThemeProps = require("../../../hooks/useThemeProps");
-
 var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
-
 var _utils = require("../../../utils");
-
 var _Pressable2 = require("../../primitives/Pressable/Pressable");
-
 var _focus = require("@react-native-aria/focus");
-
 var _lodash = _interopRequireDefault(require("lodash.merge"));
-
-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); }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const IconButton = ({
   icon,
   _icon: pseudoIconProp,
@@ -67,7 +52,8 @@ const IconButton = ({
     onFocus,
     onBlur,
     ...resolvedProps
-  } = (0, _useThemeProps.usePropsResolution)('IconButton', { ...props,
+  } = (0, _useThemeProps.usePropsResolution)('IconButton', {
+    ...props,
     _icon: (0, _lodash.default)({}, pseudoIconProp, icon === null || icon === void 0 ? void 0 : icon.props)
   }, {
     isHovered: isHoveredProp || isHovered,
@@ -77,35 +63,35 @@ const IconButton = ({
     isDisabled
   });
   let clonedIcon;
-
   if (icon) {
-    clonedIcon = /*#__PURE__*/_react.default.cloneElement(icon, { ..._icon
+    clonedIcon = /*#__PURE__*/_react.default.cloneElement(icon, {
+      ..._icon
     });
-  } //TODO: refactor for responsive prop
-
+  }
 
+  //TODO: refactor for responsive prop
   if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_Pressable.Pressable, _extends({
     disabled: isDisabled,
     accessibilityRole: "button",
     ref: ref,
     onPressIn: (0, _utils.composeEventHandlers)(onPressIn, pressableProps.onPressIn),
-    onPressOut: (0, _utils.composeEventHandlers)(onPressOut, pressableProps.onPressOut) // @ts-ignore - web only
+    onPressOut: (0, _utils.composeEventHandlers)(onPressOut, pressableProps.onPressOut)
+    // @ts-ignore - web only
     ,
-    onHoverIn: (0, _utils.composeEventHandlers)(onHoverIn, hoverProps.onHoverIn) // @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
+    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
+    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), clonedIcon || /*#__PURE__*/_react.default.createElement(_Icon.Icon, _icon, children));
 };
-
-var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(IconButton));
-
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(IconButton));
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/composites/IconButton/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["IconButton","icon","_icon","pseudoIconProp","children","isHovered","isHoveredProp","isPressed","isPressedProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","props","ref","hoverProps","pressableProps","focusProps","focusRingProps","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","resolvedProps","clonedIcon","React","cloneElement"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAKA;;AACA;;;;;;;;;;AAEA,MAAMA,UAAU,GAAG,CACjB;AACEC,EAAAA,IADF;AAEEC,EAAAA,KAAK,EAAEC,cAFT;AAGEC,EAAAA,QAHF;AAIEC,EAAAA,SAAS,EAAEC,aAJb;AAKEC,EAAAA,SAAS,EAAEC,aALb;AAMEC,EAAAA,SAAS,EAAEC,aANb;AAOEC,EAAAA,cAAc,EAAEC,kBAPlB;AAQEC,EAAAA,UARF;AASE,KAAGC;AATL,CADiB,EAYjBC,GAZiB,KAad;AACH,QAAM;AAAEC,IAAAA,UAAF;AAAcX,IAAAA;AAAd,MAA4B,2BAAlC;AACA,QAAM;AAAEY,IAAAA,cAAF;AAAkBV,IAAAA;AAAlB,MAAgC,+BAAtC;AACA,QAAM;AAAEW,IAAAA,UAAF;AAAcT,IAAAA;AAAd,MAA4B,2BAAlC;AACA,QAAM;AAAEE,IAAAA,cAAF;AAAkBO,IAAAA,UAAU,EAAEC;AAA9B,MAAsD,0BAA5D;AAEA,QAAM;AACJjB,IAAAA,KADI;AAEJkB,IAAAA,SAFI;AAGJC,IAAAA,UAHI;AAIJC,IAAAA,SAJI;AAKJC,IAAAA,UALI;AAMJC,IAAAA,OANI;AAOJC,IAAAA,MAPI;AAQJ,OAAGC;AARC,MASF,uCACF,YADE,EAEF,EAAE,GAAGZ,KAAL;AAAYZ,IAAAA,KAAK,EAAE,qBAAM,EAAN,EAAUC,cAAV,EAA0BF,IAA1B,aAA0BA,IAA1B,uBAA0BA,IAAI,CAAEa,KAAhC;AAAnB,GAFE,EAGF;AACET,IAAAA,SAAS,EAAEC,aAAa,IAAID,SAD9B;AAEEE,IAAAA,SAAS,EAAEC,aAAa,IAAID,SAF9B;AAGEE,IAAAA,SAAS,EAAEC,aAAa,IAAID,SAH9B;AAIEE,IAAAA,cAAc,EAAEC,kBAAkB,IAAID,cAJxC;AAKEE,IAAAA;AALF,GAHE,CATJ;AAqBA,MAAIc,UAAJ;;AACA,MAAI1B,IAAJ,EAAU;AACR0B,IAAAA,UAAU,gBAAGC,eAAMC,YAAN,CAAmB5B,IAAnB,EAAyB,EACpC,GAAGC;AADiC,KAAzB,CAAb;AAGD,GAhCE,CAkCH;;;AACA,MAAI,kDAAsBY,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,sBACE,6BAAC,oBAAD;AACE,IAAA,QAAQ,EAAED,UADZ;AAEE,IAAA,iBAAiB,EAAC,QAFpB;AAGE,IAAA,GAAG,EAAEE,GAHP;AAIE,IAAA,SAAS,EAAE,iCAAqBK,SAArB,EAAgCH,cAAc,CAACG,SAA/C,CAJb;AAKE,IAAA,UAAU,EAAE,iCAAqBC,UAArB,EAAiCJ,cAAc,CAACI,UAAhD,CALd,CAME;AANF;AAOE,IAAA,SAAS,EAAE,iCAAqBC,SAArB,EAAgCN,UAAU,CAACM,SAA3C,CAPb,CAQE;AARF;AASE,IAAA,UAAU,EAAE,iCAAqBC,UAArB,EAAiCP,UAAU,CAACO,UAA5C,CATd,CAUE;AAVF;AAWE,IAAA,OAAO,EAAE,iCACP,iCAAqBC,OAArB,EAA8BN,UAAU,CAACM,OAAzC,CADO,EAEPL,cAAc,CAACK,OAFR,CAXX,CAeE;AAfF;AAgBE,IAAA,MAAM,EAAE,iCACN,iCAAqBC,MAArB,EAA6BP,UAAU,CAACO,MAAxC,CADM,EAENN,cAAc,CAACM,MAFT;AAhBV,KAoBMC,aApBN,GAsBGC,UAAU,iBAAI,6BAAC,UAAD,EAAUzB,KAAV,EAAkBE,QAAlB,CAtBjB,CADF;AA0BD,CA9ED;;4BAgFe,+BAAK,uBAAWJ,UAAX,CAAL,C","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Pressable } from '../../primitives/Pressable';\r\nimport { Icon } from '../../primitives/Icon';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { composeEventHandlers } from '../../../utils';\r\nimport type { IIconButtonProps } from './types';\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 merge from 'lodash.merge';\r\n\r\nconst IconButton = (\r\n  {\r\n    icon,\r\n    _icon: pseudoIconProp,\r\n    children,\r\n    isHovered: isHoveredProp,\r\n    isPressed: isPressedProp,\r\n    isFocused: isFocusedProp,\r\n    isFocusVisible: isFocusVisibleProp,\r\n    isDisabled,\r\n    ...props\r\n  }: IIconButtonProps,\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    _icon,\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    'IconButton',\r\n    { ...props, _icon: merge({}, pseudoIconProp, icon?.props) },\r\n    {\r\n      isHovered: isHoveredProp || isHovered,\r\n      isPressed: isPressedProp || isPressed,\r\n      isFocused: isFocusedProp || isFocused,\r\n      isFocusVisible: isFocusVisibleProp || isFocusVisible,\r\n      isDisabled,\r\n    }\r\n  );\r\n\r\n  let clonedIcon;\r\n  if (icon) {\r\n    clonedIcon = React.cloneElement(icon, {\r\n      ..._icon,\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\r\n  return (\r\n    <Pressable\r\n      disabled={isDisabled}\r\n      accessibilityRole=\"button\"\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    >\r\n      {clonedIcon || <Icon {..._icon}>{children}</Icon>}\r\n    </Pressable>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(IconButton));\r\nexport type { IIconButtonProps };\r\n"]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Pressable","_Icon","_useThemeProps","_useHasResponsiveProps","_utils","_Pressable2","_focus","_lodash","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","IconButton","icon","_icon","pseudoIconProp","children","isHovered","isHoveredProp","isPressed","isPressedProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","props","ref","hoverProps","useHover","pressableProps","useIsPressed","focusProps","useFocus","focusRingProps","useFocusRing","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","resolvedProps","usePropsResolution","merge","clonedIcon","React","cloneElement","useHasResponsiveProps","createElement","Pressable","disabled","accessibilityRole","composeEventHandlers","Icon","_default","exports","memo","forwardRef"],"sources":["index.tsx"],"sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Pressable } from '../../primitives/Pressable';\r\nimport { Icon } from '../../primitives/Icon';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { composeEventHandlers } from '../../../utils';\r\nimport type { IIconButtonProps } from './types';\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 merge from 'lodash.merge';\r\n\r\nconst IconButton = (\r\n  {\r\n    icon,\r\n    _icon: pseudoIconProp,\r\n    children,\r\n    isHovered: isHoveredProp,\r\n    isPressed: isPressedProp,\r\n    isFocused: isFocusedProp,\r\n    isFocusVisible: isFocusVisibleProp,\r\n    isDisabled,\r\n    ...props\r\n  }: IIconButtonProps,\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    _icon,\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    'IconButton',\r\n    { ...props, _icon: merge({}, pseudoIconProp, icon?.props) },\r\n    {\r\n      isHovered: isHoveredProp || isHovered,\r\n      isPressed: isPressedProp || isPressed,\r\n      isFocused: isFocusedProp || isFocused,\r\n      isFocusVisible: isFocusVisibleProp || isFocusVisible,\r\n      isDisabled,\r\n    }\r\n  );\r\n\r\n  let clonedIcon;\r\n  if (icon) {\r\n    clonedIcon = React.cloneElement(icon, {\r\n      ..._icon,\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\r\n  return (\r\n    <Pressable\r\n      disabled={isDisabled}\r\n      accessibilityRole=\"button\"\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    >\r\n      {clonedIcon || <Icon {..._icon}>{children}</Icon>}\r\n    </Pressable>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(IconButton));\r\nexport type { IIconButtonProps };\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAEA,IAAAM,WAAA,GAAAN,OAAA;AAKA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAC,sBAAA,CAAAT,OAAA;AAAiC,SAAAS,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAf,uBAAA,YAAAA,CAAAW,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAAA,SAAAgB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAf,CAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAG,CAAA,GAAAmB,SAAA,CAAAtB,CAAA,YAAAK,CAAA,IAAAF,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAZ,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAa,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAEjC,MAAMG,UAAU,GAAGA,CACjB;EACEC,IAAI;EACJC,KAAK,EAAEC,cAAc;EACrBC,QAAQ;EACRC,SAAS,EAAEC,aAAa;EACxBC,SAAS,EAAEC,aAAa;EACxBC,SAAS,EAAEC,aAAa;EACxBC,cAAc,EAAEC,kBAAkB;EAClCC,UAAU;EACV,GAAGC;AACa,CAAC,EACnBC,GAAQ,KACL;EACH,MAAM;IAAEC,UAAU;IAAEX;EAAU,CAAC,GAAG,IAAAY,oBAAQ,EAAC,CAAC;EAC5C,MAAM;IAAEC,cAAc;IAAEX;EAAU,CAAC,GAAG,IAAAY,wBAAY,EAAC,CAAC;EACpD,MAAM;IAAEC,UAAU;IAAEX;EAAU,CAAC,GAAG,IAAAY,oBAAQ,EAAC,CAAC;EAC5C,MAAM;IAAEV,cAAc;IAAES,UAAU,EAAEE;EAAoB,CAAC,GAAG,IAAAC,mBAAY,EAAC,CAAC;EAE1E,MAAM;IACJrB,KAAK;IACLsB,SAAS;IACTC,UAAU;IACVC,SAAS;IACTC,UAAU;IACVC,OAAO;IACPC,MAAM;IACN,GAAGC;EACL,CAAC,GAAG,IAAAC,iCAAkB,EACpB,YAAY,EACZ;IAAE,GAAGjB,KAAK;IAAEZ,KAAK,EAAE,IAAA8B,eAAK,EAAC,CAAC,CAAC,EAAE7B,cAAc,EAAEF,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEa,KAAK;EAAE,CAAC,EAC3D;IACET,SAAS,EAAEC,aAAa,IAAID,SAAS;IACrCE,SAAS,EAAEC,aAAa,IAAID,SAAS;IACrCE,SAAS,EAAEC,aAAa,IAAID,SAAS;IACrCE,cAAc,EAAEC,kBAAkB,IAAID,cAAc;IACpDE;EACF,CACF,CAAC;EAED,IAAIoB,UAAU;EACd,IAAIhC,IAAI,EAAE;IACRgC,UAAU,gBAAGC,cAAK,CAACC,YAAY,CAAClC,IAAI,EAAE;MACpC,GAAGC;IACL,CAAC,CAAC;EACJ;;EAEA;EACA,IAAI,IAAAkC,4CAAqB,EAACtB,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACb;EAEA,oBACEnD,MAAA,CAAAc,OAAA,CAAA4D,aAAA,CAACvE,UAAA,CAAAwE,SAAS,EAAA5C,QAAA;IACR6C,QAAQ,EAAE1B,UAAW;IACrB2B,iBAAiB,EAAC,QAAQ;IAC1BzB,GAAG,EAAEA,GAAI;IACTS,SAAS,EAAE,IAAAiB,2BAAoB,EAACjB,SAAS,EAAEN,cAAc,CAACM,SAAS,CAAE;IACrEC,UAAU,EAAE,IAAAgB,2BAAoB,EAAChB,UAAU,EAAEP,cAAc,CAACO,UAAU;IACtE;IAAA;IACAC,SAAS,EAAE,IAAAe,2BAAoB,EAACf,SAAS,EAAEV,UAAU,CAACU,SAAS;IAC/D;IAAA;IACAC,UAAU,EAAE,IAAAc,2BAAoB,EAACd,UAAU,EAAEX,UAAU,CAACW,UAAU;IAClE;IAAA;IACAC,OAAO,EAAE,IAAAa,2BAAoB,EAC3B,IAAAA,2BAAoB,EAACb,OAAO,EAAER,UAAU,CAACQ,OAAO,CAAC,EACjDN,cAAc,CAACM,OACjB;IACA;IAAA;IACAC,MAAM,EAAE,IAAAY,2BAAoB,EAC1B,IAAAA,2BAAoB,EAACZ,MAAM,EAAET,UAAU,CAACS,MAAM,CAAC,EAC/CP,cAAc,CAACO,MACjB;EAAE,GACEC,aAAa,GAEhBG,UAAU,iBAAItE,MAAA,CAAAc,OAAA,CAAA4D,aAAA,CAACtE,KAAA,CAAA2E,IAAI,EAAKxC,KAAK,EAAGE,QAAe,CACvC,CAAC;AAEhB,CAAC;AAAC,IAAAuC,QAAA,GAAAC,OAAA,CAAAnE,OAAA,gBAEa,IAAAoE,WAAI,eAAC,IAAAC,iBAAU,EAAC9C,UAAU,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/composites/IconButton/types.js

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.js.map

package/lib/commonjs/components/composites/IconButton/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { InterfacePressableProps } from '../../primitives/Pressable/types';\r\nimport type { IIconProps } from '../../primitives/Icon';\r\nimport type { ColorSchemeType, PlatformProps } from '../../../components/types';\r\n\r\nimport type { CustomProps, VariantType } from '../../types';\r\nimport type { ThemeComponentSizeType } from '../../../components/types/utils';\r\nexport interface InterfaceIconButtonProps\r\n  extends Omit<\r\n      InterfacePressableProps<InterfaceIconButtonProps>,\r\n      | 'children'\r\n      | 'color'\r\n      | '_light'\r\n      | '_dark'\r\n      | '_web'\r\n      | '_android'\r\n      | '_ios'\r\n      | '_important'\r\n    >,\r\n    Omit<\r\n      IIconProps,\r\n      | 'delayLongPress'\r\n      | 'disabled'\r\n      | 'hitSlop'\r\n      | 'onLongPress'\r\n      | 'onPress'\r\n      | 'onPressIn'\r\n      | 'onPressOut'\r\n      | 'style'\r\n      | 'size'\r\n      | '_light'\r\n      | '_dark'\r\n      | '_web'\r\n      | '_android'\r\n      | '_ios'\r\n      | '_important'\r\n    >,\r\n    PlatformProps<IIconButtonProps> {\r\n  /**\r\n   * The color of the radio when it's checked. This should be one of the color keys in the theme (e.g.\"green\", \"red\").\r\n   * @default 'primary'\r\n   */\r\n  colorScheme?: ColorSchemeType;\r\n  /**\r\n   * The variant of the button style to use.\r\n   * @default 'ghost'\r\n   */\r\n  variant?: VariantType<'IconButton'>;\r\n  /**\r\n   * The size of the button.\r\n   */\r\n  size?: ThemeComponentSizeType<'IconButton'>;\r\n  /**\r\n   * If true, the button will be disabled.\r\n   */\r\n  isDisabled?: boolean;\r\n  /**\r\n   * The icon to be used. Refer to the Icon section of the docs for the available icon options.\r\n   */\r\n  icon?: JSX.Element;\r\n  /**\r\n   * Props to be passed to the icon used inside of IconButton.\r\n   */\r\n  _icon?: Partial<IIconProps>;\r\n  /**\r\n   *\r\n   */\r\n  _hover?: Omit<Partial<IIconButtonProps>, '_hover'>;\r\n  /**\r\n   *\r\n   */\r\n  _pressed?: Omit<Partial<IIconButtonProps>, '_pressed'>;\r\n  /**\r\n   *\r\n   */\r\n  _focus?: Omit<Partial<IIconButtonProps>, '_focus'>;\r\n}\r\n\r\nexport type IIconButtonProps = InterfaceIconButtonProps & CustomProps<'Icon'>;\r\n"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/composites/KBD/index.js

@@ -4,35 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _primitives = require("../../primitives");
-
 var _hooks = require("../../../hooks");
-
 var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const Kbd = ({
   children,
   ...props
 }, ref) => {
-  const newProps = (0, _hooks.useThemeProps)('Kbd', props); //TODO: refactor for responsive prop
-
+  const newProps = (0, _hooks.useThemeProps)('Kbd', props);
+  //TODO: refactor for responsive prop
   if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_primitives.Box, _extends({}, newProps, {
     ref: ref
   }), children);
 };
-
-var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(Kbd));
-
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef(Kbd));
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/composites/KBD/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["Kbd","children","props","ref","newProps","React","memo","forwardRef"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;AAEA,MAAMA,GAAG,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAAoCC,GAApC,KAAkD;AAC5D,QAAMC,QAAQ,GAAG,0BAAc,KAAd,EAAqBF,KAArB,CAAjB,CAD4D,CAE5D;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,eAAD,eAASE,QAAT;AAAmB,IAAA,GAAG,EAAED;AAAxB,MACGF,QADH,CADF;AAKD,CAXD;;4BAaeI,eAAMC,IAAN,eAAWD,eAAME,UAAN,CAAiBP,GAAjB,CAAX,C","sourcesContent":["import React from 'react';\r\nimport { Box } from '../../primitives';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport type { IKbdProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Kbd = ({ children, ...props }: IKbdProps, ref?: any) => {\r\n  const newProps = useThemeProps('Kbd', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <Box {...newProps} ref={ref}>\r\n      {children}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(Kbd));\r\nexport type { IKbdProps };\r\n"]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_primitives","_hooks","_useHasResponsiveProps","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Kbd","children","props","ref","newProps","useThemeProps","useHasResponsiveProps","createElement","Box","_default","exports","React","memo","forwardRef"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box } from '../../primitives';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport type { IKbdProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Kbd = ({ children, ...props }: IKbdProps, ref?: any) => {\r\n  const newProps = useThemeProps('Kbd', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <Box {...newProps} ref={ref}>\r\n      {children}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(Kbd));\r\nexport type { IKbdProps };\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,sBAAA,GAAAH,OAAA;AAA6E,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAE7E,MAAMO,GAAG,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAiB,CAAC,EAAEC,GAAS,KAAK;EAC5D,MAAMC,QAAQ,GAAG,IAAAC,oBAAa,EAAC,KAAK,EAAEH,KAAK,CAAC;EAC5C;EACA,IAAI,IAAAI,4CAAqB,EAACJ,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACb;EACA,oBACEvB,MAAA,CAAAQ,OAAA,CAAAoB,aAAA,CAACzB,WAAA,CAAA0B,GAAG,EAAApB,QAAA,KAAKgB,QAAQ;IAAED,GAAG,EAAEA;EAAI,IACzBF,QACE,CAAC;AAEV,CAAC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAvB,OAAA,gBAEawB,cAAK,CAACC,IAAI,cAACD,cAAK,CAACE,UAAU,CAACb,GAAG,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/composites/KBD/types.js

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.js.map

package/lib/commonjs/components/composites/KBD/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { CustomProps } from '../../../components/types/utils';\r\nimport type { InterfaceBoxProps } from '../../primitives/Box';\r\nexport type IKbdProps = InterfaceBoxProps<IKbdProps> & CustomProps<'Kbd'>;\r\n"],"mappings":"","ignoreList":[]}