@audira/carbon-react-native 0.0.1-alpha.9 → 1.0.0-beta.2

package/lib/module/components/form-helper-text/index.js

@@ -1,37 +1,6 @@
 "use strict";
 
-import { useContext } from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ThemeContext } from "../../contexts/index.js";
-import { FlexStyle } from "../../styles/index.js";
-import { Text } from "../text/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function FormHelperText({
-  error,
-  text,
-  textLeading,
-  textTrailing,
-  textProps,
-  style,
-  ...props
-}) {
-  const themeContext = useContext(ThemeContext);
-  return /*#__PURE__*/_jsxs(View, {
-    ...props,
-    style: [FlexStyle.flex_row, baseStyle.container, style],
-    children: [textLeading, /*#__PURE__*/_jsx(Text, {
-      ...textProps,
-      type: textProps?.type || 'helper_text_01',
-      style: [{
-        color: error ? themeContext.color.text_error : themeContext.color.text_primary
-      }, textProps?.style],
-      children: text
-    }), textTrailing]
-  });
-}
-const baseStyle = StyleSheet.create({
-  container: {
-    gap: 8
-  }
-});
+export * from "./FormHelperText.js";
+export * from "./FormHelperTextProps.js";
+export * from "./FormHelperTextRef.js";
 //# sourceMappingURL=index.js.map

package/lib/module/components/form-helper-text/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","StyleSheet","View","ThemeContext","FlexStyle","Text","jsx","_jsx","jsxs","_jsxs","FormHelperText","error","text","textLeading","textTrailing","textProps","style","props","themeContext","flex_row","baseStyle","container","children","type","color","text_error","text_primary","create","gap"],"sourceRoot":"../../../../src","sources":["components/form-helper-text/index.tsx"],"mappings":";;AAAA,SACCA,UAAU,QACJ,OAAO;AAEd,SACCC,UAAU,EACVC,IAAI,QAEE,cAAc;AAErB,SACCC,YAAY,QACN,yBAAgB;AAEvB,SACCC,SAAS,QACH,uBAAc;AAErB,SACCC,IAAI,QAEE,kBAAS;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUhB,OAAO,SAASC,cAAcA,CAAC;EAC9BC,KAAK;EACLC,IAAI;EACJC,WAAW;EACXC,YAAY;EACZC,SAAS;EACTC,KAAK;EACL,GAAGC;AACiB,CAAC,EAAE;EAEvB,MACCC,YAAY,GACXlB,UAAU,CAACG,YAAY,CAAC;EAE1B,oBACCM,KAAA,CAACP,IAAI;IAAA,GACCe,KAAK;IACVD,KAAK,EAAG,CACPZ,SAAS,CAACe,QAAQ,EAClBC,SAAS,CAACC,SAAS,EACnBL,KAAK,CACH;IAAAM,QAAA,GAEDT,WAAW,eAEbN,IAAA,CAACF,IAAI;MAAA,GACCU,SAAS;MACdQ,IAAI,EAAGR,SAAS,EAAEQ,IAAI,IAAI,gBAAkB;MAC5CP,KAAK,EAAG,CACP;QACCQ,KAAK,EAAEb,KAAK,GACTO,YAAY,CAACM,KAAK,CAACC,UAAU,GAC7BP,YAAY,CAACM,KAAK,CAACE;MACvB,CAAC,EACDX,SAAS,EAAEC,KAAK,CACd;MAAAM,QAAA,EAEDV;IAAI,CACD,CAAC,EAELE,YAAY;EAAA,CACT,CAAC;AAGT;AAEA,MACCM,SAAS,GACRnB,UAAU,CAAC0B,MAAM,CAAC;EACjBN,SAAS,EAAE;IACVO,GAAG,EAAE;EACN;AACD,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/form-helper-text/index.tsx"],"mappings":";;AAAA,cAAc,qBAAkB;AAChC,cAAc,0BAAuB;AACrC,cAAc,wBAAqB","ignoreList":[]}

package/lib/module/components/form-label/FormLabel.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { FlexStyleSheet } from "../../_internal/style-sheets/index.js";
+import { Text } from "../text/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const FormLabel = /*#__PURE__*/forwardRef(function FormLabel({
+  label,
+  labelLeading,
+  labelTrailing,
+  textProps,
+  style,
+  ...props
+}, ref) {
+  return /*#__PURE__*/_jsxs(View, {
+    ...props,
+    ref: ref,
+    style: [FlexStyleSheet.flex_row, baseStyle.gap, style],
+    children: [labelLeading, /*#__PURE__*/_jsx(Text, {
+      ...textProps,
+      type: textProps?.type || 'label_01',
+      "aria-label": label,
+      children: label
+    }), labelTrailing]
+  });
+});
+const baseStyle = StyleSheet.create({
+  gap: {
+    columnGap: 8
+  }
+});
+//# sourceMappingURL=FormLabel.js.map

