@lmb-it/kitsconcerto-native 0.1.236

package/form/inputs/RadiusPicker/utils/units.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+const KM_PER_MILE = 1.609344;
+const kmToMi = (km) => km * 0.621371;
+const miToKm = (mi) => mi * KM_PER_MILE;
+const kmToM = (km) => km * 1e3;
+const mToKm = (m) => m / 1e3;
+const toKm = (value, from) => {
+  switch (from) {
+    case "km":
+      return value;
+    case "mi":
+      return miToKm(value);
+    case "m":
+      return mToKm(value);
+  }
+};
+const fromKm = (km, to) => {
+  switch (to) {
+    case "km":
+      return km;
+    case "mi":
+      return kmToMi(km);
+    case "m":
+      return kmToM(km);
+  }
+};
+const convert = (value, from, to) => {
+  if (from === to) return value;
+  return fromKm(toKm(value, from), to);
+};
+
+exports.KM_PER_MILE = KM_PER_MILE;
+exports.convert = convert;
+exports.kmToM = kmToM;
+exports.kmToMi = kmToMi;
+exports.mToKm = mToKm;
+exports.miToKm = miToKm;
+//# sourceMappingURL=units.cjs.map

package/form/inputs/RadiusPicker/utils/units.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"units.cjs","sources":["../../../../../../src/form/inputs/RadiusPicker/utils/units.ts"],"sourcesContent":["import type {RadiusUnit} from \"@lmb-it/kitsconcerto-types\";\n\nexport const KM_PER_MILE = 1.609344;\n\nexport const kmToMi = (km: number): number => km * 0.621371;\nexport const miToKm = (mi: number): number => mi * KM_PER_MILE;\nexport const kmToM = (km: number): number => km * 1000;\nexport const mToKm = (m: number): number => m / 1000;\nexport const miToM = (mi: number): number => mi * KM_PER_MILE * 1000;\nexport const mToMi = (m: number): number => (m / 1000) * 0.621371;\n\nconst toKm = (value: number, from: RadiusUnit): number => {\n    switch (from) {\n        case \"km\":\n            return value;\n        case \"mi\":\n            return miToKm(value);\n        case \"m\":\n            return mToKm(value);\n    }\n};\n\nconst fromKm = (km: number, to: RadiusUnit): number => {\n    switch (to) {\n        case \"km\":\n            return km;\n        case \"mi\":\n            return kmToMi(km);\n        case \"m\":\n            return kmToM(km);\n    }\n};\n\nexport const convert = (value: number, from: RadiusUnit, to: RadiusUnit): number => {\n    if (from === to) return value;\n    return fromKm(toKm(value, from), to);\n};\n\nexport const unitLabel = (unit: RadiusUnit): string => unit;\n"],"names":[],"mappings":";;AAEO,MAAM,WAAA,GAAc;AAEpB,MAAM,MAAA,GAAS,CAAC,EAAA,KAAuB,EAAA,GAAK;AAC5C,MAAM,MAAA,GAAS,CAAC,EAAA,KAAuB,EAAA,GAAK;AAC5C,MAAM,KAAA,GAAQ,CAAC,EAAA,KAAuB,EAAA,GAAK;AAC3C,MAAM,KAAA,GAAQ,CAAC,CAAA,KAAsB,CAAA,GAAI;AAIhD,MAAM,IAAA,GAAO,CAAC,KAAA,EAAe,IAAA,KAA6B;AACtD,EAAA,QAAQ,IAAA;AAAM,IACV,KAAK,IAAA;AACD,MAAA,OAAO,KAAA;AAAA,IACX,KAAK,IAAA;AACD,MAAA,OAAO,OAAO,KAAK,CAAA;AAAA,IACvB,KAAK,GAAA;AACD,MAAA,OAAO,MAAM,KAAK,CAAA;AAAA;AAE9B,CAAA;AAEA,MAAM,MAAA,GAAS,CAAC,EAAA,EAAY,EAAA,KAA2B;AACnD,EAAA,QAAQ,EAAA;AAAI,IACR,KAAK,IAAA;AACD,MAAA,OAAO,EAAA;AAAA,IACX,KAAK,IAAA;AACD,MAAA,OAAO,OAAO,EAAE,CAAA;AAAA,IACpB,KAAK,GAAA;AACD,MAAA,OAAO,MAAM,EAAE,CAAA;AAAA;AAE3B,CAAA;AAEO,MAAM,OAAA,GAAU,CAAC,KAAA,EAAe,IAAA,EAAkB,EAAA,KAA2B;AAChF,EAAA,IAAI,IAAA,KAAS,IAAI,OAAO,KAAA;AACxB,EAAA,OAAO,MAAA,CAAO,IAAA,CAAK,KAAA,EAAO,IAAI,GAAG,EAAE,CAAA;AACvC;;;;;;;;;"}

