fix(Select): clear select field only when clearable is set to true

Author: dev-ABsid

src/app/components/select/select.mdx

@@ -83,6 +83,24 @@ The Select contain an additional Hooks, see subsection [useModal](/hooks/use-mod
 `}
 />
 
+<Playground
+  title="Clearable"
+  desc="Allow clearing the selected value(s)."
+  scope={{ Select }}
+  code={`
+<>
+  <Select
+    placeholder="Select a value"
+    clearable={true}
+  >
+    <Select.Option value="1">Option 1</Select.Option>
+    <Select.Option value="2">Option 2</Select.Option>
+    <Select.Option value="3">Option 3</Select.Option>
+  </Select>
+</>
+`}
+/>
+
 <Playground
   title="Without Icon"
   desc="Hide icon on right."

src/components/select/select.tsx

@@ -54,7 +54,7 @@ const SelectComponent = React.forwardRef<SelectRef, React.PropsWithChildren<Sele
       pure = false,
       multiple = false,
       hasBorder = true,
-      clearable = true,
+      clearable = false,
       placeholder,
       className = '',
       dropdownClassName,
@@ -86,10 +86,14 @@ const SelectComponent = React.forwardRef<SelectRef, React.PropsWithChildren<Sele
       onDropdownVisibleChange(next);
       setVisible(next);
     };
+
     const updateValue = (next: string) => {
       setValue(last => {
         if (!Array.isArray(last)) {
-          return last === next ? undefined : next;
+          if (clearable && last === next) {
+            return undefined;
+          }
+          return next;
         }
         if (!last.includes(next)) return [...last, next];
         return last.filter(item => item !== next);