package/lib/module/components/form-label/FormLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","StyleSheet","View","FlexStyleSheet","Text","jsx","_jsx","jsxs","_jsxs","FormLabel","label","labelLeading","labelTrailing","textProps","style","props","ref","flex_row","baseStyle","gap","children","type","create","columnGap"],"sourceRoot":"../../../../src","sources":["components/form-label/FormLabel.tsx"],"mappings":";;AAAA,SACCA,UAAU,QACJ,OAAO;AAEd,SACCC,UAAU,EACVC,IAAI,QACE,cAAc;AAErB,SACCC,cAAc,QACR,uCAA8B;AAErC,SACCC,IAAI,QACE,kBAAS;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUhB,OAAO,MAAMC,SAAS,gBAAGT,UAAU,CAClC,SAASS,SAASA,CACjB;EACCC,KAAK;EACLC,YAAY;EACZC,aAAa;EACbC,SAAS;EACTC,KAAK;EACL,GAAGC;AACJ,CAAC,EACDC,GAAG,EACF;EAED,oBACCR,KAAA,CAACN,IAAI;IAAA,GACCa,KAAK;IACVC,GAAG,EAAGA,GAAK;IACXF,KAAK,EAAG,CACPX,cAAc,CAACc,QAAQ,EACvBC,SAAS,CAACC,GAAG,EACbL,KAAK,CACH;IAAAM,QAAA,GAEDT,YAAY,eAEdL,IAAA,CAACF,IAAI;MAAA,GACCS,SAAS;MACdQ,IAAI,EAAGR,SAAS,EAAEQ,IAAI,IAAI,UAAY;MACtC,cAAaX,KAAO;MAAAU,QAAA,EAElBV;IAAK,CACF,CAAC,EAELE,aAAa;EAAA,CACV,CAAC;AAGT,CACD,CAAC;AAED,MACCM,SAAS,GACRjB,UAAU,CAACqB,MAAM,CAAC;EACjBH,GAAG,EAAE;IACJI,SAAS,EAAE;EACZ;AACD,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/form-label/FormLabelProps.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=FormLabelProps.js.map

package/lib/module/components/form-label/FormLabelProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/form-label/FormLabelProps.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/form-label/FormLabelRef.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=FormLabelRef.js.map

package/lib/module/components/form-label/FormLabelRef.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/form-label/FormLabelRef.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/form-label/index.js

@@ -1,31 +1,6 @@
 "use strict";
 
-import { StyleSheet, View } from 'react-native';
-import { FlexStyle } from "../../styles/index.js";
-import { Text } from "../text/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function FormLabel({
-  label,
-  labelLeading,
-  labelTrailing,
-  textProps,
-  style,
-  ...props
-}) {
-  return /*#__PURE__*/_jsxs(View, {
-    ...props,
-    style: [FlexStyle.flex_row, baseStyle.gap, style],
-    children: [labelLeading, /*#__PURE__*/_jsx(Text, {
-      ...textProps,
-      type: textProps?.type || 'label_01',
-      "aria-label": label,
-      children: label
-    }), labelTrailing]
-  });
-}
-const baseStyle = StyleSheet.create({
-  gap: {
-    columnGap: 8
-  }
-});
+export * from "./FormLabel.js";
+export * from "./FormLabelProps.js";
+export * from "./FormLabelRef.js";
 //# sourceMappingURL=index.js.map

package/lib/module/components/form-label/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","View","FlexStyle","Text","jsx","_jsx","jsxs","_jsxs","FormLabel","label","labelLeading","labelTrailing","textProps","style","props","flex_row","baseStyle","gap","children","type","create","columnGap"],"sourceRoot":"../../../../src","sources":["components/form-label/index.tsx"],"mappings":";;AAAA,SACCA,UAAU,EACVC,IAAI,QAEE,cAAc;AAErB,SACCC,SAAS,QACH,uBAAc;AAErB,SACCC,IAAI,QAEE,kBAAS;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYhB,OAAO,SAASC,SAASA,CAAC;EACzBC,KAAK;EACLC,YAAY;EACZC,aAAa;EACbC,SAAS;EACTC,KAAK;EACL,GAAGC;AACY,CAAC,EAAE;EAElB,oBACCP,KAAA,CAACN,IAAI;IAAA,GACCa,KAAK;IACVD,KAAK,EAAG,CACPX,SAAS,CAACa,QAAQ,EAClBC,SAAS,CAACC,GAAG,EACbJ,KAAK,CACH;IAAAK,QAAA,GAEDR,YAAY,eAEdL,IAAA,CAACF,IAAI;MAAA,GACCS,SAAS;MACdO,IAAI,EAAGP,SAAS,EAAEO,IAAI,IAAI,UAAY;MACtC,cAAaV,KAAO;MAAAS,QAAA,EAElBT;IAAK,CACF,CAAC,EAELE,aAAa;EAAA,CACV,CAAC;AAGT;AAEA,MACCK,SAAS,GACRhB,UAAU,CAACoB,MAAM,CAAC;EACjBH,GAAG,EAAE;IACJI,SAAS,EAAE;EACZ;AACD,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/form-label/index.tsx"],"mappings":";;AAAA,cAAc,gBAAa;AAC3B,cAAc,qBAAkB;AAChC,cAAc,mBAAgB","ignoreList":[]}

