@lmb-it/kitsconcerto-native 0.1.236

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/Core/SelectButton/index.tsx"],"sourcesContent":["import React, { memo, useCallback } from \"react\";\nimport { Pressable, View, Text } from \"react-native\";\nimport type { SelectButtonProps } from \"./SelectButton.types\";\nimport { resolveThemeTokenForNative } from '../../Factory/helpers/style';\nexport * from './SelectButton.types'\nexport const SelectButton = memo(function SelectButton<T = any>({\n                                                                  value,\n                                                                  options,\n                                                                  multiple = false,\n                                                                  allowEmpty = true,\n                                                                  unselectable = true,\n                                                                  disabled = false,\n                                                                  invalid = false,\n\n                                                                  optionLabel = \"label\",\n                                                                  optionValue = \"value\",\n                                                                  optionDisabled,\n\n                                                                  itemTemplate,\n                                                                  onChange,\n\n                                                                  style,\n                                                                  unstyled = false,\n                                                                }: SelectButtonProps<T>) {\n  const isSelected = useCallback(\n    (optionValue: any) => {\n      if (multiple && Array.isArray(value)) {\n        return value.some(v => v === optionValue);\n      }\n      return value === optionValue;\n    },\n    [value, multiple]\n  );\n\n  const resolveDisabled = (option: any) => {\n    if (typeof optionDisabled === \"function\") {\n      return optionDisabled(option);\n    }\n    if (typeof optionDisabled === \"string\") {\n      return !!option?.[optionDisabled];\n    }\n    return !!option?.disabled;\n  };\n\n  const handlePress = (option: any) => {\n    if (disabled || resolveDisabled(option)) return;\n\n    const optionVal = option?.[optionValue];\n    const selected = isSelected(optionVal);\n\n    let nextValue: any;\n\n    if (multiple) {\n      const current = Array.isArray(value) ? value : [];\n      if (selected) {\n        if (!unselectable || (!allowEmpty && current.length === 1)) return;\n        nextValue = current.filter(v => v !== optionVal);\n      } else {\n        nextValue = [...current, optionVal];\n      }\n    } else {\n      if (selected) {\n        if (!unselectable || !allowEmpty) return;\n        nextValue = null;\n      } else {\n        nextValue = optionVal;\n      }\n    }\n\n    onChange?.({\n      value: nextValue,\n      checked: !selected,\n    });\n  };\n\n  return (\n    <View\n      style={[\n        !unstyled && {\n          flexDirection: \"row\",\n          borderWidth: 1,\n          borderRadius: 6,\n          borderColor: invalid ? resolveThemeTokenForNative('red.500') : resolveThemeTokenForNative('gray.300'),\n          overflow: \"hidden\",\n        },\n        style,\n      ]}\n    >\n      {options.map((option, index) => {\n        const optionVal = option?.[optionValue];\n        const selected = isSelected(optionVal);\n        const optionIsDisabled = disabled || resolveDisabled(option);\n\n        return (\n          <Pressable\n            key={optionVal ?? index}\n            onPress={() => handlePress(option)}\n            disabled={optionIsDisabled}\n            style={[\n              !unstyled && {\n                paddingHorizontal: 12,\n                paddingVertical: 8,\n                backgroundColor: selected ? resolveThemeTokenForNative('primary') : \"transparent\",\n                opacity: optionIsDisabled ? 0.5 : 1,\n                borderRightWidth: index < options.length - 1 ? 1 : 0,\n                borderColor: resolveThemeTokenForNative('gray.300'),\n              },\n            ]}\n          >\n            {itemTemplate ? (\n              itemTemplate(option, selected)\n            ) : (\n              <View style={{ flexDirection: \"row\", alignItems: \"center\", gap: 6 }}>\n                {option.icon}\n                <Text\n                  style={{\n                    color: selected ? \"#fff\" : resolveThemeTokenForNative('gray.900'),\n                    fontWeight: selected ? \"600\" : \"400\",\n                  }}\n                >\n                  {option?.[optionLabel]}\n                </Text>\n              </View>\n            )}\n          </Pressable>\n        );\n      })}\n    </View>\n  );\n});\n"],"names":["memo","SelectButton","style","useCallback","optionValue","jsx","View","resolveThemeTokenForNative","Pressable","jsxs","Text"],"mappings":"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"}

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

