@raystack/apsara 0.46.0-rc.2 → 0.46.0-rc.3

package/dist/v1/components/select/select-item.js

@@ -1,13 +1,15 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
 import { forwardRef, useEffect } from 'react';
-import { Item, ItemText } from '../../node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js';
+import { ItemText, Item } from '../../node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js';
+import { ComboboxItem } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/__chunks/JMHAJKUZ.js';
 import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import styles from './select.module.css.js';
 import { Text } from '../text/text.js';
 import { useSelectContext } from './select-root.js';
+import { getMatch } from '../dropdown-menu/utils.js';
 
-const SelectItem = forwardRef(({ className, textProps = {}, children, value, leadingIcon, ...props }, ref) => {
-    const { registerIcon, unregisterIcon } = useSelectContext();
+const SelectItem = forwardRef(({ className, textProps = {}, children, value, leadingIcon, disabled, ...props }, ref) => {
+    const { registerIcon, unregisterIcon, autocomplete, searchValue, value: selectValue, shouldFilter, } = useSelectContext();
     useEffect(() => {
         if (!leadingIcon)
             return;
@@ -16,7 +18,17 @@ const SelectItem = forwardRef(({ className, textProps = {}, children, value, lea
             unregisterIcon(value);
         };
     }, [value, leadingIcon]);
-    return (jsxRuntimeExports.jsxs(Item, { ref: ref, value: value, className: cx(styles.menuitem, className), ...props, children: [leadingIcon && jsxRuntimeExports.jsx("div", { className: styles.itemIcon, children: leadingIcon }), jsxRuntimeExports.jsx(ItemText, { children: jsxRuntimeExports.jsx(Text, { ...textProps, children: children }) })] }));
+    const isSelected = value === selectValue.value;
+    const isMatched = getMatch(value, children, searchValue);
+    const isHidden = shouldFilter && isSelected && !isMatched;
+    if (shouldFilter && !isMatched && !isSelected) {
+        // Not selected and doesn't match search, so don't render at all
+        return null;
+    }
+    const element = (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [leadingIcon && jsxRuntimeExports.jsx("div", { className: styles.itemIcon, children: leadingIcon }), jsxRuntimeExports.jsx(ItemText, { children: jsxRuntimeExports.jsx(Text, { ...textProps, children: children }) })] }));
+    return (jsxRuntimeExports.jsx(Item, { ref: ref, value: value, className: cx(styles.menuitem, className, isHidden && styles.hidden), "data-hidden": isHidden, disabled: disabled || isHidden, asChild: autocomplete, ...props, children: autocomplete ? (jsxRuntimeExports.jsx(ComboboxItem, { onBlurCapture: event => {
+                event.preventDefault();
+            }, children: element })) : (element) }));
 });
 SelectItem.displayName = Item.displayName;
 

package/dist/v1/components/select/select-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-item.js","sources":["../../../../v1/components/select/select-item.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef,\n  useEffect,\n} from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./select.module.css\";\nimport { Text, TextProps } from \"../text\";\nimport { useSelectContext } from \"./select-root\";\n\nexport const SelectItem = forwardRef<\n  ElementRef<typeof SelectPrimitive.Item>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Item> & {\n    textProps?: TextProps;\n    leadingIcon?: React.ReactNode;\n  }\n>(\n  (\n    { className, textProps = {}, children, value, leadingIcon, ...props },\n    ref,\n  ) => {\n    const { registerIcon, unregisterIcon } = useSelectContext();\n\n    useEffect(() => {\n      if (!leadingIcon) return;\n\n      registerIcon(value, leadingIcon);\n      return () => {\n        unregisterIcon(value);\n      };\n    }, [value, leadingIcon]);\n\n    return (\n      <SelectPrimitive.Item\n        ref={ref}\n        value={value}\n        className={cx(styles.menuitem, className)}\n        {...props}>\n        {leadingIcon && <div className={styles.itemIcon}>{leadingIcon}</div>}\n        <SelectPrimitive.ItemText>\n          <Text {...textProps}>{children}</Text>\n        </SelectPrimitive.ItemText>\n      </SelectPrimitive.Item>\n    );\n  },\n);\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n"],"names":["_jsxs","SelectPrimitive.Item","_jsx","SelectPrimitive.ItemText"],"mappings":";;;;;;;;AAYa,MAAA,UAAU,GAAG,UAAU,CAOlC,CACE,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EACrE,GAAG,KACD;IACF,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE5D,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,WAAW;YAAE,OAAO;AAEzB,QAAA,YAAY,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;AACjC,QAAA,OAAO,MAAK;YACV,cAAc,CAAC,KAAK,CAAC,CAAC;AACxB,SAAC,CAAC;AACJ,KAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAEzB,QACEA,sBAAC,CAAAC,IAAoB,IACnB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAA,GACrC,KAAK,EAAA,QAAA,EAAA,CACR,WAAW,IAAIC,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAG,QAAA,EAAA,WAAW,EAAO,CAAA,EACpEA,qBAAC,CAAAC,QAAwB,EAAA,EAAA,QAAA,EACvBD,qBAAC,CAAA,IAAI,EAAK,EAAA,GAAA,SAAS,EAAG,QAAA,EAAA,QAAQ,EAAQ,CAAA,EAAA,CACb,CACN,EAAA,CAAA,EACvB;AACJ,CAAC,EACD;AACF,UAAU,CAAC,WAAW,GAAGD,IAAoB,CAAC,WAAW;;;;"}
+{"version":3,"file":"select-item.js","sources":["../../../../v1/components/select/select-item.tsx"],"sourcesContent":["import { ElementRef, forwardRef, useEffect } from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { ComboboxItem } from \"@ariakit/react\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./select.module.css\";\nimport { Text, TextProps } from \"../text\";\nimport { useSelectContext } from \"./select-root\";\nimport { getMatch } from \"../dropdown-menu/utils\";\n\nexport const SelectItem = forwardRef<\n  ElementRef<typeof SelectPrimitive.Item>,\n  Omit<SelectPrimitive.SelectItemProps, \"asChild\"> & {\n    textProps?: TextProps;\n    leadingIcon?: React.ReactNode;\n  }\n>(\n  (\n    {\n      className,\n      textProps = {},\n      children,\n      value,\n      leadingIcon,\n      disabled,\n      ...props\n    },\n    ref,\n  ) => {\n    const {\n      registerIcon,\n      unregisterIcon,\n      autocomplete,\n      searchValue,\n      value: selectValue,\n      shouldFilter,\n    } = useSelectContext();\n\n    useEffect(() => {\n      if (!leadingIcon) return;\n\n      registerIcon(value, leadingIcon);\n      return () => {\n        unregisterIcon(value);\n      };\n    }, [value, leadingIcon]);\n\n    const isSelected = value === selectValue.value;\n    const isMatched = getMatch(value, children, searchValue);\n    const isHidden = shouldFilter && isSelected && !isMatched;\n\n    if (shouldFilter && !isMatched && !isSelected) {\n      // Not selected and doesn't match search, so don't render at all\n      return null;\n    }\n\n    const element = (\n      <>\n        {leadingIcon && <div className={styles.itemIcon}>{leadingIcon}</div>}\n        <SelectPrimitive.ItemText>\n          <Text {...textProps}>{children}</Text>\n        </SelectPrimitive.ItemText>\n      </>\n    );\n\n    return (\n      <SelectPrimitive.Item\n        ref={ref}\n        value={value}\n        className={cx(styles.menuitem, className, isHidden && styles.hidden)}\n        data-hidden={isHidden}\n        disabled={disabled || isHidden}\n        asChild={autocomplete}\n        {...props}>\n        {autocomplete ? (\n          <ComboboxItem\n            onBlurCapture={event => {\n              event.preventDefault();\n            }}>\n            {element}\n          </ComboboxItem>\n        ) : (\n          element\n        )}\n      </SelectPrimitive.Item>\n    );\n  },\n);\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n"],"names":["_jsxs","_Fragment","_jsx","SelectPrimitive.ItemText","SelectPrimitive.Item"],"mappings":";;;;;;;;;;AASO,MAAM,UAAU,GAAG,UAAU,CAOlC,CACE,EACE,SAAS,EACT,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,KAAK,EACL,WAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,EACJ,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,WAAW,EACX,KAAK,EAAE,WAAW,EAClB,YAAY,GACb,GAAG,gBAAgB,EAAE,CAAC;IAEvB,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,WAAW;YAAE,OAAO;AAEzB,QAAA,YAAY,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;AACjC,QAAA,OAAO,MAAK;YACV,cAAc,CAAC,KAAK,CAAC,CAAC;AACxB,SAAC,CAAC;AACJ,KAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;AAEzB,IAAA,MAAM,UAAU,GAAG,KAAK,KAAK,WAAW,CAAC,KAAK,CAAC;IAC/C,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,YAAY,IAAI,UAAU,IAAI,CAAC,SAAS,CAAC;IAE1D,IAAI,YAAY,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,EAAE;;AAE7C,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,MAAM,OAAO,IACXA,sBAAA,CAAAC,0BAAA,EAAA,EAAA,QAAA,EAAA,CACG,WAAW,IAAIC,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,WAAW,EAAA,CAAO,EACpEA,qBAAA,CAACC,QAAwB,EAAA,EAAA,QAAA,EACvBD,sBAAC,IAAI,EAAA,EAAA,GAAK,SAAS,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAQ,EACb,CAAA,CAAA,EAAA,CAC1B,CACJ,CAAC;IAEF,QACEA,qBAAC,CAAAE,IAAoB,EACnB,EAAA,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,IAAI,MAAM,CAAC,MAAM,CAAC,EAAA,aAAA,EACvD,QAAQ,EACrB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,OAAO,EAAE,YAAY,EAAA,GACjB,KAAK,EAAA,QAAA,EACR,YAAY,IACXF,qBAAA,CAAC,YAAY,EAAA,EACX,aAAa,EAAE,KAAK,IAAG;gBACrB,KAAK,CAAC,cAAc,EAAE,CAAC;AACzB,aAAC,EACA,QAAA,EAAA,OAAO,EACK,CAAA,KAEf,OAAO,CACR,EACoB,CAAA,EACvB;AACJ,CAAC,EACD;AACF,UAAU,CAAC,WAAW,GAAGE,IAAoB,CAAC,WAAW;;;;"}

