@lmb-it/kitsconcerto-native 0.1.236

package/form/helpers/native/mask.js

@@ -0,0 +1,48 @@
+function isDigit(c) {
+  return /^[0-9]$/.test(c);
+}
+function isAlpha(c) {
+  return /^[A-Za-z]$/.test(c);
+}
+function isAlphaNum(c) {
+  return /^[A-Za-z0-9]$/.test(c);
+}
+function tokenizeMask(mask) {
+  const q = mask.indexOf("?");
+  const main = q >= 0 ? mask.slice(0, q) : mask;
+  const tokens = [];
+  for (const ch of main) {
+    if (ch === "9") tokens.push({ t: "digit" });
+    else if (ch === "a") tokens.push({ t: "alpha" });
+    else if (ch === "*") tokens.push({ t: "alphanum" });
+    else tokens.push({ t: "lit", v: ch });
+  }
+  return { tokens, optionalFrom: q >= 0 ? tokens.length : Number.POSITIVE_INFINITY };
+}
+function formatWithMask(raw, mask) {
+  const { tokens } = tokenizeMask(mask);
+  const src = raw.split("");
+  let si = 0;
+  let masked = "";
+  let unmasked = "";
+  for (const token of tokens) {
+    if (token.t === "lit") {
+      masked += token.v;
+      continue;
+    }
+    while (si < src.length) {
+      const c = src[si++] ?? "";
+      const ok = token.t === "digit" ? isDigit(c) : token.t === "alpha" ? isAlpha(c) : isAlphaNum(c);
+      if (ok) {
+        masked += c;
+        unmasked += c;
+        break;
+      }
+    }
+    if (si >= src.length && masked.length === 0) break;
+  }
+  return { masked, unmasked };
+}
+
+export { formatWithMask, tokenizeMask };
+//# sourceMappingURL=mask.js.map

package/form/helpers/native/mask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask.js","sources":["../../../../../src/form/helpers/native/mask.ts"],"sourcesContent":["type MaskToken =\n    | { t: \"digit\" }\n    | { t: \"alpha\" }\n    | { t: \"alphanum\" }\n    | { t: \"lit\"; v: string };\n\nfunction isDigit(c: string) { return /^[0-9]$/.test(c); }\nfunction isAlpha(c: string) { return /^[A-Za-z]$/.test(c); }\nfunction isAlphaNum(c: string) { return /^[A-Za-z0-9]$/.test(c); }\n\nexport function tokenizeMask(mask: string): { tokens: MaskToken[]; optionalFrom: number } {\n    const q = mask.indexOf(\"?\");\n    const main = q >= 0 ? mask.slice(0, q) : mask;\n\n    const tokens: MaskToken[] = [];\n    for (const ch of main) {\n        if (ch === \"9\") tokens.push({ t: \"digit\" });\n        else if (ch === \"a\") tokens.push({ t: \"alpha\" });\n        else if (ch === \"*\") tokens.push({ t: \"alphanum\" });\n        else tokens.push({ t: \"lit\", v: ch });\n    }\n\n    return { tokens, optionalFrom: q >= 0 ? tokens.length : Number.POSITIVE_INFINITY };\n}\n\n/**\n * Formats raw input into masked output; returns both masked and unmasked.\n * - slotChar is only used for display if you want “_”; here we keep it minimal.\n */\nexport function formatWithMask(raw: string, mask: string): { masked: string; unmasked: string } {\n    const { tokens } = tokenizeMask(mask);\n    const src = raw.split(\"\");\n    let si = 0;\n\n    let masked = \"\";\n    let unmasked = \"\";\n\n    for (const token of tokens) {\n        if (token.t === \"lit\") {\n            masked += token.v;\n            continue;\n        }\n\n        // advance source until it matches token\n        while (si < src.length) {\n            const c = src[si++] ?? '';\n            const ok =\n                token.t === \"digit\" ? isDigit(c)\n                    : token.t === \"alpha\" ? isAlpha(c)\n                        : isAlphaNum(c);\n\n            if (ok) {\n                masked += c;\n                unmasked += c;\n                break;\n            }\n        }\n\n        // if no source left, stop (don’t pad)\n        if (si >= src.length && masked.length === 0) break;\n    }\n\n    return { masked, unmasked };\n}\n"],"names":[],"mappings":"AAMA,SAAS,QAAQ,CAAA,EAAW;AAAE,EAAA,OAAO,SAAA,CAAU,KAAK,CAAC,CAAA;AAAG;AACxD,SAAS,QAAQ,CAAA,EAAW;AAAE,EAAA,OAAO,YAAA,CAAa,KAAK,CAAC,CAAA;AAAG;AAC3D,SAAS,WAAW,CAAA,EAAW;AAAE,EAAA,OAAO,eAAA,CAAgB,KAAK,CAAC,CAAA;AAAG;AAE1D,SAAS,aAAa,IAAA,EAA6D;AACtF,EAAA,MAAM,CAAA,GAAI,IAAA,CAAK,OAAA,CAAQ,GAAG,CAAA;AAC1B,EAAA,MAAM,OAAO,CAAA,IAAK,CAAA,GAAI,KAAK,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA,GAAI,IAAA;AAEzC,EAAA,MAAM,SAAsB,EAAC;AAC7B,EAAA,KAAA,MAAW,MAAM,IAAA,EAAM;AACnB,IAAA,IAAI,OAAO,GAAA,EAAK,MAAA,CAAO,KAAK,EAAE,CAAA,EAAG,SAAS,CAAA;AAAA,SAAA,IACjC,OAAO,GAAA,EAAK,MAAA,CAAO,KAAK,EAAE,CAAA,EAAG,SAAS,CAAA;AAAA,SAAA,IACtC,OAAO,GAAA,EAAK,MAAA,CAAO,KAAK,EAAE,CAAA,EAAG,YAAY,CAAA;AAAA,gBACtC,IAAA,CAAK,EAAE,GAAG,KAAA,EAAO,CAAA,EAAG,IAAI,CAAA;AAAA,EACxC;AAEA,EAAA,OAAO,EAAE,QAAQ,YAAA,EAAc,CAAA,IAAK,IAAI,MAAA,CAAO,MAAA,GAAS,OAAO,iBAAA,EAAkB;AACrF;AAMO,SAAS,cAAA,CAAe,KAAa,IAAA,EAAoD;AAC5F,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,YAAA,CAAa,IAAI,CAAA;AACpC,EAAA,MAAM,GAAA,GAAM,GAAA,CAAI,KAAA,CAAM,EAAE,CAAA;AACxB,EAAA,IAAI,EAAA,GAAK,CAAA;AAET,EAAA,IAAI,MAAA,GAAS,EAAA;AACb,EAAA,IAAI,QAAA,GAAW,EAAA;AAEf,EAAA,KAAA,MAAW,SAAS,MAAA,EAAQ;AACxB,IAAA,IAAI,KAAA,CAAM,MAAM,KAAA,EAAO;AACnB,MAAA,MAAA,IAAU,KAAA,CAAM,CAAA;AAChB,MAAA;AAAA,IACJ;AAGA,IAAA,OAAO,EAAA,GAAK,IAAI,MAAA,EAAQ;AACpB,MAAA,MAAM,CAAA,GAAI,GAAA,CAAI,EAAA,EAAI,CAAA,IAAK,EAAA;AACvB,MAAA,MAAM,EAAA,GACF,KAAA,CAAM,CAAA,KAAM,OAAA,GAAU,QAAQ,CAAC,CAAA,GACzB,KAAA,CAAM,CAAA,KAAM,OAAA,GAAU,OAAA,CAAQ,CAAC,CAAA,GAC3B,WAAW,CAAC,CAAA;AAE1B,MAAA,IAAI,EAAA,EAAI;AACJ,QAAA,MAAA,IAAU,CAAA;AACV,QAAA,QAAA,IAAY,CAAA;AACZ,QAAA;AAAA,MACJ;AAAA,IACJ;AAGA,IAAA,IAAI,EAAA,IAAM,GAAA,CAAI,MAAA,IAAU,MAAA,CAAO,WAAW,CAAA,EAAG;AAAA,EACjD;AAEA,EAAA,OAAO,EAAE,QAAQ,QAAA,EAAS;AAC9B;;;;"}

