@algorithm-shift/design-system 1.2.57 → 1.2.59

package/dist/index.js

@@ -26885,7 +26885,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,
@@ -26918,7 +26918,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,
@@ -26956,7 +26956,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,
@@ -26995,7 +26995,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,
@@ -27047,7 +27047,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,
@@ -27085,7 +27085,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,
@@ -27399,7 +27399,7 @@ function RichText({ className, style, ...props }) {
         borderColor: props.errorMessage ? "#f87171" : style?.borderColor
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(MyEditor, { onChange: (content) => props.onChange?.(content), value: props.value, isDefault: true }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(MyEditor, { onChange: (content) => props.onChange?.(content), value: props.value || "", isDefault: true }),
         props.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
       ]
     }
@@ -27550,7 +27550,7 @@ var Dropdown = ({ className, style, ...props }) => {
     label: item[dataLabel]
   }));
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Select, { name: props.name, value: props.value, onValueChange: handleChange, disabled: isDisabled || !isEditable, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Select, { name: props.name, value: props.value || "", onValueChange: handleChange, disabled: isDisabled || !isEditable, children: [
       /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         SelectTrigger,
         {
@@ -27643,15 +27643,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
@@ -27682,7 +27687,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,
@@ -27712,7 +27717,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,
@@ -27771,7 +27776,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" : "",
@@ -28091,7 +28096,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"
@@ -28735,7 +28740,7 @@ function Navbar({
   userName = "Guest User"
 }) {
   const isMobileView = canvasMode === "mobile" || canvasMode === "tablet";
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("nav", { className: "w-full border-b bg-white shadow-sm", style, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "mx-auto flex max-w-7xl items-center justify-between px-4 py-2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("nav", { className: "w-full border-b bg-white shadow-sm", style, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "mx-auto flex max-w-7xl items-center justify-between px-4 py-4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_link6.default, { href: "/", className: "flex items-center space-x-2", children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_image3.default, { src: imageUrl, alt: altText, width: 200, height: 200 }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "font-semibold text-blue-700", children: "Logo" }) }),
     !isMobileView && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex items-center space-x-6 sm:hidden md:flex", children: list.map((item) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       import_link6.default,