package/dist/v1/components/select/select-misc.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var React = require('react');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.cjs');
+var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var selectRoot = require('./select-root.cjs');
+var select_module = require('./select.module.css.cjs');
+
+const SelectGroup = React.forwardRef(({ className, children, ...props }, ref) => {
+    const { shouldFilter } = selectRoot.useSelectContext();
+    if (shouldFilter)
+        return jsxRuntime.jsxRuntimeExports.jsx(React.Fragment, { children: children });
+    return (jsxRuntime.jsxRuntimeExports.jsx(index.Group, { ref: ref, className: index$1.cx(select_module.default.menugroup, className), ...props, children: children }));
+});
+SelectGroup.displayName = index.Group.displayName;
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => {
+    const { shouldFilter } = selectRoot.useSelectContext();
+    if (shouldFilter)
+        return null;
+    return (jsxRuntime.jsxRuntimeExports.jsx(index.Label, { ref: ref, className: index$1.cx(select_module.default.label, className), ...props }));
+});
+SelectLabel.displayName = index.Label.displayName;
+const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => {
+    const { shouldFilter } = selectRoot.useSelectContext();
+    if (shouldFilter)
+        return null;
+    return (jsxRuntime.jsxRuntimeExports.jsx(index.Separator, { ref: ref, className: index$1.cx(select_module.default.separator, className), ...props }));
+});
+SelectSeparator.displayName = index.Separator.displayName;
+
+exports.SelectGroup = SelectGroup;
+exports.SelectLabel = SelectLabel;
+exports.SelectSeparator = SelectSeparator;
+//# sourceMappingURL=select-misc.cjs.map

package/dist/v1/components/select/select-misc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-misc.cjs","sources":["../../../../v1/components/select/select-misc.tsx"],"sourcesContent":["import { ElementRef, forwardRef, Fragment } from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cx } from \"class-variance-authority\";\nimport { useSelectContext } from \"./select-root\";\nimport styles from \"./select.module.css\";\n\nexport const SelectGroup = forwardRef<\n  ElementRef<typeof SelectPrimitive.Group>,\n  SelectPrimitive.SelectGroupProps\n>(({ className, children, ...props }, ref) => {\n  const { shouldFilter } = useSelectContext();\n\n  if (shouldFilter) return <Fragment>{children}</Fragment>;\n\n  return (\n    <SelectPrimitive.Group\n      ref={ref}\n      className={cx(styles.menugroup, className)}\n      {...props}>\n      {children}\n    </SelectPrimitive.Group>\n  );\n});\nSelectGroup.displayName = SelectPrimitive.Group.displayName;\n\nexport const SelectLabel = forwardRef<\n  ElementRef<typeof SelectPrimitive.Label>,\n  SelectPrimitive.SelectLabelProps\n>(({ className, ...props }, ref) => {\n  const { shouldFilter } = useSelectContext();\n\n  if (shouldFilter) return null;\n\n  return (\n    <SelectPrimitive.Label\n      ref={ref}\n      className={cx(styles.label, className)}\n      {...props}\n    />\n  );\n});\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\nexport const SelectSeparator = forwardRef<\n  ElementRef<typeof SelectPrimitive.Separator>,\n  SelectPrimitive.SelectSeparatorProps\n>(({ className, ...props }, ref) => {\n  const { shouldFilter } = useSelectContext();\n\n  if (shouldFilter) return null;\n  return (\n    <SelectPrimitive.Separator\n      ref={ref}\n      className={cx(styles.separator, className)}\n      {...props}\n    />\n  );\n});\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n"],"names":["forwardRef","useSelectContext","_jsx","Fragment","SelectPrimitive.Group","cx","styles","SelectPrimitive.Label","SelectPrimitive.Separator"],"mappings":";;;;;;;;;AAMa,MAAA,WAAW,GAAGA,gBAAU,CAGnC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC3C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,2BAAgB,EAAE,CAAC;AAE5C,IAAA,IAAI,YAAY;AAAE,QAAA,OAAOC,gCAAC,CAAAC,cAAQ,EAAE,EAAA,QAAA,EAAA,QAAQ,GAAY,CAAC;IAEzD,QACED,gCAAC,CAAAE,WAAqB,EACpB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,UAAE,CAACC,qBAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EACtC,GAAA,KAAK,EACR,QAAA,EAAA,QAAQ,EACa,CAAA,EACxB;AACJ,CAAC,EAAE;AACH,WAAW,CAAC,WAAW,GAAGF,WAAqB,CAAC,WAAW,CAAC;AAE/C,MAAA,WAAW,GAAGJ,gBAAU,CAGnC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AACjC,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,2BAAgB,EAAE,CAAC;AAE5C,IAAA,IAAI,YAAY;AAAE,QAAA,OAAO,IAAI,CAAC;IAE9B,QACEC,gCAAC,CAAAK,WAAqB,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAEF,UAAE,CAACC,qBAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAClC,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EAAE;AACH,WAAW,CAAC,WAAW,GAAGC,WAAqB,CAAC,WAAW,CAAC;AAE/C,MAAA,eAAe,GAAGP,gBAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AACjC,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,2BAAgB,EAAE,CAAC;AAE5C,IAAA,IAAI,YAAY;AAAE,QAAA,OAAO,IAAI,CAAC;IAC9B,QACEC,gCAAC,CAAAM,eAAyB,IACxB,GAAG,EAAE,GAAG,EACR,SAAS,EAAEH,UAAE,CAACC,qBAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EACtC,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EAAE;AACH,eAAe,CAAC,WAAW,GAAGE,eAAyB,CAAC,WAAW;;;;;;"}

package/dist/v1/components/select/select-misc.d.ts

@@ -0,0 +1,5 @@
+import * as SelectPrimitive from "@radix-ui/react-select";
+export declare const SelectGroup: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectLabel: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectLabelProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectSeparator: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=select-misc.d.ts.map

package/dist/v1/components/select/select-misc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-misc.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select-misc.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D,eAAO,MAAM,WAAW,6HAgBtB,CAAC;AAGH,eAAO,MAAM,WAAW,6HAetB,CAAC;AAGH,eAAO,MAAM,eAAe,iIAc1B,CAAC"}

package/dist/v1/components/select/select-misc.js

@@ -0,0 +1,31 @@
+import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { forwardRef, Fragment } from 'react';
+import { Group, Label, Separator } from '../../node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { useSelectContext } from './select-root.js';
+import styles from './select.module.css.js';
+
+const SelectGroup = forwardRef(({ className, children, ...props }, ref) => {
+    const { shouldFilter } = useSelectContext();
+    if (shouldFilter)
+        return jsxRuntimeExports.jsx(Fragment, { children: children });
+    return (jsxRuntimeExports.jsx(Group, { ref: ref, className: cx(styles.menugroup, className), ...props, children: children }));
+});
+SelectGroup.displayName = Group.displayName;
+const SelectLabel = forwardRef(({ className, ...props }, ref) => {
+    const { shouldFilter } = useSelectContext();
+    if (shouldFilter)
+        return null;
+    return (jsxRuntimeExports.jsx(Label, { ref: ref, className: cx(styles.label, className), ...props }));
+});
+SelectLabel.displayName = Label.displayName;
+const SelectSeparator = forwardRef(({ className, ...props }, ref) => {
+    const { shouldFilter } = useSelectContext();
+    if (shouldFilter)
+        return null;
+    return (jsxRuntimeExports.jsx(Separator, { ref: ref, className: cx(styles.separator, className), ...props }));
+});
+SelectSeparator.displayName = Separator.displayName;
+
+export { SelectGroup, SelectLabel, SelectSeparator };
+//# sourceMappingURL=select-misc.js.map

