x-ui-design 0.4.21 → 0.4.23

package/lib/components/Input/style.css

@@ -126,7 +126,7 @@
 }
 
 .xUi-input-large {
-    height: 40px;
+    height: 44px;
     border-radius: var(--xui-border-radius-lg);
 }
 

package/lib/components/Select/Select.tsx

@@ -466,7 +466,7 @@ const SelectComponent = forwardRef<HTMLDivElement, SelectProps>(
     }, [showArrow, showSearch, isOpen, suffixIcon, searchIcon]);
 
     const extractedOptions = children
-      ? extractOptions(children)
+      ? Array.isArray(children) && !isValidElement(children[0]) ? children : extractOptions(children)
       : Array.isArray(options) ? options : [];
 
     const triggerNode = useMemo(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-ui-design",
-  "version": "0.4.21",
+  "version": "0.4.23",
   "license": "ISC",
   "author": "Gabriel Boyajyan",
   "main": "dist/index.js",

package/src/app/page.tsx

@@ -11,20 +11,11 @@ import { Switch } from "../../lib/components/Switch";
 import { Suspense, useCallback, useState } from "react";
 import { lazy } from '../../lib/utils/lazy'
 import { Button } from "../../lib/components/Button";
-// import Option from "../../lib/components/Select/Option/Option";
-// import Option from "../../lib/components/Select/Option/Option";
+import Option from "../../lib/components/Select/Option/Option";
 
 // import { Form as AntForm, Select as AntSelect } from 'antd'
 // import FormItem from "antd/es/form/FormItem";
 
-
-const Option = lazy(
-  () =>
-    import(
-      /* webpackChunkName: "option" */ '../../lib/components/Select/Option/Option'
-    )
-);
-
 export const CountryCodes = [...new Set([
     {
         "label": "Afghanistan",
@@ -1925,15 +1916,9 @@ export default function Home() {
                                     onSearch={e => setValue(e)}
                                     showSearch
                                     placeholder="Select...">
-                                    {(options || []).map(o => (
-                                        <Suspense key={o.value} fallback={null}>
-                                            <Option value={o.value}>
-                                            <div>
-                                                {o.label}
-                                            </div>
-                                        </Option>
-                                        </Suspense>
-                                    ))}
+                                        {(options || []).map(o => {
+                                            return <Option key={o.value} value={o.value}>{o.label}</Option>
+                                        })}
                                 </Select>
                             </div>
                         </Item>