@ikatec/nebula-react 1.9.0-beta.5 → 1.9.0-beta.7

package/dist/index.js

@@ -22,9 +22,9 @@ var LabelPrimitive = require('@radix-ui/react-label');
 var RPNInput = require('react-phone-number-input');
 var flags = require('react-phone-number-input/flags');
 var Select = require('react-select');
-var Creatable = require('react-select/creatable');
 var Async = require('react-select/async');
 var AsyncCreatable = require('react-select/async-creatable');
+var Creatable = require('react-select/creatable');
 var core = require('@dnd-kit/core');
 var sortable = require('@dnd-kit/sortable');
 var utilities = require('@dnd-kit/utilities');
@@ -69,9 +69,9 @@ var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
 var RPNInput__namespace = /*#__PURE__*/_interopNamespace(RPNInput);
 var flags__default = /*#__PURE__*/_interopDefault(flags);
 var Select__default = /*#__PURE__*/_interopDefault(Select);
-var Creatable__default = /*#__PURE__*/_interopDefault(Creatable);
 var Async__default = /*#__PURE__*/_interopDefault(Async);
 var AsyncCreatable__default = /*#__PURE__*/_interopDefault(AsyncCreatable);
+var Creatable__default = /*#__PURE__*/_interopDefault(Creatable);
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
 var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitives);
