@algorithm-shift/design-system 1.2.57 → 1.2.59

package/dist/index.mjs

@@ -26793,7 +26793,7 @@ var TextInput = ({ className, style, ...props }) => {
           ...style,
           borderColor: props.errorMessage ? "#f87171" : style?.borderColor
         },
-        value: props.value,
+        value: props.value || "",
         autoComplete: isAutocomplete ? "on" : "off",
         placeholder,
         onChange: handleChange,
@@ -26826,7 +26826,7 @@ var NumberInput = ({ className, style, ...props }) => {
           type: "number",
           id: props.name || "number-field",
           name: props.name,
-          value: props.value,
+          value: props.value || "",
           className: cn(className, props.errorMessage ? "border-red-500" : ""),
           style: {
             ...style,
@@ -26864,7 +26864,7 @@ var EmailInput = ({ className, style, ...props }) => {
         {
           type: "email",
           name: props.name,
-          value: props.value,
+          value: props.value || "",
           className: cn(className, props.errorMessage ? "border-red-500" : ""),
           style: {
             ...style,
@@ -26903,7 +26903,7 @@ var PasswordInput = ({ className, style, ...props }) => {
           type: "password",
           id: props.name || "password-field",
           name: props.name,
-          value: props.value,
+          value: props.value || "",
           className: cn(className, props.errorMessage ? "border-red-500" : ""),
           style: {
             ...style,
@@ -26955,7 +26955,7 @@ var Textarea2 = ({ className, style, ...props }) => {
       {
         id: "textarea-field",
         name: props.name,
-        value: props.value,
+        value: props.value || "",
         className: cn(className, props.errorMessage ? "border-red-500" : ""),
         style: {
           ...style,
@@ -26993,7 +26993,7 @@ var UrlInput = ({ className, style, ...props }) => {
           id: "url-field",
           type: "url",
           name: props.name,
-          value: props.value,
+          value: props.value || "",
           className: cn(className, props.errorMessage ? "border-red-500" : ""),
           style: {
             ...style,
@@ -27307,7 +27307,7 @@ function RichText({ className, style, ...props }) {
         borderColor: props.errorMessage ? "#f87171" : style?.borderColor
       },
       children: [
-        /* @__PURE__ */ jsx31(MyEditor, { onChange: (content) => props.onChange?.(content), value: props.value, isDefault: true }),
+        /* @__PURE__ */ jsx31(MyEditor, { onChange: (content) => props.onChange?.(content), value: props.value || "", isDefault: true }),
         props.errorMessage && /* @__PURE__ */ jsx31("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
       ]
     }
@@ -27458,7 +27458,7 @@ var Dropdown = ({ className, style, ...props }) => {
     label: item[dataLabel]
   }));
   return /* @__PURE__ */ jsxs17(Fragment10, { children: [
-    /* @__PURE__ */ jsxs17(Select, { name: props.name, value: props.value, onValueChange: handleChange, disabled: isDisabled || !isEditable, children: [
+    /* @__PURE__ */ jsxs17(Select, { name: props.name, value: props.value || "", onValueChange: handleChange, disabled: isDisabled || !isEditable, children: [
       /* @__PURE__ */ jsx33(
         SelectTrigger,
         {
@@ -27551,15 +27551,20 @@ var PhoneInput = ({ className, style, ...props }) => {
       {
         defaultCountry: "in",
         name: props.name,
-        value: props.value,
-        className: cn(className, props.errorMessage ? "border-red-500" : ""),
+        value: props.value || "",
+        className: cn(
+          "rounded-md",
+          className,
+          props.errorMessage ? "border-red-500" : ""
+        ),
         style: {
           ...style,
           borderColor: props.errorMessage ? "#f87171" : style?.borderColor
         },
         onChange: (phone) => handleChange(phone),
         inputProps: {
-          id: "phone-field"
+          id: "phone-field",
+          style: { width: "100%", border: "none", outline: "none" }
         },
         placeholder,
         disabled: isDisabled || !isEditable
@@ -27590,7 +27595,7 @@ var SearchInput = ({ className, style, ...props }) => {
           type: "text",
           id: props.name || "text-field",
           name: props.name,
-          value: props.value,
+          value: props.value || "",
           className: cn(className, props.errorMessage ? "border-red-500" : ""),
           style: {
             ...style,
@@ -27620,7 +27625,7 @@ var FileInput2 = ({ className, style, ...props }) => {
         type: "file",
         id: "file",
         name: props.name,
-        value: props.value,
+        value: props.value || "",
         className: cn(className, props.errorMessage ? "border-red-500" : ""),
         style: {
           ...style,
@@ -27679,7 +27684,7 @@ function DatePicker({ className, style, ...props }) {
           onChange: handleChange,
           disabled: isDisabled || !isEditable,
           name: props.name,
-          value: props.value,
+          value: props.value || "",
           className: cn(
             className,
             props.errorMessage ? "border-red-500" : "",
@@ -27999,7 +28004,7 @@ var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
               id: props.name || "prepend-input",
               type: "url",
               name: props.name,
-              value: props.value,
+              value: props.value || "",
               className: cn(
                 className,
                 "rounded-none flex-1 border-none focus:ring-0"
@@ -28647,7 +28652,7 @@ function Navbar({
   userName = "Guest User"
 }) {
   const isMobileView = canvasMode === "mobile" || canvasMode === "tablet";
-  return /* @__PURE__ */ jsx56("nav", { className: "w-full border-b bg-white shadow-sm", style, children: /* @__PURE__ */ jsxs33("div", { className: "mx-auto flex max-w-7xl items-center justify-between px-4 py-2", children: [
+  return /* @__PURE__ */ jsx56("nav", { className: "w-full border-b bg-white shadow-sm", style, children: /* @__PURE__ */ jsxs33("div", { className: "mx-auto flex max-w-7xl items-center justify-between px-4 py-4", children: [
     /* @__PURE__ */ jsx56(Link6, { href: "/", className: "flex items-center space-x-2", children: imageUrl ? /* @__PURE__ */ jsx56(Image3, { src: imageUrl, alt: altText, width: 200, height: 200 }) : /* @__PURE__ */ jsx56("span", { className: "font-semibold text-blue-700", children: "Logo" }) }),
     !isMobileView && /* @__PURE__ */ jsx56("div", { className: "flex items-center space-x-6 sm:hidden md:flex", children: list.map((item) => /* @__PURE__ */ jsx56(
       Link6,