@raystack/apsara 0.46.0-rc.4 → 0.46.0

package/dist/v1/components/breadcrumb/breadcrumb.js

@@ -1,11 +1,31 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
 import { DotsHorizontalIcon, ChevronDownIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
-import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
-import { forwardRef } from 'react';
+import { cx, cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { forwardRef, useMemo, cloneElement } from 'react';
 import { DropdownMenu } from '../dropdown-menu/dropdown-menu.js';
 import styles from './breadcrumb.module.css.js';
 
-const breadcrumb = cva(styles['breadcrumb'], {
+const BreadcrumbItem = ({ as = jsxRuntimeExports.jsx("a", {}), onItemClick, ...props }) => {
+    const { label, href, icon, dropdownItems, isActive } = props;
+    if (label === 'ellipsis') {
+        return (jsxRuntimeExports.jsx("span", { className: styles['breadcrumb-ellipsis'], children: jsxRuntimeExports.jsx(DotsHorizontalIcon, {}) }));
+    }
+    if (dropdownItems) {
+        return (jsxRuntimeExports.jsxs(DropdownMenu, { children: [jsxRuntimeExports.jsxs(DropdownMenu.Trigger, { className: styles['breadcrumb-dropdown-trigger'], children: [icon && jsxRuntimeExports.jsx("span", { className: styles['breadcrumb-icon'], children: icon }), jsxRuntimeExports.jsx("span", { children: label }), jsxRuntimeExports.jsx(ChevronDownIcon, { className: styles['breadcrumb-dropdown-icon'] })] }), jsxRuntimeExports.jsx(DropdownMenu.Content, { className: styles['breadcrumb-dropdown-content'], children: dropdownItems.map((dropdownItem, dropdownIndex) => (jsxRuntimeExports.jsx(DropdownMenu.Item, { className: styles['breadcrumb-dropdown-item'], onSelect: () => onItemClick?.(dropdownItem), children: dropdownItem.label }, dropdownIndex))) })] }));
+    }
+    return cloneElement(as, {
+        className: cx(styles['breadcrumb-link'], isActive && styles['breadcrumb-link-active']),
+        onClick: (e) => {
+            if (onItemClick && href !== '#') {
+                e.preventDefault();
+                onItemClick(props);
+            }
+        },
+        href,
+        ...as.props
+    }, jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [icon && jsxRuntimeExports.jsx("span", { className: styles['breadcrumb-icon'], children: icon }), jsxRuntimeExports.jsx("span", { children: label })] }));
+};
+const breadcrumbVariants = cva(styles['breadcrumb'], {
     variants: {
         size: {
             small: styles['breadcrumb-small'],
@@ -17,24 +37,20 @@ const breadcrumb = cva(styles['breadcrumb'], {
     }
 });
 const Breadcrumb = forwardRef(({ className, size = 'medium', items, maxVisibleItems, separator = '/', onItemClick, ...props }, ref) => {
-    const visibleItems = maxVisibleItems && items.length > maxVisibleItems
-        ? [
-            ...items.slice(0, 1),
-            { label: 'ellipsis', href: '#' },
-            ...items.slice(-Math.min(maxVisibleItems - 1, items.length - 1))
-        ]
-        : items;
-    const renderItem = (item, index, isLast) => (jsxRuntimeExports.jsxs("li", { className: styles['breadcrumb-item'], children: [item.label === 'ellipsis' ? (jsxRuntimeExports.jsx("span", { className: styles['breadcrumb-ellipsis'], children: jsxRuntimeExports.jsx(DotsHorizontalIcon, {}) })) : item?.dropdownItems ? (jsxRuntimeExports.jsxs(DropdownMenu, { children: [jsxRuntimeExports.jsxs(DropdownMenu.Trigger, { className: styles['breadcrumb-dropdown-trigger'], children: [item.icon && (jsxRuntimeExports.jsx("span", { className: styles['breadcrumb-icon'], children: item.icon })), jsxRuntimeExports.jsx("span", { children: item.label }), jsxRuntimeExports.jsx(ChevronDownIcon, { className: styles['breadcrumb-dropdown-icon'] })] }), jsxRuntimeExports.jsx(DropdownMenu.Content, { className: styles['breadcrumb-dropdown-content'], children: item.dropdownItems.map((dropdownItem, dropdownIndex) => (jsxRuntimeExports.jsx(DropdownMenu.Item, { className: styles['breadcrumb-dropdown-item'], onClick: () => onItemClick &&
-                                onItemClick({
-                                    label: dropdownItem.label,
-                                    href: dropdownItem.href
-                                }), children: dropdownItem.label }, dropdownIndex))) })] })) : (jsxRuntimeExports.jsxs("a", { href: item.href, className: `${styles['breadcrumb-link']} ${isLast ? styles['breadcrumb-link-active'] : ''}`, onClick: e => {
-                    if (onItemClick && item.href !== '#') {
-                        e.preventDefault();
-                        onItemClick(item);
-                    }
-                }, children: [item.icon && (jsxRuntimeExports.jsx("span", { className: styles['breadcrumb-icon'], children: item.icon })), jsxRuntimeExports.jsx("span", { children: item.label })] })), !isLast && (jsxRuntimeExports.jsx("span", { className: styles['breadcrumb-separator'], children: separator }))] }, index));
-    return (jsxRuntimeExports.jsx("nav", { className: breadcrumb({ size: size, className }), ref: ref, ...props, children: jsxRuntimeExports.jsx("ol", { className: styles['breadcrumb-list'], children: visibleItems.map((item, index) => renderItem(item, index, index === visibleItems.length - 1)) }) }));
+    const visibleItems = useMemo(() => {
+        if (maxVisibleItems && items.length > maxVisibleItems) {
+            return [
+                ...items.slice(0, 1),
+                { label: 'ellipsis', href: '#' },
+                ...items.slice(-Math.min(maxVisibleItems - 1, items.length - 1))
+            ];
+        }
+        return items;
+    }, [maxVisibleItems, items]);
+    return (jsxRuntimeExports.jsx("nav", { className: breadcrumbVariants({ size, className }), ref: ref, ...props, children: jsxRuntimeExports.jsx("ol", { className: styles['breadcrumb-list'], children: visibleItems.map((item, index) => {
+                const isLast = index === visibleItems.length - 1;
+                return (jsxRuntimeExports.jsxs("li", { className: styles['breadcrumb-item'], children: [jsxRuntimeExports.jsx(BreadcrumbItem, { ...item, isActive: isLast, onItemClick: onItemClick }), !isLast && (jsxRuntimeExports.jsx("span", { className: styles['breadcrumb-separator'], children: separator }))] }, index));
+            }) }) }));
 });
 Breadcrumb.displayName = 'Breadcrumb';
 

package/dist/v1/components/breadcrumb/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","sources":["../../../../v1/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import { ChevronDownIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport React, { forwardRef, PropsWithChildren } from 'react';\n\nimport { DropdownMenu } from '../dropdown-menu';\nimport styles from './breadcrumb.module.css';\n\ninterface BreadcrumbItem {\n  label: string;\n  href: string;\n  icon?: React.ReactNode;\n  dropdownItems?: Array<{ label: string; href: string }>;\n}\n\nconst breadcrumb = cva(styles['breadcrumb'], {\n  variants: {\n    size: {\n      small: styles['breadcrumb-small'],\n      medium: styles['breadcrumb-medium']\n    }\n  },\n  defaultVariants: {\n    size: 'medium'\n  }\n});\n\ntype BreadcrumbProps = PropsWithChildren<\n  Omit<VariantProps<typeof breadcrumb>, 'size'>\n> & {\n  items: BreadcrumbItem[];\n  maxVisibleItems?: number;\n  separator?: React.ReactNode;\n  onItemClick?: (item: BreadcrumbItem) => void;\n  className?: string;\n  size?: 'small' | 'medium';\n};\n\nexport const Breadcrumb = forwardRef<HTMLDivElement, BreadcrumbProps>(\n  (\n    {\n      className,\n      size = 'medium',\n      items,\n      maxVisibleItems,\n      separator = '/',\n      onItemClick,\n      ...props\n    },\n    ref\n  ) => {\n    const visibleItems =\n      maxVisibleItems && items.length > maxVisibleItems\n        ? [\n            ...items.slice(0, 1),\n            { label: 'ellipsis', href: '#' },\n            ...items.slice(-Math.min(maxVisibleItems - 1, items.length - 1))\n          ]\n        : items;\n\n    const renderItem = (\n      item: BreadcrumbItem,\n      index: number,\n      isLast: boolean\n    ) => (\n      <li key={index} className={styles['breadcrumb-item']}>\n        {item.label === 'ellipsis' ? (\n          <span className={styles['breadcrumb-ellipsis']}>\n            <DotsHorizontalIcon />\n          </span>\n        ) : item?.dropdownItems ? (\n          <DropdownMenu>\n            <DropdownMenu.Trigger\n              className={styles['breadcrumb-dropdown-trigger']}\n            >\n              {item.icon && (\n                <span className={styles['breadcrumb-icon']}>{item.icon}</span>\n              )}\n              <span>{item.label}</span>\n              <ChevronDownIcon className={styles['breadcrumb-dropdown-icon']} />\n            </DropdownMenu.Trigger>\n            <DropdownMenu.Content\n              className={styles['breadcrumb-dropdown-content']}\n            >\n              {item.dropdownItems.map((dropdownItem, dropdownIndex) => (\n                <DropdownMenu.Item\n                  key={dropdownIndex}\n                  className={styles['breadcrumb-dropdown-item']}\n                  onClick={() =>\n                    onItemClick &&\n                    onItemClick({\n                      label: dropdownItem.label,\n                      href: dropdownItem.href\n                    })\n                  }\n                >\n                  {dropdownItem.label}\n                </DropdownMenu.Item>\n              ))}\n            </DropdownMenu.Content>\n          </DropdownMenu>\n        ) : (\n          <a\n            href={item.href}\n            className={`${styles['breadcrumb-link']} ${isLast ? styles['breadcrumb-link-active'] : ''}`}\n            onClick={e => {\n              if (onItemClick && item.href !== '#') {\n                e.preventDefault();\n                onItemClick(item);\n              }\n            }}\n          >\n            {item.icon && (\n              <span className={styles['breadcrumb-icon']}>{item.icon}</span>\n            )}\n            <span>{item.label}</span>\n          </a>\n        )}\n        {!isLast && (\n          <span className={styles['breadcrumb-separator']}>{separator}</span>\n        )}\n      </li>\n    );\n\n    return (\n      <nav\n        className={breadcrumb({ size: size as 'small' | 'medium', className })}\n        ref={ref}\n        {...props}\n      >\n        <ol className={styles['breadcrumb-list']}>\n          {visibleItems.map((item, index) =>\n            renderItem(item, index, index === visibleItems.length - 1)\n          )}\n        </ol>\n      </nav>\n    );\n  }\n);\n\nBreadcrumb.displayName = 'Breadcrumb';\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"breadcrumb.js","sources":["../../../../v1/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import { ChevronDownIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { type VariantProps, cva, cx } from 'class-variance-authority';\nimport {\n  MouseEvent,\n  ReactElement,\n  cloneElement,\n  forwardRef,\n  useMemo\n} from 'react';\nimport { DropdownMenu } from '../dropdown-menu';\nimport styles from './breadcrumb.module.css';\n\ninterface BreadcrumbItemBase {\n  label: string;\n  href?: string;\n}\ninterface BreadcrumbItem extends BreadcrumbItemBase {\n  icon?: React.ReactNode;\n  dropdownItems?: BreadcrumbItemBase[];\n  as?: ReactElement;\n}\n\ninterface BreadcrumbItemProps extends BreadcrumbItem {\n  isActive: boolean;\n  onItemClick?: (item: BreadcrumbItem) => void;\n}\n\nconst BreadcrumbItem = ({\n  as = <a />,\n  onItemClick,\n  ...props\n}: BreadcrumbItemProps) => {\n  const { label, href, icon, dropdownItems, isActive } = props;\n\n  if (label === 'ellipsis') {\n    return (\n      <span className={styles['breadcrumb-ellipsis']}>\n        <DotsHorizontalIcon />\n      </span>\n    );\n  }\n  if (dropdownItems) {\n    return (\n      <DropdownMenu>\n        <DropdownMenu.Trigger className={styles['breadcrumb-dropdown-trigger']}>\n          {icon && <span className={styles['breadcrumb-icon']}>{icon}</span>}\n          <span>{label}</span>\n          <ChevronDownIcon className={styles['breadcrumb-dropdown-icon']} />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content className={styles['breadcrumb-dropdown-content']}>\n          {dropdownItems.map((dropdownItem, dropdownIndex) => (\n            <DropdownMenu.Item\n              key={dropdownIndex}\n              className={styles['breadcrumb-dropdown-item']}\n              onSelect={() => onItemClick?.(dropdownItem)}\n            >\n              {dropdownItem.label}\n            </DropdownMenu.Item>\n          ))}\n        </DropdownMenu.Content>\n      </DropdownMenu>\n    );\n  }\n  return cloneElement(\n    as,\n    {\n      className: cx(\n        styles['breadcrumb-link'],\n        isActive && styles['breadcrumb-link-active']\n      ),\n      onClick: (e: MouseEvent) => {\n        if (onItemClick && href !== '#') {\n          e.preventDefault();\n          onItemClick(props);\n        }\n      },\n      href,\n      ...as.props\n    },\n    <>\n      {icon && <span className={styles['breadcrumb-icon']}>{icon}</span>}\n      <span>{label}</span>\n    </>\n  );\n};\n\nconst breadcrumbVariants = cva(styles['breadcrumb'], {\n  variants: {\n    size: {\n      small: styles['breadcrumb-small'],\n      medium: styles['breadcrumb-medium']\n    }\n  },\n  defaultVariants: {\n    size: 'medium'\n  }\n});\n\ntype BreadcrumbProps = VariantProps<typeof breadcrumbVariants> & {\n  items: BreadcrumbItem[];\n  maxVisibleItems?: number;\n  separator?: React.ReactNode;\n  onItemClick?: (item: BreadcrumbItem) => void;\n  className?: string;\n  size?: 'small' | 'medium';\n};\n\nexport const Breadcrumb = forwardRef<HTMLDivElement, BreadcrumbProps>(\n  (\n    {\n      className,\n      size = 'medium',\n      items,\n      maxVisibleItems,\n      separator = '/',\n      onItemClick,\n      ...props\n    },\n    ref\n  ) => {\n    const visibleItems = useMemo(() => {\n      if (maxVisibleItems && items.length > maxVisibleItems) {\n        return [\n          ...items.slice(0, 1),\n          { label: 'ellipsis', href: '#' },\n          ...items.slice(-Math.min(maxVisibleItems - 1, items.length - 1))\n        ];\n      }\n      return items;\n    }, [maxVisibleItems, items]);\n\n    return (\n      <nav\n        className={breadcrumbVariants({ size, className })}\n        ref={ref}\n        {...props}\n      >\n        <ol className={styles['breadcrumb-list']}>\n          {visibleItems.map((item, index) => {\n            const isLast = index === visibleItems.length - 1;\n            return (\n              <li className={styles['breadcrumb-item']} key={index}>\n                <BreadcrumbItem\n                  {...item}\n                  isActive={isLast}\n                  onItemClick={onItemClick}\n                />\n                {!isLast && (\n                  <span className={styles['breadcrumb-separator']}>\n                    {separator}\n                  </span>\n                )}\n              </li>\n            );\n          })}\n        </ol>\n      </nav>\n    );\n  }\n);\n\nBreadcrumb.displayName = 'Breadcrumb';\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/v1/components/dropdown-menu/dropdown-menu-content.cjs

@@ -1,22 +1,22 @@
 'use strict';
 
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
-var React = require('react');
 var VIIRIBF3 = 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/__chunks/VIIRIBF3.cjs');
 var menu = 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/menu/menu.cjs');
 var combobox = 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.cjs');
 var MAXQOH4L = 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/__chunks/MAXQOH4L.cjs');
-var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
-var dropdownMenu_module = require('./dropdown-menu.module.css.cjs');
 var index$1 = require('../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var React = require('react');
 var dropdownMenuRoot = require('./dropdown-menu-root.cjs');
+var dropdownMenu_module = require('./dropdown-menu.module.css.cjs');
 
-const DropdownMenuContent = React.forwardRef(({ className, children, asChild, searchPlaceholder = "Search...", ...props }, ref) => {
+const DropdownMenuContent = React.forwardRef(({ className, children, asChild, searchPlaceholder = 'Search...', ...props }, ref) => {
     const menu$1 = VIIRIBF3.useMenuContext();
     const { autocomplete } = dropdownMenuRoot.useDropdownContext();
     const isSubMenu = !!menu$1?.parent;
     const comboboxRef = React.useRef(null);
-    return (jsxRuntime.jsxRuntimeExports.jsx(menu.Menu, { ref: ref, modal: true, portal: true, portalElement: typeof window === "undefined" ? null : window?.document?.body, unmountOnHide: true, gutter: isSubMenu ? 2 : 4, className: index.cx(dropdownMenu_module.default.content, autocomplete && dropdownMenu_module.default.comboboxContainer, className), render: asChild ? jsxRuntime.jsxRuntimeExports.jsx(index$1.Slot, {}) : undefined, ...props, children: autocomplete ? (jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [jsxRuntime.jsxRuntimeExports.jsx(combobox.Combobox, { ref: comboboxRef, placeholder: searchPlaceholder, className: dropdownMenu_module.default.comboboxInput, autoSelect: true, onPointerEnter: e => {
+    return (jsxRuntime.jsxRuntimeExports.jsx(menu.Menu, { ref: ref, modal: true, portal: true, portalElement: typeof window === 'undefined' ? null : window?.document?.body, unmountOnHide: true, gutter: isSubMenu ? 2 : 4, className: index.cx(dropdownMenu_module.default.content, autocomplete && dropdownMenu_module.default.comboboxContainer, className), render: asChild ? jsxRuntime.jsxRuntimeExports.jsx(index$1.Slot, {}) : undefined, ...props, children: autocomplete ? (jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [jsxRuntime.jsxRuntimeExports.jsx(combobox.Combobox, { ref: comboboxRef, placeholder: searchPlaceholder, className: dropdownMenu_module.default.comboboxInput, autoSelect: true, onPointerEnter: e => {
                         if (document && document.activeElement !== comboboxRef.current)
                             comboboxRef.current?.focus();
                     } }), jsxRuntime.jsxRuntimeExports.jsx(MAXQOH4L.ComboboxList, { className: dropdownMenu_module.default.comboboxContent, children: children })] })) : (children) }));

package/dist/v1/components/dropdown-menu/dropdown-menu-content.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-content.cjs","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-content.tsx"],"sourcesContent":["import { ElementRef, forwardRef, useRef } from \"react\";\nimport { Menu, MenuProps, useMenuContext } from \"@ariakit/react\";\nimport { Combobox, ComboboxList } from \"@ariakit/react\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./dropdown-menu.module.css\";\nimport { WithAsChild } from \"./types\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useDropdownContext } from \"./dropdown-menu-root\";\n\nexport interface MenuContentProps\n  extends Omit<WithAsChild<MenuProps>, \"portal\"> {\n  searchPlaceholder?: string;\n}\n\nexport const DropdownMenuContent = forwardRef<\n  ElementRef<typeof Menu>,\n  MenuContentProps\n>(\n  (\n    { className, children, asChild, searchPlaceholder = \"Search...\", ...props },\n    ref,\n  ) => {\n    const menu = useMenuContext();\n    const { autocomplete } = useDropdownContext();\n    const isSubMenu = !!menu?.parent;\n    const comboboxRef = useRef<HTMLInputElement>(null);\n\n    return (\n      <Menu\n        ref={ref}\n        modal\n        portal\n        portalElement={\n          typeof window === \"undefined\" ? null : window?.document?.body\n        }\n        unmountOnHide\n        gutter={isSubMenu ? 2 : 4}\n        className={cx(\n          styles.content,\n          autocomplete && styles.comboboxContainer,\n          className,\n        )}\n        render={asChild ? <Slot /> : undefined}\n        {...props}>\n        {autocomplete ? (\n          <>\n            <Combobox\n              ref={comboboxRef}\n              placeholder={searchPlaceholder}\n              className={styles.comboboxInput}\n              autoSelect\n              onPointerEnter={e => {\n                if (document && document.activeElement !== comboboxRef.current)\n                  comboboxRef.current?.focus();\n              }}\n            />\n            <ComboboxList className={styles.comboboxContent}>\n              {children}\n            </ComboboxList>\n          </>\n        ) : (\n          children\n        )}\n      </Menu>\n    );\n  },\n);\n"],"names":["forwardRef","menu","useMenuContext","useDropdownContext","useRef","_jsx","Menu","cx","styles","Slot","_jsxs","_Fragment","Combobox","ComboboxList"],"mappings":";;;;;;;;;;;;;AAca,MAAA,mBAAmB,GAAGA,gBAAU,CAI3C,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,GAAG,WAAW,EAAE,GAAG,KAAK,EAAE,EAC3E,GAAG,KACD;AACF,IAAA,MAAMC,MAAI,GAAGC,uBAAc,EAAE,CAAC;AAC9B,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,mCAAkB,EAAE,CAAC;AAC9C,IAAA,MAAM,SAAS,GAAG,CAAC,CAACF,MAAI,EAAE,MAAM,CAAC;AACjC,IAAA,MAAM,WAAW,GAAGG,YAAM,CAAmB,IAAI,CAAC,CAAC;IAEnD,QACEC,iCAACC,SAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EACL,IAAA,EAAA,MAAM,QACN,aAAa,EACX,OAAO,MAAM,KAAK,WAAW,GAAG,IAAI,GAAG,MAAM,EAAE,QAAQ,EAAE,IAAI,EAE/D,aAAa,QACb,MAAM,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC,EACzB,SAAS,EAAEC,QAAE,CACXC,2BAAM,CAAC,OAAO,EACd,YAAY,IAAIA,2BAAM,CAAC,iBAAiB,EACxC,SAAS,CACV,EACD,MAAM,EAAE,OAAO,GAAGH,gCAAC,CAAAI,YAAI,EAAG,EAAA,CAAA,GAAG,SAAS,EAClC,GAAA,KAAK,EACR,QAAA,EAAA,YAAY,IACXC,iCAAA,CAAAC,qCAAA,EAAA,EAAA,QAAA,EAAA,CACEN,gCAAC,CAAAO,iBAAQ,EACP,EAAA,GAAG,EAAE,WAAW,EAChB,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAEJ,2BAAM,CAAC,aAAa,EAC/B,UAAU,QACV,cAAc,EAAE,CAAC,IAAG;wBAClB,IAAI,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,WAAW,CAAC,OAAO;AAC5D,4BAAA,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;qBAChC,EAAA,CACD,EACFH,gCAAC,CAAAQ,qBAAY,IAAC,SAAS,EAAEL,2BAAM,CAAC,eAAe,EAAA,QAAA,EAC5C,QAAQ,EACI,CAAA,CAAA,EAAA,CACd,KAEH,QAAQ,CACT,EACI,CAAA,EACP;AACJ,CAAC;;;;"}
+{"version":3,"file":"dropdown-menu-content.cjs","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-content.tsx"],"sourcesContent":["import { Menu, MenuProps, useMenuContext } from '@ariakit/react';\nimport { Combobox, ComboboxList } from '@ariakit/react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cx } from 'class-variance-authority';\nimport { ElementRef, forwardRef, useRef } from 'react';\nimport { useDropdownContext } from './dropdown-menu-root';\nimport styles from './dropdown-menu.module.css';\nimport { WithAsChild } from './types';\n\nexport interface MenuContentProps extends WithAsChild<MenuProps> {\n  searchPlaceholder?: string;\n}\n\nexport const DropdownMenuContent = forwardRef<\n  ElementRef<typeof Menu>,\n  MenuContentProps\n>(\n  (\n    { className, children, asChild, searchPlaceholder = 'Search...', ...props },\n    ref\n  ) => {\n    const menu = useMenuContext();\n    const { autocomplete } = useDropdownContext();\n    const isSubMenu = !!menu?.parent;\n    const comboboxRef = useRef<HTMLInputElement>(null);\n\n    return (\n      <Menu\n        ref={ref}\n        modal\n        portal\n        portalElement={\n          typeof window === 'undefined' ? null : window?.document?.body\n        }\n        unmountOnHide\n        gutter={isSubMenu ? 2 : 4}\n        className={cx(\n          styles.content,\n          autocomplete && styles.comboboxContainer,\n          className\n        )}\n        render={asChild ? <Slot /> : undefined}\n        {...props}\n      >\n        {autocomplete ? (\n          <>\n            <Combobox\n              ref={comboboxRef}\n              placeholder={searchPlaceholder}\n              className={styles.comboboxInput}\n              autoSelect\n              onPointerEnter={e => {\n                if (document && document.activeElement !== comboboxRef.current)\n                  comboboxRef.current?.focus();\n              }}\n            />\n            <ComboboxList className={styles.comboboxContent}>\n              {children}\n            </ComboboxList>\n          </>\n        ) : (\n          children\n        )}\n      </Menu>\n    );\n  }\n);\n"],"names":["forwardRef","menu","useMenuContext","useDropdownContext","useRef","_jsx","Menu","cx","styles","Slot","_jsxs","_Fragment","Combobox","ComboboxList"],"mappings":";;;;;;;;;;;;;AAaa,MAAA,mBAAmB,GAAGA,gBAAU,CAI3C,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,GAAG,WAAW,EAAE,GAAG,KAAK,EAAE,EAC3E,GAAG,KACD;AACF,IAAA,MAAMC,MAAI,GAAGC,uBAAc,EAAE,CAAC;AAC9B,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,mCAAkB,EAAE,CAAC;AAC9C,IAAA,MAAM,SAAS,GAAG,CAAC,CAACF,MAAI,EAAE,MAAM,CAAC;AACjC,IAAA,MAAM,WAAW,GAAGG,YAAM,CAAmB,IAAI,CAAC,CAAC;IAEnD,QACEC,iCAACC,SAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EACL,IAAA,EAAA,MAAM,QACN,aAAa,EACX,OAAO,MAAM,KAAK,WAAW,GAAG,IAAI,GAAG,MAAM,EAAE,QAAQ,EAAE,IAAI,EAE/D,aAAa,QACb,MAAM,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC,EACzB,SAAS,EAAEC,QAAE,CACXC,2BAAM,CAAC,OAAO,EACd,YAAY,IAAIA,2BAAM,CAAC,iBAAiB,EACxC,SAAS,CACV,EACD,MAAM,EAAE,OAAO,GAAGH,gCAAC,CAAAI,YAAI,EAAG,EAAA,CAAA,GAAG,SAAS,EAClC,GAAA,KAAK,EAER,QAAA,EAAA,YAAY,IACXC,iCAAA,CAAAC,qCAAA,EAAA,EAAA,QAAA,EAAA,CACEN,gCAAC,CAAAO,iBAAQ,EACP,EAAA,GAAG,EAAE,WAAW,EAChB,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAEJ,2BAAM,CAAC,aAAa,EAC/B,UAAU,QACV,cAAc,EAAE,CAAC,IAAG;wBAClB,IAAI,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,WAAW,CAAC,OAAO;AAC5D,4BAAA,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;qBAChC,EAAA,CACD,EACFH,gCAAC,CAAAQ,qBAAY,IAAC,SAAS,EAAEL,2BAAM,CAAC,eAAe,EAAA,QAAA,EAC5C,QAAQ,EACI,CAAA,CAAA,EAAA,CACd,KAEH,QAAQ,CACT,EACI,CAAA,EACP;AACJ,CAAC;;;;"}

package/dist/v1/components/dropdown-menu/dropdown-menu-content.d.ts

@@ -1,6 +1,6 @@
-import { MenuProps } from "@ariakit/react";
-import { WithAsChild } from "./types";
-export interface MenuContentProps extends Omit<WithAsChild<MenuProps>, "portal"> {
+import { MenuProps } from '@ariakit/react';
+import { WithAsChild } from './types';
+export interface MenuContentProps extends WithAsChild<MenuProps> {
     searchPlaceholder?: string;
 }
 export declare const DropdownMenuContent: import("react").ForwardRefExoticComponent<Omit<MenuContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/v1/components/dropdown-menu/dropdown-menu-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-content.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,SAAS,EAAkB,MAAM,gBAAgB,CAAC;AAIjE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC;IAC9C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,0HAoD/B,CAAC"}
+{"version":3,"file":"dropdown-menu-content.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAkB,MAAM,gBAAgB,CAAC;AAOjE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,WAAW,gBAAiB,SAAQ,WAAW,CAAC,SAAS,CAAC;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,0HAqD/B,CAAC"}

package/dist/v1/components/dropdown-menu/dropdown-menu-content.js

@@ -1,20 +1,20 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import { forwardRef, useRef } from 'react';
 import { useMenuContext } 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/VIIRIBF3.js';
 import { Menu } 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/menu/menu.js';
 import { Combobox } 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.js';
 import { ComboboxList } 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/MAXQOH4L.js';
-import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
-import styles from './dropdown-menu.module.css.js';
 import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.js';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { forwardRef, useRef } from 'react';
 import { useDropdownContext } from './dropdown-menu-root.js';
+import styles from './dropdown-menu.module.css.js';
 
-const DropdownMenuContent = forwardRef(({ className, children, asChild, searchPlaceholder = "Search...", ...props }, ref) => {
+const DropdownMenuContent = forwardRef(({ className, children, asChild, searchPlaceholder = 'Search...', ...props }, ref) => {
     const menu = useMenuContext();
     const { autocomplete } = useDropdownContext();
     const isSubMenu = !!menu?.parent;
     const comboboxRef = useRef(null);
-    return (jsxRuntimeExports.jsx(Menu, { ref: ref, modal: true, portal: true, portalElement: typeof window === "undefined" ? null : window?.document?.body, unmountOnHide: true, gutter: isSubMenu ? 2 : 4, className: cx(styles.content, autocomplete && styles.comboboxContainer, className), render: asChild ? jsxRuntimeExports.jsx($5e63c961fc1ce211$export$8c6ed5c666ac1360, {}) : undefined, ...props, children: autocomplete ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Combobox, { ref: comboboxRef, placeholder: searchPlaceholder, className: styles.comboboxInput, autoSelect: true, onPointerEnter: e => {
+    return (jsxRuntimeExports.jsx(Menu, { ref: ref, modal: true, portal: true, portalElement: typeof window === 'undefined' ? null : window?.document?.body, unmountOnHide: true, gutter: isSubMenu ? 2 : 4, className: cx(styles.content, autocomplete && styles.comboboxContainer, className), render: asChild ? jsxRuntimeExports.jsx($5e63c961fc1ce211$export$8c6ed5c666ac1360, {}) : undefined, ...props, children: autocomplete ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Combobox, { ref: comboboxRef, placeholder: searchPlaceholder, className: styles.comboboxInput, autoSelect: true, onPointerEnter: e => {
                         if (document && document.activeElement !== comboboxRef.current)
                             comboboxRef.current?.focus();
                     } }), jsxRuntimeExports.jsx(ComboboxList, { className: styles.comboboxContent, children: children })] })) : (children) }));

package/dist/v1/components/dropdown-menu/dropdown-menu-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-content.js","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-content.tsx"],"sourcesContent":["import { ElementRef, forwardRef, useRef } from \"react\";\nimport { Menu, MenuProps, useMenuContext } from \"@ariakit/react\";\nimport { Combobox, ComboboxList } from \"@ariakit/react\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./dropdown-menu.module.css\";\nimport { WithAsChild } from \"./types\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useDropdownContext } from \"./dropdown-menu-root\";\n\nexport interface MenuContentProps\n  extends Omit<WithAsChild<MenuProps>, \"portal\"> {\n  searchPlaceholder?: string;\n}\n\nexport const DropdownMenuContent = forwardRef<\n  ElementRef<typeof Menu>,\n  MenuContentProps\n>(\n  (\n    { className, children, asChild, searchPlaceholder = \"Search...\", ...props },\n    ref,\n  ) => {\n    const menu = useMenuContext();\n    const { autocomplete } = useDropdownContext();\n    const isSubMenu = !!menu?.parent;\n    const comboboxRef = useRef<HTMLInputElement>(null);\n\n    return (\n      <Menu\n        ref={ref}\n        modal\n        portal\n        portalElement={\n          typeof window === \"undefined\" ? null : window?.document?.body\n        }\n        unmountOnHide\n        gutter={isSubMenu ? 2 : 4}\n        className={cx(\n          styles.content,\n          autocomplete && styles.comboboxContainer,\n          className,\n        )}\n        render={asChild ? <Slot /> : undefined}\n        {...props}>\n        {autocomplete ? (\n          <>\n            <Combobox\n              ref={comboboxRef}\n              placeholder={searchPlaceholder}\n              className={styles.comboboxInput}\n              autoSelect\n              onPointerEnter={e => {\n                if (document && document.activeElement !== comboboxRef.current)\n                  comboboxRef.current?.focus();\n              }}\n            />\n            <ComboboxList className={styles.comboboxContent}>\n              {children}\n            </ComboboxList>\n          </>\n        ) : (\n          children\n        )}\n      </Menu>\n    );\n  },\n);\n"],"names":["_jsx","Slot","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;AAca,MAAA,mBAAmB,GAAG,UAAU,CAI3C,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,GAAG,WAAW,EAAE,GAAG,KAAK,EAAE,EAC3E,GAAG,KACD;AACF,IAAA,MAAM,IAAI,GAAG,cAAc,EAAE,CAAC;AAC9B,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;AAC9C,IAAA,MAAM,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC;AACjC,IAAA,MAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEnD,QACEA,sBAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EACL,IAAA,EAAA,MAAM,QACN,aAAa,EACX,OAAO,MAAM,KAAK,WAAW,GAAG,IAAI,GAAG,MAAM,EAAE,QAAQ,EAAE,IAAI,EAE/D,aAAa,QACb,MAAM,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC,EACzB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,OAAO,EACd,YAAY,IAAI,MAAM,CAAC,iBAAiB,EACxC,SAAS,CACV,EACD,MAAM,EAAE,OAAO,GAAGA,qBAAC,CAAAC,yCAAI,EAAG,EAAA,CAAA,GAAG,SAAS,EAClC,GAAA,KAAK,EACR,QAAA,EAAA,YAAY,IACXC,sBAAA,CAAAC,0BAAA,EAAA,EAAA,QAAA,EAAA,CACEH,qBAAC,CAAA,QAAQ,EACP,EAAA,GAAG,EAAE,WAAW,EAChB,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,UAAU,QACV,cAAc,EAAE,CAAC,IAAG;wBAClB,IAAI,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,WAAW,CAAC,OAAO;AAC5D,4BAAA,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;qBAChC,EAAA,CACD,EACFA,qBAAC,CAAA,YAAY,IAAC,SAAS,EAAE,MAAM,CAAC,eAAe,EAAA,QAAA,EAC5C,QAAQ,EACI,CAAA,CAAA,EAAA,CACd,KAEH,QAAQ,CACT,EACI,CAAA,EACP;AACJ,CAAC;;;;"}
+{"version":3,"file":"dropdown-menu-content.js","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-content.tsx"],"sourcesContent":["import { Menu, MenuProps, useMenuContext } from '@ariakit/react';\nimport { Combobox, ComboboxList } from '@ariakit/react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cx } from 'class-variance-authority';\nimport { ElementRef, forwardRef, useRef } from 'react';\nimport { useDropdownContext } from './dropdown-menu-root';\nimport styles from './dropdown-menu.module.css';\nimport { WithAsChild } from './types';\n\nexport interface MenuContentProps extends WithAsChild<MenuProps> {\n  searchPlaceholder?: string;\n}\n\nexport const DropdownMenuContent = forwardRef<\n  ElementRef<typeof Menu>,\n  MenuContentProps\n>(\n  (\n    { className, children, asChild, searchPlaceholder = 'Search...', ...props },\n    ref\n  ) => {\n    const menu = useMenuContext();\n    const { autocomplete } = useDropdownContext();\n    const isSubMenu = !!menu?.parent;\n    const comboboxRef = useRef<HTMLInputElement>(null);\n\n    return (\n      <Menu\n        ref={ref}\n        modal\n        portal\n        portalElement={\n          typeof window === 'undefined' ? null : window?.document?.body\n        }\n        unmountOnHide\n        gutter={isSubMenu ? 2 : 4}\n        className={cx(\n          styles.content,\n          autocomplete && styles.comboboxContainer,\n          className\n        )}\n        render={asChild ? <Slot /> : undefined}\n        {...props}\n      >\n        {autocomplete ? (\n          <>\n            <Combobox\n              ref={comboboxRef}\n              placeholder={searchPlaceholder}\n              className={styles.comboboxInput}\n              autoSelect\n              onPointerEnter={e => {\n                if (document && document.activeElement !== comboboxRef.current)\n                  comboboxRef.current?.focus();\n              }}\n            />\n            <ComboboxList className={styles.comboboxContent}>\n              {children}\n            </ComboboxList>\n          </>\n        ) : (\n          children\n        )}\n      </Menu>\n    );\n  }\n);\n"],"names":["_jsx","Slot","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;AAaa,MAAA,mBAAmB,GAAG,UAAU,CAI3C,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,GAAG,WAAW,EAAE,GAAG,KAAK,EAAE,EAC3E,GAAG,KACD;AACF,IAAA,MAAM,IAAI,GAAG,cAAc,EAAE,CAAC;AAC9B,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;AAC9C,IAAA,MAAM,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC;AACjC,IAAA,MAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEnD,QACEA,sBAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EACL,IAAA,EAAA,MAAM,QACN,aAAa,EACX,OAAO,MAAM,KAAK,WAAW,GAAG,IAAI,GAAG,MAAM,EAAE,QAAQ,EAAE,IAAI,EAE/D,aAAa,QACb,MAAM,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC,EACzB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,OAAO,EACd,YAAY,IAAI,MAAM,CAAC,iBAAiB,EACxC,SAAS,CACV,EACD,MAAM,EAAE,OAAO,GAAGA,qBAAC,CAAAC,yCAAI,EAAG,EAAA,CAAA,GAAG,SAAS,EAClC,GAAA,KAAK,EAER,QAAA,EAAA,YAAY,IACXC,sBAAA,CAAAC,0BAAA,EAAA,EAAA,QAAA,EAAA,CACEH,qBAAC,CAAA,QAAQ,EACP,EAAA,GAAG,EAAE,WAAW,EAChB,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,UAAU,QACV,cAAc,EAAE,CAAC,IAAG;wBAClB,IAAI,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,WAAW,CAAC,OAAO;AAC5D,4BAAA,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;qBAChC,EAAA,CACD,EACFA,qBAAC,CAAA,YAAY,IAAC,SAAS,EAAE,MAAM,CAAC,eAAe,EAAA,QAAA,EAC5C,QAAQ,EACI,CAAA,CAAA,EAAA,CACd,KAEH,QAAQ,CACT,EACI,CAAA,EACP;AACJ,CAAC;;;;"}

package/dist/v1/components/icon-button/icon-button.cjs

@@ -3,22 +3,23 @@
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
 var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
+var flex = require('../flex/flex.cjs');
 var iconButton_module = require('./icon-button.module.css.cjs');
 
 const iconButton = index.cva(iconButton_module.default.iconButton, {
     variants: {
         size: {
-            1: iconButton_module.default["iconButton-size-1"],
-            2: iconButton_module.default["iconButton-size-2"],
-            3: iconButton_module.default["iconButton-size-3"],
-            4: iconButton_module.default["iconButton-size-4"],
+            1: iconButton_module.default['iconButton-size-1'],
+            2: iconButton_module.default['iconButton-size-2'],
+            3: iconButton_module.default['iconButton-size-3'],
+            4: iconButton_module.default['iconButton-size-4']
         }
     },
     defaultVariants: {
-        size: 2,
-    },
+        size: 2
+    }
 });
-const IconButton = React.forwardRef(({ className, size, disabled, children, 'aria-label': ariaLabel, style, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx("button", { ref: ref, className: iconButton({ size, className }), disabled: disabled, type: "button", "aria-label": ariaLabel, "aria-disabled": disabled, style: style, ...props, children: jsxRuntime.jsxRuntimeExports.jsx("div", { "aria-hidden": "true", children: children }) })));
+const IconButton = React.forwardRef(({ className, size, disabled, children, 'aria-label': ariaLabel, style, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx("button", { ref: ref, className: iconButton({ size, className }), disabled: disabled, type: 'button', "aria-label": ariaLabel, "aria-disabled": disabled, style: style, ...props, children: jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { "aria-hidden": 'true', align: 'center', justify: 'center', children: children }) })));
 IconButton.displayName = 'IconButton';
 
 exports.IconButton = IconButton;

package/dist/v1/components/icon-button/icon-button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.cjs","sources":["../../../../v1/components/icon-button/icon-button.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\n\nimport styles from './icon-button.module.css';\n\nconst iconButton = cva(styles.iconButton, {\n  variants: {\n    size: {\n      1: styles[\"iconButton-size-1\"],\n      2: styles[\"iconButton-size-2\"],\n      3: styles[\"iconButton-size-3\"],\n      4: styles[\"iconButton-size-4\"],\n    }\n  },\n  defaultVariants: {\n    size: 2,\n  },\n});\n\nexport interface IconButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof iconButton> {\n  size?: 1 | 2 | 3 | 4;\n  'aria-label'?: string;\n}\n\nexport const IconButton = forwardRef<ElementRef<\"button\">, IconButtonProps>(\n  ({ \n    className, \n    size, \n    disabled, \n    children, \n    'aria-label': ariaLabel,\n    style,\n    ...props \n  }, ref) => (\n    <button\n      ref={ref}\n      className={iconButton({ size, className })}\n      disabled={disabled}\n      type=\"button\"\n      aria-label={ariaLabel}\n      aria-disabled={disabled}\n      style={style}\n      {...props}\n    >\n      <div aria-hidden=\"true\">\n        {children}\n      </div>\n    </button>\n  )\n);\n\nIconButton.displayName = 'IconButton';\n"],"names":["cva","styles","forwardRef","_jsx"],"mappings":";;;;;;;AAKA,MAAM,UAAU,GAAGA,SAAG,CAACC,yBAAM,CAAC,UAAU,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACF,CAAA,CAAC,CAAC;AASI,MAAM,UAAU,GAAGC,gBAAU,CAClC,CAAC,EACC,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,GAAG,MACJC,gCACE,CAAA,QAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EAAA,YAAA,EACD,SAAS,EAAA,eAAA,EACN,QAAQ,EACvB,KAAK,EAAE,KAAK,KACR,KAAK,EAAA,QAAA,EAETA,gCAAiB,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,MAAM,YACpB,QAAQ,EAAA,CACL,EACC,CAAA,CACV,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"icon-button.cjs","sources":["../../../../v1/components/icon-button/icon-button.tsx"],"sourcesContent":["import { VariantProps, cva } from 'class-variance-authority';\nimport { ElementRef, forwardRef } from 'react';\nimport { Flex } from '../flex';\n\nimport styles from './icon-button.module.css';\n\nconst iconButton = cva(styles.iconButton, {\n  variants: {\n    size: {\n      1: styles['iconButton-size-1'],\n      2: styles['iconButton-size-2'],\n      3: styles['iconButton-size-3'],\n      4: styles['iconButton-size-4']\n    }\n  },\n  defaultVariants: {\n    size: 2\n  }\n});\n\nexport interface IconButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof iconButton> {\n  size?: 1 | 2 | 3 | 4;\n  'aria-label'?: string;\n}\n\nexport const IconButton = forwardRef<ElementRef<'button'>, IconButtonProps>(\n  (\n    {\n      className,\n      size,\n      disabled,\n      children,\n      'aria-label': ariaLabel,\n      style,\n      ...props\n    },\n    ref\n  ) => (\n    <button\n      ref={ref}\n      className={iconButton({ size, className })}\n      disabled={disabled}\n      type='button'\n      aria-label={ariaLabel}\n      aria-disabled={disabled}\n      style={style}\n      {...props}\n    >\n      <Flex aria-hidden='true' align='center' justify='center'>\n        {children}\n      </Flex>\n    </button>\n  )\n);\n\nIconButton.displayName = 'IconButton';\n"],"names":["cva","styles","forwardRef","_jsx","Flex"],"mappings":";;;;;;;;AAMA,MAAM,UAAU,GAAGA,SAAG,CAACC,yBAAM,CAAC,UAAU,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACF,CAAA,CAAC,CAAC;AASU,MAAA,UAAU,GAAGC,gBAAU,CAClC,CACE,EACE,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,MAEHC,gCAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,gBACD,SAAS,EAAA,eAAA,EACN,QAAQ,EACvB,KAAK,EAAE,KAAK,EAAA,GACR,KAAK,EAAA,QAAA,EAETA,iCAACC,SAAI,EAAA,EAAA,aAAA,EAAa,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EACrD,QAAA,EAAA,QAAQ,GACJ,EACA,CAAA,CACV,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/v1/components/icon-button/icon-button.d.ts

@@ -1,4 +1,4 @@
-import { VariantProps } from "class-variance-authority";
+import { VariantProps } from 'class-variance-authority';
 declare const iconButton: (props?: ({
     size?: 1 | 2 | 3 | 4 | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/v1/components/icon-button/icon-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../v1/components/icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAK7D,QAAA,MAAM,UAAU;;8EAYd,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,UAAU,CAAC;IACjC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,+GAyBtB,CAAC"}
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../v1/components/icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAM7D,QAAA,MAAM,UAAU;;8EAYd,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,UAAU,CAAC;IACjC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,+GA4BtB,CAAC"}

package/dist/v1/components/icon-button/icon-button.js

@@ -1,22 +1,23 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { forwardRef } from 'react';
+import { Flex } from '../flex/flex.js';
 import styles from './icon-button.module.css.js';
 
 const iconButton = cva(styles.iconButton, {
     variants: {
         size: {
-            1: styles["iconButton-size-1"],
-            2: styles["iconButton-size-2"],
-            3: styles["iconButton-size-3"],
-            4: styles["iconButton-size-4"],
+            1: styles['iconButton-size-1'],
+            2: styles['iconButton-size-2'],
+            3: styles['iconButton-size-3'],
+            4: styles['iconButton-size-4']
         }
     },
     defaultVariants: {
-        size: 2,
-    },
+        size: 2
+    }
 });
-const IconButton = forwardRef(({ className, size, disabled, children, 'aria-label': ariaLabel, style, ...props }, ref) => (jsxRuntimeExports.jsx("button", { ref: ref, className: iconButton({ size, className }), disabled: disabled, type: "button", "aria-label": ariaLabel, "aria-disabled": disabled, style: style, ...props, children: jsxRuntimeExports.jsx("div", { "aria-hidden": "true", children: children }) })));
+const IconButton = forwardRef(({ className, size, disabled, children, 'aria-label': ariaLabel, style, ...props }, ref) => (jsxRuntimeExports.jsx("button", { ref: ref, className: iconButton({ size, className }), disabled: disabled, type: 'button', "aria-label": ariaLabel, "aria-disabled": disabled, style: style, ...props, children: jsxRuntimeExports.jsx(Flex, { "aria-hidden": 'true', align: 'center', justify: 'center', children: children }) })));
 IconButton.displayName = 'IconButton';
 
 export { IconButton };

package/dist/v1/components/icon-button/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","sources":["../../../../v1/components/icon-button/icon-button.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\n\nimport styles from './icon-button.module.css';\n\nconst iconButton = cva(styles.iconButton, {\n  variants: {\n    size: {\n      1: styles[\"iconButton-size-1\"],\n      2: styles[\"iconButton-size-2\"],\n      3: styles[\"iconButton-size-3\"],\n      4: styles[\"iconButton-size-4\"],\n    }\n  },\n  defaultVariants: {\n    size: 2,\n  },\n});\n\nexport interface IconButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof iconButton> {\n  size?: 1 | 2 | 3 | 4;\n  'aria-label'?: string;\n}\n\nexport const IconButton = forwardRef<ElementRef<\"button\">, IconButtonProps>(\n  ({ \n    className, \n    size, \n    disabled, \n    children, \n    'aria-label': ariaLabel,\n    style,\n    ...props \n  }, ref) => (\n    <button\n      ref={ref}\n      className={iconButton({ size, className })}\n      disabled={disabled}\n      type=\"button\"\n      aria-label={ariaLabel}\n      aria-disabled={disabled}\n      style={style}\n      {...props}\n    >\n      <div aria-hidden=\"true\">\n        {children}\n      </div>\n    </button>\n  )\n);\n\nIconButton.displayName = 'IconButton';\n"],"names":["_jsx"],"mappings":";;;;;AAKA,MAAM,UAAU,GAAG,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACF,CAAA,CAAC,CAAC;AASI,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EACC,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,GAAG,MACJA,qBACE,CAAA,QAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EAAA,YAAA,EACD,SAAS,EAAA,eAAA,EACN,QAAQ,EACvB,KAAK,EAAE,KAAK,KACR,KAAK,EAAA,QAAA,EAETA,qBAAiB,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,MAAM,YACpB,QAAQ,EAAA,CACL,EACC,CAAA,CACV,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"icon-button.js","sources":["../../../../v1/components/icon-button/icon-button.tsx"],"sourcesContent":["import { VariantProps, cva } from 'class-variance-authority';\nimport { ElementRef, forwardRef } from 'react';\nimport { Flex } from '../flex';\n\nimport styles from './icon-button.module.css';\n\nconst iconButton = cva(styles.iconButton, {\n  variants: {\n    size: {\n      1: styles['iconButton-size-1'],\n      2: styles['iconButton-size-2'],\n      3: styles['iconButton-size-3'],\n      4: styles['iconButton-size-4']\n    }\n  },\n  defaultVariants: {\n    size: 2\n  }\n});\n\nexport interface IconButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof iconButton> {\n  size?: 1 | 2 | 3 | 4;\n  'aria-label'?: string;\n}\n\nexport const IconButton = forwardRef<ElementRef<'button'>, IconButtonProps>(\n  (\n    {\n      className,\n      size,\n      disabled,\n      children,\n      'aria-label': ariaLabel,\n      style,\n      ...props\n    },\n    ref\n  ) => (\n    <button\n      ref={ref}\n      className={iconButton({ size, className })}\n      disabled={disabled}\n      type='button'\n      aria-label={ariaLabel}\n      aria-disabled={disabled}\n      style={style}\n      {...props}\n    >\n      <Flex aria-hidden='true' align='center' justify='center'>\n        {children}\n      </Flex>\n    </button>\n  )\n);\n\nIconButton.displayName = 'IconButton';\n"],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,UAAU,GAAG,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACF,CAAA,CAAC,CAAC;AASU,MAAA,UAAU,GAAG,UAAU,CAClC,CACE,EACE,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,MAEHA,qBAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,gBACD,SAAS,EAAA,eAAA,EACN,QAAQ,EACvB,KAAK,EAAE,KAAK,EAAA,GACR,KAAK,EAAA,QAAA,EAETA,sBAAC,IAAI,EAAA,EAAA,aAAA,EAAa,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EACrD,QAAA,EAAA,QAAQ,GACJ,EACA,CAAA,CACV,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

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

@@ -1,20 +1,29 @@
 '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 combobox = 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.cjs');
 var MAXQOH4L = 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/__chunks/MAXQOH4L.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');
+var index$2 = require('../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/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 select_module = require('./select.module.css.cjs');
+var React = require('react');
 var selectRoot = require('./select-root.cjs');
+var select_module = require('./select.module.css.cjs');
 
-const SelectContent = React.forwardRef(({ className, children, position = "popper", searchPlaceholder = "Search...", sideOffset = 4, ...props }, ref) => {
-    const { autocomplete } = selectRoot.useSelectContext();
-    return (jsxRuntime.jsxRuntimeExports.jsx(index.Portal, { children: jsxRuntime.jsxRuntimeExports.jsx(index.Content, { role: autocomplete ? "dialog" : undefined, ref: ref, position: position, sideOffset: sideOffset, className: index$1.cx(select_module.default.content, className), ...props, children: jsxRuntime.jsxRuntimeExports.jsx(index.Viewport, { className: index$1.cx(select_module.default.viewport, autocomplete && select_module.default.comboboxViewport), children: autocomplete ? (jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [jsxRuntime.jsxRuntimeExports.jsx(combobox.Combobox, { autoSelect: true, placeholder: searchPlaceholder, className: select_module.default.comboboxInput, onBlurCapture: event => {
+const SelectContent = React.forwardRef(({ className, children, position = 'popper', searchPlaceholder = 'Search...', sideOffset = 4, asChild, onEscapeKeyDown: providedOnEscapeKeyDown, onPointerDownOutside: providedOnPointerDownOutside, ...props }, ref) => {
+    const { autocomplete, multiple, updateSelectionInProgress } = selectRoot.useSelectContext();
+    const onPointerDownOutside = React.useCallback(event => {
+        updateSelectionInProgress(false);
+        providedOnPointerDownOutside?.(event);
+    }, [updateSelectionInProgress, providedOnPointerDownOutside]);
+    const onEscapeKeyDown = React.useCallback(event => {
+        updateSelectionInProgress(false);
+        providedOnEscapeKeyDown?.(event);
+    }, [updateSelectionInProgress, providedOnEscapeKeyDown]);
+    return (jsxRuntime.jsxRuntimeExports.jsx(index.Portal, { children: jsxRuntime.jsxRuntimeExports.jsx(index.Content, { ref: ref, position: position, sideOffset: sideOffset, className: index$1.cx(select_module.default.content, className), onEscapeKeyDown: multiple ? onEscapeKeyDown : providedOnEscapeKeyDown, onPointerDownOutside: multiple ? onPointerDownOutside : providedOnPointerDownOutside, role: autocomplete ? 'dialog' : 'listbox', "aria-multiselectable": !autocomplete && multiple ? true : undefined, "data-multiselectable": multiple ? true : undefined, ...props, children: jsxRuntime.jsxRuntimeExports.jsx(index.Viewport, { className: index$1.cx(select_module.default.viewport, autocomplete && select_module.default.comboboxViewport), asChild: !autocomplete ? asChild : undefined, children: autocomplete ? (jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [jsxRuntime.jsxRuntimeExports.jsx(combobox.Combobox, { autoSelect: true, placeholder: searchPlaceholder, className: select_module.default.comboboxInput, onBlurCapture: event => {
                                 event.preventDefault();
                                 event.stopPropagation();
-                            } }), jsxRuntime.jsxRuntimeExports.jsx(MAXQOH4L.ComboboxList, { className: select_module.default.comboboxContent, children: children })] })) : (children) }) }) }));
+                            } }), jsxRuntime.jsxRuntimeExports.jsx(MAXQOH4L.ComboboxList, { className: select_module.default.comboboxContent, "aria-multiselectable": multiple ? true : undefined, render: asChild ? jsxRuntime.jsxRuntimeExports.jsx(index$2.Slot, {}) : undefined, children: children })] })) : (children) }) }) }));
 });
 SelectContent.displayName = index.Content.displayName;
 

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

@@ -1 +1 @@
-{"version":3,"file":"select-content.cjs","sources":["../../../../v1/components/select/select-content.tsx"],"sourcesContent":["import { ElementRef, forwardRef } from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { Combobox, ComboboxList } from \"@ariakit/react\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./select.module.css\";\nimport { useSelectContext } from \"./select-root\";\n\nexport interface SelectContentProps extends SelectPrimitive.SelectContentProps {\n  searchPlaceholder?: string;\n}\n\nexport const SelectContent = forwardRef<\n  ElementRef<typeof SelectPrimitive.Content>,\n  SelectContentProps\n>(\n  (\n    {\n      className,\n      children,\n      position = \"popper\",\n      searchPlaceholder = \"Search...\",\n      sideOffset = 4,\n      ...props\n    },\n    ref,\n  ) => {\n    const { autocomplete } = useSelectContext();\n\n    return (\n      <SelectPrimitive.Portal>\n        <SelectPrimitive.Content\n          role={autocomplete ? \"dialog\" : undefined}\n          ref={ref}\n          position={position}\n          sideOffset={sideOffset}\n          className={cx(styles.content, className)}\n          {...props}>\n          <SelectPrimitive.Viewport\n            className={cx(\n              styles.viewport,\n              autocomplete && styles.comboboxViewport,\n            )}>\n            {autocomplete ? (\n              <>\n                <Combobox\n                  autoSelect\n                  placeholder={searchPlaceholder}\n                  className={styles.comboboxInput}\n                  onBlurCapture={event => {\n                    event.preventDefault();\n                    event.stopPropagation();\n                  }}\n                />\n                <ComboboxList className={styles.comboboxContent}>\n                  {children}\n                </ComboboxList>\n              </>\n            ) : (\n              children\n            )}\n          </SelectPrimitive.Viewport>\n        </SelectPrimitive.Content>\n      </SelectPrimitive.Portal>\n    );\n  },\n);\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n"],"names":["forwardRef","useSelectContext","_jsx","SelectPrimitive.Portal","SelectPrimitive.Content","cx","styles","SelectPrimitive.Viewport","_jsxs","Combobox","ComboboxList"],"mappings":";;;;;;;;;;;AAWO,MAAM,aAAa,GAAGA,gBAAU,CAIrC,CACE,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,QAAQ,EACnB,iBAAiB,GAAG,WAAW,EAC/B,UAAU,GAAG,CAAC,EACd,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,2BAAgB,EAAE,CAAC;IAE5C,QACEC,iCAACC,YAAsB,EACrB,EAAA,QAAA,EAAAD,gCAAA,CAACE,aAAuB,IACtB,IAAI,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,EACzC,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAEC,UAAE,CAACC,qBAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EAAA,GACpC,KAAK,EACT,QAAA,EAAAJ,gCAAA,CAACK,cAAwB,IACvB,SAAS,EAAEF,UAAE,CACXC,qBAAM,CAAC,QAAQ,EACf,YAAY,IAAIA,qBAAM,CAAC,gBAAgB,CACxC,YACA,YAAY,IACXE,sFACEN,gCAAC,CAAAO,iBAAQ,IACP,UAAU,EAAA,IAAA,EACV,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAEH,qBAAM,CAAC,aAAa,EAC/B,aAAa,EAAE,KAAK,IAAG;gCACrB,KAAK,CAAC,cAAc,EAAE,CAAC;gCACvB,KAAK,CAAC,eAAe,EAAE,CAAC;6BACzB,EAAA,CACD,EACFJ,gCAAA,CAACQ,qBAAY,EAAA,EAAC,SAAS,EAAEJ,qBAAM,CAAC,eAAe,EAC5C,QAAA,EAAA,QAAQ,GACI,CACd,EAAA,CAAA,KAEH,QAAQ,CACT,EACwB,CAAA,EAAA,CACH,EACH,CAAA,EACzB;AACJ,CAAC,EACD;AACF,aAAa,CAAC,WAAW,GAAGF,aAAuB,CAAC,WAAW;;;;"}
+{"version":3,"file":"select-content.cjs","sources":["../../../../v1/components/select/select-content.tsx"],"sourcesContent":["import { Combobox, ComboboxList } from '@ariakit/react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cx } from 'class-variance-authority';\nimport { ElementRef, forwardRef, useCallback } from 'react';\nimport { useSelectContext } from './select-root';\nimport styles from './select.module.css';\n\nexport interface SelectContentProps extends SelectPrimitive.SelectContentProps {\n  searchPlaceholder?: string;\n}\n\nexport const SelectContent = forwardRef<\n  ElementRef<typeof SelectPrimitive.Content>,\n  SelectContentProps\n>(\n  (\n    {\n      className,\n      children,\n      position = 'popper',\n      searchPlaceholder = 'Search...',\n      sideOffset = 4,\n      asChild,\n      onEscapeKeyDown: providedOnEscapeKeyDown,\n      onPointerDownOutside: providedOnPointerDownOutside,\n      ...props\n    },\n    ref\n  ) => {\n    const { autocomplete, multiple, updateSelectionInProgress } =\n      useSelectContext();\n\n    const onPointerDownOutside = useCallback<\n      NonNullable<SelectContentProps['onPointerDownOutside']>\n    >(\n      event => {\n        updateSelectionInProgress(false);\n        providedOnPointerDownOutside?.(event);\n      },\n      [updateSelectionInProgress, providedOnPointerDownOutside]\n    );\n\n    const onEscapeKeyDown = useCallback<\n      NonNullable<SelectContentProps['onEscapeKeyDown']>\n    >(\n      event => {\n        updateSelectionInProgress(false);\n        providedOnEscapeKeyDown?.(event);\n      },\n      [updateSelectionInProgress, providedOnEscapeKeyDown]\n    );\n\n    return (\n      <SelectPrimitive.Portal>\n        <SelectPrimitive.Content\n          ref={ref}\n          position={position}\n          sideOffset={sideOffset}\n          className={cx(styles.content, className)}\n          onEscapeKeyDown={multiple ? onEscapeKeyDown : providedOnEscapeKeyDown}\n          onPointerDownOutside={\n            multiple ? onPointerDownOutside : providedOnPointerDownOutside\n          }\n          role={autocomplete ? 'dialog' : 'listbox'}\n          aria-multiselectable={!autocomplete && multiple ? true : undefined}\n          data-multiselectable={multiple ? true : undefined}\n          {...props}\n        >\n          <SelectPrimitive.Viewport\n            className={cx(\n              styles.viewport,\n              autocomplete && styles.comboboxViewport\n            )}\n            asChild={!autocomplete ? asChild : undefined}\n          >\n            {autocomplete ? (\n              <>\n                <Combobox\n                  autoSelect\n                  placeholder={searchPlaceholder}\n                  className={styles.comboboxInput}\n                  onBlurCapture={event => {\n                    event.preventDefault();\n                    event.stopPropagation();\n                  }}\n                />\n                <ComboboxList\n                  className={styles.comboboxContent}\n                  aria-multiselectable={multiple ? true : undefined}\n                  render={asChild ? <Slot /> : undefined}\n                >\n                  {children}\n                </ComboboxList>\n              </>\n            ) : (\n              children\n            )}\n          </SelectPrimitive.Viewport>\n        </SelectPrimitive.Content>\n      </SelectPrimitive.Portal>\n    );\n  }\n);\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n"],"names":["forwardRef","useSelectContext","useCallback","_jsx","SelectPrimitive.Portal","SelectPrimitive.Content","cx","styles","SelectPrimitive.Viewport","_jsxs","_Fragment","Combobox","ComboboxList","Slot"],"mappings":";;;;;;;;;;;;AAYa,MAAA,aAAa,GAAGA,gBAAU,CAIrC,CACE,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,QAAQ,EACnB,iBAAiB,GAAG,WAAW,EAC/B,UAAU,GAAG,CAAC,EACd,OAAO,EACP,eAAe,EAAE,uBAAuB,EACxC,oBAAoB,EAAE,4BAA4B,EAClD,GAAG,KAAK,EACT,EACD,GAAG,KACD;IACF,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,yBAAyB,EAAE,GACzDC,2BAAgB,EAAE,CAAC;AAErB,IAAA,MAAM,oBAAoB,GAAGC,iBAAW,CAGtC,KAAK,IAAG;QACN,yBAAyB,CAAC,KAAK,CAAC,CAAC;AACjC,QAAA,4BAA4B,GAAG,KAAK,CAAC,CAAC;AACxC,KAAC,EACD,CAAC,yBAAyB,EAAE,4BAA4B,CAAC,CAC1D,CAAC;AAEF,IAAA,MAAM,eAAe,GAAGA,iBAAW,CAGjC,KAAK,IAAG;QACN,yBAAyB,CAAC,KAAK,CAAC,CAAC;AACjC,QAAA,uBAAuB,GAAG,KAAK,CAAC,CAAC;AACnC,KAAC,EACD,CAAC,yBAAyB,EAAE,uBAAuB,CAAC,CACrD,CAAC;AAEF,IAAA,QACEC,gCAAA,CAACC,YAAsB,EACrB,EAAA,QAAA,EAAAD,gCAAA,CAACE,aAAuB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAEC,UAAE,CAACC,qBAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EACxC,eAAe,EAAE,QAAQ,GAAG,eAAe,GAAG,uBAAuB,EACrE,oBAAoB,EAClB,QAAQ,GAAG,oBAAoB,GAAG,4BAA4B,EAEhE,IAAI,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,EACnB,sBAAA,EAAA,CAAC,YAAY,IAAI,QAAQ,GAAG,IAAI,GAAG,SAAS,0BAC5C,QAAQ,GAAG,IAAI,GAAG,SAAS,KAC7C,KAAK,EAAA,QAAA,EAETJ,gCAAC,CAAAK,cAAwB,EAAA,EACvB,SAAS,EAAEF,UAAE,CACXC,qBAAM,CAAC,QAAQ,EACf,YAAY,IAAIA,qBAAM,CAAC,gBAAgB,CACxC,EACD,OAAO,EAAE,CAAC,YAAY,GAAG,OAAO,GAAG,SAAS,YAE3C,YAAY,IACXE,iCACE,CAAAC,qCAAA,EAAA,EAAA,QAAA,EAAA,CAAAP,gCAAA,CAACQ,iBAAQ,EAAA,EACP,UAAU,EACV,IAAA,EAAA,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAEJ,qBAAM,CAAC,aAAa,EAC/B,aAAa,EAAE,KAAK,IAAG;gCACrB,KAAK,CAAC,cAAc,EAAE,CAAC;gCACvB,KAAK,CAAC,eAAe,EAAE,CAAC;6BACzB,EAAA,CACD,EACFJ,gCAAC,CAAAS,qBAAY,IACX,SAAS,EAAEL,qBAAM,CAAC,eAAe,EAAA,sBAAA,EACX,QAAQ,GAAG,IAAI,GAAG,SAAS,EACjD,MAAM,EAAE,OAAO,GAAGJ,iCAACU,YAAI,EAAA,EAAA,CAAG,GAAG,SAAS,EAAA,QAAA,EAErC,QAAQ,EAAA,CACI,IACd,KAEH,QAAQ,CACT,EACwB,CAAA,EAAA,CACH,EACH,CAAA,EACzB;AACJ,CAAC,EACD;AACF,aAAa,CAAC,WAAW,GAAGR,aAAuB,CAAC,WAAW;;;;"}

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

@@ -1,4 +1,4 @@
-import * as SelectPrimitive from "@radix-ui/react-select";
+import * as SelectPrimitive from '@radix-ui/react-select';
 export interface SelectContentProps extends SelectPrimitive.SelectContentProps {
     searchPlaceholder?: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"select-content.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select-content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAM1D,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,kBAAkB;IAC5E,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,+GAsDzB,CAAC"}
+{"version":3,"file":"select-content.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select-content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAO1D,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,kBAAkB;IAC5E,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,+GA2FzB,CAAC"}

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

@@ -1,18 +1,27 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import { forwardRef } from 'react';
-import { Portal, Content as Content2, 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 { Combobox } 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.js';
 import { ComboboxList } 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/MAXQOH4L.js';
+import { Portal, Content as Content2, 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 { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.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 { forwardRef, useCallback } from 'react';
 import { useSelectContext } from './select-root.js';
+import styles from './select.module.css.js';
 
-const SelectContent = forwardRef(({ className, children, position = "popper", searchPlaceholder = "Search...", sideOffset = 4, ...props }, ref) => {
-    const { autocomplete } = useSelectContext();
-    return (jsxRuntimeExports.jsx(Portal, { children: jsxRuntimeExports.jsx(Content2, { role: autocomplete ? "dialog" : undefined, ref: ref, position: position, sideOffset: sideOffset, className: cx(styles.content, className), ...props, children: jsxRuntimeExports.jsx(Viewport, { className: cx(styles.viewport, autocomplete && styles.comboboxViewport), children: autocomplete ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Combobox, { autoSelect: true, placeholder: searchPlaceholder, className: styles.comboboxInput, onBlurCapture: event => {
+const SelectContent = forwardRef(({ className, children, position = 'popper', searchPlaceholder = 'Search...', sideOffset = 4, asChild, onEscapeKeyDown: providedOnEscapeKeyDown, onPointerDownOutside: providedOnPointerDownOutside, ...props }, ref) => {
+    const { autocomplete, multiple, updateSelectionInProgress } = useSelectContext();
+    const onPointerDownOutside = useCallback(event => {
+        updateSelectionInProgress(false);
+        providedOnPointerDownOutside?.(event);
+    }, [updateSelectionInProgress, providedOnPointerDownOutside]);
+    const onEscapeKeyDown = useCallback(event => {
+        updateSelectionInProgress(false);
+        providedOnEscapeKeyDown?.(event);
+    }, [updateSelectionInProgress, providedOnEscapeKeyDown]);
+    return (jsxRuntimeExports.jsx(Portal, { children: jsxRuntimeExports.jsx(Content2, { ref: ref, position: position, sideOffset: sideOffset, className: cx(styles.content, className), onEscapeKeyDown: multiple ? onEscapeKeyDown : providedOnEscapeKeyDown, onPointerDownOutside: multiple ? onPointerDownOutside : providedOnPointerDownOutside, role: autocomplete ? 'dialog' : 'listbox', "aria-multiselectable": !autocomplete && multiple ? true : undefined, "data-multiselectable": multiple ? true : undefined, ...props, children: jsxRuntimeExports.jsx(Viewport, { className: cx(styles.viewport, autocomplete && styles.comboboxViewport), asChild: !autocomplete ? asChild : undefined, children: autocomplete ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Combobox, { autoSelect: true, placeholder: searchPlaceholder, className: styles.comboboxInput, onBlurCapture: event => {
                                 event.preventDefault();
                                 event.stopPropagation();
-                            } }), jsxRuntimeExports.jsx(ComboboxList, { className: styles.comboboxContent, children: children })] })) : (children) }) }) }));
+                            } }), jsxRuntimeExports.jsx(ComboboxList, { className: styles.comboboxContent, "aria-multiselectable": multiple ? true : undefined, render: asChild ? jsxRuntimeExports.jsx($5e63c961fc1ce211$export$8c6ed5c666ac1360, {}) : undefined, children: children })] })) : (children) }) }) }));
 });
 SelectContent.displayName = Content2.displayName;
 

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

@@ -1 +1 @@
-{"version":3,"file":"select-content.js","sources":["../../../../v1/components/select/select-content.tsx"],"sourcesContent":["import { ElementRef, forwardRef } from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { Combobox, ComboboxList } from \"@ariakit/react\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./select.module.css\";\nimport { useSelectContext } from \"./select-root\";\n\nexport interface SelectContentProps extends SelectPrimitive.SelectContentProps {\n  searchPlaceholder?: string;\n}\n\nexport const SelectContent = forwardRef<\n  ElementRef<typeof SelectPrimitive.Content>,\n  SelectContentProps\n>(\n  (\n    {\n      className,\n      children,\n      position = \"popper\",\n      searchPlaceholder = \"Search...\",\n      sideOffset = 4,\n      ...props\n    },\n    ref,\n  ) => {\n    const { autocomplete } = useSelectContext();\n\n    return (\n      <SelectPrimitive.Portal>\n        <SelectPrimitive.Content\n          role={autocomplete ? \"dialog\" : undefined}\n          ref={ref}\n          position={position}\n          sideOffset={sideOffset}\n          className={cx(styles.content, className)}\n          {...props}>\n          <SelectPrimitive.Viewport\n            className={cx(\n              styles.viewport,\n              autocomplete && styles.comboboxViewport,\n            )}>\n            {autocomplete ? (\n              <>\n                <Combobox\n                  autoSelect\n                  placeholder={searchPlaceholder}\n                  className={styles.comboboxInput}\n                  onBlurCapture={event => {\n                    event.preventDefault();\n                    event.stopPropagation();\n                  }}\n                />\n                <ComboboxList className={styles.comboboxContent}>\n                  {children}\n                </ComboboxList>\n              </>\n            ) : (\n              children\n            )}\n          </SelectPrimitive.Viewport>\n        </SelectPrimitive.Content>\n      </SelectPrimitive.Portal>\n    );\n  },\n);\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n"],"names":["_jsx","SelectPrimitive.Portal","SelectPrimitive.Content","SelectPrimitive.Viewport","_jsxs"],"mappings":";;;;;;;;;AAWO,MAAM,aAAa,GAAG,UAAU,CAIrC,CACE,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,QAAQ,EACnB,iBAAiB,GAAG,WAAW,EAC/B,UAAU,GAAG,CAAC,EACd,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE5C,QACEA,sBAACC,MAAsB,EACrB,EAAA,QAAA,EAAAD,qBAAA,CAACE,QAAuB,IACtB,IAAI,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,EACzC,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EAAA,GACpC,KAAK,EACT,QAAA,EAAAF,qBAAA,CAACG,QAAwB,IACvB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,QAAQ,EACf,YAAY,IAAI,MAAM,CAAC,gBAAgB,CACxC,YACA,YAAY,IACXC,gEACEJ,qBAAC,CAAA,QAAQ,IACP,UAAU,EAAA,IAAA,EACV,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,aAAa,EAAE,KAAK,IAAG;gCACrB,KAAK,CAAC,cAAc,EAAE,CAAC;gCACvB,KAAK,CAAC,eAAe,EAAE,CAAC;6BACzB,EAAA,CACD,EACFA,qBAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,eAAe,EAC5C,QAAA,EAAA,QAAQ,GACI,CACd,EAAA,CAAA,KAEH,QAAQ,CACT,EACwB,CAAA,EAAA,CACH,EACH,CAAA,EACzB;AACJ,CAAC,EACD;AACF,aAAa,CAAC,WAAW,GAAGE,QAAuB,CAAC,WAAW;;;;"}
+{"version":3,"file":"select-content.js","sources":["../../../../v1/components/select/select-content.tsx"],"sourcesContent":["import { Combobox, ComboboxList } from '@ariakit/react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cx } from 'class-variance-authority';\nimport { ElementRef, forwardRef, useCallback } from 'react';\nimport { useSelectContext } from './select-root';\nimport styles from './select.module.css';\n\nexport interface SelectContentProps extends SelectPrimitive.SelectContentProps {\n  searchPlaceholder?: string;\n}\n\nexport const SelectContent = forwardRef<\n  ElementRef<typeof SelectPrimitive.Content>,\n  SelectContentProps\n>(\n  (\n    {\n      className,\n      children,\n      position = 'popper',\n      searchPlaceholder = 'Search...',\n      sideOffset = 4,\n      asChild,\n      onEscapeKeyDown: providedOnEscapeKeyDown,\n      onPointerDownOutside: providedOnPointerDownOutside,\n      ...props\n    },\n    ref\n  ) => {\n    const { autocomplete, multiple, updateSelectionInProgress } =\n      useSelectContext();\n\n    const onPointerDownOutside = useCallback<\n      NonNullable<SelectContentProps['onPointerDownOutside']>\n    >(\n      event => {\n        updateSelectionInProgress(false);\n        providedOnPointerDownOutside?.(event);\n      },\n      [updateSelectionInProgress, providedOnPointerDownOutside]\n    );\n\n    const onEscapeKeyDown = useCallback<\n      NonNullable<SelectContentProps['onEscapeKeyDown']>\n    >(\n      event => {\n        updateSelectionInProgress(false);\n        providedOnEscapeKeyDown?.(event);\n      },\n      [updateSelectionInProgress, providedOnEscapeKeyDown]\n    );\n\n    return (\n      <SelectPrimitive.Portal>\n        <SelectPrimitive.Content\n          ref={ref}\n          position={position}\n          sideOffset={sideOffset}\n          className={cx(styles.content, className)}\n          onEscapeKeyDown={multiple ? onEscapeKeyDown : providedOnEscapeKeyDown}\n          onPointerDownOutside={\n            multiple ? onPointerDownOutside : providedOnPointerDownOutside\n          }\n          role={autocomplete ? 'dialog' : 'listbox'}\n          aria-multiselectable={!autocomplete && multiple ? true : undefined}\n          data-multiselectable={multiple ? true : undefined}\n          {...props}\n        >\n          <SelectPrimitive.Viewport\n            className={cx(\n              styles.viewport,\n              autocomplete && styles.comboboxViewport\n            )}\n            asChild={!autocomplete ? asChild : undefined}\n          >\n            {autocomplete ? (\n              <>\n                <Combobox\n                  autoSelect\n                  placeholder={searchPlaceholder}\n                  className={styles.comboboxInput}\n                  onBlurCapture={event => {\n                    event.preventDefault();\n                    event.stopPropagation();\n                  }}\n                />\n                <ComboboxList\n                  className={styles.comboboxContent}\n                  aria-multiselectable={multiple ? true : undefined}\n                  render={asChild ? <Slot /> : undefined}\n                >\n                  {children}\n                </ComboboxList>\n              </>\n            ) : (\n              children\n            )}\n          </SelectPrimitive.Viewport>\n        </SelectPrimitive.Content>\n      </SelectPrimitive.Portal>\n    );\n  }\n);\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n"],"names":["_jsx","SelectPrimitive.Portal","SelectPrimitive.Content","SelectPrimitive.Viewport","_jsxs","_Fragment","Slot"],"mappings":";;;;;;;;;;AAYa,MAAA,aAAa,GAAG,UAAU,CAIrC,CACE,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,QAAQ,EACnB,iBAAiB,GAAG,WAAW,EAC/B,UAAU,GAAG,CAAC,EACd,OAAO,EACP,eAAe,EAAE,uBAAuB,EACxC,oBAAoB,EAAE,4BAA4B,EAClD,GAAG,KAAK,EACT,EACD,GAAG,KACD;IACF,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,yBAAyB,EAAE,GACzD,gBAAgB,EAAE,CAAC;AAErB,IAAA,MAAM,oBAAoB,GAAG,WAAW,CAGtC,KAAK,IAAG;QACN,yBAAyB,CAAC,KAAK,CAAC,CAAC;AACjC,QAAA,4BAA4B,GAAG,KAAK,CAAC,CAAC;AACxC,KAAC,EACD,CAAC,yBAAyB,EAAE,4BAA4B,CAAC,CAC1D,CAAC;AAEF,IAAA,MAAM,eAAe,GAAG,WAAW,CAGjC,KAAK,IAAG;QACN,yBAAyB,CAAC,KAAK,CAAC,CAAC;AACjC,QAAA,uBAAuB,GAAG,KAAK,CAAC,CAAC;AACnC,KAAC,EACD,CAAC,yBAAyB,EAAE,uBAAuB,CAAC,CACrD,CAAC;AAEF,IAAA,QACEA,qBAAA,CAACC,MAAsB,EACrB,EAAA,QAAA,EAAAD,qBAAA,CAACE,QAAuB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EACxC,eAAe,EAAE,QAAQ,GAAG,eAAe,GAAG,uBAAuB,EACrE,oBAAoB,EAClB,QAAQ,GAAG,oBAAoB,GAAG,4BAA4B,EAEhE,IAAI,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,EACnB,sBAAA,EAAA,CAAC,YAAY,IAAI,QAAQ,GAAG,IAAI,GAAG,SAAS,0BAC5C,QAAQ,GAAG,IAAI,GAAG,SAAS,KAC7C,KAAK,EAAA,QAAA,EAETF,qBAAC,CAAAG,QAAwB,EAAA,EACvB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,QAAQ,EACf,YAAY,IAAI,MAAM,CAAC,gBAAgB,CACxC,EACD,OAAO,EAAE,CAAC,YAAY,GAAG,OAAO,GAAG,SAAS,YAE3C,YAAY,IACXC,sBACE,CAAAC,0BAAA,EAAA,EAAA,QAAA,EAAA,CAAAL,qBAAA,CAAC,QAAQ,EAAA,EACP,UAAU,EACV,IAAA,EAAA,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,aAAa,EAAE,KAAK,IAAG;gCACrB,KAAK,CAAC,cAAc,EAAE,CAAC;gCACvB,KAAK,CAAC,eAAe,EAAE,CAAC;6BACzB,EAAA,CACD,EACFA,qBAAC,CAAA,YAAY,IACX,SAAS,EAAE,MAAM,CAAC,eAAe,EAAA,sBAAA,EACX,QAAQ,GAAG,IAAI,GAAG,SAAS,EACjD,MAAM,EAAE,OAAO,GAAGA,sBAACM,yCAAI,EAAA,EAAA,CAAG,GAAG,SAAS,EAAA,QAAA,EAErC,QAAQ,EAAA,CACI,IACd,KAEH,QAAQ,CACT,EACwB,CAAA,EAAA,CACH,EACH,CAAA,EACzB;AACJ,CAAC,EACD;AACF,aAAa,CAAC,WAAW,GAAGJ,QAAuB,CAAC,WAAW;;;;"}