azeriand-library 1.17.7 → 1.18.0

package/dist/index.esm.js

@@ -16017,15 +16017,28 @@ function Checkbox({ label, checkedDefault = false, onChange }) {
 function SectionName({ section, className }) {
   return /* @__PURE__ */ jsx$1("div", { className: `uppercase font-bold tracking-[0.15rem] w-fit section-name ${className}`, children: section });
 }
-function Input({ type, value, disabled, placeholder, maxLength, onChange, iconPosition = "left", centerText = false, icon, className, ...cardProps }) {
+function Input({ type = "text", value, disabled, placeholder, maxLength, onChange, iconPosition = "left", centerText = false, icon, className, ...cardProps }) {
   function inputUpdated(ev) {
     onChange == null ? void 0 : onChange(ev.target.value);
   }
-  const inputClassName = `flex justify-center items-center border-none bg-transparent py-[0.5rem] ${iconPosition && icon ? "px-[0.5rem]" : "px-[1rem]"} m-0 w-full ${centerText ? "text-center" : ""}`;
+  const normalizedValue = value ?? "";
+  const inputClassName = `flex justify-center items-center border-none bg-transparent py-[0.5rem] ${icon && iconPosition ? "px-[0.5rem]" : "px-[1rem]"} m-0 w-full ${centerText ? "text-center" : ""}`;
   const directionClassName = iconPosition === "left" ? "pl-3" : "flex-row-reverse pr-3";
   return /* @__PURE__ */ jsxs(Card, { className: `flex justify-center items-center rounded-md ${className} ${icon ? directionClassName : ""}`, noBlur: true, noPadding: true, ...cardProps, style: cardProps.style, children: [
     icon && /* @__PURE__ */ jsx$1("div", { className: "flex items-center", children: icon }),
-    /* @__PURE__ */ jsx$1("input", { className: inputClassName, onChange: inputUpdated, placeholder, value, disabled, type, maxLength, style: cardProps.style })
+    /* @__PURE__ */ jsx$1(
+      "input",
+      {
+        className: inputClassName,
+        onChange: inputUpdated,
+        placeholder,
+        value: normalizedValue,
+        disabled,
+        type,
+        maxLength,
+        style: cardProps.style
+      }
+    )
   ] });
 }
 function CustomDay(props) {