@itilite/lumina-ui 1.1.13 → 1.1.14

package/dist/atom/Button/Button.js

@@ -47,7 +47,7 @@ function Button(props) {
     type = "primary",
     variant = "default",
     size = "normal",
-    shape = "default",
+    shape = "round",
     className = "",
     icon = null,
     children,

package/dist/atom/Button/Button.mjs

@@ -1,7 +1,7 @@
 import {
   Button,
   Button_default
-} from "../../chunk-AF2RKLH6.mjs";
+} from "../../chunk-3XUHGVYA.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   Button,

package/dist/atom/Modal/Modal.js

@@ -83,7 +83,7 @@ function Button(props) {
     type = "primary",
     variant = "default",
     size = "normal",
-    shape = "default",
+    shape = "round",
     className = "",
     icon = null,
     children,

package/dist/atom/Modal/Modal.mjs

@@ -1,8 +1,8 @@
 import {
   Modal,
   Modal_default
-} from "../../chunk-UQJ3BDM4.mjs";
-import "../../chunk-AF2RKLH6.mjs";
+} from "../../chunk-UTMZY37A.mjs";
+import "../../chunk-3XUHGVYA.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   Modal,

package/dist/atom/RangePicker/RangePicker.js

@@ -275,6 +275,46 @@ var LoadingSpinner_default = LoadingSpinner;
 
 // src/atom/Select/Select.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