package/form/helpers/native/numberFormat.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+function clampNumber(n, min, max) {
+  if (Number.isNaN(n)) return n;
+  if (min != null && n < min) return min;
+  if (max != null && n > max) return max;
+  return n;
+}
+function parseLooseNumber(text) {
+  const cleaned = text.replace(/[^0-9.\-]/g, "");
+  if (!cleaned || cleaned === "-" || cleaned === "." || cleaned === "-.") return null;
+  const n = Number(cleaned);
+  return Number.isFinite(n) ? n : null;
+}
+function formatNumber(value, o) {
+  if (value == null || Number.isNaN(value)) return "";
+  const nf = new Intl.NumberFormat(o.locale, {
+    style: o.mode === "currency" ? "currency" : "decimal",
+    currency: o.mode === "currency" ? o.currency ?? "USD" : void 0,
+    useGrouping: o.useGrouping ?? true,
+    minimumFractionDigits: o.minFractionDigits,
+    maximumFractionDigits: o.maxFractionDigits
+  });
+  let out = nf.format(value);
+  if (o.prefix) out = `${o.prefix}${out}`;
+  if (o.suffix) out = `${out}${o.suffix}`;
+  return out;
+}
+
+exports.clampNumber = clampNumber;
+exports.formatNumber = formatNumber;
+exports.parseLooseNumber = parseLooseNumber;
+//# sourceMappingURL=numberFormat.cjs.map

package/form/helpers/native/numberFormat.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"numberFormat.cjs","sources":["../../../../../src/form/helpers/native/numberFormat.ts"],"sourcesContent":["export interface NumberFormatOptions {\n    locale?: string;\n    useGrouping?: boolean;\n    minFractionDigits?: number;\n    maxFractionDigits?: number;\n    mode?: \"decimal\" | \"currency\";\n    currency?: string;\n    prefix?: string;\n    suffix?: string;\n    min?: number;\n    max?: number;\n}\n\nexport function clampNumber(n: number, min?: number, max?: number) {\n    if (Number.isNaN(n)) return n;\n    if (min != null && n < min) return min;\n    if (max != null && n > max) return max;\n    return n;\n}\n\nexport function parseLooseNumber(text: string): number | null {\n    const cleaned = text.replace(/[^0-9.\\-]/g, \"\");\n    if (!cleaned || cleaned === \"-\" || cleaned === \".\" || cleaned === \"-.\") return null;\n    const n = Number(cleaned);\n    return Number.isFinite(n) ? n : null;\n}\n\nexport function formatNumber(value: number | null | undefined, o: NumberFormatOptions): string {\n    if (value == null || Number.isNaN(value)) return \"\";\n\n    const nf = new Intl.NumberFormat(o.locale, {\n        style: o.mode === \"currency\" ? \"currency\" : \"decimal\",\n        currency: o.mode === \"currency\" ? (o.currency ?? \"USD\") : undefined,\n        useGrouping: o.useGrouping ?? true,\n        minimumFractionDigits: o.minFractionDigits,\n        maximumFractionDigits: o.maxFractionDigits,\n    });\n\n    let out = nf.format(value);\n    if (o.prefix) out = `${o.prefix}${out}`;\n    if (o.suffix) out = `${out}${o.suffix}`;\n    return out;\n}\n"],"names":[],"mappings":";;AAaO,SAAS,WAAA,CAAY,CAAA,EAAW,GAAA,EAAc,GAAA,EAAc;AAC/D,EAAA,IAAI,MAAA,CAAO,KAAA,CAAM,CAAC,CAAA,EAAG,OAAO,CAAA;AAC5B,EAAA,IAAI,GAAA,IAAO,IAAA,IAAQ,CAAA,GAAI,GAAA,EAAK,OAAO,GAAA;AACnC,EAAA,IAAI,GAAA,IAAO,IAAA,IAAQ,CAAA,GAAI,GAAA,EAAK,OAAO,GAAA;AACnC,EAAA,OAAO,CAAA;AACX;AAEO,SAAS,iBAAiB,IAAA,EAA6B;AAC1D,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,OAAA,CAAQ,YAAA,EAAc,EAAE,CAAA;AAC7C,EAAA,IAAI,CAAC,WAAW,OAAA,KAAY,GAAA,IAAO,YAAY,GAAA,IAAO,OAAA,KAAY,MAAM,OAAO,IAAA;AAC/E,EAAA,MAAM,CAAA,GAAI,OAAO,OAAO,CAAA;AACxB,EAAA,OAAO,MAAA,CAAO,QAAA,CAAS,CAAC,CAAA,GAAI,CAAA,GAAI,IAAA;AACpC;AAEO,SAAS,YAAA,CAAa,OAAkC,CAAA,EAAgC;AAC3F,EAAA,IAAI,SAAS,IAAA,IAAQ,MAAA,CAAO,KAAA,CAAM,KAAK,GAAG,OAAO,EAAA;AAEjD,EAAA,MAAM,EAAA,GAAK,IAAI,IAAA,CAAK,YAAA,CAAa,EAAE,MAAA,EAAQ;AAAA,IACvC,KAAA,EAAO,CAAA,CAAE,IAAA,KAAS,UAAA,GAAa,UAAA,GAAa,SAAA;AAAA,IAC5C,UAAU,CAAA,CAAE,IAAA,KAAS,UAAA,GAAc,CAAA,CAAE,YAAY,KAAA,GAAS,MAAA;AAAA,IAC1D,WAAA,EAAa,EAAE,WAAA,IAAe,IAAA;AAAA,IAC9B,uBAAuB,CAAA,CAAE,iBAAA;AAAA,IACzB,uBAAuB,CAAA,CAAE;AAAA,GAC5B,CAAA;AAED,EAAA,IAAI,GAAA,GAAM,EAAA,CAAG,MAAA,CAAO,KAAK,CAAA;AACzB,EAAA,IAAI,EAAE,MAAA,EAAQ,GAAA,GAAM,GAAG,CAAA,CAAE,MAAM,GAAG,GAAG,CAAA,CAAA;AACrC,EAAA,IAAI,EAAE,MAAA,EAAQ,GAAA,GAAM,GAAG,GAAG,CAAA,EAAG,EAAE,MAAM,CAAA,CAAA;AACrC,EAAA,OAAO,GAAA;AACX;;;;;;"}

