@lmb-it/kitsconcerto-native 0.1.236

package/form/inputs/InputNumber/index.cjs

@@ -0,0 +1,265 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index_native = require('../../helpers/FormContainer/index.cjs');
+var numberFormat = require('../../helpers/native/numberFormat.cjs');
+var keyfilter = require('../../helpers/native/keyfilter.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('../../../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');
+require('i18next');
+require('react-i18next');
+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');
+var index = require('../../../apps/mobile/src/Core/Input/index.cjs');
+var Field = require('../../../apps/mobile/src/Core/Input/Field.cjs');
+require('../../../apps/mobile/src/Core/Input/Slot.cjs');
+var locale = require('../../../hooks/locale.cjs');
+require('../../../contexts/DialogContext.cjs');
+var useComponentDefaults = require('../../../hooks/useComponentDefaults.cjs');
+var useResolvedStyle = require('../../../hooks/useResolvedStyle.cjs');
+var useFormFieldKeyboardNav_native = require('../../../hooks/useFormFieldKeyboardNav.cjs');
+var mergeRefs = require('../../../utils/mergeRefs.cjs');
+
+const KitsInputNumber = ({ ref, ...rawProps }) => {
+  const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults.default("InputNumber", rawProps, "Input");
+  const resolvedThemeStyle = useResolvedStyle.default(themeStyle);
+  const resolvedRootStyle = useResolvedStyle.default(elementStyles?.root || {});
+  const { isRTL } = locale.useLanguage();
+  const {
+    id,
+    label,
+    required,
+    value,
+    defaultValue,
+    errors,
+    hideError,
+    invalid,
+    isFloatedLabel,
+    disabled,
+    helperText,
+    localProps,
+    onChange,
+    leftAddon,
+    rightAddon,
+    // Prime-like numeric props
+    locale: locale$1,
+    useGrouping,
+    minFractionDigits,
+    maxFractionDigits,
+    mode,
+    currency,
+    prefix,
+    suffix,
+    min,
+    max,
+    keyFilter,
+    ...rest
+  } = props;
+  const { inputRef, navProps } = useFormFieldKeyboardNav_native.useFormFieldKeyboardNav(id);
+  const isControlled = value !== void 0;
+  const [internalNumber, setInternalNumber] = React.useState(
+    defaultValue ?? null
+  );
+  const [text, setText] = React.useState(() => {
+    const n = isControlled ? value : internalNumber;
+    return typeof n === "number" ? numberFormat.formatNumber(n, {
+      locale: locale$1,
+      useGrouping,
+      minFractionDigits,
+      maxFractionDigits,
+      mode,
+      currency,
+      prefix,
+      suffix}) : "";
+  });
+  React.useEffect(() => {
+    if (isControlled) {
+      if (typeof value === "number") {
+        setText(
+          numberFormat.formatNumber(value, {
+            locale: locale$1,
+            useGrouping,
+            minFractionDigits,
+            maxFractionDigits,
+            mode,
+            currency,
+            prefix,
+            suffix})
+        );
+      } else {
+        setText("");
+      }
+    }
+  }, [
+    isControlled,
+    value,
+    locale$1,
+    useGrouping,
+    minFractionDigits,
+    maxFractionDigits,
+    mode,
+    currency,
+    prefix,
+    suffix,
+    min,
+    max
+  ]);
+  const emitChange = (n) => {
+    onChange?.({ value: n });
+  };
+  const onChangeText = (raw) => {
+    const prev = text;
+    const next = keyFilter ? keyfilter.applyKeyFilterKeepPrev(prev, raw, keyFilter) : raw;
+    setText(next);
+    const parsed = numberFormat.parseLooseNumber(next);
+    if (parsed == null) {
+      if (!isControlled) setInternalNumber(null);
+      emitChange(null);
+      return;
+    }
+    if (!isControlled) {
+      setInternalNumber(parsed);
+    }
+    emitChange(parsed);
+  };
+  const onBlur = () => {
+    const parsed = numberFormat.parseLooseNumber(text);
+    if (parsed == null) return;
+    const clamped = numberFormat.clampNumber(parsed, min, max);
+    setText(
+      numberFormat.formatNumber(clamped, {
+        locale: locale$1,
+        useGrouping,
+        minFractionDigits,
+        maxFractionDigits,
+        mode,
+        currency,
+        prefix,
+        suffix})
+    );
+  };
+  const [isFocused, setIsFocused] = React.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index_native.default,
+    {
+      id,
+      helperText,
+      isFloatedLabel,
+      errors,
+      invalid,
+      label,
+      hideError,
+      required,
+      disabled,
+      leftAddon,
+      rightAddon,
+      elementStyles,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        index.default,
+        {
+          ...localProps,
+          isDisabled: !!disabled,
+          isInvalid: !!invalid,
+          isFocused,
+          ...rest,
+          style: { width: "100%", ...resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle },
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            Field.default,
+            {
+              ref: mergeRefs.mergeRefs(inputRef, ref),
+              value: text,
+              keyboardType: "numeric",
+              onChangeText,
+              onFocus: () => setIsFocused(true),
+              onBlur: () => {
+                setIsFocused(false);
+                onBlur();
+              },
+              editable: !disabled,
+              style: {
+                textAlign: isRTL ? "right" : "left",
+                writingDirection: isRTL ? "rtl" : "ltr"
+              },
+              ...navProps
+            }
+          )
+        }
+      )
+    }
+  );
+};
+
+exports.default = KitsInputNumber;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/form/inputs/InputNumber/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport type {IKitsInputNumber} from \"@lmb-it/kitsconcerto-types\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport {clampNumber, formatNumber, parseLooseNumber,} from \"../../helpers/native/numberFormat\";\nimport {applyKeyFilterKeepPrev} from \"../../helpers/native/keyfilter\";\nimport {\n    KitsCoreInput as Input,\n    KitsCoreInputField as InputField,\n} from \"@lmb-it/kitsconcertomobile\";\nimport {useComponentDefaults, useResolvedStyle} from \"@lmb-it/kitsconcerto/hooks\";\nimport {useFormFieldKeyboardNav} from \"../../../hooks/useFormFieldKeyboardNav\";\nimport {mergeRefs} from \"../../../utils/mergeRefs\";\nimport { useLanguage } from \"../../../_compat\";\n\nconst KitsInputNumber = ({ref, ...rawProps}: IKitsInputNumber) => {\n    // Theme key aligned with web: read `Input` (base group) + `InputNumber`\n    // (specific). This matches the alignment plan — both platforms now\n    // expose the same override surface (`kitsTheme.components.InputNumber.*`).\n    const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults('InputNumber', rawProps, 'Input');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const { isRTL } = useLanguage();\n    const {\n        id,\n        label,\n        required,\n        value,\n        defaultValue,\n        errors,\n        hideError,\n        invalid,\n        isFloatedLabel,\n        disabled,\n        helperText,\n        localProps,\n        onChange,\n\n        leftAddon,\n        rightAddon,\n        // Prime-like numeric props\n        locale,\n        useGrouping,\n        minFractionDigits,\n        maxFractionDigits,\n        mode,\n        currency,\n        prefix,\n        suffix,\n        min,\n        max,\n        keyFilter,\n\n        ...rest\n    } = props as any;\n\n    const {inputRef, navProps} = useFormFieldKeyboardNav(id);\n\n    /** 🔑 CONTROL DETECTION (ONLY value decides) */\n    const isControlled = value !== undefined;\n\n    /** 🔹 Internal numeric value (uncontrolled mode only) */\n    const [internalNumber, setInternalNumber] = React.useState<number | null>(\n        defaultValue ?? null\n    );\n\n    /** 🔹 Display text */\n    const [text, setText] = React.useState<string>(() => {\n        const n =\n            isControlled\n                ? value\n                : internalNumber;\n\n        return typeof n === \"number\"\n            ? formatNumber(n, {\n                locale,\n                useGrouping,\n                minFractionDigits,\n                maxFractionDigits,\n                mode,\n                currency,\n                prefix,\n                suffix,\n                min,\n                max,\n            })\n            : \"\";\n    });\n\n    /** 🔄 Sync when controlled value changes */\n    React.useEffect(() => {\n        if (isControlled) {\n            if (typeof value === \"number\") {\n                setText(\n                    formatNumber(value, {\n                        locale,\n                        useGrouping,\n                        minFractionDigits,\n                        maxFractionDigits,\n                        mode,\n                        currency,\n                        prefix,\n                        suffix,\n                        min,\n                        max,\n                    })\n                );\n            } else {\n                setText(\"\");\n            }\n        }\n    }, [\n        isControlled,\n        value,\n        locale,\n        useGrouping,\n        minFractionDigits,\n        maxFractionDigits,\n        mode,\n        currency,\n        prefix,\n        suffix,\n        min,\n        max,\n    ]);\n\n    /** 📤 Emit Prime-like change */\n    const emitChange = (n: number | null) => {\n        onChange?.({value: n} as any);\n    };\n\n    /** ✍️ Typing handler\n     *  NOTE: do NOT clamp to [min,max] here — partial values typed by the user\n     *  (e.g. \"2\" when min=1950) would otherwise snap to min on the first\n     *  keystroke, hijacking the input. Clamping is deferred to onBlur, and\n     *  hard range enforcement belongs in the Yup schema at submit time.\n     */\n    const onChangeText = (raw: string) => {\n        const prev = text;\n        const next = keyFilter ? applyKeyFilterKeepPrev(prev, raw, keyFilter) : raw;\n\n        setText(next);\n\n        const parsed = parseLooseNumber(next);\n        if (parsed == null) {\n            if (!isControlled) setInternalNumber(null);\n            emitChange(null);\n            return;\n        }\n\n        if (!isControlled) {\n            setInternalNumber(parsed);\n        }\n\n        emitChange(parsed);\n    };\n\n    /** 🎯 Format on blur */\n    const onBlur = () => {\n        const parsed = parseLooseNumber(text);\n        if (parsed == null) return;\n\n        const clamped = clampNumber(parsed, min, max);\n\n        setText(\n            formatNumber(clamped, {\n                locale,\n                useGrouping,\n                minFractionDigits,\n                maxFractionDigits,\n                mode,\n                currency,\n                prefix,\n                suffix,\n                min,\n                max,\n            })\n        );\n    };\n\n    const [isFocused, setIsFocused] = React.useState(false);\n\n    return (\n        <KitsContainer\n            id={id}\n            helperText={helperText}\n            isFloatedLabel={isFloatedLabel}\n            errors={errors}\n            invalid={invalid}\n            label={label}\n            hideError={hideError}\n            required={required}\n            disabled={disabled}\n            leftAddon={leftAddon}\n            rightAddon={rightAddon}\n            elementStyles={elementStyles}\n        >\n            {/* Addons are rendered by KitsContainer (matches web behaviour).\n                The inner Input is borderless via the Input.root.style theme\n                defaults; the visual frame is provided by the inputGroup\n                wrapper inside KitsContainer. */}\n            <Input\n                {...(localProps as any)}\n                isDisabled={!!disabled}\n                isInvalid={!!invalid}\n                isFocused={isFocused}\n                {...(rest as any)}\n                style={{width: \"100%\", ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle)}}\n            >\n                <InputField\n                    ref={mergeRefs(inputRef, ref)}\n                    value={text}\n                    keyboardType=\"numeric\"\n                    onChangeText={onChangeText}\n                    onFocus={() => setIsFocused(true)}\n                    onBlur={() => {\n                        setIsFocused(false);\n                        onBlur();\n                    }}\n                    editable={!disabled}\n                    // Numerics still read left-to-right semantically, but the\n                    // *placeholder* and caret position should sit at the start\n                    // of the reading direction so the user sees a consistent\n                    // input edge with adjacent text fields.\n                    style={{\n                        textAlign: isRTL ? \"right\" : \"left\",\n                        writingDirection: isRTL ? \"rtl\" : \"ltr\",\n                    }}\n                    {...navProps}\n                />\n            </Input>\n        </KitsContainer>\n    );\n};\n\nexport default KitsInputNumber;\n"],"names":["useComponentDefaults","useResolvedStyle","useLanguage","locale","useFormFieldKeyboardNav","formatNumber","applyKeyFilterKeepPrev","parseLooseNumber","clampNumber","jsx","KitsContainer","Input","InputField","mergeRefs"],"mappings":"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"}

package/form/inputs/InputNumber/index.js

@@ -0,0 +1,261 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import KitsContainer from '../../helpers/FormContainer/index.js';
+import { formatNumber, parseLooseNumber, clampNumber } from '../../helpers/native/numberFormat.js';
+import { applyKeyFilterKeepPrev } from '../../helpers/native/keyfilter.js';
+import '../../../apps/mobile/src/ui/accordion/index.js';
+import '../../../apps/mobile/src/ui/actionsheet/index.js';
+import '../../../apps/mobile/src/ui/alert/index.js';
+import '../../../apps/mobile/src/ui/alert-dialog/index.js';
+import '../../../apps/mobile/src/ui/avatar/index.js';
+import '../../../apps/mobile/src/ui/badge/index.js';
+import '../../../apps/mobile/src/ui/bottomsheet/index.js';
+import '../../../apps/mobile/src/ui/box/index.js';
+import '../../../apps/mobile/src/ui/button/index.js';
+import '../../../apps/mobile/src/ui/card/index.js';
+import '../../../apps/mobile/src/ui/center/index.js';
+import '../../../apps/mobile/src/ui/checkbox/index.js';
+import '../../../apps/mobile/src/ui/divider/index.js';
+import '../../../apps/mobile/src/ui/drawer/index.js';
+import '../../../apps/mobile/src/ui/fab/index.js';
+import 'react-native';
+import '../../../apps/mobile/src/ui/form-control/index.js';
+import '../../../apps/mobile/src/ui/gluestack-ui-provider/config.js';
+import '@gluestack-ui/core/overlay/creator';
+import '@gluestack-ui/core/toast/creator';
+import 'nativewind';
+import '../../../apps/mobile/src/ui/grid/index.js';
+import '../../../apps/mobile/src/ui/heading/index.js';
+import '../../../apps/mobile/src/ui/hstack/index.js';
+import '../../../apps/mobile/src/ui/icon/index.js';
+import '../../../apps/mobile/src/ui/image/index.js';
+import '../../../apps/mobile/src/ui/image-background/index.js';
+import '../../../apps/mobile/src/ui/input/index.js';
+import '../../../apps/mobile/src/ui/link/index.js';
+import '../../../apps/mobile/src/ui/menu/index.js';
+import '../../../apps/mobile/src/ui/modal/index.js';
+import '../../../apps/mobile/src/ui/popover/index.js';
+import '../../../apps/mobile/src/ui/portal/index.js';
+import '../../../apps/mobile/src/ui/pressable/index.js';
+import '../../../apps/mobile/src/ui/progress/index.js';
+import '../../../apps/mobile/src/ui/radio/index.js';
+import 'react-native-safe-area-context';
+import '../../../apps/mobile/src/ui/select/index.js';
+import '../../../apps/mobile/src/ui/skeleton/index.js';
+import '../../../apps/mobile/src/ui/slider/index.js';
+import '../../../apps/mobile/src/ui/spinner/index.js';
+import '../../../apps/mobile/src/ui/switch/index.js';
+import '../../../apps/mobile/src/ui/table/index.js';
+import '../../../apps/mobile/src/ui/text/index.js';
+import '../../../apps/mobile/src/ui/textarea/index.js';
+import '../../../apps/mobile/src/ui/toast/index.js';
+import '../../../apps/mobile/src/ui/tooltip/index.js';
+import '../../../apps/mobile/src/ui/vstack/index.js';
+import 'react-native-reanimated';
+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';
+import '../../../apps/mobile/src/Factory/DimensionsContext.js';
+import 'i18next';
+import 'react-i18next';
+import '../../../apps/mobile/src/Core/AutoComplete/index.js';
+import '../../../apps/mobile/src/Core/Dropdown/index.js';
+import '../../../apps/mobile/src/Core/MultiSelect/index.js';
+import '../../../apps/mobile/src/Core/Trees/components/CoreTree.js';
+import '../../../apps/mobile/src/Core/Trees/components/CoreTreeSelect.js';
+import '../../../apps/mobile/src/Core/Trees/components/CoreToolbar.js';
+import '../../../apps/mobile/src/Core/Paginator/index.js';
+import 'lucide-react-native';
+import '../../../apps/mobile/src/Core/SelectButton/index.js';
+import '../../../apps/mobile/src/Core/DataTable/DataTable.js';
+import '../../../apps/mobile/src/Core/Tag/index.js';
+import '../../../apps/mobile/src/Core/Badge/index.js';
+import '../../../apps/mobile/src/Core/ProgressBar/index.js';
+import '../../../apps/mobile/src/Core/Checkbox/index.js';
+import '../../../apps/mobile/src/Core/RadioButton/index.js';
+import KitsCoreInput from '../../../apps/mobile/src/Core/Input/index.js';
+import KitsCoreInputField from '../../../apps/mobile/src/Core/Input/Field.js';
+import '../../../apps/mobile/src/Core/Input/Slot.js';
+import { useLanguage } from '../../../hooks/locale.js';
+import '../../../contexts/DialogContext.js';
+import useComponentDefaults from '../../../hooks/useComponentDefaults.js';
+import useResolvedStyle from '../../../hooks/useResolvedStyle.js';
+import { useFormFieldKeyboardNav } from '../../../hooks/useFormFieldKeyboardNav.js';
+import { mergeRefs } from '../../../utils/mergeRefs.js';
+
+const KitsInputNumber = ({ ref, ...rawProps }) => {
+  const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults("InputNumber", rawProps, "Input");
+  const resolvedThemeStyle = useResolvedStyle(themeStyle);
+  const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});
+  const { isRTL } = useLanguage();
+  const {
+    id,
+    label,
+    required,
+    value,
+    defaultValue,
+    errors,
+    hideError,
+    invalid,
+    isFloatedLabel,
+    disabled,
+    helperText,
+    localProps,
+    onChange,
+    leftAddon,
+    rightAddon,
+    // Prime-like numeric props
+    locale,
+    useGrouping,
+    minFractionDigits,
+    maxFractionDigits,
+    mode,
+    currency,
+    prefix,
+    suffix,
+    min,
+    max,
+    keyFilter,
+    ...rest
+  } = props;
+  const { inputRef, navProps } = useFormFieldKeyboardNav(id);
+  const isControlled = value !== void 0;
+  const [internalNumber, setInternalNumber] = React.useState(
+    defaultValue ?? null
+  );
+  const [text, setText] = React.useState(() => {
+    const n = isControlled ? value : internalNumber;
+    return typeof n === "number" ? formatNumber(n, {
+      locale,
+      useGrouping,
+      minFractionDigits,
+      maxFractionDigits,
+      mode,
+      currency,
+      prefix,
+      suffix}) : "";
+  });
+  React.useEffect(() => {
+    if (isControlled) {
+      if (typeof value === "number") {
+        setText(
+          formatNumber(value, {
+            locale,
+            useGrouping,
+            minFractionDigits,
+            maxFractionDigits,
+            mode,
+            currency,
+            prefix,
+            suffix})
+        );
+      } else {
+        setText("");
+      }
+    }
+  }, [
+    isControlled,
+    value,
+    locale,
+    useGrouping,
+    minFractionDigits,
+    maxFractionDigits,
+    mode,
+    currency,
+    prefix,
+    suffix,
+    min,
+    max
+  ]);
+  const emitChange = (n) => {
+    onChange?.({ value: n });
+  };
+  const onChangeText = (raw) => {
+    const prev = text;
+    const next = keyFilter ? applyKeyFilterKeepPrev(prev, raw, keyFilter) : raw;
+    setText(next);
+    const parsed = parseLooseNumber(next);
+    if (parsed == null) {
+      if (!isControlled) setInternalNumber(null);
+      emitChange(null);
+      return;
+    }
+    if (!isControlled) {
+      setInternalNumber(parsed);
+    }
+    emitChange(parsed);
+  };
+  const onBlur = () => {
+    const parsed = parseLooseNumber(text);
+    if (parsed == null) return;
+    const clamped = clampNumber(parsed, min, max);
+    setText(
+      formatNumber(clamped, {
+        locale,
+        useGrouping,
+        minFractionDigits,
+        maxFractionDigits,
+        mode,
+        currency,
+        prefix,
+        suffix})
+    );
+  };
+  const [isFocused, setIsFocused] = React.useState(false);
+  return /* @__PURE__ */ jsx(
+    KitsContainer,
+    {
+      id,
+      helperText,
+      isFloatedLabel,
+      errors,
+      invalid,
+      label,
+      hideError,
+      required,
+      disabled,
+      leftAddon,
+      rightAddon,
+      elementStyles,
+      children: /* @__PURE__ */ jsx(
+        KitsCoreInput,
+        {
+          ...localProps,
+          isDisabled: !!disabled,
+          isInvalid: !!invalid,
+          isFocused,
+          ...rest,
+          style: { width: "100%", ...resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle },
+          children: /* @__PURE__ */ jsx(
+            KitsCoreInputField,
+            {
+              ref: mergeRefs(inputRef, ref),
+              value: text,
+              keyboardType: "numeric",
+              onChangeText,
+              onFocus: () => setIsFocused(true),
+              onBlur: () => {
+                setIsFocused(false);
+                onBlur();
+              },
+              editable: !disabled,
+              style: {
+                textAlign: isRTL ? "right" : "left",
+                writingDirection: isRTL ? "rtl" : "ltr"
+              },
+              ...navProps
+            }
+          )
+        }
+      )
+    }
+  );
+};
+
+export { KitsInputNumber as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/form/inputs/InputNumber/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport type {IKitsInputNumber} from \"@lmb-it/kitsconcerto-types\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport {clampNumber, formatNumber, parseLooseNumber,} from \"../../helpers/native/numberFormat\";\nimport {applyKeyFilterKeepPrev} from \"../../helpers/native/keyfilter\";\nimport {\n    KitsCoreInput as Input,\n    KitsCoreInputField as InputField,\n} from \"@lmb-it/kitsconcertomobile\";\nimport {useComponentDefaults, useResolvedStyle} from \"@lmb-it/kitsconcerto/hooks\";\nimport {useFormFieldKeyboardNav} from \"../../../hooks/useFormFieldKeyboardNav\";\nimport {mergeRefs} from \"../../../utils/mergeRefs\";\nimport { useLanguage } from \"../../../_compat\";\n\nconst KitsInputNumber = ({ref, ...rawProps}: IKitsInputNumber) => {\n    // Theme key aligned with web: read `Input` (base group) + `InputNumber`\n    // (specific). This matches the alignment plan — both platforms now\n    // expose the same override surface (`kitsTheme.components.InputNumber.*`).\n    const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults('InputNumber', rawProps, 'Input');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const { isRTL } = useLanguage();\n    const {\n        id,\n        label,\n        required,\n        value,\n        defaultValue,\n        errors,\n        hideError,\n        invalid,\n        isFloatedLabel,\n        disabled,\n        helperText,\n        localProps,\n        onChange,\n\n        leftAddon,\n        rightAddon,\n        // Prime-like numeric props\n        locale,\n        useGrouping,\n        minFractionDigits,\n        maxFractionDigits,\n        mode,\n        currency,\n        prefix,\n        suffix,\n        min,\n        max,\n        keyFilter,\n\n        ...rest\n    } = props as any;\n\n    const {inputRef, navProps} = useFormFieldKeyboardNav(id);\n\n    /** 🔑 CONTROL DETECTION (ONLY value decides) */\n    const isControlled = value !== undefined;\n\n    /** 🔹 Internal numeric value (uncontrolled mode only) */\n    const [internalNumber, setInternalNumber] = React.useState<number | null>(\n        defaultValue ?? null\n    );\n\n    /** 🔹 Display text */\n    const [text, setText] = React.useState<string>(() => {\n        const n =\n            isControlled\n                ? value\n                : internalNumber;\n\n        return typeof n === \"number\"\n            ? formatNumber(n, {\n                locale,\n                useGrouping,\n                minFractionDigits,\n                maxFractionDigits,\n                mode,\n                currency,\n                prefix,\n                suffix,\n                min,\n                max,\n            })\n            : \"\";\n    });\n\n    /** 🔄 Sync when controlled value changes */\n    React.useEffect(() => {\n        if (isControlled) {\n            if (typeof value === \"number\") {\n                setText(\n                    formatNumber(value, {\n                        locale,\n                        useGrouping,\n                        minFractionDigits,\n                        maxFractionDigits,\n                        mode,\n                        currency,\n                        prefix,\n                        suffix,\n                        min,\n                        max,\n                    })\n                );\n            } else {\n                setText(\"\");\n            }\n        }\n    }, [\n        isControlled,\n        value,\n        locale,\n        useGrouping,\n        minFractionDigits,\n        maxFractionDigits,\n        mode,\n        currency,\n        prefix,\n        suffix,\n        min,\n        max,\n    ]);\n\n    /** 📤 Emit Prime-like change */\n    const emitChange = (n: number | null) => {\n        onChange?.({value: n} as any);\n    };\n\n    /** ✍️ Typing handler\n     *  NOTE: do NOT clamp to [min,max] here — partial values typed by the user\n     *  (e.g. \"2\" when min=1950) would otherwise snap to min on the first\n     *  keystroke, hijacking the input. Clamping is deferred to onBlur, and\n     *  hard range enforcement belongs in the Yup schema at submit time.\n     */\n    const onChangeText = (raw: string) => {\n        const prev = text;\n        const next = keyFilter ? applyKeyFilterKeepPrev(prev, raw, keyFilter) : raw;\n\n        setText(next);\n\n        const parsed = parseLooseNumber(next);\n        if (parsed == null) {\n            if (!isControlled) setInternalNumber(null);\n            emitChange(null);\n            return;\n        }\n\n        if (!isControlled) {\n            setInternalNumber(parsed);\n        }\n\n        emitChange(parsed);\n    };\n\n    /** 🎯 Format on blur */\n    const onBlur = () => {\n        const parsed = parseLooseNumber(text);\n        if (parsed == null) return;\n\n        const clamped = clampNumber(parsed, min, max);\n\n        setText(\n            formatNumber(clamped, {\n                locale,\n                useGrouping,\n                minFractionDigits,\n                maxFractionDigits,\n                mode,\n                currency,\n                prefix,\n                suffix,\n                min,\n                max,\n            })\n        );\n    };\n\n    const [isFocused, setIsFocused] = React.useState(false);\n\n    return (\n        <KitsContainer\n            id={id}\n            helperText={helperText}\n            isFloatedLabel={isFloatedLabel}\n            errors={errors}\n            invalid={invalid}\n            label={label}\n            hideError={hideError}\n            required={required}\n            disabled={disabled}\n            leftAddon={leftAddon}\n            rightAddon={rightAddon}\n            elementStyles={elementStyles}\n        >\n            {/* Addons are rendered by KitsContainer (matches web behaviour).\n                The inner Input is borderless via the Input.root.style theme\n                defaults; the visual frame is provided by the inputGroup\n                wrapper inside KitsContainer. */}\n            <Input\n                {...(localProps as any)}\n                isDisabled={!!disabled}\n                isInvalid={!!invalid}\n                isFocused={isFocused}\n                {...(rest as any)}\n                style={{width: \"100%\", ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle)}}\n            >\n                <InputField\n                    ref={mergeRefs(inputRef, ref)}\n                    value={text}\n                    keyboardType=\"numeric\"\n                    onChangeText={onChangeText}\n                    onFocus={() => setIsFocused(true)}\n                    onBlur={() => {\n                        setIsFocused(false);\n                        onBlur();\n                    }}\n                    editable={!disabled}\n                    // Numerics still read left-to-right semantically, but the\n                    // *placeholder* and caret position should sit at the start\n                    // of the reading direction so the user sees a consistent\n                    // input edge with adjacent text fields.\n                    style={{\n                        textAlign: isRTL ? \"right\" : \"left\",\n                        writingDirection: isRTL ? \"rtl\" : \"ltr\",\n                    }}\n                    {...navProps}\n                />\n            </Input>\n        </KitsContainer>\n    );\n};\n\nexport default KitsInputNumber;\n"],"names":["Input","InputField"],"mappings":"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"}