package/dist/v1/components/select/select-misc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-misc.js","sources":["../../../../v1/components/select/select-misc.tsx"],"sourcesContent":["import { ElementRef, forwardRef, Fragment } from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cx } from \"class-variance-authority\";\nimport { useSelectContext } from \"./select-root\";\nimport styles from \"./select.module.css\";\n\nexport const SelectGroup = forwardRef<\n  ElementRef<typeof SelectPrimitive.Group>,\n  SelectPrimitive.SelectGroupProps\n>(({ className, children, ...props }, ref) => {\n  const { shouldFilter } = useSelectContext();\n\n  if (shouldFilter) return <Fragment>{children}</Fragment>;\n\n  return (\n    <SelectPrimitive.Group\n      ref={ref}\n      className={cx(styles.menugroup, className)}\n      {...props}>\n      {children}\n    </SelectPrimitive.Group>\n  );\n});\nSelectGroup.displayName = SelectPrimitive.Group.displayName;\n\nexport const SelectLabel = forwardRef<\n  ElementRef<typeof SelectPrimitive.Label>,\n  SelectPrimitive.SelectLabelProps\n>(({ className, ...props }, ref) => {\n  const { shouldFilter } = useSelectContext();\n\n  if (shouldFilter) return null;\n\n  return (\n    <SelectPrimitive.Label\n      ref={ref}\n      className={cx(styles.label, className)}\n      {...props}\n    />\n  );\n});\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\nexport const SelectSeparator = forwardRef<\n  ElementRef<typeof SelectPrimitive.Separator>,\n  SelectPrimitive.SelectSeparatorProps\n>(({ className, ...props }, ref) => {\n  const { shouldFilter } = useSelectContext();\n\n  if (shouldFilter) return null;\n  return (\n    <SelectPrimitive.Separator\n      ref={ref}\n      className={cx(styles.separator, className)}\n      {...props}\n    />\n  );\n});\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n"],"names":["_jsx","SelectPrimitive.Group","SelectPrimitive.Label","SelectPrimitive.Separator"],"mappings":";;;;;;;AAMa,MAAA,WAAW,GAAG,UAAU,CAGnC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC3C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,gBAAgB,EAAE,CAAC;AAE5C,IAAA,IAAI,YAAY;AAAE,QAAA,OAAOA,qBAAC,CAAA,QAAQ,EAAE,EAAA,QAAA,EAAA,QAAQ,GAAY,CAAC;IAEzD,QACEA,qBAAC,CAAAC,KAAqB,EACpB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EACtC,GAAA,KAAK,EACR,QAAA,EAAA,QAAQ,EACa,CAAA,EACxB;AACJ,CAAC,EAAE;AACH,WAAW,CAAC,WAAW,GAAGA,KAAqB,CAAC,WAAW,CAAC;AAE/C,MAAA,WAAW,GAAG,UAAU,CAGnC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AACjC,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,gBAAgB,EAAE,CAAC;AAE5C,IAAA,IAAI,YAAY;AAAE,QAAA,OAAO,IAAI,CAAC;IAE9B,QACED,qBAAC,CAAAE,KAAqB,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAClC,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EAAE;AACH,WAAW,CAAC,WAAW,GAAGA,KAAqB,CAAC,WAAW,CAAC;AAE/C,MAAA,eAAe,GAAG,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AACjC,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,gBAAgB,EAAE,CAAC;AAE5C,IAAA,IAAI,YAAY;AAAE,QAAA,OAAO,IAAI,CAAC;IAC9B,QACEF,qBAAC,CAAAG,SAAyB,IACxB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EACtC,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EAAE;AACH,eAAe,CAAC,WAAW,GAAGA,SAAyB,CAAC,WAAW;;;;"}

package/dist/v1/components/select/select-root.cjs

@@ -2,6 +2,7 @@
 
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
 var React = require('react');