package/form/inputs/RadiusPicker/utils/units.js

@@ -0,0 +1,32 @@
+const KM_PER_MILE = 1.609344;
+const kmToMi = (km) => km * 0.621371;
+const miToKm = (mi) => mi * KM_PER_MILE;
+const kmToM = (km) => km * 1e3;
+const mToKm = (m) => m / 1e3;
+const toKm = (value, from) => {
+  switch (from) {
+    case "km":
+      return value;
+    case "mi":
+      return miToKm(value);
+    case "m":
+      return mToKm(value);
+  }
+};
+const fromKm = (km, to) => {
+  switch (to) {
+    case "km":
+      return km;
+    case "mi":
+      return kmToMi(km);
+    case "m":
+      return kmToM(km);
+  }
+};
+const convert = (value, from, to) => {
+  if (from === to) return value;
+  return fromKm(toKm(value, from), to);
+};
+
+export { KM_PER_MILE, convert, kmToM, kmToMi, mToKm, miToKm };
+//# sourceMappingURL=units.js.map

package/form/inputs/RadiusPicker/utils/units.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"units.js","sources":["../../../../../../src/form/inputs/RadiusPicker/utils/units.ts"],"sourcesContent":["import type {RadiusUnit} from \"@lmb-it/kitsconcerto-types\";\n\nexport const KM_PER_MILE = 1.609344;\n\nexport const kmToMi = (km: number): number => km * 0.621371;\nexport const miToKm = (mi: number): number => mi * KM_PER_MILE;\nexport const kmToM = (km: number): number => km * 1000;\nexport const mToKm = (m: number): number => m / 1000;\nexport const miToM = (mi: number): number => mi * KM_PER_MILE * 1000;\nexport const mToMi = (m: number): number => (m / 1000) * 0.621371;\n\nconst toKm = (value: number, from: RadiusUnit): number => {\n    switch (from) {\n        case \"km\":\n            return value;\n        case \"mi\":\n            return miToKm(value);\n        case \"m\":\n            return mToKm(value);\n    }\n};\n\nconst fromKm = (km: number, to: RadiusUnit): number => {\n    switch (to) {\n        case \"km\":\n            return km;\n        case \"mi\":\n            return kmToMi(km);\n        case \"m\":\n            return kmToM(km);\n    }\n};\n\nexport const convert = (value: number, from: RadiusUnit, to: RadiusUnit): number => {\n    if (from === to) return value;\n    return fromKm(toKm(value, from), to);\n};\n\nexport const unitLabel = (unit: RadiusUnit): string => unit;\n"],"names":[],"mappings":"AAEO,MAAM,WAAA,GAAc;AAEpB,MAAM,MAAA,GAAS,CAAC,EAAA,KAAuB,EAAA,GAAK;AAC5C,MAAM,MAAA,GAAS,CAAC,EAAA,KAAuB,EAAA,GAAK;AAC5C,MAAM,KAAA,GAAQ,CAAC,EAAA,KAAuB,EAAA,GAAK;AAC3C,MAAM,KAAA,GAAQ,CAAC,CAAA,KAAsB,CAAA,GAAI;AAIhD,MAAM,IAAA,GAAO,CAAC,KAAA,EAAe,IAAA,KAA6B;AACtD,EAAA,QAAQ,IAAA;AAAM,IACV,KAAK,IAAA;AACD,MAAA,OAAO,KAAA;AAAA,IACX,KAAK,IAAA;AACD,MAAA,OAAO,OAAO,KAAK,CAAA;AAAA,IACvB,KAAK,GAAA;AACD,MAAA,OAAO,MAAM,KAAK,CAAA;AAAA;AAE9B,CAAA;AAEA,MAAM,MAAA,GAAS,CAAC,EAAA,EAAY,EAAA,KAA2B;AACnD,EAAA,QAAQ,EAAA;AAAI,IACR,KAAK,IAAA;AACD,MAAA,OAAO,EAAA;AAAA,IACX,KAAK,IAAA;AACD,MAAA,OAAO,OAAO,EAAE,CAAA;AAAA,IACpB,KAAK,GAAA;AACD,MAAA,OAAO,MAAM,EAAE,CAAA;AAAA;AAE3B,CAAA;AAEO,MAAM,OAAA,GAAU,CAAC,KAAA,EAAe,IAAA,EAAkB,EAAA,KAA2B;AAChF,EAAA,IAAI,IAAA,KAAS,IAAI,OAAO,KAAA;AACxB,EAAA,OAAO,MAAA,CAAO,IAAA,CAAK,KAAA,EAAO,IAAI,GAAG,EAAE,CAAA;AACvC;;;;"}