package/form/helpers/native/numberFormat.js

@@ -0,0 +1,29 @@
+function clampNumber(n, min, max) {
+  if (Number.isNaN(n)) return n;
+  if (min != null && n < min) return min;
+  if (max != null && n > max) return max;
+  return n;
+}
+function parseLooseNumber(text) {
+  const cleaned = text.replace(/[^0-9.\-]/g, "");
+  if (!cleaned || cleaned === "-" || cleaned === "." || cleaned === "-.") return null;
+  const n = Number(cleaned);
+  return Number.isFinite(n) ? n : null;
+}
+function formatNumber(value, o) {
+  if (value == null || Number.isNaN(value)) return "";
+  const nf = new Intl.NumberFormat(o.locale, {
+    style: o.mode === "currency" ? "currency" : "decimal",
+    currency: o.mode === "currency" ? o.currency ?? "USD" : void 0,
+    useGrouping: o.useGrouping ?? true,
+    minimumFractionDigits: o.minFractionDigits,
+    maximumFractionDigits: o.maxFractionDigits
+  });
+  let out = nf.format(value);
+  if (o.prefix) out = `${o.prefix}${out}`;
+  if (o.suffix) out = `${out}${o.suffix}`;
+  return out;
+}
+
+export { clampNumber, formatNumber, parseLooseNumber };
+//# sourceMappingURL=numberFormat.js.map

package/form/helpers/native/numberFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"numberFormat.js","sources":["../../../../../src/form/helpers/native/numberFormat.ts"],"sourcesContent":["export interface NumberFormatOptions {\n    locale?: string;\n    useGrouping?: boolean;\n    minFractionDigits?: number;\n    maxFractionDigits?: number;\n    mode?: \"decimal\" | \"currency\";\n    currency?: string;\n    prefix?: string;\n    suffix?: string;\n    min?: number;\n    max?: number;\n}\n\nexport function clampNumber(n: number, min?: number, max?: number) {\n    if (Number.isNaN(n)) return n;\n    if (min != null && n < min) return min;\n    if (max != null && n > max) return max;\n    return n;\n}\n\nexport function parseLooseNumber(text: string): number | null {\n    const cleaned = text.replace(/[^0-9.\\-]/g, \"\");\n    if (!cleaned || cleaned === \"-\" || cleaned === \".\" || cleaned === \"-.\") return null;\n    const n = Number(cleaned);\n    return Number.isFinite(n) ? n : null;\n}\n\nexport function formatNumber(value: number | null | undefined, o: NumberFormatOptions): string {\n    if (value == null || Number.isNaN(value)) return \"\";\n\n    const nf = new Intl.NumberFormat(o.locale, {\n        style: o.mode === \"currency\" ? \"currency\" : \"decimal\",\n        currency: o.mode === \"currency\" ? (o.currency ?? \"USD\") : undefined,\n        useGrouping: o.useGrouping ?? true,\n        minimumFractionDigits: o.minFractionDigits,\n        maximumFractionDigits: o.maxFractionDigits,\n    });\n\n    let out = nf.format(value);\n    if (o.prefix) out = `${o.prefix}${out}`;\n    if (o.suffix) out = `${out}${o.suffix}`;\n    return out;\n}\n"],"names":[],"mappings":"AAaO,SAAS,WAAA,CAAY,CAAA,EAAW,GAAA,EAAc,GAAA,EAAc;AAC/D,EAAA,IAAI,MAAA,CAAO,KAAA,CAAM,CAAC,CAAA,EAAG,OAAO,CAAA;AAC5B,EAAA,IAAI,GAAA,IAAO,IAAA,IAAQ,CAAA,GAAI,GAAA,EAAK,OAAO,GAAA;AACnC,EAAA,IAAI,GAAA,IAAO,IAAA,IAAQ,CAAA,GAAI,GAAA,EAAK,OAAO,GAAA;AACnC,EAAA,OAAO,CAAA;AACX;AAEO,SAAS,iBAAiB,IAAA,EAA6B;AAC1D,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,OAAA,CAAQ,YAAA,EAAc,EAAE,CAAA;AAC7C,EAAA,IAAI,CAAC,WAAW,OAAA,KAAY,GAAA,IAAO,YAAY,GAAA,IAAO,OAAA,KAAY,MAAM,OAAO,IAAA;AAC/E,EAAA,MAAM,CAAA,GAAI,OAAO,OAAO,CAAA;AACxB,EAAA,OAAO,MAAA,CAAO,QAAA,CAAS,CAAC,CAAA,GAAI,CAAA,GAAI,IAAA;AACpC;AAEO,SAAS,YAAA,CAAa,OAAkC,CAAA,EAAgC;AAC3F,EAAA,IAAI,SAAS,IAAA,IAAQ,MAAA,CAAO,KAAA,CAAM,KAAK,GAAG,OAAO,EAAA;AAEjD,EAAA,MAAM,EAAA,GAAK,IAAI,IAAA,CAAK,YAAA,CAAa,EAAE,MAAA,EAAQ;AAAA,IACvC,KAAA,EAAO,CAAA,CAAE,IAAA,KAAS,UAAA,GAAa,UAAA,GAAa,SAAA;AAAA,IAC5C,UAAU,CAAA,CAAE,IAAA,KAAS,UAAA,GAAc,CAAA,CAAE,YAAY,KAAA,GAAS,MAAA;AAAA,IAC1D,WAAA,EAAa,EAAE,WAAA,IAAe,IAAA;AAAA,IAC9B,uBAAuB,CAAA,CAAE,iBAAA;AAAA,IACzB,uBAAuB,CAAA,CAAE;AAAA,GAC5B,CAAA;AAED,EAAA,IAAI,GAAA,GAAM,EAAA,CAAG,MAAA,CAAO,KAAK,CAAA;AACzB,EAAA,IAAI,EAAE,MAAA,EAAQ,GAAA,GAAM,GAAG,CAAA,CAAE,MAAM,GAAG,GAAG,CAAA,CAAA;AACrC,EAAA,IAAI,EAAE,MAAA,EAAQ,GAAA,GAAM,GAAG,GAAG,CAAA,EAAG,EAAE,MAAM,CAAA,CAAA;AACrC,EAAA,OAAO,GAAA;AACX;;;;"}

package/form/helpers/useFormInputController/useFormInputController.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+var React = require('react');
+var Animated = require('react-native-reanimated');
+
+function useFormInputController({
+  value,
+  defaultValue,
+  onChange
+}) {
+  const isControlled = value !== void 0;
+  const currentReanimatedValue = Animated.useSharedValue(defaultValue);
+  const [internalValue, setInternalValue] = React.useState(
+    defaultValue
+  );
+  const latestValueRef = React.useRef(value);
+  latestValueRef.current = value;
+  React.useEffect(() => {
+    if (isControlled) {
+      setInternalValue(value);
+    }
+  }, [isControlled, value]);
+  const emitChange = (next) => {
+    console.log(next);
+    if (!isControlled) {
+      setInternalValue(next);
+    }
+    onChange?.({
+      target: { value: next }
+    });
+  };
+  const onWorkletChange = (value2) => {
+    "worklet";
+    currentReanimatedValue.value = value2;
+  };
+  return {
+    value: isControlled ? value : internalValue,
+    emitChange,
+    onWorkletChange,
+    currentReanimatedValue,
+    isControlled
+  };
+}
+
+exports.useFormInputController = useFormInputController;
+//# sourceMappingURL=useFormInputController.cjs.map

package/form/helpers/useFormInputController/useFormInputController.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormInputController.cjs","sources":["../../../../../src/form/helpers/useFormInputController/useFormInputController.native.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport {useSharedValue} from \"react-native-reanimated\";\n\ninterface UseFormInputControllerProps<T> {\n    value?: T;\n    defaultValue?: T;\n    onChange?: (event: { target: { value: T } }) => void;\n}\n\nexport function useFormInputController<T>({\n                                value,\n                                defaultValue,\n                                onChange,\n                            }: UseFormInputControllerProps<T>) {\n    const isControlled = value !== undefined;\n\n\n    const currentReanimatedValue = useSharedValue(defaultValue);\n\n    const [internalValue, setInternalValue] = useState<T | undefined>(\n        defaultValue\n    );\n\n    // keep ref to avoid stale closures\n    const latestValueRef = useRef(value);\n    latestValueRef.current = value;\n\n    // sync ONLY when switching to controlled\n    useEffect(() => {\n        if (isControlled) {\n            setInternalValue(value);\n        }\n    }, [isControlled, value]);\n\n    const emitChange = (next: T) => {\n        console.log(next)\n        if (!isControlled) {\n            setInternalValue(next);\n        }\n\n        onChange?.({\n            target: { value: next },\n        });\n    };\n\n\n    const onWorkletChange = (value: T) => {\n        'worklet';\n        currentReanimatedValue.value = value;\n    };\n\n    return {\n        value: isControlled ? value : internalValue,\n        emitChange,\n        onWorkletChange,\n        currentReanimatedValue,\n        isControlled,\n    };\n}\n"],"names":["useSharedValue","useState","useRef","useEffect","value"],"mappings":";;;;;AASO,SAAS,sBAAA,CAA0B;AAAA,EACV,KAAA;AAAA,EACA,YAAA;AAAA,EACA;AACJ,CAAA,EAAmC;AAC3D,EAAA,MAAM,eAAe,KAAA,KAAU,MAAA;AAG/B,EAAA,MAAM,sBAAA,GAAyBA,wBAAe,YAAY,CAAA;AAE1D,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIC,cAAA;AAAA,IACtC;AAAA,GACJ;AAGA,EAAA,MAAM,cAAA,GAAiBC,aAAO,KAAK,CAAA;AACnC,EAAA,cAAA,CAAe,OAAA,GAAU,KAAA;AAGzB,EAAAC,eAAA,CAAU,MAAM;AACZ,IAAA,IAAI,YAAA,EAAc;AACd,MAAA,gBAAA,CAAiB,KAAK,CAAA;AAAA,IAC1B;AAAA,EACJ,CAAA,EAAG,CAAC,YAAA,EAAc,KAAK,CAAC,CAAA;AAExB,EAAA,MAAM,UAAA,GAAa,CAAC,IAAA,KAAY;AAC5B,IAAA,OAAA,CAAQ,IAAI,IAAI,CAAA;AAChB,IAAA,IAAI,CAAC,YAAA,EAAc;AACf,MAAA,gBAAA,CAAiB,IAAI,CAAA;AAAA,IACzB;AAEA,IAAA,QAAA,GAAW;AAAA,MACP,MAAA,EAAQ,EAAE,KAAA,EAAO,IAAA;AAAK,KACzB,CAAA;AAAA,EACL,CAAA;AAGA,EAAA,MAAM,eAAA,GAAkB,CAACC,MAAAA,KAAa;AAClC,IAAA,SAAA;AACA,IAAA,sBAAA,CAAuB,KAAA,GAAQA,MAAAA;AAAA,EACnC,CAAA;AAEA,EAAA,OAAO;AAAA,IACH,KAAA,EAAO,eAAe,KAAA,GAAQ,aAAA;AAAA,IAC9B,UAAA;AAAA,IACA,eAAA;AAAA,IACA,sBAAA;AAAA,IACA;AAAA,GACJ;AACJ;;;;"}

package/form/helpers/useFormInputController/useFormInputController.js