+var InputWrapper = (0, import_react2.memo)(({ children, disabled, disabledTooltip }) => {
+  if (disabled && disabledTooltip)
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Tooltip_default, { title: disabledTooltip, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children });
+});
+var OptionItem = (0, import_react2.memo)(({
+  option,
+  index,
+  isSelected,
+  isHighlighted,
+  experience,
+  size,
+  optionClassName,
+  onSelectHandler,
+  onMouseEnterHandler
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "div",
+    {
+      onClick: () => onSelectHandler(option),
+      onMouseEnter: () => onMouseEnterHandler(index),
+      className: (0, import_clsx.default)(
+        "tw-transition-all tw-duration-150",
+        { "tw-typography-body2": size !== "small" },
+        { "tw-typography-caption1": size === "small" },
+        optionClassName
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "div",
+        {
+          className: (0, import_clsx.default)(
+            "tw-px-4 tw-cursor-pointer tw-py-2 tw-mx-0.5 tw-rounded-xl",
+            isSelected ? experience === "personal" ? "tw-bg-[#f1e8fa]" : "tw-bg-[#fff1e1]" : isHighlighted ? "tw-bg-[#f3f4f6] tw-text-gray-900" : "tw-text-gray-900 hover:tw-bg-[#1118270a]"
+          ),
+          children: option.label
+        }
+      )
+    }
+  );
+});
 var Select = ({
   label,
   mandatory = false,
@@ -513,6 +553,31 @@ var Select = ({
     }
     return "";
   }, [selectedValue, validatedOptions, showDisplayValue, normalizeValue]);
+  const displayValue = (0, import_react2.useMemo)(() => getDisplayValue(), [getDisplayValue]);
+  const inputClasses = (0, import_react2.useMemo)(() => {
+    return (0, import_clsx.default)(
+      "tw-w-full tw-rounded-xl tw-outline-none tw-transition-all tw-duration-200 tw-cursor-pointer tw-border-solid tw-text-color-text-default",
+      sizeClasses.input,
+      sizeClasses.padding,
+      variantClasses,
+      {
+        "tw-bg-white": valueSelected || displayValue || isFocused,
+        "tw-bg-color-gray-5": !valueSelected || !displayValue,
+        "!tw-bg-[#F8F7F6] tw-cursor-not-allowed tw-pointer-events-none": disabled
+      },
+      !label && "tw-flex tw-items-center",
+      {
+        "!tw-border-color-primary": isFocused && experience === "business"
+      },
+      {
+        "!tw-border-[#804D7B]": isFocused && experience === "personal"
+      },
+      error ? "!tw-border-color-text-critical " : "tw-border-[#EBE3DD] hover:tw-border-[#C5B7AC]",
+      "focus:tw-shadow-sm focus:tw-ring-offset-1",
+      className,
+      inputClassName
+    );
+  }, [sizeClasses, variantClasses, valueSelected, displayValue, isFocused, disabled, label, experience, error, className, inputClassName]);
   const filteredOptions = (0, import_react2.useMemo)(() => {
     var _a;
     if (!enableSearch) {
@@ -607,7 +672,7 @@ var Select = ({
   }, [highlightedIndex]);
   (0, import_react2.useEffect)(() => {
     optionRefs.current = [];
-  }, [filteredOptions]);
+  }, [filteredOptions.length]);
   const handleMouseEnter = (0, import_react2.useCallback)(() => {
     if (hoverTimeoutRef.current) {
       clearTimeout(hoverTimeoutRef.current);
@@ -644,12 +709,23 @@ var Select = ({
     },
     [isOpen, handleInputInteraction]
   );
-  const InputWrapper = ({ children }) => {
-    if (disabled && disabledTooltip)
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Tooltip_default, { title: disabledTooltip, children });
-    return children;
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(InputWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  const handleChevronMouseDown = (0, import_react2.useCallback)(
+    (e) => {
+      if (isHovering && selectedValue && allowClear) {
+        handleClear(e);
+      } else {
+        handleChevronClick(e);
+      }
+    },
+    [isHovering, selectedValue, allowClear, handleClear, handleChevronClick]
+  );
+  const handleOptionClick = (0, import_react2.useCallback)((option) => {
+    handleOptionSelect(option);
+  }, [handleOptionSelect]);
+  const handleOptionMouseEnter = (0, import_react2.useCallback)((index) => {
+    setHighlightedIndex(index);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(InputWrapper, { disabled, disabledTooltip, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "div",
     {
       style,
@@ -673,35 +749,11 @@ var Select = ({
               autoCorrect: "off",
               autoCapitalize: "off",
               spellCheck: "false",
-              value: isFocused && enableSearch ? searchTerm : getDisplayValue(),
+              value: isFocused && enableSearch ? searchTerm : displayValue,
               onChange: enableSearch ? handleSearchChange : void 0,
               onClick: handleInputInteraction,
               onKeyDown: handleKeyDown,
-              className: (0, import_clsx.default)(
-                "tw-w-full tw-rounded-xl tw-outline-none tw-transition-all tw-duration-200 tw-cursor-pointer tw-border-solid tw-text-color-text-default",
-                sizeClasses.input,
-                sizeClasses.padding,
-                variantClasses,
-                {
-                  "tw-bg-white": valueSelected || getDisplayValue() || isFocused,
-                  "tw-bg-color-gray-5": !valueSelected || !getDisplayValue(),
-                  "!tw-bg-[#F8F7F6] tw-cursor-not-allowed tw-pointer-events-none": disabled
-                },
-                // Conditional padding based on label presence
-                !label && "tw-flex tw-items-center",
-                {
-                  "!tw-border-color-primary": isFocused && experience === "business"
-                },
-                {
-                  "!tw-border-[#804D7B]": isFocused && experience === "personal"
-                },
-                error ? "!tw-border-color-text-critical " : "tw-border-[#EBE3DD] hover:tw-border-[#C5B7AC]",
-                // Add focus state styling
-                "focus:tw-shadow-sm focus:tw-ring-offset-1",
-                className,
-                inputClassName
-                // Put inputClassName last so it can override default classes
-              ),
+              className: inputClasses,
               readOnly: !isFocused || !enableSearch
             }
           ),
@@ -742,13 +794,7 @@ var Select = ({
                       // Only rotate chevron when open and not showing clear icon
                       isOpen && !(isHovering && selectedValue && allowClear) && "-tw-rotate-180"
                     ),
-                    onMouseDown: (e) => {
-                      if (isHovering && selectedValue && allowClear) {
-                        handleClear(e);
-                      } else {
-                        handleChevronClick(e);
-                      }
-                    },
+                    onMouseDown: handleChevronMouseDown,
                     children: disabled ? null : isHovering && selectedValue && allowClear ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                       CrossV2,
                       {
@@ -779,75 +825,32 @@ var Select = ({
               dropdownClassName
             ),
             ref: optionListRef,
-            children: filteredOptions.length > 0 ? filteredOptions.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-              "div",
-              {
-                ref: (el) => optionRefs.current[index] = el,
-                onClick: () => handleOptionSelect(option),
-                onMouseEnter: () => setHighlightedIndex(index),
-                className: (0, import_clsx.default)(
-                  "tw-transition-all tw-duration-150",
-                  { "tw-typography-body2": size !== "small" },
-                  { "tw-typography-caption1": size === "small" },
-                  optionClassName
-                ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                  "div",
-                  {
-                    className: (0, import_clsx.default)(
-                      "tw-px-4 tw-cursor-pointer tw-py-2 tw-mx-0.5 tw-rounded-xl",
-                      normalizeValue(selectedValue) === normalizeValue(option.value) ? experience === "personal" ? "tw-bg-[#f1e8fa]" : "tw-bg-[#fff1e1]" : (
-                        // Highlighted option styling (keyboard navigation)
-                        index === highlightedIndex ? "tw-bg-[#f3f4f6] tw-text-gray-900" : (
-                          // Default option styling
-                          "tw-text-gray-900 hover:tw-bg-[#1118270a]"
-                        )
-                      )
-                    ),
-                    children: option.label
-                  }
-                )
-              },
-              doubleCharSearch ? option.label : option.value
-            )) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "tw-px-4 tw-py-3 tw-text-gray-500 tw-text-sm", children: "No options found" })
+            children: filteredOptions.length > 0 ? filteredOptions.map((option, index) => {
+              const isSelected = normalizeValue(selectedValue) === normalizeValue(option.value);
+              const isHighlighted = index === highlightedIndex;
+              return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref: (el) => optionRefs.current[index] = el, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                OptionItem,
+                {
+                  option,
+                  index,
+                  isSelected,
+                  isHighlighted,
+                  experience,
+                  size,
+                  optionClassName,
+                  onSelectHandler: handleOptionClick,
+                  onMouseEnterHandler: handleOptionMouseEnter
+                }
+              ) }, doubleCharSearch ? option.label : option.value);
+            }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "tw-px-4 tw-py-3 tw-text-gray-500 tw-text-sm", children: "No options found" })
           }
         )
       ]
     }
   ) });
 };