@@ -0,0 +1,120 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { memo, useCallback } from 'react';
+import { View, Pressable, Text } from 'react-native';
+import { resolveThemeTokenForNative } from '../../Factory/helpers/style.js';
+
+const SelectButton = memo(function SelectButton2({
+  value,
+  options,
+  multiple = false,
+  allowEmpty = true,
+  unselectable = true,
+  disabled = false,
+  invalid = false,
+  optionLabel = "label",
+  optionValue = "value",
+  optionDisabled,
+  itemTemplate,
+  onChange,
+  style,
+  unstyled = false
+}) {
+  const isSelected = 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__ */ jsx(
+    View,
+    {
+      style: [
+        !unstyled && {
+          flexDirection: "row",
+          borderWidth: 1,
+          borderRadius: 6,
+          borderColor: invalid ? resolveThemeTokenForNative("red.500") : resolveThemeTokenForNative("gray.300"),
+          overflow: "hidden"
+        },
+        style
+      ],
+      children: options.map((option, index) => {
+        const optionVal = option?.[optionValue];
+        const selected = isSelected(optionVal);
+        const optionIsDisabled = disabled || resolveDisabled(option);
+        return /* @__PURE__ */ jsx(
+          Pressable,
+          {
+            onPress: () => handlePress(option),
+            disabled: optionIsDisabled,
+            style: [
+              !unstyled && {
+                paddingHorizontal: 12,
+                paddingVertical: 8,
+                backgroundColor: selected ? resolveThemeTokenForNative("primary") : "transparent",
+                opacity: optionIsDisabled ? 0.5 : 1,
+                borderRightWidth: index < options.length - 1 ? 1 : 0,
+                borderColor: resolveThemeTokenForNative("gray.300")
+              }
+            ],
+            children: itemTemplate ? itemTemplate(option, selected) : /* @__PURE__ */ jsxs(View, { style: { flexDirection: "row", alignItems: "center", gap: 6 }, children: [
+              option.icon,
+              /* @__PURE__ */ jsx(
+                Text,
+                {
+                  style: {
+                    color: selected ? "#fff" : resolveThemeTokenForNative("gray.900"),
+                    fontWeight: selected ? "600" : "400"
+                  },
+                  children: option?.[optionLabel]
+                }
+              )
+            ] })
+          },
+          optionVal ?? index
+        );
+      })
+    }
+  );
+});
+
+export { SelectButton };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/Core/SelectButton/index.tsx"],"sourcesContent":["import React, { memo, useCallback } from \"react\";\nimport { Pressable, View, Text } from \"react-native\";\nimport type { SelectButtonProps } from \"./SelectButton.types\";\nimport { resolveThemeTokenForNative } from '../../Factory/helpers/style';\nexport * from './SelectButton.types'\nexport const SelectButton = memo(function SelectButton<T = any>({\n                                                                  value,\n                                                                  options,\n                                                                  multiple = false,\n                                                                  allowEmpty = true,\n                                                                  unselectable = true,\n                                                                  disabled = false,\n                                                                  invalid = false,\n\n                                                                  optionLabel = \"label\",\n                                                                  optionValue = \"value\",\n                                                                  optionDisabled,\n\n                                                                  itemTemplate,\n                                                                  onChange,\n\n                                                                  style,\n                                                                  unstyled = false,\n                                                                }: SelectButtonProps<T>) {\n  const isSelected = useCallback(\n    (optionValue: any) => {\n      if (multiple && Array.isArray(value)) {\n        return value.some(v => v === optionValue);\n      }\n      return value === optionValue;\n    },\n    [value, multiple]\n  );\n\n  const resolveDisabled = (option: any) => {\n    if (typeof optionDisabled === \"function\") {\n      return optionDisabled(option);\n    }\n    if (typeof optionDisabled === \"string\") {\n      return !!option?.[optionDisabled];\n    }\n    return !!option?.disabled;\n  };\n\n  const handlePress = (option: any) => {\n    if (disabled || resolveDisabled(option)) return;\n\n    const optionVal = option?.[optionValue];\n    const selected = isSelected(optionVal);\n\n    let nextValue: any;\n\n    if (multiple) {\n      const current = Array.isArray(value) ? value : [];\n      if (selected) {\n        if (!unselectable || (!allowEmpty && current.length === 1)) return;\n        nextValue = current.filter(v => v !== optionVal);\n      } else {\n        nextValue = [...current, optionVal];\n      }\n    } else {\n      if (selected) {\n        if (!unselectable || !allowEmpty) return;\n        nextValue = null;\n      } else {\n        nextValue = optionVal;\n      }\n    }\n\n    onChange?.({\n      value: nextValue,\n      checked: !selected,\n    });\n  };\n\n  return (\n    <View\n      style={[\n        !unstyled && {\n          flexDirection: \"row\",\n          borderWidth: 1,\n          borderRadius: 6,\n          borderColor: invalid ? resolveThemeTokenForNative('red.500') : resolveThemeTokenForNative('gray.300'),\n          overflow: \"hidden\",\n        },\n        style,\n      ]}\n    >\n      {options.map((option, index) => {\n        const optionVal = option?.[optionValue];\n        const selected = isSelected(optionVal);\n        const optionIsDisabled = disabled || resolveDisabled(option);\n\n        return (\n          <Pressable\n            key={optionVal ?? index}\n            onPress={() => handlePress(option)}\n            disabled={optionIsDisabled}\n            style={[\n              !unstyled && {\n                paddingHorizontal: 12,\n                paddingVertical: 8,\n                backgroundColor: selected ? resolveThemeTokenForNative('primary') : \"transparent\",\n                opacity: optionIsDisabled ? 0.5 : 1,\n                borderRightWidth: index < options.length - 1 ? 1 : 0,\n                borderColor: resolveThemeTokenForNative('gray.300'),\n              },\n            ]}\n          >\n            {itemTemplate ? (\n              itemTemplate(option, selected)\n            ) : (\n              <View style={{ flexDirection: \"row\", alignItems: \"center\", gap: 6 }}>\n                {option.icon}\n                <Text\n                  style={{\n                    color: selected ? \"#fff\" : resolveThemeTokenForNative('gray.900'),\n                    fontWeight: selected ? \"600\" : \"400\",\n                  }}\n                >\n                  {option?.[optionLabel]}\n                </Text>\n              </View>\n            )}\n          </Pressable>\n        );\n      })}\n    </View>\n  );\n});\n"],"names":["SelectButton","optionValue"],"mappings":"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"}

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

