@scripso-homepad/ui 0.4.17 → 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
@@ -29839,7 +29865,7 @@ function TableSortIcon({ direction = null, className }) {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": true,
-      className: cn("shrink-0", className),
+      className,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "path",
@@ -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",
@@ -31196,6 +31222,8 @@ function Drawer({
   open,
   title,
   subtitle,
+  subtitleClassName,
+  headerBottom,
   children,
   footer,
   onClose,
@@ -31282,39 +31310,42 @@ function Drawer({
               /* @__PURE__ */ jsxRuntime.jsxs(
                 "header",
                 {
-                  className: cn(
-                    "flex h-[87px] shrink-0 items-start justify-between border-b border-storm-gray-50 pt-6 pr-6 pb-4 pl-6",
-                    headerClassName
-                  ),
+                  className: cn("shrink-0 border-b border-storm-gray-50", headerClassName),
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex flex-col gap-1", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between pt-6 pr-6 pb-4 pl-6", children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex flex-col gap-1", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "h2",
+                          {
+                            id: "homepad-drawer-title",
+                            className: "typography-title-sm tracking-normal text-black",
+                            children: title
+                          }
+                        ),
+                        subtitle ? /* @__PURE__ */ jsxRuntime.jsx(
+                          "p",
+                          {
+                            id: "homepad-drawer-subtitle",
+                            className: cn(
+                              "typography-body tracking-normal text-storm-gray-400",
+                              subtitleClassName
+                            ),
+                            children: subtitle
+                          }
+                        ) : null
+                      ] }),
                       /* @__PURE__ */ jsxRuntime.jsx(
-                        "h2",
+                        "button",
                         {
-                          id: "homepad-drawer-title",
-                          className: "typography-title-sm tracking-normal text-black",
-                          children: title
+                          type: "button",
+                          "aria-label": closeAriaLabel,
+                          className: "flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-lg text-storm-gray-400 transition-colors hover:bg-storm-gray-50 hover:text-storm-gray-600",
+                          onClick: onClose,
+                          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-5", strokeWidth: 1.75 })
                         }
-                      ),
-                      subtitle ? /* @__PURE__ */ jsxRuntime.jsx(
-                        "p",
-                        {
-                          id: "homepad-drawer-subtitle",
-                          className: "typography-body tracking-normal text-storm-gray-400",
-                          children: subtitle
-                        }
-                      ) : null
+                      )
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      "button",
-                      {
-                        type: "button",
-                        "aria-label": closeAriaLabel,
-                        className: "flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-lg text-storm-gray-400 transition-colors hover:bg-storm-gray-50 hover:text-storm-gray-600",
-                        onClick: onClose,
-                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-5", strokeWidth: 1.75 })
-                      }
-                    )
+                    headerBottom ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-storm-gray-50 px-6", children: headerBottom }) : null
                   ]
                 }
               ),