package/lib/module/components/icon/Icon.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import { Component } from 'react';
+import * as IconHelper from '@carbon/icon-helpers';
+import { SvgXml } from 'react-native-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Icon component is intentionally written in the form of React Class Component to support `Animated.createAnimatedComponent` API from React Native Reanimated
+ */
+export class Icon extends Component {
+  render() {
+    try {
+      return /*#__PURE__*/_jsx(SvgXml, {
+        ...this.props,
+        xml: IconHelper.toString(this.props.src),
+        width: this.props.width || '100%',
+        height: this.props.height || '100%'
+      });
+    } catch {
+      return /*#__PURE__*/_jsx(SvgXml, {
+        ...this.props,
+        xml: backupIcon,
+        width: this.props.width || '100%',
+        height: this.props.height || '100%'
+      });
+    }
+  }
+}
+
+/**
+ * Copied from  
+ * https://github.com/carbon-design-system/carbon-react-native/blob/main/src/helpers/index.tsx
+ */
+const backupIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.17 13.69"><line x1="0.71" y1="0.97" x2="12.46" y2="12.72" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="2"/><line x1="1.02" y1="13.02" x2="12.15" y2="0.67" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="2"/></svg>';
+//# sourceMappingURL=Icon.js.map

package/lib/module/components/icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Component","IconHelper","SvgXml","jsx","_jsx","Icon","render","props","xml","toString","src","width","height","backupIcon"],"sourceRoot":"../../../../src","sources":["components/icon/Icon.tsx"],"mappings":";;AAAA,SACCA,SAAS,QACH,OAAO;AAEd,OAAO,KAAKC,UAAU,MAAM,sBAAsB;AAElD,SACCC,MAAM,QACA,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAMzB;AACA;AACA;AACA,OAAO,MAAMC,IAAI,SAASL,SAAS,CAAY;EAErCM,MAAMA,CAAA,EAAG;IACjB,IAAI;MACH,oBACCF,IAAA,CAACF,MAAM;QAAA,GACD,IAAI,CAACK,KAAK;QACfC,GAAG,EAAGP,UAAU,CAACQ,QAAQ,CAAC,IAAI,CAACF,KAAK,CAACG,GAAY,CAAG;QACpDC,KAAK,EAAG,IAAI,CAACJ,KAAK,CAACI,KAAK,IAAI,MAAQ;QACpCC,MAAM,EAAG,IAAI,CAACL,KAAK,CAACK,MAAM,IAAI;MAAQ,CACtC,CAAC;IAEJ,CAAC,CAAC,MAAM;MACP,oBACCR,IAAA,CAACF,MAAM;QAAA,GACD,IAAI,CAACK,KAAK;QACfC,GAAG,EAAGK,UAAY;QAClBF,KAAK,EAAG,IAAI,CAACJ,KAAK,CAACI,KAAK,IAAI,MAAQ;QACpCC,MAAM,EAAG,IAAI,CAACL,KAAK,CAACK,MAAM,IAAI;MAAQ,CACtC,CAAC;IAEJ;EACD;AAED;;AAEA;AACA;AACA;AACA;AACA,MAAMC,UAAU,GAAG,gVAAgV","ignoreList":[]}

package/lib/module/components/icon/IconProps.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=IconProps.js.map

package/lib/module/components/icon/IconProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/icon/IconProps.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/icon/index.js

@@ -1,35 +1,5 @@
 "use strict";
 
-import { Component } from 'react';
-import * as IconHelper from '@carbon/icon-helpers';
-import { SvgXml } from 'react-native-svg';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Icon component is intentionally written in the form of React Class Component to support `Animated.createAnimatedComponent` API from React Native Reanimated
- */
-export class Icon extends Component {
-  render() {
-    try {
-      return /*#__PURE__*/_jsx(SvgXml, {
-        ...this.props,
-        xml: IconHelper.toString(this.props.src),
-        width: this.props.width || '100%',
-        height: this.props.height || '100%'
-      });
-    } catch {
-      return /*#__PURE__*/_jsx(SvgXml, {
-        ...this.props,
-        xml: backupIcon,
-        width: this.props.width || '100%',
-        height: this.props.height || '100%'
-      });
-    }
-  }
-}
-
-/**
- * Copied from  
- * https://github.com/carbon-design-system/carbon-react-native/blob/main/src/helpers/index.tsx
- */
-const backupIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.17 13.69"><line x1="0.71" y1="0.97" x2="12.46" y2="12.72" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="2"/><line x1="1.02" y1="13.02" x2="12.15" y2="0.67" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="2"/></svg>';
+export * from "./Icon.js";
+export * from "./IconProps.js";
 //# sourceMappingURL=index.js.map

