@cube-dev/ui-kit 0.66.1 → 0.68.0

package/es/utils/react/sharedStore.js

@@ -0,0 +1,51 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.68.0
+ * Released under the MIT license.
+ */
+
+import { useSyncExternalStore } from 'react';
+import { useEvent } from '../../_internal/hooks/use-event';
+/**
+ * Create a shared store that survives hot-reloads.
+ *
+ * Pass a unique `name` once per logical store module:
+ *   export const useSidebarStore = createSharedStore('sidebar', { open: false });
+ */
+export function createSharedStore(name, initialState) {
+    const cacheKey = `__sharedStore_${name}__`;
+    const existing = cacheKey && globalThis[cacheKey];
+    const holder = existing ?? {
+        state: initialState,
+        listeners: new Set(),
+    };
+    /* Warn if someone tries to “re-initialise” with a different value */
+    if (process.env.NODE_ENV === 'development' &&
+        existing &&
+        existing.state !== initialState) {
+        console.warn(`[createSharedStore] Store "${name}" already exists – ` +
+            'the new initialState is ignored to preserve hot-reload state.');
+    }
+    if (cacheKey && !existing) {
+        globalThis[cacheKey] = holder;
+    }
+    const getSnapshot = () => holder.state;
+    const subscribe = (cb) => {
+        holder.listeners.add(cb);
+        return () => holder.listeners.delete(cb);
+    };
+    const setStore = (update) => {
+        holder.state =
+            typeof update === 'function'
+                ? update(holder.state)
+                : update;
+        holder.listeners.forEach((l) => l());
+    };
+    const useSharedStore = () => {
+        return [useSyncExternalStore(subscribe, getSnapshot), useEvent(setStore)];
+    };
+    return useSharedStore;
+}
+
+        

package/es/utils/react/useCombinedRefs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.1
+ * @cube-dev/ui-kit v0.68.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useControlledFocusVisible.js

@@ -0,0 +1,42 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.68.0
+ * Released under the MIT license.
+ */
+
+import { useEffect } from 'react';
+import { useFocusVisible } from 'react-aria';
+import { createSharedStore } from './sharedStore';
+// Create a shared store for the controlled focus visible state
+const useControlledFocusVisibleStore = createSharedStore('controlledFocusVisible', {
+    isManuallyActivated: false,
+});
+/**
+ * A hook that shares its state using sharedStore and works like useFocusVisible from react-aria,
+ * but also returns activateFocusVisible function that manually switches the state to true
+ * until the original flag is switched to false.
+ */
+export function useControlledFocusVisible() {
+    // Get the original focus visible state from react-aria
+    const { isFocusVisible: originalIsFocusVisible } = useFocusVisible({});
+    // Get the shared store state and setter
+    const [{ isManuallyActivated }, setStore] = useControlledFocusVisibleStore();
+    // Reset manual activation when original focus visible becomes false
+    useEffect(() => {
+        if (!originalIsFocusVisible && isManuallyActivated) {
+            setStore({ isManuallyActivated: false });
+        }
+    }, [originalIsFocusVisible, isManuallyActivated, setStore]);
+    // Function to manually activate focus visible state
+    const activateFocusVisible = () => {
+        setStore({ isManuallyActivated: true });
+    };
+    // Return combined state: true if either original is true OR manually activated
+    return {
+        isFocusVisible: originalIsFocusVisible || isManuallyActivated,
+        activateFocusVisible,
+    };
+}
+
+        

package/es/utils/react/useEventBus.js

