ui-beyable 1.1.0-beta.16 → 1.1.0-beta.17

package/lib/cjs/components/Listbox/Listbox.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { IListbox, IListboxItem } from './types';
-declare function Listbox({ children, hasBorder, className }: IListbox): JSX.Element;
-declare function ListboxItem({ children, message, description, imageUrl, tooltip, tooltipHTML, onClick, onMouseEnter, href, target, rel, selected, hasSelectedIcon, hasCheckbox, disabled, size, className, icon, iconCustom, capitalize }: IListboxItem): JSX.Element;
+import { IListbox, IListboxItem, IListboxGroupLabel } from './types';
+declare function Listbox({ children, hasBorder, className, direction, appearance, groupLabel }: IListbox): JSX.Element;
+declare function ListboxItem({ children, message, description, imageUrl, tooltip, tooltipHTML, onClick, onMouseEnter, href, target, rel, selected, hasSelectedColor, hasSelectedIcon, hasCheckbox, hasRadio, disabled, size, className, style, icon, customIcon, lucideIcon, capitalize }: IListboxItem): JSX.Element;
 declare function ListboxSep(): JSX.Element;
-export { Listbox, ListboxItem, ListboxSep };
+declare function ListboxGroupLabel({ children }: IListboxGroupLabel): JSX.Element;
+export { Listbox, ListboxItem, ListboxSep, ListboxGroupLabel };

package/lib/cjs/components/Listbox/types.d.ts

@@ -3,6 +3,9 @@ interface IListbox {
     children: React.ReactNode;
     hasBorder?: boolean;
     className?: string;
+    direction?: 'column' | 'row';
+    appearance?: 'iconSelector';
+    groupLabel?: React.ReactNode | string;
 }
 interface IListboxItem {
     children?: React.ReactNode;
@@ -17,13 +20,20 @@ interface IListboxItem {
     target?: string;
     rel?: string;
     selected?: boolean;
+    hasSelectedColor?: boolean;
     hasSelectedIcon?: boolean;
     hasCheckbox?: boolean;
+    hasRadio?: boolean;
     disabled?: boolean;
     capitalize?: boolean;
     size?: 'm' | 'l' | 'xl';
     className?: string;
+    style?: React.CSSProperties;
     icon?: string;
-    iconCustom?: React.ReactNode;
+    customIcon?: React.ReactElement;
+    lucideIcon?: React.ReactElement;
 }
-export { IListbox, IListboxItem };
+interface IListboxGroupLabel {
+    children?: React.ReactNode;
+}
+export { IListbox, IListboxItem, IListboxGroupLabel };

package/lib/cjs/index.js

@@ -3658,12 +3658,12 @@ function KpiItem(_a) {
                 React.createElement("div", null, variationEl))));
 }
 