package/form/inputs/InputPassword/Strengthen.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var Yup = require('yup');
+var index = require('../../../layout/Flex/index.cjs');
+var index_native = require('../../../primitives/Text/index.cjs');
+
+const Auth0PasswordStrength = ({
+  value,
+  show,
+  schema
+}) => {
+  const condition = (con) => {
+    return con ? "green" : "red";
+  };
+  if (!show) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(index.default, { flexDirection: "column", p: 10, fontSize: "sm", children: schema.tests.map((test, index$1) => {
+    const msg = test.OPTIONS?.message;
+    const name = test.OPTIONS?.name;
+    if (name === "required") return null;
+    const ctx = {
+      path: "password",
+      parent: {},
+      options: {},
+      originalValue: value,
+      resolve: (val) => val,
+      createError: (params) => new Yup.ValidationError(
+        params?.message?.toString() ?? "",
+        value,
+        "password"
+      )
+    };
+    const testFn = test.OPTIONS?.test;
+    const testing = testFn?.call(ctx, value);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      index.default,
+      {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 10,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { color: condition(!!testing), children: testing ? "\u2713" : "\u2717" }),
+          typeof msg === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { fontSize: 13, children: msg }) : /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { children: name })
+        ]
+      },
+      index$1
+    );
+  }) });
+};
+
+exports.default = Auth0PasswordStrength;
+//# sourceMappingURL=Strengthen.cjs.map