package/lib/module/components/icon/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Component","IconHelper","SvgXml","jsx","_jsx","Icon","render","props","xml","toString","src","width","height","backupIcon"],"sourceRoot":"../../../../src","sources":["components/icon/index.tsx"],"mappings":";;AAAA,SACCA,SAAS,QACH,OAAO;AAEd,OAAO,KAAKC,UAAU,MAAM,sBAAsB;AAElD,SACCC,MAAM,QAEA,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAUzB;AACA;AACA;AACA,OAAO,MAAMC,IAAI,SAASL,SAAS,CAAY;EAE9CM,MAAMA,CAAA,EAAG;IACR,IAAI;MACH,oBACCF,IAAA,CAACF,MAAM;QAAA,GACD,IAAI,CAACK,KAAK;QACfC,GAAG,EAAGP,UAAU,CAACQ,QAAQ,CAAC,IAAI,CAACF,KAAK,CAACG,GAAY,CAAG;QACpDC,KAAK,EAAG,IAAI,CAACJ,KAAK,CAACI,KAAK,IAAI,MAAQ;QACpCC,MAAM,EAAG,IAAI,CAACL,KAAK,CAACK,MAAM,IAAI;MAAQ,CACtC,CAAC;IAEJ,CAAC,CAAC,MAAK;MACN,oBACCR,IAAA,CAACF,MAAM;QAAA,GACD,IAAI,CAACK,KAAK;QACfC,GAAG,EAAGK,UAAY;QAClBF,KAAK,EAAG,IAAI,CAACJ,KAAK,CAACI,KAAK,IAAI,MAAQ;QACpCC,MAAM,EAAG,IAAI,CAACL,KAAK,CAACK,MAAM,IAAI;MAAQ,CACtC,CAAC;IAEJ;EACD;AAED;;AAEA;AACA;AACA;AACA;AACA,MAAMC,UAAU,GAAG,gVAAgV","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/icon/index.tsx"],"mappings":";;AAAA,cAAc,WAAQ;AACtB,cAAc,gBAAa","ignoreList":[]}

package/lib/module/components/index.js

@@ -5,6 +5,7 @@ import * as Notification from "./notification/index.js";
 import * as Toggle from "./toggle/index.js";
 export { Button, Notification, Toggle };
 export * from "./accordion/index.js";
+export * from "./button-group/index.js";
 export * from "./checkbox/index.js";
 export * from "./checkbox-group/index.js";
 export * from "./checkbox-input/index.js";
@@ -12,9 +13,20 @@ export * from "./collapsible/index.js";
 export * from "./form-helper-text/index.js";
 export * from "./form-label/index.js";
 export * from "./icon/index.js";
+export * from "./inline-loading/index.js";
+export * from "./layer/index.js";
+export * from "./loading/index.js";
+export * from "./modal/index.js";
+export * from "./modal-content/index.js";
 export * from "./radio-button/index.js";
 export * from "./radio-button-group/index.js";
 export * from "./radio-button-input/index.js";
 export * from "./switch/index.js";
 export * from "./text/index.js";
+export * from "./text-area/index.js";
+export * from "./text-area-field/index.js";
+export * from "./text-area-fluid/index.js";
+export * from "./text-input/index.js";
+export * from "./text-input-field/index.js";
+export * from "./text-input-fluid/index.js";
 //# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Button","Notification","Toggle"],"sourceRoot":"../../../src","sources":["components/index.tsx"],"mappings":";;AAAA,OAAO,KAAKA,MAAM,MAAM,mBAAU;AAClC,OAAO,KAAKC,YAAY,MAAM,yBAAgB;AAC9C,OAAO,KAAKC,MAAM,MAAM,mBAAU;AAElC,SACCF,MAAM,EACNC,YAAY,EACZC,MAAM;AAGP,cAAc,sBAAa;AAC3B,cAAc,qBAAY;AAC1B,cAAc,2BAAkB;AAChC,cAAc,2BAAkB;AAChC,cAAc,wBAAe;AAC7B,cAAc,6BAAoB;AAClC,cAAc,uBAAc;AAC5B,cAAc,iBAAQ;AACtB,cAAc,yBAAgB;AAC9B,cAAc,+BAAsB;AACpC,cAAc,+BAAsB;AACpC,cAAc,mBAAU;AACxB,cAAc,iBAAQ","ignoreList":[]}
+{"version":3,"names":["Button","Notification","Toggle"],"sourceRoot":"../../../src","sources":["components/index.tsx"],"mappings":";;AAAA,OAAO,KAAKA,MAAM,MAAM,mBAAU;AAClC,OAAO,KAAKC,YAAY,MAAM,yBAAgB;AAC9C,OAAO,KAAKC,MAAM,MAAM,mBAAU;AAElC,SACCF,MAAM,EACNC,YAAY,EACZC,MAAM;AAGP,cAAc,sBAAa;AAC3B,cAAc,yBAAgB;AAC9B,cAAc,qBAAY;AAC1B,cAAc,2BAAkB;AAChC,cAAc,2BAAkB;AAChC,cAAc,wBAAe;AAC7B,cAAc,6BAAoB;AAClC,cAAc,uBAAc;AAC5B,cAAc,iBAAQ;AACtB,cAAc,2BAAkB;AAChC,cAAc,kBAAS;AACvB,cAAc,oBAAW;AACzB,cAAc,kBAAS;AACvB,cAAc,0BAAiB;AAC/B,cAAc,yBAAgB;AAC9B,cAAc,+BAAsB;AACpC,cAAc,+BAAsB;AACpC,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,sBAAa;AAC3B,cAAc,4BAAmB;AACjC,cAAc,4BAAmB;AACjC,cAAc,uBAAc;AAC5B,cAAc,6BAAoB;AAClC,cAAc,6BAAoB","ignoreList":[]}