-var css_248z$7 = ".Listbox-module_listbox__lSHQo{margin:0;max-width:min(90vw,700px)}.Listbox-module_listbox__lSHQo li{list-style-image:none;margin:0;padding:0;position:relative}.Listbox-module_listbox_has_border__s3OZ2>li+li{border-top:1px solid #eeeff4}.Listbox-module_listbox__lSHQo .Listbox-module_item__XHJx0{border:none;color:inherit;display:block;font-size:14px;line-height:1.3em;margin:0;overflow:hidden;padding-left:1em;padding-right:2em;-moz-user-select:none;-webkit-user-select:none;user-select:none;white-space:nowrap;word-break:normal}.Listbox-module_listbox__lSHQo .Listbox-module_item_size_m__cmYwG{padding-bottom:.5em;padding-top:.5em}.Listbox-module_listbox__lSHQo .Listbox-module_item_size_l__gm-GT{padding-bottom:.7em;padding-top:.7em}.Listbox-module_listbox__lSHQo .Listbox-module_item_size_xl__NBJPj{font-size:inherit;padding-bottom:1em;padding-left:1.3em;padding-top:1em}.Listbox-module_listbox__lSHQo .Listbox-module_item_enabled__qQSAG{cursor:pointer}.Listbox-module_listbox__lSHQo .Listbox-module_item_enabled__qQSAG:hover{background-color:#f7f8fa;text-decoration:none}.Listbox-module_listbox__lSHQo .Listbox-module_item_disabled__GouhS{cursor:default;opacity:.5}.Listbox-module_listbox__lSHQo .Listbox-module_item_selected__yNX-f{background-color:#f7f8fa}.Listbox-module_listbox__lSHQo .Listbox-module_item_right__BlEbH{padding-right:1em}.Listbox-module_listbox__lSHQo .Listbox-module_item_icon__9KlaJ{color:var(--grey-3);margin-right:10px}.Listbox-module_listbox__lSHQo .Listbox-module_item_size_xl__NBJPj .Listbox-module_item_icon__9KlaJ{font-size:18px;margin-right:14px}.Listbox-module_listbox__lSHQo .Listbox-module_listbox_sep__qLfEB{border-top:1px solid #e2e4ed;margin:8px 0}.Listbox-module_listbox__lSHQo .Listbox-module_item_flex__-swao{align-items:center;display:flex}.Listbox-module_listbox__lSHQo .Listbox-module_item_left__v6ope{flex:0 0 auto}.Listbox-module_listbox__lSHQo .Listbox-module_item_center__8PFRn{flex:1 1 auto}.Listbox-module_listbox__lSHQo .Listbox-module_item_capitalize__qrJDq .Listbox-module_item_center__8PFRn{text-transform:capitalize}.Listbox-module_listbox__lSHQo .Listbox-module_item_title__axxys{font-size:15px;font-weight:500}.Listbox-module_listbox__lSHQo .Listbox-module_item_desc__pR2Td{color:#5d637e;display:block;font-size:13px;margin-top:2px}.Listbox-module_listbox__lSHQo .Listbox-module_item_check__tQisH{color:#757b96;margin-left:16px;margin-right:-12px}.Listbox-module_listbox__lSHQo .Listbox-module_item_img__qc5Nw{display:block;margin-top:4px;max-width:400px}.Listbox-module_listbox__lSHQo li+.Listbox-module_hr__lodbh+li{border-top:1px solid #eee;margin-top:.416em;padding-top:.416em}.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li{border:0!important;margin:0!important;padding:0!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpc3Rib3gubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSwrQkFDQyxRQUFTLENBQ1QseUJBQ0QsQ0FDQSxrQ0FJQyxxQkFBc0IsQ0FIdEIsUUFBUyxDQUNULFNBQVUsQ0FDVixpQkFFRCxDQUNBLGdEQUNDLDRCQUNELENBR0EsMkRBRUMsV0FBWSxDQUlaLGFBQWMsQ0FMZCxhQUFjLENBRWQsY0FBZSxDQUNmLGlCQUFrQixDQUNsQixRQUFTLENBRVQsZUFBZ0IsQ0FPYixnQkFBaUIsQ0FDakIsaUJBQWtCLENBTHJCLHFCQUFzQixDQUN0Qix3QkFBeUIsQ0FFekIsZ0JBQWlCLENBSmpCLGtCQUFtQixDQURuQixpQkFRRCxDQUNBLGtFQUVDLG1CQUFvQixDQURqQixnQkFFSixDQUNBLGtFQUVDLG1CQUFvQixDQURwQixnQkFFRCxDQUNBLG1FQUlDLGlCQUFrQixDQUZsQixrQkFBbUIsQ0FDbkIsa0JBQW1CLENBRm5CLGVBSUQsQ0FDQSxtRUFDQyxjQUNELENBQ0EseUVBQ0Msd0JBQXlCLENBQ3pCLG9CQUNELENBQ0Esb0VBRUMsY0FBZSxDQURmLFVBRUQsQ0FDQSxvRUFDQyx3QkFDRCxDQUVBLGlFQUNDLGlCQUNELENBRUEsZ0VBRUMsbUJBQW9CLENBRHBCLGlCQUVELENBRUEsb0dBRUMsY0FBZSxDQURmLGlCQUVELENBRUEsa0VBRUMsNEJBQTZCLENBRDdCLFlBRUQsQ0FFQSxnRUFFQyxrQkFBbUIsQ0FEbkIsWUFFRCxDQUNBLGdFQUNDLGFBQ0QsQ0FDQSxrRUFDQyxhQUNELENBRUEseUdBQ0MseUJBQ0QsQ0FFQSxpRUFDQyxjQUFlLENBQ2YsZUFDRCxDQUNBLGdFQUdDLGFBQWMsQ0FGZCxhQUFjLENBQ2QsY0FBZSxDQUVmLGNBQ0QsQ0FDQSxpRUFHQyxhQUFjLENBRGQsZ0JBQWlCLENBRGpCLGtCQUdELENBQ0EsK0RBQ0MsYUFBYyxDQUVkLGNBQWUsQ0FEZixlQUVELENBR0EsK0RBR0MseUJBQTBCLENBRjFCLGlCQUFrQixDQUNsQixrQkFFRCxDQUNBLHFzREFZQyxrQkFBb0IsQ0FGcEIsa0JBQW9CLENBQ3BCLG1CQUVEIiwiZmlsZSI6Ikxpc3Rib3gubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5saXN0Ym94e1xyXG5cdG1hcmdpbjogMDtcclxuXHRtYXgtd2lkdGg6IG1pbig5MHZ3LCA3MDBweCk7XHJcbn1cclxuLmxpc3Rib3ggbGl7XHJcblx0bWFyZ2luOiAwO1xyXG5cdHBhZGRpbmc6IDA7XHJcblx0cG9zaXRpb246IHJlbGF0aXZlO1xyXG5cdGxpc3Qtc3R5bGUtaW1hZ2U6IG5vbmU7XHJcbn1cclxuLmxpc3Rib3hfaGFzX2JvcmRlciA+IGxpICsgbGl7XHJcblx0Ym9yZGVyLXRvcDogc29saWQgMXB4ICNFRUVGRjQ7XHJcbn1cclxuXHJcbi8qIElURU0gKi9cclxuLmxpc3Rib3ggLml0ZW17XHJcblx0ZGlzcGxheTogYmxvY2s7XHJcblx0Ym9yZGVyOiBub25lO1xyXG5cdGZvbnQtc2l6ZTogMTRweDtcclxuXHRsaW5lLWhlaWdodDogMS4zZW07XHJcblx0bWFyZ2luOiAwO1xyXG5cdGNvbG9yOiBpbmhlcml0O1xyXG5cdG92ZXJmbG93OiBoaWRkZW47XHJcblx0d29yZC1icmVhazogbm9ybWFsO1xyXG5cdHdoaXRlLXNwYWNlOiBub3dyYXA7XHJcblx0LW1vei11c2VyLXNlbGVjdDogbm9uZTtcclxuXHQtd2Via2l0LXVzZXItc2VsZWN0OiBub25lO1xyXG5cdC1tcy11c2VyLXNlbGVjdDogbm9uZTtcclxuXHR1c2VyLXNlbGVjdDogbm9uZTtcclxuICAgIHBhZGRpbmctbGVmdDogMWVtO1xyXG4gICAgcGFkZGluZy1yaWdodDogMmVtO1xyXG59XHJcbi5saXN0Ym94IC5pdGVtX3NpemVfbSB7XHJcbiAgICBwYWRkaW5nLXRvcDogLjVlbTtcclxuXHRwYWRkaW5nLWJvdHRvbTogLjVlbTtcclxufVxyXG4ubGlzdGJveCAuaXRlbV9zaXplX2wge1xyXG5cdHBhZGRpbmctdG9wOiAuN2VtO1xyXG5cdHBhZGRpbmctYm90dG9tOiAuN2VtO1xyXG59XHJcbi5saXN0Ym94IC5pdGVtX3NpemVfeGwge1xyXG5cdHBhZGRpbmctdG9wOiAxZW07XHJcblx0cGFkZGluZy1ib3R0b206IDFlbTtcclxuXHRwYWRkaW5nLWxlZnQ6IDEuM2VtO1xyXG5cdGZvbnQtc2l6ZTogaW5oZXJpdDtcclxufVxyXG4ubGlzdGJveCAuaXRlbV9lbmFibGVke1xyXG5cdGN1cnNvcjogcG9pbnRlcjtcclxufVxyXG4ubGlzdGJveCAuaXRlbV9lbmFibGVkOmhvdmVye1xyXG5cdGJhY2tncm91bmQtY29sb3I6ICNGN0Y4RkE7XHJcblx0dGV4dC1kZWNvcmF0aW9uOiBub25lO1xyXG59XHJcbi5saXN0Ym94IC5pdGVtX2Rpc2FibGVke1xyXG5cdG9wYWNpdHk6IC41O1xyXG5cdGN1cnNvcjogZGVmYXVsdDtcclxufVxyXG4ubGlzdGJveCAuaXRlbV9zZWxlY3RlZHtcclxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjRjdGOEZBO1xyXG59XHJcblxyXG4ubGlzdGJveCAuaXRlbV9yaWdodHtcclxuXHRwYWRkaW5nLXJpZ2h0OiAxZW07XHJcbn1cclxuXHJcbi5saXN0Ym94IC5pdGVtX2ljb257XHJcblx0bWFyZ2luLXJpZ2h0OiAxMHB4O1xyXG5cdGNvbG9yOiB2YXIoLS1ncmV5LTMpO1xyXG59XHJcblxyXG4ubGlzdGJveCAuaXRlbV9zaXplX3hsIC5pdGVtX2ljb24ge1xyXG5cdG1hcmdpbi1yaWdodDogMTRweDtcclxuXHRmb250LXNpemU6IDE4cHg7XHJcbn1cclxuXHJcbi5saXN0Ym94IC5saXN0Ym94X3NlcHtcclxuXHRtYXJnaW46IDhweCAwO1xyXG5cdGJvcmRlci10b3A6IHNvbGlkIDFweCAjRTJFNEVEO1xyXG59XHJcblxyXG4ubGlzdGJveCAuaXRlbV9mbGV4IHtcclxuXHRkaXNwbGF5OiBmbGV4O1xyXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbn1cclxuLmxpc3Rib3ggLml0ZW1fbGVmdCB7XHJcblx0ZmxleDogMCAwIGF1dG87XHJcbn1cclxuLmxpc3Rib3ggLml0ZW1fY2VudGVyIHtcclxuXHRmbGV4OiAxIDEgYXV0bztcclxufVxyXG5cclxuLmxpc3Rib3ggLml0ZW1fY2FwaXRhbGl6ZSAuaXRlbV9jZW50ZXIge1xyXG5cdHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xyXG59XHJcblxyXG4ubGlzdGJveCAuaXRlbV90aXRsZXtcclxuXHRmb250LXNpemU6IDE1cHg7XHJcblx0Zm9udC13ZWlnaHQ6IDUwMDtcclxufVxyXG4ubGlzdGJveCAuaXRlbV9kZXNje1xyXG5cdGRpc3BsYXk6IGJsb2NrO1xyXG5cdGZvbnQtc2l6ZTogMTNweDtcclxuXHRjb2xvcjogIzVkNjM3ZTtcclxuXHRtYXJnaW4tdG9wOiAycHg7XHJcbn1cclxuLmxpc3Rib3ggLml0ZW1fY2hlY2t7XHJcblx0bWFyZ2luLXJpZ2h0OiAtMTJweDtcclxuXHRtYXJnaW4tbGVmdDogMTZweDtcclxuXHRjb2xvcjogIzc1N2I5NjtcclxufVxyXG4ubGlzdGJveCAuaXRlbV9pbWcge1xyXG5cdGRpc3BsYXk6IGJsb2NrO1xyXG5cdG1heC13aWR0aDogNDAwcHg7XHJcblx0bWFyZ2luLXRvcDogNHB4O1xyXG59XHJcblxyXG4vKiBTbWFydCBIUiAqL1xyXG4ubGlzdGJveCBsaSsuaHIrbGl7XHJcblx0bWFyZ2luLXRvcDogLjQxNmVtO1xyXG5cdHBhZGRpbmctdG9wOiAuNDE2ZW07XHJcblx0Ym9yZGVyLXRvcDogc29saWQgMXB4ICNlZWU7XHJcbn1cclxuLmxpc3Rib3ggbGkuaHI6Zmlyc3QtY2hpbGQrbGksXHJcbi5saXN0Ym94IGxpLmhyOmZpcnN0LWNoaWxkK2xpLmhyK2xpLFxyXG4ubGlzdGJveCBsaS5ocjpmaXJzdC1jaGlsZCtsaS5ocitsaS5ocitsaSxcclxuLmxpc3Rib3ggbGkuaHI6Zmlyc3QtY2hpbGQrbGkuaHIrbGkuaHIrbGkuaHIrbGksXHJcbi5saXN0Ym94IGxpLmhyOmZpcnN0LWNoaWxkK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLFxyXG4ubGlzdGJveCBsaS5ocjpmaXJzdC1jaGlsZCtsaS5ocitsaS5ocitsaS5ocitsaS5ocitsaS5ocitsaSxcclxuLmxpc3Rib3ggbGkuaHI6Zmlyc3QtY2hpbGQrbGkuaHIrbGkuaHIrbGkuaHIrbGkuaHIrbGkuaHIrbGkuaHIrbGksXHJcbi5saXN0Ym94IGxpLmhyOmZpcnN0LWNoaWxkK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLFxyXG4ubGlzdGJveCBsaS5ocjpmaXJzdC1jaGlsZCtsaS5ocitsaS5ocitsaS5ocitsaS5ocitsaS5ocitsaS5ocitsaS5ocitsaS5ocitsaSxcclxuLmxpc3Rib3ggbGkuaHJ7XHJcblx0bWFyZ2luOiAwICFpbXBvcnRhbnQ7XHJcblx0cGFkZGluZzogMCAhaW1wb3J0YW50O1xyXG5cdGJvcmRlcjogMCAhaW1wb3J0YW50O1xyXG59XHJcbiJdfQ== */";
-var styles$5 = {"listbox":"Listbox-module_listbox__lSHQo","listbox_has_border":"Listbox-module_listbox_has_border__s3OZ2","item":"Listbox-module_item__XHJx0","item_size_m":"Listbox-module_item_size_m__cmYwG","item_size_l":"Listbox-module_item_size_l__gm-GT","item_size_xl":"Listbox-module_item_size_xl__NBJPj","item_enabled":"Listbox-module_item_enabled__qQSAG","item_disabled":"Listbox-module_item_disabled__GouhS","item_selected":"Listbox-module_item_selected__yNX-f","item_right":"Listbox-module_item_right__BlEbH","item_icon":"Listbox-module_item_icon__9KlaJ","listbox_sep":"Listbox-module_listbox_sep__qLfEB","item_flex":"Listbox-module_item_flex__-swao","item_left":"Listbox-module_item_left__v6ope","item_center":"Listbox-module_item_center__8PFRn","item_capitalize":"Listbox-module_item_capitalize__qrJDq","item_title":"Listbox-module_item_title__axxys","item_desc":"Listbox-module_item_desc__pR2Td","item_check":"Listbox-module_item_check__tQisH","item_img":"Listbox-module_item_img__qc5Nw","hr":"Listbox-module_hr__lodbh","listboxHasBorder":"Listbox-module_listbox_has_border__s3OZ2","itemSizeM":"Listbox-module_item_size_m__cmYwG","itemSizeL":"Listbox-module_item_size_l__gm-GT","itemSizeXl":"Listbox-module_item_size_xl__NBJPj","itemEnabled":"Listbox-module_item_enabled__qQSAG","itemDisabled":"Listbox-module_item_disabled__GouhS","itemSelected":"Listbox-module_item_selected__yNX-f","itemRight":"Listbox-module_item_right__BlEbH","itemIcon":"Listbox-module_item_icon__9KlaJ","listboxSep":"Listbox-module_listbox_sep__qLfEB","itemFlex":"Listbox-module_item_flex__-swao","itemLeft":"Listbox-module_item_left__v6ope","itemCenter":"Listbox-module_item_center__8PFRn","itemCapitalize":"Listbox-module_item_capitalize__qrJDq","itemTitle":"Listbox-module_item_title__axxys","itemDesc":"Listbox-module_item_desc__pR2Td","itemCheck":"Listbox-module_item_check__tQisH","itemImg":"Listbox-module_item_img__qc5Nw"};
+var css_248z$7 = ".Listbox-module_listbox__lSHQo{margin:0;max-width:min(90vw,700px)}.Listbox-module_listbox__lSHQo li{list-style-image:none;margin:0;padding:0;position:relative}.Listbox-module_listbox_has_border__s3OZ2>li+li{border-top:1px solid var(--main-border-color)}.Listbox-module_listbox_direction_row__eC0lF{display:flex;flex-wrap:wrap}.Listbox-module_listbox_appearance_iconSelector__pgsLi{gap:10px;padding-left:1em;padding-right:1em}.Listbox-module_listbox__lSHQo .Listbox-module_item__XHJx0{border:none;color:inherit;display:block;font-size:14px;line-height:1.3em;margin:0;overflow:hidden;padding-left:1em;padding-right:2em;-moz-user-select:none;-webkit-user-select:none;user-select:none;white-space:nowrap;word-break:normal}.Listbox-module_listbox_direction_row__eC0lF .Listbox-module_item__XHJx0{padding-right:1em}.Listbox-module_listbox__lSHQo .Listbox-module_item_size_m__cmYwG{padding-bottom:.5em;padding-top:.5em}.Listbox-module_listbox__lSHQo .Listbox-module_item_size_l__gm-GT{padding-bottom:.7em;padding-top:.7em}.Listbox-module_listbox__lSHQo .Listbox-module_item_size_xl__NBJPj{padding-bottom:1em;padding-left:1.3em;padding-top:1em}.Listbox-module_listbox_direction_row__eC0lF .Listbox-module_item_size_xl__NBJPj{padding-right:1.3em}.Listbox-module_listbox__lSHQo .Listbox-module_item_enabled__qQSAG{cursor:pointer}.Listbox-module_listbox__lSHQo .Listbox-module_item_enabled__qQSAG:hover{background-color:#f7f8fa;text-decoration:none}.Listbox-module_listbox__lSHQo .Listbox-module_item_disabled__GouhS{cursor:default;opacity:.5}.Listbox-module_listbox__lSHQo .Listbox-module_item_selected__yNX-f{background-color:#f7f8fa}.Listbox-module_listbox__lSHQo .Listbox-module_item_right__BlEbH{padding-right:1em}.Listbox-module_listbox__lSHQo .Listbox-module_item_icon__9KlaJ{color:var(--grey-3);margin-right:10px}.Listbox-module_listbox__lSHQo .Listbox-module_item_icon__9KlaJ svg{display:block;font-size:20px}.Listbox-module_listbox__lSHQo .Listbox-module_listbox_sep__qLfEB{border-top:1px solid var(--main-border-color);margin:8px 0}.Listbox-module_listbox__lSHQo .Listbox-module_item_flex__-swao{align-items:center;display:flex}.Listbox-module_listbox__lSHQo .Listbox-module_item_left__v6ope{flex:0 0 auto}.Listbox-module_listbox__lSHQo .Listbox-module_item_center__8PFRn{flex:1 1 auto}.Listbox-module_listbox__lSHQo .Listbox-module_item_capitalize__qrJDq .Listbox-module_item_center__8PFRn{text-transform:capitalize}.Listbox-module_listbox__lSHQo .Listbox-module_item_title__axxys{font-size:15px;font-weight:500}.Listbox-module_listbox__lSHQo .Listbox-module_item_desc__pR2Td{color:#5d637e;display:block;font-size:13px;margin-top:2px}.Listbox-module_listbox__lSHQo .Listbox-module_item_check__tQisH{color:#757b96;margin-left:16px;margin-right:-12px}.Listbox-module_listbox__lSHQo .Listbox-module_item_img__qc5Nw{display:block;margin-top:4px;max-width:400px}.Listbox-module_listbox_appearance_iconSelector__pgsLi .Listbox-module_item__XHJx0{border:1px solid var(--main-border-color);border-radius:5px}.Listbox-module_groupLabel__Knz6J{color:var(--grey-1);font-size:13px;font-weight:500;padding:.5em 1em;text-transform:uppercase}.Listbox-module_listbox__lSHQo+.Listbox-module_groupLabel__Knz6J{margin-top:.5em}.Listbox-module_listbox__lSHQo li+.Listbox-module_hr__lodbh+li{border-top:1px solid var(--main-border-color);margin-top:.416em;padding-top:.416em}.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li{border:0!important;margin:0!important;padding:0!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpc3Rib3gubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSwrQkFDQyxRQUFTLENBQ1QseUJBQ0QsQ0FDQSxrQ0FJQyxxQkFBc0IsQ0FIdEIsUUFBUyxDQUNULFNBQVUsQ0FDVixpQkFFRCxDQUNBLGdEQUNDLDZDQUNELENBQ0EsNkNBQ0MsWUFBYSxDQUNiLGNBQ0QsQ0FDQSx1REFDQyxRQUFTLENBQ1QsZ0JBQWlCLENBQ2pCLGlCQUNELENBR0EsMkRBRUMsV0FBWSxDQUlaLGFBQWMsQ0FMZCxhQUFjLENBRWQsY0FBZSxDQUNmLGlCQUFrQixDQUNsQixRQUFTLENBRVQsZUFBZ0IsQ0FPYixnQkFBaUIsQ0FDakIsaUJBQWtCLENBTHJCLHFCQUFzQixDQUN0Qix3QkFBeUIsQ0FFekIsZ0JBQWlCLENBSmpCLGtCQUFtQixDQURuQixpQkFRRCxDQUNBLHlFQUNDLGlCQUNELENBQ0Esa0VBRUMsbUJBQW9CLENBRGpCLGdCQUVKLENBQ0Esa0VBRUMsbUJBQW9CLENBRHBCLGdCQUVELENBQ0EsbUVBRUMsa0JBQW1CLENBQ25CLGtCQUFtQixDQUZuQixlQUdELENBQ0EsaUZBQ0MsbUJBQ0QsQ0FDQSxtRUFDQyxjQUNELENBQ0EseUVBQ0Msd0JBQXlCLENBQ3pCLG9CQUNELENBQ0Esb0VBRUMsY0FBZSxDQURmLFVBRUQsQ0FDQSxvRUFDQyx3QkFDRCxDQUVBLGlFQUNDLGlCQUNELENBRUEsZ0VBRUMsbUJBQW9CLENBRHBCLGlCQUVELENBQ0Esb0VBQ0MsYUFBYyxDQUNkLGNBQ0QsQ0FFQSxrRUFFQyw2Q0FBOEMsQ0FEOUMsWUFFRCxDQUVBLGdFQUVDLGtCQUFtQixDQURuQixZQUVELENBQ0EsZ0VBQ0MsYUFDRCxDQUNBLGtFQUNDLGFBQ0QsQ0FFQSx5R0FDQyx5QkFDRCxDQUVBLGlFQUNDLGNBQWUsQ0FDZixlQUNELENBQ0EsZ0VBR0MsYUFBYyxDQUZkLGFBQWMsQ0FDZCxjQUFlLENBRWYsY0FDRCxDQUNBLGlFQUdDLGFBQWMsQ0FEZCxnQkFBaUIsQ0FEakIsa0JBR0QsQ0FDQSwrREFDQyxhQUFjLENBRWQsY0FBZSxDQURmLGVBRUQsQ0FFQSxtRkFDQyx5Q0FBMEMsQ0FDMUMsaUJBQ0QsQ0FHQSxrQ0FJQyxtQkFBb0IsQ0FGcEIsY0FBZSxDQURmLGVBQWdCLENBSWhCLGdCQUFpQixDQUZqQix3QkFHRCxDQUNBLGlFQUNDLGVBQ0QsQ0FHQSwrREFHQyw2Q0FBOEMsQ0FGOUMsaUJBQWtCLENBQ2xCLGtCQUVELENBQ0EscXNEQVlDLGtCQUFvQixDQUZwQixrQkFBb0IsQ0FDcEIsbUJBRUQiLCJmaWxlIjoiTGlzdGJveC5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmxpc3Rib3h7XHJcblx0bWFyZ2luOiAwO1xyXG5cdG1heC13aWR0aDogbWluKDkwdncsIDcwMHB4KTtcclxufVxyXG4ubGlzdGJveCBsaXtcclxuXHRtYXJnaW46IDA7XHJcblx0cGFkZGluZzogMDtcclxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XHJcblx0bGlzdC1zdHlsZS1pbWFnZTogbm9uZTtcclxufVxyXG4ubGlzdGJveF9oYXNfYm9yZGVyID4gbGkgKyBsaXtcclxuXHRib3JkZXItdG9wOiBzb2xpZCAxcHggdmFyKC0tbWFpbi1ib3JkZXItY29sb3IpO1xyXG59XHJcbi5saXN0Ym94X2RpcmVjdGlvbl9yb3cge1xyXG5cdGRpc3BsYXk6IGZsZXg7XHJcblx0ZmxleC13cmFwOiB3cmFwO1xyXG59XHJcbi5saXN0Ym94X2FwcGVhcmFuY2VfaWNvblNlbGVjdG9yIHtcclxuXHRnYXA6IDEwcHg7XHJcblx0cGFkZGluZy1sZWZ0OiAxZW07XHJcblx0cGFkZGluZy1yaWdodDogMWVtO1xyXG59XHJcblxyXG4vKiBJVEVNICovXHJcbi5saXN0Ym94IC5pdGVte1xyXG5cdGRpc3BsYXk6IGJsb2NrO1xyXG5cdGJvcmRlcjogbm9uZTtcclxuXHRmb250LXNpemU6IDE0cHg7XHJcblx0bGluZS1oZWlnaHQ6IDEuM2VtO1xyXG5cdG1hcmdpbjogMDtcclxuXHRjb2xvcjogaW5oZXJpdDtcclxuXHRvdmVyZmxvdzogaGlkZGVuO1xyXG5cdHdvcmQtYnJlYWs6IG5vcm1hbDtcclxuXHR3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG5cdC1tb3otdXNlci1zZWxlY3Q6IG5vbmU7XHJcblx0LXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcclxuXHQtbXMtdXNlci1zZWxlY3Q6IG5vbmU7XHJcblx0dXNlci1zZWxlY3Q6IG5vbmU7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDFlbTtcclxuICAgIHBhZGRpbmctcmlnaHQ6IDJlbTtcclxufVxyXG4ubGlzdGJveF9kaXJlY3Rpb25fcm93IC5pdGVtIHtcclxuXHRwYWRkaW5nLXJpZ2h0OiAxZW07XHJcbn1cclxuLmxpc3Rib3ggLml0ZW1fc2l6ZV9tIHtcclxuICAgIHBhZGRpbmctdG9wOiAuNWVtO1xyXG5cdHBhZGRpbmctYm90dG9tOiAuNWVtO1xyXG59XHJcbi5saXN0Ym94IC5pdGVtX3NpemVfbCB7XHJcblx0cGFkZGluZy10b3A6IC43ZW07XHJcblx0cGFkZGluZy1ib3R0b206IC43ZW07XHJcbn1cclxuLmxpc3Rib3ggLml0ZW1fc2l6ZV94bCB7XHJcblx0cGFkZGluZy10b3A6IDFlbTtcclxuXHRwYWRkaW5nLWJvdHRvbTogMWVtO1xyXG5cdHBhZGRpbmctbGVmdDogMS4zZW07XHJcbn1cclxuLmxpc3Rib3hfZGlyZWN0aW9uX3JvdyAuaXRlbV9zaXplX3hsIHtcclxuXHRwYWRkaW5nLXJpZ2h0OiAxLjNlbTtcclxufVxyXG4ubGlzdGJveCAuaXRlbV9lbmFibGVke1xyXG5cdGN1cnNvcjogcG9pbnRlcjtcclxufVxyXG4ubGlzdGJveCAuaXRlbV9lbmFibGVkOmhvdmVye1xyXG5cdGJhY2tncm91bmQtY29sb3I6ICNGN0Y4RkE7XHJcblx0dGV4dC1kZWNvcmF0aW9uOiBub25lO1xyXG59XHJcbi5saXN0Ym94IC5pdGVtX2Rpc2FibGVke1xyXG5cdG9wYWNpdHk6IC41O1xyXG5cdGN1cnNvcjogZGVmYXVsdDtcclxufVxyXG4ubGlzdGJveCAuaXRlbV9zZWxlY3RlZHtcclxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjRjdGOEZBO1xyXG59XHJcblxyXG4ubGlzdGJveCAuaXRlbV9yaWdodHtcclxuXHRwYWRkaW5nLXJpZ2h0OiAxZW07XHJcbn1cclxuXHJcbi5saXN0Ym94IC5pdGVtX2ljb257XHJcblx0bWFyZ2luLXJpZ2h0OiAxMHB4O1xyXG5cdGNvbG9yOiB2YXIoLS1ncmV5LTMpO1xyXG59XHJcbi5saXN0Ym94IC5pdGVtX2ljb24gc3Zne1xyXG5cdGRpc3BsYXk6IGJsb2NrO1xyXG5cdGZvbnQtc2l6ZTogMjBweDtcclxufVxyXG5cclxuLmxpc3Rib3ggLmxpc3Rib3hfc2Vwe1xyXG5cdG1hcmdpbjogOHB4IDA7XHJcblx0Ym9yZGVyLXRvcDogc29saWQgMXB4IHZhcigtLW1haW4tYm9yZGVyLWNvbG9yKTtcclxufVxyXG5cclxuLmxpc3Rib3ggLml0ZW1fZmxleCB7XHJcblx0ZGlzcGxheTogZmxleDtcclxuXHRhbGlnbi1pdGVtczogY2VudGVyO1xyXG59XHJcbi5saXN0Ym94IC5pdGVtX2xlZnQge1xyXG5cdGZsZXg6IDAgMCBhdXRvO1xyXG59XHJcbi5saXN0Ym94IC5pdGVtX2NlbnRlciB7XHJcblx0ZmxleDogMSAxIGF1dG87XHJcbn1cclxuXHJcbi5saXN0Ym94IC5pdGVtX2NhcGl0YWxpemUgLml0ZW1fY2VudGVyIHtcclxuXHR0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcclxufVxyXG5cclxuLmxpc3Rib3ggLml0ZW1fdGl0bGV7XHJcblx0Zm9udC1zaXplOiAxNXB4O1xyXG5cdGZvbnQtd2VpZ2h0OiA1MDA7XHJcbn1cclxuLmxpc3Rib3ggLml0ZW1fZGVzY3tcclxuXHRkaXNwbGF5OiBibG9jaztcclxuXHRmb250LXNpemU6IDEzcHg7XHJcblx0Y29sb3I6ICM1ZDYzN2U7XHJcblx0bWFyZ2luLXRvcDogMnB4O1xyXG59XHJcbi5saXN0Ym94IC5pdGVtX2NoZWNre1xyXG5cdG1hcmdpbi1yaWdodDogLTEycHg7XHJcblx0bWFyZ2luLWxlZnQ6IDE2cHg7XHJcblx0Y29sb3I6ICM3NTdiOTY7XHJcbn1cclxuLmxpc3Rib3ggLml0ZW1faW1nIHtcclxuXHRkaXNwbGF5OiBibG9jaztcclxuXHRtYXgtd2lkdGg6IDQwMHB4O1xyXG5cdG1hcmdpbi10b3A6IDRweDtcclxufVxyXG5cclxuLmxpc3Rib3hfYXBwZWFyYW5jZV9pY29uU2VsZWN0b3IgLml0ZW0ge1xyXG5cdGJvcmRlcjogc29saWQgMXB4IHZhcigtLW1haW4tYm9yZGVyLWNvbG9yKTtcclxuXHRib3JkZXItcmFkaXVzOiA1cHg7XHJcbn1cclxuXHJcbi8qIEdyb3VwIGxhYmVsICovXHJcbi5ncm91cExhYmVsIHtcclxuXHRmb250LXdlaWdodDogNTAwO1xyXG5cdGZvbnQtc2l6ZTogMTNweDtcclxuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xyXG5cdGNvbG9yOiB2YXIoLS1ncmV5LTEpO1xyXG5cdHBhZGRpbmc6IC41ZW0gMWVtO1xyXG59XHJcbi5saXN0Ym94ICsgLmdyb3VwTGFiZWwge1xyXG5cdG1hcmdpbi10b3A6IC41ZW07XHJcbn1cclxuXHJcbi8qIFNtYXJ0IEhSICovXHJcbi5saXN0Ym94IGxpKy5ocitsaXtcclxuXHRtYXJnaW4tdG9wOiAuNDE2ZW07XHJcblx0cGFkZGluZy10b3A6IC40MTZlbTtcclxuXHRib3JkZXItdG9wOiBzb2xpZCAxcHggdmFyKC0tbWFpbi1ib3JkZXItY29sb3IpO1xyXG59XHJcbi5saXN0Ym94IGxpLmhyOmZpcnN0LWNoaWxkK2xpLFxyXG4ubGlzdGJveCBsaS5ocjpmaXJzdC1jaGlsZCtsaS5ocitsaSxcclxuLmxpc3Rib3ggbGkuaHI6Zmlyc3QtY2hpbGQrbGkuaHIrbGkuaHIrbGksXHJcbi5saXN0Ym94IGxpLmhyOmZpcnN0LWNoaWxkK2xpLmhyK2xpLmhyK2xpLmhyK2xpLFxyXG4ubGlzdGJveCBsaS5ocjpmaXJzdC1jaGlsZCtsaS5ocitsaS5ocitsaS5ocitsaS5ocitsaSxcclxuLmxpc3Rib3ggbGkuaHI6Zmlyc3QtY2hpbGQrbGkuaHIrbGkuaHIrbGkuaHIrbGkuaHIrbGkuaHIrbGksXHJcbi5saXN0Ym94IGxpLmhyOmZpcnN0LWNoaWxkK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLFxyXG4ubGlzdGJveCBsaS5ocjpmaXJzdC1jaGlsZCtsaS5ocitsaS5ocitsaS5ocitsaS5ocitsaS5ocitsaS5ocitsaS5ocitsaSxcclxuLmxpc3Rib3ggbGkuaHI6Zmlyc3QtY2hpbGQrbGkuaHIrbGkuaHIrbGkuaHIrbGkuaHIrbGkuaHIrbGkuaHIrbGkuaHIrbGkuaHIrbGksXHJcbi5saXN0Ym94IGxpLmhye1xyXG5cdG1hcmdpbjogMCAhaW1wb3J0YW50O1xyXG5cdHBhZGRpbmc6IDAgIWltcG9ydGFudDtcclxuXHRib3JkZXI6IDAgIWltcG9ydGFudDtcclxufVxyXG4iXX0= */";
+var styles$5 = {"listbox":"Listbox-module_listbox__lSHQo","listbox_has_border":"Listbox-module_listbox_has_border__s3OZ2","listbox_direction_row":"Listbox-module_listbox_direction_row__eC0lF","listbox_appearance_iconSelector":"Listbox-module_listbox_appearance_iconSelector__pgsLi","item":"Listbox-module_item__XHJx0","item_size_m":"Listbox-module_item_size_m__cmYwG","item_size_l":"Listbox-module_item_size_l__gm-GT","item_size_xl":"Listbox-module_item_size_xl__NBJPj","item_enabled":"Listbox-module_item_enabled__qQSAG","item_disabled":"Listbox-module_item_disabled__GouhS","item_selected":"Listbox-module_item_selected__yNX-f","item_right":"Listbox-module_item_right__BlEbH","item_icon":"Listbox-module_item_icon__9KlaJ","listbox_sep":"Listbox-module_listbox_sep__qLfEB","item_flex":"Listbox-module_item_flex__-swao","item_left":"Listbox-module_item_left__v6ope","item_center":"Listbox-module_item_center__8PFRn","item_capitalize":"Listbox-module_item_capitalize__qrJDq","item_title":"Listbox-module_item_title__axxys","item_desc":"Listbox-module_item_desc__pR2Td","item_check":"Listbox-module_item_check__tQisH","item_img":"Listbox-module_item_img__qc5Nw","groupLabel":"Listbox-module_groupLabel__Knz6J","hr":"Listbox-module_hr__lodbh","listboxHasBorder":"Listbox-module_listbox_has_border__s3OZ2","listboxDirectionRow":"Listbox-module_listbox_direction_row__eC0lF","listboxAppearanceIconSelector":"Listbox-module_listbox_appearance_iconSelector__pgsLi","itemSizeM":"Listbox-module_item_size_m__cmYwG","itemSizeL":"Listbox-module_item_size_l__gm-GT","itemSizeXl":"Listbox-module_item_size_xl__NBJPj","itemEnabled":"Listbox-module_item_enabled__qQSAG","itemDisabled":"Listbox-module_item_disabled__GouhS","itemSelected":"Listbox-module_item_selected__yNX-f","itemRight":"Listbox-module_item_right__BlEbH","itemIcon":"Listbox-module_item_icon__9KlaJ","listboxSep":"Listbox-module_listbox_sep__qLfEB","itemFlex":"Listbox-module_item_flex__-swao","itemLeft":"Listbox-module_item_left__v6ope","itemCenter":"Listbox-module_item_center__8PFRn","itemCapitalize":"Listbox-module_item_capitalize__qrJDq","itemTitle":"Listbox-module_item_title__axxys","itemDesc":"Listbox-module_item_desc__pR2Td","itemCheck":"Listbox-module_item_check__tQisH","itemImg":"Listbox-module_item_img__qc5Nw"};
 styleInject(css_248z$7);
 
 function Listbox(_a) {
-    var children = _a.children, _b = _a.hasBorder, hasBorder = _b === void 0 ? false : _b, _c = _a.className, className = _c === void 0 ? '' : _c;
+    var children = _a.children, _b = _a.hasBorder, hasBorder = _b === void 0 ? false : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.direction, direction = _d === void 0 ? 'column' : _d, appearance = _a.appearance, groupLabel = _a.groupLabel;
     var cssClass = [styles$5.listbox];
     // className
     if (className) {
@@ -3673,10 +3673,21 @@ function Listbox(_a) {
     if (hasBorder) {
         cssClass.push(styles$5.listbox_has_border);
     }
-    return (React.createElement("ul", { className: cssClass.join(' ') }, children));
+    // Direction
+    if (direction && direction === 'row') {
+        cssClass.push(styles$5.listbox_direction_row);
+    }
+    // Appearance 
+    if (appearance && appearance === 'iconSelector') {
+        cssClass.push(styles$5.listbox_appearance_iconSelector);
+    }
+    return (React.createElement(React.Fragment, null,
+        groupLabel &&
+            React.createElement("div", { className: styles$5.groupLabel }, groupLabel),
+        React.createElement("ul", { className: cssClass.join(' ') }, children)));
 }
 function ListboxItem(_a) {
-    var children = _a.children, _b = _a.message, message = _b === void 0 ? '' : _b, _c = _a.description, description = _c === void 0 ? '' : _c, _d = _a.imageUrl, imageUrl = _d === void 0 ? '' : _d, tooltip = _a.tooltip, tooltipHTML = _a.tooltipHTML, onClick = _a.onClick, _e = _a.onMouseEnter, onMouseEnter = _e === void 0 ? function () { } : _e, href = _a.href, target = _a.target, rel = _a.rel, _f = _a.selected, selected = _f === void 0 ? false : _f, _g = _a.hasSelectedIcon, hasSelectedIcon = _g === void 0 ? false : _g, _h = _a.hasCheckbox, hasCheckbox = _h === void 0 ? false : _h, _j = _a.disabled, disabled = _j === void 0 ? false : _j, _k = _a.size, size = _k === void 0 ? 'm' : _k, _l = _a.className, className = _l === void 0 ? '' : _l, _m = _a.icon, icon = _m === void 0 ? '' : _m, _o = _a.iconCustom, iconCustom = _o === void 0 ? '' : _o, _p = _a.capitalize, capitalize = _p === void 0 ? false : _p;
+    var children = _a.children, _b = _a.message, message = _b === void 0 ? '' : _b, _c = _a.description, description = _c === void 0 ? '' : _c, _d = _a.imageUrl, imageUrl = _d === void 0 ? '' : _d, tooltip = _a.tooltip, tooltipHTML = _a.tooltipHTML, onClick = _a.onClick, _e = _a.onMouseEnter, onMouseEnter = _e === void 0 ? function () { } : _e, href = _a.href, target = _a.target, rel = _a.rel, _f = _a.selected, selected = _f === void 0 ? false : _f, _g = _a.hasSelectedColor, hasSelectedColor = _g === void 0 ? true : _g, _h = _a.hasSelectedIcon, hasSelectedIcon = _h === void 0 ? false : _h, _j = _a.hasCheckbox, hasCheckbox = _j === void 0 ? false : _j, _k = _a.hasRadio, hasRadio = _k === void 0 ? false : _k, _l = _a.disabled, disabled = _l === void 0 ? false : _l, _m = _a.size, size = _m === void 0 ? 'm' : _m, _o = _a.className, className = _o === void 0 ? '' : _o, style = _a.style, _p = _a.icon, icon = _p === void 0 ? '' : _p, customIcon = _a.customIcon, lucideIcon = _a.lucideIcon, _q = _a.capitalize, capitalize = _q === void 0 ? false : _q;
     var tooltipID = v4();
     var handleClick = function (ev) {
         if (disabled)
@@ -3700,7 +3711,7 @@ function ListboxItem(_a) {
         cssClass.push(sizeClass[size]);
     }
     // Selected
-    if (selected) {
+    if (selected && hasSelectedColor) {
         cssClass.push(styles$5.item_selected);
     }
     // Disabled
@@ -3714,17 +3725,27 @@ function ListboxItem(_a) {
     if (capitalize) {
         cssClass.push(styles$5.item_capitalize);
     }
+    if (lucideIcon) {
+        customIcon = React.cloneElement(lucideIcon, {
+            size: 20,
+            strokeWidth: 1.5,
+            absoluteStrokeWidth: true
+        });
+    }
     return (React.createElement("li", null,
-        React.createElement("a", { className: cssClass.join(' '), onClick: function (e) { return handleClick(e); }, onMouseEnter: function (e) { return onMouseEnter(e); }, target: target, rel: rel, href: href, "data-tooltip-content": tooltipHTML ? 'a' : tooltip, "data-tooltip-id": tooltipID },
+        React.createElement("a", { className: cssClass.join(' '), style: style, onClick: function (e) { return handleClick(e); }, onMouseEnter: function (e) { return onMouseEnter(e); }, target: target, rel: rel, href: href, "data-tip": tooltipHTML ? 'a' : tooltip, "data-for": tooltipID },
             React.createElement("span", { className: styles$5.item_flex },
                 hasCheckbox &&
                     React.createElement("span", { className: styles$5.item_left },
                         React.createElement(Checkbox, { forcedChecked: selected })),
+                hasRadio &&
+                    React.createElement("span", { className: styles$5.item_left },
+                        React.createElement(Radio, { forcedChecked: selected })),
                 icon &&
                     React.createElement("span", { className: styles$5.item_left },
-                        React.createElement("i", { className: styles$5.item_flex + ' ' + icon })),
-                iconCustom &&
-                    React.createElement("span", { className: styles$5.item_left + ' ' + styles$5.item_icon }, iconCustom),
+                        React.createElement("i", { className: styles$5.item_icon + ' ' + icon })),
+                customIcon &&
+                    React.createElement("span", { className: styles$5.item_left + ' ' + styles$5.item_icon }, customIcon),
                 React.createElement("span", { className: styles$5.item_center },
                     message,
                     children,
@@ -3736,7 +3757,7 @@ function ListboxItem(_a) {
                     React.createElement("span", { className: styles$5.item_check },
                         React.createElement("i", { className: 'fas fa-check' })))),
         (tooltip || tooltipHTML) &&
-            React.createElement(Tooltip, { text: tooltip, html: tooltipHTML, id: tooltipID })));
+            React.createElement(Tooltip, { html: tooltipHTML, id: tooltipID })));
 }
 function ListboxSep() {
     return (React.createElement("li", { className: styles$5.hr }));