package/form/inputs/Slider/index.cjs

@@ -0,0 +1,105 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var Slider = require('@react-native-community/slider');
+var reactNative = require('react-native');
+var index = require('../../../layout/Flex/index.cjs');
+
+const KitsSliders = ({
+  minValue = 0,
+  maxValue = 100,
+  prefix,
+  step,
+  disabled,
+  value,
+  isRange = false,
+  onChange,
+  onSlideEnd,
+  className
+}) => {
+  const isControlled = value !== void 0;
+  const [localValue, setLocalValue] = React.useState(
+    isRange ? [minValue, maxValue] : minValue
+  );
+  const currentValue = isControlled ? value : localValue;
+  React.useEffect(() => {
+    if (!isControlled) {
+      setLocalValue(isRange ? [minValue, maxValue] : minValue);
+    }
+  }, [minValue, maxValue, isRange, isControlled]);
+  if (isRange) {
+    const [start, end] = Array.isArray(currentValue) ? currentValue : [minValue, maxValue];
+    return /* @__PURE__ */ jsxRuntime.jsxs(index.default, { w: "full", flexDirection: "column", gap: 2, className, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Slider,
+        {
+          minimumValue: minValue,
+          maximumValue: end,
+          value: start,
+          step,
+          disabled,
+          onValueChange: (v) => {
+            const next = [v, end];
+            isControlled ? onChange?.({ value: next }) : setLocalValue(next);
+          },
+          onSlidingComplete: (v) => {
+            onSlideEnd?.({
+              value: [v, end]
+            });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Slider,
+        {
+          minimumValue: start,
+          maximumValue: maxValue,
+          value: end,
+          step,
+          disabled,
+          onValueChange: (v) => {
+            const next = [start, v];
+            isControlled ? onChange?.({ value: next }) : setLocalValue(next);
+          },
+          onSlidingComplete: (v) => {
+            onSlideEnd?.({
+              value: [start, v]
+            });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(index.default, { justifyContent: "space-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { children: prefix ? `${prefix}${start}` : start }),
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { children: prefix ? `${prefix}${end}` : end })
+      ] })
+    ] });
+  }
+  const numericValue = typeof currentValue === "number" ? currentValue : minValue;
+  return /* @__PURE__ */ jsxRuntime.jsxs(index.default, { w: "full", flexDirection: "column", gap: 2, className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Slider,
+      {
+        minimumValue: minValue,
+        maximumValue: maxValue,
+        step,
+        disabled,
+        value: numericValue,
+        onValueChange: (v) => {
+          isControlled ? onChange?.({ value: v }) : setLocalValue(v);
+        },
+        onSlidingComplete: (v) => {
+          onSlideEnd?.({
+            value: v
+          });
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(index.default, { justifyContent: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { children: prefix ? `${prefix}${numericValue}` : numericValue }) })
+  ] });
+};
+
+exports.default = KitsSliders;
+//# sourceMappingURL=index.cjs.map

package/form/inputs/Slider/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/form/inputs/Slider/index.native.tsx"],"sourcesContent":["import React, { type FC, useEffect, useState } from \"react\";\nimport Slider from \"@react-native-community/slider\";\nimport { Text } from \"react-native\";\nimport type { ISliderProps } from \"@lmb-it/kitsconcerto-types\";\nimport { Flex } from \"../../../_compat\";\n\nconst KitsSliders: FC<ISliderProps> = ({\n                                           minValue = 0,\n                                           maxValue = 100,\n                                           prefix,\n                                           step,\n                                           disabled,\n                                           value,\n                                           isRange = false,\n                                           onChange,\n                                           onSlideEnd,\n                                           className,\n                                       }) => {\n    const isControlled = value !== undefined;\n\n    const [localValue, setLocalValue] = useState<number | [number, number]>(\n        isRange ? [minValue, maxValue] : minValue\n    );\n\n    const currentValue = isControlled ? value : localValue;\n\n    useEffect(() => {\n        if (!isControlled) {\n            setLocalValue(isRange ? [minValue, maxValue] : minValue);\n        }\n    }, [minValue, maxValue, isRange, isControlled]);\n\n    /* ---------------------------- RANGE MODE --------------------------- */\n\n    if (isRange) {\n        const [start, end] = Array.isArray(currentValue)\n            ? currentValue\n            : [minValue, maxValue];\n\n        return (\n            <Flex w=\"full\" flexDirection=\"column\" gap={2} className={className}>\n                {/* Start thumb */}\n                <Slider\n                    minimumValue={minValue}\n                    maximumValue={end}\n                    value={start}\n                    step={step}\n                    disabled={disabled}\n                    onValueChange={(v: number) => {\n                        const next: [number, number] = [v, end];\n                        isControlled ? onChange?.({value:next}) : setLocalValue(next);\n                    }}\n                    onSlidingComplete={(v: number) => {\n                        onSlideEnd?.({\n                            value: [v, end],\n                        });\n                    }}\n                />\n\n                {/* End thumb */}\n                <Slider\n                    minimumValue={start}\n                    maximumValue={maxValue}\n                    value={end}\n                    step={step}\n                    disabled={disabled}\n                    onValueChange={(v: number) => {\n                        const next: [number, number] = [start, v];\n                        isControlled ? onChange?.({value:next}) : setLocalValue(next);\n                    }}\n                    onSlidingComplete={(v: number) => {\n                        onSlideEnd?.({\n                            value: [start, v],\n                        });\n                    }}\n                />\n\n                <Flex justifyContent=\"space-between\">\n                    <Text>{prefix ? `${prefix}${start}` : start}</Text>\n                    <Text>{prefix ? `${prefix}${end}` : end}</Text>\n                </Flex>\n            </Flex>\n        );\n    }\n\n    /* --------------------------- SINGLE MODE ---------------------------- */\n\n    const numericValue =\n        typeof currentValue === \"number\" ? currentValue : minValue;\n\n    return (\n        <Flex w={'full'} flexDirection=\"column\" gap={2} className={className}>\n            <Slider\n                minimumValue={minValue}\n                maximumValue={maxValue}\n                step={step}\n                disabled={disabled}\n                value={numericValue}\n                onValueChange={(v: number) => {\n                    isControlled ? onChange?.({value:v}) : setLocalValue(v);\n                }}\n                onSlidingComplete={(v: number) => {\n                    onSlideEnd?.({\n                        value: v,\n                    });\n                }}\n            />\n\n            <Flex justifyContent=\"flex-end\">\n                <Text>{prefix ? `${prefix}${numericValue}` : numericValue}</Text>\n            </Flex>\n        </Flex>\n    );\n};\n\nexport default KitsSliders;\n"],"names":["useState","useEffect","jsxs","Flex","jsx","Text"],"mappings":"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"}