package/lib/module/components/inline-loading/InlineLoading.js

@@ -0,0 +1,64 @@
+"use strict";
+
+import { forwardRef, useContext } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Color } from '@audira/carbon-react-native-elements';
+import IconCheckmarkFilled from '@carbon/icons/svg/32/checkmark--filled.svg';
+import IconErrorFilled from '@carbon/icons/svg/32/error--filled.svg';
+import { FlexStyleSheet } from "../../_internal/style-sheets/index.js";
+import { CarbonStyleSheet } from "../../carbon-style-sheet/index.js";
+import { ThemeContext } from "../../contexts/index.js";
+import { Loading } from "../loading/index.js";
+import { Text } from "../text/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const InlineLoading = /*#__PURE__*/forwardRef(function InlineLoading({
+  state = 'active',
+  text,
+  style,
+  'aria-label': ariaLabel,
+  textProps,
+  ...props
+}, ref) {
+  const themeContext = useContext(ThemeContext);
+  return /*#__PURE__*/_jsxs(View, {
+    ref: ref,
+    ...props,
+    "aria-label": ariaLabel ?? text,
+    style: [FlexStyleSheet.flex_row, FlexStyleSheet.items_center, styleSheet.inlineLoading, style],
+    children: [state == 'active' ? /*#__PURE__*/_jsx(Loading, {
+      type: "small"
+    }) : state == 'error' ? /*#__PURE__*/_jsx(IconErrorFilled, {
+      width: 16,
+      height: 16,
+      fill: mapIconErrorColor[themeContext.colorScheme]
+    }) : state == 'finished' ? /*#__PURE__*/_jsx(IconCheckmarkFilled, {
+      width: 16,
+      height: 16,
+      fill: mapIconCheckmarkColor[themeContext.colorScheme]
+    }) : null, !!text && /*#__PURE__*/_jsx(Text, {
+      ...textProps,
+      type: "body_compact_01",
+      style: [carbonStyleSheet.text, textProps?.style],
+      children: text
+    })]
+  });
+});
+const styleSheet = StyleSheet.create({
+    inlineLoading: {
+      columnGap: 8
+    }
+  }),
+  carbonStyleSheet = CarbonStyleSheet.create({
+    text: {
+      color: CarbonStyleSheet.color.text_secondary
+    }
+  }),
+  mapIconErrorColor = {
+    gray_10: Color.Token.gray_10.support_error,
+    gray_100: Color.Token.gray_100.support_error
+  },
+  mapIconCheckmarkColor = {
+    gray_10: Color.Token.gray_10.support_success,
+    gray_100: Color.Token.gray_100.support_success
+  };
+//# sourceMappingURL=InlineLoading.js.map