@@ -0,0 +1,44 @@
+import { useState, useRef, useEffect } from 'react';
+import { useSharedValue } from 'react-native-reanimated';
+
+function useFormInputController({
+  value,
+  defaultValue,
+  onChange
+}) {
+  const isControlled = value !== void 0;
+  const currentReanimatedValue = useSharedValue(defaultValue);
+  const [internalValue, setInternalValue] = useState(
+    defaultValue
+  );
+  const latestValueRef = useRef(value);
+  latestValueRef.current = value;
+  useEffect(() => {
+    if (isControlled) {
+      setInternalValue(value);
+    }
+  }, [isControlled, value]);
+  const emitChange = (next) => {
+    console.log(next);
+    if (!isControlled) {
+      setInternalValue(next);
+    }
+    onChange?.({
+      target: { value: next }
+    });
+  };
+  const onWorkletChange = (value2) => {
+    "worklet";
+    currentReanimatedValue.value = value2;
+  };
+  return {
+    value: isControlled ? value : internalValue,
+    emitChange,
+    onWorkletChange,
+    currentReanimatedValue,
+    isControlled
+  };
+}
+
+export { useFormInputController };
+//# sourceMappingURL=useFormInputController.js.map

package/form/helpers/useFormInputController/useFormInputController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormInputController.js","sources":["../../../../../src/form/helpers/useFormInputController/useFormInputController.native.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport {useSharedValue} from \"react-native-reanimated\";\n\ninterface UseFormInputControllerProps<T> {\n    value?: T;\n    defaultValue?: T;\n    onChange?: (event: { target: { value: T } }) => void;\n}\n\nexport function useFormInputController<T>({\n                                value,\n                                defaultValue,\n                                onChange,\n                            }: UseFormInputControllerProps<T>) {\n    const isControlled = value !== undefined;\n\n\n    const currentReanimatedValue = useSharedValue(defaultValue);\n\n    const [internalValue, setInternalValue] = useState<T | undefined>(\n        defaultValue\n    );\n\n    // keep ref to avoid stale closures\n    const latestValueRef = useRef(value);\n    latestValueRef.current = value;\n\n    // sync ONLY when switching to controlled\n    useEffect(() => {\n        if (isControlled) {\n            setInternalValue(value);\n        }\n    }, [isControlled, value]);\n\n    const emitChange = (next: T) => {\n        console.log(next)\n        if (!isControlled) {\n            setInternalValue(next);\n        }\n\n        onChange?.({\n            target: { value: next },\n        });\n    };\n\n\n    const onWorkletChange = (value: T) => {\n        'worklet';\n        currentReanimatedValue.value = value;\n    };\n\n    return {\n        value: isControlled ? value : internalValue,\n        emitChange,\n        onWorkletChange,\n        currentReanimatedValue,\n        isControlled,\n    };\n}\n"],"names":["value"],"mappings":";;;AASO,SAAS,sBAAA,CAA0B;AAAA,EACV,KAAA;AAAA,EACA,YAAA;AAAA,EACA;AACJ,CAAA,EAAmC;AAC3D,EAAA,MAAM,eAAe,KAAA,KAAU,MAAA;AAG/B,EAAA,MAAM,sBAAA,GAAyB,eAAe,YAAY,CAAA;AAE1D,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAA;AAAA,IACtC;AAAA,GACJ;AAGA,EAAA,MAAM,cAAA,GAAiB,OAAO,KAAK,CAAA;AACnC,EAAA,cAAA,CAAe,OAAA,GAAU,KAAA;AAGzB,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,YAAA,EAAc;AACd,MAAA,gBAAA,CAAiB,KAAK,CAAA;AAAA,IAC1B;AAAA,EACJ,CAAA,EAAG,CAAC,YAAA,EAAc,KAAK,CAAC,CAAA;AAExB,EAAA,MAAM,UAAA,GAAa,CAAC,IAAA,KAAY;AAC5B,IAAA,OAAA,CAAQ,IAAI,IAAI,CAAA;AAChB,IAAA,IAAI,CAAC,YAAA,EAAc;AACf,MAAA,gBAAA,CAAiB,IAAI,CAAA;AAAA,IACzB;AAEA,IAAA,QAAA,GAAW;AAAA,MACP,MAAA,EAAQ,EAAE,KAAA,EAAO,IAAA;AAAK,KACzB,CAAA;AAAA,EACL,CAAA;AAGA,EAAA,MAAM,eAAA,GAAkB,CAACA,MAAAA,KAAa;AAClC,IAAA,SAAA;AACA,IAAA,sBAAA,CAAuB,KAAA,GAAQA,MAAAA;AAAA,EACnC,CAAA;AAEA,EAAA,OAAO;AAAA,IACH,KAAA,EAAO,eAAe,KAAA,GAAQ,aAAA;AAAA,IAC9B,UAAA;AAAA,IACA,eAAA;AAAA,IACA,sBAAA;AAAA,IACA;AAAA,GACJ;AACJ;;;;"}

package/form/inputs/ColorPicker/colorPickerStyle.cjs

@@ -0,0 +1,103 @@
+'use strict';
+
+var reactNative = require('react-native');
+
+const createColorPickerStyle = (resolveToken) => reactNative.StyleSheet.create({
+  title: {
+    textAlign: "center",
+    fontFamily: "Quicksand",
+    fontWeight: "bold",
+    marginVertical: 20
+  },
+  picker: {
+    gap: 20
+  },
+  pickerContainer: {
+    alignSelf: "center",
+    width: 300,
+    backgroundColor: resolveToken("surface-card"),
+    padding: 20,
+    borderRadius: 20,
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 5
+    },
+    shadowOpacity: 0.34,
+    shadowRadius: 6.27,
+    elevation: 10
+  },
+  panelStyle: {
+    borderRadius: 16,
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5
+  },
+  sliderStyle: {
+    borderRadius: 20,
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5
+  },
+  sliderVerticalStyle: {
+    borderRadius: 20,
+    height: 300,
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5
+  },
+  sliderTitle: {
+    color: resolveToken("text"),
+    fontWeight: "bold",
+    marginBottom: 5,
+    paddingHorizontal: 4,
+    fontFamily: "Quicksand"
+  },
+  previewStyle: {
+    height: 40,
+    borderRadius: 14
+  },
+  previewTxt: {
+    color: resolveToken("text-secondary"),
+    fontFamily: "Quicksand"
+  },
+  inputStyle: {
+    color: resolveToken("text-secondary"),
+    paddingVertical: 2,
+    borderColor: resolveToken("border"),
+    fontSize: 12,
+    marginLeft: 5
+  },
+  swatchesContainer: {
+    alignItems: "center",
+    flexWrap: "nowrap",
+    gap: 10
+  },
+  swatchStyle: {
+    borderRadius: 20,
+    height: 30,
+    width: 30,
+    margin: 0,
+    marginBottom: 0,
+    marginHorizontal: 0,
+    marginVertical: 0
+  }
+});
+
+exports.createColorPickerStyle = createColorPickerStyle;
+//# sourceMappingURL=colorPickerStyle.cjs.map