@@ -0,0 +1,129 @@
+'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 severityStyles = (severity, unstyled) => {
+  if (unstyled) return {};
+  switch (severity) {
+    case "success":
+      return { backgroundColor: style.resolveThemeTokenForNative("green.600"), color: "#fff" };
+    case "warning":
+      return { backgroundColor: style.resolveThemeTokenForNative("yellow.400"), color: "#000" };
+    case "info":
+      return { backgroundColor: style.resolveThemeTokenForNative("blue.600"), color: "#fff" };
+    case "danger":
+      return { backgroundColor: style.resolveThemeTokenForNative("red.600"), color: "#fff" };
+    case "contrast":
+      return { backgroundColor: "#000", color: "#fff" };
+    case "secondary":
+      return { backgroundColor: style.resolveThemeTokenForNative("gray.600"), color: "#fff" };
+    default:
+      return { backgroundColor: style.resolveThemeTokenForNative("gray.200"), color: "#000" };
+  }
+};
+const Tag = React.forwardRef((props, ref) => {
+  const {
+    value,
+    children,
+    icon,
+    severity = null,
+    rounded = false,
+    unstyled = false,
+    style,
+    testID
+  } = props;
+  const rootRef = React.useRef(null);
+  React.useImperativeHandle(ref, () => ({
+    getElement: () => rootRef.current
+  }));
+  const content = children ?? value;
+  const resolvedIcon = React.useMemo(() => {
+    if (!icon) return null;
+    return typeof icon === "function" ? icon({ props }) : icon;
+  }, [icon, props]);
+  const colors = severityStyles(severity, unstyled);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    index.Box,
+    {
+      ref: rootRef,
+      testID,
+      style: {
+        flexDirection: "row",
+        alignItems: "center",
+        paddingHorizontal: 10,
+        paddingVertical: 4,
+        borderRadius: rounded ? 999 : 6,
+        backgroundColor: colors.backgroundColor,
+        ...style
+      },
+      children: [
+        resolvedIcon ? /* @__PURE__ */ jsxRuntime.jsx(index.Box, { style: { marginRight: 6 }, children: resolvedIcon }) : null,
+        typeof content === "string" || typeof content === "number" ? /* @__PURE__ */ jsxRuntime.jsx(
+          reactNative.Text,
+          {
+            style: {
+              fontSize: 12,
+              fontWeight: "600",
+              color: colors.color
+            },
+            children: content
+          }
+        ) : content
+      ]
+    }
+  );
+});
+Tag.displayName = "Tag";
+
+exports.Tag = Tag;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/Core/Tag/index.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from \"react\";\nimport type { View } from \"react-native\";\nimport { Text } from \"react-native\";\nimport { Box } from \"../../ui\"; // Gluestack Box\nimport type { TagProps, TagSeverity } from \"./Tag.types\";\nimport { resolveThemeTokenForNative } from '../../Factory/helpers/style';\nexport * from './Tag.types'\nconst severityStyles = (\n  severity: TagSeverity,\n  unstyled?: boolean,\n) => {\n  if (unstyled) return {};\n\n  switch (severity) {\n    case \"success\":\n      return { backgroundColor: resolveThemeTokenForNative('green.600'), color: \"#fff\" };\n    case \"warning\":\n      return { backgroundColor: resolveThemeTokenForNative('yellow.400'), color: \"#000\" };\n    case \"info\":\n      return { backgroundColor: resolveThemeTokenForNative('blue.600'), color: \"#fff\" };\n    case \"danger\":\n      return { backgroundColor: resolveThemeTokenForNative('red.600'), color: \"#fff\" };\n    case \"contrast\":\n      return { backgroundColor: \"#000\", color: \"#fff\" };\n    case \"secondary\":\n      return { backgroundColor: resolveThemeTokenForNative('gray.600'), color: \"#fff\" };\n    default:\n      return { backgroundColor: resolveThemeTokenForNative('gray.200'), color: \"#000\" };\n  }\n};\n\nexport const Tag = forwardRef<any, TagProps>((props, ref) => {\n  const {\n    value,\n    children,\n    icon,\n    severity = null,\n    rounded = false,\n    unstyled = false,\n    style,\n    testID,\n  } = props;\n\n  const rootRef = useRef<View>(null);\n\n  /**\n   * PrimeReact ref API compatibility\n   */\n  useImperativeHandle(ref, () => ({\n    getElement: () => rootRef.current,\n  }));\n\n  const content = children ?? value;\n\n  const resolvedIcon = useMemo(() => {\n    if (!icon) return null;\n    return typeof icon === \"function\" ? icon({props}) : icon;\n  }, [icon, props]);\n\n  const colors = severityStyles(severity, unstyled);\n\n  return (\n    <Box\n      ref={rootRef}\n      testID={testID}\n\n      style={{\n        flexDirection:'row',\n        alignItems:'center',\n        paddingHorizontal:10,\n        paddingVertical:4,\n        borderRadius:rounded ? 999 : 6,\n        backgroundColor:colors.backgroundColor,\n        ...style\n      }}\n    >\n      {resolvedIcon ? (\n        <Box style={{marginRight:6}}>{resolvedIcon}</Box>\n      ) : null}\n\n      {typeof content === \"string\" || typeof content === \"number\" ? (\n        <Text\n          style={{\n            fontSize: 12,\n            fontWeight: \"600\",\n            color: colors.color,\n          }}\n        >\n          {content}\n        </Text>\n      ) : (\n        content\n      )}\n    </Box>\n  );\n});\n\nTag.displayName = \"Tag\";\n"],"names":["resolveThemeTokenForNative","forwardRef","useRef","useImperativeHandle","useMemo","jsxs","Box","jsx","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,cAAA,GAAiB,CACrB,QAAA,EACA,QAAA,KACG;AACH,EAAA,IAAI,QAAA,SAAiB,EAAC;AAEtB,EAAA,QAAQ,QAAA;AAAU,IAChB,KAAK,SAAA;AACH,MAAA,OAAO,EAAE,eAAA,EAAiBA,gCAAA,CAA2B,WAAW,CAAA,EAAG,OAAO,MAAA,EAAO;AAAA,IACnF,KAAK,SAAA;AACH,MAAA,OAAO,EAAE,eAAA,EAAiBA,gCAAA,CAA2B,YAAY,CAAA,EAAG,OAAO,MAAA,EAAO;AAAA,IACpF,KAAK,MAAA;AACH,MAAA,OAAO,EAAE,eAAA,EAAiBA,gCAAA,CAA2B,UAAU,CAAA,EAAG,OAAO,MAAA,EAAO;AAAA,IAClF,KAAK,QAAA;AACH,MAAA,OAAO,EAAE,eAAA,EAAiBA,gCAAA,CAA2B,SAAS,CAAA,EAAG,OAAO,MAAA,EAAO;AAAA,IACjF,KAAK,UAAA;AACH,MAAA,OAAO,EAAE,eAAA,EAAiB,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAO;AAAA,IAClD,KAAK,WAAA;AACH,MAAA,OAAO,EAAE,eAAA,EAAiBA,gCAAA,CAA2B,UAAU,CAAA,EAAG,OAAO,MAAA,EAAO;AAAA,IAClF;AACE,MAAA,OAAO,EAAE,eAAA,EAAiBA,gCAAA,CAA2B,UAAU,CAAA,EAAG,OAAO,MAAA,EAAO;AAAA;AAEtF,CAAA;AAEO,MAAM,GAAA,GAAMC,gBAAA,CAA0B,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC3D,EAAA,MAAM;AAAA,IACJ,KAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA,GAAW,IAAA;AAAA,IACX,OAAA,GAAU,KAAA;AAAA,IACV,QAAA,GAAW,KAAA;AAAA,IACX,KAAA;AAAA,IACA;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,MAAM,OAAA,GAAUC,aAAa,IAAI,CAAA;AAKjC,EAAAC,yBAAA,CAAoB,KAAK,OAAO;AAAA,IAC9B,UAAA,EAAY,MAAM,OAAA,CAAQ;AAAA,GAC5B,CAAE,CAAA;AAEF,EAAA,MAAM,UAAU,QAAA,IAAY,KAAA;AAE5B,EAAA,MAAM,YAAA,GAAeC,cAAQ,MAAM;AACjC,IAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAClB,IAAA,OAAO,OAAO,IAAA,KAAS,UAAA,GAAa,KAAK,EAAC,KAAA,EAAM,CAAA,GAAI,IAAA;AAAA,EACtD,CAAA,EAAG,CAAC,IAAA,EAAM,KAAK,CAAC,CAAA;AAEhB,EAAA,MAAM,MAAA,GAAS,cAAA,CAAe,QAAA,EAAU,QAAQ,CAAA;AAEhD,EAAA,uBACEC,eAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,OAAA;AAAA,MACL,MAAA;AAAA,MAEA,KAAA,EAAO;AAAA,QACL,aAAA,EAAc,KAAA;AAAA,QACd,UAAA,EAAW,QAAA;AAAA,QACX,iBAAA,EAAkB,EAAA;AAAA,QAClB,eAAA,EAAgB,CAAA;AAAA,QAChB,YAAA,EAAa,UAAU,GAAA,GAAM,CAAA;AAAA,QAC7B,iBAAgB,MAAA,CAAO,eAAA;AAAA,QACvB,GAAG;AAAA,OACL;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,YAAA,mBACCC,cAAA,CAACD,aAAI,KAAA,EAAO,EAAC,aAAY,CAAA,EAAC,EAAI,wBAAa,CAAA,GACzC,IAAA;AAAA,QAEH,OAAO,OAAA,KAAY,QAAA,IAAY,OAAO,YAAY,QAAA,mBACjDC,cAAA;AAAA,UAACC,gBAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO;AAAA,cACL,QAAA,EAAU,EAAA;AAAA,cACV,UAAA,EAAY,KAAA;AAAA,cACZ,OAAO,MAAA,CAAO;AAAA,aAChB;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA,SACH,GAEA;AAAA;AAAA;AAAA,GAEJ;AAEJ,CAAC;AAED,GAAA,CAAI,WAAA,GAAc,KAAA;;;;"}

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

@@ -0,0 +1,127 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useRef, useImperativeHandle, useMemo } from 'react';
+import { 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 severityStyles = (severity, unstyled) => {
+  if (unstyled) return {};
+  switch (severity) {
+    case "success":
+      return { backgroundColor: resolveThemeTokenForNative("green.600"), color: "#fff" };
+    case "warning":
+      return { backgroundColor: resolveThemeTokenForNative("yellow.400"), color: "#000" };
+    case "info":
+      return { backgroundColor: resolveThemeTokenForNative("blue.600"), color: "#fff" };
+    case "danger":
+      return { backgroundColor: resolveThemeTokenForNative("red.600"), color: "#fff" };
+    case "contrast":
+      return { backgroundColor: "#000", color: "#fff" };
+    case "secondary":
+      return { backgroundColor: resolveThemeTokenForNative("gray.600"), color: "#fff" };
+    default:
+      return { backgroundColor: resolveThemeTokenForNative("gray.200"), color: "#000" };
+  }
+};
+const Tag = forwardRef((props, ref) => {
+  const {
+    value,
+    children,
+    icon,
+    severity = null,
+    rounded = false,
+    unstyled = false,
+    style,
+    testID
+  } = props;
+  const rootRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    getElement: () => rootRef.current
+  }));
+  const content = children ?? value;
+  const resolvedIcon = useMemo(() => {
+    if (!icon) return null;
+    return typeof icon === "function" ? icon({ props }) : icon;
+  }, [icon, props]);
+  const colors = severityStyles(severity, unstyled);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ref: rootRef,
+      testID,
+      style: {
+        flexDirection: "row",
+        alignItems: "center",
+        paddingHorizontal: 10,
+        paddingVertical: 4,
+        borderRadius: rounded ? 999 : 6,
+        backgroundColor: colors.backgroundColor,
+        ...style
+      },
+      children: [
+        resolvedIcon ? /* @__PURE__ */ jsx(Box, { style: { marginRight: 6 }, children: resolvedIcon }) : null,
+        typeof content === "string" || typeof content === "number" ? /* @__PURE__ */ jsx(
+          Text,
+          {
+            style: {
+              fontSize: 12,
+              fontWeight: "600",
+              color: colors.color
+            },
+            children: content
+          }
+        ) : content
+      ]
+    }
+  );
+});
+Tag.displayName = "Tag";
+
+export { Tag };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/Core/Tag/index.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from \"react\";\nimport type { View } from \"react-native\";\nimport { Text } from \"react-native\";\nimport { Box } from \"../../ui\"; // Gluestack Box\nimport type { TagProps, TagSeverity } from \"./Tag.types\";\nimport { resolveThemeTokenForNative } from '../../Factory/helpers/style';\nexport * from './Tag.types'\nconst severityStyles = (\n  severity: TagSeverity,\n  unstyled?: boolean,\n) => {\n  if (unstyled) return {};\n\n  switch (severity) {\n    case \"success\":\n      return { backgroundColor: resolveThemeTokenForNative('green.600'), color: \"#fff\" };\n    case \"warning\":\n      return { backgroundColor: resolveThemeTokenForNative('yellow.400'), color: \"#000\" };\n    case \"info\":\n      return { backgroundColor: resolveThemeTokenForNative('blue.600'), color: \"#fff\" };\n    case \"danger\":\n      return { backgroundColor: resolveThemeTokenForNative('red.600'), color: \"#fff\" };\n    case \"contrast\":\n      return { backgroundColor: \"#000\", color: \"#fff\" };\n    case \"secondary\":\n      return { backgroundColor: resolveThemeTokenForNative('gray.600'), color: \"#fff\" };\n    default:\n      return { backgroundColor: resolveThemeTokenForNative('gray.200'), color: \"#000\" };\n  }\n};\n\nexport const Tag = forwardRef<any, TagProps>((props, ref) => {\n  const {\n    value,\n    children,\n    icon,\n    severity = null,\n    rounded = false,\n    unstyled = false,\n    style,\n    testID,\n  } = props;\n\n  const rootRef = useRef<View>(null);\n\n  /**\n   * PrimeReact ref API compatibility\n   */\n  useImperativeHandle(ref, () => ({\n    getElement: () => rootRef.current,\n  }));\n\n  const content = children ?? value;\n\n  const resolvedIcon = useMemo(() => {\n    if (!icon) return null;\n    return typeof icon === \"function\" ? icon({props}) : icon;\n  }, [icon, props]);\n\n  const colors = severityStyles(severity, unstyled);\n\n  return (\n    <Box\n      ref={rootRef}\n      testID={testID}\n\n      style={{\n        flexDirection:'row',\n        alignItems:'center',\n        paddingHorizontal:10,\n        paddingVertical:4,\n        borderRadius:rounded ? 999 : 6,\n        backgroundColor:colors.backgroundColor,\n        ...style\n      }}\n    >\n      {resolvedIcon ? (\n        <Box style={{marginRight:6}}>{resolvedIcon}</Box>\n      ) : null}\n\n      {typeof content === \"string\" || typeof content === \"number\" ? (\n        <Text\n          style={{\n            fontSize: 12,\n            fontWeight: \"600\",\n            color: colors.color,\n          }}\n        >\n          {content}\n        </Text>\n      ) : (\n        content\n      )}\n    </Box>\n  );\n});\n\nTag.displayName = \"Tag\";\n"],"names":[],"mappings":"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"}