@@ -1073,7 +1073,8 @@ var Box = ({
         {
           "shadow-sm": shadow === "sm",
           "shadow-md": shadow === "md",
-          "shadow-lg": shadow === "lg"
+          "shadow-lg": shadow === "lg",
+          "shadow-none": shadow === "none"
         },
         className
       ),
@@ -1462,6 +1463,14 @@ var messages6 = {
 };
 var cropper_default = messages6;
 
+// src/i18n/messages/en/combobox.ts
+var messages7 = {
+  removeAll: "Remove all",
+  noItemsSelected: "No items selected",
+  selectAnOption: "Type to begin searching and select an option."
+};
+var combobox_default = messages7;
+
 // src/i18n/messages/en/index.ts
 var enMessages = {
   cropper: cropper_default,
@@ -1469,11 +1478,12 @@ var enMessages = {
   inputSelect: input_select_default,
   inputPhone: input_phone_default,
   timePicker: time_picker_default,
-  fileUpload: file_upload_default
+  fileUpload: file_upload_default,
+  combobox: combobox_default
 };
 
 // src/i18n/messages/es/pagination.ts
-var messages7 = {
+var messages8 = {
   totalResultsLabel(pagesSize, totalResults) {
     if (totalResults < pagesSize) {
       pagesSize = totalResults;
@@ -1484,16 +1494,16 @@ var messages7 = {
     return `P\xE1gina ${currentPage} de ${totalPages}`;
   }
 };
-var pagination_default2 = messages7;
+var pagination_default2 = messages8;
 
 // src/i18n/messages/es/input-select.ts
-var messages8 = {
+var messages9 = {
   noOptions: "No hay opciones disponibles"
 };
-var input_select_default2 = messages8;
+var input_select_default2 = messages9;
 
 // src/i18n/messages/es/input-phone.ts
-var messages9 = {
+var messages10 = {
   countries: {
     empty: "Seleccionar",
     AF: "Afganist\xE1n",
@@ -1743,26 +1753,34 @@ var messages9 = {
     ZW: "Zimbabue"
   }
 };
-var input_phone_default2 = messages9;
+var input_phone_default2 = messages10;
 
 // src/i18n/messages/es/time-picker.ts
-var messages10 = {
+var messages11 = {
   label: "Tiempo"
 };
-var time_picker_default2 = messages10;
+var time_picker_default2 = messages11;
 
 // src/i18n/messages/es/file-upload.ts
-var messages11 = {
+var messages12 = {
   deleteAll: "Remover todos"
 };
-var file_upload_default2 = messages11;
+var file_upload_default2 = messages12;
 
 // src/i18n/messages/es/cropper.ts
-var messages12 = {
+var messages13 = {
   applyButtonLabel: "Aplicar",
   dialogTitle: "Ajustar la imagen"
 };
-var cropper_default2 = messages12;
+var cropper_default2 = messages13;
+
+// src/i18n/messages/es/combobox.ts
+var messages14 = {
+  removeAll: "Eliminar todos",
+  noItemsSelected: "No hay elementos seleccionados",
+  selectAnOption: "Escriba para comenzar a buscar y seleccione una opci\xF3n."
+};
+var combobox_default2 = messages14;
 
 // src/i18n/messages/es/index.ts
 var esMessages = {
@@ -1771,11 +1789,12 @@ var esMessages = {
   inputSelect: input_select_default2,
   inputPhone: input_phone_default2,
   timePicker: time_picker_default2,
-  fileUpload: file_upload_default2
+  fileUpload: file_upload_default2,
+  combobox: combobox_default2
 };
 
 // src/i18n/messages/pt-br/pagination.ts
-var messages13 = {
+var messages15 = {
   totalResultsLabel(pagesSize, totalResults) {
     if (totalResults < pagesSize) {
       pagesSize = totalResults;
@@ -1786,16 +1805,16 @@ var messages13 = {
     return `P\xE1gina ${currentPage} de ${totalPages}`;
   }
 };
-var pagination_default3 = messages13;
+var pagination_default3 = messages15;
 
 // src/i18n/messages/pt-br/input-select.ts
-var messages14 = {
+var messages16 = {
   noOptions: "Nenhuma op\xE7\xE3o dispon\xEDvel"
 };
-var input_select_default3 = messages14;
+var input_select_default3 = messages16;
 
 // src/i18n/messages/pt-br/input-phone.ts
-var messages15 = {
+var messages17 = {
   countries: {
     empty: "Selecione",
     AF: "Afeganist\xE3o",
@@ -2045,26 +2064,34 @@ var messages15 = {
     ZW: "Zimb\xE1bue"
   }
 };
-var input_phone_default3 = messages15;
+var input_phone_default3 = messages17;
 
 // src/i18n/messages/pt-br/time-picker.ts
-var messages16 = {
+var messages18 = {
   label: "Hor\xE1rio"
 };
-var time_picker_default3 = messages16;
+var time_picker_default3 = messages18;
 
 // src/i18n/messages/pt-br/file-upload.ts
-var messages17 = {
+var messages19 = {
   deleteAll: "Remover todos"
 };
-var file_upload_default3 = messages17;
+var file_upload_default3 = messages19;
 
 // src/i18n/messages/pt-br/cropper.ts
-var messages18 = {
+var messages20 = {
   applyButtonLabel: "Aplicar",
   dialogTitle: "Ajustar imagem"
 };
-var cropper_default3 = messages18;
+var cropper_default3 = messages20;
+
+// src/i18n/messages/pt-br/combobox.ts
+var messages21 = {
+  removeAll: "Remover todos",
+  noItemsSelected: "Nenhum item selecionado",
+  selectAnOption: "Digite para come\xE7ar a buscar e selecione uma op\xE7\xE3o."
+};
+var combobox_default3 = messages21;
 
 // src/i18n/messages/pt-br/index.ts
 var ptBrMessages = {
@@ -2073,7 +2100,8 @@ var ptBrMessages = {
   inputPhone: input_phone_default3,
   timePicker: time_picker_default3,
   fileUpload: file_upload_default3,
-  cropper: cropper_default3
+  cropper: cropper_default3,
+  combobox: combobox_default3
 };
 
 // src/i18n/message-storage-handler.ts
@@ -2098,7 +2126,7 @@ var setNebulaLanguage = (language) => {
   }
   localStorage.setItem(getNebulaI18nStorageKey(), language);
 };
-var messages19 = /* @__PURE__ */ new Map([
+var messages22 = /* @__PURE__ */ new Map([
   [null, enMessages],
   [void 0, enMessages],
   ["en-US" /* EN_US */, enMessages],
@@ -2116,14 +2144,14 @@ var NebulaI18nProvider = ({
     () => customI18nStorageKey ?? localStorageKey,
     [customI18nStorageKey]
   );
-  const [messages20, setMessages] = React25.useState(
-    messages19.get(getNebulaLanguage()) ?? messages19.get("en-US" /* EN_US */)
+  const [messages23, setMessages] = React25.useState(
+    messages22.get(getNebulaLanguage()) ?? messages22.get("en-US" /* EN_US */)
   );
   const handleStorageChange = React25.useCallback(
     ({ detail }) => {
       if (detail.key === storageKey) {
         setMessages(
-          messages19.get(detail.value) ?? messages19.get("en-US" /* EN_US */)
+          messages22.get(detail.value) ?? messages22.get("en-US" /* EN_US */)
         );
       }
     },
@@ -2167,7 +2195,7 @@ var NebulaI18nProvider = ({
     NebulaI18nContext.Provider,
     {
       value: {
-        messages: messages20,
+        messages: messages23,
         locale: getNebulaLanguage()
       },
       children
@@ -5421,7 +5449,7 @@ var InputDateTimePickerSingle = ({
     formattedDateByLanguage ? new Date(formattedDateByLanguage) : void 0
   );
   const [popoverIsOpen, setPopoverIsOpen] = React25.useState(false);
-  const { locale, messages: messages20 } = useNebulaI18n();
+  const { locale, messages: messages23 } = useNebulaI18n();
   const [month, setMonth] = React25.useState(/* @__PURE__ */ new Date());
   const inputTimeRef = React25.useRef(null);
   const handleClearValue = () => {
@@ -5524,15 +5552,15 @@ var InputDateTimePickerSingle = ({
     replacement: { _: /\d/ }
   };
   const inputRef = mask.useMask(maskOptions);
-  const conteinerRef = React25.useRef(null);
+  const containerRef = React25.useRef(null);
   const calendarRef = React25.useRef(null);
-  useClickOutside([conteinerRef, calendarRef], () => {
+  useClickOutside([containerRef, calendarRef], () => {
     setPopoverIsOpen(false);
   });
   useKeyPress("Escape", () => {
     setPopoverIsOpen(false);
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds w-full", ref: conteinerRef, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds w-full", ref: containerRef, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       InputText,
       {
@@ -5588,7 +5616,7 @@ var InputDateTimePickerSingle = ({
             disabled: disabledDates,
             footer: /* @__PURE__ */ jsxRuntime.jsxs(Space, { className: "nebula-ds items-center", children: [
               /* @__PURE__ */ jsxRuntime.jsxs(Label2, { children: [
-                messages20.timePicker.label,
+                messages23.timePicker.label,
                 ":"
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -5617,8 +5645,8 @@ var CountrySelect = ({
   const handleSelect = (event) => {
     onChange(event.target.value);
   };
-  const { messages: messages20 } = useNebulaI18n();
-  const { countries } = messages20.inputPhone;
+  const { messages: messages23 } = useNebulaI18n();
+  const { countries } = messages23.inputPhone;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds rounded-s-[20px] relative inline-flex items-center self-stretch py-2 ps-4 pe-2 transition-[color,box-shadow] outline-none has-disabled:pointer-events-none has-disabled:opacity-50", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds inline-flex items-center gap-1", "aria-hidden": "true", children: [
       /* @__PURE__ */ jsxRuntime.jsx(FlagComponent, { country: value, countryName: value, "aria-hidden": "true" }),
@@ -5750,7 +5778,7 @@ var ClearIndicator = (props) => /* @__PURE__ */ jsxRuntime.jsx(
 );
 var MultiValueRemove = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.MultiValueRemove, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleX, { size: "16px" }) });
 var Option = (props) => {
-  const { isSelected, data, innerRef, innerProps } = props;
+  const { isSelected, isFocused, data, innerRef, innerProps } = props;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -5764,13 +5792,17 @@ var Option = (props) => {
           gap-2 
           cursor-pointer 
           text-sm 
-          hover:text-inputSelect-focus-text 
-          hover:bg-listItem-background-hover 
-          bg-listItem-background-default
-          text-inputSelect-default-text
+          text-listItem-primary-text-default
+          hover:bg-listItem-primary-background-hover
+          hover:text-listItem-primary-text-hover
+          outline-none
+          rounded-lg
           `,
         {
-          "text-inputSelect-focus-text font-semibold bg-listItem-background-hover": isSelected
+          "text-listItem-primary-text-selected font-semibold": isSelected
+        },
+        {
+          "bg-listItem-primary-background-hover text-listItem-primary-text-hover": isFocused
         }
       ),
       children: [
@@ -5780,15 +5812,18 @@ var Option = (props) => {
     }
   );
 };
-var controlStyles = ({ isDisabled, isFocused }, isError) => {
+var controlStyles = ({ isDisabled, isFocused }, isError, size4) => {
   return cn(
-    "flex w-full items-center border bg-inputSelect-default-background rounded-input px-4 min-h-10 transition",
+    "flex w-full items-center border bg-inputSelect-default-background rounded-input px-4 transition",
     {
       "ring-[3px] border-inputSelect-focus-border text-inputSelect-focus-text ring-inputSelect-focus-border": isFocused,
       "border-inputSelect-danger-border text-inputSelect-danger-icon": isError,
       "border-inputSelect-default-border text-inputSelect-default-text": !isFocused && !isError,
       "bg-inputText-background-disabled": isDisabled,
-      "ring-button-danger-border-focus": isError && isFocused
+      "ring-button-danger-border-focus": isError && isFocused,
+      [buttonSizeEnum[size4 ?? "md"]]: true,
+      "!min-h-8": size4 === "sm",
+      "!min-h-10": size4 === "md"
     }
   );
 };
@@ -5800,21 +5835,42 @@ var multiValueStyles = "border rounded-full items-center gap-1.5 text-xs border-
 var multiValueLabelStyles = "";
 var indicatorsContainerStyles = "";
 var clearIndicatorStyles = "text-inputSelect-default-icon mr-2";
+var clearIndicatorStylesHidden = "text-inputSelect-default-icon mr-0";
 var dropdownIndicatorStyles = "text-inputSelect-default-icon";
-var menuStyles = "mt-2 z-[1000] rounded-2xl border border-dropdownMenu-border  bg-dropdownMenu-background  shadow-dropdownMenu-shadow shadow-sm outline-none overflow-hidden";
+var menuStyles = `
+  mt-2
+  z-[1000]
+  rounded-2xl
+  border
+  border-dropdownMenu-border
+  bg-dropdownMenu-background
+  shadow-dropdownMenu-shadow
+  shadow-sm
+  outline-none
+  overflow-hidden
+  p-[6px]
+  flex 
+  flex-col 
+  gap-1
+`;
 var groupHeadingStyles = "ml-3 mt-2 mb-1 text-inputSelect-default-text text-sm";
 var noOptionsMessageStyles = "p-2 text-inputSelect-default-text";
 var createStyledSelect = (BaseSelect, displayName) => {
   const StyledSelect2 = ({
-    icon,
+    icon = null,
     disabled = false,
     isError = false,
+    size: size4 = "md",
+    hideSelectArrow = false,
     ...props
   }) => {
-    const { messages: messages20 } = useNebulaI18n();
+    const CloneIcon = icon && React25.cloneElement(icon, {
+      className: "size-4"
+    });
+    const { messages: messages23 } = useNebulaI18n();
     const customClassNames = React25.useMemo(() => {
       return {
-        control: (props2) => controlStyles(props2, isError),
+        control: (props2) => controlStyles(props2, isError, size4),
         placeholder: () => placeholderStyles,
         input: () => selectInputStyles,
         valueContainer: () => valueContainerStyles,
@@ -5822,16 +5878,16 @@ var createStyledSelect = (BaseSelect, displayName) => {
         multiValue: () => multiValueStyles,
         multiValueLabel: () => multiValueLabelStyles,
         indicatorsContainer: () => indicatorsContainerStyles,
-        clearIndicator: () => clearIndicatorStyles,
+        clearIndicator: () => hideSelectArrow ? clearIndicatorStylesHidden : clearIndicatorStyles,
         dropdownIndicator: () => dropdownIndicatorStyles,
         menu: () => menuStyles,
         groupHeading: () => groupHeadingStyles,
         noOptionsMessage: () => noOptionsMessageStyles
       };
-    }, [isError]);
+    }, [hideSelectArrow, isError, size4]);
     const customComponents = React25.useMemo(
       () => ({
-        DropdownIndicator,
+        DropdownIndicator: hideSelectArrow ? () => null : DropdownIndicator,
         ClearIndicator,
         MultiValueRemove,
         Option,
@@ -5843,13 +5899,13 @@ var createStyledSelect = (BaseSelect, displayName) => {
                 "text-inputSelect-default-icon": !isError,
                 "text-inputSelect-danger-icon": isError
               }),
-              children: icon
+              children: CloneIcon
             }
           ),
           children
         ] }) })
       }),
-      [icon, isError]
+      [hideSelectArrow, icon, isError, CloneIcon]
     );
     return /* @__PURE__ */ jsxRuntime.jsx(
       BaseSelect,
@@ -5858,7 +5914,7 @@ var createStyledSelect = (BaseSelect, displayName) => {
         isDisabled: disabled,
         components: customComponents,
         classNames: customClassNames,
-        noOptionsMessage: () => /* @__PURE__ */ jsxRuntime.jsx("p", { children: messages20.inputSelect.noOptions }),
+        noOptionsMessage: () => /* @__PURE__ */ jsxRuntime.jsx("p", { children: messages23.inputSelect.noOptions }),
         ...props
       }
     );
@@ -7077,7 +7133,7 @@ var Pagination = ({
   onChangePage,
   ...props
 }) => {
-  const { messages: messages20 } = useNebulaI18n();
+  const { messages: messages23 } = useNebulaI18n();
   const totalPages = React25.useMemo(() => {
     return Math.ceil(total / (pageSize || 1));
   }, [total, pageSize]);
@@ -7110,13 +7166,13 @@ var Pagination = ({
   }, [totalPages, pageSize, total]);
   const totalResultsLabel = React25.useMemo(() => {
     if (page === totalPages) {
-      return messages20.pagination.totalResultsLabel(lastPageSize, total);
+      return messages23.pagination.totalResultsLabel(lastPageSize, total);
     }
-    return messages20.pagination.totalResultsLabel(pageSize, total);
-  }, [messages20.pagination, pageSize, total, page, totalPages, lastPageSize]);
+    return messages23.pagination.totalResultsLabel(pageSize, total);
+  }, [messages23.pagination, pageSize, total, page, totalPages, lastPageSize]);
   const currentPageLabel = React25.useMemo(
-    () => messages20.pagination.currentPageLabel(normalizedPage, totalPages),
-    [messages20.pagination, normalizedPage, totalPages]
+    () => messages23.pagination.currentPageLabel(normalizedPage, totalPages),
+    [messages23.pagination, normalizedPage, totalPages]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "nav",
@@ -8555,13 +8611,13 @@ function custom(message, options) {
     }
   );
 }
-async function promise(promise2, messages20, options) {
+async function promise(promise2, messages23, options) {
   const loadingToast = sonner.toast.custom(
     (t) => /* @__PURE__ */ jsxRuntime.jsx(
       ToastComponent,
       {
         type: "info",
-        message: messages20.loading,
+        message: messages23.loading,
         options,
         t
       }
@@ -8575,7 +8631,7 @@ async function promise(promise2, messages20, options) {
         ToastComponent,
         {
           type: "success",
-          message: messages20.success,
+          message: messages23.success,
           options,
           t
         }
@@ -8590,7 +8646,7 @@ async function promise(promise2, messages20, options) {
         ToastComponent,
         {
           type: "error",
-          message: messages20.error,
+          message: messages23.error,
           options,
           t
         }
@@ -8864,7 +8920,9 @@ function Sidebar({
   children,
   defaultState = "expanded",
   open,
-  onOpenChange
+  onOpenChange,
+  width = 270,
+  railWidth = 72
 }) {
   const isMobile = useIsMobile();
   const isControlled = open !== void 0;
@@ -8891,7 +8949,7 @@ function Sidebar({
       {
         open: state !== "collapsed",
         onOpenChange: (o) => setState(o ? "expanded" : "collapsed"),
-        children: /* @__PURE__ */ jsxRuntime.jsx(DrawerContent, { className: "nebula-ds w-[var(--sidebar-width)] p-0 shadow-xl", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds flex h-full flex-col bg-sidebar-background", children }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx(DrawerContent, { className: "nebula-ds p-0 shadow-xl", style: { width }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds flex h-full flex-col bg-sidebar-background", children }) })
       }
     ) });
   }
@@ -8901,10 +8959,11 @@ function Sidebar({
       "data-state": state,
       className: cn(
         "relative hidden md:flex flex-col border-r border-sidebar-border bg-sidebar-background transition-all duration-300 ease-in-out",
-        state === "expanded" && "w-[var(--sidebar-width)]",
-        state === "rail" && "w-[var(--sidebar-rail-width)]",
         state === "collapsed" && "w-0 overflow-hidden"
       ),
+      style: {
+        width: state === "expanded" ? width : state === "rail" ? railWidth : 0
+      },
       children
     }
   ) });
@@ -9100,6 +9159,75 @@ function SidebarMenuItem({
     collapsible && open && !isRail && /* @__PURE__ */ jsxRuntime.jsx(SidebarLevelContext.Provider, { value: level + 1, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds mt-1 space-y-1", children }) })
   ] });
 }
+function Combobox({
+  value = [],
+  onChange,
+  showEmptyState = true,
+  isClearable = true,
+  emptyStateText,
+  emptyStateDescription,
+  ...props
+}) {
+  const { messages: messages23 } = useNebulaI18n();
+  const selectedValues = value || [];
+  const handleSelect = (val) => {
+    onChange?.(val);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(Space, { direction: "column", size: "md", className: "nebula-ds w-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      StyledSelect,
+      {
+        ...props,
+        onChange: (e) => handleSelect(e),
+        value: selectedValues,
+        isMulti: true,
+        controlShouldRenderValue: false,
+        hideSelectedOptions: false,
+        className: "nebula-ds w-full",
+        isClearable: false,
+        hideSelectArrow: true
+      }
+    ),
+    selectedValues.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds flex flex-wrap gap-2", children: [
+      selectedValues.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+        Tag,
+        {
+          color: item.color,
+          onDelete: () => {
+            const newValue = selectedValues.filter(
+              (i) => i.value !== item.value
+            );
+            onChange?.(newValue);
+          },
+          children: item.label
+        },
+        item.value
+      )),
+      isClearable && /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: () => onChange?.([]), size: "xs", variant: "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(Paragraph, { children: messages23.combobox.removeAll }) })
+    ] }),
+    selectedValues.length <= 0 && showEmptyState && /* @__PURE__ */ jsxRuntime.jsx(
+      Box,
+      {
+        variant: "secondary",
+        shadow: "none",
+        className: "nebula-ds w-full flex justify-center items-center rounded-lg dark:bg-neutral-900",
+        paddingSize: "none",
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          Space,
+          {
+            direction: "column",
+            className: "nebula-ds justify-center items-center p-3 w-full",
+            size: "xs",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Heading, { level: "6", className: "nebula-ds text-center", children: emptyStateText || messages23.combobox.noItemsSelected }),
+              /* @__PURE__ */ jsxRuntime.jsx(Paragraph, { size: "sm", className: "nebula-ds text-center", children: emptyStateDescription || messages23.combobox.selectAnOption })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
 
 // src/tailwind.ts
 function content({ base = "./" } = {}) {
@@ -9162,6 +9290,7 @@ exports.Button = Button;
 exports.Calendar = Calendar;
 exports.Caption = Caption;
 exports.Checkbox = Checkbox;
+exports.Combobox = Combobox;
 exports.Creatable = StyledCreatable;
 exports.Cropper = Cropper2;
 exports.CropperCropArea = CropperCropArea2;
@@ -9293,7 +9422,7 @@ exports.dateIsAvailable = dateIsAvailable;
 exports.formatBytes = formatBytes;
 exports.getNebulaLanguage = getNebulaLanguage;
 exports.localeByi18nKey = localeByi18nKey;
-exports.messages = messages19;
+exports.messages = messages22;
 exports.separatorVariants = separatorVariants;
 exports.setNebulaLanguage = setNebulaLanguage;
 exports.tagVariantsEnum = tagVariantsEnum;