+var comboboxProvider = require('../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/combobox/combobox-provider.cjs');
 var index = require('../../node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.cjs');
 
 /*
@@ -14,17 +15,35 @@ const useSelectContext = () => {
     if (!context) {
         throw new Error("useSelectContext must be used within a SelectProvider");
     }
-    return context;
+    const shouldFilter = !!(context?.autocomplete &&
+        context?.autocompleteMode === "auto" &&
+        context?.searchValue?.length);
+    return {
+        ...context,
+        shouldFilter,
+    };
 };
-const SelectRoot = ({ children, value, onValueChange, defaultValue, ...props }) => {
+const SelectRoot = ({ children, value, onValueChange, defaultValue, autocomplete, autocompleteMode = "auto", searchValue: providedSearchValue, onSearch, defaultSearchValue = "", open: controlledOpen, defaultOpen = false, onOpenChange, htmlAutoComplete, ...props }) => {
     const [internalValue, setInternalValue] = React.useState(defaultValue);
+    const [internalSearchValue, setInternalSearchValue] = React.useState(defaultSearchValue);
+    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
     const icons = React.useRef({});
     const computedValue = value ?? internalValue;
     const icon = computedValue && icons.current?.[computedValue];
-    const setValue = (_value) => {
+    const searchValue = providedSearchValue ?? internalSearchValue;
+    const open = controlledOpen ?? internalOpen;
+    const setValue = React.useCallback((_value) => {
         onValueChange?.(_value);
         setInternalValue(_value);
-    };
+    }, [onValueChange]);
+    const setSearchValue = React.useCallback((value) => {
+        setInternalSearchValue(value);
+        onSearch?.(value);
+    }, [onSearch]);
+    const handleOpenChange = React.useCallback((value) => {
+        setInternalOpen(value);
+        onOpenChange?.(value);
+    }, [onOpenChange]);
     const registerIcon = React.useCallback((value, icon) => {
         icons.current = { ...icons.current, [value]: icon };
     }, []);
@@ -32,11 +51,15 @@ const SelectRoot = ({ children, value, onValueChange, defaultValue, ...props })
         const { [value]: _, ...rest } = icons.current;
         icons.current = rest;
     }, []);
+    const element = (jsxRuntime.jsxRuntimeExports.jsx(comboboxProvider.ComboboxProvider, { resetValueOnHide: true, focusLoop: false, includesBaseElement: false, value: searchValue, setValue: setSearchValue, open: open, setOpen: handleOpenChange, children: children }));
     return (jsxRuntime.jsxRuntimeExports.jsx(SelectContext.Provider, { value: {
             registerIcon,
             unregisterIcon,
             value: { value: computedValue, icon },
-        }, children: jsxRuntime.jsxRuntimeExports.jsx(index.Root, { value: computedValue, onValueChange: setValue, ...props, children: children }) }));
+            autocomplete,
+            autocompleteMode,
+            searchValue,
+        }, children: jsxRuntime.jsxRuntimeExports.jsx(index.Root, { autoComplete: htmlAutoComplete, value: computedValue, onValueChange: setValue, open: open, onOpenChange: handleOpenChange, ...props, children: autocomplete ? element : children }) }));
 };
 
 exports.SelectRoot = SelectRoot;

package/dist/v1/components/select/select-root.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-root.cjs","sources":["../../../../v1/components/select/select-root.tsx"],"sourcesContent":["import {\n  createContext,\n  ReactNode,\n  useCallback,\n  useContext,\n  useRef,\n  useState,\n} from \"react\";\n\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\n\ntype IconType = Record<string, ReactNode>;\ntype ValueType = {\n  value?: string;\n  icon?: ReactNode;\n};\ntype SelectContextValue = {\n  value: ValueType;\n  registerIcon: (value: string, icon: ReactNode) => void;\n  unregisterIcon: (value: string) => void;\n};\n\n/*\nRoot context to manage the Select control\n@remarks Only for internal usage.\n*/\nconst SelectContext = createContext<SelectContextValue | undefined>(undefined);\n\nexport const useSelectContext = () => {\n  const context = useContext(SelectContext);\n  if (!context) {\n    throw new Error(\"useSelectContext must be used within a SelectProvider\");\n  }\n  return context;\n};\n\nexport const SelectRoot = ({\n  children,\n  value,\n  onValueChange,\n  defaultValue,\n  ...props\n}: SelectPrimitive.SelectProps) => {\n  const [internalValue, setInternalValue] = useState<string | undefined>(\n    defaultValue,\n  );\n  const icons = useRef<IconType>({});\n\n  const computedValue = value ?? internalValue;\n  const icon = computedValue && icons.current?.[computedValue];\n\n  const setValue = (_value: string) => {\n    onValueChange?.(_value);\n    setInternalValue(_value);\n  };\n\n  const registerIcon = useCallback<SelectContextValue[\"registerIcon\"]>(\n    (value, icon) => {\n      icons.current = { ...icons.current, [value]: icon };\n    },\n    [],\n  );\n  const unregisterIcon = useCallback<SelectContextValue[\"unregisterIcon\"]>(\n    value => {\n      const { [value]: _, ...rest } = icons.current;\n      icons.current = rest;\n    },\n    [],\n  );\n\n  return (\n    <SelectContext.Provider\n      value={{\n        registerIcon,\n        unregisterIcon,\n        value: { value: computedValue, icon },\n      }}>\n      <SelectPrimitive.Root\n        value={computedValue}\n        onValueChange={setValue}\n        {...props}>\n        {children}\n      </SelectPrimitive.Root>\n    </SelectContext.Provider>\n  );\n};\n"],"names":["createContext","useContext","useState","useRef","useCallback","_jsx","SelectPrimitive.Root"],"mappings":";;;;;;AAsBA;;;AAGE;AACF,MAAM,aAAa,GAAGA,mBAAa,CAAiC,SAAS,CAAC,CAAC;AAExE,MAAM,gBAAgB,GAAG,MAAK;AACnC,IAAA,MAAM,OAAO,GAAGC,gBAAU,CAAC,aAAa,CAAC,CAAC;IAC1C,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;KAC1E;AACD,IAAA,OAAO,OAAO,CAAC;AACjB,EAAE;AAEW,MAAA,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,YAAY,EACZ,GAAG,KAAK,EACoB,KAAI;IAChC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGC,cAAQ,CAChD,YAAY,CACb,CAAC;AACF,IAAA,MAAM,KAAK,GAAGC,YAAM,CAAW,EAAE,CAAC,CAAC;AAEnC,IAAA,MAAM,aAAa,GAAG,KAAK,IAAI,aAAa,CAAC;IAC7C,MAAM,IAAI,GAAG,aAAa,IAAI,KAAK,CAAC,OAAO,GAAG,aAAa,CAAC,CAAC;AAE7D,IAAA,MAAM,QAAQ,GAAG,CAAC,MAAc,KAAI;AAClC,QAAA,aAAa,GAAG,MAAM,CAAC,CAAC;QACxB,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAC3B,KAAC,CAAC;IAEF,MAAM,YAAY,GAAGC,iBAAW,CAC9B,CAAC,KAAK,EAAE,IAAI,KAAI;AACd,QAAA,KAAK,CAAC,OAAO,GAAG,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,GAAG,IAAI,EAAE,CAAC;KACrD,EACD,EAAE,CACH,CAAC;AACF,IAAA,MAAM,cAAc,GAAGA,iBAAW,CAChC,KAAK,IAAG;AACN,QAAA,MAAM,EAAE,CAAC,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC;AAC9C,QAAA,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;KACtB,EACD,EAAE,CACH,CAAC;AAEF,IAAA,QACEC,gCAAC,CAAA,aAAa,CAAC,QAAQ,EAAA,EACrB,KAAK,EAAE;YACL,YAAY;YACZ,cAAc;AACd,YAAA,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE;AACtC,SAAA,EAAA,QAAA,EACDA,iCAACC,UAAoB,EACnB,EAAA,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,QAAQ,KACnB,KAAK,EAAA,QAAA,EACR,QAAQ,EACY,CAAA,EAAA,CACA,EACzB;AACJ;;;;;"}
+{"version":3,"file":"select-root.cjs","sources":["../../../../v1/components/select/select-root.tsx"],"sourcesContent":["import {\n  createContext,\n  ReactNode,\n  useCallback,\n  useContext,\n  useRef,\n  useState,\n} from \"react\";\nimport { ComboboxProvider } from \"@ariakit/react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\n\ntype IconType = Record<string, ReactNode>;\ntype ValueType = {\n  value?: string;\n  icon?: ReactNode;\n};\n\ninterface CommonProps {\n  autocomplete?: boolean;\n  autocompleteMode?: \"auto\" | \"manual\";\n  searchValue?: string;\n  onSearch?: (value: string) => void;\n  defaultSearchValue?: string;\n}\n\ninterface SelectContextValue extends CommonProps {\n  value: ValueType;\n  registerIcon: (value: string, icon: ReactNode) => void;\n  unregisterIcon: (value: string) => void;\n}\n\ninterface UseSelectContext extends SelectContextValue {\n  shouldFilter?: boolean;\n}\n\n/*\nRoot context to manage the Select control\n@remarks Only for internal usage.\n*/\nconst SelectContext = createContext<SelectContextValue | undefined>(undefined);\n\nexport const useSelectContext = (): UseSelectContext => {\n  const context = useContext(SelectContext);\n  if (!context) {\n    throw new Error(\"useSelectContext must be used within a SelectProvider\");\n  }\n  const shouldFilter = !!(\n    context?.autocomplete &&\n    context?.autocompleteMode === \"auto\" &&\n    context?.searchValue?.length\n  );\n  return {\n    ...context,\n    shouldFilter,\n  };\n};\n\nexport interface NormalSelectRootProps extends SelectPrimitive.SelectProps {\n  autocomplete?: false;\n  autocompleteMode?: never;\n  searchValue?: never;\n  onSearch?: never;\n  defaultSearchValue?: never;\n}\n\nexport interface AutocompleteSelectRootProps\n  extends SelectPrimitive.SelectProps,\n    CommonProps {\n  autocomplete: true;\n}\n\nexport type SelectRootProps = Omit<\n  NormalSelectRootProps | AutocompleteSelectRootProps,\n  \"autoComplete\"\n> & {\n  htmlAutoComplete?: string;\n};\n\nexport interface NormalSelectRootProps extends SelectPrimitive.SelectProps {\n  autocomplete?: false;\n  autocompleteMode?: never;\n  searchValue?: never;\n  onSearch?: never;\n  defaultSearchValue?: never;\n}\n\nexport interface AutocompleteSelectRootProps\n  extends SelectPrimitive.SelectProps,\n    CommonProps {\n  autocomplete: true;\n}\n\nexport type BaseSelectRootProps =\n  | NormalSelectRootProps\n  | AutocompleteSelectRootProps;\n\nexport type SelectRootProps = Omit<BaseSelectRootProps, \"autoComplete\"> & {\n  htmlAutoComplete?: string;\n};\n\nexport const SelectRoot = ({\n  children,\n  value,\n  onValueChange,\n  defaultValue,\n  autocomplete,\n  autocompleteMode = \"auto\",\n  searchValue: providedSearchValue,\n  onSearch,\n  defaultSearchValue = \"\",\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  htmlAutoComplete,\n  ...props\n}: SelectRootProps) => {\n  const [internalValue, setInternalValue] = useState<string | undefined>(\n    defaultValue,\n  );\n  const [internalSearchValue, setInternalSearchValue] =\n    useState(defaultSearchValue);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const icons = useRef<IconType>({});\n\n  const computedValue = value ?? internalValue;\n  const icon = computedValue && icons.current?.[computedValue];\n  const searchValue = providedSearchValue ?? internalSearchValue;\n  const open = controlledOpen ?? internalOpen;\n\n  const setValue = useCallback(\n    (_value: string) => {\n      onValueChange?.(_value);\n      setInternalValue(_value);\n    },\n    [onValueChange],\n  );\n\n  const setSearchValue = useCallback(\n    (value: string) => {\n      setInternalSearchValue(value);\n      onSearch?.(value);\n    },\n    [onSearch],\n  );\n\n  const handleOpenChange = useCallback(\n    (value: boolean) => {\n      setInternalOpen(value);\n      onOpenChange?.(value);\n    },\n    [onOpenChange],\n  );\n\n  const registerIcon = useCallback<SelectContextValue[\"registerIcon\"]>(\n    (value, icon) => {\n      icons.current = { ...icons.current, [value]: icon };\n    },\n    [],\n  );\n  const unregisterIcon = useCallback<SelectContextValue[\"unregisterIcon\"]>(\n    value => {\n      const { [value]: _, ...rest } = icons.current;\n      icons.current = rest;\n    },\n    [],\n  );\n\n  const element = (\n    <ComboboxProvider\n      resetValueOnHide\n      focusLoop={false}\n      includesBaseElement={false}\n      value={searchValue}\n      setValue={setSearchValue}\n      open={open}\n      setOpen={handleOpenChange}>\n      {children}\n    </ComboboxProvider>\n  );\n\n  return (\n    <SelectContext.Provider\n      value={{\n        registerIcon,\n        unregisterIcon,\n        value: { value: computedValue, icon },\n        autocomplete,\n        autocompleteMode,\n        searchValue,\n      }}>\n      <SelectPrimitive.Root\n        autoComplete={htmlAutoComplete}\n        value={computedValue}\n        onValueChange={setValue}\n        open={open}\n        onOpenChange={handleOpenChange}\n        {...props}>\n        {autocomplete ? element : children}\n      </SelectPrimitive.Root>\n    </SelectContext.Provider>\n  );\n};\n"],"names":["createContext","useContext","useState","useRef","useCallback","_jsx","ComboboxProvider","SelectPrimitive.Root"],"mappings":"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"}

package/dist/v1/components/select/select-root.d.ts

@@ -4,12 +4,49 @@ type ValueType = {
     value?: string;
     icon?: ReactNode;
 };
-type SelectContextValue = {
+interface CommonProps {
+    autocomplete?: boolean;
+    autocompleteMode?: "auto" | "manual";
+    searchValue?: string;
+    onSearch?: (value: string) => void;
+    defaultSearchValue?: string;
+}
+interface SelectContextValue extends CommonProps {
     value: ValueType;
     registerIcon: (value: string, icon: ReactNode) => void;
     unregisterIcon: (value: string) => void;
+}
+interface UseSelectContext extends SelectContextValue {
+    shouldFilter?: boolean;
+}
+export declare const useSelectContext: () => UseSelectContext;
+export interface NormalSelectRootProps extends SelectPrimitive.SelectProps {
+    autocomplete?: false;
+    autocompleteMode?: never;
+    searchValue?: never;
+    onSearch?: never;
+    defaultSearchValue?: never;
+}
+export interface AutocompleteSelectRootProps extends SelectPrimitive.SelectProps, CommonProps {
+    autocomplete: true;
+}
+export type SelectRootProps = Omit<NormalSelectRootProps | AutocompleteSelectRootProps, "autoComplete"> & {
+    htmlAutoComplete?: string;
 };
-export declare const useSelectContext: () => SelectContextValue;
-export declare const SelectRoot: ({ children, value, onValueChange, defaultValue, ...props }: SelectPrimitive.SelectProps) => import("react/jsx-runtime").JSX.Element;
+export interface NormalSelectRootProps extends SelectPrimitive.SelectProps {
+    autocomplete?: false;
+    autocompleteMode?: never;
+    searchValue?: never;
+    onSearch?: never;
+    defaultSearchValue?: never;
+}
+export interface AutocompleteSelectRootProps extends SelectPrimitive.SelectProps, CommonProps {
+    autocomplete: true;
+}
+export type BaseSelectRootProps = NormalSelectRootProps | AutocompleteSelectRootProps;
+export type SelectRootProps = Omit<BaseSelectRootProps, "autoComplete"> & {
+    htmlAutoComplete?: string;
+};
+export declare const SelectRoot: ({ children, value, onValueChange, defaultValue, autocomplete, autocompleteMode, searchValue: providedSearchValue, onSearch, defaultSearchValue, open: controlledOpen, defaultOpen, onOpenChange, htmlAutoComplete, ...props }: SelectRootProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=select-root.d.ts.map

package/dist/v1/components/select/select-root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-root.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select-root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,KAAK,SAAS,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AACF,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,SAAS,CAAC;IACjB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACvD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAQF,eAAO,MAAM,gBAAgB,0BAM5B,CAAC;AAEF,eAAO,MAAM,UAAU,+DAMpB,gBAAgB,WAAW,4CA2C7B,CAAC"}
+{"version":3,"file":"select-root.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select-root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,KAAK,SAAS,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,UAAU,WAAW;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,UAAU,kBAAmB,SAAQ,WAAW;IAC9C,KAAK,EAAE,SAAS,CAAC;IACjB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACvD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,UAAU,gBAAiB,SAAQ,kBAAkB;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAQD,eAAO,MAAM,gBAAgB,QAAO,gBAcnC,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,eAAe,CAAC,WAAW;IACxE,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B;AAED,MAAM,WAAW,2BACf,SAAQ,eAAe,CAAC,WAAW,EACjC,WAAW;IACb,YAAY,EAAE,IAAI,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,qBAAqB,GAAG,2BAA2B,EACnD,cAAc,CACf,GAAG;IACF,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,eAAe,CAAC,WAAW;IACxE,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B;AAED,MAAM,WAAW,2BACf,SAAQ,eAAe,CAAC,WAAW,EACjC,WAAW;IACb,YAAY,EAAE,IAAI,CAAC;CACpB;AAED,MAAM,MAAM,mBAAmB,GAC3B,qBAAqB,GACrB,2BAA2B,CAAC;AAEhC,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,mBAAmB,EAAE,cAAc,CAAC,GAAG;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,UAAU,kOAepB,eAAe,4CAsFjB,CAAC"}

package/dist/v1/components/select/select-root.js

@@ -1,5 +1,6 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
 import { createContext, useContext, useState, useRef, useCallback } from 'react';
+import { ComboboxProvider } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/combobox/combobox-provider.js';
 import { Root as Root2 } from '../../node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js';
 
 /*
@@ -12,17 +13,35 @@ const useSelectContext = () => {
     if (!context) {
         throw new Error("useSelectContext must be used within a SelectProvider");
     }
-    return context;
+    const shouldFilter = !!(context?.autocomplete &&
+        context?.autocompleteMode === "auto" &&
+        context?.searchValue?.length);
+    return {
+        ...context,
+        shouldFilter,
+    };
 };
-const SelectRoot = ({ children, value, onValueChange, defaultValue, ...props }) => {
+const SelectRoot = ({ children, value, onValueChange, defaultValue, autocomplete, autocompleteMode = "auto", searchValue: providedSearchValue, onSearch, defaultSearchValue = "", open: controlledOpen, defaultOpen = false, onOpenChange, htmlAutoComplete, ...props }) => {
     const [internalValue, setInternalValue] = useState(defaultValue);
+    const [internalSearchValue, setInternalSearchValue] = useState(defaultSearchValue);
+    const [internalOpen, setInternalOpen] = useState(defaultOpen);
     const icons = useRef({});
     const computedValue = value ?? internalValue;
     const icon = computedValue && icons.current?.[computedValue];
-    const setValue = (_value) => {
+    const searchValue = providedSearchValue ?? internalSearchValue;
+    const open = controlledOpen ?? internalOpen;
+    const setValue = useCallback((_value) => {
         onValueChange?.(_value);
         setInternalValue(_value);
-    };
+    }, [onValueChange]);
+    const setSearchValue = useCallback((value) => {
+        setInternalSearchValue(value);
+        onSearch?.(value);
+    }, [onSearch]);
+    const handleOpenChange = useCallback((value) => {
+        setInternalOpen(value);
+        onOpenChange?.(value);
+    }, [onOpenChange]);
     const registerIcon = useCallback((value, icon) => {
         icons.current = { ...icons.current, [value]: icon };
     }, []);
@@ -30,11 +49,15 @@ const SelectRoot = ({ children, value, onValueChange, defaultValue, ...props })
         const { [value]: _, ...rest } = icons.current;
         icons.current = rest;
     }, []);
+    const element = (jsxRuntimeExports.jsx(ComboboxProvider, { resetValueOnHide: true, focusLoop: false, includesBaseElement: false, value: searchValue, setValue: setSearchValue, open: open, setOpen: handleOpenChange, children: children }));
     return (jsxRuntimeExports.jsx(SelectContext.Provider, { value: {
             registerIcon,
             unregisterIcon,
             value: { value: computedValue, icon },
-        }, children: jsxRuntimeExports.jsx(Root2, { value: computedValue, onValueChange: setValue, ...props, children: children }) }));
+            autocomplete,
+            autocompleteMode,
+            searchValue,
+        }, children: jsxRuntimeExports.jsx(Root2, { autoComplete: htmlAutoComplete, value: computedValue, onValueChange: setValue, open: open, onOpenChange: handleOpenChange, ...props, children: autocomplete ? element : children }) }));
 };
 
 export { SelectRoot, useSelectContext };

package/dist/v1/components/select/select-root.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-root.js","sources":["../../../../v1/components/select/select-root.tsx"],"sourcesContent":["import {\n  createContext,\n  ReactNode,\n  useCallback,\n  useContext,\n  useRef,\n  useState,\n} from \"react\";\n\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\n\ntype IconType = Record<string, ReactNode>;\ntype ValueType = {\n  value?: string;\n  icon?: ReactNode;\n};\ntype SelectContextValue = {\n  value: ValueType;\n  registerIcon: (value: string, icon: ReactNode) => void;\n  unregisterIcon: (value: string) => void;\n};\n\n/*\nRoot context to manage the Select control\n@remarks Only for internal usage.\n*/\nconst SelectContext = createContext<SelectContextValue | undefined>(undefined);\n\nexport const useSelectContext = () => {\n  const context = useContext(SelectContext);\n  if (!context) {\n    throw new Error(\"useSelectContext must be used within a SelectProvider\");\n  }\n  return context;\n};\n\nexport const SelectRoot = ({\n  children,\n  value,\n  onValueChange,\n  defaultValue,\n  ...props\n}: SelectPrimitive.SelectProps) => {\n  const [internalValue, setInternalValue] = useState<string | undefined>(\n    defaultValue,\n  );\n  const icons = useRef<IconType>({});\n\n  const computedValue = value ?? internalValue;\n  const icon = computedValue && icons.current?.[computedValue];\n\n  const setValue = (_value: string) => {\n    onValueChange?.(_value);\n    setInternalValue(_value);\n  };\n\n  const registerIcon = useCallback<SelectContextValue[\"registerIcon\"]>(\n    (value, icon) => {\n      icons.current = { ...icons.current, [value]: icon };\n    },\n    [],\n  );\n  const unregisterIcon = useCallback<SelectContextValue[\"unregisterIcon\"]>(\n    value => {\n      const { [value]: _, ...rest } = icons.current;\n      icons.current = rest;\n    },\n    [],\n  );\n\n  return (\n    <SelectContext.Provider\n      value={{\n        registerIcon,\n        unregisterIcon,\n        value: { value: computedValue, icon },\n      }}>\n      <SelectPrimitive.Root\n        value={computedValue}\n        onValueChange={setValue}\n        {...props}>\n        {children}\n      </SelectPrimitive.Root>\n    </SelectContext.Provider>\n  );\n};\n"],"names":["_jsx","SelectPrimitive.Root"],"mappings":";;;;AAsBA;;;AAGE;AACF,MAAM,aAAa,GAAG,aAAa,CAAiC,SAAS,CAAC,CAAC;AAExE,MAAM,gBAAgB,GAAG,MAAK;AACnC,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC1C,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;KAC1E;AACD,IAAA,OAAO,OAAO,CAAC;AACjB,EAAE;AAEW,MAAA,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,YAAY,EACZ,GAAG,KAAK,EACoB,KAAI;IAChC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,YAAY,CACb,CAAC;AACF,IAAA,MAAM,KAAK,GAAG,MAAM,CAAW,EAAE,CAAC,CAAC;AAEnC,IAAA,MAAM,aAAa,GAAG,KAAK,IAAI,aAAa,CAAC;IAC7C,MAAM,IAAI,GAAG,aAAa,IAAI,KAAK,CAAC,OAAO,GAAG,aAAa,CAAC,CAAC;AAE7D,IAAA,MAAM,QAAQ,GAAG,CAAC,MAAc,KAAI;AAClC,QAAA,aAAa,GAAG,MAAM,CAAC,CAAC;QACxB,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAC3B,KAAC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAK,EAAE,IAAI,KAAI;AACd,QAAA,KAAK,CAAC,OAAO,GAAG,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,GAAG,IAAI,EAAE,CAAC;KACrD,EACD,EAAE,CACH,CAAC;AACF,IAAA,MAAM,cAAc,GAAG,WAAW,CAChC,KAAK,IAAG;AACN,QAAA,MAAM,EAAE,CAAC,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC;AAC9C,QAAA,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;KACtB,EACD,EAAE,CACH,CAAC;AAEF,IAAA,QACEA,qBAAC,CAAA,aAAa,CAAC,QAAQ,EAAA,EACrB,KAAK,EAAE;YACL,YAAY;YACZ,cAAc;AACd,YAAA,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE;AACtC,SAAA,EAAA,QAAA,EACDA,sBAACC,KAAoB,EACnB,EAAA,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,QAAQ,KACnB,KAAK,EAAA,QAAA,EACR,QAAQ,EACY,CAAA,EAAA,CACA,EACzB;AACJ;;;;"}
+{"version":3,"file":"select-root.js","sources":["../../../../v1/components/select/select-root.tsx"],"sourcesContent":["import {\n  createContext,\n  ReactNode,\n  useCallback,\n  useContext,\n  useRef,\n  useState,\n} from \"react\";\nimport { ComboboxProvider } from \"@ariakit/react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\n\ntype IconType = Record<string, ReactNode>;\ntype ValueType = {\n  value?: string;\n  icon?: ReactNode;\n};\n\ninterface CommonProps {\n  autocomplete?: boolean;\n  autocompleteMode?: \"auto\" | \"manual\";\n  searchValue?: string;\n  onSearch?: (value: string) => void;\n  defaultSearchValue?: string;\n}\n\ninterface SelectContextValue extends CommonProps {\n  value: ValueType;\n  registerIcon: (value: string, icon: ReactNode) => void;\n  unregisterIcon: (value: string) => void;\n}\n\ninterface UseSelectContext extends SelectContextValue {\n  shouldFilter?: boolean;\n}\n\n/*\nRoot context to manage the Select control\n@remarks Only for internal usage.\n*/\nconst SelectContext = createContext<SelectContextValue | undefined>(undefined);\n\nexport const useSelectContext = (): UseSelectContext => {\n  const context = useContext(SelectContext);\n  if (!context) {\n    throw new Error(\"useSelectContext must be used within a SelectProvider\");\n  }\n  const shouldFilter = !!(\n    context?.autocomplete &&\n    context?.autocompleteMode === \"auto\" &&\n    context?.searchValue?.length\n  );\n  return {\n    ...context,\n    shouldFilter,\n  };\n};\n\nexport interface NormalSelectRootProps extends SelectPrimitive.SelectProps {\n  autocomplete?: false;\n  autocompleteMode?: never;\n  searchValue?: never;\n  onSearch?: never;\n  defaultSearchValue?: never;\n}\n\nexport interface AutocompleteSelectRootProps\n  extends SelectPrimitive.SelectProps,\n    CommonProps {\n  autocomplete: true;\n}\n\nexport type SelectRootProps = Omit<\n  NormalSelectRootProps | AutocompleteSelectRootProps,\n  \"autoComplete\"\n> & {\n  htmlAutoComplete?: string;\n};\n\nexport interface NormalSelectRootProps extends SelectPrimitive.SelectProps {\n  autocomplete?: false;\n  autocompleteMode?: never;\n  searchValue?: never;\n  onSearch?: never;\n  defaultSearchValue?: never;\n}\n\nexport interface AutocompleteSelectRootProps\n  extends SelectPrimitive.SelectProps,\n    CommonProps {\n  autocomplete: true;\n}\n\nexport type BaseSelectRootProps =\n  | NormalSelectRootProps\n  | AutocompleteSelectRootProps;\n\nexport type SelectRootProps = Omit<BaseSelectRootProps, \"autoComplete\"> & {\n  htmlAutoComplete?: string;\n};\n\nexport const SelectRoot = ({\n  children,\n  value,\n  onValueChange,\n  defaultValue,\n  autocomplete,\n  autocompleteMode = \"auto\",\n  searchValue: providedSearchValue,\n  onSearch,\n  defaultSearchValue = \"\",\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  htmlAutoComplete,\n  ...props\n}: SelectRootProps) => {\n  const [internalValue, setInternalValue] = useState<string | undefined>(\n    defaultValue,\n  );\n  const [internalSearchValue, setInternalSearchValue] =\n    useState(defaultSearchValue);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const icons = useRef<IconType>({});\n\n  const computedValue = value ?? internalValue;\n  const icon = computedValue && icons.current?.[computedValue];\n  const searchValue = providedSearchValue ?? internalSearchValue;\n  const open = controlledOpen ?? internalOpen;\n\n  const setValue = useCallback(\n    (_value: string) => {\n      onValueChange?.(_value);\n      setInternalValue(_value);\n    },\n    [onValueChange],\n  );\n\n  const setSearchValue = useCallback(\n    (value: string) => {\n      setInternalSearchValue(value);\n      onSearch?.(value);\n    },\n    [onSearch],\n  );\n\n  const handleOpenChange = useCallback(\n    (value: boolean) => {\n      setInternalOpen(value);\n      onOpenChange?.(value);\n    },\n    [onOpenChange],\n  );\n\n  const registerIcon = useCallback<SelectContextValue[\"registerIcon\"]>(\n    (value, icon) => {\n      icons.current = { ...icons.current, [value]: icon };\n    },\n    [],\n  );\n  const unregisterIcon = useCallback<SelectContextValue[\"unregisterIcon\"]>(\n    value => {\n      const { [value]: _, ...rest } = icons.current;\n      icons.current = rest;\n    },\n    [],\n  );\n\n  const element = (\n    <ComboboxProvider\n      resetValueOnHide\n      focusLoop={false}\n      includesBaseElement={false}\n      value={searchValue}\n      setValue={setSearchValue}\n      open={open}\n      setOpen={handleOpenChange}>\n      {children}\n    </ComboboxProvider>\n  );\n\n  return (\n    <SelectContext.Provider\n      value={{\n        registerIcon,\n        unregisterIcon,\n        value: { value: computedValue, icon },\n        autocomplete,\n        autocompleteMode,\n        searchValue,\n      }}>\n      <SelectPrimitive.Root\n        autoComplete={htmlAutoComplete}\n        value={computedValue}\n        onValueChange={setValue}\n        open={open}\n        onOpenChange={handleOpenChange}\n        {...props}>\n        {autocomplete ? element : children}\n      </SelectPrimitive.Root>\n    </SelectContext.Provider>\n  );\n};\n"],"names":["_jsx","SelectPrimitive.Root"],"mappings":"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"}

package/dist/v1/components/select/select-trigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-trigger.cjs","sources":["../../../../v1/components/select/select-trigger.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef,\n  PropsWithChildren,\n} from \"react\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport styles from \"./select.module.css\";\n\nexport interface AriaProps {\n  \"aria-label\"?: string;\n  \"aria-describedby\"?: string;\n  \"aria-required\"?: boolean;\n  \"aria-invalid\"?: boolean;\n}\n\nexport interface TriggerStyleProps {\n  style?: React.CSSProperties;\n  className?: string;\n  stopPropagation?: boolean;\n}\n\nexport interface IconProps extends React.SVGAttributes<SVGElement> {\n  children?: never;\n  color?: string;\n}\n\nconst trigger = cva(styles.trigger, {\n  variants: {\n    size: {\n      small: styles[\"trigger-small\"],\n      medium: styles[\"trigger-medium\"],\n    },\n    variant: {\n      outline: styles[\"trigger-outline\"],\n      text: styles[\"trigger-text\"],\n    },\n  },\n  defaultVariants: {\n    size: \"medium\",\n    variant: \"outline\",\n  },\n});\n\nexport const SelectTrigger = forwardRef<\n  ElementRef<typeof SelectPrimitive.Trigger>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> &\n    PropsWithChildren<VariantProps<typeof trigger>> & {\n      iconProps?: IconProps;\n    } & AriaProps &\n    TriggerStyleProps\n>(\n  (\n    {\n      size,\n      variant,\n      className,\n      children,\n      iconProps = {},\n      \"aria-label\": ariaLabel,\n      style,\n      stopPropagation = false,\n      ...props\n    },\n    ref,\n  ) => (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      className={trigger({ size, variant, className })}\n      aria-label={ariaLabel || \"Select option\"}\n      style={{\n        ...style,\n        display: \"flex\",\n        justifyContent: \"space-between\",\n      }}\n      onPointerDown={e => {\n        if (stopPropagation) {\n          e.stopPropagation();\n        }\n      }}\n      {...props}>\n      <div className={styles.triggerContent}>{children}</div>\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon\n          className={styles.triggerIcon}\n          aria-hidden=\"true\"\n          {...iconProps}\n        />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  ),\n);\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n"],"names":["cva","styles","forwardRef","_jsxs","SelectPrimitive.Trigger","_jsx","SelectPrimitive.Icon","ChevronDownIcon"],"mappings":";;;;;;;;;AA6BA,MAAM,OAAO,GAAGA,WAAG,CAACC,qBAAM,CAAC,OAAO,EAAE;AAClC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,qBAAM,CAAC,eAAe,CAAC;AAC9B,YAAA,MAAM,EAAEA,qBAAM,CAAC,gBAAgB,CAAC;AACjC,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAEA,qBAAM,CAAC,iBAAiB,CAAC;AAClC,YAAA,IAAI,EAAEA,qBAAM,CAAC,cAAc,CAAC;AAC7B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA,CAAC,CAAC;AAEI,MAAM,aAAa,GAAGC,gBAAU,CAQrC,CACE,EACE,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,eAAe,GAAG,KAAK,EACvB,GAAG,KAAK,EACT,EACD,GAAG,MAEHC,iCAAC,CAAAC,aAAuB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAA,YAAA,EACpC,SAAS,IAAI,eAAe,EACxC,KAAK,EAAE;AACL,QAAA,GAAG,KAAK;AACR,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,cAAc,EAAE,eAAe;AAChC,KAAA,EACD,aAAa,EAAE,CAAC,IAAG;QACjB,IAAI,eAAe,EAAE;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;SACrB;AACH,KAAC,KACG,KAAK,EAAA,QAAA,EAAA,CACTC,gCAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEJ,qBAAM,CAAC,cAAc,EAAA,QAAA,EAAG,QAAQ,EAAO,CAAA,EACvDI,gCAAC,CAAAC,UAAoB,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC3BD,iCAACE,8BAAe,EAAA,EACd,SAAS,EAAEN,qBAAM,CAAC,WAAW,EACjB,aAAA,EAAA,MAAM,KACd,SAAS,EAAA,CACb,GACmB,CACC,EAAA,CAAA,CAC3B,EACD;AACF,aAAa,CAAC,WAAW,GAAGG,aAAuB,CAAC,WAAW;;;;"}
+{"version":3,"file":"select-trigger.cjs","sources":["../../../../v1/components/select/select-trigger.tsx"],"sourcesContent":["import { ElementRef, forwardRef, SVGAttributes } from \"react\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport styles from \"./select.module.css\";\n\nexport interface AriaProps {\n  \"aria-label\"?: string;\n  \"aria-describedby\"?: string;\n  \"aria-required\"?: boolean;\n  \"aria-invalid\"?: boolean;\n}\n\nexport interface TriggerStyleProps {\n  style?: React.CSSProperties;\n  className?: string;\n  stopPropagation?: boolean;\n}\n\nexport interface IconProps extends SVGAttributes<SVGElement> {\n  children?: never;\n  color?: string;\n}\n\nconst trigger = cva(styles.trigger, {\n  variants: {\n    size: {\n      small: styles[\"trigger-small\"],\n      medium: styles[\"trigger-medium\"],\n    },\n    variant: {\n      outline: styles[\"trigger-outline\"],\n      text: styles[\"trigger-text\"],\n    },\n  },\n  defaultVariants: {\n    size: \"medium\",\n    variant: \"outline\",\n  },\n});\n\ntype SelectTriggerProps = SelectPrimitive.SelectTriggerProps &\n  VariantProps<typeof trigger> & {\n    iconProps?: IconProps;\n  } & AriaProps &\n  TriggerStyleProps;\n\nexport const SelectTrigger = forwardRef<\n  ElementRef<typeof SelectPrimitive.Trigger>,\n  SelectTriggerProps\n>(\n  (\n    {\n      size,\n      variant,\n      className,\n      children,\n      iconProps = {},\n      \"aria-label\": ariaLabel,\n      style,\n      stopPropagation = false,\n      ...props\n    },\n    ref,\n  ) => (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      className={trigger({ size, variant, className })}\n      aria-label={ariaLabel || \"Select option\"}\n      style={{\n        ...style,\n        display: \"flex\",\n        justifyContent: \"space-between\",\n      }}\n      onPointerDown={e => {\n        if (stopPropagation) {\n          e.stopPropagation();\n        }\n      }}\n      {...props}>\n      <div className={styles.triggerContent}>{children}</div>\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon\n          className={styles.triggerIcon}\n          aria-hidden=\"true\"\n          {...iconProps}\n        />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  ),\n);\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n"],"names":["cva","styles","forwardRef","_jsxs","SelectPrimitive.Trigger","_jsx","SelectPrimitive.Icon","ChevronDownIcon"],"mappings":";;;;;;;;;AAwBA,MAAM,OAAO,GAAGA,WAAG,CAACC,qBAAM,CAAC,OAAO,EAAE;AAClC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,qBAAM,CAAC,eAAe,CAAC;AAC9B,YAAA,MAAM,EAAEA,qBAAM,CAAC,gBAAgB,CAAC;AACjC,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAEA,qBAAM,CAAC,iBAAiB,CAAC;AAClC,YAAA,IAAI,EAAEA,qBAAM,CAAC,cAAc,CAAC;AAC7B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA,CAAC,CAAC;AAQI,MAAM,aAAa,GAAGC,gBAAU,CAIrC,CACE,EACE,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,eAAe,GAAG,KAAK,EACvB,GAAG,KAAK,EACT,EACD,GAAG,MAEHC,iCAAC,CAAAC,aAAuB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAA,YAAA,EACpC,SAAS,IAAI,eAAe,EACxC,KAAK,EAAE;AACL,QAAA,GAAG,KAAK;AACR,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,cAAc,EAAE,eAAe;AAChC,KAAA,EACD,aAAa,EAAE,CAAC,IAAG;QACjB,IAAI,eAAe,EAAE;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;SACrB;AACH,KAAC,KACG,KAAK,EAAA,QAAA,EAAA,CACTC,gCAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEJ,qBAAM,CAAC,cAAc,EAAA,QAAA,EAAG,QAAQ,EAAO,CAAA,EACvDI,gCAAC,CAAAC,UAAoB,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC3BD,iCAACE,8BAAe,EAAA,EACd,SAAS,EAAEN,qBAAM,CAAC,WAAW,EACjB,aAAA,EAAA,MAAM,KACd,SAAS,EAAA,CACb,GACmB,CACC,EAAA,CAAA,CAC3B,EACD;AACF,aAAa,CAAC,WAAW,GAAGG,aAAuB,CAAC,WAAW;;;;"}

package/dist/v1/components/select/select-trigger.d.ts

@@ -1,3 +1,4 @@
+import { SVGAttributes } from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { VariantProps } from "class-variance-authority";
 export interface AriaProps {
@@ -11,16 +12,14 @@ export interface TriggerStyleProps {
     className?: string;
     stopPropagation?: boolean;
 }
-export interface IconProps extends React.SVGAttributes<SVGElement> {
+export interface IconProps extends SVGAttributes<SVGElement> {
     children?: never;
     color?: string;
 }
-export declare const SelectTrigger: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+export declare const SelectTrigger: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectTriggerProps & VariantProps<(props?: ({
     size?: "small" | "medium" | null | undefined;
     variant?: "text" | "outline" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    children?: import("react").ReactNode;
-} & {
     iconProps?: IconProps | undefined;
 } & AriaProps & TriggerStyleProps & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=select-trigger.d.ts.map

package/dist/v1/components/select/select-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-trigger.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select-trigger.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,MAAM,WAAW,SAAS;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmBD,eAAO,MAAM,aAAa;;;;;;;qFA+CzB,CAAC"}
+{"version":3,"file":"select-trigger.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,aAAa,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,MAAM,WAAW,SAAS;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,SAAU,SAAQ,aAAa,CAAC,UAAU,CAAC;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAyBD,eAAO,MAAM,aAAa;;;;;qFA2CzB,CAAC"}

package/dist/v1/components/select/select-trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-trigger.js","sources":["../../../../v1/components/select/select-trigger.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef,\n  PropsWithChildren,\n} from \"react\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport styles from \"./select.module.css\";\n\nexport interface AriaProps {\n  \"aria-label\"?: string;\n  \"aria-describedby\"?: string;\n  \"aria-required\"?: boolean;\n  \"aria-invalid\"?: boolean;\n}\n\nexport interface TriggerStyleProps {\n  style?: React.CSSProperties;\n  className?: string;\n  stopPropagation?: boolean;\n}\n\nexport interface IconProps extends React.SVGAttributes<SVGElement> {\n  children?: never;\n  color?: string;\n}\n\nconst trigger = cva(styles.trigger, {\n  variants: {\n    size: {\n      small: styles[\"trigger-small\"],\n      medium: styles[\"trigger-medium\"],\n    },\n    variant: {\n      outline: styles[\"trigger-outline\"],\n      text: styles[\"trigger-text\"],\n    },\n  },\n  defaultVariants: {\n    size: \"medium\",\n    variant: \"outline\",\n  },\n});\n\nexport const SelectTrigger = forwardRef<\n  ElementRef<typeof SelectPrimitive.Trigger>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> &\n    PropsWithChildren<VariantProps<typeof trigger>> & {\n      iconProps?: IconProps;\n    } & AriaProps &\n    TriggerStyleProps\n>(\n  (\n    {\n      size,\n      variant,\n      className,\n      children,\n      iconProps = {},\n      \"aria-label\": ariaLabel,\n      style,\n      stopPropagation = false,\n      ...props\n    },\n    ref,\n  ) => (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      className={trigger({ size, variant, className })}\n      aria-label={ariaLabel || \"Select option\"}\n      style={{\n        ...style,\n        display: \"flex\",\n        justifyContent: \"space-between\",\n      }}\n      onPointerDown={e => {\n        if (stopPropagation) {\n          e.stopPropagation();\n        }\n      }}\n      {...props}>\n      <div className={styles.triggerContent}>{children}</div>\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon\n          className={styles.triggerIcon}\n          aria-hidden=\"true\"\n          {...iconProps}\n        />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  ),\n);\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n"],"names":["_jsxs","SelectPrimitive.Trigger","_jsx","SelectPrimitive.Icon"],"mappings":";;;;;;;AA6BA,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE;AAClC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,eAAe,CAAC;AAC9B,YAAA,MAAM,EAAE,MAAM,CAAC,gBAAgB,CAAC;AACjC,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAClC,YAAA,IAAI,EAAE,MAAM,CAAC,cAAc,CAAC;AAC7B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA,CAAC,CAAC;AAEI,MAAM,aAAa,GAAG,UAAU,CAQrC,CACE,EACE,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,eAAe,GAAG,KAAK,EACvB,GAAG,KAAK,EACT,EACD,GAAG,MAEHA,sBAAC,CAAAC,OAAuB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAA,YAAA,EACpC,SAAS,IAAI,eAAe,EACxC,KAAK,EAAE;AACL,QAAA,GAAG,KAAK;AACR,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,cAAc,EAAE,eAAe;AAChC,KAAA,EACD,aAAa,EAAE,CAAC,IAAG;QACjB,IAAI,eAAe,EAAE;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;SACrB;AACH,KAAC,KACG,KAAK,EAAA,QAAA,EAAA,CACTC,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,QAAA,EAAG,QAAQ,EAAO,CAAA,EACvDA,qBAAC,CAAAC,IAAoB,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC3BD,sBAAC,eAAe,EAAA,EACd,SAAS,EAAE,MAAM,CAAC,WAAW,EACjB,aAAA,EAAA,MAAM,KACd,SAAS,EAAA,CACb,GACmB,CACC,EAAA,CAAA,CAC3B,EACD;AACF,aAAa,CAAC,WAAW,GAAGD,OAAuB,CAAC,WAAW;;;;"}
+{"version":3,"file":"select-trigger.js","sources":["../../../../v1/components/select/select-trigger.tsx"],"sourcesContent":["import { ElementRef, forwardRef, SVGAttributes } from \"react\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport styles from \"./select.module.css\";\n\nexport interface AriaProps {\n  \"aria-label\"?: string;\n  \"aria-describedby\"?: string;\n  \"aria-required\"?: boolean;\n  \"aria-invalid\"?: boolean;\n}\n\nexport interface TriggerStyleProps {\n  style?: React.CSSProperties;\n  className?: string;\n  stopPropagation?: boolean;\n}\n\nexport interface IconProps extends SVGAttributes<SVGElement> {\n  children?: never;\n  color?: string;\n}\n\nconst trigger = cva(styles.trigger, {\n  variants: {\n    size: {\n      small: styles[\"trigger-small\"],\n      medium: styles[\"trigger-medium\"],\n    },\n    variant: {\n      outline: styles[\"trigger-outline\"],\n      text: styles[\"trigger-text\"],\n    },\n  },\n  defaultVariants: {\n    size: \"medium\",\n    variant: \"outline\",\n  },\n});\n\ntype SelectTriggerProps = SelectPrimitive.SelectTriggerProps &\n  VariantProps<typeof trigger> & {\n    iconProps?: IconProps;\n  } & AriaProps &\n  TriggerStyleProps;\n\nexport const SelectTrigger = forwardRef<\n  ElementRef<typeof SelectPrimitive.Trigger>,\n  SelectTriggerProps\n>(\n  (\n    {\n      size,\n      variant,\n      className,\n      children,\n      iconProps = {},\n      \"aria-label\": ariaLabel,\n      style,\n      stopPropagation = false,\n      ...props\n    },\n    ref,\n  ) => (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      className={trigger({ size, variant, className })}\n      aria-label={ariaLabel || \"Select option\"}\n      style={{\n        ...style,\n        display: \"flex\",\n        justifyContent: \"space-between\",\n      }}\n      onPointerDown={e => {\n        if (stopPropagation) {\n          e.stopPropagation();\n        }\n      }}\n      {...props}>\n      <div className={styles.triggerContent}>{children}</div>\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon\n          className={styles.triggerIcon}\n          aria-hidden=\"true\"\n          {...iconProps}\n        />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  ),\n);\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n"],"names":["_jsxs","SelectPrimitive.Trigger","_jsx","SelectPrimitive.Icon"],"mappings":";;;;;;;AAwBA,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE;AAClC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,eAAe,CAAC;AAC9B,YAAA,MAAM,EAAE,MAAM,CAAC,gBAAgB,CAAC;AACjC,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAClC,YAAA,IAAI,EAAE,MAAM,CAAC,cAAc,CAAC;AAC7B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA,CAAC,CAAC;AAQI,MAAM,aAAa,GAAG,UAAU,CAIrC,CACE,EACE,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,eAAe,GAAG,KAAK,EACvB,GAAG,KAAK,EACT,EACD,GAAG,MAEHA,sBAAC,CAAAC,OAAuB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAA,YAAA,EACpC,SAAS,IAAI,eAAe,EACxC,KAAK,EAAE;AACL,QAAA,GAAG,KAAK;AACR,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,cAAc,EAAE,eAAe;AAChC,KAAA,EACD,aAAa,EAAE,CAAC,IAAG;QACjB,IAAI,eAAe,EAAE;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;SACrB;AACH,KAAC,KACG,KAAK,EAAA,QAAA,EAAA,CACTC,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,QAAA,EAAG,QAAQ,EAAO,CAAA,EACvDA,qBAAC,CAAAC,IAAoB,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC3BD,sBAAC,eAAe,EAAA,EACd,SAAS,EAAE,MAAM,CAAC,WAAW,EACjB,aAAA,EAAA,MAAM,KACd,SAAS,EAAA,CACb,GACmB,CACC,EAAA,CAAA,CAC3B,EACD;AACF,aAAa,CAAC,WAAW,GAAGD,OAAuB,CAAC,WAAW;;;;"}

package/dist/v1/components/select/select.cjs

@@ -6,9 +6,10 @@ var selectContent = require('./select-content.cjs');
 var selectItem = require('./select-item.cjs');
 var selectValue = require('./select-value.cjs');
 var selectRoot = require('./select-root.cjs');
+var selectMisc = require('./select-misc.cjs');
 
 const Select = Object.assign(selectRoot.SelectRoot, {
-    Group: index.Group,
+    Group: selectMisc.SelectGroup,
     Value: selectValue.SelectValue,
     ScrollUpButton: index.ScrollDownButton,
     ScrollDownButton: index.ScrollDownButton,
@@ -16,7 +17,8 @@ const Select = Object.assign(selectRoot.SelectRoot, {
     Trigger: selectTrigger.SelectTrigger,
     Content: selectContent.SelectContent,
     Item: selectItem.SelectItem,
-    Separator: index.Separator,
+    Separator: selectMisc.SelectSeparator,
+    Label: selectMisc.SelectLabel,
 });
 
 exports.Select = Select;

package/dist/v1/components/select/select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.cjs","sources":["../../../../v1/components/select/select.tsx"],"sourcesContent":["import * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { SelectTrigger } from \"./select-trigger\";\nimport { SelectContent } from \"./select-content\";\nimport { SelectItem } from \"./select-item\";\nimport { SelectValue } from \"./select-value\";\nimport { SelectRoot } from \"./select-root\";\n\nexport const Select = Object.assign(SelectRoot, {\n  Group: SelectPrimitive.Group,\n  Value: SelectValue,\n  ScrollUpButton: SelectPrimitive.ScrollDownButton,\n  ScrollDownButton: SelectPrimitive.ScrollDownButton,\n  Viewport: SelectPrimitive.Viewport,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Separator: SelectPrimitive.Separator,\n});\n"],"names":["SelectRoot","SelectPrimitive.Group","SelectValue","SelectPrimitive.ScrollDownButton","SelectPrimitive.Viewport","SelectTrigger","SelectContent","SelectItem","SelectPrimitive.Separator"],"mappings":";;;;;;;;;MAOa,MAAM,GAAG,MAAM,CAAC,MAAM,CAACA,qBAAU,EAAE;IAC9C,KAAK,EAAEC,WAAqB;AAC5B,IAAA,KAAK,EAAEC,uBAAW;IAClB,cAAc,EAAEC,sBAAgC;IAChD,gBAAgB,EAAEA,sBAAgC;IAClD,QAAQ,EAAEC,cAAwB;AAClC,IAAA,OAAO,EAAEC,2BAAa;AACtB,IAAA,OAAO,EAAEC,2BAAa;AACtB,IAAA,IAAI,EAAEC,qBAAU;IAChB,SAAS,EAAEC,eAAyB;AACrC,CAAA;;;;"}
+{"version":3,"file":"select.cjs","sources":["../../../../v1/components/select/select.tsx"],"sourcesContent":["import * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { SelectTrigger } from \"./select-trigger\";\nimport { SelectContent } from \"./select-content\";\nimport { SelectItem } from \"./select-item\";\nimport { SelectValue } from \"./select-value\";\nimport { SelectRoot } from \"./select-root\";\nimport { SelectGroup, SelectLabel, SelectSeparator } from \"./select-misc\";\n\nexport const Select = Object.assign(SelectRoot, {\n  Group: SelectGroup,\n  Value: SelectValue,\n  ScrollUpButton: SelectPrimitive.ScrollDownButton,\n  ScrollDownButton: SelectPrimitive.ScrollDownButton,\n  Viewport: SelectPrimitive.Viewport,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Separator: SelectSeparator,\n  Label: SelectLabel,\n});\n"],"names":["SelectRoot","SelectGroup","SelectValue","SelectPrimitive.ScrollDownButton","SelectPrimitive.Viewport","SelectTrigger","SelectContent","SelectItem","SelectSeparator","SelectLabel"],"mappings":";;;;;;;;;;MAQa,MAAM,GAAG,MAAM,CAAC,MAAM,CAACA,qBAAU,EAAE;AAC9C,IAAA,KAAK,EAAEC,sBAAW;AAClB,IAAA,KAAK,EAAEC,uBAAW;IAClB,cAAc,EAAEC,sBAAgC;IAChD,gBAAgB,EAAEA,sBAAgC;IAClD,QAAQ,EAAEC,cAAwB;AAClC,IAAA,OAAO,EAAEC,2BAAa;AACtB,IAAA,OAAO,EAAEC,2BAAa;AACtB,IAAA,IAAI,EAAEC,qBAAU;AAChB,IAAA,SAAS,EAAEC,0BAAe;AAC1B,IAAA,KAAK,EAAEC,sBAAW;AACnB,CAAA;;;;"}

package/dist/v1/components/select/select.d.ts

@@ -1,23 +1,22 @@
 import * as SelectPrimitive from "@radix-ui/react-select";
-export declare const Select: (({ children, value, onValueChange, defaultValue, ...props }: SelectPrimitive.SelectProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const Select: (({ children, value, onValueChange, defaultValue, autocomplete, autocompleteMode, searchValue: providedSearchValue, onSearch, defaultSearchValue, open: controlledOpen, defaultOpen, onOpenChange, htmlAutoComplete, ...props }: import("./select-root").SelectRootProps) => import("react/jsx-runtime").JSX.Element) & {
     Group: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
     Value: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
     ScrollUpButton: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectScrollDownButtonProps & import("react").RefAttributes<HTMLDivElement>>;
     ScrollDownButton: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectScrollDownButtonProps & import("react").RefAttributes<HTMLDivElement>>;
     Viewport: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectViewportProps & import("react").RefAttributes<HTMLDivElement>>;
-    Trigger: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+    Trigger: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectTriggerProps & import("class-variance-authority").VariantProps<(props?: ({
         size?: "small" | "medium" | null | undefined;
         variant?: "text" | "outline" | null | undefined;
     } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-        children?: import("react").ReactNode;
-    } & {
         iconProps?: import("./select-trigger").IconProps | undefined;
     } & import("./select-trigger").AriaProps & import("./select-trigger").TriggerStyleProps & import("react").RefAttributes<HTMLButtonElement>>;
-    Content: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Item: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    Content: import("react").ForwardRefExoticComponent<import("./select-content").SelectContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps, "asChild"> & {
         textProps?: import("../text").TextProps | undefined;
         leadingIcon?: import("react").ReactNode;
     } & import("react").RefAttributes<HTMLDivElement>>;
     Separator: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectLabelProps & import("react").RefAttributes<HTMLDivElement>>;
 };
 //# sourceMappingURL=select.d.ts.map

package/dist/v1/components/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAO1D,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;CAUjB,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAQ1D,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAWjB,CAAC"}

package/dist/v1/components/select/select.js

@@ -1,12 +1,13 @@
-import { Group, ScrollDownButton, Viewport, Separator } from '../../node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js';
+import { ScrollDownButton, Viewport } from '../../node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js';
 import { SelectTrigger } from './select-trigger.js';
 import { SelectContent } from './select-content.js';
 import { SelectItem } from './select-item.js';
 import { SelectValue } from './select-value.js';
 import { SelectRoot } from './select-root.js';
+import { SelectGroup, SelectSeparator, SelectLabel } from './select-misc.js';
 
 const Select = Object.assign(SelectRoot, {
-    Group: Group,
+    Group: SelectGroup,
     Value: SelectValue,
     ScrollUpButton: ScrollDownButton,
     ScrollDownButton: ScrollDownButton,
@@ -14,7 +15,8 @@ const Select = Object.assign(SelectRoot, {
     Trigger: SelectTrigger,
     Content: SelectContent,
     Item: SelectItem,
-    Separator: Separator,
+    Separator: SelectSeparator,
+    Label: SelectLabel,
 });
 
 export { Select };