-var arePropsEqual = (prevProps, nextProps) => {
-  var _a, _b;
-  const criticalProps = [
-    "value",
-    "valueSelected",
-    "options",
-    "error",
-    "disabled",
-    "label",
-    "mandatory"
-  ];
-  for (const prop of criticalProps) {
-    if (prevProps[prop] !== nextProps[prop]) {
-      return false;
-    }
-  }
-  if (((_a = prevProps.options) == null ? void 0 : _a.length) !== ((_b = nextProps.options) == null ? void 0 : _b.length)) {
-    return false;
-  }
-  if (prevProps.options && nextProps.options) {
-    for (let i = 0; i < prevProps.options.length; i++) {
-      const prevOpt = prevProps.options[i];
-      const nextOpt = nextProps.options[i];
-      if ((prevOpt == null ? void 0 : prevOpt.value) !== (nextOpt == null ? void 0 : nextOpt.value) || (prevOpt == null ? void 0 : prevOpt.label) !== (nextOpt == null ? void 0 : nextOpt.label)) {
-        return false;
-      }
-    }
-  }
-  return true;
-};
 Select.displayName = "Select";
-var Select_default = (0, import_react2.memo)(Select, arePropsEqual);
+var Select_default = Select;
 
 // src/atom/RangePicker/RangePicker.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");

package/dist/atom/RangePicker/RangePicker.mjs

@@ -1,8 +1,8 @@
 import {
   CustomRangePicker,
   RangePicker_default
-} from "../../chunk-35KDS27M.mjs";
-import "../../chunk-E4FCLHYA.mjs";
+} from "../../chunk-PSBEYGD4.mjs";
+import "../../chunk-GU5F7Z7I.mjs";
 import "../../chunk-MLCMZRUC.mjs";
 import "../../chunk-QKTMWS4J.mjs";
 import "../../chunk-ZTRM4HZJ.mjs";