package/form/inputs/ColorPicker/colorPickerStyle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorPickerStyle.cjs","sources":["../../../../../src/form/inputs/ColorPicker/colorPickerStyle.native.ts"],"sourcesContent":["import { StyleSheet } from 'react-native';\n\n/**\n * Creates theme-aware styles for the ColorPicker.\n * Shadow colors remain hardcoded (#000) as shadows are always dark.\n */\nexport const createColorPickerStyle = (resolveToken: (token: string) => string) => StyleSheet.create({\n    title: {\n        textAlign: 'center',\n        fontFamily: 'Quicksand',\n        fontWeight: 'bold',\n        marginVertical: 20,\n    },\n    picker: {\n        gap: 20,\n    },\n    pickerContainer: {\n        alignSelf: 'center',\n        width: 300,\n        backgroundColor: resolveToken('surface-card'),\n        padding: 20,\n        borderRadius: 20,\n        shadowColor: '#000',\n        shadowOffset: {\n            width: 0,\n            height: 5,\n        },\n        shadowOpacity: 0.34,\n        shadowRadius: 6.27,\n\n        elevation: 10,\n    },\n    panelStyle: {\n        borderRadius: 16,\n\n        shadowColor: '#000',\n        shadowOffset: {\n            width: 0,\n            height: 2,\n        },\n        shadowOpacity: 0.25,\n        shadowRadius: 3.84,\n\n        elevation: 5,\n    },\n    sliderStyle: {\n        borderRadius: 20,\n\n        shadowColor: '#000',\n        shadowOffset: {\n            width: 0,\n            height: 2,\n        },\n        shadowOpacity: 0.25,\n        shadowRadius: 3.84,\n\n        elevation: 5,\n    },\n    sliderVerticalStyle: {\n        borderRadius: 20,\n        height: 300,\n\n        shadowColor: '#000',\n        shadowOffset: {\n            width: 0,\n            height: 2,\n        },\n        shadowOpacity: 0.25,\n        shadowRadius: 3.84,\n\n        elevation: 5,\n    },\n    sliderTitle: {\n        color: resolveToken('text'),\n        fontWeight: 'bold',\n        marginBottom: 5,\n        paddingHorizontal: 4,\n        fontFamily: 'Quicksand',\n    },\n    previewStyle: {\n        height: 40,\n        borderRadius: 14,\n    },\n    previewTxt: {\n        color: resolveToken('text-secondary'),\n        fontFamily: 'Quicksand',\n    },\n    inputStyle: {\n        color: resolveToken('text-secondary'),\n        paddingVertical: 2,\n        borderColor: resolveToken('border'),\n        fontSize: 12,\n        marginLeft: 5,\n    },\n    swatchesContainer: {\n        alignItems: 'center',\n        flexWrap: 'nowrap',\n        gap: 10,\n    },\n    swatchStyle: {\n        borderRadius: 20,\n        height: 30,\n        width: 30,\n        margin: 0,\n        marginBottom: 0,\n        marginHorizontal: 0,\n        marginVertical: 0,\n    },\n});\n"],"names":["StyleSheet"],"mappings":"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"}

package/form/inputs/ColorPicker/colorPickerStyle.js

@@ -0,0 +1,101 @@
+import { StyleSheet } from 'react-native';
+
+const createColorPickerStyle = (resolveToken) => StyleSheet.create({
+  title: {
+    textAlign: "center",
+    fontFamily: "Quicksand",
+    fontWeight: "bold",
+    marginVertical: 20
+  },
+  picker: {
+    gap: 20
+  },
+  pickerContainer: {
+    alignSelf: "center",
+    width: 300,
+    backgroundColor: resolveToken("surface-card"),
+    padding: 20,
+    borderRadius: 20,
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 5
+    },
+    shadowOpacity: 0.34,
+    shadowRadius: 6.27,
+    elevation: 10
+  },
+  panelStyle: {
+    borderRadius: 16,
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5
+  },
+  sliderStyle: {
+    borderRadius: 20,
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5
+  },
+  sliderVerticalStyle: {
+    borderRadius: 20,
+    height: 300,
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5
+  },
+  sliderTitle: {
+    color: resolveToken("text"),
+    fontWeight: "bold",
+    marginBottom: 5,
+    paddingHorizontal: 4,
+    fontFamily: "Quicksand"
+  },
+  previewStyle: {
+    height: 40,
+    borderRadius: 14
+  },
+  previewTxt: {
+    color: resolveToken("text-secondary"),
+    fontFamily: "Quicksand"
+  },
+  inputStyle: {
+    color: resolveToken("text-secondary"),
+    paddingVertical: 2,
+    borderColor: resolveToken("border"),
+    fontSize: 12,
+    marginLeft: 5
+  },
+  swatchesContainer: {
+    alignItems: "center",
+    flexWrap: "nowrap",
+    gap: 10
+  },
+  swatchStyle: {
+    borderRadius: 20,
+    height: 30,
+    width: 30,
+    margin: 0,
+    marginBottom: 0,
+    marginHorizontal: 0,
+    marginVertical: 0
+  }
+});
+
+export { createColorPickerStyle };
+//# sourceMappingURL=colorPickerStyle.js.map