@@ -0,0 +1,124 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.68.0
+ * Released under the MIT license.
+ */
+
+import React, { createContext, useCallback, useContext, useEffect, useRef, } from 'react';
+const EventBusContext = createContext(null);
+/**
+ * EventBusProvider provides a global event system for the application.
+ *
+ * @example
+ * ```tsx
+ * function App() {
+ *   return (
+ *     <EventBusProvider>
+ *       <YourComponents />
+ *     </EventBusProvider>
+ *   );
+ * }
+ * ```
+ */
+export function EventBusProvider({ children }) {
+    const listeners = useRef({});
+    const off = useCallback((event, listener) => {
+        const eventListeners = listeners.current[event];
+        if (eventListeners) {
+            listeners.current[event] = eventListeners.filter((l) => l !== listener);
+            // Clean up empty event arrays
+            if (listeners.current[event].length === 0) {
+                delete listeners.current[event];
+            }
+        }
+    }, []);
+    const emit = useCallback((event, data) => {
+        // Use setTimeout to ensure async emission after current render cycle
+        setTimeout(() => {
+            const eventListeners = listeners.current[event];
+            if (eventListeners) {
+                eventListeners.forEach((listener) => listener(data));
+            }
+        }, 0);
+    }, []);
+    const on = useCallback((event, listener) => {
+        if (!listeners.current[event]) {
+            listeners.current[event] = [];
+        }
+        listeners.current[event].push(listener);
+        // Return cleanup function
+        return () => {
+            off(event, listener);
+        };
+    }, [off]);
+    const contextValue = {
+        emit,
+        on,
+        off,
+    };
+    return React.createElement(EventBusContext.Provider, { value: contextValue }, children);
+}
+/**
+ * Hook to access the event bus functionality.
+ * Must be used within an EventBusProvider.
+ *
+ * @example
+ * ```tsx
+ * function Component() {
+ *   const { emit, on } = useEventBus();
+ *
+ *   const handleClick = () => {
+ *     emit('user-action', { type: 'click', target: 'button' });
+ *   };
+ *
+ *   useEffect(() => {
+ *     const unsubscribe = on('data-updated', (data) => {
+ *       console.log('Data updated:', data);
+ *     });
+ *
+ *     return unsubscribe;
+ *   }, [on]);
+ *
+ *   return <button onClick={handleClick}>Click me</button>;
+ * }
+ * ```
+ */
+export function useEventBus() {
+    const context = useContext(EventBusContext);
+    if (!context) {
+        throw new Error('useEventBus must be used within an EventBusProvider');
+    }
+    return context;
+}
+/**
+ * Convenience hook for subscribing to events with automatic cleanup.
+ * The listener will be automatically unsubscribed when the component unmounts
+ * or when the dependencies change.
+ *
+ * @param event - The event name to listen for
+ * @param listener - The callback function to execute when the event is emitted
+ * @param deps - Dependency array for the effect (similar to useEffect)
+ *
+ * @example
+ * ```tsx
+ * function NotificationComponent() {
+ *   const [message, setMessage] = useState('');
+ *
+ *   useEventListener('notification', (data) => {
+ *     setMessage(data.message);
+ *   }, []);
+ *
+ *   return <div>{message}</div>;
+ * }
+ * ```
+ */
+export function useEventListener(event, listener, deps = []) {
+    const { on } = useEventBus();
+    useEffect(() => {
+        const unsubscribe = on(event, listener);
+        return unsubscribe;
+    }, [event, on, ...deps]);
+}
+
+        

package/es/utils/react/useId.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.1
+ * @cube-dev/ui-kit v0.68.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useIsDarwin.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.1
+ * @cube-dev/ui-kit v0.68.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useKeySymbols.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.1
+ * @cube-dev/ui-kit v0.68.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useLayoutEffect.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.1
+ * @cube-dev/ui-kit v0.68.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useQaProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.1
+ * @cube-dev/ui-kit v0.68.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useViewportSize.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.1
+ * @cube-dev/ui-kit v0.68.0
  * Released under the MIT license.
  */
 

package/es/utils/react/wrapNodeIfPlain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.1
+ * @cube-dev/ui-kit v0.68.0
  * Released under the MIT license.
  */
 

package/es/utils/transitions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.1
+ * @cube-dev/ui-kit v0.68.0
  * Released under the MIT license.
  */
 

package/es/utils/tree.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.1
+ * @cube-dev/ui-kit v0.68.0
  * Released under the MIT license.
  */
 

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.1
+ * @cube-dev/ui-kit v0.68.0
  * Released under the MIT license.
  */
 

