@lolmath/ui 5.0.0 → 6.0.0

package/dist/lib/index.d.ts

@@ -1,9 +1,9 @@
 import * as react_aria_components from 'react-aria-components';
-import { ButtonProps as ButtonProps$1, DisclosureProps, DisclosurePanelProps, BreadcrumbsProps, BreadcrumbProps, LinkProps, CheckboxProps, HeadingProps as HeadingProps$1, ModalOverlayProps, DialogProps, NumberFieldProps, Input, Group, ProgressBarProps as ProgressBarProps$1, RadioGroupProps, RadioProps, SearchFieldProps, ListBoxItemProps, SelectProps as SelectProps$1, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SliderOutputProps, SwitchProps, TabListProps, TabProps, TabPanelProps, TextFieldProps, TextAreaProps, InputProps, ToggleButtonProps as ToggleButtonProps$1, PopoverProps, LabelProps as LabelProps$1, MenuTrigger as MenuTrigger$1, MenuItemProps as MenuItemProps$1, MenuProps as MenuProps$1, ComboBoxProps, TagProps } from 'react-aria-components';
-export { Dialog, DialogTrigger, Key, RouterProvider, Popover as UnstyledPopover } from 'react-aria-components';
+import { ButtonProps as ButtonProps$1, DisclosureProps, DisclosurePanelProps, BreadcrumbsProps, BreadcrumbProps, LinkProps, CheckboxProps, HeadingProps as HeadingProps$1, ModalOverlayProps, DialogProps, NumberFieldProps, Input, Group, ProgressBarProps as ProgressBarProps$1, RadioGroupProps, RadioProps, SearchFieldProps, PopoverProps, ListBoxProps, ListBoxItemProps, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SliderOutputProps, SwitchProps, TabListProps, TabProps, TabPanelProps, TextFieldProps, TextAreaProps, InputProps, ToggleButtonProps as ToggleButtonProps$1, LabelProps as LabelProps$1, MenuTrigger as MenuTrigger$1, MenuProps, MenuItemProps, ComboBoxProps, TagProps } from 'react-aria-components';
+export { Autocomplete, Dialog, DialogTrigger, Key, MenuItemProps, MenuProps, RouterProvider, Select, SelectValue, Popover as UnstyledPopover, useFilter } from 'react-aria-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { Ref, ComponentProps, JSX, ReactNode } from 'react';
+import react__default, { Ref, ComponentProps, JSX } from 'react';
 import { ExternalToast as ExternalToast$1, ToasterProps } from 'sonner';
 import { Key } from 'react-aria';
 
@@ -140,16 +140,12 @@ declare function SearchField({ inputProps, borderProps, children, className, siz
     size?: "small" | "medium" | "large";
 }): react_jsx_runtime.JSX.Element;
 