package/form/inputs/Slider/index.js

@@ -0,0 +1,101 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import Slider from '@react-native-community/slider';
+import { Text } from 'react-native';
+import Flex from '../../../layout/Flex/index.js';
+
+const KitsSliders = ({
+  minValue = 0,
+  maxValue = 100,
+  prefix,
+  step,
+  disabled,
+  value,
+  isRange = false,
+  onChange,
+  onSlideEnd,
+  className
+}) => {
+  const isControlled = value !== void 0;
+  const [localValue, setLocalValue] = useState(
+    isRange ? [minValue, maxValue] : minValue
+  );
+  const currentValue = isControlled ? value : localValue;
+  useEffect(() => {
+    if (!isControlled) {
+      setLocalValue(isRange ? [minValue, maxValue] : minValue);
+    }
+  }, [minValue, maxValue, isRange, isControlled]);
+  if (isRange) {
+    const [start, end] = Array.isArray(currentValue) ? currentValue : [minValue, maxValue];
+    return /* @__PURE__ */ jsxs(Flex, { w: "full", flexDirection: "column", gap: 2, className, children: [
+      /* @__PURE__ */ jsx(
+        Slider,
+        {
+          minimumValue: minValue,
+          maximumValue: end,
+          value: start,
+          step,
+          disabled,
+          onValueChange: (v) => {
+            const next = [v, end];
+            isControlled ? onChange?.({ value: next }) : setLocalValue(next);
+          },
+          onSlidingComplete: (v) => {
+            onSlideEnd?.({
+              value: [v, end]
+            });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Slider,
+        {
+          minimumValue: start,
+          maximumValue: maxValue,
+          value: end,
+          step,
+          disabled,
+          onValueChange: (v) => {
+            const next = [start, v];
+            isControlled ? onChange?.({ value: next }) : setLocalValue(next);
+          },
+          onSlidingComplete: (v) => {
+            onSlideEnd?.({
+              value: [start, v]
+            });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
+        /* @__PURE__ */ jsx(Text, { children: prefix ? `${prefix}${start}` : start }),
+        /* @__PURE__ */ jsx(Text, { children: prefix ? `${prefix}${end}` : end })
+      ] })
+    ] });
+  }
+  const numericValue = typeof currentValue === "number" ? currentValue : minValue;
+  return /* @__PURE__ */ jsxs(Flex, { w: "full", flexDirection: "column", gap: 2, className, children: [
+    /* @__PURE__ */ jsx(
+      Slider,
+      {
+        minimumValue: minValue,
+        maximumValue: maxValue,
+        step,
+        disabled,
+        value: numericValue,
+        onValueChange: (v) => {
+          isControlled ? onChange?.({ value: v }) : setLocalValue(v);
+        },
+        onSlidingComplete: (v) => {
+          onSlideEnd?.({
+            value: v
+          });
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(Flex, { justifyContent: "flex-end", children: /* @__PURE__ */ jsx(Text, { children: prefix ? `${prefix}${numericValue}` : numericValue }) })
+  ] });
+};
+
+export { KitsSliders as default };
+//# sourceMappingURL=index.js.map

package/form/inputs/Slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/form/inputs/Slider/index.native.tsx"],"sourcesContent":["import React, { type FC, useEffect, useState } from \"react\";\nimport Slider from \"@react-native-community/slider\";\nimport { Text } from \"react-native\";\nimport type { ISliderProps } from \"@lmb-it/kitsconcerto-types\";\nimport { Flex } from \"../../../_compat\";\n\nconst KitsSliders: FC<ISliderProps> = ({\n                                           minValue = 0,\n                                           maxValue = 100,\n                                           prefix,\n                                           step,\n                                           disabled,\n                                           value,\n                                           isRange = false,\n                                           onChange,\n                                           onSlideEnd,\n                                           className,\n                                       }) => {\n    const isControlled = value !== undefined;\n\n    const [localValue, setLocalValue] = useState<number | [number, number]>(\n        isRange ? [minValue, maxValue] : minValue\n    );\n\n    const currentValue = isControlled ? value : localValue;\n\n    useEffect(() => {\n        if (!isControlled) {\n            setLocalValue(isRange ? [minValue, maxValue] : minValue);\n        }\n    }, [minValue, maxValue, isRange, isControlled]);\n\n    /* ---------------------------- RANGE MODE --------------------------- */\n\n    if (isRange) {\n        const [start, end] = Array.isArray(currentValue)\n            ? currentValue\n            : [minValue, maxValue];\n\n        return (\n            <Flex w=\"full\" flexDirection=\"column\" gap={2} className={className}>\n                {/* Start thumb */}\n                <Slider\n                    minimumValue={minValue}\n                    maximumValue={end}\n                    value={start}\n                    step={step}\n                    disabled={disabled}\n                    onValueChange={(v: number) => {\n                        const next: [number, number] = [v, end];\n                        isControlled ? onChange?.({value:next}) : setLocalValue(next);\n                    }}\n                    onSlidingComplete={(v: number) => {\n                        onSlideEnd?.({\n                            value: [v, end],\n                        });\n                    }}\n                />\n\n                {/* End thumb */}\n                <Slider\n                    minimumValue={start}\n                    maximumValue={maxValue}\n                    value={end}\n                    step={step}\n                    disabled={disabled}\n                    onValueChange={(v: number) => {\n                        const next: [number, number] = [start, v];\n                        isControlled ? onChange?.({value:next}) : setLocalValue(next);\n                    }}\n                    onSlidingComplete={(v: number) => {\n                        onSlideEnd?.({\n                            value: [start, v],\n                        });\n                    }}\n                />\n\n                <Flex justifyContent=\"space-between\">\n                    <Text>{prefix ? `${prefix}${start}` : start}</Text>\n                    <Text>{prefix ? `${prefix}${end}` : end}</Text>\n                </Flex>\n            </Flex>\n        );\n    }\n\n    /* --------------------------- SINGLE MODE ---------------------------- */\n\n    const numericValue =\n        typeof currentValue === \"number\" ? currentValue : minValue;\n\n    return (\n        <Flex w={'full'} flexDirection=\"column\" gap={2} className={className}>\n            <Slider\n                minimumValue={minValue}\n                maximumValue={maxValue}\n                step={step}\n                disabled={disabled}\n                value={numericValue}\n                onValueChange={(v: number) => {\n                    isControlled ? onChange?.({value:v}) : setLocalValue(v);\n                }}\n                onSlidingComplete={(v: number) => {\n                    onSlideEnd?.({\n                        value: v,\n                    });\n                }}\n            />\n\n            <Flex justifyContent=\"flex-end\">\n                <Text>{prefix ? `${prefix}${numericValue}` : numericValue}</Text>\n            </Flex>\n        </Flex>\n    );\n};\n\nexport default KitsSliders;\n"],"names":[],"mappings":"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"}

package/form/selects/AutoComplete/index.cjs

@@ -0,0 +1,204 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var index_native = require('../../helpers/FormContainer/index.cjs');
+require('../../../apps/mobile/src/ui/accordion/index.cjs');
+require('../../../apps/mobile/src/ui/actionsheet/index.cjs');
+require('../../../apps/mobile/src/ui/alert/index.cjs');
+require('../../../apps/mobile/src/ui/alert-dialog/index.cjs');
+require('../../../apps/mobile/src/ui/avatar/index.cjs');
+require('../../../apps/mobile/src/ui/badge/index.cjs');
+require('../../../apps/mobile/src/ui/bottomsheet/index.cjs');
+require('../../../apps/mobile/src/ui/box/index.cjs');
+require('../../../apps/mobile/src/ui/button/index.cjs');
+require('../../../apps/mobile/src/ui/card/index.cjs');
+require('../../../apps/mobile/src/ui/center/index.cjs');
+require('../../../apps/mobile/src/ui/checkbox/index.cjs');
+require('../../../apps/mobile/src/ui/divider/index.cjs');
+require('../../../apps/mobile/src/ui/drawer/index.cjs');
+require('../../../apps/mobile/src/ui/fab/index.cjs');
+require('react-native');
+require('../../../apps/mobile/src/ui/form-control/index.cjs');
+require('react');
+require('../../../apps/mobile/src/ui/gluestack-ui-provider/config.cjs');
+require('@gluestack-ui/core/overlay/creator');
+require('@gluestack-ui/core/toast/creator');
+require('nativewind');
+require('../../../apps/mobile/src/ui/grid/index.cjs');
+require('../../../apps/mobile/src/ui/heading/index.cjs');
+require('../../../apps/mobile/src/ui/hstack/index.cjs');
+require('../../../apps/mobile/src/ui/icon/index.cjs');
+require('../../../apps/mobile/src/ui/image/index.cjs');
+require('../../../apps/mobile/src/ui/image-background/index.cjs');
+require('../../../apps/mobile/src/ui/input/index.cjs');
+require('../../../apps/mobile/src/ui/link/index.cjs');
+require('../../../apps/mobile/src/ui/menu/index.cjs');
+require('../../../apps/mobile/src/ui/modal/index.cjs');
+require('../../../apps/mobile/src/ui/popover/index.cjs');
+require('../../../apps/mobile/src/ui/portal/index.cjs');
+require('../../../apps/mobile/src/ui/pressable/index.cjs');
+require('../../../apps/mobile/src/ui/progress/index.cjs');
+require('../../../apps/mobile/src/ui/radio/index.cjs');
+require('react-native-safe-area-context');
+require('../../../apps/mobile/src/ui/select/index.cjs');
+require('../../../apps/mobile/src/ui/skeleton/index.cjs');
+require('../../../apps/mobile/src/ui/slider/index.cjs');
+require('../../../apps/mobile/src/ui/spinner/index.cjs');
+require('../../../apps/mobile/src/ui/switch/index.cjs');
+require('../../../apps/mobile/src/ui/table/index.cjs');
+require('../../../apps/mobile/src/ui/text/index.cjs');
+require('../../../apps/mobile/src/ui/textarea/index.cjs');
+require('../../../apps/mobile/src/ui/toast/index.cjs');
+require('../../../apps/mobile/src/ui/tooltip/index.cjs');
+require('../../../apps/mobile/src/ui/vstack/index.cjs');
+require('react-native-reanimated');
+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');
+require('../../../apps/mobile/src/Factory/DimensionsContext.cjs');
+var useSeparator = require('../../../apps/mobile/src/Factory/useSeparator.cjs');
+require('i18next');
+require('react-i18next');
+var index = require('../../../apps/mobile/src/Core/AutoComplete/index.cjs');
+require('../../../apps/mobile/src/Core/Dropdown/index.cjs');
+require('../../../apps/mobile/src/Core/MultiSelect/index.cjs');
+require('../../../apps/mobile/src/Core/Trees/components/CoreTree.cjs');
+require('../../../apps/mobile/src/Core/Trees/components/CoreTreeSelect.cjs');
+require('../../../apps/mobile/src/Core/Trees/components/CoreToolbar.cjs');
+require('../../../apps/mobile/src/Core/Paginator/index.cjs');
+require('lucide-react-native');
+require('../../../apps/mobile/src/Core/SelectButton/index.cjs');
+require('../../../apps/mobile/src/Core/DataTable/DataTable.cjs');
+require('../../../apps/mobile/src/Core/Tag/index.cjs');
+require('../../../apps/mobile/src/Core/Badge/index.cjs');
+require('../../../apps/mobile/src/Core/ProgressBar/index.cjs');
+require('../../../apps/mobile/src/Core/Checkbox/index.cjs');
+require('../../../apps/mobile/src/Core/RadioButton/index.cjs');
+require('../../../apps/mobile/src/Core/Input/index.cjs');
+require('../../../apps/mobile/src/Core/Input/Field.cjs');
+require('../../../apps/mobile/src/Core/Input/Slot.cjs');
+var useAutoCompleteLogic = require('../hooks/useAutoCompleteLogic.cjs');
+require('../../../contexts/DialogContext.cjs');
+var useComponentDefaults = require('../../../hooks/useComponentDefaults.cjs');
+var useResolvedStyle = require('../../../hooks/useResolvedStyle.cjs');
+var KitsThemeProvider_native = require('../../../contexts/Theme/KitsThemeProvider.cjs');
+
+const KitsAutoComplete = ({ ref, ...rawProps }) => {
+  const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults.default("AutoComplete", rawProps, "Select");
+  const resolvedThemeStyle = useResolvedStyle.default(themeStyle);
+  const resolvedRootStyle = useResolvedStyle.default(elementStyles?.root || {});
+  const {
+    id,
+    rightAddon,
+    leftAddon,
+    errors,
+    invalid,
+    label,
+    hideError,
+    disabled,
+    required,
+    isFloatedLabel,
+    inputSize = "md",
+    forceSelection,
+    completeMethod,
+    helperText,
+    withArrow,
+    placeholder,
+    isMultiple,
+    localProps,
+    delay,
+    minLength,
+    selectionLimit,
+    showEmptyMessage,
+    emptyMessage,
+    attached,
+    containerStyle
+  } = props;
+  useSeparator.default(props);
+  const { resolveToken } = KitsThemeProvider_native.useKitsTheme();
+  resolveToken("primary");
+  resolveToken("border");
+  const {
+    inputValue,
+    setInputValue,
+    filteredList,
+    search,
+    handleOnChange,
+    list,
+    childrenKey,
+    labelKey
+  } = useAutoCompleteLogic.useAutoCompleteLogic({ isMultiple, forceSelection, completeMethod, ref });
+  Object.keys(themeStyle).length > 0;
+  const Element = /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      disabled,
+      placeholder,
+      value: inputValue,
+      forceSelection,
+      suggestions: Array.isArray(filteredList) ? filteredList : list,
+      completeMethod: search,
+      dropdown: withArrow,
+      multiple: isMultiple,
+      field: labelKey,
+      invalid: !!invalid,
+      emptyMessage: emptyMessage ?? "No results found",
+      ...delay != null ? { delay } : {},
+      ...minLength != null ? { minLength } : {},
+      ...selectionLimit != null ? { selectionLimit } : {},
+      showEmptyMessage: showEmptyMessage ?? true,
+      optionGroupChildren: childrenKey ?? void 0,
+      optionGroupLabel: childrenKey ? labelKey : void 0,
+      style: { width: "100%", borderRadius: 0, border: "none", backgroundColor: "transparent" },
+      inputStyle: { flexDirection: "row", borderRadius: 0, border: "none", width: "100%", backgroundColor: "transparent", ...resolvedRootStyle || resolvedThemeStyle },
+      onChange: (event) => {
+        setInputValue(event.value);
+        handleOnChange(event);
+      },
+      ...localProps ?? {}
+    }
+  );
+  if (attached) {
+    return Element;
+  }
+  const overflowEscape = {
+    ...elementStyles,
+    container: {
+      ...elementStyles?.container || {},
+      overflow: "visible"
+    },
+    inputGroup: {
+      ...elementStyles?.inputGroup || {},
+      overflow: "visible"
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index_native.default,
+    {
+      id,
+      inputSize,
+      isFloatedLabel,
+      hideError,
+      rightAddon,
+      leftAddon,
+      required,
+      helperText,
+      errors,
+      invalid,
+      label,
+      containerStyle,
+      elementStyles: overflowEscape,
+      children: Element
+    }
+  );
+};
+
+exports.default = KitsAutoComplete;
+//# sourceMappingURL=index.cjs.map

package/form/selects/AutoComplete/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/form/selects/AutoComplete/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport {AutoComplete, useSeparator} from \"@lmb-it/kitsconcertomobile\";\nimport type { IAutoCompleteElement } from \"@lmb-it/kitsconcerto-types\";\nimport { useAutoCompleteLogic } from \"../hooks/useAutoCompleteLogic\";\nimport { useComponentDefaults, useResolvedStyle } from \"../../../hooks\";\nimport { useKitsTheme } from \"../../../contexts/Theme\";\n\nconst KitsAutoComplete = ({ ref, ...rawProps }: IAutoCompleteElement) => {\n    const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults('AutoComplete', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        rightAddon,\n        leftAddon,\n        errors,\n        invalid,\n        label,\n        hideError,\n        disabled,\n        required,\n        isFloatedLabel,\n        inputSize = \"md\",\n        forceSelection,\n        completeMethod,\n        helperText,\n        withArrow,\n        placeholder,\n        isMultiple,\n        localProps,\n        delay,\n        minLength,\n        selectionLimit,\n        showEmptyMessage,\n        emptyMessage,\n        attached,\n        containerStyle,\n    } = props;\n\n    const { nativeProps } = useSeparator<HTMLSelectElement>(props);\n\n    const { resolveToken } = useKitsTheme();\n    const primaryColor = resolveToken('primary');\n    const borderColor = resolveToken('border');\n\n    const {\n        inputValue,\n        setInputValue,\n        filteredList,\n        search,\n        handleOnChange,\n        list,\n        childrenKey,\n        labelKey,\n    } = useAutoCompleteLogic({ isMultiple, forceSelection, completeMethod, ref });\n\n    const hasThemeStyle = Object.keys(themeStyle).length > 0;\n\n\n    const Element = <AutoComplete\n        disabled={disabled}\n        placeholder={placeholder}\n        value={inputValue}\n        forceSelection={forceSelection}\n        suggestions={Array.isArray(filteredList) ? filteredList : list}\n        completeMethod={search}\n        dropdown={withArrow}\n        multiple={isMultiple}\n        field={labelKey}\n        invalid={!!invalid}\n        emptyMessage={emptyMessage ?? \"No results found\"}\n        {...(delay != null ? { delay } : {})}\n        {...(minLength != null ? { minLength } : {})}\n        {...(selectionLimit != null ? { selectionLimit } : {})}\n        showEmptyMessage={showEmptyMessage ?? true}\n        optionGroupChildren={childrenKey ?? undefined}\n        optionGroupLabel={childrenKey ? labelKey : undefined}\n        style={{ width: \"100%\", borderRadius: 0, border:'none', backgroundColor:'transparent' }}\n        inputStyle={{ flexDirection: \"row\", borderRadius: 0, border:'none', width: \"100%\",backgroundColor:'transparent', ...(resolvedRootStyle || resolvedThemeStyle) }}\n        onChange={(event) => {\n            setInputValue(event.value);\n            handleOnChange(event);\n        }}\n        {...(localProps ?? {})}\n    />\n\n    if (attached) {\n        return Element;\n    }\n\n    // KitsContainer's `inputGroup` wrapper defaults to `overflow: 'hidden'`\n    // (so rounded borders clip the input cleanly). For AutoComplete that\n    // would clip the floating suggestions panel back to the input's bounds\n    // — the panel renders but is invisible, which is the \"list never\n    // appears\" symptom on mobile. Force `overflow: 'visible'` on the\n    // container chain so the panel can escape.\n    const overflowEscape = {\n        ...elementStyles,\n        container: {\n            ...(elementStyles?.container || {}),\n            overflow: 'visible' as const,\n        },\n        inputGroup: {\n            ...(elementStyles?.inputGroup || {}),\n            overflow: 'visible' as const,\n        },\n    };\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            hideError={hideError}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            helperText={helperText}\n            errors={errors}\n            invalid={invalid}\n            label={label}\n            containerStyle={containerStyle}\n            elementStyles={overflowEscape}\n        >\n            {Element}\n        </KitsContainer>\n    );\n};\n\nexport default KitsAutoComplete;\n"],"names":["useComponentDefaults","useResolvedStyle","useSeparator","useKitsTheme","useAutoCompleteLogic","jsx","AutoComplete","KitsContainer"],"mappings":"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"}