package/lib/module/components/inline-loading/InlineLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useContext","StyleSheet","View","Color","IconCheckmarkFilled","IconErrorFilled","FlexStyleSheet","CarbonStyleSheet","ThemeContext","Loading","Text","jsx","_jsx","jsxs","_jsxs","InlineLoading","state","text","style","ariaLabel","textProps","props","ref","themeContext","flex_row","items_center","styleSheet","inlineLoading","children","type","width","height","fill","mapIconErrorColor","colorScheme","mapIconCheckmarkColor","carbonStyleSheet","create","columnGap","color","text_secondary","gray_10","Token","support_error","gray_100","support_success"],"sourceRoot":"../../../../src","sources":["components/inline-loading/InlineLoading.tsx"],"mappings":";;AAAA,SACCA,UAAU,EACVC,UAAU,QACJ,OAAO;AAEd,SACCC,UAAU,EACVC,IAAI,QACE,cAAc;AAErB,SACCC,KAAK,QACC,sCAAsC;AAE7C,OAAOC,mBAAmB,MAAM,4CAA4C;AAC5E,OAAOC,eAAe,MAAM,wCAAwC;AAEpE,SACCC,cAAc,QACR,uCAA8B;AAErC,SACCC,gBAAgB,QACV,mCAA0B;AAEjC,SACCC,YAAY,QACN,yBAAgB;AAEvB,SACCC,OAAO,QACD,qBAAY;AAEnB,SACCC,IAAI,QACE,kBAAS;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUhB,OAAO,MAAMC,aAAa,gBAAGhB,UAAU,CACtC,SAASgB,aAAaA,CACrB;EACCC,KAAK,GAAG,QAAQ;EAChBC,IAAI;EACJC,KAAK;EACL,YAAY,EAAEC,SAAS;EACvBC,SAAS;EACT,GAAGC;AACJ,CAAC,EACDC,GAAG,EACF;EAED,MACCC,YAAY,GACXvB,UAAU,CAACQ,YAAY,CAAC;EAE1B,oBACCM,KAAA,CAACZ,IAAI;IACJoB,GAAG,EAAGA,GAAK;IAAA,GACND,KAAK;IACV,cAAaF,SAAS,IAAIF,IAAM;IAChCC,KAAK,EAAG,CACPZ,cAAc,CAACkB,QAAQ,EACvBlB,cAAc,CAACmB,YAAY,EAC3BC,UAAU,CAACC,aAAa,EACxBT,KAAK,CACH;IAAAU,QAAA,GAEDZ,KAAK,IAAI,QAAQ,gBAClBJ,IAAA,CAACH,OAAO;MACPoB,IAAI,EAAC;IAAO,CACZ,CAAC,GACCb,KAAK,IAAI,OAAO,gBACnBJ,IAAA,CAACP,eAAe;MACfyB,KAAK,EAAG,EAAI;MACZC,MAAM,EAAG,EAAI;MACbC,IAAI,EAAGC,iBAAiB,CAACV,YAAY,CAACW,WAAW;IAAG,CACpD,CAAC,GACClB,KAAK,IAAI,UAAU,gBACtBJ,IAAA,CAACR,mBAAmB;MACnB0B,KAAK,EAAG,EAAI;MACZC,MAAM,EAAG,EAAI;MACbC,IAAI,EAAGG,qBAAqB,CAACZ,YAAY,CAACW,WAAW;IAAG,CACxD,CAAC,GACC,IAAI,EAEN,CAAC,CAACjB,IAAI,iBACPL,IAAA,CAACF,IAAI;MAAA,GACCU,SAAS;MACdS,IAAI,EAAC,iBAAiB;MACtBX,KAAK,EAAG,CAACkB,gBAAgB,CAACnB,IAAI,EAAEG,SAAS,EAAEF,KAAK,CAAG;MAAAU,QAAA,EAEjDX;IAAI,CACD,CACN;EAAA,CACI,CAAC;AAGT,CACD,CAAC;AAED,MACCS,UAAU,GACTzB,UAAU,CAACoC,MAAM,CAAC;IACjBV,aAAa,EAAE;MACdW,SAAS,EAAE;IACZ;EACD,CAAC,CAAC;EAEHF,gBAAgB,GACf7B,gBAAgB,CAAC8B,MAAM,CAAC;IACvBpB,IAAI,EAAE;MACLsB,KAAK,EAAEhC,gBAAgB,CAACgC,KAAK,CAACC;IAC/B;EACD,CAAC,CAAC;EAEHP,iBAA8D,GAC7D;IACCQ,OAAO,EAAEtC,KAAK,CAACuC,KAAK,CAACD,OAAO,CAACE,aAAa;IAC1CC,QAAQ,EAAEzC,KAAK,CAACuC,KAAK,CAACE,QAAQ,CAACD;EAChC,CAAC;EAEFR,qBAAkE,GACjE;IACCM,OAAO,EAAEtC,KAAK,CAACuC,KAAK,CAACD,OAAO,CAACI,eAAe;IAC5CD,QAAQ,EAAEzC,KAAK,CAACuC,KAAK,CAACE,QAAQ,CAACC;EAChC,CAAC","ignoreList":[]}

package/lib/module/components/inline-loading/InlineLoadingProps.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=InlineLoadingProps.js.map

package/lib/module/components/inline-loading/InlineLoadingProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/inline-loading/InlineLoadingProps.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/inline-loading/InlineLoadingRef.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=InlineLoadingRef.js.map

package/lib/module/components/inline-loading/InlineLoadingRef.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/inline-loading/InlineLoadingRef.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/inline-loading/InlineLoadingState.js

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

package/lib/module/components/inline-loading/InlineLoadingState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/inline-loading/InlineLoadingState.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/inline-loading/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from "./InlineLoading.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/inline-loading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/inline-loading/index.tsx"],"mappings":";;AAAA,cAAc,oBAAiB","ignoreList":[]}

package/lib/module/components/layer/Layer.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import { forwardRef, useContext } from 'react';
+import { View } from 'react-native';
+import { Color } from '@audira/carbon-react-native-elements';
+import { MathHelper } from "../../_internal/helpers/index.js";
+import { CarbonStyleSheet } from "../../carbon-style-sheet/index.js";
+import { LayerContext } from "./LayerContext.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Layer = /*#__PURE__*/forwardRef(function Layer({
+  level: levelProp,
+  withBackground,
+  style,
+  ...props
+}, ref) {
+  const layerContextLevel = useContext(LayerContext),
+    level = levelProp ?? layerContextLevel,
+    value = MathHelper.clamp(level + 1, Color.Layer.MinLevel, Color.Layer.MaxLevel);
+  return /*#__PURE__*/_jsx(LayerContext.Provider, {
+    value: value,
+    children: /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      ...props,
+      style: [withBackground ? bgLevelStyleSheet[value] : undefined, style]
+    })
+  });
+});
+const bgLevelStyleSheet = CarbonStyleSheet.create({
+  1: {
+    backgroundColor: CarbonStyleSheet.color.layer_01
+  },
+  2: {
+    backgroundColor: CarbonStyleSheet.color.layer_02
+  },
+  3: {
+    backgroundColor: CarbonStyleSheet.color.layer_03
+  }
+});
+//# sourceMappingURL=Layer.js.map