package/apps/mobile/src/Core/Trees/components/CoreToolbar.cjs

@@ -0,0 +1,68 @@
+'use strict';
+
+require('react/jsx-runtime');
+var reactNative = require('react-native');
+require('react-icons/fa');
+require('react-icons/ai');
+require('react-icons/io');
+require('../../../../../../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.cjs');
+require('yup');
+require('../../../../../../packages/types/src/Css/map/index.cjs');
+require('../../../../../../packages/types/src/Theme/shadows.cjs');
+require('../../../../../../packages/types/src/Theme/defaultTheme.cjs');
+
+reactNative.StyleSheet.create({
+  toolbar: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    borderWidth: 1,
+    borderRadius: 6,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    gap: 8
+  },
+  startHorizontal: {
+    flexDirection: "row",
+    alignItems: "center",
+    flex: 1,
+    flexShrink: 1,
+    minWidth: 0,
+    gap: 8
+  },
+  centerHorizontal: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0,
+    gap: 4
+  },
+  endHorizontal: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "flex-end",
+    flexShrink: 0,
+    gap: 4
+  },
+  toolbarVertical: {
+    flexDirection: "column",
+    borderWidth: 1,
+    borderRadius: 6,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    gap: 8
+  },
+  startVertical: {
+    flexDirection: "row",
+    alignItems: "center",
+    width: "100%",
+    gap: 8
+  },
+  actionsRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: 8
+  }
+});
+//# sourceMappingURL=CoreToolbar.cjs.map