package/form/inputs/ColorPicker/colorPickerStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorPickerStyle.js","sources":["../../../../../src/form/inputs/ColorPicker/colorPickerStyle.native.ts"],"sourcesContent":["import { StyleSheet } from 'react-native';\n\n/**\n * Creates theme-aware styles for the ColorPicker.\n * Shadow colors remain hardcoded (#000) as shadows are always dark.\n */\nexport const createColorPickerStyle = (resolveToken: (token: string) => string) => StyleSheet.create({\n    title: {\n        textAlign: 'center',\n        fontFamily: 'Quicksand',\n        fontWeight: 'bold',\n        marginVertical: 20,\n    },\n    picker: {\n        gap: 20,\n    },\n    pickerContainer: {\n        alignSelf: 'center',\n        width: 300,\n        backgroundColor: resolveToken('surface-card'),\n        padding: 20,\n        borderRadius: 20,\n        shadowColor: '#000',\n        shadowOffset: {\n            width: 0,\n            height: 5,\n        },\n        shadowOpacity: 0.34,\n        shadowRadius: 6.27,\n\n        elevation: 10,\n    },\n    panelStyle: {\n        borderRadius: 16,\n\n        shadowColor: '#000',\n        shadowOffset: {\n            width: 0,\n            height: 2,\n        },\n        shadowOpacity: 0.25,\n        shadowRadius: 3.84,\n\n        elevation: 5,\n    },\n    sliderStyle: {\n        borderRadius: 20,\n\n        shadowColor: '#000',\n        shadowOffset: {\n            width: 0,\n            height: 2,\n        },\n        shadowOpacity: 0.25,\n        shadowRadius: 3.84,\n\n        elevation: 5,\n    },\n    sliderVerticalStyle: {\n        borderRadius: 20,\n        height: 300,\n\n        shadowColor: '#000',\n        shadowOffset: {\n            width: 0,\n            height: 2,\n        },\n        shadowOpacity: 0.25,\n        shadowRadius: 3.84,\n\n        elevation: 5,\n    },\n    sliderTitle: {\n        color: resolveToken('text'),\n        fontWeight: 'bold',\n        marginBottom: 5,\n        paddingHorizontal: 4,\n        fontFamily: 'Quicksand',\n    },\n    previewStyle: {\n        height: 40,\n        borderRadius: 14,\n    },\n    previewTxt: {\n        color: resolveToken('text-secondary'),\n        fontFamily: 'Quicksand',\n    },\n    inputStyle: {\n        color: resolveToken('text-secondary'),\n        paddingVertical: 2,\n        borderColor: resolveToken('border'),\n        fontSize: 12,\n        marginLeft: 5,\n    },\n    swatchesContainer: {\n        alignItems: 'center',\n        flexWrap: 'nowrap',\n        gap: 10,\n    },\n    swatchStyle: {\n        borderRadius: 20,\n        height: 30,\n        width: 30,\n        margin: 0,\n        marginBottom: 0,\n        marginHorizontal: 0,\n        marginVertical: 0,\n    },\n});\n"],"names":[],"mappings":"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"}

package/form/inputs/ColorPicker/index.cjs