package/lib/module/components/layer/Layer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useContext","View","Color","MathHelper","CarbonStyleSheet","LayerContext","jsx","_jsx","Layer","level","levelProp","withBackground","style","props","ref","layerContextLevel","value","clamp","MinLevel","MaxLevel","Provider","children","bgLevelStyleSheet","undefined","create","backgroundColor","color","layer_01","layer_02","layer_03"],"sourceRoot":"../../../../src","sources":["components/layer/Layer.tsx"],"mappings":";;AAAA,SACCA,UAAU,EACVC,UAAU,QACJ,OAAO;AAEd,SACCC,IAAI,QAEE,cAAc;AAErB,SACCC,KAAK,QAEC,sCAAsC;AAE7C,SACCC,UAAU,QACJ,kCAAyB;AAEhC,SACCC,gBAAgB,QACV,mCAA0B;AAEjC,SACCC,YAAY,QACN,mBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAUvB,OAAO,MAAMC,KAAK,gBAAGT,UAAU,CAC9B,SAASS,KAAKA,CACb;EACCC,KAAK,EAAEC,SAAS;EAChBC,cAAc;EACdC,KAAK;EACL,GAAGC;AACJ,CAAC,EACDC,GAAG,EACF;EAED,MACCC,iBAAiB,GAChBf,UAAU,CAACK,YAAY,CAAC;IAEzBI,KAAK,GACJC,SAAS,IAAIK,iBAAiB;IAE/BC,KAAK,GACJb,UAAU,CAACc,KAAK,CAACR,KAAK,GAAG,CAAC,EAAEP,KAAK,CAACM,KAAK,CAACU,QAAQ,EAAEhB,KAAK,CAACM,KAAK,CAACW,QAAQ,CAAC;EAEzE,oBACCZ,IAAA,CAACF,YAAY,CAACe,QAAQ;IAACJ,KAAK,EAAGA,KAAO;IAAAK,QAAA,eACrCd,IAAA,CAACN,IAAI;MACJa,GAAG,EAAGA,GAAK;MAAA,GACND,KAAK;MACVD,KAAK,EAAG,CACPD,cAAc,GACXW,iBAAiB,CAACN,KAAK,CAAC,GACxBO,SAAS,EACZX,KAAK;IACH,CACH;EAAC,CACoB,CAAC;AAG1B,CACD,CAAC;AAED,MACCU,iBAAiB,GAChBlB,gBAAgB,CAACoB,MAAM,CAAqC;EAC3D,CAAC,EAAE;IACFC,eAAe,EAAErB,gBAAgB,CAACsB,KAAK,CAACC;EACzC,CAAC;EACD,CAAC,EAAE;IACFF,eAAe,EAAErB,gBAAgB,CAACsB,KAAK,CAACE;EACzC,CAAC;EACD,CAAC,EAAE;IACFH,eAAe,EAAErB,gBAAgB,CAACsB,KAAK,CAACG;EACzC;AACD,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/layer/LayerContext.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { createContext } from 'react';
+export const LayerContext = /*#__PURE__*/createContext(1);
+//# sourceMappingURL=LayerContext.js.map

package/lib/module/components/layer/LayerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","LayerContext"],"sourceRoot":"../../../../src","sources":["components/layer/LayerContext.ts"],"mappings":";;AAAA,SACCA,aAAa,QACP,OAAO;AAMd,OAAO,MAAMC,YAAY,gBAAGD,aAAa,CAAkB,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/layer/LayerProps.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=LayerProps.js.map

package/lib/module/components/layer/LayerProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/layer/LayerProps.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/layer/LayerRef.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=LayerRef.js.map

package/lib/module/components/layer/LayerRef.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/layer/LayerRef.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/layer/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./Layer.js";
+export * from "./LayerContext.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/layer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/layer/index.tsx"],"mappings":";;AAAA,cAAc,YAAS;AACvB,cAAc,mBAAgB","ignoreList":[]}

package/lib/module/components/loading/Loading.js

@@ -0,0 +1,55 @@
+"use strict";
+
+import { forwardRef, useContext, useEffect, useRef } from 'react';
+import { Animated, Easing } from 'react-native';
+import { Motion } from '@audira/carbon-react-native-elements';
+import { ThemeContext } from "../../contexts/index.js";
+import { LayerContext } from "../layer/index.js";
+import { CircularProgress } from "./_circular-progress/index.js";
+import { MapCircleBackgroundColor } from "./_map-circle-background-color.js";
+import { MapCircleStrokeColor } from "./_map-circle-stroke-color.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Loading = /*#__PURE__*/forwardRef(function ({
+  type = 'large',
+  style,
+  ...props
+}, ref) {
+  const layerContext = useContext(LayerContext),
+    themeContext = useContext(ThemeContext),
+    /**
+     * To animate degree unit, we have to animate it through interpolation
+     * 
+     * - 0 = 0deg
+     * - 1 = 360deg
+     */
+    rotationValue = useRef(new Animated.Value(0));
+  useEffect(() => {
+    const loop = Animated.loop(Animated.timing(rotationValue.current, {
+      toValue: 1,
+      duration: Motion.Duration.slow_02,
+      easing: Easing.linear,
+      useNativeDriver: false
+    }), {
+      iterations: -1
+    });
+    loop.start();
+    return loop.stop;
+  }, []);
+  return /*#__PURE__*/_jsx(AnimatedCircularProgress, {
+    forwardedRef: ref,
+    ...props,
+    type: type,
+    circleStrokeColor: MapCircleStrokeColor[themeContext.colorScheme],
+    circleBackgroundColor: MapCircleBackgroundColor[layerContext][themeContext.colorScheme],
+    style: [{
+      transform: [{
+        rotateZ: rotationValue.current.interpolate({
+          inputRange: [0, 1],
+          outputRange: ['0deg', '360deg']
+        })
+      }]
+    }, style]
+  });
+});
+const AnimatedCircularProgress = Animated.createAnimatedComponent(CircularProgress);
+//# sourceMappingURL=Loading.js.map

