@scripso-homepad/ui 0.4.18 → 0.4.19

package/dist/web/index.cjs

@@ -28875,6 +28875,25 @@ function renderInputIcon(icon, color) {
   }
   return icon;
 }
+var INTEGER_KEYBOARD_TYPES = /* @__PURE__ */ new Set([
+  "numeric",
+  "number-pad",
+  "phone-pad"
+]);
+function sanitizeNumericInput(value, keyboardType) {
+  if (keyboardType === "decimal-pad") {
+    const normalized = value.replace(/,/g, ".").replace(/[^\d.]/g, "");
+    const separatorIndex = normalized.indexOf(".");
+    if (separatorIndex === -1) {
+      return normalized;
+    }
+    return normalized.slice(0, separatorIndex + 1) + normalized.slice(separatorIndex + 1).replace(/\./g, "");
+  }
+  if (keyboardType && INTEGER_KEYBOARD_TYPES.has(keyboardType)) {
+    return value.replace(/\D/g, "");
+  }
+  return value;
+}
 function Input({
   label,
   leftIcon,
@@ -28897,6 +28916,8 @@ function Input({
   showPasswordToggle,
   onFocus,
   onBlur,
+  onChangeText,
+  keyboardType,
   multiline,
   textAlignVertical,
   ...props
@@ -28931,6 +28952,9 @@ function Input({
     setFocused(false);
     onBlur?.(event);
   }
+  function handleChangeText(value) {
+    onChangeText?.(sanitizeNumericInput(value, keyboardType));
+  }
   const helperMessage = error ?? hint;
   function togglePasswordVisibility() {
     if (!isDisabled) {
@@ -28981,6 +29005,7 @@ function Input({
               ],
               placeholderTextColor: fieldStyles.placeholder,
               editable,
+              keyboardType,
               multiline,
               secureTextEntry: effectiveSecureTextEntry,
               textAlign: "left",
@@ -28988,7 +29013,8 @@ function Input({
               onFocus: handleFocus,
               onBlur: handleBlur,
               accessibilityState: { disabled: isDisabled },
-              ...props
+              ...props,
+              onChangeText: handleChangeText
             }
           ),
           trailingIcon ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles2.iconSlot, children: trailingIcon }) : null
@@ -30583,7 +30609,7 @@ function TableActionsMenu({
       {
         ref: triggerRef,
         variant: "menu",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(TableMoreIcon, { className: "size-6" }),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(TableMoreIcon, { className: "size-5" }),
         ariaLabel: triggerAriaLabel,
         onClick: () => setOpen((current) => !current),
         "aria-expanded": open,
@@ -30997,7 +31023,8 @@ var styles3 = reactNative.StyleSheet.create({
     justifyContent: "center"
   },
   withIcon: {
-    justifyContent: "space-between"
+    justifyContent: "space-between",
+    gap: 24
   },
   disabled: {
     opacity: 0.6
@@ -31011,8 +31038,7 @@ var styles3 = reactNative.StyleSheet.create({
   },
   labelWithIcon: {
     flex: 1,
-    flexShrink: 1,
-    marginRight: 8
+    flexShrink: 1
   },
   iconContainer: {
     alignItems: "center",