@algorithm-shift/design-system 1.2.57 → 1.2.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.js +21 -16
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +21 -16
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -26885,7 +26885,7 @@ var TextInput = ({ className, style, ...props }) => {
26885
26885
  ...style,
26886
26886
  borderColor: props.errorMessage ? "#f87171" : style?.borderColor
26887
26887
  },
26888
- value: props.value,
26888
+ value: props.value || "",
26889
26889
  autoComplete: isAutocomplete ? "on" : "off",
26890
26890
  placeholder,
26891
26891
  onChange: handleChange,
@@ -26918,7 +26918,7 @@ var NumberInput = ({ className, style, ...props }) => {
26918
26918
  type: "number",
26919
26919
  id: props.name || "number-field",
26920
26920
  name: props.name,
26921
- value: props.value,
26921
+ value: props.value || "",
26922
26922
  className: cn(className, props.errorMessage ? "border-red-500" : ""),
26923
26923
  style: {
26924
26924
  ...style,
@@ -26956,7 +26956,7 @@ var EmailInput = ({ className, style, ...props }) => {
26956
26956
  {
26957
26957
  type: "email",
26958
26958
  name: props.name,
26959
- value: props.value,
26959
+ value: props.value || "",
26960
26960
  className: cn(className, props.errorMessage ? "border-red-500" : ""),
26961
26961
  style: {
26962
26962
  ...style,
@@ -26995,7 +26995,7 @@ var PasswordInput = ({ className, style, ...props }) => {
26995
26995
  type: "password",
26996
26996
  id: props.name || "password-field",
26997
26997
  name: props.name,
26998
- value: props.value,
26998
+ value: props.value || "",
26999
26999
  className: cn(className, props.errorMessage ? "border-red-500" : ""),
27000
27000
  style: {
27001
27001
  ...style,
@@ -27047,7 +27047,7 @@ var Textarea2 = ({ className, style, ...props }) => {
27047
27047
  {
27048
27048
  id: "textarea-field",
27049
27049
  name: props.name,
27050
- value: props.value,
27050
+ value: props.value || "",
27051
27051
  className: cn(className, props.errorMessage ? "border-red-500" : ""),
27052
27052
  style: {
27053
27053
  ...style,
@@ -27085,7 +27085,7 @@ var UrlInput = ({ className, style, ...props }) => {
27085
27085
  id: "url-field",
27086
27086
  type: "url",
27087
27087
  name: props.name,
27088
- value: props.value,
27088
+ value: props.value || "",
27089
27089
  className: cn(className, props.errorMessage ? "border-red-500" : ""),
27090
27090
  style: {
27091
27091
  ...style,
@@ -27399,7 +27399,7 @@ function RichText({ className, style, ...props }) {
27399
27399
  borderColor: props.errorMessage ? "#f87171" : style?.borderColor
27400
27400
  },
27401
27401
  children: [
27402
- /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(MyEditor, { onChange: (content) => props.onChange?.(content), value: props.value, isDefault: true }),
27402
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(MyEditor, { onChange: (content) => props.onChange?.(content), value: props.value || "", isDefault: true }),
27403
27403
  props.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27404
27404
  ]
27405
27405
  }
@@ -27550,7 +27550,7 @@ var Dropdown = ({ className, style, ...props }) => {
27550
27550
  label: item[dataLabel]
27551
27551
  }));
27552
27552
  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
27553
- /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Select, { name: props.name, value: props.value, onValueChange: handleChange, disabled: isDisabled || !isEditable, children: [
27553
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Select, { name: props.name, value: props.value || "", onValueChange: handleChange, disabled: isDisabled || !isEditable, children: [
27554
27554
  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
27555
27555
  SelectTrigger,
27556
27556
  {
@@ -27643,15 +27643,20 @@ var PhoneInput = ({ className, style, ...props }) => {
27643
27643
  {
27644
27644
  defaultCountry: "in",
27645
27645
  name: props.name,
27646
- value: props.value,
27647
- className: cn(className, props.errorMessage ? "border-red-500" : ""),
27646
+ value: props.value || "",
27647
+ className: cn(
27648
+ "rounded-md",
27649
+ className,
27650
+ props.errorMessage ? "border-red-500" : ""
27651
+ ),
27648
27652
  style: {
27649
27653
  ...style,
27650
27654
  borderColor: props.errorMessage ? "#f87171" : style?.borderColor
27651
27655
  },
27652
27656
  onChange: (phone) => handleChange(phone),
27653
27657
  inputProps: {
27654
- id: "phone-field"
27658
+ id: "phone-field",
27659
+ style: { width: "100%", border: "none", outline: "none" }
27655
27660
  },
27656
27661
  placeholder,
27657
27662
  disabled: isDisabled || !isEditable
@@ -27682,7 +27687,7 @@ var SearchInput = ({ className, style, ...props }) => {
27682
27687
  type: "text",
27683
27688
  id: props.name || "text-field",
27684
27689
  name: props.name,
27685
- value: props.value,
27690
+ value: props.value || "",
27686
27691
  className: cn(className, props.errorMessage ? "border-red-500" : ""),
27687
27692
  style: {
27688
27693
  ...style,
@@ -27712,7 +27717,7 @@ var FileInput2 = ({ className, style, ...props }) => {
27712
27717
  type: "file",
27713
27718
  id: "file",
27714
27719
  name: props.name,
27715
- value: props.value,
27720
+ value: props.value || "",
27716
27721
  className: cn(className, props.errorMessage ? "border-red-500" : ""),
27717
27722
  style: {
27718
27723
  ...style,
@@ -27771,7 +27776,7 @@ function DatePicker({ className, style, ...props }) {
27771
27776
  onChange: handleChange,
27772
27777
  disabled: isDisabled || !isEditable,
27773
27778
  name: props.name,
27774
- value: props.value,
27779
+ value: props.value || "",
27775
27780
  className: cn(
27776
27781
  className,
27777
27782
  props.errorMessage ? "border-red-500" : "",
@@ -28091,7 +28096,7 @@ var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
28091
28096
  id: props.name || "prepend-input",
28092
28097
  type: "url",
28093
28098
  name: props.name,
28094
- value: props.value,
28099
+ value: props.value || "",
28095
28100
  className: cn(
28096
28101
  className,
28097
28102
  "rounded-none flex-1 border-none focus:ring-0"
@@ -28735,7 +28740,7 @@ function Navbar({
28735
28740
  userName = "Guest User"
28736
28741
  }) {
28737
28742
  const isMobileView = canvasMode === "mobile" || canvasMode === "tablet";
28738
- 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: [
28743
+ 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: [
28739
28744
  /* @__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" }) }),
28740
28745
  !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)(
28741
28746
  import_link6.default,