@lolmath/ui 7.0.0 → 8.1.0

package/dist/es/index.js

@@ -7,7 +7,7 @@ import {
   GridLayout,
   ListBoxItem,
   ListLayout as ListLayout3,
-  Popover as Popover3,
+  Popover as Popover2,
   RouterProvider,
   Size,
   TableLayout,
@@ -71,7 +71,6 @@ function Breadcrumb({
 
 // src/components/button.tsx
 import { cva } from "cva";
-import { forwardRef } from "react";
 import {
   Button as AriaButton,
   composeRenderProps as composeRenderProps2
@@ -107,15 +106,16 @@ var button = cva({
     }
   }
 });
-function _Button({
+function Button({
   children,
   className,
   preset = "secondary",
   shape = "normal",
   size = "medium",
   thin = preset === "dimmed",
+  ref,
   ...props
-}, ref) {
+}) {
   return /* @__PURE__ */ jsx2(
     AriaButton,
     {
@@ -136,25 +136,23 @@ function _Button({
     }
   );
 }
-var Button = forwardRef(_Button);
-Button.displayName = "Button";
 
 // src/components/button-link.tsx
-import { forwardRef as forwardRef2 } from "react";
 import {
   Link as AriaButton2,
   composeRenderProps as composeRenderProps3
 } from "react-aria-components";
 import { jsx as jsx3 } from "react/jsx-runtime";
-function _ButtonLink({
+function ButtonLink({
   children,
   className,
   preset = "secondary",
   shape = "normal",
   size = "medium",
+  ref,
   thin = preset === "dimmed",
   ...props
-}, ref) {
+}) {
   return /* @__PURE__ */ jsx3(
     AriaButton2,
     {
@@ -175,8 +173,6 @@ function _ButtonLink({
     }
   );
 }
-var ButtonLink = forwardRef2(_ButtonLink);
-ButtonLink.displayName = "ButtonLink";
 
 // src/components/checkbox/checkbox.tsx
 import { cx as cx2 } from "cva";
@@ -849,22 +845,102 @@ function SearchField({
 }
 
 // src/components/select/multiple-select.tsx
-import { cva as cva9 } from "cva";
-import React, { useMemo } from "react";
-import { VisuallyHidden } from "react-aria";
+import { cx as cx11 } from "cva";
+import React from "react";
+import {
+  Popover as AriaPopover4,
+  Autocomplete as Autocomplete2,
+  Select as Select2,
+  SelectValue as SelectValue2,
+  useFilter as useFilter2
+} from "react-aria-components";
+
+// src/components/tag-group/tag-group.tsx
+import { cva as cva8, cx as cx9 } from "cva";
 import {
   Button as AriaButton4,
-  ComboBox,
-  Group as Group2,
-  Input,
-  ListBox,
-  Popover as Popover2,
-  TagGroup,
-  TagList
+  Tag as AriaTag,
+  TagGroup as AriaTagGroup,
+  TagList as AriaTagList,
+  composeRenderProps as composeRenderProps12
+} from "react-aria-components";
+
+// src/components/tag-group/tag-group.module.css
+var tag_group_default = { "tag": "tag_c2881", "gold": "gold_c2881", "hextech": "hextech_c2881", "grey": "grey_c2881", "text": "text_c2881", "remove": "remove_c2881", "tagGroup": "tagGroup_c2881", "tagList": "tagList_c2881" };
+
+// src/components/tag-group/tag-group.tsx
+import { Fragment as Fragment7, jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+var tag = cva8({
+  base: tag_group_default.tag,
+  variants: {
+    variant: {
+      gold: tag_group_default.gold,
+      hextech: tag_group_default.hextech,
+      grey: tag_group_default.grey
+    }
+  },
+  defaultVariants: { variant: "gold" }
+});
+function Tag({
+  children,
+  className,
+  variant = "gold",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx14(
+    AriaTag,
+    {
+      ...props,
+      className: composeRenderProps12(
+        className,
+        (className2, values) => cx9(tag({ variant, className: className2, ...values }))
+      ),
+      children: composeRenderProps12(children, (children2) => /* @__PURE__ */ jsxs9(Fragment7, { children: [
+        /* @__PURE__ */ jsx14("span", { className: tag_group_default.text, children: children2 }),
+        /* @__PURE__ */ jsx14(AriaButton4, { slot: "remove", className: tag_group_default.remove })
+      ] }))
+    }
+  );
+}
+var tagGroup = cva8({
+  base: tag_group_default.tagGroup
+});
+function TagGroup({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx14(AriaTagGroup, { ...props, className: tagGroup({ className }), children });
+}
+var tagList = cva8({
+  base: tag_group_default.tagList
+});
+function TagList({
+  children,
+  className,
+  selectLabel,
+  variant = "hextech",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx14(AriaTagList, { ...props, className: tagList({ className }), children: (item2) => /* @__PURE__ */ jsx14(Tag, { variant, children: selectLabel(item2) }) });
+}
+
+// src/components/select/multiple-select.module.css
+var multiple_select_default = { "popover": "popover_e6fde", "select": "select_e6fde", "triggerContainer": "triggerContainer_e6fde" };
+
+// src/components/select/select.tsx
+import { cva as cva10, cx as cx10 } from "cva";
+import {
+  Button as AriaButton5,
+  ListBox as AriaListBox,
+  ListBoxItem as AriaListBoxItem,
+  Popover as AriaPopover3,
+  Virtualizer as AriaVirtualizer2,
+  composeRenderProps as composeRenderProps13,
+  ListLayout as ListLayout2
 } from "react-aria-components";
 
+// src/components/select/select.module.css
+var select_default = { "button": "button_560be", "small": "small_560be", "medium": "medium_560be", "large": "large_560be", "singleSelect": "singleSelect_560be", "multiSelect": "multiSelect_560be", "listBox": "listBox_560be", "item": "item_560be", "focus": "focus_560be", "selected": "selected_560be", "popover": "popover_560be", "emptyList": "emptyList_560be" };
+
 // src/components/typography/text.tsx
-import { cva as cva8 } from "cva";
+import { cva as cva9 } from "cva";
 import {
   Label as AriaLabel,
   Text as AriaText
@@ -874,8 +950,8 @@ import {
 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" };
 
 // src/components/typography/text.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
-var text = cva8({
+import { jsx as jsx15 } from "react/jsx-runtime";
+var text = cva9({
   base: text_default.text,
   variants: {
     color: {
@@ -900,7 +976,7 @@ function Text({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx14(AriaText, { className: text({ preset, color, className }), ...rest });
+  return /* @__PURE__ */ jsx15(AriaText, { className: text({ preset, color, className }), ...rest });
 }
 function Label2({
   preset = "sm",
@@ -908,229 +984,10 @@ function Label2({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx14(AriaLabel, { className: text({ preset, color, className }), ...rest });
-}
-
-// 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" };
-
-// src/components/select/select.module.css
-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-closed.png
-var select_closed_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAAiUlEQVR42mL8//8/A6mAiYEMQJYmFnSBk6vzYcwmIP4LxI0gjnnoRNyaoKAViKuQ+I14bQKCTiAuA+I6IGYG4gZ0jSw4nFwB1QwDjIRsKkbjNwxckFNNUw8QlyLx66EYb0D8A+IuIGaDyjcQE0+gOPoDxC1I8dNASBMDNDX8hWKMIGcc3FkDIMAA1n8bpHnZDOAAAAAASUVORK5CYII=";
-
-// src/components/select/multiple-select.tsx
-import { Fragment as Fragment7, jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
-var multiSelect = cva9({
-  base: multiple_select_default.multiSelect,
-  variants: {
-    size: {
-      small: multiple_select_default.small,
-      medium: multiple_select_default.medium,
-      large: multiple_select_default.large
-    },
-    isFocusWithin: {
-      true: multiple_select_default.focusWithin
-    },
-    isHovered: {
-      true: multiple_select_default.hover
-    },
-    isDisabled: {
-      true: multiple_select_default.disabled
-    }
-  }
-});
-function MultipleSelect({
-  children,
-  items,
-  selectedItems,
-  onChange,
-  className,
-  name,
-  renderEmptyState,
-  size = "medium",
-  ...props
-}) {
-  const tagGroupIdentifier = React.useId();
-  const triggerRef = React.useRef(null);
-  const [width, setWidth] = React.useState(0);
-  const selectedKeys = selectedItems.map((i) => i.id);
-  const [fieldState, setFieldState] = React.useState({
-    selectedKey: null,
-    inputValue: ""
-  });
-  const accessibleItems = useMemo(
-    () => items.filter(
-      (item2) => !selectedItems.some((selected) => selected.id === item2.id)
-    ).filter(
-      (item2) => item2.name.toLowerCase().includes(fieldState.inputValue.toLowerCase())
-    ),
-    [selectedItems, fieldState.inputValue, items]
-  );
-  const onRemove = React.useCallback(
-    (keys) => {
-      const key = keys.values().next().value;
-      onChange?.(selectedItems.filter((i) => i.id !== key));
-      setFieldState({ inputValue: "", selectedKey: null });
-    },
-    [selectedItems, onChange]
-  );
-  const onSelectionChange = (id) => {
-    if (!id)
-      return;
-    const item2 = items.find((i) => i.id === id);
-    if (!item2)
-      return;
-    if (!selectedKeys.includes(id)) {
-      onChange?.([...selectedItems, item2]);
-      setFieldState({
-        inputValue: "",
-        selectedKey: id
-      });
-    }
-  };
-  const onInputChange = (v) => {
-    setFieldState((prevState) => ({
-      inputValue: v,
-      selectedKey: v === "" ? null : prevState.selectedKey
-    }));
-  };
-  const popLast = React.useCallback(() => {
-    if (selectedItems.length > 0) {
-      onChange?.(selectedItems.slice(0, -1));
-    }
-    setFieldState({
-      inputValue: "",
-      selectedKey: null
-    });
-  }, [selectedItems, onChange]);
-  const onKeyDownCapture = React.useCallback(
-    (e) => {
-      if (e.key === "Backspace" && fieldState.inputValue === "") {
-        popLast();
-      }
-    },
-    [popLast, fieldState.inputValue]
-  );
-  React.useEffect(() => {
-    const trigger = triggerRef.current;
-    if (!trigger)
-      return;
-    const observer = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        setWidth(entry.target.clientWidth);
-      }
-    });
-    observer.observe(trigger);
-    return () => {
-      observer.unobserve(trigger);
-    };
-  }, []);
-  const triggerButtonRef = React.useRef(null);
-  return /* @__PURE__ */ jsx15(Group2, { children: (groupRenderProps) => /* @__PURE__ */ jsx15(Fragment7, { children: /* @__PURE__ */ jsxs9(
-    "div",
-    {
-      ref: triggerRef,
-      className: multiSelect({ size, ...groupRenderProps }),
-      children: [
-        /* @__PURE__ */ jsxs9("div", { className: multiple_select_default.tagsAndInput, children: [
-          /* @__PURE__ */ jsx15(
-            TagGroup,
-            {
-              "aria-label": "Selected items",
-              id: tagGroupIdentifier,
-              onRemove,
-              children: /* @__PURE__ */ jsx15(TagList, { items: selectedItems, className: multiple_select_default.tagList, children: props.tag })
-            }
-          ),
-          /* @__PURE__ */ jsxs9(
-            ComboBox,
-            {
-              ...props,
-              "aria-label": "Available items",
-              allowsEmptyCollection: true,
-              className: multiple_select_default.comboBox,
-              items: accessibleItems,
-              selectedKey: fieldState.selectedKey,
-              inputValue: fieldState.inputValue,
-              onSelectionChange,
-              onInputChange,
-              children: [
-                /* @__PURE__ */ jsx15(
-                  Input,
-                  {
-                    className: multiple_select_default.input,
-                    onBlur: () => {
-                      setFieldState({
-                        inputValue: "",
-                        selectedKey: null
-                      });
-                    },
-                    onKeyDownCapture,
-                    ...props.inputProps
-                  }
-                ),
-                /* @__PURE__ */ jsx15(VisuallyHidden, { children: /* @__PURE__ */ jsx15(
-                  Button,
-                  {
-                    slot: "remove",
-                    "aria-label": "Remove",
-                    ref: triggerButtonRef,
-                    children: "Remove"
-                  }
-                ) }),
-                /* @__PURE__ */ jsx15(
-                  Popover2,
-                  {
-                    className: select_default.popover,
-                    style: { width: `${width}px` },
-                    triggerRef,
-                    trigger: "ComboBox",
-                    children: /* @__PURE__ */ jsx15(
-                      ListBox,
-                      {
-                        className: select_default.listBox,
-                        renderEmptyState: () => renderEmptyState ? renderEmptyState(fieldState.inputValue) : /* @__PURE__ */ jsx15(Text, { className: multiple_select_default.emptyText, children: fieldState.inputValue ? /* @__PURE__ */ jsxs9(Fragment7, { children: [
-                          "No results found for:",
-                          " ",
-                          /* @__PURE__ */ jsx15("strong", { children: fieldState.inputValue })
-                        ] }) : "No options" }),
-                        selectionMode: "multiple",
-                        children
-                      }
-                    )
-                  }
-                )
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx15("div", { "aria-hidden": true, children: /* @__PURE__ */ jsx15(
-          AriaButton4,
-          {
-            excludeFromTabOrder: true,
-            onPress: () => triggerButtonRef.current?.click(),
-            className: multiple_select_default.chevronButton,
-            children: /* @__PURE__ */ jsx15("img", { src: select_closed_default, alt: "" })
-          }
-        ) })
-      ]
-    }
-  ) }) });
+  return /* @__PURE__ */ jsx15(AriaLabel, { className: text({ preset, color, className }), ...rest });
 }
 
 // src/components/select/select.tsx
-import { cva as cva10, cx as cx9 } from "cva";
-import {
-  Button as AriaButton5,
-  ListBox as AriaListBox,
-  ListBoxItem as AriaListBoxItem,
-  Popover as AriaPopover3,
-  Virtualizer as AriaVirtualizer2,
-  composeRenderProps as composeRenderProps12,
-  ListLayout as ListLayout2
-} from "react-aria-components";
 import { Select, SelectValue } from "react-aria-components";
 import { jsx as jsx16 } from "react/jsx-runtime";
 var select = cva10({
@@ -1140,6 +997,10 @@ var select = cva10({
       small: select_default.small,
       medium: select_default.medium,
       large: select_default.large
+    },
+    selectionMode: {
+      single: select_default.singleSelect,
+      multiple: select_default.multiSelect
     }
   }
 });
@@ -1152,9 +1013,9 @@ function SelectButton({
     AriaButton5,
     {
       ...props,
-      className: composeRenderProps12(
+      className: composeRenderProps13(
         className,
-        (className2, buttonValues) => select({ ...buttonValues, size, className: className2 })
+        (className2, buttonValues) => select({ ...buttonValues, size, className: className2, selectionMode: "single" })
       )
     }
   );
@@ -1164,24 +1025,36 @@ function SelectPopover({ className, ...props }) {
     AriaPopover3,
     {
       ...props,
-      className: composeRenderProps12(
+      className: composeRenderProps13(
         className,
-        (className2) => cx9(className2, select_default.popover)
+        (className2) => cx10(className2, select_default.popover)
       )
     }
   );
 }
 function SelectListBox({
   className,
+  emptyList = "No results found",
   ...props
 }) {
   return /* @__PURE__ */ jsx16(
     AriaListBox,
     {
       ...props,
-      className: composeRenderProps12(
+      renderEmptyState: () => /* @__PURE__ */ jsx16(
+        "div",
+        {
+          className: text({
+            color: "grey150",
+            preset: "base",
+            className: select_default.emptyList
+          }),
+          children: emptyList
+        }
+      ),
+      className: composeRenderProps13(
         className,
-        (className2) => cx9(className2, select_default.listBox)
+        (className2) => cx10(className2, select_default.listBox)
       )
     }
   );
@@ -1198,7 +1071,7 @@ function SelectListBoxItem({ className, ...props }) {
     AriaListBoxItem,
     {
       ...props,
-      className: composeRenderProps12(
+      className: composeRenderProps13(
         className,
         (className2, values) => item({ ...values, className: className2 })
       )
@@ -1221,21 +1094,85 @@ function SelectVirtualizer(props) {
   );
 }
 
+// src/components/select/multiple-select.tsx
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+function MultipleSelect({
+  items,
+  className,
+  size = "medium",
+  emptyList,
+  emptyTags = "No items selected",
+  tagGroupLabel = "Selected items",
+  selectId,
+  selectLabel,
+  ...selectProps
+}) {
+  const triggerContainerRef = React.useRef(null);
+  const { contains } = useFilter2({ sensitivity: "base" });
+  return /* @__PURE__ */ jsxs10(Select2, { selectionMode: "multiple", ...selectProps, children: [
+    /* @__PURE__ */ jsxs10("div", { ref: triggerContainerRef, className: multiple_select_default.triggerContainer, children: [
+      /* @__PURE__ */ jsx17(
+        SelectValue2,
+        {
+          className: select({
+            size,
+            selectionMode: "multiple",
+            className: cx11(multiple_select_default.select, className)
+          }),
+          children: ({ selectedItems, state }) => /* @__PURE__ */ jsx17(
+            TagGroup,
+            {
+              "aria-label": tagGroupLabel,
+              onRemove: (keys) => {
+                if (Array.isArray(state.value)) {
+                  state.setValue(state.value.filter((k) => !keys.has(k)));
+                }
+              },
+              children: /* @__PURE__ */ jsx17(
+                TagList,
+                {
+                  selectLabel,
+                  items: selectedItems.filter((item2) => item2 != null),
+                  renderEmptyState: () => emptyTags,
+                  variant: "hextech"
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx17(Button, { shape: "square", thin: true, size, children: "+" })
+    ] }),
+    /* @__PURE__ */ jsx17(AriaPopover4, { className: multiple_select_default.popover, triggerRef: triggerContainerRef, children: /* @__PURE__ */ jsxs10(Autocomplete2, { filter: contains, children: [
+      /* @__PURE__ */ jsx17(SearchField, { inputProps: { autoFocus: true } }),
+      /* @__PURE__ */ jsx17(SelectVirtualizer, { children: /* @__PURE__ */ jsx17(
+        SelectListBox,
+        {
+          items,
+          selectionMode: "multiple",
+          emptyList,
+          children: (item2) => /* @__PURE__ */ jsx17(SelectListBoxItem, { id: selectId(item2), children: selectLabel(item2) }, selectId(item2))
+        }
+      ) })
+    ] }) })
+  ] });
+}
+
 // src/components/slider/slider.tsx
-import { cva as cva11, cx as cx10 } from "cva";
+import { cva as cva11, cx as cx12 } from "cva";
 import {
   Slider as AriaSlider,
   SliderOutput as AriaSliderOutput,
   SliderThumb as AriaSliderThumb,
   SliderTrack as AriaSliderTrack,
-  composeRenderProps as composeRenderProps13
+  composeRenderProps as composeRenderProps14
 } from "react-aria-components";
 
 // src/components/slider/slider.module.css
 var slider_default = { "track": "track_e4d5d", "background": "background_e4d5d", "foreground": "foreground_e4d5d", "disabled": "disabled_e4d5d", "thumb": "thumb_e4d5d", "thumbDragging": "thumbDragging_e4d5d", "otherThumbDragging": "otherThumbDragging_e4d5d" };
 
 // src/components/slider/slider.tsx
-import { Fragment as Fragment8, jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
 var sliderTrackForeground = cva11({
   base: slider_default.foreground,
   variants: {
@@ -1270,33 +1207,33 @@ function Slider({
   sliderTrackForegroundClassName,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(AriaSlider, { ...props, className, children: (values) => /* @__PURE__ */ jsxs10(Fragment8, { children: [
+  return /* @__PURE__ */ jsx18(AriaSlider, { ...props, className, children: (values) => /* @__PURE__ */ jsxs11(Fragment8, { children: [
     typeof children === "function" ? children(values) : children,
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx18(
       AriaSliderTrack,
       {
         ...sliderTrackProps,
-        className: composeRenderProps13(
+        className: composeRenderProps14(
           className,
-          (className2) => cx10(slider_default.track, className2)
+          (className2) => cx12(slider_default.track, className2)
         ),
         children: (values2) => {
           const left = values2.state.values.length === 1 ? 0 : values2.state.getThumbPercent(0) * 100;
           const width = values2.state.values.length === 1 ? values2.state.getThumbPercent(0) * 100 : (values2.state.getThumbPercent(1) - values2.state.getThumbPercent(0)) * 100;
-          return /* @__PURE__ */ jsxs10(Fragment8, { children: [
-            /* @__PURE__ */ jsx17(
+          return /* @__PURE__ */ jsxs11(Fragment8, { children: [
+            /* @__PURE__ */ jsx18(
               "div",
               {
-                className: composeRenderProps13(
+                className: composeRenderProps14(
                   sliderTrackBackgroundClassName,
-                  (className2) => cx10(className2, slider_default.background)
+                  (className2) => cx12(className2, slider_default.background)
                 )(values2)
               }
             ),
-            /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18(
               "div",
               {
-                className: composeRenderProps13(
+                className: composeRenderProps14(
                   sliderTrackForegroundClassName,
                   (className2) => sliderTrackForeground({
                     ...values2.state,
@@ -1308,7 +1245,7 @@ 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__ */ jsx17(
+              return /* @__PURE__ */ jsx18(
                 AriaSliderThumb,
                 {
                   index: i,
@@ -1316,7 +1253,7 @@ function Slider({
                     zIndex
                   },
                   ...sliderThumbProps,
-                  className: composeRenderProps13(
+                  className: composeRenderProps14(
                     sliderThumbProps.className,
                     (className2, sliderThumbRenderProps) => sliderThumb({
                       isDisabled: sliderThumbRenderProps.isDisabled,
@@ -1342,12 +1279,12 @@ function SliderOutput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     AriaSliderOutput,
     {
-      className: composeRenderProps13(
+      className: composeRenderProps14(
         className,
-        (className2) => cx10(text_default.text, text_default.sm, text_default.grey100, className2)
+        (className2) => cx12(text_default.text, text_default.sm, text_default.grey100, className2)
       ),
       ...props,
       children: (sliderRenderProps) => sliderRenderProps.state.values.map((_, i) => sliderRenderProps.state.getThumbValueLabel(i)).join(" – ")
@@ -1356,14 +1293,14 @@ function SliderOutput({
 }
 
 // src/components/sonner/sonner.tsx
-import { useMemo as useMemo2 } from "react";
+import { useMemo } from "react";
 import {
   toast as sonnerToast,
   Toaster
 } from "sonner";
 
 // src/components/spinner/spinner.tsx
-import { cx as cx11 } from "cva";
+import { cx as cx13 } from "cva";
 
 // src/components/spinner/spinner.module.css
 var spinner_default = { "spinner": "spinner_497bb", "spin": "spin_497bb" };
@@ -1372,16 +1309,16 @@ var spinner_default = { "spinner": "spinner_497bb", "spin": "spin_497bb" };
 var spinner_spinner_default = "data:image/png;base64,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";
 
 // src/components/spinner/spinner.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function Spinner({ className }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "img",
     {
       role: "status",
       "aria-live": "polite",
       "aria-label": "loading",
       src: spinner_spinner_default,
-      className: cx11(spinner_default.spinner, className)
+      className: cx13(spinner_default.spinner, className)
     }
   );
 }
@@ -1402,14 +1339,14 @@ var sonner_success_default = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20hei
 var sonner_warning_default = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.8889%203L18%2015.25L17.1111%2017H2.88889L2%2015.25L9.11111%203H10.8889ZM9.11111%2011.75L8.22222%207.375L10%206.5L11.7778%207.375L10.8889%2011.75H9.11111ZM11.7778%2014.375L10%2016.125L8.22222%2014.375L10%2012.625L11.7778%2014.375Z%22%20fill%3D%22%23C89B3C%22%2F%3E%3C%2Fsvg%3E";
 
 // src/components/sonner/sonner.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var sonner = sonnerToast;
 function Sonner(props) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     Toaster,
     {
       ...props,
-      toastOptions: useMemo2(
+      toastOptions: useMemo(
         () => ({
           ...props.toastOptions,
           unstyled: true,
@@ -1449,41 +1386,41 @@ function Sonner(props) {
         [props.toastOptions]
       ),
       icons: {
-        loading: /* @__PURE__ */ jsx19(Spinner, {}),
-        success: /* @__PURE__ */ jsx19("img", { src: sonner_success_default, alt: "" }),
-        error: /* @__PURE__ */ jsx19("img", { src: sonner_error_default, alt: "" }),
-        warning: /* @__PURE__ */ jsx19("img", { src: sonner_warning_default, alt: "" }),
-        info: /* @__PURE__ */ jsx19("img", { src: sonner_info_default, alt: "" })
+        loading: /* @__PURE__ */ jsx20(Spinner, {}),
+        success: /* @__PURE__ */ jsx20("img", { src: sonner_success_default, alt: "" }),
+        error: /* @__PURE__ */ jsx20("img", { src: sonner_error_default, alt: "" }),
+        warning: /* @__PURE__ */ jsx20("img", { src: sonner_warning_default, alt: "" }),
+        info: /* @__PURE__ */ jsx20("img", { src: sonner_info_default, alt: "" })
       }
     }
   );
 }
 
 // src/components/switch.tsx
-import { cx as cx12 } from "cva";
+import { cx as cx14 } from "cva";
 import {
   Switch as AriaSwitch,
-  composeRenderProps as composeRenderProps14
+  composeRenderProps as composeRenderProps15
 } from "react-aria-components";
 
 // src/components/switch.module.css
 var switch_default = { "switch": "switch_cfb98", "track": "track_cfb98", "knob": "knob_cfb98" };
 
 // src/components/switch.tsx
-import { Fragment as Fragment9, jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
 function Switch({
   className,
   placeholder,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     AriaSwitch,
     {
       ...props,
-      className: composeRenderProps14(
+      className: composeRenderProps15(
         className,
-        (className2) => cx12(
+        (className2) => cx14(
           switch_default.switch,
           text_default.label,
           text_default.text,
@@ -1491,8 +1428,8 @@ function Switch({
           className2
         )
       ),
-      children: (values) => /* @__PURE__ */ jsxs11(Fragment9, { children: [
-        /* @__PURE__ */ jsx20("div", { className: switch_default.track, children: /* @__PURE__ */ jsx20("span", { className: switch_default.knob }) }),
+      children: (values) => /* @__PURE__ */ jsxs12(Fragment9, { children: [
+        /* @__PURE__ */ jsx21("div", { className: switch_default.track, children: /* @__PURE__ */ jsx21("span", { className: switch_default.knob }) }),
         typeof children === "function" ? children(values) : children
       ] })
     }
@@ -1500,84 +1437,55 @@ function Switch({
 }
 
 // src/components/tabs.tsx
-import { cx as cx13 } from "cva";
+import { cx as cx15 } from "cva";
 import {
   Tab as AriaTab,
   TabList as AriaTabList,
   TabPanel as AriaTabPanel,
   Tabs as AriaTabs,
-  composeRenderProps as composeRenderProps15
+  composeRenderProps as composeRenderProps16,
+  SelectionIndicator
 } from "react-aria-components";
 
 // src/components/tabs.module.css
 var tabs_default = { "list": "list_c42a1", "tab": "tab_c42a1", "indicator": "indicator_c42a1" };
 
 // src/components/tabs.tsx
-import { Fragment as Fragment10, jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
 var Tabs = AriaTabs;
 function TabList({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     AriaTabList,
     {
       ...rest,
-      className: composeRenderProps15(
+      className: composeRenderProps16(
         className,
-        (className2) => cx13(tabs_default.list, className2)
+        (className2) => cx15(tabs_default.list, className2)
       )
     }
   );
 }
 function Tab({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     AriaTab,
     {
       ...rest,
-      className: composeRenderProps15(
+      className: composeRenderProps16(
         className,
-        (className2) => cx13(tabs_default.tab, className2)
+        (className2) => cx15(tabs_default.tab, className2)
       ),
-      children: (values) => /* @__PURE__ */ jsxs12(Fragment10, { children: [
+      children: (values) => /* @__PURE__ */ jsxs13(Fragment10, { children: [
         typeof children === "function" ? children(values) : children,
-        values.isSelected && /* @__PURE__ */ jsx21("div", { className: tabs_default.indicator })
+        values.isSelected && /* @__PURE__ */ jsx22(SelectionIndicator, { className: tabs_default.indicator })
       ] })
     }
   );
 }
 function TabPanel({ ...rest }) {
-  return /* @__PURE__ */ jsx21(AriaTabPanel, { ...rest });
-}
-
-// src/components/tag/tag.tsx
-import { cx as cx14 } from "cva";
-import {
-  Button as AriaButton6,
-  Tag as AriaTag,
-  composeRenderProps as composeRenderProps16
-} from "react-aria-components";
-
-// src/components/tag/tag.module.css
-var tag_default = { "tag": "tag_c7c88", "text": "text_c7c88", "remove": "remove_c7c88" };
-
-// src/components/tag/tag.tsx
-import { Fragment as Fragment11, jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
-function Tag({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx22(
-    AriaTag,
-    {
-      ...props,
-      className: composeRenderProps16(
-        className,
-        (className2) => cx14(tag_default.tag, className2)
-      ),
-      children: composeRenderProps16(children, (children2) => /* @__PURE__ */ jsxs13(Fragment11, { children: [
-        /* @__PURE__ */ jsx22("span", { className: tag_default.text, children: children2 }),
-        /* @__PURE__ */ jsx22(AriaButton6, { slot: "remove", className: tag_default.remove })
-      ] }))
-    }
-  );
+  return /* @__PURE__ */ jsx22(AriaTabPanel, { ...rest });
 }
 
 // src/components/text-area.tsx
@@ -1599,7 +1507,7 @@ import {
 var text_field_default = { "textField": "textField_32558", "small": "small_32558", "medium": "medium_32558", "large": "large_32558", "textArea": "textArea_32558" };
 
 // src/components/text-field.tsx
-import { Fragment as Fragment12, jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
 var textField = cva12({
   base: text_field_default.textField,
   variants: {
@@ -1618,7 +1526,7 @@ function TextField({
   size = "medium",
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(AriaTextField, { ...props, children: (values) => /* @__PURE__ */ jsxs14(Fragment12, { children: [
+  return /* @__PURE__ */ jsx23(AriaTextField, { ...props, children: (values) => /* @__PURE__ */ jsxs14(Fragment11, { children: [
     typeof children === "function" ? children(values) : children,
     /* @__PURE__ */ jsx23(
       AriaInput3,
@@ -1639,13 +1547,13 @@ function TextField({
 }
 
 // src/components/text-area.tsx
-import { Fragment as Fragment13, jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
 function TextArea({
   textAreaProps = {},
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(AriaTextField2, { ...props, children: (values) => /* @__PURE__ */ jsxs15(Fragment13, { children: [
+  return /* @__PURE__ */ jsx24(AriaTextField2, { ...props, children: (values) => /* @__PURE__ */ jsxs15(Fragment12, { children: [
     typeof children === "function" ? children(values) : children,
     /* @__PURE__ */ jsx24(
       AriaTextArea,
@@ -1782,18 +1690,21 @@ export {
   TableLayout,
   Tabs,
   Tag,
+  TagGroup,
+  TagList,
   Text,
   TextArea,
   TextField,
   ToggleButton,
-  Popover3 as UnstyledPopover,
+  Popover2 as UnstyledPopover,
   Virtualizer,
   WaterfallLayout,
-  _Button,
-  _ButtonLink,
   button,
   heading,
+  select,
   sonner,
+  tagGroup,
+  tagList,
   text,
   textField,
   useFilter