package/es/version.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.1
+ * @cube-dev/ui-kit v0.68.0
  * Released under the MIT license.
  */
 
 "use strict";
 if (typeof window !== 'undefined') {
-    const version = '0.66.1';
+    const version = '0.68.0';
     // Ensure CubeUIKit is defined on window in a way bundlers recognize
     window.CubeUIKit = window.CubeUIKit || { version };
     // Check for multiple versions

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.66.1",
+  "version": "0.68.0",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"
@@ -34,6 +34,7 @@
     "@react-types/shared": "^3.27.0",
     "@sparticuz/chromium": "^137.0.1",
     "@tabler/icons-react": "^3.31.0",
+    "@tanstack/react-virtual": "^3.13.12",
     "@trivago/prettier-plugin-sort-imports": "^5.2.2",
     "@vitejs/plugin-react": "^4.3.2",
     "clipboard-copy": "^4.0.1",

package/types/components/actions/Button/Button.d.ts

@@ -7,7 +7,7 @@ export interface CubeButtonProps extends CubeActionProps {
     isLoading?: boolean;
     isSelected?: boolean;
     type?: 'primary' | 'secondary' | 'danger' | 'link' | 'clear' | 'outline' | 'neutral' | (string & {});
-    size?: 'small' | 'medium' | 'large' | (string & {});
+    size?: 'tiny' | 'small' | 'medium' | 'large' | (string & {});
 }
 export type ButtonVariant = 'default.primary' | 'default.secondary' | 'default.outline' | 'default.neutral' | 'default.clear' | 'default.link' | 'danger.primary' | 'danger.secondary' | 'danger.outline' | 'danger.neutral' | 'danger.clear' | 'danger.link' | 'success.primary' | 'success.secondary' | 'success.outline' | 'success.neutral' | 'success.clear' | 'success.link' | 'special.primary' | 'special.secondary' | 'special.outline' | 'special.neutral' | 'special.clear' | 'special.link';
 export declare const DEFAULT_BUTTON_STYLES: {
@@ -35,20 +35,23 @@ export declare const DEFAULT_BUTTON_STYLES: {
     readonly reset: "button";
     readonly outlineOffset: 1;
     readonly padding: {
-        readonly '': "0 (2x - 1bw)";
-        readonly '[data-size="small"]': "0 (1x - 1bw)";
-        readonly '[data-size="medium"]': "0 (1.5x - 1bw)";
-        readonly '[data-size="large"]': "0 (2.25x - 1bw)";
+        readonly '': ".5x (2x - 1bw)";
+        readonly '[data-size="tiny"]': ".5x (1x - 1bw)";
+        readonly '[data-size="small"]': ".5x (1x - 1bw)";
+        readonly '[data-size="medium"]': ".5x (1.5x - 1bw)";
+        readonly '[data-size="large"]': ".5x (2.25x - 1bw)";
         readonly 'single-icon-only | [data-type="link"]': 0;
     };
     readonly width: {
         readonly '': "initial";
+        readonly '[data-size="tiny"] & single-icon-only': "3.5x 3.5x";
         readonly '[data-size="small"] & single-icon-only': "4x 4x";
         readonly '[data-size="medium"] & single-icon-only': "5x 5x";
         readonly '[data-size="large"] & single-icon-only': "6x 6x";
     };
     readonly height: {
         readonly '': "initial";
+        readonly '[data-size="tiny"]': "3.5x 3.5x";
         readonly '[data-size="small"]': "4x 4x";
         readonly '[data-size="medium"]': "5x 5x";
         readonly '[data-size="large"]': "6x 6x";

package/types/components/actions/Menu/Menu.d.ts

@@ -10,6 +10,9 @@ export interface CubeMenuProps<T> extends BasePropsWithoutChildren, ContainerSty
     selectionIcon?: MenuSelectionType;
     header?: ReactNode;
     footer?: ReactNode;
+    menuStyles?: Styles;
+    headerStyles?: Styles;
+    footerStyles?: Styles;
     styles?: Styles;
     itemStyles?: Styles;
     sectionStyles?: Styles;

package/types/components/actions/Menu/MenuItem.d.ts

@@ -1,7 +1,7 @@
 import { Key, Node } from '@react-types/shared';
 import { TreeState } from 'react-stately';
 import { Styles } from '../../../tasty';
-export type MenuSelectionType = 'checkbox' | 'radio';
+export type MenuSelectionType = 'checkbox' | 'radio' | 'checkmark';
 export interface MenuItemProps<T> {
     item: Node<T>;
     state: TreeState<T>;

package/types/components/actions/Menu/MenuTrigger.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { AriaMenuTriggerProps, Placement, PositionProps } from 'react-aria';
+import { AriaMenuTriggerProps, PositionProps } from 'react-aria';
 import { MenuTriggerState } from 'react-stately';
 export type { AriaMenuTriggerProps };
 export type CubeMenuTriggerProps = AriaMenuTriggerProps & PositionProps & {
@@ -8,9 +8,8 @@ export type CubeMenuTriggerProps = AriaMenuTriggerProps & PositionProps & {
         ReactElement | ((state: MenuTriggerState) => ReactElement),
         ReactElement
     ];
-    direction?: Placement;
-    align?: 'start' | 'end';
     closeOnSelect?: boolean;
+    isDummy?: boolean;
 };
 /**
  * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,

package/types/components/actions/Menu/styled.d.ts

@@ -1,3 +1,4 @@
+export declare const StyledMenuWrapper: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
 export declare const StyledMenu: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
 export declare const StyledDivider: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
 export declare const StyledHeader: import("react").ComponentType<{

package/types/components/actions/index.d.ts

@@ -9,4 +9,6 @@ export * from './Action/Action';
 export * from './Menu';
 export * from './CommandMenu';
 export * from './use-action';
+export * from './use-anchored-menu';
+export * from './use-context-menu';
 export { Button, ButtonGroup };

package/types/components/actions/use-anchored-menu.d.ts

@@ -0,0 +1,34 @@
+import { ComponentProps, ComponentType, ReactElement, RefObject } from 'react';
+import { MenuTrigger } from './Menu';
+export interface UseAnchoredMenuReturn<P, T> {
+    /** Ref to attach to the anchor element for positioning the menu. */
+    anchorRef: RefObject<HTMLElement>;
+    /**
+     * Programmatically opens the menu with the provided props.
+     * @param props - Props to pass to the menu component
+     * @param triggerProps - Additional props for MenuTrigger (merged with defaultTriggerProps)
+     */
+    open(props: P, triggerProps?: T): void;
+    /**
+     * Updates the props of the currently open menu.
+     * Props are merged if defaults are provided.
+     */
+    update(props: P, triggerProps?: T): void;
+    /** Closes the menu programmatically. */
+    close(): void;
+    /** Current open/closed state of the menu. */
+    isOpen: boolean;
+    /**
+     * JSX element that must be rendered in your component tree.
+     * Contains the MenuTrigger and positioning logic.
+     */
+    get rendered(): ReactElement | null;
+}
+/**
+ * Generic hook to manage an anchored menu component.
+ *
+ * @param Component - A React component that represents the menu content (Menu or CommandMenu).
+ * @param defaultTriggerProps - Default props to pass to the MenuTrigger.
+ * @returns An object with `anchorRef` to position the menu, `open` function to open the menu with provided props, `close` function to close the menu, and `rendered` JSX element to include in your component tree.
+ */
+export declare function useAnchoredMenu<P, T = ComponentProps<typeof MenuTrigger>>(Component: ComponentType<P>, defaultTriggerProps?: Omit<ComponentProps<typeof MenuTrigger>, 'children' | 'isOpen' | 'onOpenChange' | 'targetRef'>): UseAnchoredMenuReturn<P, T>;

package/types/components/actions/use-context-menu.d.ts

@@ -0,0 +1,42 @@
+import { ComponentProps, ComponentType, MouseEvent, PointerEvent, ReactElement, RefObject } from 'react';
+import { MenuTrigger } from './Menu';
+type NativeMouseEvent = globalThis.MouseEvent;
+type NativePointerEvent = globalThis.PointerEvent;
+export interface UseContextMenuReturn<E extends HTMLElement = HTMLElement, P extends object = {}, T = ComponentProps<typeof MenuTrigger>> {
+    /** Container element that receives context menu events. Attach this ref to your target element. */
+    targetRef: RefObject<E>;
+    /**
+     * Programmatically opens the menu at the specified coordinates or element center.
+     * Runtime props are merged with defaultMenuProps (runtime props take precedence).
+     *
+     * @param props - Props to pass to the menu component (optional, defaults to defaultMenuProps)
+     * @param triggerProps - Additional props for MenuTrigger (merged with defaultTriggerProps)
+     * @param event - The pointer/mouse event containing coordinates for positioning (optional, centers on element if not provided)
+     */
+    open(props?: P, triggerProps?: T, event?: NativeMouseEvent | NativePointerEvent | MouseEvent | PointerEvent): void;
+    /**
+     * Updates the props of the currently open menu without repositioning.
+     * Props are merged with defaultMenuProps.
+     */
+    update(props: P, triggerProps?: T): void;
+    /** Closes the menu programmatically. */
+    close(): void;
+    /** Current open/closed state of the menu. */
+    isOpen: boolean;
+    /**
+     * JSX element that must be rendered in your component tree.
+     * Contains the MenuTrigger and positioning logic.
+     * IMPORTANT: Must be placed directly inside the target container (the element with targetRef).
+     */
+    get rendered(): ReactElement | null;
+}
+/**
+ * Generic hook to manage a context menu component that opens at pointer coordinates.
+ *
+ * @param Component - A React component that represents the menu content (Menu or CommandMenu).
+ * @param defaultTriggerProps - Default props to pass to the MenuTrigger.
+ * @param defaultMenuProps - Default props to pass to the Menu component.
+ * @returns An object with `targetRef` to attach to the container element, `open` function to open the menu at event coordinates, `close` function to close the menu, and `rendered` JSX element to include in your component tree.
+ */
+export declare function useContextMenu<E extends HTMLElement = HTMLElement, P extends object = {}, T = ComponentProps<typeof MenuTrigger>>(Component: ComponentType<P>, defaultTriggerProps?: Omit<ComponentProps<typeof MenuTrigger>, 'children' | 'isOpen' | 'onOpenChange' | 'targetRef'>, defaultMenuProps?: P): UseContextMenuReturn<E, P, T>;
+export {};

package/types/components/content/Card/Card.d.ts

@@ -1,4 +1,4 @@
-import { BaseProps, ContainerStyleProps } from '../../../tasty';
-export interface CubeCardProps extends BaseProps, ContainerStyleProps {
+import { AllBaseProps, ContainerStyleProps } from '../../../tasty';
+export interface CubeCardProps extends Omit<AllBaseProps, 'title' | 'value' | 'placeholder' | 'text'>, ContainerStyleProps {
 }
 export declare const Card: import("react").ForwardRefExoticComponent<CubeCardProps & import("react").RefAttributes<unknown>>;

package/types/components/content/CopyPasteBlock/CopyPasteBlock.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { PositionStyleProps, Styles } from '../../../tasty';
 import { CubeCardProps } from '../Card/Card';
-export interface CubeCopyPasteBlockProps extends CubeCardProps, PositionStyleProps {
+export interface CubeCopyPasteBlockProps extends Omit<CubeCardProps, 'onPaste' | 'onCopy'>, PositionStyleProps {
     padding?: Styles['padding'];
     /** The code snippet */
     value?: string;

package/types/components/fields/FilterListBox/FilterListBox.d.ts

@@ -0,0 +1,51 @@
+import { Key } from '@react-types/shared';
+import { ForwardedRef, ReactElement, ReactNode, RefObject } from 'react';
+import { Section as BaseSection, Item } from 'react-stately';
+import { Styles } from '../../../tasty';
+import { CubeListBoxProps } from '../ListBox/ListBox';
+import type { FieldBaseProps } from '../../../shared';
+type FilterFn = (textValue: string, inputValue: string) => boolean;
+export interface CubeFilterListBoxProps<T> extends Omit<CubeListBoxProps<T>, 'children'>, FieldBaseProps {
+    /** Placeholder text for the search input */
+    searchPlaceholder?: string;
+    /** Whether the search input should have autofocus */
+    autoFocus?: boolean;
+    /** The filter function used to determine if an option should be included in the filtered list */
+    filter?: FilterFn;
+    /** Custom label to display when no results are found after filtering */
+    emptyLabel?: ReactNode;
+    /** Custom styles for the search input */
+    searchInputStyles?: Styles;
+    /** Whether the FilterListBox as a whole is loading (generic loading indicator) */
+    isLoading?: boolean;
+    /** Ref for the search input */
+    searchInputRef?: RefObject<HTMLInputElement>;
+    /** Children (ListBox.Item and ListBox.Section elements) */
+    children?: ReactNode;
+    /** Allow entering a custom value that is not present in the options */
+    allowsCustomValue?: boolean;
+    /** Mods for the FilterListBox */
+    mods?: Record<string, boolean>;
+    /**
+     * Optional callback fired when the user presses `Escape` while the search input is empty.
+     * Can be used by parent components (e.g. FilterPicker) to close an enclosing Dialog.
+     */
+    onEscape?: () => void;
+    /**
+     * Whether the options in the FilterListBox are checkable.
+     * This adds a checkbox icon to the left of the option.
+     */
+    isCheckable?: boolean;
+    /**
+     * Callback fired when an option is clicked but not on the checkbox area.
+     * Used by FilterPicker to close the popover on non-checkbox clicks.
+     */
+    onOptionClick?: (key: Key) => void;
+}
+export declare const FilterListBox: (<T>(props: CubeFilterListBoxProps<T> & {
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => ReactElement) & {
+    Item: typeof Item;
+    Section: typeof BaseSection;
+};
+export {};

package/types/components/fields/FilterListBox/index.d.ts

@@ -0,0 +1 @@
+export * from './FilterListBox';