package/apps/mobile/src/Core/Trees/components/CoreToolbar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreToolbar.cjs","sources":["../../../../../../../../../../apps/mobile/src/Core/Trees/components/CoreToolbar.tsx"],"sourcesContent":["// core/tree/components/CoreToolbar.tsx\n\nimport React from 'react';\nimport { View, StyleSheet, useWindowDimensions } from 'react-native';\nimport type { ToolbarProps } from '../types';\nimport { resolveThemeTokenForNative } from '../../../Factory/helpers/style';\n\nconst t = resolveThemeTokenForNative;\n\n/* ------------------------------------------------------------------ */\n/* Toolbar Component                                                    */\n/* ------------------------------------------------------------------ */\n\nconst CoreToolbar: React.FC<ToolbarProps> = ({\n  start,\n  center,\n  end,\n  className,\n  style,\n}) => {\n  const { width } = useWindowDimensions();\n  const isWide = width >= 768;\n\n  const surfaceColor = t('gray.50');\n  const borderColor = t('gray.300');\n\n  const renderSection = (content: React.ReactNode | (() => React.ReactNode)) => {\n    if (!content) return null;\n    return typeof content === 'function' ? content() : content;\n  };\n\n  const startContent = renderSection(start);\n  const centerContent = renderSection(center);\n  const endContent = renderSection(end);\n\n  if (isWide) {\n    return (\n      <View\n        style={[styles.toolbar, { backgroundColor: surfaceColor, borderColor }, style]}\n        accessibilityRole=\"toolbar\"\n      >\n        <View style={styles.startHorizontal}>\n          {startContent}\n        </View>\n        <View style={styles.centerHorizontal}>\n          {centerContent}\n        </View>\n        <View style={styles.endHorizontal}>\n          {endContent}\n        </View>\n      </View>\n    );\n  }\n\n  return (\n    <View\n      style={[styles.toolbarVertical, { backgroundColor: surfaceColor, borderColor }, style]}\n      accessibilityRole=\"toolbar\"\n    >\n      {startContent && (\n        <View style={styles.startVertical}>\n          {startContent}\n        </View>\n      )}\n\n      {(centerContent || endContent) && (\n        <View style={styles.actionsRow}>\n          <View style={styles.centerHorizontal}>\n            {centerContent}\n          </View>\n          <View style={styles.endHorizontal}>\n            {endContent}\n          </View>\n        </View>\n      )}\n    </View>\n  );\n};\n\n/* ------------------------------------------------------------------ */\n/* Styles (layout only — colors applied inline via theme tokens)       */\n/* ------------------------------------------------------------------ */\n\nconst styles = StyleSheet.create({\n  toolbar: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    borderWidth: 1,\n    borderRadius: 6,\n    paddingHorizontal: 12,\n    paddingVertical: 8,\n    gap: 8,\n  },\n  startHorizontal: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    flex: 1,\n    flexShrink: 1,\n    minWidth: 0,\n    gap: 8,\n  },\n  centerHorizontal: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n    gap: 4,\n  },\n  endHorizontal: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    flexShrink: 0,\n    gap: 4,\n  },\n  toolbarVertical: {\n    flexDirection: 'column',\n    borderWidth: 1,\n    borderRadius: 6,\n    paddingHorizontal: 12,\n    paddingVertical: 8,\n    gap: 8,\n  },\n  startVertical: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    width: '100%',\n    gap: 8,\n  },\n  actionsRow: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 8,\n  },\n});\n\nexport default CoreToolbar;\n"],"names":["StyleSheet"],"mappings":";;;;;;;;;;;;;AAmFeA,uBAAW,MAAA,CAAO;AAAA,EAC/B,OAAA,EAAS;AAAA,IACP,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,eAAA;AAAA,IAChB,WAAA,EAAa,CAAA;AAAA,IACb,YAAA,EAAc,CAAA;AAAA,IACd,iBAAA,EAAmB,EAAA;AAAA,IACnB,eAAA,EAAiB,CAAA;AAAA,IACjB,GAAA,EAAK;AAAA,GACP;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,IAAA,EAAM,CAAA;AAAA,IACN,UAAA,EAAY,CAAA;AAAA,IACZ,QAAA,EAAU,CAAA;AAAA,IACV,GAAA,EAAK;AAAA,GACP;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,UAAA,EAAY,CAAA;AAAA,IACZ,GAAA,EAAK;AAAA,GACP;AAAA,EACA,aAAA,EAAe;AAAA,IACb,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,UAAA;AAAA,IAChB,UAAA,EAAY,CAAA;AAAA,IACZ,GAAA,EAAK;AAAA,GACP;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,aAAA,EAAe,QAAA;AAAA,IACf,WAAA,EAAa,CAAA;AAAA,IACb,YAAA,EAAc,CAAA;AAAA,IACd,iBAAA,EAAmB,EAAA;AAAA,IACnB,eAAA,EAAiB,CAAA;AAAA,IACjB,GAAA,EAAK;AAAA,GACP;AAAA,EACA,aAAA,EAAe;AAAA,IACb,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,KAAA,EAAO,MAAA;AAAA,IACP,GAAA,EAAK;AAAA,GACP;AAAA,EACA,UAAA,EAAY;AAAA,IACV,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,eAAA;AAAA,IAChB,GAAA,EAAK;AAAA;AAET,CAAC;;"}