package/dist/atom/Select/Select.d.mts

@@ -1,5 +1,3 @@
-import * as React$1 from 'react';
-
 interface SelectOption {
     value: string | number;
     label: string;
@@ -38,6 +36,5 @@ interface SelectProps {
 }
 
 declare const Select: React.FC<SelectProps>;
-declare const _default: React$1.NamedExoticComponent<SelectProps>;
 
-export { Select, _default as default };
+export { Select, Select as default };

package/dist/atom/Select/Select.d.ts

@@ -1,5 +1,3 @@
-import * as React$1 from 'react';
-
 interface SelectOption {
     value: string | number;
     label: string;
@@ -38,6 +36,5 @@ interface SelectProps {
 }
 
 declare const Select: React.FC<SelectProps>;
-declare const _default: React$1.NamedExoticComponent<SelectProps>;
 
-export { Select, _default as default };
+export { Select, Select as default };

package/dist/atom/Select/Select.js

@@ -223,6 +223,46 @@ var LoadingSpinner_default = LoadingSpinner;
 
 // src/atom/Select/Select.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
+var InputWrapper = (0, import_react2.memo)(({ children, disabled, disabledTooltip }) => {
+  if (disabled && disabledTooltip)
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Tooltip_default, { title: disabledTooltip, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children });
+});
+var OptionItem = (0, import_react2.memo)(({
+  option,
+  index,
+  isSelected,
+  isHighlighted,
+  experience,
+  size,
+  optionClassName,
+  onSelectHandler,
+  onMouseEnterHandler
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "div",
+    {
+      onClick: () => onSelectHandler(option),
+      onMouseEnter: () => onMouseEnterHandler(index),
+      className: (0, import_clsx.default)(
+        "tw-transition-all tw-duration-150",
+        { "tw-typography-body2": size !== "small" },
+        { "tw-typography-caption1": size === "small" },
+        optionClassName
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "div",
+        {
+          className: (0, import_clsx.default)(
+            "tw-px-4 tw-cursor-pointer tw-py-2 tw-mx-0.5 tw-rounded-xl",
+            isSelected ? experience === "personal" ? "tw-bg-[#f1e8fa]" : "tw-bg-[#fff1e1]" : isHighlighted ? "tw-bg-[#f3f4f6] tw-text-gray-900" : "tw-text-gray-900 hover:tw-bg-[#1118270a]"
+          ),
+          children: option.label
+        }
+      )
+    }
+  );
+});
 var Select = ({
   label,
   mandatory = false,
@@ -461,6 +501,31 @@ var Select = ({
     }
     return "";
   }, [selectedValue, validatedOptions, showDisplayValue, normalizeValue]);
+  const displayValue = (0, import_react2.useMemo)(() => getDisplayValue(), [getDisplayValue]);
+  const inputClasses = (0, import_react2.useMemo)(() => {
+    return (0, import_clsx.default)(
+      "tw-w-full tw-rounded-xl tw-outline-none tw-transition-all tw-duration-200 tw-cursor-pointer tw-border-solid tw-text-color-text-default",
+      sizeClasses.input,
+      sizeClasses.padding,
+      variantClasses,
+      {
+        "tw-bg-white": valueSelected || displayValue || isFocused,
+        "tw-bg-color-gray-5": !valueSelected || !displayValue,
+        "!tw-bg-[#F8F7F6] tw-cursor-not-allowed tw-pointer-events-none": disabled
+      },
+      !label && "tw-flex tw-items-center",
+      {
+        "!tw-border-color-primary": isFocused && experience === "business"
+      },
+      {
+        "!tw-border-[#804D7B]": isFocused && experience === "personal"
+      },
+      error ? "!tw-border-color-text-critical " : "tw-border-[#EBE3DD] hover:tw-border-[#C5B7AC]",
+      "focus:tw-shadow-sm focus:tw-ring-offset-1",
+      className,
+      inputClassName
+    );
+  }, [sizeClasses, variantClasses, valueSelected, displayValue, isFocused, disabled, label, experience, error, className, inputClassName]);
   const filteredOptions = (0, import_react2.useMemo)(() => {
     var _a;
     if (!enableSearch) {
@@ -555,7 +620,7 @@ var Select = ({
   }, [highlightedIndex]);
   (0, import_react2.useEffect)(() => {
     optionRefs.current = [];
-  }, [filteredOptions]);
+  }, [filteredOptions.length]);
   const handleMouseEnter = (0, import_react2.useCallback)(() => {
     if (hoverTimeoutRef.current) {
       clearTimeout(hoverTimeoutRef.current);
@@ -592,12 +657,23 @@ var Select = ({
     },
     [isOpen, handleInputInteraction]
   );
-  const InputWrapper = ({ children }) => {
-    if (disabled && disabledTooltip)
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Tooltip_default, { title: disabledTooltip, children });
-    return children;
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(InputWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  const handleChevronMouseDown = (0, import_react2.useCallback)(
+    (e) => {
+      if (isHovering && selectedValue && allowClear) {
+        handleClear(e);
+      } else {
+        handleChevronClick(e);
+      }
+    },
+    [isHovering, selectedValue, allowClear, handleClear, handleChevronClick]
+  );
+  const handleOptionClick = (0, import_react2.useCallback)((option) => {
+    handleOptionSelect(option);
+  }, [handleOptionSelect]);
+  const handleOptionMouseEnter = (0, import_react2.useCallback)((index) => {
+    setHighlightedIndex(index);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(InputWrapper, { disabled, disabledTooltip, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "div",
     {
       style,
@@ -621,35 +697,11 @@ var Select = ({
               autoCorrect: "off",
               autoCapitalize: "off",
               spellCheck: "false",
-              value: isFocused && enableSearch ? searchTerm : getDisplayValue(),
+              value: isFocused && enableSearch ? searchTerm : displayValue,
               onChange: enableSearch ? handleSearchChange : void 0,
               onClick: handleInputInteraction,
               onKeyDown: handleKeyDown,
-              className: (0, import_clsx.default)(
-                "tw-w-full tw-rounded-xl tw-outline-none tw-transition-all tw-duration-200 tw-cursor-pointer tw-border-solid tw-text-color-text-default",
-                sizeClasses.input,
-                sizeClasses.padding,
-                variantClasses,
-                {
-                  "tw-bg-white": valueSelected || getDisplayValue() || isFocused,
-                  "tw-bg-color-gray-5": !valueSelected || !getDisplayValue(),
-                  "!tw-bg-[#F8F7F6] tw-cursor-not-allowed tw-pointer-events-none": disabled
-                },
-                // Conditional padding based on label presence
-                !label && "tw-flex tw-items-center",
-                {
-                  "!tw-border-color-primary": isFocused && experience === "business"
-                },
-                {
-                  "!tw-border-[#804D7B]": isFocused && experience === "personal"
-                },
-                error ? "!tw-border-color-text-critical " : "tw-border-[#EBE3DD] hover:tw-border-[#C5B7AC]",
-                // Add focus state styling
-                "focus:tw-shadow-sm focus:tw-ring-offset-1",
-                className,
-                inputClassName
-                // Put inputClassName last so it can override default classes
-              ),
+              className: inputClasses,
               readOnly: !isFocused || !enableSearch
             }
           ),
@@ -690,13 +742,7 @@ var Select = ({
                       // Only rotate chevron when open and not showing clear icon
                       isOpen && !(isHovering && selectedValue && allowClear) && "-tw-rotate-180"
                     ),
-                    onMouseDown: (e) => {
-                      if (isHovering && selectedValue && allowClear) {
-                        handleClear(e);
-                      } else {
-                        handleChevronClick(e);
-                      }
-                    },
+                    onMouseDown: handleChevronMouseDown,
                     children: disabled ? null : isHovering && selectedValue && allowClear ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                       CrossV2,
                       {
@@ -727,75 +773,32 @@ var Select = ({
               dropdownClassName
             ),
             ref: optionListRef,
-            children: filteredOptions.length > 0 ? filteredOptions.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-              "div",
-              {
-                ref: (el) => optionRefs.current[index] = el,
-                onClick: () => handleOptionSelect(option),
-                onMouseEnter: () => setHighlightedIndex(index),
-                className: (0, import_clsx.default)(
-                  "tw-transition-all tw-duration-150",
-                  { "tw-typography-body2": size !== "small" },
-                  { "tw-typography-caption1": size === "small" },
-                  optionClassName
-                ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                  "div",
-                  {
-                    className: (0, import_clsx.default)(
-                      "tw-px-4 tw-cursor-pointer tw-py-2 tw-mx-0.5 tw-rounded-xl",
-                      normalizeValue(selectedValue) === normalizeValue(option.value) ? experience === "personal" ? "tw-bg-[#f1e8fa]" : "tw-bg-[#fff1e1]" : (
-                        // Highlighted option styling (keyboard navigation)
-                        index === highlightedIndex ? "tw-bg-[#f3f4f6] tw-text-gray-900" : (
-                          // Default option styling
-                          "tw-text-gray-900 hover:tw-bg-[#1118270a]"
-                        )
-                      )
-                    ),
-                    children: option.label
-                  }
-                )
-              },
-              doubleCharSearch ? option.label : option.value
-            )) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "tw-px-4 tw-py-3 tw-text-gray-500 tw-text-sm", children: "No options found" })
+            children: filteredOptions.length > 0 ? filteredOptions.map((option, index) => {
+              const isSelected = normalizeValue(selectedValue) === normalizeValue(option.value);
+              const isHighlighted = index === highlightedIndex;
+              return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref: (el) => optionRefs.current[index] = el, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                OptionItem,
+                {
+                  option,
+                  index,
+                  isSelected,
+                  isHighlighted,
+                  experience,
+                  size,
+                  optionClassName,
+                  onSelectHandler: handleOptionClick,
+                  onMouseEnterHandler: handleOptionMouseEnter
+                }
+              ) }, doubleCharSearch ? option.label : option.value);
+            }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "tw-px-4 tw-py-3 tw-text-gray-500 tw-text-sm", children: "No options found" })
           }
         )
       ]
     }
   ) });
 };
