@unifiedsoftware/react-ui 1.0.20 → 1.0.21

package/dist/index.js

@@ -973,7 +973,7 @@ var PopoverContent = (0, import_react22.forwardRef)((props, ref) => {
       window.removeEventListener("orientationchange", handleSize);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "div",
     __spreadProps(__spreadValues({
       ref: mergeRefs_default(menuListRef, ref),
@@ -981,10 +981,7 @@ var PopoverContent = (0, import_react22.forwardRef)((props, ref) => {
       style: __spreadValues(__spreadValues({}, style), contentStyle),
       onClick: handleClick
     }, rest), {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `${prefixCls}popover__overlay` }),
-        children
-      ]
+      children
     })
   );
 });
@@ -1404,7 +1401,9 @@ var AutocompleteVirtual = () => {
       return;
     const value = valuesToValue(values);
     const index = data.findIndex((item) => item[keyField] === value);
-    virtualizer.scrollToIndex(index, { align: "start" });
+    if (index !== -1) {
+      virtualizer.scrollToIndex(index, { align: "start" });
+    }
   }, [isOpen]);
   if (!virtual)
     return null;
@@ -1519,6 +1518,7 @@ var Autocomplete = (props) => {
     disclosure: disclosureProp,
     virtual,
     placeholder,
+    className,
     style,
     startContent,
     endContent,
@@ -1671,10 +1671,14 @@ var Autocomplete = (props) => {
             /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverTrigger_default, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
               "div",
               {
-                className: clsx_default(`${prefixCls}input ${prefixCls}input--filterable`, {
-                  [`${prefixCls}input--focus`]: focus,
-                  [`${prefixCls}input--disabled`]: disabled
-                }),
+                className: clsx_default(
+                  `${prefixCls}input ${prefixCls}input--filterable`,
+                  {
+                    [`${prefixCls}input--focus`]: focus,
+                    [`${prefixCls}input--disabled`]: disabled
+                  },
+                  className
+                ),
                 style,
                 onClick: handleClick,
                 onFocus: () => {
@@ -2844,6 +2848,7 @@ var Select = (props) => {
     disclosure: disclosureProp,
     virtual,
     placeholder,
+    className,
     style,
     startContent,
     endContent,
@@ -2982,10 +2987,14 @@ var Select = (props) => {
             /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PopoverTrigger_default, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
               "div",
               {
-                className: clsx_default(`${prefixCls}input`, {
-                  [`${prefixCls}input--focus`]: focus,
-                  [`${prefixCls}input--disabled`]: disabled
-                }),
+                className: clsx_default(
+                  `${prefixCls}input`,
+                  {
+                    [`${prefixCls}input--focus`]: focus,
+                    [`${prefixCls}input--disabled`]: disabled
+                  },
+                  className
+                ),
                 style,
                 onClick: handleClick,
                 onFocus: () => {

package/dist/index.mjs

@@ -806,7 +806,7 @@ var Popover_default = Popover;
 
 // src/components/Popover/PopoverContent.tsx
 import { forwardRef as forwardRef9, useCallback as useCallback3, useEffect as useEffect10, useRef as useRef5, useState as useState8 } from "react";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function getScrollParent(node) {
   if (node == null) {
     return null;
@@ -885,7 +885,7 @@ var PopoverContent = forwardRef9((props, ref) => {
       window.removeEventListener("orientationchange", handleSize);
     };
   }, []);
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsx9(
     "div",
     __spreadProps(__spreadValues({
       ref: mergeRefs_default(menuListRef, ref),
@@ -893,10 +893,7 @@ var PopoverContent = forwardRef9((props, ref) => {
       style: __spreadValues(__spreadValues({}, style), contentStyle),
       onClick: handleClick
     }, rest), {
-      children: [
-        /* @__PURE__ */ jsx9("div", { className: `${prefixCls}popover__overlay` }),
-        children
-      ]
+      children
     })
   );
 });
@@ -954,7 +951,7 @@ var useCollapse = () => {
 var CollapseContext_default = CollapseContext;
 
 // src/components/Collapse/Collapse.tsx
-import { jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsxs as jsxs7 } from "react/jsx-runtime";
 var Collapse = ({ children, isOpen, onOpen, onClose, onToggle }) => {
   const collapseRef = useRef6(null);
   const [selfIsOpen, setSelfIsOpen] = useState9(isOpen != null ? isOpen : false);
@@ -984,7 +981,7 @@ var Collapse = ({ children, isOpen, onOpen, onClose, onToggle }) => {
       }
     }, 100);
   }, [isOpen]);
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs7(
     CollapseContext_default.Provider,
     {
       value: {
@@ -1047,7 +1044,7 @@ var CollapseTrigger_default = CollapseTrigger;
 
 // src/components/List/ListItem.tsx
 import { forwardRef as forwardRef14 } from "react";
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var ListItem = forwardRef14(
   (_a, ref) => {
     var _b = _a, {
@@ -1084,7 +1081,7 @@ var ListItem = forwardRef14(
     const handleClick = (event) => {
       onClick == null ? void 0 : onClick(event);
     };
-    return /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsxs8(
       Component,
       __spreadProps(__spreadValues({
         ref,
@@ -1105,7 +1102,7 @@ var ListItem = forwardRef14(
         children: [
           hoverable && /* @__PURE__ */ jsx11("div", { className: `${prefixCls}overlay` }),
           startContent && /* @__PURE__ */ jsx11("div", { className: `${prefixCls}list-item__start-content`, children: startContent }),
-          /* @__PURE__ */ jsxs9("div", { className: `${prefixCls}list-item__content`, children: [
+          /* @__PURE__ */ jsxs8("div", { className: `${prefixCls}list-item__content`, children: [
             /* @__PURE__ */ jsx11("span", __spreadProps(__spreadValues({}, slotProps == null ? void 0 : slotProps.title), { className: clsx_default(`${prefixCls}list-item__title`, (_a2 = slotProps == null ? void 0 : slotProps.title) == null ? void 0 : _a2.className), children: title })),
             /* @__PURE__ */ jsx11(
               "span",
@@ -1124,7 +1121,7 @@ var ListItem = forwardRef14(
 var ListItem_default = ListItem;
 
 // src/components/List/ListGroup.tsx
-import { Fragment, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var ListGroup = forwardRef15(
   (_a, ref) => {
     var _b = _a, {
@@ -1150,16 +1147,16 @@ var ListGroup = forwardRef15(
     ]);
     const disclosure = isOpen !== void 0 ? { isOpen, onOpen, onClose, onToggle } : useDisclosure_default();
     const prefixCls = PREFIX_CLS;
-    return /* @__PURE__ */ jsx12("div", { className: `${prefixCls}list-group`, children: /* @__PURE__ */ jsxs10(Collapse_default, __spreadProps(__spreadValues({}, disclosure), { children: [
+    return /* @__PURE__ */ jsx12("div", { className: `${prefixCls}list-group`, children: /* @__PURE__ */ jsxs9(Collapse_default, __spreadProps(__spreadValues({}, disclosure), { children: [
       /* @__PURE__ */ jsx12(CollapseTrigger_default, { children: /* @__PURE__ */ jsx12(
         ListItem_default,
         __spreadValues({
           ref,
-          startContent: expandVisible && expandPosition === "start" ? /* @__PURE__ */ jsxs10(Fragment, { children: [
+          startContent: expandVisible && expandPosition === "start" ? /* @__PURE__ */ jsxs9(Fragment, { children: [
             /* @__PURE__ */ jsx12(Icon_default, { children: disclosure.isOpen ? /* @__PURE__ */ jsx12(ChevronUpIcon_default, {}) : /* @__PURE__ */ jsx12(ChevronDownIcon_default, {}) }),
             startContent
           ] }) : startContent,
-          endContent: expandVisible && expandPosition === "end" ? /* @__PURE__ */ jsxs10(Fragment, { children: [
+          endContent: expandVisible && expandPosition === "end" ? /* @__PURE__ */ jsxs9(Fragment, { children: [
             endContent,
             /* @__PURE__ */ jsx12(Icon_default, { children: disclosure.isOpen ? /* @__PURE__ */ jsx12(ChevronUpIcon_default, {}) : /* @__PURE__ */ jsx12(ChevronDownIcon_default, {}) })
           ] }) : endContent
@@ -1316,7 +1313,9 @@ var AutocompleteVirtual = () => {
       return;
     const value = valuesToValue(values);
     const index = data.findIndex((item) => item[keyField] === value);
-    virtualizer.scrollToIndex(index, { align: "start" });
+    if (index !== -1) {
+      virtualizer.scrollToIndex(index, { align: "start" });
+    }
   }, [isOpen]);
   if (!virtual)
     return null;
@@ -1418,7 +1417,7 @@ var AutocompleteVirtual = () => {
 var AutocompleteVirtual_default = AutocompleteVirtual;
 
 // src/components/Autocomplete/Autocomplete.tsx
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 var Autocomplete = (props) => {
   const {
     data,
@@ -1431,6 +1430,7 @@ var Autocomplete = (props) => {
     disclosure: disclosureProp,
     virtual,
     placeholder,
+    className,
     style,
     startContent,
     endContent,
@@ -1570,7 +1570,7 @@ var Autocomplete = (props) => {
         setOffset,
         renderItem
       },
-      children: /* @__PURE__ */ jsxs11(
+      children: /* @__PURE__ */ jsxs10(
         Popover_default,
         __spreadProps(__spreadValues({
           target: true
@@ -1580,13 +1580,17 @@ var Autocomplete = (props) => {
           onClose: handleClose,
           autoClose: "outside",
           children: [
-            /* @__PURE__ */ jsx16(PopoverTrigger_default, { children: /* @__PURE__ */ jsxs11(
+            /* @__PURE__ */ jsx16(PopoverTrigger_default, { children: /* @__PURE__ */ jsxs10(
               "div",
               {
-                className: clsx_default(`${prefixCls}input ${prefixCls}input--filterable`, {
-                  [`${prefixCls}input--focus`]: focus,
-                  [`${prefixCls}input--disabled`]: disabled
-                }),
+                className: clsx_default(
+                  `${prefixCls}input ${prefixCls}input--filterable`,
+                  {
+                    [`${prefixCls}input--focus`]: focus,
+                    [`${prefixCls}input--disabled`]: disabled
+                  },
+                  className
+                ),
                 style,
                 onClick: handleClick,
                 onFocus: () => {
@@ -1597,7 +1601,7 @@ var Autocomplete = (props) => {
                 },
                 children: [
                   /* @__PURE__ */ jsx16("div", { className: `${prefixCls}outline` }),
-                  /* @__PURE__ */ jsxs11("div", { className: `${prefixCls}input__content`, children: [
+                  /* @__PURE__ */ jsxs10("div", { className: `${prefixCls}input__content`, children: [
                     startContent && /* @__PURE__ */ jsx16("div", { className: `${prefixCls}input__start-content`, children: startContent }),
                     /* @__PURE__ */ jsx16(
                       "input",
@@ -1610,7 +1614,7 @@ var Autocomplete = (props) => {
                         onChange: handleFilterChange
                       }
                     ),
-                    /* @__PURE__ */ jsxs11("div", { className: `${prefixCls}input__end-content`, children: [
+                    /* @__PURE__ */ jsxs10("div", { className: `${prefixCls}input__end-content`, children: [
                       endContent,
                       loading ? /* @__PURE__ */ jsx16(Icon_default, { children: /* @__PURE__ */ jsx16(LoaderIcon_default, { className: `${prefixCls}animation-spin` }) }) : /* @__PURE__ */ jsx16(Button, { color: "secondary", variant: "plain", size: "xs", iconOnly: true, onClick: handleClear, children: /* @__PURE__ */ jsx16(Icon_default, { children: /* @__PURE__ */ jsx16(CloseIcon_default, {}) }) }),
                       /* @__PURE__ */ jsx16("div", { style: { pointerEvents: "none" }, children: /* @__PURE__ */ jsx16(Icon_default, { children: disclosure.isOpen ? /* @__PURE__ */ jsx16(ChevronUpIcon_default, {}) : /* @__PURE__ */ jsx16(ChevronDownIcon_default, {}) }) })
@@ -1632,7 +1636,7 @@ var Autocomplete_default = Autocomplete;
 import clsx6 from "clsx";
 import { forwardRef as forwardRef17, useRef as useRef10 } from "react";
 import { mergeRefs as mergeRefs2 } from "react-merge-refs";
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 var Backdrop = forwardRef17((props, ref) => {
   const _a = props, { children, className, isOpen, onClose } = _a, rest = __objRest(_a, ["children", "className", "isOpen", "onClose"]);
   const nodeRef = useRef10(null);
@@ -1646,7 +1650,7 @@ var Backdrop = forwardRef17((props, ref) => {
       leave: 300,
       mountOnEnter: true,
       unmountOnExit: true,
-      children: /* @__PURE__ */ jsx17(Portal_default, { children: /* @__PURE__ */ jsxs12(
+      children: /* @__PURE__ */ jsx17(Portal_default, { children: /* @__PURE__ */ jsxs11(
         "div",
         __spreadProps(__spreadValues({
           ref: mergeRefs2([ref, nodeRef]),
@@ -1666,9 +1670,9 @@ var Backdrop_default = Backdrop;
 
 // src/components/Badge/Badge.tsx
 import clsx7 from "clsx";
-import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 var Badge = ({ children, placement, content }) => {
-  return /* @__PURE__ */ jsxs13("div", { className: clsx7(`${PREFIX_CLS}badge-wrapper`), children: [
+  return /* @__PURE__ */ jsxs12("div", { className: clsx7(`${PREFIX_CLS}badge-wrapper`), children: [
     children,
     /* @__PURE__ */ jsx18(
       "div",
@@ -1695,14 +1699,14 @@ var Card_default = Card;
 
 // src/components/Card/CardHeader.tsx
 import { forwardRef as forwardRef19 } from "react";
-import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
 var CardHeader = forwardRef19(
   (_a, ref) => {
     var _b = _a, { as: Component = "div", className, title, subtitle, startContent, endContent } = _b, rest = __objRest(_b, ["as", "className", "title", "subtitle", "startContent", "endContent"]);
     const prefixCls = PREFIX_CLS;
-    return /* @__PURE__ */ jsxs14(Component, __spreadProps(__spreadValues({ ref, className: clsx_default(`${prefixCls}card-header`, className) }, rest), { children: [
+    return /* @__PURE__ */ jsxs13(Component, __spreadProps(__spreadValues({ ref, className: clsx_default(`${prefixCls}card-header`, className) }, rest), { children: [
       startContent && /* @__PURE__ */ jsx20("div", { className: `${prefixCls}card-header__start-content`, children: startContent }),
-      /* @__PURE__ */ jsxs14("div", { className: `${prefixCls}card-header__content`, children: [
+      /* @__PURE__ */ jsxs13("div", { className: `${prefixCls}card-header__content`, children: [
         /* @__PURE__ */ jsx20("div", { className: `${prefixCls}card-header__title`, children: title }),
         subtitle && /* @__PURE__ */ jsx20("div", { className: `${prefixCls}card-header__subtitle`, children: subtitle })
       ] }),
@@ -1715,11 +1719,11 @@ var CardHeader_default = CardHeader;
 // src/components/Chip/Chip.tsx
 import clsx8 from "clsx";
 import { forwardRef as forwardRef20 } from "react";
-import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
 var Chip = forwardRef20(
   (_a, ref) => {
     var _b = _a, { as: Component = "div", children, className, variant = "text", color = "primary", size = "md" } = _b, rest = __objRest(_b, ["as", "children", "className", "variant", "color", "size"]);
-    return /* @__PURE__ */ jsxs15(
+    return /* @__PURE__ */ jsxs14(
       Component,
       __spreadProps(__spreadValues({
         ref,
@@ -1748,14 +1752,14 @@ var Chip_default = Chip;
 import clsx9 from "clsx";
 import { forwardRef as forwardRef21, useRef as useRef11 } from "react";
 import { mergeRefs as mergeRefs3 } from "react-merge-refs";
-import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
 var Drawer = forwardRef21((props, ref) => {
   const { children, className, isOpen, size = "md", position = "left", onClose } = props;
   const nodeRef = useRef11(null);
   const handleClose = () => {
     onClose();
   };
-  return /* @__PURE__ */ jsx22(Backdrop_default, { isOpen, onClose: handleClose, children: /* @__PURE__ */ jsx22(Transition_default, { nodeRef, isOpen, name: `${PREFIX_CLS}drawer`, enter: 600, leave: 300, unmountOnExit: true, children: /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsx22(Backdrop_default, { isOpen, onClose: handleClose, children: /* @__PURE__ */ jsx22(Transition_default, { nodeRef, isOpen, name: `${PREFIX_CLS}drawer`, enter: 600, leave: 300, unmountOnExit: true, children: /* @__PURE__ */ jsxs15(
     "div",
     {
       ref: mergeRefs3([ref, nodeRef]),
@@ -1813,7 +1817,7 @@ var useMenuItemValue = () => {
 var MenuValueContext_default = MenuValueContext;
 
 // src/components/Menu/MenuItem.tsx
-import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
 var MenuItem = forwardRef22((props, ref) => {
   const _a = props, { as: Component = "div", className, style, value, title, icon, level = 1, disabled, onClick } = _a, rest = __objRest(_a, ["as", "className", "style", "value", "title", "icon", "level", "disabled", "onClick"]);
   const { value: menuValue, originalValue, navMode, onChange, onOpen, onItemSelect } = useMenu();
@@ -1833,7 +1837,7 @@ var MenuItem = forwardRef22((props, ref) => {
       onChange(mergedValues);
     }
   }, [value, originalValue, navMode]);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs16(
     Component,
     __spreadProps(__spreadValues({
       ref,
@@ -1889,7 +1893,7 @@ var addOrRemoveValueInArray = (array, value) => {
 };
 
 // src/components/Menu/MenuSubmenu.tsx
-import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
 var MenuSubmenu = (_a) => {
   var _b = _a, {
     children,
@@ -1938,8 +1942,8 @@ var MenuSubmenu = (_a) => {
     }
     onClick == null ? void 0 : onClick(event);
   };
-  return /* @__PURE__ */ jsx24(MenuValueContext_default.Provider, { value: mergedValues, children: /* @__PURE__ */ jsx24("div", { className: clsx11(`${PREFIX_CLS}menu-submenu`), children: /* @__PURE__ */ jsxs18(Collapse_default, { isOpen, children: [
-    /* @__PURE__ */ jsx24(CollapseTrigger_default, { children: /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsx24(MenuValueContext_default.Provider, { value: mergedValues, children: /* @__PURE__ */ jsx24("div", { className: clsx11(`${PREFIX_CLS}menu-submenu`), children: /* @__PURE__ */ jsxs17(Collapse_default, { isOpen, children: [
+    /* @__PURE__ */ jsx24(CollapseTrigger_default, { children: /* @__PURE__ */ jsxs17(
       "div",
       __spreadProps(__spreadValues({
         className: clsx11(
@@ -1976,7 +1980,7 @@ var MenuSubmenu = (_a) => {
 var MenuSubmenu_default = MenuSubmenu;
 
 // src/components/Menu/MenuGroup.tsx
-import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
 var MenuGroup = (_a) => {
   var _b = _a, {
     children,
@@ -2001,8 +2005,8 @@ var MenuGroup = (_a) => {
       return type === "item" ? /* @__PURE__ */ jsx25(MenuItem_default, __spreadValues({}, item), index) : type === "submenu" ? /* @__PURE__ */ jsx25(MenuSubmenu_default, __spreadValues({}, item), index) : /* @__PURE__ */ jsx25(MenuItem_default, __spreadValues({}, item), index);
     });
   }, [items]);
-  return /* @__PURE__ */ jsxs19(Fragment4, { children: [
-    /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs18(Fragment4, { children: [
+    /* @__PURE__ */ jsxs18(
       "div",
       __spreadProps(__spreadValues({
         className: clsx12(`${PREFIX_CLS}menu-group`, className),
@@ -2136,18 +2140,18 @@ var AccordionItem_default = AccordionItem;
 
 // src/components/Accordion/AccordionHeader.tsx
 import { forwardRef as forwardRef25 } from "react";
-import { jsx as jsx29, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
 var AccordionHeader = forwardRef25((props, ref) => {
   const _a = props, { className, title, subtitle, startContent, endContent } = _a, rest = __objRest(_a, ["className", "title", "subtitle", "startContent", "endContent"]);
   const prefixCls = PREFIX_CLS;
   const { isOpen } = useCollapse();
-  return /* @__PURE__ */ jsx29(CollapseTrigger_default, { children: /* @__PURE__ */ jsxs20("div", __spreadProps(__spreadValues({ ref, className: clsx_default(`${prefixCls}accordion-header`, className) }, rest), { children: [
+  return /* @__PURE__ */ jsx29(CollapseTrigger_default, { children: /* @__PURE__ */ jsxs19("div", __spreadProps(__spreadValues({ ref, className: clsx_default(`${prefixCls}accordion-header`, className) }, rest), { children: [
     startContent && /* @__PURE__ */ jsx29("div", { className: `${prefixCls}accordion-header__start-content`, children: startContent }),
-    /* @__PURE__ */ jsxs20("div", { className: `${prefixCls}accordion-header__content`, children: [
+    /* @__PURE__ */ jsxs19("div", { className: `${prefixCls}accordion-header__content`, children: [
       /* @__PURE__ */ jsx29("div", { className: `${prefixCls}accordion-header__title`, children: title }),
       subtitle && /* @__PURE__ */ jsx29("div", { className: `${prefixCls}accordion-header__subtitle`, children: subtitle })
     ] }),
-    /* @__PURE__ */ jsx29("div", { className: `${prefixCls}accordion-header__end-content`, children: /* @__PURE__ */ jsxs20("div", { className: "us-d-flex us-items-center us-gap-1", children: [
+    /* @__PURE__ */ jsx29("div", { className: `${prefixCls}accordion-header__end-content`, children: /* @__PURE__ */ jsxs19("div", { className: "us-d-flex us-items-center us-gap-1", children: [
       endContent,
       /* @__PURE__ */ jsx29(Button, { type: "button", variant: "text", color: "secondary", size: "sm", iconOnly: true, children: /* @__PURE__ */ jsx29(Icon_default, { children: isOpen ? /* @__PURE__ */ jsx29(ChevronUpIcon_default, {}) : /* @__PURE__ */ jsx29(ChevronDownIcon_default, {}) }) })
     ] }) })
@@ -2192,7 +2196,7 @@ var useTabs = () => {
 };
 
 // src/components/Tabs/Tab.tsx
-import { jsx as jsx32, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs20 } from "react/jsx-runtime";
 var Tab = forwardRef28(
   (_a, ref) => {
     var _b = _a, {
@@ -2267,7 +2271,7 @@ var Tab = forwardRef28(
         tabs.previousTabRef.current = tabRef.current;
       }
     }, [value, tabs.value]);
-    return /* @__PURE__ */ jsxs21(
+    return /* @__PURE__ */ jsxs20(
       Component,
       __spreadProps(__spreadValues({
         ref: mergeRefs4(tabRef, ref, (el) => tabs.tabRefs.current[value] = el),
@@ -2281,10 +2285,10 @@ var Tab = forwardRef28(
       }, rest), {
         children: [
           /* @__PURE__ */ jsx32("div", { className: `${prefixCls}overlay`, children: /* @__PURE__ */ jsx32("div", { className: `${prefixCls}overlay__surface` }) }),
-          /* @__PURE__ */ jsxs21("div", { className: `${prefixCls}tab__content`, children: [
+          /* @__PURE__ */ jsxs20("div", { className: `${prefixCls}tab__content`, children: [
             startContent && /* @__PURE__ */ jsx32("div", { className: `${prefixCls}tab__start-content`, children: startContent }),
             children,
-            endContent || closable && /* @__PURE__ */ jsxs21("div", { className: `${prefixCls}tab__end-content`, children: [
+            endContent || closable && /* @__PURE__ */ jsxs20("div", { className: `${prefixCls}tab__end-content`, children: [
               endContent,
               closable && /* @__PURE__ */ jsx32(Button, { variant: "text", color: "secondary", iconOnly: true, size: "xs", onClick: handleClose, children: /* @__PURE__ */ jsx32(Icon_default, { children: /* @__PURE__ */ jsx32(CloseIcon_default, {}) }) })
             ] })
@@ -2299,7 +2303,7 @@ var Tab = forwardRef28(
 // src/components/Tabs/Tabs.tsx
 import clsx15 from "clsx";
 import { useEffect as useEffect18, useRef as useRef13, useState as useState12 } from "react";
-import { jsx as jsx33, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs21 } from "react/jsx-runtime";
 var Tabs = (_a) => {
   var _b = _a, {
     children,
@@ -2361,7 +2365,7 @@ var Tabs = (_a) => {
       setSelfValue(item == null ? void 0 : item.value);
     }
   }, [value, items]);
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs21(
     TabsContext.Provider,
     {
       value: { previousTabRef, tabRefs, value: selfValue, onChange: handleChange, onClose: handleClose, registerItem },
@@ -2383,7 +2387,7 @@ var Tabs = (_a) => {
 
 // src/components/Toolbar/Toolbar.tsx
 import clsx16 from "clsx";
-import { Fragment as Fragment5, jsx as jsx34, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx34, jsxs as jsxs22 } from "react/jsx-runtime";
 var Toolbar = (props) => {
   const _a = props, {
     children,
@@ -2407,11 +2411,11 @@ var Toolbar = (props) => {
     "subtitle"
   ]);
   const prefixCls = PREFIX_CLS;
-  return /* @__PURE__ */ jsxs23("div", __spreadProps(__spreadValues({ className: clsx16(`${prefixCls}toolbar`, { [`${prefixCls}toolbar--${size}`]: size }, className) }, rest), { children: [
+  return /* @__PURE__ */ jsxs22("div", __spreadProps(__spreadValues({ className: clsx16(`${prefixCls}toolbar`, { [`${prefixCls}toolbar--${size}`]: size }, className) }, rest), { children: [
     /* @__PURE__ */ jsx34("div", { className: `${prefixCls}outline-b` }),
-    /* @__PURE__ */ jsxs23("div", { className: clsx16(`${prefixCls}toolbar__container`), children: [
+    /* @__PURE__ */ jsxs22("div", { className: clsx16(`${prefixCls}toolbar__container`), children: [
       startContent ? /* @__PURE__ */ jsx34("div", { className: clsx16(`${prefixCls}toolbar__start-content`), children: startContent }) : startAction && /* @__PURE__ */ jsx34("div", { className: clsx16(`${prefixCls}toolbar__start-action`), children: startAction }),
-      /* @__PURE__ */ jsx34("div", { className: clsx16(`${prefixCls}toolbar__content`), children: title || subtitle ? /* @__PURE__ */ jsxs23(Fragment5, { children: [
+      /* @__PURE__ */ jsx34("div", { className: clsx16(`${prefixCls}toolbar__content`), children: title || subtitle ? /* @__PURE__ */ jsxs22(Fragment5, { children: [
         title && /* @__PURE__ */ jsx34("div", { className: clsx16(`${prefixCls}toolbar__title`), children: title }),
         subtitle && /* @__PURE__ */ jsx34("div", { className: clsx16(`${prefixCls}toolbar__subtitle`), children: subtitle })
       ] }) : children }),
@@ -2423,7 +2427,7 @@ var Toolbar_default = Toolbar;
 
 // src/components/TextInput/TextInput.tsx
 import { forwardRef as forwardRef29, useRef as useRef14, useState as useState13 } from "react";
-import { jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs23 } from "react/jsx-runtime";
 var TextInput = forwardRef29(
   (_a, ref) => {
     var _b = _a, { className, value, defaultValue, disabled, inputRef, startContent, endContent, style, onChange, onClick } = _b, rest = __objRest(_b, ["className", "value", "defaultValue", "disabled", "inputRef", "startContent", "endContent", "style", "onChange", "onClick"]);
@@ -2438,7 +2442,7 @@ var TextInput = forwardRef29(
       onClick == null ? void 0 : onClick(event);
       (_a2 = selfInputRef == null ? void 0 : selfInputRef.current) == null ? void 0 : _a2.focus();
     };
-    return /* @__PURE__ */ jsxs24(
+    return /* @__PURE__ */ jsxs23(
       "div",
       {
         ref,
@@ -2457,7 +2461,7 @@ var TextInput = forwardRef29(
         onClick: handleClick,
         children: [
           /* @__PURE__ */ jsx35("div", { className: `${prefixCls}outline` }),
-          /* @__PURE__ */ jsxs24("div", { className: `${prefixCls}input__content`, children: [
+          /* @__PURE__ */ jsxs23("div", { className: `${prefixCls}input__content`, children: [
             startContent && /* @__PURE__ */ jsx35("div", { className: `${prefixCls}input__start-content`, children: startContent }),
             /* @__PURE__ */ jsx35(
               "input",
@@ -2482,7 +2486,7 @@ var TextInput_default = TextInput;
 // src/components/Switch/Switch.tsx
 import clsx17 from "clsx";
 import { forwardRef as forwardRef30, useEffect as useEffect19, useState as useState14 } from "react";
-import { jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs24 } from "react/jsx-runtime";
 var Switch = forwardRef30(
   (_a, ref) => {
     var _b = _a, {
@@ -2519,7 +2523,7 @@ var Switch = forwardRef30(
         setSelfChecked(checkedProp);
       }
     }, [checkedProp]);
-    return /* @__PURE__ */ jsxs25(
+    return /* @__PURE__ */ jsxs24(
       "label",
       __spreadProps(__spreadValues({
         ref,
@@ -2743,7 +2747,7 @@ var SelectVirtual = () => {
 var SelectVirtual_default = SelectVirtual;
 
 // src/components/Select/Select.tsx
-import { jsx as jsx39, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs25 } from "react/jsx-runtime";
 var Select = (props) => {
   const {
     data,
@@ -2756,6 +2760,7 @@ var Select = (props) => {
     disclosure: disclosureProp,
     virtual,
     placeholder,
+    className,
     style,
     startContent,
     endContent,
@@ -2881,7 +2886,7 @@ var Select = (props) => {
         setOffset,
         renderItem
       },
-      children: /* @__PURE__ */ jsxs26(
+      children: /* @__PURE__ */ jsxs25(
         Popover_default,
         __spreadProps(__spreadValues({
           target: true
@@ -2891,13 +2896,17 @@ var Select = (props) => {
           onClose: handleClose,
           autoClose: "outside",
           children: [
-            /* @__PURE__ */ jsx39(PopoverTrigger_default, { children: /* @__PURE__ */ jsxs26(
+            /* @__PURE__ */ jsx39(PopoverTrigger_default, { children: /* @__PURE__ */ jsxs25(
               "div",
               {
-                className: clsx_default(`${prefixCls}input`, {
-                  [`${prefixCls}input--focus`]: focus,
-                  [`${prefixCls}input--disabled`]: disabled
-                }),
+                className: clsx_default(
+                  `${prefixCls}input`,
+                  {
+                    [`${prefixCls}input--focus`]: focus,
+                    [`${prefixCls}input--disabled`]: disabled
+                  },
+                  className
+                ),
                 style,
                 onClick: handleClick,
                 onFocus: () => {
@@ -2909,10 +2918,10 @@ var Select = (props) => {
                 children: [
                   /* @__PURE__ */ jsx39("input", { type: "text", ref: inputRef, style: { position: "absolute", opacity: 0 } }),
                   /* @__PURE__ */ jsx39("div", { className: `${prefixCls}outline` }),
-                  /* @__PURE__ */ jsxs26("div", { className: `${prefixCls}input__content`, children: [
+                  /* @__PURE__ */ jsxs25("div", { className: `${prefixCls}input__content`, children: [
                     startContent && /* @__PURE__ */ jsx39("div", { className: `${prefixCls}input__start-content`, children: startContent }),
                     /* @__PURE__ */ jsx39("div", { className: `${prefixCls}input__field`, children: search || placeholder }),
-                    /* @__PURE__ */ jsxs26("div", { className: `${prefixCls}input__end-content`, children: [
+                    /* @__PURE__ */ jsxs25("div", { className: `${prefixCls}input__end-content`, children: [
                       endContent,
                       loading ? /* @__PURE__ */ jsx39(Icon_default, { children: /* @__PURE__ */ jsx39(LoaderIcon_default, { className: `${prefixCls}animation-spin` }) }) : /* @__PURE__ */ jsx39(Button, { color: "secondary", variant: "plain", size: "xs", iconOnly: true, onClick: handleClear, children: /* @__PURE__ */ jsx39(Icon_default, { children: /* @__PURE__ */ jsx39(CloseIcon_default, {}) }) }),
                       /* @__PURE__ */ jsx39("div", { style: { pointerEvents: "none" }, children: /* @__PURE__ */ jsx39(Icon_default, { children: disclosure.isOpen ? /* @__PURE__ */ jsx39(ChevronUpIcon_default, {}) : /* @__PURE__ */ jsx39(ChevronDownIcon_default, {}) }) })
@@ -2932,11 +2941,11 @@ var Select_default = Select;
 
 // src/components/Field/Field.tsx
 import { forwardRef as forwardRef31 } from "react";
-import { jsx as jsx40, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs26 } from "react/jsx-runtime";
 var Field = forwardRef31(({ children, label }, ref) => {
   {
     const prefixCls = PREFIX_CLS;
-    return /* @__PURE__ */ jsxs27("div", { ref, className: clsx_default(`${prefixCls}field`), children: [
+    return /* @__PURE__ */ jsxs26("div", { ref, className: clsx_default(`${prefixCls}field`), children: [
       /* @__PURE__ */ jsx40("div", { className: `${prefixCls}field__label`, children: label }),
       /* @__PURE__ */ jsx40("div", { className: `${prefixCls}field__content`, children })
     ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unifiedsoftware/react-ui",
-  "version": "1.0.20",
+  "version": "1.0.21",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [