@jamadd/react-native-template-ui 0.1.1

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2025 JaMaD&D
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,272 @@
+# React Native Template UI
+
+**React Native Template UI** provides a set of UI components designed by **JaMa D&D**.
+
+All UI components are built on top of different common React Native packages to provide great performace, usability and flexibility.
+
+## Features
+
+- Comprehensive UI components for building React Native applications with ease
+- Built on top of popular packages like [`React Native Reanimated`](https://docs.swmansion.com/react-native-reanimated/), [`React Native Gesture Handler`](https://docs.swmansion.com/react-native-gesture-handler/) and [`FlashList`](https://shopify.github.io/flash-list/)
+- Supports theming and customization with [`Restyle`](https://shopify.github.io/restyle/)
+- Supports edge-to-edge design with [`React Native Safe Area Context`](https://appandflow.github.io/react-native-safe-area-context/)
+
+## Prerequisites
+
+**React Native Template UI** requires the following dependencies to function properly:
+
+- [@jamadd/react-native-template-icons](https://github.com/jamadd/react-native-template-icons/#installation)
+- [@shopify/flash-list](https://shopify.github.io/flash-list/docs/#installation)
+- [@shopify/restyle](https://shopify.github.io/restyle/#installation)
+- [react-native-gesture-handler](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/installation)
+- [react-native-reanimated](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started/#installation)
+- [react-native-safe-area-context](https://appandflow.github.io/react-native-safe-area-context/)
+- [react-native-worklets](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started/#dependencies)
+
+You may want to check the documentation of each dependency for installation and setup instructions.
+
+```sh
+yarn add @jamadd/react-native-template-icons @shopify/flash-list @shopify/restyle react-native-gesture-handler react-native-reanimated react-native-safe-area-context react-native-worklets
+```
+
+or
+
+```sh
+npm install @jamadd/react-native-template-icons @shopify/flash-list @shopify/restyle react-native-gesture-handler react-native-reanimated react-native-safe-area-context react-native-worklets
+```
+
+## Installation
+
+```sh
+yarn add @jamadd/react-native-template-ui
+```
+
+or
+
+```sh
+npm install @jamadd/react-native-template-ui
+```
+
+## Usage
+
+### Creating a Custom Theme
+
+To create a look and feel that matches your application/brand, you **should** create a custom theme by following these steps:
+
+1. Create a theme by extending the default theme or creating a theme from scratch.
+   1. Extending the default themes
+      <details>
+      <summary>Click to expand</summary>
+
+      ```ts
+      import { lightTheme, darkTheme } from '@jamadd/react-native-template-ui';
+      import { createTheme } from '@shopify/restyle';
+
+      // Minimal example of creating custom light & dark themes by    extending the default themes
+      const customLightTheme = createTheme({
+        ...lightTheme,
+        colors: {
+          ...lightTheme.colors,
+          theme: '#ff6347',
+        },
+      });
+
+      const customDarkTheme = createTheme({
+        ...darkTheme,
+        colors: {
+          ...darkTheme.colors,
+          theme: customLightTheme.colors.theme,
+        },
+      });
+      ```
+
+      </details>
+
+   2. Or creating themes from scratch
+      <details>
+      <summary>Click to expand</summary>
+
+      ```ts
+      import { createTheme } from '@shopify/restyle';
+
+      // Example of creating light & dark themes from scratch (theme structure must follow the default themes)
+      const customLightTheme = createTheme({
+        colors: {
+          transparent: YOUR_CUSTOM_COLOR,
+          theme: YOUR_CUSTOM_COLOR,
+          background: YOUR_CUSTOM_COLOR,
+          backgroundOverlay: YOUR_CUSTOM_COLOR,
+          text: YOUR_CUSTOM_COLOR,
+          textOverlay: YOUR_CUSTOM_COLOR,
+          textBtn: YOUR_CUSTOM_COLOR,
+          border: YOUR_CUSTOM_COLOR,
+          separator: YOUR_CUSTOM_COLOR,
+          err: YOUR_CUSTOM_COLOR,
+        },
+        spacing: {
+          none: 0,
+          xxxs: YOUR_CUSTOM_SPACING,
+          xxs: YOUR_CUSTOM_SPACING,
+          xs: YOUR_CUSTOM_SPACING,
+          s: YOUR_CUSTOM_SPACING,
+          m: YOUR_CUSTOM_SPACING,
+          l: YOUR_CUSTOM_SPACING,
+          xl: YOUR_CUSTOM_SPACING,
+          xxl: YOUR_CUSTOM_SPACING,
+          xxxl: YOUR_CUSTOM_SPACING,
+        },
+        breakpoints: {
+          smallPhone: YOUR_CUSTOM_BREAKPOINT,
+          phone: YOUR_CUSTOM_BREAKPOINT,
+          smallTablet: YOUR_CUSTOM_BREAKPOINT,
+          tablet: YOUR_CUSTOM_BREAKPOINT,
+          desktop: YOUR_CUSTOM_BREAKPOINT,
+        },
+        zIndices: {
+          bottom: YOUR_CUSTOM_Z_INDEX,
+          middle: YOUR_CUSTOM_Z_INDEX,
+          top: YOUR_CUSTOM_Z_INDEX,
+        },
+        borderRadii: {
+          s: YOUR_CUSTOM_RADIUS,
+          m: YOUR_CUSTOM_RADIUS,
+          l: YOUR_CUSTOM_RADIUS,
+          circle: YOUR_CUSTOM_RADIUS,
+        },
+        textVariants: {
+          textXS: YOUR_CUSTOM_TEXT_VARIANT,
+          textXSBold: YOUR_CUSTOM_TEXT_VARIANT,
+          textS: YOUR_CUSTOM_TEXT_VARIANT,
+          textSBold: YOUR_CUSTOM_TEXT_VARIANT,
+          textM: YOUR_CUSTOM_TEXT_VARIANT,
+          textMBold: YOUR_CUSTOM_TEXT_VARIANT,
+          textL: YOUR_CUSTOM_TEXT_VARIANT,
+          textLBold: YOUR_CUSTOM_TEXT_VARIANT,
+          textXL: YOUR_CUSTOM_TEXT_VARIANT,
+          textXLBold: YOUR_CUSTOM_TEXT_VARIANT,
+          defaults: YOUR_CUSTOM_TEXT_VARIANT,
+        },
+      });
+
+      const customDarkTheme = createTheme({
+        ...customLightTheme,
+        colors: {
+          ...customLightTheme.colors,
+          background: YOUR_CUSTOM_COLOR,
+          text: YOUR_CUSTOM_COLOR,
+        },
+      });
+      ```
+
+      </details>
+
+   Both extended and from-scratch themes can add more custom properties or override existing properties as needed.
+
+   For more information on how to create a theme, you may refer to the [Restyle documentation](https://shopify.github.io/restyle/fundamentals/defining-your-theme).
+
+2. Override the default theme's type by declaring the global type `ReactNativeTemplateTheme` in `global.d.ts`.
+
+   ```ts
+   declare global {
+     type ReactNativeTemplateTheme = typeof customLightTheme;
+   }
+   ```
+
+### Wrapping Your Application with Providers
+
+Wrap your application with ReactNativeTemplateProviders (which includes GestureProvider, InsetsProvider and ThemeProvider).
+
+```tsx
+import {
+  ReactNativeTemplateProviders,
+  useIsDarkColorScheme,
+} from '@jamadd/react-native-template-ui';
+
+const isDarkColorScheme = useIsDarkColorScheme();
+
+<ReactNativeTemplateProviders
+  theme={isDarkColorScheme ? customDarkTheme : customLightTheme}
+>
+  {/* Your app code */}
+</ReactNativeTemplateProviders>;
+```
+
+### Using Components
+
+Now you can use the components provided by **React Native Template UI** in your application.
+
+```tsx
+import { ThemedBtn } from '@jamadd/react-native-template-ui';
+
+<ThemedBtn
+  onPress={() => {
+    console.log('Button pressed');
+  }}
+  text={'Press Me'}
+/>;
+```
+
+## Available Components
+
+### Buttons
+
+- AnimatedThemedPressable
+- ThemedBtn
+- ThemedIconBtn
+- ThemedIconTextBtn
+- ThemedPressable
+
+### List
+
+- List
+
+### Icons and Texts
+
+- ThemedIcon
+- ThemedIconText
+- ThemedText
+
+### Loading Indicator
+
+- ThemedLoading
+
+### Overlays
+
+- ActionSheet
+- Alert
+- ThemedLoadingModal
+- ThemedModal
+- ThemedToast
+
+### Providers
+
+- GestureProvider
+- InsetsProvider
+- ThemeProvider
+
+### Separator
+
+- ThemedSeparator
+
+### Switch
+
+- ThemedSwitch
+
+### Views
+
+- AnimatedThemedView
+- ThemedScreenWrap
+- ThemedScrollView
+- ThemedView
+
+## Demo Applications
+
+TODO
+
+## Contributing
+
+See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
+
+## License
+
+MIT

package/lib/commonjs/components/btn/AnimatedPressable.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.AnimatedPressable = void 0;
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/** @internal */
+
+const AnimatedPressable = exports.AnimatedPressable = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.Pressable);
+var _default = exports.default = AnimatedPressable;
+//# sourceMappingURL=AnimatedPressable.js.map

package/lib/commonjs/components/btn/AnimatedPressable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireDefault","e","__esModule","default","AnimatedPressable","exports","Animated","createAnimatedComponent","Pressable","_default"],"sourceRoot":"../../../../src","sources":["components/btn/AnimatedPressable.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA+C,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAF/C;;AAIO,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,8BAAQ,CAACC,uBAAuB,CAACC,sBAAS,CAAC;AAAC,IAAAC,QAAA,GAAAJ,OAAA,CAAAF,OAAA,GAE9DC,iBAAiB","ignoreList":[]}

package/lib/commonjs/components/btn/AnimatedThemedPressable.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _compilerRuntime = require("react/compiler-runtime");
+var _btn = require("../../hooks/btn.js");
+var _AnimatedPressable = _interopRequireDefault(require("./AnimatedPressable.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AnimatedThemedPressable = props => {
+  const $ = (0, _compilerRuntime.c)(4);
+  const {
+    onPress,
+    style,
+    restyle
+  } = (0, _btn.useThemedPressable)(props, true);
+  let t0;
+  if ($[0] !== onPress || $[1] !== restyle || $[2] !== style) {
+    t0 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimatedPressable.default, {
+      onPress: onPress,
+      style: style,
+      ...restyle
+    });
+    $[0] = onPress;
+    $[1] = restyle;
+    $[2] = style;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  return t0;
+};
+var _default = exports.default = AnimatedThemedPressable;
+//# sourceMappingURL=AnimatedThemedPressable.js.map

package/lib/commonjs/components/btn/AnimatedThemedPressable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_btn","require","_AnimatedPressable","_interopRequireDefault","_jsxRuntime","e","__esModule","default","AnimatedThemedPressable","props","$","_compilerRuntime","c","onPress","style","restyle","useThemedPressable","t0","jsx","_default","exports"],"sourceRoot":"../../../../src","sources":["components/btn/AnimatedThemedPressable.tsx"],"mappings":";;;;;;;AACA,IAAAA,IAAA,GAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAoD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpD,MAAMG,uBAAyD,GAAGC,KAAA;EAAA,MAAAC,CAAA,OAAAC,gBAAA,CAAAC,CAAA;EAChE;IAAAC,OAAA;IAAAC,KAAA;IAAAC;EAAA,IAAoC,IAAAf,IAAA,CAAAgB,kBAAA,EAAmBP,KAAK,MAAM,CAAC;EAAC,IAAAQ,EAAA;EAAA,IAAAP,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAK,OAAA,IAAAL,CAAA,QAAAI,KAAA;IAE7DG,EAAA,oBAAAb,WAAA,CAAAc,GAAA,EAAChB,kBAAA,CAAAK,OAAiB;MAAUM,OAAO,EAAPA,OAAO;MAASC,KAAK,EAALA,KAAK;MAAA,GAAMC;IAAO,CAAG,CAAC;IAAAL,CAAA,MAAAG,OAAA;IAAAH,CAAA,MAAAK,OAAA;IAAAL,CAAA,MAAAI,KAAA;IAAAJ,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAAA,OAAlEO,EAAkE;AAAA,CAC1E;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEaC,uBAAuB","ignoreList":[]}

package/lib/commonjs/components/btn/ThemedBtn.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _compilerRuntime = require("react/compiler-runtime");
+var _const = require("../../utils/btn/const.js");
+var _ThemedText = _interopRequireDefault(require("../text/ThemedText.js"));
+var _ThemedPressable = _interopRequireDefault(require("./ThemedPressable.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ThemedBtn = t0 => {
+  const $ = (0, _compilerRuntime.c)(20);
+  let props;
+  let t1;
+  let text;
+  let textFontSize;
+  let textFontWeight;
+  let textProps;
+  let textStyle;
+  let textVariant;
+  if ($[0] !== t0) {
+    ({
+      text,
+      textVariant,
+      textFontSize,
+      textFontWeight,
+      textColor: t1,
+      textStyle,
+      textProps,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+    $[2] = t1;
+    $[3] = text;
+    $[4] = textFontSize;
+    $[5] = textFontWeight;
+    $[6] = textProps;
+    $[7] = textStyle;
+    $[8] = textVariant;
+  } else {
+    props = $[1];
+    t1 = $[2];
+    text = $[3];
+    textFontSize = $[4];
+    textFontWeight = $[5];
+    textProps = $[6];
+    textStyle = $[7];
+    textVariant = $[8];
+  }
+  const textColor = t1 === undefined ? "textBtn" : t1;
+  let t2;
+  if ($[9] !== text || $[10] !== textColor || $[11] !== textFontSize || $[12] !== textFontWeight || $[13] !== textProps || $[14] !== textStyle || $[15] !== textVariant) {
+    t2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemedText.default, {
+      numberOfLines: 1,
+      variant: textVariant,
+      fontSize: textFontSize,
+      fontWeight: textFontWeight,
+      color: textColor,
+      style: textStyle,
+      ...textProps,
+      children: text
+    });
+    $[9] = text;
+    $[10] = textColor;
+    $[11] = textFontSize;
+    $[12] = textFontWeight;
+    $[13] = textProps;
+    $[14] = textStyle;
+    $[15] = textVariant;
+    $[16] = t2;
+  } else {
+    t2 = $[16];
+  }
+  let t3;
+  if ($[17] !== props || $[18] !== t2) {
+    t3 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemedPressable.default, {
+      scaleRatio: _const.BtnScaleRatio.Rectangle,
+      alignItems: "center",
+      paddingVertical: "s",
+      paddingHorizontal: "m",
+      backgroundColor: "theme",
+      ...props,
+      children: t2
+    });
+    $[17] = props;
+    $[18] = t2;
+    $[19] = t3;
+  } else {
+    t3 = $[19];
+  }
+  return t3;
+};
+var _default = exports.default = ThemedBtn;
+//# sourceMappingURL=ThemedBtn.js.map

package/lib/commonjs/components/btn/ThemedBtn.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_const","require","_ThemedText","_interopRequireDefault","_ThemedPressable","_jsxRuntime","e","__esModule","default","ThemedBtn","t0","$","_compilerRuntime","c","props","t1","text","textFontSize","textFontWeight","textProps","textStyle","textVariant","textColor","undefined","t2","jsx","numberOfLines","children","t3","scaleRatio","BtnScaleRatio","Rectangle","alignItems","paddingVertical","paddingHorizontal","backgroundColor","_default","exports"],"sourceRoot":"../../../../src","sources":["components/btn/ThemedBtn.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/btn/ThemedIconBtn.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _compilerRuntime = require("react/compiler-runtime");
+var _const = require("../../utils/btn/const.js");
+var _ThemedIcon = _interopRequireDefault(require("../icon/ThemedIcon.js"));
+var _ThemedPressable = _interopRequireDefault(require("./ThemedPressable.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ThemedIconBtn = t0 => {
+  const $ = (0, _compilerRuntime.c)(16);
+  let iconColor;
+  let iconName;
+  let iconProps;
+  let iconSize;
+  let iconStyle;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      iconName,
+      iconSize,
+      iconColor,
+      iconStyle,
+      iconProps,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = iconColor;
+    $[2] = iconName;
+    $[3] = iconProps;
+    $[4] = iconSize;
+    $[5] = iconStyle;
+    $[6] = props;
+  } else {
+    iconColor = $[1];
+    iconName = $[2];
+    iconProps = $[3];
+    iconSize = $[4];
+    iconStyle = $[5];
+    props = $[6];
+  }
+  let t1;
+  if ($[7] !== iconColor || $[8] !== iconName || $[9] !== iconProps || $[10] !== iconSize || $[11] !== iconStyle) {
+    t1 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemedIcon.default, {
+      name: iconName,
+      size: iconSize,
+      color: iconColor,
+      style: iconStyle,
+      ...iconProps
+    });
+    $[7] = iconColor;
+    $[8] = iconName;
+    $[9] = iconProps;
+    $[10] = iconSize;
+    $[11] = iconStyle;
+    $[12] = t1;
+  } else {
+    t1 = $[12];
+  }
+  let t2;
+  if ($[13] !== props || $[14] !== t1) {
+    t2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemedPressable.default, {
+      scaleRatio: _const.BtnScaleRatio.Square,
+      alignItems: "center",
+      padding: "s",
+      ...props,
+      children: t1
+    });
+    $[13] = props;
+    $[14] = t1;
+    $[15] = t2;
+  } else {
+    t2 = $[15];
+  }
+  return t2;
+};
+var _default = exports.default = ThemedIconBtn;
+//# sourceMappingURL=ThemedIconBtn.js.map

package/lib/commonjs/components/btn/ThemedIconBtn.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_const","require","_ThemedIcon","_interopRequireDefault","_ThemedPressable","_jsxRuntime","e","__esModule","default","ThemedIconBtn","t0","$","_compilerRuntime","c","iconColor","iconName","iconProps","iconSize","iconStyle","props","t1","jsx","t2","scaleRatio","BtnScaleRatio","Square","alignItems","padding","children","_default","exports"],"sourceRoot":"../../../../src","sources":["components/btn/ThemedIconBtn.tsx"],"mappings":";;;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAgD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhD,MAAMG,aAAqC,GAAGC,EAAA;EAAA,MAAAC,CAAA,OAAAC,gBAAA,CAAAC,CAAA;EAAA,IAAAC,SAAA;EAAA,IAAAC,QAAA;EAAA,IAAAC,SAAA;EAAA,IAAAC,QAAA;EAAA,IAAAC,SAAA;EAAA,IAAAC,KAAA;EAAA,IAAAR,CAAA,QAAAD,EAAA;IAAC;MAAAK,QAAA;MAAAE,QAAA;MAAAH,SAAA;MAAAI,SAAA;MAAAF,SAAA;MAAA,GAAAG;IAAA,IAAAT,EAO9C;IAAAC,CAAA,MAAAD,EAAA;IAAAC,CAAA,MAAAG,SAAA;IAAAH,CAAA,MAAAI,QAAA;IAAAJ,CAAA,MAAAK,SAAA;IAAAL,CAAA,MAAAM,QAAA;IAAAN,CAAA,MAAAO,SAAA;IAAAP,CAAA,MAAAQ,KAAA;EAAA;IAAAL,SAAA,GAAAH,CAAA;IAAAI,QAAA,GAAAJ,CAAA;IAAAK,SAAA,GAAAL,CAAA;IAAAM,QAAA,GAAAN,CAAA;IAAAO,SAAA,GAAAP,CAAA;IAAAQ,KAAA,GAAAR,CAAA;EAAA;EAAA,IAAAS,EAAA;EAAA,IAAAT,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAI,QAAA,IAAAJ,CAAA,QAAAK,SAAA,IAAAL,CAAA,SAAAM,QAAA,IAAAN,CAAA,SAAAO,SAAA;IAQKE,EAAA,oBAAAf,WAAA,CAAAgB,GAAA,EAACnB,WAAA,CAAAM,OAAU;MACHO,IAAQ,EAARA,QAAQ;MACRE,IAAQ,EAARA,QAAQ;MACPH,KAAS,EAATA,SAAS;MACTI,KAAS,EAATA,SAAS;MAAA,GACZF;IAAS,CACd,CAAC;IAAAL,CAAA,MAAAG,SAAA;IAAAH,CAAA,MAAAI,QAAA;IAAAJ,CAAA,MAAAK,SAAA;IAAAL,CAAA,OAAAM,QAAA;IAAAN,CAAA,OAAAO,SAAA;IAAAP,CAAA,OAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAA,IAAAW,EAAA;EAAA,IAAAX,CAAA,SAAAQ,KAAA,IAAAR,CAAA,SAAAS,EAAA;IAZJE,EAAA,oBAAAjB,WAAA,CAAAgB,GAAA,EAACjB,gBAAA,CAAAI,OAAe;MACFe,UAAoB,EAAAvB,MAAA,CAAAwB,aAAA,CAAAC,MAAA;MACpBC,UAAQ,EAAR,QAAQ;MACXC,OAAG,EAAH,GAAG;MAAA,GACRR,KAAK;MAAAS,QAAA,EAETR;IAME,CACa,CAAC;IAAAT,CAAA,OAAAQ,KAAA;IAAAR,CAAA,OAAAS,EAAA;IAAAT,CAAA,OAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EAAA,OAblBW,EAakB;AAAA,CAErB;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEaC,aAAa","ignoreList":[]}

package/lib/commonjs/components/btn/ThemedIconTextBtn.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _compilerRuntime = require("react/compiler-runtime");
+var _const = require("../../utils/btn/const.js");
+var _ThemedIconText = _interopRequireDefault(require("../text/ThemedIconText.js"));
+var _ThemedPressable = _interopRequireDefault(require("./ThemedPressable.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ThemedIconTextBtn = t0 => {
+  const $ = (0, _compilerRuntime.c)(37);
+  let children;
+  let flip;
+  let iconColor;
+  let iconName;
+  let iconProps;
+  let iconSize;
+  let iconStyle;
+  let iconTextProps;
+  let props;
+  let t1;
+  let text;
+  let textFontSize;
+  let textFontWeight;
+  let textProps;
+  let textStyle;
+  let textVariant;
+  if ($[0] !== t0) {
+    ({
+      flip,
+      iconTextProps,
+      iconName,
+      iconSize,
+      iconColor,
+      iconStyle,
+      iconProps,
+      text,
+      textVariant,
+      textFontSize,
+      textFontWeight,
+      textColor: t1,
+      textStyle,
+      textProps,
+      children,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = flip;
+    $[3] = iconColor;
+    $[4] = iconName;
+    $[5] = iconProps;
+    $[6] = iconSize;
+    $[7] = iconStyle;
+    $[8] = iconTextProps;
+    $[9] = props;
+    $[10] = t1;
+    $[11] = text;
+    $[12] = textFontSize;
+    $[13] = textFontWeight;
+    $[14] = textProps;
+    $[15] = textStyle;
+    $[16] = textVariant;
+  } else {
+    children = $[1];
+    flip = $[2];
+    iconColor = $[3];
+    iconName = $[4];
+    iconProps = $[5];
+    iconSize = $[6];
+    iconStyle = $[7];
+    iconTextProps = $[8];
+    props = $[9];
+    t1 = $[10];
+    text = $[11];
+    textFontSize = $[12];
+    textFontWeight = $[13];
+    textProps = $[14];
+    textStyle = $[15];
+    textVariant = $[16];
+  }
+  const textColor = t1 === undefined ? "theme" : t1;
+  const t2 = children ? "space-between" : "center";
+  let t3;
+  if ($[17] !== flip || $[18] !== iconColor || $[19] !== iconName || $[20] !== iconProps || $[21] !== iconSize || $[22] !== iconStyle || $[23] !== iconTextProps || $[24] !== text || $[25] !== textColor || $[26] !== textFontSize || $[27] !== textFontWeight || $[28] !== textProps || $[29] !== textStyle || $[30] !== textVariant) {
+    t3 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemedIconText.default, {
+      iconName: iconName,
+      iconSize: iconSize,
+      iconColor: iconColor,
+      iconStyle: iconStyle,
+      iconProps: iconProps,
+      text: text,
+      textVariant: textVariant,
+      textFontSize: textFontSize,
+      textFontWeight: textFontWeight,
+      textColor: textColor,
+      textStyle: textStyle,
+      textProps: textProps,
+      flip: flip,
+      ...iconTextProps
+    });
+    $[17] = flip;
+    $[18] = iconColor;
+    $[19] = iconName;
+    $[20] = iconProps;
+    $[21] = iconSize;
+    $[22] = iconStyle;
+    $[23] = iconTextProps;
+    $[24] = text;
+    $[25] = textColor;
+    $[26] = textFontSize;
+    $[27] = textFontWeight;
+    $[28] = textProps;
+    $[29] = textStyle;
+    $[30] = textVariant;
+    $[31] = t3;
+  } else {
+    t3 = $[31];
+  }
+  let t4;
+  if ($[32] !== children || $[33] !== props || $[34] !== t2 || $[35] !== t3) {
+    t4 = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ThemedPressable.default, {
+      scaleRatio: _const.BtnScaleRatio.Rectangle,
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: t2,
+      paddingVertical: "s",
+      paddingHorizontal: "m",
+      ...props,
+      children: [t3, children]
+    });
+    $[32] = children;
+    $[33] = props;
+    $[34] = t2;
+    $[35] = t3;
+    $[36] = t4;
+  } else {
+    t4 = $[36];
+  }
+  return t4;
+};
+var _default = exports.default = ThemedIconTextBtn;
+//# sourceMappingURL=ThemedIconTextBtn.js.map