design-zystem 1.0.380 → 1.0.381

package/dist/index.js

@@ -2822,6 +2822,14 @@ var Select = ({
 // src/ui-legacy/Components/Input/Input.tsx
 var import_react13 = require("react");
 var import_styled_components21 = __toESM(require("styled-components"));
+
+// src/ui/lib/numberInputWheel.ts
+var blurNumberInputOnWheel = (onWheel) => (e) => {
+  if (e.currentTarget.type === "number") e.currentTarget.blur();
+  onWheel == null ? void 0 : onWheel(e);
+};
+
+// src/ui-legacy/Components/Input/Input.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var shouldForwardProp8 = (prop) => ![
   "width",
@@ -3059,7 +3067,7 @@ var Input = (0, import_react13.forwardRef)((props, ref) => {
   ]);
   const inputName = otherProps == null ? void 0 : otherProps.name;
   const { min, max, step } = otherProps || {};
-  const _b = otherProps || {}, { name } = _b, forwardProps = __objRest(_b, ["name"]);
+  const _b = otherProps || {}, { name, onWheel } = _b, forwardProps = __objRest(_b, ["name", "onWheel"]);
   const [showPassword, setShowPassword] = (0, import_react13.useState)(false);
   const [displayDateValue, setDisplayDateValue] = (0, import_react13.useState)("");
   const nativeDateRef = (0, import_react13.useRef)(null);
@@ -3215,7 +3223,7 @@ var Input = (0, import_react13.forwardRef)((props, ref) => {
             )
           ] }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             Component,
-            __spreadValues(__spreadValues(__spreadValues({
+            __spreadProps(__spreadValues(__spreadValues(__spreadValues({
               id: inputId,
               ref: innerRef,
               type: isPassword ? showPassword ? "text" : "password" : type,
@@ -3227,7 +3235,11 @@ var Input = (0, import_react13.forwardRef)((props, ref) => {
               disabled,
               name: inputName,
               style: computedStyle
-            }, noAutofillProps), isPassword ? { autoComplete: "new-password" } : {}), forwardProps)
+            }, noAutofillProps), isPassword ? { autoComplete: "new-password" } : {}), forwardProps), {
+              onWheel: blurNumberInputOnWheel(
+                onWheel
+              )
+            })
           ),
           isPassword && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             EyeButton,

package/dist/index.mjs

@@ -2685,6 +2685,14 @@ import {
   useState as useState8
 } from "react";
 import styled21 from "styled-components";
+
+// src/ui/lib/numberInputWheel.ts
+var blurNumberInputOnWheel = (onWheel) => (e) => {
+  if (e.currentTarget.type === "number") e.currentTarget.blur();
+  onWheel == null ? void 0 : onWheel(e);
+};
+
+// src/ui-legacy/Components/Input/Input.tsx
 import { Fragment as Fragment3, jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
 var shouldForwardProp8 = (prop) => ![
   "width",
@@ -2922,7 +2930,7 @@ var Input = forwardRef3((props, ref) => {
   ]);
   const inputName = otherProps == null ? void 0 : otherProps.name;
   const { min, max, step } = otherProps || {};
-  const _b = otherProps || {}, { name } = _b, forwardProps = __objRest(_b, ["name"]);
+  const _b = otherProps || {}, { name, onWheel } = _b, forwardProps = __objRest(_b, ["name", "onWheel"]);
   const [showPassword, setShowPassword] = useState8(false);
   const [displayDateValue, setDisplayDateValue] = useState8("");
   const nativeDateRef = useRef6(null);
@@ -3078,7 +3086,7 @@ var Input = forwardRef3((props, ref) => {
             )
           ] }) : /* @__PURE__ */ jsx25(
             Component,
-            __spreadValues(__spreadValues(__spreadValues({
+            __spreadProps(__spreadValues(__spreadValues(__spreadValues({
               id: inputId,
               ref: innerRef,
               type: isPassword ? showPassword ? "text" : "password" : type,
@@ -3090,7 +3098,11 @@ var Input = forwardRef3((props, ref) => {
               disabled,
               name: inputName,
               style: computedStyle
-            }, noAutofillProps), isPassword ? { autoComplete: "new-password" } : {}), forwardProps)
+            }, noAutofillProps), isPassword ? { autoComplete: "new-password" } : {}), forwardProps), {
+              onWheel: blurNumberInputOnWheel(
+                onWheel
+              )
+            })
           ),
           isPassword && /* @__PURE__ */ jsx25(
             EyeButton,

package/dist/ui/index.js

@@ -1419,6 +1419,12 @@ var allowAutofill = (autoComplete) => ({
   "data-form-type": void 0
 });
 
+// src/ui/lib/numberInputWheel.ts
+var blurNumberInputOnWheel = (onWheel) => (e) => {
+  if (e.currentTarget.type === "number") e.currentTarget.blur();
+  onWheel == null ? void 0 : onWheel(e);
+};
+
 // src/ui/components/ui/Label.tsx
 var RadixLabel = __toESM(require("@radix-ui/react-label"));
 var import_jsx_runtime14 = require("react/jsx-runtime");
@@ -1450,12 +1456,12 @@ var Label = (_a) => {
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var Input = (0, import_react11.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { label, required, id, className } = _b, props = __objRest(_b, ["label", "required", "id", "className"]);
+    var _b = _a, { label, required, id, className, onWheel } = _b, props = __objRest(_b, ["label", "required", "id", "className", "onWheel"]);
     const generatedId = (0, import_react11.useId)();
     const inputId = label ? id != null ? id : generatedId : id;
     const input = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "input",
-      __spreadValues(__spreadProps(__spreadValues({
+      __spreadProps(__spreadValues(__spreadProps(__spreadValues({
         ref,
         id: inputId,
         required
@@ -1468,7 +1474,9 @@ var Input = (0, import_react11.forwardRef)(
           "aria-invalid:border-red-900 aria-invalid:focus:border-red-900",
           className
         )
-      }), props)
+      }), props), {
+        onWheel: blurNumberInputOnWheel(onWheel)
+      })
     );
     if (!label) return input;
     return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Layout, { column: true, gap: 1.5, children: [

package/dist/ui/index.mjs

@@ -1226,6 +1226,12 @@ var allowAutofill = (autoComplete) => ({
   "data-form-type": void 0
 });
 
+// src/ui/lib/numberInputWheel.ts
+var blurNumberInputOnWheel = (onWheel) => (e) => {
+  if (e.currentTarget.type === "number") e.currentTarget.blur();
+  onWheel == null ? void 0 : onWheel(e);
+};
+
 // src/ui/components/ui/Label.tsx
 import * as RadixLabel from "@radix-ui/react-label";
 import { jsx as jsx14, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -1257,12 +1263,12 @@ var Label = (_a) => {
 import { jsx as jsx15, jsxs as jsxs4 } from "react/jsx-runtime";
 var Input = forwardRef11(
   (_a, ref) => {
-    var _b = _a, { label, required, id, className } = _b, props = __objRest(_b, ["label", "required", "id", "className"]);
+    var _b = _a, { label, required, id, className, onWheel } = _b, props = __objRest(_b, ["label", "required", "id", "className", "onWheel"]);
     const generatedId = useId();
     const inputId = label ? id != null ? id : generatedId : id;
     const input = /* @__PURE__ */ jsx15(
       "input",
-      __spreadValues(__spreadProps(__spreadValues({
+      __spreadProps(__spreadValues(__spreadProps(__spreadValues({
         ref,
         id: inputId,
         required
@@ -1275,7 +1281,9 @@ var Input = forwardRef11(
           "aria-invalid:border-red-900 aria-invalid:focus:border-red-900",
           className
         )
-      }), props)
+      }), props), {
+        onWheel: blurNumberInputOnWheel(onWheel)
+      })
     );
     if (!label) return input;
     return /* @__PURE__ */ jsxs4(Layout, { column: true, gap: 1.5, children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "design-zystem",
-  "version": "1.0.380",
+  "version": "1.0.381",
   "description": "A React design system of importable components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",