@saas-ui/forms 2.3.12 → 2.4.0

package/dist/index.mjs

@@ -61,11 +61,11 @@ import React5 from "react";
 // src/default-fields.tsx
 import {
   forwardRef as forwardRef8,
-  Input as Input2,
+  Input as Input3,
   Textarea,
   Checkbox,
   Switch,
-  InputGroup as InputGroup2,
+  InputGroup as InputGroup3,
   PinInputField,
   HStack,
   PinInput
@@ -78,45 +78,55 @@ import {
   NumberInputField,
   NumberInputStepper,
   NumberIncrementStepper,
-  NumberDecrementStepper
+  NumberDecrementStepper,
+  InputGroup
 } from "@chakra-ui/react";
 import { ChevronDownIcon, ChevronUpIcon } from "@saas-ui/core";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var Input = forwardRef((props, ref) => /* @__PURE__ */ jsx3(NumberInputField, { ref, ...props }));
+Input.displayName = "NumberInputField";
+Input.id = "Input";
 var NumberInput = forwardRef((props, ref) => {
   const {
     hideStepper = false,
     incrementIcon = /* @__PURE__ */ jsx3(ChevronUpIcon, {}),
     decrementIcon = /* @__PURE__ */ jsx3(ChevronDownIcon, {}),
+    leftAddon,
+    rightAddon,
     placeholder,
     fieldProps: _fieldProps,
     ...rest
   } = props;
   const fieldProps = { placeholder, ..._fieldProps };
   return /* @__PURE__ */ jsxs2(ChakraNumberInput, { ...rest, ref, children: [
-    /* @__PURE__ */ jsx3(NumberInputField, { ...fieldProps }),
-    !hideStepper && /* @__PURE__ */ jsxs2(NumberInputStepper, { children: [
+    /* @__PURE__ */ jsxs2(InputGroup, { children: [
+      leftAddon,
+      /* @__PURE__ */ jsx3(Input, { ...fieldProps }),
+      rightAddon
+    ] }),
+    !hideStepper && !rightAddon ? /* @__PURE__ */ jsxs2(NumberInputStepper, { children: [
       /* @__PURE__ */ jsx3(NumberIncrementStepper, { children: incrementIcon }),
       /* @__PURE__ */ jsx3(NumberDecrementStepper, { children: decrementIcon })
-    ] })
+    ] }) : null
   ] });
 });
 NumberInput.displayName = "NumberInput";
 
 // src/password-input/password-input.tsx
 import { useState } from "react";
-import { forwardRef as forwardRef3, InputGroup, Input } from "@chakra-ui/react";
+import { forwardRef as forwardRef3, InputGroup as InputGroup2, Input as Input2 } from "@chakra-ui/react";
 import { ViewIcon, ViewOffIcon } from "@saas-ui/core/icons";
 
 // src/input-right-button/input-right-button.tsx
 import {
   Button,
   forwardRef as forwardRef2,
-  InputRightElement
+  InputRightElement as InputRightElement2
 } from "@chakra-ui/react";
 import { jsx as jsx4 } from "react/jsx-runtime";
 var InputRightButton = forwardRef2(
   (props, ref) => {
-    return /* @__PURE__ */ jsx4(InputRightElement, { w: "auto", px: "1", py: "1", alignItems: "stretch", children: /* @__PURE__ */ jsx4(Button, { ref, height: "auto", ...props }) });
+    return /* @__PURE__ */ jsx4(InputRightElement2, { w: "auto", px: "1", py: "1", alignItems: "stretch", children: /* @__PURE__ */ jsx4(Button, { ref, height: "auto", ...props }) });
   }
 );
 InputRightButton.id = "InputRightElement";
@@ -151,10 +161,10 @@ var PasswordInput = forwardRef3(
       size,
       variant
     };
-    return /* @__PURE__ */ jsxs3(InputGroup, { ...groupProps, children: [
+    return /* @__PURE__ */ jsxs3(InputGroup2, { ...groupProps, children: [
       leftAddon,
       /* @__PURE__ */ jsx5(
-        Input,
+        Input2,
         {
           ...inputProps,
           ref,
@@ -610,9 +620,9 @@ var createField = (component, options) => {
 import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 var InputField = createField(
   forwardRef8(({ type = "text", leftAddon, rightAddon, size, ...rest }, ref) => {
-    const input = /* @__PURE__ */ jsx11(Input2, { type, size, ...rest, ref });
+    const input = /* @__PURE__ */ jsx11(Input3, { type, size, ...rest, ref });
     if (leftAddon || rightAddon) {
-      return /* @__PURE__ */ jsxs6(InputGroup2, { size, children: [
+      return /* @__PURE__ */ jsxs6(InputGroup3, { size, children: [
         leftAddon,
         input,
         rightAddon
@@ -1313,7 +1323,8 @@ NextButton.displayName = "NextButton";
 
 // src/field-resolver.ts
 import { get as get2 } from "@chakra-ui/utils";
-var mapFields = (schema) => schema && Object.entries(schema).map(([name, { items, label, title, ...field }]) => {
+var mapFields = (schema) => schema && Object.entries(schema).map(([name, props]) => {
+  const { items, label, title, ...field } = props;
   return {
     ...field,
     name,