@lolmath/ui 5.0.0 → 6.1.0

package/dist/lib/index.js

@@ -30,25 +30,26 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  Autocomplete: () => import_react_aria_components24.Autocomplete,
   Breadcrumb: () => Breadcrumb,
   Breadcrumbs: () => Breadcrumbs,
   Button: () => Button2,
   ButtonLink: () => ButtonLink,
   Checkbox: () => Checkbox,
-  Dialog: () => import_react_aria_components23.Dialog,
+  Dialog: () => import_react_aria_components25.Dialog,
   DialogButtons: () => DialogButtons,
   DialogHeading: () => DialogHeading,
-  DialogTrigger: () => import_react_aria_components23.DialogTrigger,
+  DialogTrigger: () => import_react_aria_components25.DialogTrigger,
   Disclosure: () => Disclosure,
   DisclosureButton: () => DisclosureButton,
   DisclosureGroup: () => DisclosureGroup,
   DisclosurePanel: () => DisclosurePanel,
   Divider: () => Divider,
   Heading: () => Heading,
-  Item: () => Item,
   Label: () => Label2,
   Menu: () => Menu,
   MenuItem: () => MenuItem,
+  MenuPopover: () => MenuPopover,
   MenuTrigger: () => MenuTrigger,
   Modal: () => Modal,
   MultipleSelect: () => MultipleSelect,
@@ -57,9 +58,14 @@ __export(src_exports, {
   ProgressBar: () => ProgressBar,
   Radio: () => Radio,
   RadioGroup: () => RadioGroup,
-  RouterProvider: () => import_react_aria_components23.RouterProvider,
+  RouterProvider: () => import_react_aria_components25.RouterProvider,
   SearchField: () => SearchField,
-  Select: () => Select,
+  Select: () => import_react_aria_components12.Select,
+  SelectButton: () => SelectButton,
+  SelectListBox: () => SelectListBox,
+  SelectListBoxItem: () => SelectListBoxItem,
+  SelectPopover: () => SelectPopover,
+  SelectValue: () => import_react_aria_components12.SelectValue,
   Slider: () => Slider,
   SliderOutput: () => SliderOutput,
   Sonner: () => Sonner,
@@ -75,17 +81,18 @@ __export(src_exports, {
   TextArea: () => TextArea,
   TextField: () => TextField,
   ToggleButton: () => ToggleButton,
-  UnstyledPopover: () => import_react_aria_components23.Popover,
+  UnstyledPopover: () => import_react_aria_components25.Popover,
   _Button: () => _Button,
   _ButtonLink: () => _ButtonLink,
   button: () => button,
   heading: () => heading,
   sonner: () => sonner,
   text: () => text,
-  textField: () => textField
+  textField: () => textField,
+  useFilter: () => import_react_aria_components24.useFilter
 });
 module.exports = __toCommonJS(src_exports);
-var import_react_aria_components23 = require("react-aria-components");
+var import_react_aria_components25 = require("react-aria-components");
 
 // src/components/disclosure.tsx
 var import_cva = require("cva");
@@ -670,11 +677,11 @@ var import_react_aria_components11 = require("react-aria-components");
 var select_default = { "button": "button_560be", "small": "small_560be", "medium": "medium_560be", "large": "large_560be", "listBox": "listBox_560be", "item": "item_560be", "focus": "focus_560be", "selected": "selected_560be", "popover": "popover_560be" };
 
 // src/components/select/select.tsx
+var import_react_aria_components12 = require("react-aria-components");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var select = (0, import_cva11.cva)({
   base: select_default.button,
   variants: {
-    isOpen: { true: select_default.open },
     size: {
       small: select_default.small,
       medium: select_default.medium,
@@ -682,38 +689,57 @@ var select = (0, import_cva11.cva)({
     }
   }
 });
-function Select({
-  description,
-  errorMessage,
-  children,
-  items,
+function SelectButton({
   className,
   size = "medium",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components11.Select, { ...props, className, children: (values) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      import_react_aria_components11.Button,
-      {
-        className: (buttonValues) => select({ ...buttonValues, isOpen: values.isOpen, size }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components11.SelectValue, {})
-      }
-    ),
-    description && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components11.Text, { slot: "description", children: description }),
-    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components11.Text, { slot: "errorMessage", children: errorMessage }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components11.Popover, { offset: 4, className: select_default.popover, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components11.ListBox, { className: select_default.listBox, items, children }) })
-  ] }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_react_aria_components11.Button,
+    {
+      ...props,
+      className: (0, import_react_aria_components11.composeRenderProps)(
+        className,
+        (className2, buttonValues) => select({ ...buttonValues, size, className: className2 })
+      )
+    }
+  );
+}
+function SelectPopover({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_react_aria_components11.Popover,
+    {
+      ...props,
+      className: (0, import_react_aria_components11.composeRenderProps)(
+        className,
+        (className2) => (0, import_cva11.cx)(className2, select_default.popover)
+      )
+    }
+  );
+}
+function SelectListBox({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_react_aria_components11.ListBox,
+    {
+      ...props,
+      className: (0, import_react_aria_components11.composeRenderProps)(
+        className,
+        (className2) => (0, import_cva11.cx)(className2, select_default.listBox)
+      )
+    }
+  );
 }
 var item = (0, import_cva11.cva)({
   base: select_default.item,
   variants: {
-    isHovered: { true: select_default.hover },
-    isPressed: { true: select_default.press },
     isSelected: { true: select_default.selected },
     isFocused: { true: select_default.focus }
   }
 });
-function Item({ className, ...props }) {
+function SelectListBoxItem({ className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_react_aria_components11.ListBoxItem,
     {
@@ -728,7 +754,7 @@ function Item({ className, ...props }) {
 
 // src/components/slider/slider.tsx
 var import_cva12 = require("cva");
-var import_react_aria_components12 = require("react-aria-components");
+var import_react_aria_components13 = require("react-aria-components");
 
 // src/components/typography/text.module.css
 var text_default = { "text": "text_63391", "label": "label_63391", "stat": "stat_63391", "largeNumber": "largeNumber_63391", "sm": "sm_63391", "base": "base_63391", "md": "md_63391", "lg": "lg_63391", "grey100": "grey100_63391", "grey150": "grey150_63391", "gold100": "gold100_63391" };
@@ -772,13 +798,13 @@ function Slider({
   sliderTrackForegroundClassName,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components12.Slider, { ...props, className, children: (values) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components13.Slider, { ...props, className, children: (values) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
     typeof children === "function" ? children(values) : children,
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      import_react_aria_components12.SliderTrack,
+      import_react_aria_components13.SliderTrack,
       {
         ...sliderTrackProps,
-        className: (0, import_react_aria_components12.composeRenderProps)(
+        className: (0, import_react_aria_components13.composeRenderProps)(
           className,
           (className2) => (0, import_cva12.cx)(slider_default.track, className2)
         ),
@@ -789,7 +815,7 @@ function Slider({
             /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               "div",
               {
-                className: (0, import_react_aria_components12.composeRenderProps)(
+                className: (0, import_react_aria_components13.composeRenderProps)(
                   sliderTrackBackgroundClassName,
                   (className2) => (0, import_cva12.cx)(className2, slider_default.background)
                 )(values2)
@@ -798,7 +824,7 @@ function Slider({
             /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               "div",
               {
-                className: (0, import_react_aria_components12.composeRenderProps)(
+                className: (0, import_react_aria_components13.composeRenderProps)(
                   sliderTrackForegroundClassName,
                   (className2) => sliderTrackForeground({
                     ...values2.state,
@@ -811,14 +837,14 @@ function Slider({
             values2.state.values.map((_, i) => {
               const zIndex = values2.state.getThumbPercent(i === 1 ? 0 : 1) === (i === 1 ? 0 : 1) ? 2 : void 0;
               return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                import_react_aria_components12.SliderThumb,
+                import_react_aria_components13.SliderThumb,
                 {
                   index: i,
                   style: {
                     zIndex
                   },
                   ...sliderThumbProps,
-                  className: (0, import_react_aria_components12.composeRenderProps)(
+                  className: (0, import_react_aria_components13.composeRenderProps)(
                     sliderThumbProps.className,
                     (className2, sliderThumbRenderProps) => sliderThumb({
                       isDisabled: sliderThumbRenderProps.isDisabled,
@@ -845,9 +871,9 @@ function SliderOutput({
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    import_react_aria_components12.SliderOutput,
+    import_react_aria_components13.SliderOutput,
     {
-      className: (0, import_react_aria_components12.composeRenderProps)(
+      className: (0, import_react_aria_components13.composeRenderProps)(
         className,
         (className2) => (0, import_cva12.cx)(text_default.text, text_default.sm, text_default.grey100, className2)
       ),
@@ -928,7 +954,7 @@ function Heading({
 // src/components/typography/text.tsx
 var import_cva15 = require("cva");
 var import_react4 = require("react");
-var import_react_aria_components13 = require("react-aria-components");
+var import_react_aria_components14 = require("react-aria-components");
 var presetElements = {
   sm: "p",
   base: "p",
@@ -975,7 +1001,7 @@ function Label2({
   className,
   ...rest
 }) {
-  return (0, import_react4.createElement)(import_react_aria_components13.Label, {
+  return (0, import_react4.createElement)(import_react_aria_components14.Label, {
     ...rest,
     className: text({ preset, color, className })
   });
@@ -1056,7 +1082,7 @@ function Sonner(props) {
 
 // src/components/switch.tsx
 var import_cva16 = require("cva");
-var import_react_aria_components14 = require("react-aria-components");
+var import_react_aria_components15 = require("react-aria-components");
 
 // src/components/switch.module.css
 var switch_default = { "switch": "switch_cfb98", "track": "track_cfb98", "knob": "knob_cfb98" };
@@ -1070,10 +1096,10 @@ function Switch({
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    import_react_aria_components14.Switch,
+    import_react_aria_components15.Switch,
     {
       ...props,
-      className: (0, import_react_aria_components14.composeRenderProps)(
+      className: (0, import_react_aria_components15.composeRenderProps)(
         className,
         (className2) => (0, import_cva16.cx)(
           switch_default.switch,
@@ -1093,23 +1119,23 @@ function Switch({
 
 // src/components/tabs.tsx
 var import_cva17 = require("cva");
-var import_react_aria_components15 = require("react-aria-components");
+var import_react_aria_components16 = require("react-aria-components");
 
 // src/components/tabs.module.css
 var tabs_default = { "list": "list_c42a1", "tab": "tab_c42a1", "indicator": "indicator_c42a1" };
 
 // src/components/tabs.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
-var Tabs = import_react_aria_components15.Tabs;
+var Tabs = import_react_aria_components16.Tabs;
 function TabList({
   className,
   ...rest
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    import_react_aria_components15.TabList,
+    import_react_aria_components16.TabList,
     {
       ...rest,
-      className: (0, import_react_aria_components15.composeRenderProps)(
+      className: (0, import_react_aria_components16.composeRenderProps)(
         className,
         (className2) => (0, import_cva17.cx)(tabs_default.list, className2)
       )
@@ -1118,10 +1144,10 @@ function TabList({
 }
 function Tab({ children, className, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    import_react_aria_components15.Tab,
+    import_react_aria_components16.Tab,
     {
       ...rest,
-      className: (0, import_react_aria_components15.composeRenderProps)(
+      className: (0, import_react_aria_components16.composeRenderProps)(
         className,
         (className2) => (0, import_cva17.cx)(tabs_default.tab, className2)
       ),
@@ -1133,14 +1159,14 @@ function Tab({ children, className, ...rest }) {
   );
 }
 function TabPanel({ ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_aria_components15.TabPanel, { ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_aria_components16.TabPanel, { ...rest });
 }
 
 // src/components/text-area.tsx
-var import_react_aria_components17 = require("react-aria-components");
+var import_react_aria_components18 = require("react-aria-components");
 
 // src/components/text-field.tsx
-var import_react_aria_components16 = require("react-aria-components");
+var import_react_aria_components17 = require("react-aria-components");
 var import_cva18 = require("cva");
 
 // src/components/text-field.module.css
@@ -1166,14 +1192,14 @@ function TextField({
   size = "medium",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components16.TextField, { ...props, children: (values) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components17.TextField, { ...props, children: (values) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
     typeof children === "function" ? children(values) : children,
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      import_react_aria_components16.Input,
+      import_react_aria_components17.Input,
       {
         type: "text",
         ...inputProps,
-        className: (0, import_react_aria_components16.composeRenderProps)(
+        className: (0, import_react_aria_components17.composeRenderProps)(
           inputProps.className,
           (className, values2) => textField({
             ...values2,
@@ -1193,13 +1219,13 @@ function TextArea({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components17.TextField, { ...props, children: (values) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components18.TextField, { ...props, children: (values) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
     typeof children === "function" ? children(values) : children,
     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-      import_react_aria_components17.TextArea,
+      import_react_aria_components18.TextArea,
       {
         ...textAreaProps,
-        className: (0, import_react_aria_components17.composeRenderProps)(
+        className: (0, import_react_aria_components18.composeRenderProps)(
           textAreaProps.className,
           (className, values2) => textField({
             ...values2,
@@ -1214,7 +1240,7 @@ function TextArea({
 
 // src/components/toggle-button.tsx
 var import_cva19 = require("cva");
-var import_react_aria_components18 = require("react-aria-components");
+var import_react_aria_components19 = require("react-aria-components");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var button2 = (0, import_cva19.cva)({
   base: button_default.button,
@@ -1249,10 +1275,10 @@ function ToggleButton({
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    import_react_aria_components18.ToggleButton,
+    import_react_aria_components19.ToggleButton,
     {
       ...props,
-      className: (0, import_react_aria_components18.composeRenderProps)(
+      className: (0, import_react_aria_components19.composeRenderProps)(
         className,
         (className2, values) => button2({
           ...values,
@@ -1270,7 +1296,7 @@ function ToggleButton({
 
 // src/components/popover.tsx
 var import_cva20 = require("cva");
-var import_react_aria_components19 = require("react-aria-components");
+var import_react_aria_components20 = require("react-aria-components");
 
 // src/components/popover.module.css
 var popover_default = { "popover": "popover_f1fe1", "top": "top_f1fe1", "bottom": "bottom_f1fe1", "left": "left_f1fe1", "right": "right_f1fe1", "arrow": "arrow_f1fe1", "outer": "outer_f1fe1", "inner": "inner_f1fe1" };
@@ -1303,10 +1329,10 @@ var arrow = (0, import_cva20.cva)({
 });
 function Popover({ children, className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-    import_react_aria_components19.Popover,
+    import_react_aria_components20.Popover,
     {
       ...props,
-      className: (0, import_react_aria_components19.composeRenderProps)(
+      className: (0, import_react_aria_components20.composeRenderProps)(
         className,
         (className2, values) => popover({
           ...values,
@@ -1315,7 +1341,7 @@ function Popover({ children, className, ...props }) {
         })
       ),
       children: (values) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components19.OverlayArrow, { children: (values2) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components20.OverlayArrow, { children: (values2) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
           "svg",
           {
             viewBox: "0 0 12 6",
@@ -1332,7 +1358,7 @@ function Popover({ children, className, ...props }) {
             ]
           }
         ) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components19.Dialog, { children: typeof children === "function" ? children(values) : children })
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components20.Dialog, { children: typeof children === "function" ? children(values) : children })
       ] })
     }
   );
@@ -1340,36 +1366,42 @@ function Popover({ children, className, ...props }) {
 
 // src/components/menu.tsx
 var import_cva21 = require("cva");
-var import_react_aria_components20 = require("react-aria-components");
+var import_react_aria_components21 = require("react-aria-components");
 
 // src/components/menu.module.css
-var menu_default = { "menu": "menu_bd9f7", "item": "item_bd9f7" };
+var menu_default = { "menu": "menu_bd9f7", "item": "item_bd9f7", "popover": "popover_bd9f7" };
 
 // src/components/menu.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
-var MenuTrigger = import_react_aria_components20.MenuTrigger;
-var SubmenuTrigger = import_react_aria_components20.SubmenuTrigger;
-function Menu({
-  children,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components20.Menu, { ...props, className: (0, import_cva21.cx)(menu_default.menu, className), children });
+var MenuTrigger = import_react_aria_components21.MenuTrigger;
+var SubmenuTrigger = import_react_aria_components21.SubmenuTrigger;
+function Menu({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components21.Menu, { ...props, className: (0, import_cva21.cx)(menu_default.menu, className) });
 }
 function MenuItem({
-  children,
   className,
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    import_react_aria_components20.MenuItem,
+    import_react_aria_components21.MenuItem,
     {
       ...props,
-      className: (0, import_react_aria_components20.composeRenderProps)(
+      className: (0, import_react_aria_components21.composeRenderProps)(
         className,
         (className2, values) => (0, import_cva21.cx)(menu_default.item, className2, values)
-      ),
-      children
+      )
+    }
+  );
+}
+function MenuPopover({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_react_aria_components21.Popover,
+    {
+      ...props,
+      className: (0, import_react_aria_components21.composeRenderProps)(
+        className,
+        (className2) => (0, import_cva21.cx)(className2, menu_default.popover)
+      )
     }
   );
 }
@@ -1378,7 +1410,7 @@ function MenuItem({
 var import_cva22 = require("cva");
 var import_react6 = __toESM(require("react"));
 var import_react_aria = require("react-aria");
-var import_react_aria_components21 = require("react-aria-components");
+var import_react_aria_components22 = require("react-aria-components");
 
 // src/components/select/multiple-select.module.css
 var multiple_select_default = { "multiSelect": "multiSelect_e6fde", "focusWithin": "focusWithin_e6fde", "disabled": "disabled_e6fde", "small": "small_e6fde", "medium": "medium_e6fde", "large": "large_e6fde", "tagsAndInput": "tagsAndInput_e6fde", "chevronButton": "chevronButton_e6fde", "input": "input_e6fde", "comboBox": "comboBox_e6fde", "tagList": "tagList_e6fde", "emptyText": "emptyText_e6fde" };
@@ -1494,7 +1526,7 @@ function MultipleSelect({
     };
   }, []);
   const triggerButtonRef = import_react6.default.useRef(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components21.Group, { children: (groupRenderProps) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components22.Group, { children: (groupRenderProps) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "div",
     {
       ref: triggerRef,
@@ -1502,16 +1534,16 @@ function MultipleSelect({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: multiple_select_default.tagsAndInput, children: [
           /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-            import_react_aria_components21.TagGroup,
+            import_react_aria_components22.TagGroup,
             {
               "aria-label": "Selected items",
               id: tagGroupIdentifier,
               onRemove,
-              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components21.TagList, { items: selectedItems, className: multiple_select_default.tagList, children: props.tag })
+              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components22.TagList, { items: selectedItems, className: multiple_select_default.tagList, children: props.tag })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-            import_react_aria_components21.ComboBox,
+            import_react_aria_components22.ComboBox,
             {
               ...props,
               "aria-label": "Available items",
@@ -1524,7 +1556,7 @@ function MultipleSelect({
               onInputChange,
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                  import_react_aria_components21.Input,
+                  import_react_aria_components22.Input,
                   {
                     className: multiple_select_default.input,
                     onBlur: () => {
@@ -1547,14 +1579,14 @@ function MultipleSelect({
                   }
                 ) }),
                 /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                  import_react_aria_components21.Popover,
+                  import_react_aria_components22.Popover,
                   {
                     className: select_default.popover,
                     style: { width: `${width}px` },
                     triggerRef,
                     trigger: "ComboBox",
                     children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                      import_react_aria_components21.ListBox,
+                      import_react_aria_components22.ListBox,
                       {
                         className: select_default.listBox,
                         renderEmptyState: () => renderEmptyState ? renderEmptyState(fieldState.inputValue) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text, { className: multiple_select_default.emptyText, children: fieldState.inputValue ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
@@ -1573,7 +1605,7 @@ function MultipleSelect({
           )
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-          import_react_aria_components21.Button,
+          import_react_aria_components22.Button,
           {
             excludeFromTabOrder: true,
             onPress: () => triggerButtonRef.current?.click(),
@@ -1588,7 +1620,7 @@ function MultipleSelect({
 
 // src/components/tag/tag.tsx
 var import_cva23 = require("cva");
-var import_react_aria_components22 = require("react-aria-components");
+var import_react_aria_components23 = require("react-aria-components");
 
 // src/components/tag/tag.module.css
 var tag_default = { "tag": "tag_c7c88", "text": "text_c7c88", "remove": "remove_c7c88" };
@@ -1597,22 +1629,26 @@ var tag_default = { "tag": "tag_c7c88", "text": "text_c7c88", "remove": "remove_
 var import_jsx_runtime24 = require("react/jsx-runtime");
 function Tag({ children, className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-    import_react_aria_components22.Tag,
+    import_react_aria_components23.Tag,
     {
       ...props,
-      className: (0, import_react_aria_components22.composeRenderProps)(
+      className: (0, import_react_aria_components23.composeRenderProps)(
         className,
         (className2) => (0, import_cva23.cx)(tag_default.tag, className2)
       ),
-      children: (0, import_react_aria_components22.composeRenderProps)(children, (children2) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+      children: (0, import_react_aria_components23.composeRenderProps)(children, (children2) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: tag_default.text, children: children2 }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components22.Button, { slot: "remove", className: tag_default.remove })
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components23.Button, { slot: "remove", className: tag_default.remove })
       ] }))
     }
   );
 }
+
+// src/components/autocomplete.tsx
+var import_react_aria_components24 = require("react-aria-components");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Autocomplete,
   Breadcrumb,
   Breadcrumbs,
   Button,
@@ -1628,10 +1664,10 @@ function Tag({ children, className, ...props }) {
   DisclosurePanel,
   Divider,
   Heading,
-  Item,
   Label,
   Menu,
   MenuItem,
+  MenuPopover,
   MenuTrigger,
   Modal,
   MultipleSelect,
@@ -1643,6 +1679,11 @@ function Tag({ children, className, ...props }) {
   RouterProvider,
   SearchField,
   Select,
+  SelectButton,
+  SelectListBox,
+  SelectListBoxItem,
+  SelectPopover,
+  SelectValue,
   Slider,
   SliderOutput,
   Sonner,
@@ -1665,7 +1706,8 @@ function Tag({ children, className, ...props }) {
   heading,
   sonner,
   text,
-  textField
+  textField,
+  useFilter
 });
 
 //# sourceMappingURL=index.js.map