package/form/inputs/InputPassword/Strengthen.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Strengthen.cjs","sources":["../../../../../src/form/inputs/InputPassword/Strengthen.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex, Text } from \"../../../_compat\";\nimport * as Yup from \"yup\";\nimport { type TestContext, ValidationError } from \"yup\";\n\nexport type Auth0PasswordStrengthProps = {\n    value: string;\n    show: boolean;\n    schema: Yup.StringSchema<string, Yup.AnyObject, undefined, \"\">;\n};\n\nconst Auth0PasswordStrength = ({\n    value,\n    show,\n    schema,\n}: Auth0PasswordStrengthProps) => {\n    const condition = (con: boolean) => {\n        return con ? \"green\" : \"red\";\n    };\n\n    if (!show) return null;\n\n    return (\n        <Flex flexDirection={\"column\"} p={10} fontSize={\"sm\"}>\n            {schema.tests.map((test, index) => {\n                const msg = test.OPTIONS?.message;\n                const name = test.OPTIONS?.name;\n\n                if (name === \"required\") return null;\n                const ctx: Partial<TestContext<any>> = {\n                    path: \"password\",\n                    parent: {},\n                    options: {},\n                    originalValue: value,\n                    resolve: (val: any) => val,\n                    createError: (params) =>\n                        new ValidationError(\n                            params?.message?.toString() ?? \"\",\n                            value,\n                            \"password\"\n                        ),\n                };\n\n                const testFn = test.OPTIONS?.test as (\n                    this: any,\n                    value: any\n                ) => any;\n                const testing = testFn?.call(ctx, value);\n\n                return (\n                    <Flex\n                        flexDirection={\"row\"}\n                        alignItems={\"center\"}\n                        gap={10}\n                        key={index}\n                    >\n                        <Text color={condition(!!testing)}>\n                            {testing ? \"\\u2713\" : \"\\u2717\"}\n                        </Text>\n                        {typeof msg === \"string\" ? (\n                            <Text fontSize={13}>{msg}</Text>\n                        ) : (\n                            <Text>{name}</Text>\n                        )}\n                    </Flex>\n                );\n            })}\n        </Flex>\n    );\n};\n\nexport default Auth0PasswordStrength;\n"],"names":["jsx","Flex","index","ValidationError","jsxs","Text"],"mappings":";;;;;;;;;AAWA,MAAM,wBAAwB,CAAC;AAAA,EAC3B,KAAA;AAAA,EACA,IAAA;AAAA,EACA;AACJ,CAAA,KAAkC;AAC9B,EAAA,MAAM,SAAA,GAAY,CAAC,GAAA,KAAiB;AAChC,IAAA,OAAO,MAAM,OAAA,GAAU,KAAA;AAAA,EAC3B,CAAA;AAEA,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,uBACIA,cAAA,CAACC,aAAA,EAAA,EAAK,aAAA,EAAe,QAAA,EAAU,CAAA,EAAG,EAAA,EAAI,QAAA,EAAU,IAAA,EAC3C,QAAA,EAAA,MAAA,CAAO,KAAA,CAAM,GAAA,CAAI,CAAC,MAAMC,OAAA,KAAU;AAC/B,IAAA,MAAM,GAAA,GAAM,KAAK,OAAA,EAAS,OAAA;AAC1B,IAAA,MAAM,IAAA,GAAO,KAAK,OAAA,EAAS,IAAA;AAE3B,IAAA,IAAI,IAAA,KAAS,YAAY,OAAO,IAAA;AAChC,IAAA,MAAM,GAAA,GAAiC;AAAA,MACnC,IAAA,EAAM,UAAA;AAAA,MACN,QAAQ,EAAC;AAAA,MACT,SAAS,EAAC;AAAA,MACV,aAAA,EAAe,KAAA;AAAA,MACf,OAAA,EAAS,CAAC,GAAA,KAAa,GAAA;AAAA,MACvB,WAAA,EAAa,CAAC,MAAA,KACV,IAAIC,mBAAA;AAAA,QACA,MAAA,EAAQ,OAAA,EAAS,QAAA,EAAS,IAAK,EAAA;AAAA,QAC/B,KAAA;AAAA,QACA;AAAA;AACJ,KACR;AAEA,IAAA,MAAM,MAAA,GAAS,KAAK,OAAA,EAAS,IAAA;AAI7B,IAAA,MAAM,OAAA,GAAU,MAAA,EAAQ,IAAA,CAAK,GAAA,EAAK,KAAK,CAAA;AAEvC,IAAA,uBACIC,eAAA;AAAA,MAACH,aAAA;AAAA,MAAA;AAAA,QACG,aAAA,EAAe,KAAA;AAAA,QACf,UAAA,EAAY,QAAA;AAAA,QACZ,GAAA,EAAK,EAAA;AAAA,QAGL,QAAA,EAAA;AAAA,0BAAAD,cAAA,CAACK,oBAAA,EAAA,EAAK,OAAO,SAAA,CAAU,CAAC,CAAC,OAAO,CAAA,EAC3B,QAAA,EAAA,OAAA,GAAU,QAAA,GAAW,QAAA,EAC1B,CAAA;AAAA,UACC,OAAO,GAAA,KAAQ,QAAA,mBACZL,cAAA,CAACK,oBAAA,EAAA,EAAK,QAAA,EAAU,EAAA,EAAK,QAAA,EAAA,GAAA,EAAI,CAAA,mBAEzBL,cAAA,CAACK,oBAAA,EAAA,EAAM,QAAA,EAAA,IAAA,EAAK;AAAA;AAAA,OAAA;AAAA,MARXH;AAAA,KAUT;AAAA,EAER,CAAC,CAAA,EACL,CAAA;AAER;;;;"}