-var arePropsEqual = (prevProps, nextProps) => {
-  var _a, _b;
-  const criticalProps = [
-    "value",
-    "valueSelected",
-    "options",
-    "error",
-    "disabled",
-    "label",
-    "mandatory"
-  ];
-  for (const prop of criticalProps) {
-    if (prevProps[prop] !== nextProps[prop]) {
-      return false;
-    }
-  }
-  if (((_a = prevProps.options) == null ? void 0 : _a.length) !== ((_b = nextProps.options) == null ? void 0 : _b.length)) {
-    return false;
-  }
-  if (prevProps.options && nextProps.options) {
-    for (let i = 0; i < prevProps.options.length; i++) {
-      const prevOpt = prevProps.options[i];
-      const nextOpt = nextProps.options[i];
-      if ((prevOpt == null ? void 0 : prevOpt.value) !== (nextOpt == null ? void 0 : nextOpt.value) || (prevOpt == null ? void 0 : prevOpt.label) !== (nextOpt == null ? void 0 : nextOpt.label)) {
-        return false;
-      }
-    }
-  }
-  return true;
-};
 Select.displayName = "Select";
-var Select_default = (0, import_react2.memo)(Select, arePropsEqual);
+var Select_default = Select;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Select

package/dist/atom/Select/Select.mjs

@@ -1,7 +1,7 @@
 import {
   Select,
   Select_default
-} from "../../chunk-E4FCLHYA.mjs";
+} from "../../chunk-GU5F7Z7I.mjs";
 import "../../chunk-MLCMZRUC.mjs";
 import "../../chunk-QKTMWS4J.mjs";
 import "../../chunk-FWCSY2DS.mjs";