package/apps/mobile/src/Core/Trees/components/CoreToolbar.js

@@ -0,0 +1,66 @@
+import 'react/jsx-runtime';
+import { StyleSheet } from 'react-native';
+import 'react-icons/fa';
+import 'react-icons/ai';
+import 'react-icons/io';
+import '../../../../../../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.js';
+import 'yup';
+import '../../../../../../packages/types/src/Css/map/index.js';
+import '../../../../../../packages/types/src/Theme/shadows.js';
+import '../../../../../../packages/types/src/Theme/defaultTheme.js';
+
+StyleSheet.create({
+  toolbar: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    borderWidth: 1,
+    borderRadius: 6,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    gap: 8
+  },
+  startHorizontal: {
+    flexDirection: "row",
+    alignItems: "center",
+    flex: 1,
+    flexShrink: 1,
+    minWidth: 0,
+    gap: 8
+  },
+  centerHorizontal: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0,
+    gap: 4
+  },
+  endHorizontal: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "flex-end",
+    flexShrink: 0,
+    gap: 4
+  },
+  toolbarVertical: {
+    flexDirection: "column",
+    borderWidth: 1,
+    borderRadius: 6,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    gap: 8
+  },
+  startVertical: {
+    flexDirection: "row",
+    alignItems: "center",
+    width: "100%",
+    gap: 8
+  },
+  actionsRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: 8
+  }
+});
+//# sourceMappingURL=CoreToolbar.js.map

