@rescui/select 0.15.1-RUI-280-Update-select-component-separate-components-e772abaa1.56 → 0.15.1-RUI-280-Update-select-component-downshift-cd2a98813.66

package/lib/types.d.ts

@@ -1,15 +1,8 @@
 import React from 'react';
 import type { Theme } from '@rescui/ui-contexts';
-import type { AriaComboBoxProps } from '@react-aria/combobox';
-import type { AriaSelectProps } from '@react-aria/select';
-import type { AriaPositionProps } from '@react-aria/overlays';
-import type { AriaFieldProps } from '@react-aria/label';
-import type { SelectState } from '@react-stately/select';
-import type { ComboBoxState } from '@react-stately/combobox';
-import type { Key } from '@react-types/shared';
-export type { Key } from '@react-types/shared';
+import type { UseSelectPropGetters } from 'downshift';
+export declare type Key = string | number;
 export declare type Placement = 'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start';
-export declare type AriaPlacement = AriaPositionProps['placement'];
 export declare type SelectSize = 'l' | 'm' | 's';
 export declare type SelectMode = 'classic' | 'rock';
 export declare type SelectOption = {
@@ -22,6 +15,27 @@ export declare type SelectOptionsGroup = {
 };
 export declare type SelectOptionOrGroup = SelectOption | SelectOptionsGroup;
 export declare type SelectOptions = SelectOptionOrGroup[];
+export declare type ListBoxOptionItem = SelectOption & {
+    index: number;
+    type: 'option';
+    key: Key;
+    disabled?: boolean;
+};
+export declare type ListBoxGroupItem = Omit<SelectOptionsGroup, 'options'> & {
+    options: ListBoxOptionItem[];
+    type: 'group';
+    key: Key;
+};
+export declare type ListBoxItem = ListBoxOptionItem | ListBoxGroupItem;
+export declare type ListBoxItems = ListBoxItem[];
+export declare type ListBoxState = {
+    menuProps: ReturnType<UseSelectPropGetters<SelectOption>['getMenuProps']>;
+    getItemProps: UseSelectPropGetters<SelectOption>['getItemProps'];
+    selectionMode: 'single' | 'multiple';
+    highlightedIndex: number;
+    selectedMap: Map<Key, SelectOption>;
+    menuRef?: React.RefObject<HTMLUListElement>;
+};
 export declare type NativeSelectOption = {
     label: string;
     value?: Key;
@@ -166,6 +180,7 @@ export declare type NativeSelectProps = {
     placeholder?: string;
     isLoading?: boolean;
     isDisabled?: boolean;
+    isClearable?: boolean;
     trigger?: (props: TriggerFuncProps) => React.ReactNode;
     label?: React.ReactNode;
     note?: React.ReactNode;
@@ -178,21 +193,5 @@ export declare type NativeSelectProps = {
     noOptionsMessage?: NoOptionsMessage;
     name?: string;
     boldLabel?: boolean;
-} & Omit<AriaFieldProps, 'isInvalid' | 'errorMessage' | 'description' | 'id' | 'label' | 'labelElementType' | 'validate' | 'validationBehavior' | 'validationState'>;
-export declare type InnerSingleComponentProps<T extends object> = {
-    size?: SelectSize;
-    mode?: SelectMode;
-    theme?: Theme;
-    style?: React.CSSProperties;
-    className?: string;
-    isClearable?: boolean;
-    isLoading?: boolean;
-    errorMessage?: React.ReactNode;
-    placement?: AriaPlacement;
-    boldLabel?: boolean;
-    reserveErrorLine?: boolean;
-    placeholder?: string;
-    noOptionsMessage?: NoOptionsMessage;
-    maxVisibleItems?: number;
-} & Omit<AriaSelectProps<T, 'single'> | AriaComboBoxProps<T, 'single'>, 'errorMessage' | 'validate'>;
-export declare type CommonState<T extends object> = SelectState<T, 'single'> | SelectState<T, 'multiple'> | ComboBoxState<T>;
+};
+export declare type InnerSingleComponentProps = Omit<SelectProps, 'isSearchable'>;

package/lib/utils/get-real-items-cnt.d.ts

@@ -1,2 +1,2 @@
-import type { ListState } from 'react-stately';
-export declare const getRealItemsCnt: <T extends object>(state: ListState<T>) => number;
+import { ListBoxItem } from '../types';
+export declare const getRealItemsCnt: (items: ListBoxItem[]) => number;

package/lib/utils/get-real-items-cnt.js

@@ -1,16 +1,14 @@
-import { VIRTUAL_ITEMS_SECTION_KEY } from '../constants.js';
+const getRealItemsCnt = items => {
+  // Count total number of items
+  return items.reduce((count, item) => {
+    if (item.type === 'group') {
+      const groupOptions = item.options;
+      const hasHeading = item.label !== null && item.label !== undefined; // Count heading (if present) + all options in the section
 
-const getRealItemsCnt = state => {
-  // Count total number of items, ignoring virtual items
-  return [...state.collection].reduce((count, item) => {
-    if (item.type === 'section' && item.key !== VIRTUAL_ITEMS_SECTION_KEY) {
-      const sectionChildren = [...state.collection.getChildren(item.key)];
-      const hasHeading = item.rendered !== null && item.rendered !== undefined; // Count heading (if present) + all options in the section
-
-      return count + (hasHeading ? 1 : 0) + sectionChildren.length;
+      return count + (hasHeading ? 1 : 0) + groupOptions.length;
     }
 
-    if (item.type === 'item') {
+    if (item.type === 'option') {
       return count + 1;
     }
 

package/lib/utils/item-to-string.d.ts

@@ -0,0 +1,2 @@
+import type { SelectOption } from '../types';
+export declare function itemToString(item: SelectOption): string;

package/lib/utils/item-to-string.js

@@ -0,0 +1,7 @@
+import { getTextFromNodes } from './get-text-from-nodes.js';
+
+function itemToString(item) {
+  return item ? getTextFromNodes(item.label) : '';
+}
+
+export { itemToString };

package/lib/utils/merge-props.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Copied from react-aria repo
+ * @see https://github.com/adobe/react-spectrum/blob/main/packages/react-aria/src/utils/mergeProps.ts
+ */
+import type { MutableRefObject, RefCallback } from 'react';
+/**
+ * Merges multiple refs into one. Works with either callback or object refs.
+ */
+export declare function mergeRefs<T>(...refs: Array<RefCallback<T> | MutableRefObject<T> | null | undefined>): RefCallback<T> | MutableRefObject<T>;
+export declare function chain(...callbacks: any[]): (...args: any[]) => void;
+interface Props {
+    [key: string]: any;
+}
+declare type PropsArg = Props | null | undefined;
+declare type TupleTypes<T> = {
+    [P in keyof T]: T[P];
+} extends {
+    [key: number]: infer V;
+} ? NullToObject<V> : never;
+declare type NullToObject<T> = T extends null | undefined ? object : T;
+declare type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+/**
+ * Merges multiple props objects together. Event handlers are chained,
+ * classNames are combined, ids are deduplicated, and refs are merged.
+ * For all other props, the last prop object overrides all previous ones.
+ * @param args - Multiple sets of props to merge together.
+ */
+export declare function mergeProps<T extends PropsArg[]>(...args: T): UnionToIntersection<TupleTypes<T>>;
+export {};

package/lib/utils/merge-props.js

@@ -0,0 +1,106 @@
+import cn from 'classnames';
+/* eslint-disable @typescript-eslint/no-explicit-any,consistent-return */
+
+function setRef(ref, value) {
+  if (typeof ref === 'function') {
+    return ref(value);
+  } else if (ref !== null) {
+    ref.current = value;
+  }
+}
+/**
+ * Merges multiple refs into one. Works with either callback or object refs.
+ */
+
+
+function mergeRefs() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+
+  if (refs.length === 1 && refs[0]) {
+    return refs[0];
+  }
+
+  return value => {
+    let hasCleanup = false;
+    const cleanups = refs.map(ref => {
+      const cleanup = setRef(ref, value);
+      hasCleanup = hasCleanup || typeof cleanup === 'function';
+      return cleanup;
+    });
+
+    if (hasCleanup) {
+      return () => {
+        cleanups.forEach((cleanup, i) => {
+          if (typeof cleanup === 'function') {
+            cleanup();
+          } else {
+            setRef(refs[i], null);
+          }
+        });
+      };
+    }
+  };
+}
+
+function chain() {
+  for (var _len2 = arguments.length, callbacks = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    callbacks[_key2] = arguments[_key2];
+  }
+
+  return function () {
+    for (const callback of callbacks) {
+      if (typeof callback === 'function') {
+        callback(...arguments);
+      }
+    }
+  };
+}
+/**
+ * Merges multiple props objects together. Event handlers are chained,
+ * classNames are combined, ids are deduplicated, and refs are merged.
+ * For all other props, the last prop object overrides all previous ones.
+ * @param args - Multiple sets of props to merge together.
+ */
+// eslint-disable-next-line complexity
+
+
+function mergeProps() {
+  // Start with a base clone of the first argument. This is a lot faster than starting
+  // with an empty object and adding properties as we go.
+  const result = { ...(arguments.length <= 0 ? undefined : arguments[0])
+  };
+
+  for (let i = 1; i < arguments.length; i++) {
+    const props = i < 0 || arguments.length <= i ? undefined : arguments[i];
+
+    for (const key in props) {
+      if (!props.hasOwnProperty(key)) {
+        continue;
+      }
+
+      const a = result[key];
+      const b = props[key]; // Chain events
+
+      if (typeof a === 'function' && typeof b === 'function' && // This is a lot faster than a regex.
+      key[0] === 'o' && key[1] === 'n' && key.charCodeAt(2) >=
+      /* 'A' */
+      65 && key.charCodeAt(2) <=
+      /* 'Z' */
+      90) {
+        result[key] = chain(a, b); // Merge classnames, sometimes classNames are empty string which eval to false, so we just need to do a type check
+      } else if (key === 'className' && typeof a === 'string' && typeof b === 'string') {
+        result[key] = cn(a, b);
+      } else if (key === 'ref' && a && b) {
+        result.ref = mergeRefs(a, b); // Override others
+      } else {
+        result[key] = b !== undefined ? b : a;
+      }
+    }
+  }
+
+  return result;
+}
+
+export { chain, mergeProps, mergeRefs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/select",
-  "version": "0.15.1-RUI-280-Update-select-component-separate-components-e772abaa1.56+e772abaa1",
+  "version": "0.15.1-RUI-280-Update-select-component-downshift-cd2a98813.66+cd2a98813",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -16,25 +16,16 @@
   },
   "dependencies": {
     "@babel/runtime-corejs3": "^7.26.0",
-    "@react-aria/button": "^3.15.0",
-    "@react-aria/combobox": "^3.16.0",
     "@react-aria/focus": "^3.22.0",
-    "@react-aria/interactions": "^3.28.0",
-    "@react-aria/label": "^3.8.0",
-    "@react-aria/listbox": "^3.16.0",
-    "@react-aria/overlays": "^3.32.0",
-    "@react-aria/select": "^3.18.0",
-    "@react-aria/utils": "^3.34.0",
-    "@react-stately/collections": "^3.13.0",
-    "@react-stately/combobox": "^3.14.0",
-    "@react-stately/list": "^3.14.0",
-    "@react-stately/overlays": "^3.7.0",
-    "@react-stately/select": "^3.10.0",
-    "@react-types/shared": "^3.34.0",
-    "@rescui/form-field": "0.1.1-RUI-280-Update-select-component-separate-components-e772abaa1.56+e772abaa1",
-    "@rescui/tag": "0.13.5-RUI-280-Update-select-component-separate-components-e772abaa1.56+e772abaa1",
-    "@rescui/use-resize-observer": "0.3.1-RUI-280-Update-select-component-separate-components-e772abaa1.168+e772abaa1",
-    "classnames": "^2.2.6"
+    "@rescui/dropdown": "0.9.5-RUI-280-Update-select-component-downshift-cd2a98813.66+cd2a98813",
+    "@rescui/form-field": "0.1.1-RUI-280-Update-select-component-downshift-cd2a98813.66+cd2a98813",
+    "@rescui/tag": "0.13.5-RUI-280-Update-select-component-downshift-cd2a98813.66+cd2a98813",
+    "@rescui/use-resize-observer": "0.3.1-RUI-280-Update-select-component-downshift-cd2a98813.178+cd2a98813",
+    "classnames": "^2.2.6",
+    "downshift": "^9.3.2",
+    "react-aria": "^3.47.0",
+    "react-stately": "^3.45.0",
+    "scroll-into-view-if-needed": "3.1.0"
   },
   "peerDependencies": {
     "@rescui/ui-contexts": "^0.6.0",
@@ -42,9 +33,9 @@
     "react": ">=16.8.0 <20"
   },
   "devDependencies": {
-    "@rescui/colors": "0.3.1-RUI-280-Update-select-component-separate-components-e772abaa1.56+e772abaa1",
+    "@rescui/colors": "0.3.1-RUI-280-Update-select-component-downshift-cd2a98813.66+cd2a98813",
     "@rescui/scripts": "0.5.1",
-    "@rescui/typography": "0.24.5-RUI-280-Update-select-component-separate-components-e772abaa1.56+e772abaa1",
+    "@rescui/typography": "0.24.5-RUI-280-Update-select-component-downshift-cd2a98813.66+cd2a98813",
     "@rescui/visual-regression": "0.1.4",
     "sniffr": "^1.2.0"
   },
@@ -53,5 +44,5 @@
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "e772abaa1615818504b1d498233bec348bcb7bb5"
+  "gitHead": "cd2a98813d37db8b46393317febfce4e91592516"
 }

package/lib/hooks/use-css-context-transfer.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { type Theme } from '@rescui/ui-contexts';
-import type { SelectSize } from '../types';
-export declare type useCssContextTransferArgs = {
-    triggerRef: React.RefObject<HTMLElement>;
-    isOpen: boolean;
-    themeFromProps: Theme;
-    sizeFromProps: SelectSize;
-};
-export declare const useCssContextTransfer: ({ triggerRef, isOpen, themeFromProps, sizeFromProps }: useCssContextTransferArgs) => {
-    size: SelectSize;
-    theme: Theme;
-    primaryColors: Record<string, string>;
-};

package/lib/hooks/use-css-context-transfer.js

@@ -1,40 +0,0 @@
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-import { useContext } from 'react';
-import { ThemeContext } from '@rescui/ui-contexts';
-import { extractThemeFromCss, extractPrimaryColors } from '../utils/css-vars-utils.js';
-
-const useCssContextTransfer = _ref => {
-  let {
-    triggerRef,
-    isOpen,
-    themeFromProps,
-    sizeFromProps
-  } = _ref;
-  let sizeFromCss = null;
-  let themeFromCss = 'light';
-  let primaryColors = {};
-
-  if (triggerRef.current && isOpen) {
-    var _context;
-
-    const triggerFormWrapperStyles = getComputedStyle(triggerRef.current);
-    const rawSizeFromCss = triggerFormWrapperStyles.getPropertyValue('--_rs-select-size');
-    sizeFromCss = _includesInstanceProperty(_context = ['s', 'm', 'l']).call(_context, rawSizeFromCss) ? rawSizeFromCss : null;
-    themeFromCss = extractThemeFromCss(triggerFormWrapperStyles);
-    primaryColors = extractPrimaryColors(triggerFormWrapperStyles);
-  }
-
-  const size = sizeFromCss || sizeFromProps;
-  const {
-    theme: themeFromContext,
-    noProvider
-  } = useContext(ThemeContext);
-  const theme = themeFromProps || (noProvider ? themeFromCss : themeFromContext);
-  return {
-    size,
-    theme,
-    primaryColors
-  };
-};
-
-export { useCssContextTransfer };

package/lib/hooks/use-multi-option-serialization.d.ts

@@ -1,10 +0,0 @@
-import type { SelectOption, SelectOptionOrGroup, Key } from '../types';
-export declare function useMultiOptionSerialization(options: SelectOptionOrGroup[], value?: SelectOption[] | null): {
-    optionsMap: Map<Key, {
-        option: SelectOption;
-        isVirtual: boolean;
-    }>;
-    selectedKeys: Key[];
-    findOptionsByKeys: (keys: Key[]) => SelectOption[];
-    virtualOptions: SelectOption[];
-};

package/lib/hooks/use-multi-option-serialization.js

@@ -1,82 +0,0 @@
-import { useMemo } from 'react';
-import { isOptionAGroup } from '../utils/is-option-a-group.js';
-import { getOptionValue } from '../utils/get-option-value.js';
-
-function useMultiOptionSerialization(options, value) {
-  // Create a map of keys to option objects for O(1) lookup
-  const optionsMap = useMemo(() => {
-    const map = new Map();
-    options.forEach(item => {
-      if (isOptionAGroup(item)) {
-        item.options.forEach(option => {
-          const key = getOptionValue(option);
-          map.set(key, {
-            option,
-            isVirtual: false
-          });
-        });
-      } else {
-        const key = getOptionValue(item);
-        map.set(key, {
-          option: item,
-          isVirtual: false
-        });
-      }
-    });
-
-    if (value && Array.isArray(value)) {
-      value.forEach(option => {
-        const key = getOptionValue(option);
-
-        if (!map.has(key)) {
-          map.set(key, {
-            option,
-            isVirtual: true
-          });
-        }
-      });
-    }
-
-    return map;
-  }, [options, value]); // Convert selected option objects array to Set of keys
-
-  const selectedKeys = [];
-  const virtualOptions = [];
-
-  if (value && Array.isArray(value)) {
-    value.forEach(option => {
-      const key = getOptionValue(option);
-      selectedKeys.push(key);
-      const {
-        isVirtual
-      } = optionsMap.get(key);
-
-      if (isVirtual) {
-        virtualOptions.push(option);
-      }
-    });
-  } // Helper function to find options by Set of keys
-
-
-  const findOptionsByKeys = keys => {
-    const foundOptions = [];
-    keys.forEach(key => {
-      if (optionsMap.has(key)) {
-        const {
-          option
-        } = optionsMap.get(key);
-        foundOptions.push(option);
-      }
-    });
-    return foundOptions;
-  };
-
-  return {
-    optionsMap,
-    selectedKeys,
-    findOptionsByKeys,
-    virtualOptions
-  };
-}
-
-export { useMultiOptionSerialization };

package/lib/hooks/use-observable-force-rerender.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const useObservableForceRerender: () => import("react").MutableRefObject<HTMLDivElement>;

package/lib/hooks/use-observable-force-rerender.js

@@ -1,16 +0,0 @@
-import { useRef, useState } from 'react';
-import { useResizeObserver } from '@rescui/use-resize-observer';
-
-const useObservableForceRerender = () => {
-  const observableRef = useRef(null);
-  const [, setDummyState] = useState(false);
-  useResizeObserver(observableRef, () => {
-    //force rerender
-    setDummyState(s => !s);
-  }, {
-    ignoreFirstCall: true
-  });
-  return observableRef;
-};
-
-export { useObservableForceRerender };

package/lib/hooks/use-option-serialization.d.ts

@@ -1,10 +0,0 @@
-import type { SelectOption, SelectOptionOrGroup, Key } from '../types';
-export declare function useOptionSerialization(options: SelectOptionOrGroup[], value?: SelectOption | null): {
-    optionsMap: Map<Key, {
-        option: SelectOption;
-        isVirtual: boolean;
-    }>;
-    selectedKey: Key;
-    findOptionByKey: (key: Key | null) => SelectOption | null;
-    virtualOption: SelectOption;
-};

package/lib/hooks/use-option-serialization.js

@@ -1,59 +0,0 @@
-import { useMemo } from 'react';
-import { isOptionAGroup } from '../utils/is-option-a-group.js';
-import { getOptionValue } from '../utils/get-option-value.js';
-
-function useOptionSerialization(options, value) {
-  // Create a map of keys to option objects for O(1) lookup
-  const optionsMap = useMemo(() => {
-    const map = new Map();
-    options.forEach(item => {
-      if (isOptionAGroup(item)) {
-        item.options.forEach(option => {
-          const key = getOptionValue(option);
-          map.set(key, {
-            option,
-            isVirtual: false
-          });
-        });
-      } else {
-        const key = getOptionValue(item);
-        map.set(key, {
-          option: item,
-          isVirtual: false
-        });
-      }
-    });
-
-    if (value) {
-      const key = getOptionValue(value);
-
-      if (!map.has(key)) {
-        map.set(key, {
-          option: value,
-          isVirtual: true
-        });
-      }
-    }
-
-    return map;
-  }, [options, value]); // Convert selected option object to key
-
-  const selectedKey = value ? getOptionValue(value) : null;
-  const virtualOption = value && optionsMap.get(selectedKey).isVirtual ? value : null; // Helper function to find option by key
-
-  const findOptionByKey = key => {
-    var _optionsMap$get;
-
-    if (key === null) return null;
-    return ((_optionsMap$get = optionsMap.get(key)) === null || _optionsMap$get === void 0 ? void 0 : _optionsMap$get.option) || null;
-  };
-
-  return {
-    optionsMap,
-    selectedKey,
-    findOptionByKey,
-    virtualOption
-  };
-}
-
-export { useOptionSerialization };

package/lib/parts/popover.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { OverlayTriggerState } from '@react-stately/overlays';
-import type { AriaPopoverProps } from '@react-aria/overlays';
-import type { SelectMode } from '../types';
-export interface PopoverProps extends Omit<AriaPopoverProps, 'popoverRef' | 'isNonModal'> {
-    children: React.ReactNode;
-    state: OverlayTriggerState;
-    style?: React.CSSProperties;
-    popoverRef?: React.RefObject<HTMLDivElement | null>;
-    mode?: SelectMode;
-}
-export declare function Popover({ children, state, style, triggerRef, mode, ...props }: PopoverProps): JSX.Element;

package/lib/parts/popover.js

@@ -1,64 +0,0 @@
-import React, { useRef } from 'react';
-import cn from 'classnames';
-import { usePopover, Overlay, DismissButton } from '@react-aria/overlays';
-import { useInteractOutside } from '@react-aria/interactions';
-import { mergeProps } from '@react-aria/utils';
-import styles from '../styles/popover.p.module.css.js';
-const MODE_STYLES = {
-  classic: styles.classic,
-  rock: styles.rock
-};
-
-function Popover(_ref) {
-  let {
-    children,
-    state,
-    style,
-    triggerRef,
-    mode,
-    ...props
-  } = _ref;
-  const popoverRefLocal = useRef(null);
-  const popoverRef = props.popoverRef ?? popoverRefLocal;
-  const {
-    popoverProps,
-    placement: realPlacement
-  } = usePopover({ ...props,
-    offset: 8,
-    popoverRef,
-    triggerRef,
-    isNonModal: true
-  }, state);
-  useInteractOutside({
-    ref: popoverRef,
-    onInteractOutside: state.close
-  });
-
-  const handleKeyDown = e => {
-    // Block default browser behavior for arrow keys
-    // This will prevent the page from scrolling when we focus on the edges of the list.
-    // Relevant only for useSelect usage
-    if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
-      e.preventDefault();
-    }
-  };
-
-  return /*#__PURE__*/React.createElement(Overlay, null, /*#__PURE__*/React.createElement("div", { ...mergeProps(popoverProps, {
-      onKeyDown: handleKeyDown
-    }),
-    ref: popoverRef,
-    className: cn(styles.popover, MODE_STYLES[mode]),
-    style: { ...popoverProps.style,
-      ...style
-    },
-    "data-popover-placement": realPlacement
-  }, /*#__PURE__*/React.createElement(DismissButton, {
-    onDismiss: state.close
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.contentWrapper
-  }, children), /*#__PURE__*/React.createElement(DismissButton, {
-    onDismiss: state.close
-  })));
-}
-
-export { Popover };

package/lib/parts/popup-content.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import type { AriaListBoxOptions } from '@react-aria/listbox';
-import type { Theme } from '@rescui/ui-contexts';
-import type { CommonState, SelectMode, SelectSize, AriaPlacement } from '../types';
-export declare type PopupContentProps<T extends object> = {
-    theme: Theme;
-    state: CommonState<T>;
-    triggerRef: React.RefObject<HTMLElement>;
-    popoverRef?: React.RefObject<HTMLDivElement>;
-    listBoxRef?: React.RefObject<HTMLUListElement>;
-    placement: AriaPlacement;
-    size?: SelectSize;
-    mode?: SelectMode;
-    listBoxProps: AriaListBoxOptions<T>;
-    emptyListMessage: string;
-    maxVisibleItems?: number;
-    selectionMode?: 'single' | 'multiple';
-};
-export declare const PopupContent: <T extends object>({ theme: themeFromProps, state, triggerRef, popoverRef, listBoxRef, placement, size: sizeFromProps, mode, listBoxProps, emptyListMessage, maxVisibleItems, selectionMode }: PopupContentProps<T>) => JSX.Element;