@lmb-it/kitsconcerto-native 0.1.236

package/apps/mobile/src/Core/ProgressBar/index.cjs

@@ -0,0 +1,182 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactNative = require('react-native');
+require('../../ui/accordion/index.cjs');
+require('../../ui/actionsheet/index.cjs');
+require('../../ui/alert/index.cjs');
+require('../../ui/alert-dialog/index.cjs');
+require('../../ui/avatar/index.cjs');
+require('../../ui/badge/index.cjs');
+require('../../ui/bottomsheet/index.cjs');
+var index = require('../../ui/box/index.cjs');
+require('../../ui/button/index.cjs');
+require('../../ui/card/index.cjs');
+require('../../ui/center/index.cjs');
+require('../../ui/checkbox/index.cjs');
+require('../../ui/divider/index.cjs');
+require('../../ui/drawer/index.cjs');
+require('../../ui/fab/index.cjs');
+require('../../ui/form-control/index.cjs');
+require('../../ui/gluestack-ui-provider/config.cjs');
+require('@gluestack-ui/core/overlay/creator');
+require('@gluestack-ui/core/toast/creator');
+require('nativewind');
+require('../../ui/grid/index.cjs');
+require('../../ui/heading/index.cjs');
+require('../../ui/hstack/index.cjs');
+require('../../ui/icon/index.cjs');
+require('../../ui/image/index.cjs');
+require('../../ui/image-background/index.cjs');
+require('../../ui/input/index.cjs');
+require('../../ui/link/index.cjs');
+require('../../ui/menu/index.cjs');
+require('../../ui/modal/index.cjs');
+require('../../ui/popover/index.cjs');
+require('../../ui/portal/index.cjs');
+require('../../ui/pressable/index.cjs');
+require('../../ui/progress/index.cjs');
+require('../../ui/radio/index.cjs');
+require('react-native-safe-area-context');
+require('../../ui/select/index.cjs');
+require('../../ui/skeleton/index.cjs');
+require('../../ui/slider/index.cjs');
+require('../../ui/spinner/index.cjs');
+require('../../ui/switch/index.cjs');
+require('../../ui/table/index.cjs');
+require('../../ui/text/index.cjs');
+require('../../ui/textarea/index.cjs');
+require('../../ui/toast/index.cjs');
+require('../../ui/tooltip/index.cjs');
+require('../../ui/vstack/index.cjs');
+var style = require('../../Factory/helpers/style.cjs');
+
+const BAR_HEIGHT = 10;
+const ProgressBar = React.forwardRef(
+  (props, ref) => {
+    const {
+      value = null,
+      color = style.resolveThemeTokenForNative("primary"),
+      unit = "%",
+      showValue = true,
+      mode = "determinate",
+      unstyled = false,
+      displayValueTemplate,
+      style: style$1,
+      testID
+    } = props;
+    const rootRef = React.useRef(null);
+    const progressAnim = React.useRef(new reactNative.Animated.Value(0)).current;
+    const indeterminateAnim = React.useRef(new reactNative.Animated.Value(0)).current;
+    React.useImperativeHandle(ref, () => ({
+      getElement: () => rootRef.current
+    }));
+    React.useEffect(() => {
+      if (mode !== "determinate") return;
+      if (value === null || value === void 0) return;
+      const numeric = typeof value === "string" ? Number(value) : value;
+      if (Number.isNaN(numeric)) return;
+      reactNative.Animated.timing(progressAnim, {
+        toValue: Math.max(0, Math.min(100, numeric)),
+        duration: 400,
+        easing: reactNative.Easing.out(reactNative.Easing.cubic),
+        useNativeDriver: false
+      }).start();
+    }, [value, mode]);
+    React.useEffect(() => {
+      if (mode !== "indeterminate") return;
+      indeterminateAnim.setValue(0);
+      const loop = reactNative.Animated.loop(
+        reactNative.Animated.timing(indeterminateAnim, {
+          toValue: 1,
+          duration: 1200,
+          easing: reactNative.Easing.linear,
+          useNativeDriver: false
+        })
+      );
+      loop.start();
+      return () => loop.stop();
+    }, [mode]);
+    const widthInterpolated = progressAnim.interpolate({
+      inputRange: [0, 100],
+      outputRange: ["0%", "100%"]
+    });
+    const indeterminateTranslate = indeterminateAnim.interpolate({
+      inputRange: [0, 1],
+      outputRange: ["-40%", "100%"]
+    });
+    const label = React.useMemo(() => {
+      if (!showValue) return null;
+      if (displayValueTemplate) {
+        return displayValueTemplate(value);
+      }
+      if (value === null || value === void 0) return null;
+      return `${value}${unit}`;
+    }, [value, unit, showValue, displayValueTemplate]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      index.Box,
+      {
+        ref: rootRef,
+        testID,
+        style: {
+          height: BAR_HEIGHT,
+          overflow: "hidden",
+          borderRadius: BAR_HEIGHT / 2,
+          backgroundColor: unstyled ? void 0 : style.resolveThemeTokenForNative("gray.200"),
+          ...style$1
+        },
+        children: [
+          mode === "determinate" && /* @__PURE__ */ jsxRuntime.jsx(
+            reactNative.Animated.View,
+            {
+              style: {
+                height: "100%",
+                width: widthInterpolated,
+                backgroundColor: color
+              }
+            }
+          ),
+          mode === "indeterminate" && /* @__PURE__ */ jsxRuntime.jsx(
+            reactNative.Animated.View,
+            {
+              style: {
+                position: "absolute",
+                height: "100%",
+                width: "40%",
+                backgroundColor: color,
+                transform: [{ translateX: indeterminateTranslate }]
+              }
+            }
+          ),
+          label != null && /* @__PURE__ */ jsxRuntime.jsx(
+            index.Box,
+            {
+              style: {
+                position: "absolute",
+                inset: 0,
+                alignItems: "center",
+                justifyContent: "center"
+              },
+              children: typeof label === "string" || typeof label === "number" ? /* @__PURE__ */ jsxRuntime.jsx(
+                reactNative.Text,
+                {
+                  style: {
+                    fontSize: 11,
+                    fontWeight: "600",
+                    color: "#000"
+                  },
+                  children: label
+                }
+              ) : label
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ProgressBar.displayName = "ProgressBar";
+
+exports.ProgressBar = ProgressBar;
+//# sourceMappingURL=index.cjs.map

package/apps/mobile/src/Core/ProgressBar/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/Core/ProgressBar/index.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from \"react\";\nimport {\n  Animated,\n  Easing,\n  Text,\n  View,\n} from \"react-native\";\nimport { Box } from \"../../ui\"; // Gluestack Box\nimport type {\n  ProgressBarProps,\n} from \"./ProgressBar.types\";\nimport { resolveThemeTokenForNative } from '../../Factory/helpers/style';\nexport * from './ProgressBar.types';\n\nconst BAR_HEIGHT = 10;\n\nexport const ProgressBar = forwardRef<any, ProgressBarProps>(\n  (props, ref) => {\n    const {\n      value = null,\n      color = resolveThemeTokenForNative('primary'),\n      unit = \"%\",\n      showValue = true,\n      mode = \"determinate\",\n      unstyled = false,\n      displayValueTemplate,\n      style,\n      testID,\n    } = props;\n\n    const rootRef = useRef<View>(null);\n    const progressAnim = useRef(new Animated.Value(0)).current;\n    const indeterminateAnim = useRef(new Animated.Value(0)).current;\n\n    /**\n     * PrimeReact ref API\n     */\n    useImperativeHandle(ref, () => ({\n      getElement: () => rootRef.current,\n    }));\n\n    /**\n     * Determinate animation\n     */\n    useEffect(() => {\n      if (mode !== \"determinate\") return;\n      if (value === null || value === undefined) return;\n\n      const numeric =\n        typeof value === \"string\" ? Number(value) : value;\n\n      if (Number.isNaN(numeric)) return;\n\n      Animated.timing(progressAnim, {\n        toValue: Math.max(0, Math.min(100, numeric)),\n        duration: 400,\n        easing: Easing.out(Easing.cubic),\n        useNativeDriver: false,\n      }).start();\n    }, [value, mode]);\n\n    /**\n     * Indeterminate animation\n     */\n    useEffect(() => {\n      if (mode !== \"indeterminate\") return;\n\n      indeterminateAnim.setValue(0);\n\n      const loop = Animated.loop(\n        Animated.timing(indeterminateAnim, {\n          toValue: 1,\n          duration: 1200,\n          easing: Easing.linear,\n          useNativeDriver: false,\n        }),\n      );\n\n      loop.start();\n      return () => loop.stop();\n    }, [mode]);\n\n    const widthInterpolated = progressAnim.interpolate({\n      inputRange: [0, 100],\n      outputRange: [\"0%\", \"100%\"],\n    });\n\n    const indeterminateTranslate = indeterminateAnim.interpolate({\n      inputRange: [0, 1],\n      outputRange: [\"-40%\", \"100%\"],\n    });\n\n    const label = useMemo(() => {\n      if (!showValue) return null;\n\n      if (displayValueTemplate) {\n        return displayValueTemplate(value);\n      }\n\n      if (value === null || value === undefined) return null;\n\n      return `${value}${unit}`;\n    }, [value, unit, showValue, displayValueTemplate]);\n\n    return (\n      <Box\n        ref={rootRef}\n        testID={testID}\n\n        style={{\n          height:BAR_HEIGHT,\n          overflow:\"hidden\",\n          borderRadius:BAR_HEIGHT / 2,\n          backgroundColor:unstyled ? undefined : resolveThemeTokenForNative('gray.200'),\n          ...style\n        }}\n      >\n        {mode === \"determinate\" && (\n          <Animated.View\n            style={{\n              height: \"100%\",\n              width: widthInterpolated,\n              backgroundColor: color,\n            }}\n          />\n        )}\n\n        {mode === \"indeterminate\" && (\n          <Animated.View\n            style={{\n              position: \"absolute\",\n              height: \"100%\",\n              width: \"40%\",\n              backgroundColor: color,\n              transform: [{ translateX: indeterminateTranslate }],\n            }}\n          />\n        )}\n\n        {label != null && (\n          <Box\n\n            style={{\n              position:\"absolute\",\n              inset:0,\n              alignItems:\"center\",\n              justifyContent:\"center\",\n            }}\n          >\n            {typeof label === \"string\" ||\n            typeof label === \"number\" ? (\n              <Text\n                style={{\n                  fontSize: 11,\n                  fontWeight: \"600\",\n                  color: \"#000\",\n                }}\n              >\n                {label}\n              </Text>\n            ) : (\n              label\n            )}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n\nProgressBar.displayName = \"ProgressBar\";\n"],"names":["forwardRef","resolveThemeTokenForNative","style","useRef","Animated","useImperativeHandle","useEffect","Easing","useMemo","jsxs","Box","jsx","Text"],"mappings":"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"}

package/apps/mobile/src/Core/ProgressBar/index.js

@@ -0,0 +1,180 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useRef, useImperativeHandle, useEffect, useMemo } from 'react';
+import { Animated, Easing, Text } from 'react-native';
+import '../../ui/accordion/index.js';
+import '../../ui/actionsheet/index.js';
+import '../../ui/alert/index.js';
+import '../../ui/alert-dialog/index.js';
+import '../../ui/avatar/index.js';
+import '../../ui/badge/index.js';
+import '../../ui/bottomsheet/index.js';
+import { Box } from '../../ui/box/index.js';
+import '../../ui/button/index.js';
+import '../../ui/card/index.js';
+import '../../ui/center/index.js';
+import '../../ui/checkbox/index.js';
+import '../../ui/divider/index.js';
+import '../../ui/drawer/index.js';
+import '../../ui/fab/index.js';
+import '../../ui/form-control/index.js';
+import '../../ui/gluestack-ui-provider/config.js';
+import '@gluestack-ui/core/overlay/creator';
+import '@gluestack-ui/core/toast/creator';
+import 'nativewind';
+import '../../ui/grid/index.js';
+import '../../ui/heading/index.js';
+import '../../ui/hstack/index.js';
+import '../../ui/icon/index.js';
+import '../../ui/image/index.js';
+import '../../ui/image-background/index.js';
+import '../../ui/input/index.js';
+import '../../ui/link/index.js';
+import '../../ui/menu/index.js';
+import '../../ui/modal/index.js';
+import '../../ui/popover/index.js';
+import '../../ui/portal/index.js';
+import '../../ui/pressable/index.js';
+import '../../ui/progress/index.js';
+import '../../ui/radio/index.js';
+import 'react-native-safe-area-context';
+import '../../ui/select/index.js';
+import '../../ui/skeleton/index.js';
+import '../../ui/slider/index.js';
+import '../../ui/spinner/index.js';
+import '../../ui/switch/index.js';
+import '../../ui/table/index.js';
+import '../../ui/text/index.js';
+import '../../ui/textarea/index.js';
+import '../../ui/toast/index.js';
+import '../../ui/tooltip/index.js';
+import '../../ui/vstack/index.js';
+import { resolveThemeTokenForNative } from '../../Factory/helpers/style.js';
+
+const BAR_HEIGHT = 10;
+const ProgressBar = forwardRef(
+  (props, ref) => {
+    const {
+      value = null,
+      color = resolveThemeTokenForNative("primary"),
+      unit = "%",
+      showValue = true,
+      mode = "determinate",
+      unstyled = false,
+      displayValueTemplate,
+      style,
+      testID
+    } = props;
+    const rootRef = useRef(null);
+    const progressAnim = useRef(new Animated.Value(0)).current;
+    const indeterminateAnim = useRef(new Animated.Value(0)).current;
+    useImperativeHandle(ref, () => ({
+      getElement: () => rootRef.current
+    }));
+    useEffect(() => {
+      if (mode !== "determinate") return;
+      if (value === null || value === void 0) return;
+      const numeric = typeof value === "string" ? Number(value) : value;
+      if (Number.isNaN(numeric)) return;
+      Animated.timing(progressAnim, {
+        toValue: Math.max(0, Math.min(100, numeric)),
+        duration: 400,
+        easing: Easing.out(Easing.cubic),
+        useNativeDriver: false
+      }).start();
+    }, [value, mode]);
+    useEffect(() => {
+      if (mode !== "indeterminate") return;
+      indeterminateAnim.setValue(0);
+      const loop = Animated.loop(
+        Animated.timing(indeterminateAnim, {
+          toValue: 1,
+          duration: 1200,
+          easing: Easing.linear,
+          useNativeDriver: false
+        })
+      );
+      loop.start();
+      return () => loop.stop();
+    }, [mode]);
+    const widthInterpolated = progressAnim.interpolate({
+      inputRange: [0, 100],
+      outputRange: ["0%", "100%"]
+    });
+    const indeterminateTranslate = indeterminateAnim.interpolate({
+      inputRange: [0, 1],
+      outputRange: ["-40%", "100%"]
+    });
+    const label = useMemo(() => {
+      if (!showValue) return null;
+      if (displayValueTemplate) {
+        return displayValueTemplate(value);
+      }
+      if (value === null || value === void 0) return null;
+      return `${value}${unit}`;
+    }, [value, unit, showValue, displayValueTemplate]);
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        ref: rootRef,
+        testID,
+        style: {
+          height: BAR_HEIGHT,
+          overflow: "hidden",
+          borderRadius: BAR_HEIGHT / 2,
+          backgroundColor: unstyled ? void 0 : resolveThemeTokenForNative("gray.200"),
+          ...style
+        },
+        children: [
+          mode === "determinate" && /* @__PURE__ */ jsx(
+            Animated.View,
+            {
+              style: {
+                height: "100%",
+                width: widthInterpolated,
+                backgroundColor: color
+              }
+            }
+          ),
+          mode === "indeterminate" && /* @__PURE__ */ jsx(
+            Animated.View,
+            {
+              style: {
+                position: "absolute",
+                height: "100%",
+                width: "40%",
+                backgroundColor: color,
+                transform: [{ translateX: indeterminateTranslate }]
+              }
+            }
+          ),
+          label != null && /* @__PURE__ */ jsx(
+            Box,
+            {
+              style: {
+                position: "absolute",
+                inset: 0,
+                alignItems: "center",
+                justifyContent: "center"
+              },
+              children: typeof label === "string" || typeof label === "number" ? /* @__PURE__ */ jsx(
+                Text,
+                {
+                  style: {
+                    fontSize: 11,
+                    fontWeight: "600",
+                    color: "#000"
+                  },
+                  children: label
+                }
+              ) : label
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ProgressBar.displayName = "ProgressBar";
+
+export { ProgressBar };
+//# sourceMappingURL=index.js.map

package/apps/mobile/src/Core/ProgressBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/Core/ProgressBar/index.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from \"react\";\nimport {\n  Animated,\n  Easing,\n  Text,\n  View,\n} from \"react-native\";\nimport { Box } from \"../../ui\"; // Gluestack Box\nimport type {\n  ProgressBarProps,\n} from \"./ProgressBar.types\";\nimport { resolveThemeTokenForNative } from '../../Factory/helpers/style';\nexport * from './ProgressBar.types';\n\nconst BAR_HEIGHT = 10;\n\nexport const ProgressBar = forwardRef<any, ProgressBarProps>(\n  (props, ref) => {\n    const {\n      value = null,\n      color = resolveThemeTokenForNative('primary'),\n      unit = \"%\",\n      showValue = true,\n      mode = \"determinate\",\n      unstyled = false,\n      displayValueTemplate,\n      style,\n      testID,\n    } = props;\n\n    const rootRef = useRef<View>(null);\n    const progressAnim = useRef(new Animated.Value(0)).current;\n    const indeterminateAnim = useRef(new Animated.Value(0)).current;\n\n    /**\n     * PrimeReact ref API\n     */\n    useImperativeHandle(ref, () => ({\n      getElement: () => rootRef.current,\n    }));\n\n    /**\n     * Determinate animation\n     */\n    useEffect(() => {\n      if (mode !== \"determinate\") return;\n      if (value === null || value === undefined) return;\n\n      const numeric =\n        typeof value === \"string\" ? Number(value) : value;\n\n      if (Number.isNaN(numeric)) return;\n\n      Animated.timing(progressAnim, {\n        toValue: Math.max(0, Math.min(100, numeric)),\n        duration: 400,\n        easing: Easing.out(Easing.cubic),\n        useNativeDriver: false,\n      }).start();\n    }, [value, mode]);\n\n    /**\n     * Indeterminate animation\n     */\n    useEffect(() => {\n      if (mode !== \"indeterminate\") return;\n\n      indeterminateAnim.setValue(0);\n\n      const loop = Animated.loop(\n        Animated.timing(indeterminateAnim, {\n          toValue: 1,\n          duration: 1200,\n          easing: Easing.linear,\n          useNativeDriver: false,\n        }),\n      );\n\n      loop.start();\n      return () => loop.stop();\n    }, [mode]);\n\n    const widthInterpolated = progressAnim.interpolate({\n      inputRange: [0, 100],\n      outputRange: [\"0%\", \"100%\"],\n    });\n\n    const indeterminateTranslate = indeterminateAnim.interpolate({\n      inputRange: [0, 1],\n      outputRange: [\"-40%\", \"100%\"],\n    });\n\n    const label = useMemo(() => {\n      if (!showValue) return null;\n\n      if (displayValueTemplate) {\n        return displayValueTemplate(value);\n      }\n\n      if (value === null || value === undefined) return null;\n\n      return `${value}${unit}`;\n    }, [value, unit, showValue, displayValueTemplate]);\n\n    return (\n      <Box\n        ref={rootRef}\n        testID={testID}\n\n        style={{\n          height:BAR_HEIGHT,\n          overflow:\"hidden\",\n          borderRadius:BAR_HEIGHT / 2,\n          backgroundColor:unstyled ? undefined : resolveThemeTokenForNative('gray.200'),\n          ...style\n        }}\n      >\n        {mode === \"determinate\" && (\n          <Animated.View\n            style={{\n              height: \"100%\",\n              width: widthInterpolated,\n              backgroundColor: color,\n            }}\n          />\n        )}\n\n        {mode === \"indeterminate\" && (\n          <Animated.View\n            style={{\n              position: \"absolute\",\n              height: \"100%\",\n              width: \"40%\",\n              backgroundColor: color,\n              transform: [{ translateX: indeterminateTranslate }],\n            }}\n          />\n        )}\n\n        {label != null && (\n          <Box\n\n            style={{\n              position:\"absolute\",\n              inset:0,\n              alignItems:\"center\",\n              justifyContent:\"center\",\n            }}\n          >\n            {typeof label === \"string\" ||\n            typeof label === \"number\" ? (\n              <Text\n                style={{\n                  fontSize: 11,\n                  fontWeight: \"600\",\n                  color: \"#000\",\n                }}\n              >\n                {label}\n              </Text>\n            ) : (\n              label\n            )}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n\nProgressBar.displayName = \"ProgressBar\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,UAAA,GAAa,EAAA;AAEZ,MAAM,WAAA,GAAc,UAAA;AAAA,EACzB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM;AAAA,MACJ,KAAA,GAAQ,IAAA;AAAA,MACR,KAAA,GAAQ,2BAA2B,SAAS,CAAA;AAAA,MAC5C,IAAA,GAAO,GAAA;AAAA,MACP,SAAA,GAAY,IAAA;AAAA,MACZ,IAAA,GAAO,aAAA;AAAA,MACP,QAAA,GAAW,KAAA;AAAA,MACX,oBAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,KACF,GAAI,KAAA;AAEJ,IAAA,MAAM,OAAA,GAAU,OAAa,IAAI,CAAA;AACjC,IAAA,MAAM,eAAe,MAAA,CAAO,IAAI,SAAS,KAAA,CAAM,CAAC,CAAC,CAAA,CAAE,OAAA;AACnD,IAAA,MAAM,oBAAoB,MAAA,CAAO,IAAI,SAAS,KAAA,CAAM,CAAC,CAAC,CAAA,CAAE,OAAA;AAKxD,IAAA,mBAAA,CAAoB,KAAK,OAAO;AAAA,MAC9B,UAAA,EAAY,MAAM,OAAA,CAAQ;AAAA,KAC5B,CAAE,CAAA;AAKF,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,SAAS,aAAA,EAAe;AAC5B,MAAA,IAAI,KAAA,KAAU,IAAA,IAAQ,KAAA,KAAU,MAAA,EAAW;AAE3C,MAAA,MAAM,UACJ,OAAO,KAAA,KAAU,QAAA,GAAW,MAAA,CAAO,KAAK,CAAA,GAAI,KAAA;AAE9C,MAAA,IAAI,MAAA,CAAO,KAAA,CAAM,OAAO,CAAA,EAAG;AAE3B,MAAA,QAAA,CAAS,OAAO,YAAA,EAAc;AAAA,QAC5B,OAAA,EAAS,KAAK,GAAA,CAAI,CAAA,EAAG,KAAK,GAAA,CAAI,GAAA,EAAK,OAAO,CAAC,CAAA;AAAA,QAC3C,QAAA,EAAU,GAAA;AAAA,QACV,MAAA,EAAQ,MAAA,CAAO,GAAA,CAAI,MAAA,CAAO,KAAK,CAAA;AAAA,QAC/B,eAAA,EAAiB;AAAA,OAClB,EAAE,KAAA,EAAM;AAAA,IACX,CAAA,EAAG,CAAC,KAAA,EAAO,IAAI,CAAC,CAAA;AAKhB,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,SAAS,eAAA,EAAiB;AAE9B,MAAA,iBAAA,CAAkB,SAAS,CAAC,CAAA;AAE5B,MAAA,MAAM,OAAO,QAAA,CAAS,IAAA;AAAA,QACpB,QAAA,CAAS,OAAO,iBAAA,EAAmB;AAAA,UACjC,OAAA,EAAS,CAAA;AAAA,UACT,QAAA,EAAU,IAAA;AAAA,UACV,QAAQ,MAAA,CAAO,MAAA;AAAA,UACf,eAAA,EAAiB;AAAA,SAClB;AAAA,OACH;AAEA,MAAA,IAAA,CAAK,KAAA,EAAM;AACX,MAAA,OAAO,MAAM,KAAK,IAAA,EAAK;AAAA,IACzB,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,IAAA,MAAM,iBAAA,GAAoB,aAAa,WAAA,CAAY;AAAA,MACjD,UAAA,EAAY,CAAC,CAAA,EAAG,GAAG,CAAA;AAAA,MACnB,WAAA,EAAa,CAAC,IAAA,EAAM,MAAM;AAAA,KAC3B,CAAA;AAED,IAAA,MAAM,sBAAA,GAAyB,kBAAkB,WAAA,CAAY;AAAA,MAC3D,UAAA,EAAY,CAAC,CAAA,EAAG,CAAC,CAAA;AAAA,MACjB,WAAA,EAAa,CAAC,MAAA,EAAQ,MAAM;AAAA,KAC7B,CAAA;AAED,IAAA,MAAM,KAAA,GAAQ,QAAQ,MAAM;AAC1B,MAAA,IAAI,CAAC,WAAW,OAAO,IAAA;AAEvB,MAAA,IAAI,oBAAA,EAAsB;AACxB,QAAA,OAAO,qBAAqB,KAAK,CAAA;AAAA,MACnC;AAEA,MAAA,IAAI,KAAA,KAAU,IAAA,IAAQ,KAAA,KAAU,MAAA,EAAW,OAAO,IAAA;AAElD,MAAA,OAAO,CAAA,EAAG,KAAK,CAAA,EAAG,IAAI,CAAA,CAAA;AAAA,IACxB,GAAG,CAAC,KAAA,EAAO,IAAA,EAAM,SAAA,EAAW,oBAAoB,CAAC,CAAA;AAEjD,IAAA,uBACE,IAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,OAAA;AAAA,QACL,MAAA;AAAA,QAEA,KAAA,EAAO;AAAA,UACL,MAAA,EAAO,UAAA;AAAA,UACP,QAAA,EAAS,QAAA;AAAA,UACT,cAAa,UAAA,GAAa,CAAA;AAAA,UAC1B,eAAA,EAAgB,QAAA,GAAW,MAAA,GAAY,0BAAA,CAA2B,UAAU,CAAA;AAAA,UAC5E,GAAG;AAAA,SACL;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,IAAA,KAAS,aAAA,oBACR,GAAA;AAAA,YAAC,QAAA,CAAS,IAAA;AAAA,YAAT;AAAA,cACC,KAAA,EAAO;AAAA,gBACL,MAAA,EAAQ,MAAA;AAAA,gBACR,KAAA,EAAO,iBAAA;AAAA,gBACP,eAAA,EAAiB;AAAA;AACnB;AAAA,WACF;AAAA,UAGD,SAAS,eAAA,oBACR,GAAA;AAAA,YAAC,QAAA,CAAS,IAAA;AAAA,YAAT;AAAA,cACC,KAAA,EAAO;AAAA,gBACL,QAAA,EAAU,UAAA;AAAA,gBACV,MAAA,EAAQ,MAAA;AAAA,gBACR,KAAA,EAAO,KAAA;AAAA,gBACP,eAAA,EAAiB,KAAA;AAAA,gBACjB,SAAA,EAAW,CAAC,EAAE,UAAA,EAAY,wBAAwB;AAAA;AACpD;AAAA,WACF;AAAA,UAGD,SAAS,IAAA,oBACR,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cAEC,KAAA,EAAO;AAAA,gBACL,QAAA,EAAS,UAAA;AAAA,gBACT,KAAA,EAAM,CAAA;AAAA,gBACN,UAAA,EAAW,QAAA;AAAA,gBACX,cAAA,EAAe;AAAA,eACjB;AAAA,cAEC,QAAA,EAAA,OAAO,KAAA,KAAU,QAAA,IAClB,OAAO,UAAU,QAAA,mBACf,GAAA;AAAA,gBAAC,IAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAO;AAAA,oBACL,QAAA,EAAU,EAAA;AAAA,oBACV,UAAA,EAAY,KAAA;AAAA,oBACZ,KAAA,EAAO;AAAA,mBACT;AAAA,kBAEC,QAAA,EAAA;AAAA;AAAA,eACH,GAEA;AAAA;AAAA;AAEJ;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;;;;"}

package/apps/mobile/src/Core/RadioButton/index.cjs

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactNative = require('react-native');
+
+const SIZES = { sm: 18, md: 22, lg: 28 };
+const DOT_SIZES = { sm: 8, md: 10, lg: 14 };
+function RadioIndicator({
+  checked,
+  disabled,
+  invalid,
+  size = "md",
+  borderColor = "#d1d5db",
+  checkedBorderColor = "#6366f1",
+  dotColor = "#6366f1",
+  invalidBorderColor = "#ef4444",
+  backgroundColor = "#ffffff"
+}) {
+  const s = SIZES[size];
+  const dot = DOT_SIZES[size];
+  const finalBorderColor = invalid ? invalidBorderColor : checked ? checkedBorderColor : borderColor;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.View,
+    {
+      style: [
+        styles.circle,
+        {
+          width: s,
+          height: s,
+          borderRadius: s / 2,
+          borderColor: finalBorderColor,
+          backgroundColor,
+          opacity: disabled ? 0.5 : 1
+        }
+      ],
+      children: checked && /* @__PURE__ */ jsxRuntime.jsx(
+        reactNative.View,
+        {
+          style: {
+            width: dot,
+            height: dot,
+            borderRadius: dot / 2,
+            backgroundColor: dotColor
+          }
+        }
+      )
+    }
+  );
+}
+const styles = reactNative.StyleSheet.create({
+  circle: {
+    borderWidth: 2,
+    justifyContent: "center",
+    alignItems: "center"
+  }
+});
+
+exports.default = RadioIndicator;
+//# sourceMappingURL=index.cjs.map

package/apps/mobile/src/Core/RadioButton/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/Core/RadioButton/index.tsx"],"sourcesContent":["import React from 'react';\nimport { View, StyleSheet } from 'react-native';\n\nexport interface RadioIndicatorProps {\n  checked: boolean;\n  disabled?: boolean;\n  invalid?: boolean;\n  size?: 'sm' | 'md' | 'lg';\n\n  borderColor?: string;\n  checkedBorderColor?: string;\n  dotColor?: string;\n  invalidBorderColor?: string;\n  backgroundColor?: string;\n}\n\nconst SIZES = { sm: 18, md: 22, lg: 28 };\nconst DOT_SIZES = { sm: 8, md: 10, lg: 14 };\n\nexport default function RadioIndicator({\n                                         checked,\n                                         disabled,\n                                         invalid,\n                                         size = 'md',\n\n                                         borderColor = '#d1d5db',\n                                         checkedBorderColor = '#6366f1',\n                                         dotColor = '#6366f1',\n                                         invalidBorderColor = '#ef4444',\n                                         backgroundColor = '#ffffff',\n                                       }: RadioIndicatorProps) {\n  const s = SIZES[size];\n  const dot = DOT_SIZES[size];\n\n  const finalBorderColor = invalid\n    ? invalidBorderColor\n    : checked\n      ? checkedBorderColor\n      : borderColor;\n\n  return (\n    <View\n      style={[\n        styles.circle,\n        {\n          width: s,\n          height: s,\n          borderRadius: s / 2,\n          borderColor: finalBorderColor,\n          backgroundColor,\n          opacity: disabled ? 0.5 : 1,\n        },\n      ]}\n    >\n      {checked && (\n        <View\n          style={{\n            width: dot,\n            height: dot,\n            borderRadius: dot / 2,\n            backgroundColor: dotColor,\n          }}\n        />\n      )}\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  circle: {\n    borderWidth: 2,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n});\n"],"names":["jsx","View","StyleSheet"],"mappings":";;;;;;;AAgBA,MAAM,QAAQ,EAAE,EAAA,EAAI,IAAI,EAAA,EAAI,EAAA,EAAI,IAAI,EAAA,EAAG;AACvC,MAAM,YAAY,EAAE,EAAA,EAAI,GAAG,EAAA,EAAI,EAAA,EAAI,IAAI,EAAA,EAAG;AAE1C,SAAwB,cAAA,CAAe;AAAA,EACE,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EAEP,WAAA,GAAc,SAAA;AAAA,EACd,kBAAA,GAAqB,SAAA;AAAA,EACrB,QAAA,GAAW,SAAA;AAAA,EACX,kBAAA,GAAqB,SAAA;AAAA,EACrB,eAAA,GAAkB;AACpB,CAAA,EAAwB;AAC7D,EAAA,MAAM,CAAA,GAAI,MAAM,IAAI,CAAA;AACpB,EAAA,MAAM,GAAA,GAAM,UAAU,IAAI,CAAA;AAE1B,EAAA,MAAM,gBAAA,GAAmB,OAAA,GACrB,kBAAA,GACA,OAAA,GACE,kBAAA,GACA,WAAA;AAEN,EAAA,uBACEA,cAAA;AAAA,IAACC,gBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,MAAA,CAAO,MAAA;AAAA,QACP;AAAA,UACE,KAAA,EAAO,CAAA;AAAA,UACP,MAAA,EAAQ,CAAA;AAAA,UACR,cAAc,CAAA,GAAI,CAAA;AAAA,UAClB,WAAA,EAAa,gBAAA;AAAA,UACb,eAAA;AAAA,UACA,OAAA,EAAS,WAAW,GAAA,GAAM;AAAA;AAC5B,OACF;AAAA,MAEC,QAAA,EAAA,OAAA,oBACCD,cAAA;AAAA,QAACC,gBAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO;AAAA,YACL,KAAA,EAAO,GAAA;AAAA,YACP,MAAA,EAAQ,GAAA;AAAA,YACR,cAAc,GAAA,GAAM,CAAA;AAAA,YACpB,eAAA,EAAiB;AAAA;AACnB;AAAA;AACF;AAAA,GAEJ;AAEJ;AAEA,MAAM,MAAA,GAASC,uBAAW,MAAA,CAAO;AAAA,EAC/B,MAAA,EAAQ;AAAA,IACN,WAAA,EAAa,CAAA;AAAA,IACb,cAAA,EAAgB,QAAA;AAAA,IAChB,UAAA,EAAY;AAAA;AAEhB,CAAC,CAAA;;;;"}

package/apps/mobile/src/Core/RadioButton/index.js

@@ -0,0 +1,57 @@
+import { jsx } from 'react/jsx-runtime';
+import { View, StyleSheet } from 'react-native';
+
+const SIZES = { sm: 18, md: 22, lg: 28 };
+const DOT_SIZES = { sm: 8, md: 10, lg: 14 };
+function RadioIndicator({
+  checked,
+  disabled,
+  invalid,
+  size = "md",
+  borderColor = "#d1d5db",
+  checkedBorderColor = "#6366f1",
+  dotColor = "#6366f1",
+  invalidBorderColor = "#ef4444",
+  backgroundColor = "#ffffff"
+}) {
+  const s = SIZES[size];
+  const dot = DOT_SIZES[size];
+  const finalBorderColor = invalid ? invalidBorderColor : checked ? checkedBorderColor : borderColor;
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      style: [
+        styles.circle,
+        {
+          width: s,
+          height: s,
+          borderRadius: s / 2,
+          borderColor: finalBorderColor,
+          backgroundColor,
+          opacity: disabled ? 0.5 : 1
+        }
+      ],
+      children: checked && /* @__PURE__ */ jsx(
+        View,
+        {
+          style: {
+            width: dot,
+            height: dot,
+            borderRadius: dot / 2,
+            backgroundColor: dotColor
+          }
+        }
+      )
+    }
+  );
+}
+const styles = StyleSheet.create({
+  circle: {
+    borderWidth: 2,
+    justifyContent: "center",
+    alignItems: "center"
+  }
+});
+
+export { RadioIndicator as default };
+//# sourceMappingURL=index.js.map

package/apps/mobile/src/Core/RadioButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/Core/RadioButton/index.tsx"],"sourcesContent":["import React from 'react';\nimport { View, StyleSheet } from 'react-native';\n\nexport interface RadioIndicatorProps {\n  checked: boolean;\n  disabled?: boolean;\n  invalid?: boolean;\n  size?: 'sm' | 'md' | 'lg';\n\n  borderColor?: string;\n  checkedBorderColor?: string;\n  dotColor?: string;\n  invalidBorderColor?: string;\n  backgroundColor?: string;\n}\n\nconst SIZES = { sm: 18, md: 22, lg: 28 };\nconst DOT_SIZES = { sm: 8, md: 10, lg: 14 };\n\nexport default function RadioIndicator({\n                                         checked,\n                                         disabled,\n                                         invalid,\n                                         size = 'md',\n\n                                         borderColor = '#d1d5db',\n                                         checkedBorderColor = '#6366f1',\n                                         dotColor = '#6366f1',\n                                         invalidBorderColor = '#ef4444',\n                                         backgroundColor = '#ffffff',\n                                       }: RadioIndicatorProps) {\n  const s = SIZES[size];\n  const dot = DOT_SIZES[size];\n\n  const finalBorderColor = invalid\n    ? invalidBorderColor\n    : checked\n      ? checkedBorderColor\n      : borderColor;\n\n  return (\n    <View\n      style={[\n        styles.circle,\n        {\n          width: s,\n          height: s,\n          borderRadius: s / 2,\n          borderColor: finalBorderColor,\n          backgroundColor,\n          opacity: disabled ? 0.5 : 1,\n        },\n      ]}\n    >\n      {checked && (\n        <View\n          style={{\n            width: dot,\n            height: dot,\n            borderRadius: dot / 2,\n            backgroundColor: dotColor,\n          }}\n        />\n      )}\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  circle: {\n    borderWidth: 2,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n});\n"],"names":[],"mappings":";;;AAgBA,MAAM,QAAQ,EAAE,EAAA,EAAI,IAAI,EAAA,EAAI,EAAA,EAAI,IAAI,EAAA,EAAG;AACvC,MAAM,YAAY,EAAE,EAAA,EAAI,GAAG,EAAA,EAAI,EAAA,EAAI,IAAI,EAAA,EAAG;AAE1C,SAAwB,cAAA,CAAe;AAAA,EACE,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EAEP,WAAA,GAAc,SAAA;AAAA,EACd,kBAAA,GAAqB,SAAA;AAAA,EACrB,QAAA,GAAW,SAAA;AAAA,EACX,kBAAA,GAAqB,SAAA;AAAA,EACrB,eAAA,GAAkB;AACpB,CAAA,EAAwB;AAC7D,EAAA,MAAM,CAAA,GAAI,MAAM,IAAI,CAAA;AACpB,EAAA,MAAM,GAAA,GAAM,UAAU,IAAI,CAAA;AAE1B,EAAA,MAAM,gBAAA,GAAmB,OAAA,GACrB,kBAAA,GACA,OAAA,GACE,kBAAA,GACA,WAAA;AAEN,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,MAAA,CAAO,MAAA;AAAA,QACP;AAAA,UACE,KAAA,EAAO,CAAA;AAAA,UACP,MAAA,EAAQ,CAAA;AAAA,UACR,cAAc,CAAA,GAAI,CAAA;AAAA,UAClB,WAAA,EAAa,gBAAA;AAAA,UACb,eAAA;AAAA,UACA,OAAA,EAAS,WAAW,GAAA,GAAM;AAAA;AAC5B,OACF;AAAA,MAEC,QAAA,EAAA,OAAA,oBACC,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO;AAAA,YACL,KAAA,EAAO,GAAA;AAAA,YACP,MAAA,EAAQ,GAAA;AAAA,YACR,cAAc,GAAA,GAAM,CAAA;AAAA,YACpB,eAAA,EAAiB;AAAA;AACnB;AAAA;AACF;AAAA,GAEJ;AAEJ;AAEA,MAAM,MAAA,GAAS,WAAW,MAAA,CAAO;AAAA,EAC/B,MAAA,EAAQ;AAAA,IACN,WAAA,EAAa,CAAA;AAAA,IACb,cAAA,EAAgB,QAAA;AAAA,IAChB,UAAA,EAAY;AAAA;AAEhB,CAAC,CAAA;;;;"}

package/apps/mobile/src/Core/SelectButton/index.cjs

@@ -0,0 +1,122 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactNative = require('react-native');
+var style = require('../../Factory/helpers/style.cjs');
+
+const SelectButton = React.memo(function SelectButton2({
+  value,
+  options,
+  multiple = false,
+  allowEmpty = true,
+  unselectable = true,
+  disabled = false,
+  invalid = false,
+  optionLabel = "label",
+  optionValue = "value",
+  optionDisabled,
+  itemTemplate,
+  onChange,
+  style: style$1,
+  unstyled = false
+}) {
+  const isSelected = React.useCallback(
+    (optionValue2) => {
+      if (multiple && Array.isArray(value)) {
+        return value.some((v) => v === optionValue2);
+      }
+      return value === optionValue2;
+    },
+    [value, multiple]
+  );
+  const resolveDisabled = (option) => {
+    if (typeof optionDisabled === "function") {
+      return optionDisabled(option);
+    }
+    if (typeof optionDisabled === "string") {
+      return !!option?.[optionDisabled];
+    }
+    return !!option?.disabled;
+  };
+  const handlePress = (option) => {
+    if (disabled || resolveDisabled(option)) return;
+    const optionVal = option?.[optionValue];
+    const selected = isSelected(optionVal);
+    let nextValue;
+    if (multiple) {
+      const current = Array.isArray(value) ? value : [];
+      if (selected) {
+        if (!unselectable || !allowEmpty && current.length === 1) return;
+        nextValue = current.filter((v) => v !== optionVal);
+      } else {
+        nextValue = [...current, optionVal];
+      }
+    } else {
+      if (selected) {
+        if (!unselectable || !allowEmpty) return;
+        nextValue = null;
+      } else {
+        nextValue = optionVal;
+      }
+    }
+    onChange?.({
+      value: nextValue,
+      checked: !selected
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.View,
+    {
+      style: [
+        !unstyled && {
+          flexDirection: "row",
+          borderWidth: 1,
+          borderRadius: 6,
+          borderColor: invalid ? style.resolveThemeTokenForNative("red.500") : style.resolveThemeTokenForNative("gray.300"),
+          overflow: "hidden"
+        },
+        style$1
+      ],
+      children: options.map((option, index) => {
+        const optionVal = option?.[optionValue];
+        const selected = isSelected(optionVal);
+        const optionIsDisabled = disabled || resolveDisabled(option);
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          reactNative.Pressable,
+          {
+            onPress: () => handlePress(option),
+            disabled: optionIsDisabled,
+            style: [
+              !unstyled && {
+                paddingHorizontal: 12,
+                paddingVertical: 8,
+                backgroundColor: selected ? style.resolveThemeTokenForNative("primary") : "transparent",
+                opacity: optionIsDisabled ? 0.5 : 1,
+                borderRightWidth: index < options.length - 1 ? 1 : 0,
+                borderColor: style.resolveThemeTokenForNative("gray.300")
+              }
+            ],
+            children: itemTemplate ? itemTemplate(option, selected) : /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: { flexDirection: "row", alignItems: "center", gap: 6 }, children: [
+              option.icon,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                reactNative.Text,
+                {
+                  style: {
+                    color: selected ? "#fff" : style.resolveThemeTokenForNative("gray.900"),
+                    fontWeight: selected ? "600" : "400"
+                  },
+                  children: option?.[optionLabel]
+                }
+              )
+            ] })
+          },
+          optionVal ?? index
+        );
+      })
+    }
+  );
+});
+
+exports.SelectButton = SelectButton;
+//# sourceMappingURL=index.cjs.map