package/apps/mobile/src/Core/Trees/components/CoreToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreToolbar.js","sources":["../../../../../../../../../../apps/mobile/src/Core/Trees/components/CoreToolbar.tsx"],"sourcesContent":["// core/tree/components/CoreToolbar.tsx\n\nimport React from 'react';\nimport { View, StyleSheet, useWindowDimensions } from 'react-native';\nimport type { ToolbarProps } from '../types';\nimport { resolveThemeTokenForNative } from '../../../Factory/helpers/style';\n\nconst t = resolveThemeTokenForNative;\n\n/* ------------------------------------------------------------------ */\n/* Toolbar Component                                                    */\n/* ------------------------------------------------------------------ */\n\nconst CoreToolbar: React.FC<ToolbarProps> = ({\n  start,\n  center,\n  end,\n  className,\n  style,\n}) => {\n  const { width } = useWindowDimensions();\n  const isWide = width >= 768;\n\n  const surfaceColor = t('gray.50');\n  const borderColor = t('gray.300');\n\n  const renderSection = (content: React.ReactNode | (() => React.ReactNode)) => {\n    if (!content) return null;\n    return typeof content === 'function' ? content() : content;\n  };\n\n  const startContent = renderSection(start);\n  const centerContent = renderSection(center);\n  const endContent = renderSection(end);\n\n  if (isWide) {\n    return (\n      <View\n        style={[styles.toolbar, { backgroundColor: surfaceColor, borderColor }, style]}\n        accessibilityRole=\"toolbar\"\n      >\n        <View style={styles.startHorizontal}>\n          {startContent}\n        </View>\n        <View style={styles.centerHorizontal}>\n          {centerContent}\n        </View>\n        <View style={styles.endHorizontal}>\n          {endContent}\n        </View>\n      </View>\n    );\n  }\n\n  return (\n    <View\n      style={[styles.toolbarVertical, { backgroundColor: surfaceColor, borderColor }, style]}\n      accessibilityRole=\"toolbar\"\n    >\n      {startContent && (\n        <View style={styles.startVertical}>\n          {startContent}\n        </View>\n      )}\n\n      {(centerContent || endContent) && (\n        <View style={styles.actionsRow}>\n          <View style={styles.centerHorizontal}>\n            {centerContent}\n          </View>\n          <View style={styles.endHorizontal}>\n            {endContent}\n          </View>\n        </View>\n      )}\n    </View>\n  );\n};\n\n/* ------------------------------------------------------------------ */\n/* Styles (layout only — colors applied inline via theme tokens)       */\n/* ------------------------------------------------------------------ */\n\nconst styles = StyleSheet.create({\n  toolbar: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    borderWidth: 1,\n    borderRadius: 6,\n    paddingHorizontal: 12,\n    paddingVertical: 8,\n    gap: 8,\n  },\n  startHorizontal: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    flex: 1,\n    flexShrink: 1,\n    minWidth: 0,\n    gap: 8,\n  },\n  centerHorizontal: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n    gap: 4,\n  },\n  endHorizontal: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    flexShrink: 0,\n    gap: 4,\n  },\n  toolbarVertical: {\n    flexDirection: 'column',\n    borderWidth: 1,\n    borderRadius: 6,\n    paddingHorizontal: 12,\n    paddingVertical: 8,\n    gap: 8,\n  },\n  startVertical: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    width: '100%',\n    gap: 8,\n  },\n  actionsRow: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 8,\n  },\n});\n\nexport default CoreToolbar;\n"],"names":[],"mappings":";;;;;;;;;;;AAmFe,WAAW,MAAA,CAAO;AAAA,EAC/B,OAAA,EAAS;AAAA,IACP,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,eAAA;AAAA,IAChB,WAAA,EAAa,CAAA;AAAA,IACb,YAAA,EAAc,CAAA;AAAA,IACd,iBAAA,EAAmB,EAAA;AAAA,IACnB,eAAA,EAAiB,CAAA;AAAA,IACjB,GAAA,EAAK;AAAA,GACP;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,IAAA,EAAM,CAAA;AAAA,IACN,UAAA,EAAY,CAAA;AAAA,IACZ,QAAA,EAAU,CAAA;AAAA,IACV,GAAA,EAAK;AAAA,GACP;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,UAAA,EAAY,CAAA;AAAA,IACZ,GAAA,EAAK;AAAA,GACP;AAAA,EACA,aAAA,EAAe;AAAA,IACb,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,UAAA;AAAA,IAChB,UAAA,EAAY,CAAA;AAAA,IACZ,GAAA,EAAK;AAAA,GACP;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,aAAA,EAAe,QAAA;AAAA,IACf,WAAA,EAAa,CAAA;AAAA,IACb,YAAA,EAAc,CAAA;AAAA,IACd,iBAAA,EAAmB,EAAA;AAAA,IACnB,eAAA,EAAiB,CAAA;AAAA,IACjB,GAAA,EAAK;AAAA,GACP;AAAA,EACA,aAAA,EAAe;AAAA,IACb,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,KAAA,EAAO,MAAA;AAAA,IACP,GAAA,EAAK;AAAA,GACP;AAAA,EACA,UAAA,EAAY;AAAA,IACV,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,eAAA;AAAA,IAChB,GAAA,EAAK;AAAA;AAET,CAAC"}