-interface SelectProps<T extends object> extends Omit<SelectProps$1<T>, "children"> {
-    label?: string;
-    description?: string;
-    errorMessage?: string;
-    items?: Iterable<T>;
-    children?: ReactNode | ((item: T) => ReactNode);
+declare function SelectButton({ className, size, ...props }: ButtonProps$1 & {
     size?: "small" | "medium" | "large";
-}
-declare function Select<T extends object>({ description, errorMessage, children, items, className, size, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
-declare function Item({ className, ...props }: ListBoxItemProps): react_jsx_runtime.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+declare function SelectPopover({ className, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
+declare function SelectListBox<T extends object>({ className, ...props }: ListBoxProps<T>): react_jsx_runtime.JSX.Element;
+declare function SelectListBoxItem({ className, ...props }: ListBoxItemProps): react_jsx_runtime.JSX.Element;
 
 declare function Slider<T extends number | number[]>({ children, className, sliderThumbProps, sliderTrackProps, sliderTrackBackgroundClassName, sliderTrackForegroundClassName, ...props }: SliderProps<T> & {
     sliderTrackProps?: SliderTrackProps;
@@ -494,11 +490,8 @@ declare function Label({ preset, color, className, ...rest }: LabelProps): JSX.E
 
 declare const MenuTrigger: typeof MenuTrigger$1;
 declare const SubmenuTrigger: (props: react_aria_components.SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
-interface MenuProps<T extends object> extends MenuProps$1<T> {
-}
-declare function Menu<T extends object>({ children, className, ...props }: MenuProps<T>): react_jsx_runtime.JSX.Element;
-type MenuItemProps<T extends object> = MenuItemProps$1<T>;
-declare function MenuItem<T extends object>({ children, className, ...props }: MenuItemProps<T>): react_jsx_runtime.JSX.Element;
+declare function Menu<T extends object>({ className, ...props }: MenuProps<T>): react_jsx_runtime.JSX.Element;
+declare function MenuItem<T extends object>({ className, ...props }: MenuItemProps<T>): react_jsx_runtime.JSX.Element;
 
 interface SelectedKey {
     id: Key;
@@ -519,4 +512,4 @@ declare function MultipleSelect<T extends SelectedKey>({ children, items, select
 
 declare function Tag({ children, className, ...props }: TagProps): react_jsx_runtime.JSX.Element;
 
-export { Breadcrumb, Breadcrumbs, Button, ButtonLink, type ButtonPreset, type ButtonShape, type ButtonSize, Checkbox, DialogButtons, DialogHeading, Disclosure, DisclosureButton, DisclosureGroup, DisclosurePanel, Divider, Heading, type HeadingColor, type HeadingElement, Item, Label, Menu, MenuItem, type MenuItemProps, MenuTrigger, Modal, MultipleSelect, NumberField, Popover, ProgressBar, Radio, RadioGroup, SearchField, Select, type SelectedKey, Slider, SliderOutput, Sonner, type SonnerProps, Spinner, SubmenuTrigger, Switch, Tab, TabList, TabPanel, Tabs, Tag, Text, TextArea, type TextColor, type TextElement, TextField, type TextPreset, type ToastVariant, ToggleButton, type ToggleButtonPreset, _Button, _ButtonLink, button, heading, sonner, text, textField };
+export { Breadcrumb, Breadcrumbs, Button, ButtonLink, type ButtonPreset, type ButtonShape, type ButtonSize, Checkbox, DialogButtons, DialogHeading, Disclosure, DisclosureButton, DisclosureGroup, DisclosurePanel, Divider, Heading, type HeadingColor, type HeadingElement, Label, Menu, MenuItem, MenuTrigger, Modal, MultipleSelect, NumberField, Popover, ProgressBar, Radio, RadioGroup, SearchField, SelectButton, SelectListBox, SelectListBoxItem, SelectPopover, type SelectedKey, Slider, SliderOutput, Sonner, type SonnerProps, Spinner, SubmenuTrigger, Switch, Tab, TabList, TabPanel, Tabs, Tag, Text, TextArea, type TextColor, type TextElement, TextField, type TextPreset, type ToastVariant, ToggleButton, type ToggleButtonPreset, _Button, _ButtonLink, button, heading, sonner, text, textField };

package/dist/lib/index.js

@@ -30,22 +30,22 @@ 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,
@@ -57,9 +57,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 +80,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 +676,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 +688,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 +753,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 +797,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 +814,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 +823,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 +836,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 +870,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 +953,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 +1000,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 +1081,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 +1095,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 +1118,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 +1143,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 +1158,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 +1191,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 +1218,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 +1239,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 +1274,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 +1295,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 +1328,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 +1340,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 +1357,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 +1365,30 @@ 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" };
 
 // 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
+      )
     }
   );
 }
@@ -1378,7 +1397,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 +1513,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 +1521,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 +1543,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 +1566,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 +1592,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 +1607,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 +1616,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,7 +1651,6 @@ function Tag({ children, className, ...props }) {
   DisclosurePanel,
   Divider,
   Heading,
-  Item,
   Label,
   Menu,
   MenuItem,
@@ -1643,6 +1665,11 @@ function Tag({ children, className, ...props }) {
   RouterProvider,
   SearchField,
   Select,
+  SelectButton,
+  SelectListBox,
+  SelectListBoxItem,
+  SelectPopover,
+  SelectValue,
   Slider,
   SliderOutput,
   Sonner,
@@ -1665,7 +1692,8 @@ function Tag({ children, className, ...props }) {
   heading,
   sonner,
   text,
-  textField
+  textField,
+  useFilter
 });
 
 //# sourceMappingURL=index.js.map