@@ -0,0 +1,97 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactNative = require('react-native');
+var ColorPicker = require('reanimated-color-picker');
+var index_native = require('../../helpers/FormContainer/index.cjs');
+var useFormInputController_native = require('../../helpers/useFormInputController/useFormInputController.cjs');
+var colorPickerStyle_native = require('./colorPickerStyle.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 KitsInputColorPicker = ({ ref, ...rawProps }) => {
+  const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults.default("ColorPicker", rawProps, "Input");
+  const resolvedThemeStyle = useResolvedStyle.default(themeStyle);
+  const resolvedRootStyle = useResolvedStyle.default(elementStyles?.root || {});
+  const { resolveToken } = KitsThemeProvider_native.useKitsTheme();
+  const colorPickerStyle = colorPickerStyle_native.createColorPickerStyle(resolveToken);
+  const {
+    id,
+    label,
+    required,
+    disabled,
+    errors,
+    invalid,
+    helperText,
+    value,
+    defaultValue,
+    onChange,
+    leftAddon,
+    rightAddon,
+    colorFormat,
+    // optional: may not be used directly in reanimated-color-picker
+    localProps = {},
+    ...rest
+  } = props;
+  const customSwatches = new Array(6).fill("#fff").map(() => ColorPicker.colorKit.randomRgbColor().hex());
+  const [resultColor, setResultColor] = React.useState(customSwatches[0]);
+  const { emitChange, onWorkletChange} = useFormInputController_native.useFormInputController({
+    value,
+    defaultValue,
+    onChange
+  });
+  const onColorChange = (color) => {
+    "worklet";
+    onWorkletChange(color.hex);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index_native.default,
+    {
+      id,
+      label,
+      helperText,
+      errors,
+      invalid,
+      disabled,
+      required,
+      leftAddon,
+      rightAddon,
+      elementStyles,
+      children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: { width: "100%", ...resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle }, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        ColorPicker,
+        {
+          value: resultColor,
+          sliderThickness: 25,
+          thumbSize: 24,
+          thumbShape: "circle",
+          onChange: onColorChange,
+          onCompleteJS: (color) => emitChange(color.hex),
+          style: colorPickerStyle.picker,
+          boundedThumb: true,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ColorPicker.Panel1, { style: colorPickerStyle.panelStyle }),
+            /* @__PURE__ */ jsxRuntime.jsx(ColorPicker.HueSlider, { style: colorPickerStyle.sliderStyle }),
+            /* @__PURE__ */ jsxRuntime.jsx(ColorPicker.OpacitySlider, { style: colorPickerStyle.sliderStyle }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ColorPicker.Swatches,
+              {
+                style: colorPickerStyle.swatchesContainer,
+                swatchStyle: colorPickerStyle.swatchStyle,
+                colors: customSwatches
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(ColorPicker.PreviewText, { style: colorPickerStyle.previewTxt, colorFormat: "hwba" })
+          ]
+        }
+      ) })
+    }
+  );
+};
+
+exports.default = KitsInputColorPicker;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/form/inputs/ColorPicker/index.native.tsx"],"sourcesContent":["import React, {useState} from \"react\";\nimport { View } from \"react-native\";\nimport ColorPicker, { colorKit, HueSlider, OpacitySlider, Panel1, PreviewText, Swatches, type ColorFormatsObject } from 'reanimated-color-picker';\nimport type { IKitsInputColorPicker } from \"@lmb-it/kitsconcerto-types\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport { useFormInputController } from \"../../helpers/useFormInputController\";\nimport { createColorPickerStyle } from './colorPickerStyle';\nimport {useComponentDefaults, useResolvedStyle} from \"@lmb-it/kitsconcerto/hooks\";\nimport {useKitsTheme} from \"../../../contexts/Theme\";\n\nconst KitsInputColorPicker = ({ ref, ...rawProps }: IKitsInputColorPicker) => {\n    const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults('ColorPicker', rawProps, 'Input');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {resolveToken} = useKitsTheme();\n    const colorPickerStyle = createColorPickerStyle(resolveToken);\n    const {\n        id,\n        label,\n        required,\n        disabled,\n        errors,\n        invalid,\n        helperText,\n        value,\n        defaultValue,\n        onChange,\n        leftAddon,\n        rightAddon,\n        colorFormat, // optional: may not be used directly in reanimated-color-picker\n        localProps = {},\n        ...rest\n    } = props;\n\n    const customSwatches = new Array(6).fill('#fff').map(() => colorKit.randomRgbColor().hex());\n\n    const [resultColor, setResultColor] = useState(customSwatches[0]);\n\n\n\n    // Unified controlled/uncontrolled logic\n    const { value: displayValue, emitChange, onWorkletChange, currentReanimatedValue } = useFormInputController<any>({\n        value,\n        defaultValue,\n        onChange\n    });\n\n    const onColorChange = (color: ColorFormatsObject) => {\n        'worklet';\n        onWorkletChange(color.hex);\n    };\n\n\n    return (\n        <KitsContainer\n            id={id}\n            label={label}\n            helperText={helperText}\n            errors={errors}\n            invalid={invalid}\n            disabled={disabled}\n            required={required}\n            leftAddon={leftAddon}\n            rightAddon={rightAddon}\n            elementStyles={elementStyles}\n        >\n            {/* Addons are rendered by KitsContainer (matches every other input\n                + web behaviour). This component owns only the picker surface. */}\n            <View style={{ width: \"100%\", ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}>\n                <ColorPicker\n                    value={resultColor}\n                    sliderThickness={25}\n                    thumbSize={24}\n                    thumbShape='circle'\n                    onChange={onColorChange}\n                    onCompleteJS={(color: ColorFormatsObject)=>emitChange(color.hex)}\n                    style={colorPickerStyle.picker}\n                    boundedThumb\n                >\n                    <Panel1 style={colorPickerStyle.panelStyle} />\n                    <HueSlider style={colorPickerStyle.sliderStyle} />\n                    <OpacitySlider style={colorPickerStyle.sliderStyle} />\n\n                    {/*<Divider />*/}\n                    <Swatches\n                        style={colorPickerStyle.swatchesContainer}\n                        swatchStyle={colorPickerStyle.swatchStyle}\n                        colors={customSwatches}\n                    />\n                    {/*<Divider />*/}\n\n                    <PreviewText style={colorPickerStyle.previewTxt} colorFormat='hwba' />\n                </ColorPicker>\n            </View>\n        </KitsContainer>\n    );\n};\n\nexport default KitsInputColorPicker;\n"],"names":["useComponentDefaults","useResolvedStyle","useKitsTheme","createColorPickerStyle","colorKit","useState","useFormInputController","jsx","KitsContainer","View","jsxs","Panel1","HueSlider","OpacitySlider","Swatches","PreviewText"],"mappings":";;;;;;;;;;;;;;;;AAUA,MAAM,uBAAuB,CAAC,EAAE,GAAA,EAAK,GAAG,UAAS,KAA6B;AAC1E,EAAA,MAAM,EAAE,aAAa,KAAA,EAAO,UAAA,EAAY,eAAc,GAAIA,4BAAA,CAAqB,aAAA,EAAe,QAAA,EAAU,OAAO,CAAA;AAC/G,EAAA,MAAM,kBAAA,GAAqBC,yBAAiB,UAAU,CAAA;AACtD,EAAA,MAAM,iBAAA,GAAoBA,wBAAA,CAAiB,aAAA,EAAe,IAAA,IAAQ,EAAE,CAAA;AACpE,EAAA,MAAM,EAAC,YAAA,EAAY,GAAIC,qCAAA,EAAa;AACpC,EAAA,MAAM,gBAAA,GAAmBC,+CAAuB,YAAY,CAAA;AAC5D,EAAA,MAAM;AAAA,IACF,EAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA;AAAA,IACA,aAAa,EAAC;AAAA,IACd,GAAG;AAAA,GACP,GAAI,KAAA;AAEJ,EAAA,MAAM,cAAA,GAAiB,IAAI,KAAA,CAAM,CAAC,EAAE,IAAA,CAAK,MAAM,CAAA,CAAE,GAAA,CAAI,MAAMC,oBAAA,CAAS,cAAA,EAAe,CAAE,KAAK,CAAA;AAE1F,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,IAAIC,cAAA,CAAS,cAAA,CAAe,CAAC,CAAC,CAAA;AAKhE,EAAA,MAAM,EAAuB,YAAY,eAAwC,IAAIC,oDAAA,CAA4B;AAAA,IAC7G,KAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACH,CAAA;AAED,EAAA,MAAM,aAAA,GAAgB,CAAC,KAAA,KAA8B;AACjD,IAAA,SAAA;AACA,IAAA,eAAA,CAAgB,MAAM,GAAG,CAAA;AAAA,EAC7B,CAAA;AAGA,EAAA,uBACIC,cAAA;AAAA,IAACC,oBAAA;AAAA,IAAA;AAAA,MACG,EAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,MAIA,yCAACC,gBAAA,EAAA,EAAK,KAAA,EAAO,EAAE,KAAA,EAAO,QAAQ,GAAI,iBAAA,IAAqB,MAAA,CAAO,IAAA,CAAK,iBAAiB,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,iBAAA,GAAoB,oBAAoB,EACvI,QAAA,kBAAAC,eAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACG,KAAA,EAAO,WAAA;AAAA,UACP,eAAA,EAAiB,EAAA;AAAA,UACjB,SAAA,EAAW,EAAA;AAAA,UACX,UAAA,EAAW,QAAA;AAAA,UACX,QAAA,EAAU,aAAA;AAAA,UACV,YAAA,EAAc,CAAC,KAAA,KAA4B,UAAA,CAAW,MAAM,GAAG,CAAA;AAAA,UAC/D,OAAO,gBAAA,CAAiB,MAAA;AAAA,UACxB,YAAA,EAAY,IAAA;AAAA,UAEZ,QAAA,EAAA;AAAA,4BAAAH,cAAA,CAACI,kBAAA,EAAA,EAAO,KAAA,EAAO,gBAAA,CAAiB,UAAA,EAAY,CAAA;AAAA,4BAC5CJ,cAAA,CAACK,qBAAA,EAAA,EAAU,KAAA,EAAO,gBAAA,CAAiB,WAAA,EAAa,CAAA;AAAA,4BAChDL,cAAA,CAACM,yBAAA,EAAA,EAAc,KAAA,EAAO,gBAAA,CAAiB,WAAA,EAAa,CAAA;AAAA,4BAGpDN,cAAA;AAAA,cAACO,oBAAA;AAAA,cAAA;AAAA,gBACG,OAAO,gBAAA,CAAiB,iBAAA;AAAA,gBACxB,aAAa,gBAAA,CAAiB,WAAA;AAAA,gBAC9B,MAAA,EAAQ;AAAA;AAAA,aACZ;AAAA,2CAGCC,uBAAA,EAAA,EAAY,KAAA,EAAO,gBAAA,CAAiB,UAAA,EAAY,aAAY,MAAA,EAAO;AAAA;AAAA;AAAA,OACxE,EACJ;AAAA;AAAA,GACJ;AAER;;;;"}