package/lib/module/components/loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useContext","useEffect","useRef","Animated","Easing","Motion","ThemeContext","LayerContext","CircularProgress","MapCircleBackgroundColor","MapCircleStrokeColor","jsx","_jsx","Loading","type","style","props","ref","layerContext","themeContext","rotationValue","Value","loop","timing","current","toValue","duration","Duration","slow_02","easing","linear","useNativeDriver","iterations","start","stop","AnimatedCircularProgress","forwardedRef","circleStrokeColor","colorScheme","circleBackgroundColor","transform","rotateZ","interpolate","inputRange","outputRange","createAnimatedComponent"],"sourceRoot":"../../../../src","sources":["components/loading/Loading.tsx"],"mappings":";;AAAA,SACCA,UAAU,EACVC,UAAU,EACVC,SAAS,EACTC,MAAM,QACA,OAAO;AAEd,SACCC,QAAQ,EACRC,MAAM,QACA,cAAc;AAErB,SACCC,MAAM,QACA,sCAAsC;AAE7C,SACCC,YAAY,QACN,yBAAgB;AAEvB,SACCC,YAAY,QACN,mBAAU;AAUjB,SACCC,gBAAgB,QACV,+BAAsB;AAE7B,SACCC,wBAAwB,QAClB,mCAAgC;AAEvC,SACCC,oBAAoB,QACd,+BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEnC,OAAO,MAAMC,OAAO,gBAAGd,UAAU,CAChC,UACC;EACCe,IAAI,GAAG,OAAO;EACdC,KAAK;EACL,GAAGC;AACJ,CAAC,EACDC,GAAG,EACF;EAED,MACCC,YAAY,GACXlB,UAAU,CAACO,YAAY,CAAC;IAEzBY,YAAY,GACXnB,UAAU,CAACM,YAAY,CAAC;IAEzB;AACH;AACA;AACA;AACA;AACA;IACGc,aAAa,GACZlB,MAAM,CAAC,IAAIC,QAAQ,CAACkB,KAAK,CAAC,CAAC,CAAC,CAAC;EAE/BpB,SAAS,CAAC,MAAM;IACf,MAAMqB,IAAI,GAAGnB,QAAQ,CAACmB,IAAI,CACzBnB,QAAQ,CAACoB,MAAM,CACdH,aAAa,CAACI,OAAO,EACrB;MACCC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAErB,MAAM,CAACsB,QAAQ,CAACC,OAAO;MACjCC,MAAM,EAAEzB,MAAM,CAAC0B,MAAM;MACrBC,eAAe,EAAE;IAClB,CACD,CAAC,EACD;MACCC,UAAU,EAAE,CAAC;IACd,CACD,CAAC;IACDV,IAAI,CAACW,KAAK,CAAC,CAAC;IACZ,OAAOX,IAAI,CAACY,IAAI;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACCtB,IAAA,CAACuB,wBAAwB;IACxBC,YAAY,EAAGnB,GAAK;IAAA,GACfD,KAAK;IACVF,IAAI,EAAGA,IAAM;IACbuB,iBAAiB,EAAG3B,oBAAoB,CAACS,YAAY,CAACmB,WAAW,CAAG;IACpEC,qBAAqB,EAAG9B,wBAAwB,CAACS,YAAY,CAAC,CAACC,YAAY,CAACmB,WAAW,CAAG;IAC1FvB,KAAK,EAAG,CACP;MACCyB,SAAS,EAAE,CAAC;QACXC,OAAO,EAAErB,aAAa,CAACI,OAAO,CAACkB,WAAW,CAAC;UAC1CC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;UAClBC,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ;QAC/B,CAAC;MACF,CAAC;IACF,CAAC,EACD7B,KAAK;EACH,CACH,CAAC;AAGJ,CACD,CAAC;AAED,MACCoB,wBAAwB,GACvBhC,QAAQ,CAAC0C,uBAAuB,CAACrC,gBAAgB,CAAC","ignoreList":[]}

package/lib/module/components/loading/LoadingProps.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=LoadingProps.js.map

package/lib/module/components/loading/LoadingProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/loading/LoadingProps.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/loading/LoadingRef.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=LoadingRef.js.map

package/lib/module/components/loading/LoadingRef.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/loading/LoadingRef.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/loading/LoadingType.js

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

package/lib/module/components/loading/LoadingType.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/loading/LoadingType.ts"],"mappings":"","ignoreList":[]}