@box/blueprint-web 7.13.1 → 7.17.0

package/lib-esm/primitives/dropdown-menu/dropdown-menu-sub-menu-trigger.d.ts

@@ -9,9 +9,9 @@ export declare const DropdownMenuSubMenuTrigger: import("react").ForwardRefExoti
     /**
      * Container for side content of sub trigger.
      */
-    SideContent: ({ children, className, ...rest }: import("../../util-components/menu-item-sections/menu-item-sections").MenuItemSideContentProps) => JSX.Element;
+    SideContent: ({ children, className, ...rest }: import("../../util-components/menu-item-sections/menu-item-sections").MenuItemSideContentProps) => import("react/jsx-runtime").JSX.Element;
     /**
      * Text content of sub trigger.
      */
-    MainContent: ({ className, label, description, ...rest }: import("../../util-components/menu-item-sections/menu-item-sections").MenuItemMainContentProps) => JSX.Element;
+    MainContent: ({ className, label, description, ...rest }: import("../../util-components/menu-item-sections/menu-item-sections").MenuItemMainContentProps) => import("react/jsx-runtime").JSX.Element;
 };

package/lib-esm/primitives/dropdown-menu/dropdown-menu.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"content":"bp_dropdown_menu_module_content--4f08e","ellipsis":"bp_dropdown_menu_module_ellipsis--4f08e","checkmark":"bp_dropdown_menu_module_checkmark--4f08e","item":"bp_dropdown_menu_module_item--4f08e","subMenuTrigger":"bp_dropdown_menu_module_subMenuTrigger--4f08e","radioItem":"bp_dropdown_menu_module_radioItem--4f08e","checkboxItem":"bp_dropdown_menu_module_checkboxItem--4f08e","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--4f08e"};
+var styles = {"content":"bp_dropdown_menu_module_content--d53bf","ellipsis":"bp_dropdown_menu_module_ellipsis--d53bf","checkmark":"bp_dropdown_menu_module_checkmark--d53bf","item":"bp_dropdown_menu_module_item--d53bf","subMenuTrigger":"bp_dropdown_menu_module_subMenuTrigger--d53bf","radioItem":"bp_dropdown_menu_module_radioItem--d53bf","checkboxItem":"bp_dropdown_menu_module_checkboxItem--d53bf","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--d53bf"};
 
 export { styles as default };

package/lib-esm/primitives/dropdown-menu/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const DropdownMenu: {
     Root: {
-        (props: import("@radix-ui/react-dropdown-menu").DropdownMenuProps): JSX.Element;
+        (props: import("@radix-ui/react-dropdown-menu").DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     RadioGroup: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -12,12 +12,12 @@ export declare const DropdownMenu: {
     Item: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
     Separator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLHRElement>>;
     SubMenuRoot: {
-        (props: import("@radix-ui/react-dropdown-menu").DropdownMenuSubProps): JSX.Element;
+        (props: import("@radix-ui/react-dropdown-menu").DropdownMenuSubProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     SubMenuTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>> & {
-        SideContent: ({ children, className, ...rest }: import("../../util-components/menu-item-sections/menu-item-sections").MenuItemSideContentProps) => JSX.Element;
-        MainContent: ({ className, label, description, ...rest }: import("../../util-components/menu-item-sections/menu-item-sections").MenuItemMainContentProps) => JSX.Element;
+        SideContent: ({ children, className, ...rest }: import("../../util-components/menu-item-sections/menu-item-sections").MenuItemSideContentProps) => import("react/jsx-runtime").JSX.Element;
+        MainContent: ({ className, label, description, ...rest }: import("../../util-components/menu-item-sections/menu-item-sections").MenuItemMainContentProps) => import("react/jsx-runtime").JSX.Element;
     };
     SubMenuContent: import("react").ForwardRefExoticComponent<import("./dropdown-menu-sub-menu-content").DropdownMenuSubMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
 };

package/lib-esm/primitives/icon-button/icon-button.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"iconButton":"bp_icon_button_module_iconButton--b6e1c","icon":"bp_icon_button_module_icon--b6e1c","default":"bp_icon_button_module_default--b6e1c","icon-logo":"bp_icon_button_module_icon-logo--b6e1c","high-contrast":"bp_icon_button_module_high-contrast--b6e1c","small-utility":"bp_icon_button_module_small-utility--b6e1c","large":"bp_icon_button_module_large--b6e1c","small":"bp_icon_button_module_small--b6e1c","x-small":"bp_icon_button_module_x-small--b6e1c"};
+var styles = {"iconButton":"bp_icon_button_module_iconButton--7ade2","icon":"bp_icon_button_module_icon--7ade2","default":"bp_icon_button_module_default--7ade2","icon-logo":"bp_icon_button_module_icon-logo--7ade2","high-contrast":"bp_icon_button_module_high-contrast--7ade2","small-utility":"bp_icon_button_module_small-utility--7ade2","large":"bp_icon_button_module_large--7ade2","small":"bp_icon_button_module_small--7ade2","x-small":"bp_icon_button_module_x-small--7ade2"};
 
 export { styles as default };

package/lib-esm/primitives/icon-button/types.d.ts

@@ -1,5 +1,7 @@
 import { type ButtonProps as AriakitButtonProps } from '@ariakit/react';
 import { type FunctionComponent, type PropsWithChildren, type SVGProps } from 'react';
+export declare const IconButtonSizes: readonly ["x-small", "small", "large"];
+export type IconButtonSize = (typeof IconButtonSizes)[number];
 interface IconButtonCommonProps extends AriakitButtonProps {
     /**
      * Accessible label for the button.
@@ -10,8 +12,6 @@ interface IconButtonCommonProps extends AriakitButtonProps {
      */
     icon: FunctionComponent<PropsWithChildren<SVGProps<SVGSVGElement>>>;
 }
-export declare const IconButtonSizes: readonly ["x-small", "small", "large"];
-export type IconButtonSize = (typeof IconButtonSizes)[number];
 export declare const IconButtonVariants: readonly ["default", "high-contrast", "icon-logo", "small-utility"];
 export type IconButtonVariant = (typeof IconButtonVariants)[number];
 export interface IconButtonVariantsProps extends IconButtonCommonProps {

package/lib-esm/primitives/inline-error/inline-error.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"inlineError":"bp_inline_error_module_inlineError--3aca4","empty":"bp_inline_error_module_empty--3aca4","errorIcon":"bp_inline_error_module_errorIcon--3aca4"};
+var styles = {"inlineError":"bp_inline_error_module_inlineError--cfa47","empty":"bp_inline_error_module_empty--cfa47","errorIcon":"bp_inline_error_module_errorIcon--cfa47"};
 
 export { styles as default };

package/lib-esm/primitives/link/link.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="react" />
-export declare const Link: import("react").ForwardRefExoticComponent<Omit<import("./types").LinkOwnProps<import("react").ElementType<any>> & Omit<any, keyof import("./types").LinkOwnProps<E>>, "ref"> & import("react").RefAttributes<unknown>>;
+import { type LinkProps } from './types';
+export declare const Link: import("react").ForwardRefExoticComponent<Omit<LinkProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>>, "ref"> & import("react").RefAttributes<unknown>>;

package/lib-esm/primitives/link/link.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"link":"bp_link_module_link--c79ae","inheritFont":"bp_link_module_inheritFont--c79ae","standalone":"bp_link_module_standalone--c79ae","hasIcon":"bp_link_module_hasIcon--c79ae","icon":"bp_link_module_icon--c79ae"};
+var styles = {"link":"bp_link_module_link--e6dce","inheritFont":"bp_link_module_inheritFont--e6dce","standalone":"bp_link_module_standalone--e6dce","hasIcon":"bp_link_module_hasIcon--e6dce","icon":"bp_link_module_icon--e6dce"};
 
 export { styles as default };

package/lib-esm/primitives/notification/index.d.ts

@@ -3,9 +3,9 @@ export { type NotificationButtonProps } from './notification-button';
 export { useNotification, type NotificationProviderProps } from './notification-provider';
 export { type NotificationViewportProps } from './notification.viewport';
 export declare const Notification: {
-    Provider: import("react").FC<import("@radix-ui/react-toast").ToastProviderProps>;
+    Provider: import("react").FC<import("react").PropsWithChildren<import("@radix-ui/react-toast").ToastProviderProps>>;
     Button: {
-        (props: import("./notification-button").NotificationButtonProps): JSX.Element;
+        (props: import("./notification-button").NotificationButtonProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Viewport: import("react").ForwardRefExoticComponent<import("@radix-ui/react-toast").ToastViewportProps & import("react").RefAttributes<HTMLOListElement>>;

package/lib-esm/primitives/notification/notification-button.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { type ButtonProps } from '../../button';
 export type NotificationButtonProps = ButtonProps & {
     ariaLabel: string;
 };
 export declare const NotificationButton: {
-    (props: NotificationButtonProps): JSX.Element;
+    (props: NotificationButtonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/lib-esm/primitives/notification/notification-provider.d.ts

@@ -35,5 +35,5 @@ export declare const useNotification: () => NotificationContextType;
  * It provides a NotificationContext, which should be used with useNotification hook.
  * useNotification hook provides access to store, and methods to interact with it.
  */
-export declare const NotificationProvider: React.FC<NotificationProviderProps>;
+export declare const NotificationProvider: React.FC<React.PropsWithChildren<NotificationProviderProps>>;
 export {};

package/lib-esm/primitives/notification/notification.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"viewport":"bp_notification_module_viewport--aa8db","root":"bp_notification_module_root--aa8db","container":"bp_notification_module_container--aa8db","mobileContainer":"bp_notification_module_mobileContainer--aa8db","withButtons":"bp_notification_module_withButtons--aa8db","info":"bp_notification_module_info--aa8db","success":"bp_notification_module_success--aa8db","warning":"bp_notification_module_warning--aa8db","error":"bp_notification_module_error--aa8db","typeIconContainer":"bp_notification_module_typeIconContainer--aa8db","typeIcon":"bp_notification_module_typeIcon--aa8db","text":"bp_notification_module_text--aa8db","contentButtonSection":"bp_notification_module_contentButtonSection--aa8db","contentButtons":"bp_notification_module_contentButtons--aa8db","closeButtonSection":"bp_notification_module_closeButtonSection--aa8db","closeButton":"bp_notification_module_closeButton--aa8db"};
+var styles = {"viewport":"bp_notification_module_viewport--13059","root":"bp_notification_module_root--13059","container":"bp_notification_module_container--13059","mobileContainer":"bp_notification_module_mobileContainer--13059","withButtons":"bp_notification_module_withButtons--13059","info":"bp_notification_module_info--13059","success":"bp_notification_module_success--13059","warning":"bp_notification_module_warning--13059","error":"bp_notification_module_error--13059","typeIconContainer":"bp_notification_module_typeIconContainer--13059","typeIcon":"bp_notification_module_typeIcon--13059","text":"bp_notification_module_text--13059","contentButtonSection":"bp_notification_module_contentButtonSection--13059","contentButtons":"bp_notification_module_contentButtons--13059","closeButtonSection":"bp_notification_module_closeButtonSection--13059","closeButton":"bp_notification_module_closeButton--13059"};
 
 export { styles as default };

package/lib-esm/primitives/notification/private-notification-element.d.ts

@@ -30,4 +30,4 @@ export interface PrivateNotificationElementProps extends ToastProps {
  *
  * **IMPORTANT**: Must be placed inside a single <b><NotificationProvider></b> singleton component provided by the app
  */
-export declare function PrivateNotificationElement(props: PrivateNotificationElementProps): JSX.Element;
+export declare function PrivateNotificationElement(props: PrivateNotificationElementProps): import("react/jsx-runtime").JSX.Element;

package/lib-esm/primitives/page-header/page-header.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { type PageHeaderProps } from './types';
 export declare const PageHeaderRoot: import("react").ForwardRefExoticComponent<Omit<PageHeaderProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
-export declare const PageHeaderCorner: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const PageHeadeStartElements: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const PageHeaderEndElements: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PageHeaderCorner: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PageHeadeStartElements: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PageHeaderEndElements: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const PageHeader: {
     Root: import("react").ForwardRefExoticComponent<Omit<PageHeaderProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
-    StartElements: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    EndElements: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Corner: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    StartElements: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    EndElements: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Corner: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };

package/lib-esm/primitives/page-header/page-header.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"pageHeader":"bp_page_header_module_pageHeader--d3ec5","sticky":"bp_page_header_module_sticky--d3ec5","default":"bp_page_header_module_default--d3ec5","inline":"bp_page_header_module_inline--d3ec5","corner":"bp_page_header_module_corner--d3ec5","startElements":"bp_page_header_module_startElements--d3ec5","endElements":"bp_page_header_module_endElements--d3ec5"};
+var styles = {"pageHeader":"bp_page_header_module_pageHeader--404da","sticky":"bp_page_header_module_sticky--404da","default":"bp_page_header_module_default--404da","inline":"bp_page_header_module_inline--404da","corner":"bp_page_header_module_corner--404da","startElements":"bp_page_header_module_startElements--404da","endElements":"bp_page_header_module_endElements--404da"};
 
 export { styles as default };

package/lib-esm/primitives/popover/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const Popover: {
     Root: {
-        (props: import("@radix-ui/react-popover").PopoverProps): JSX.Element;
+        (props: import("@radix-ui/react-popover").PopoverProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/lib-esm/primitives/popover/popover-content-container.js

@@ -1,8 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
 import * as RadixPopover from '@radix-ui/react-popover';
 import clsx from 'clsx';
-import { forwardRef, useState, useMemo } from 'react';
+import { forwardRef, useState, useMemo, useCallback } from 'react';
 import { Card } from '../../card/card.js';
+import { focusRadioGroupFirstIfExists } from './popover-focus-utils.js';
 import { PopoverOverflowContext } from './popover-overflow-context.js';
 import styles from './popover.module.js';
 
@@ -15,6 +16,7 @@ const PopoverContentContainer = /*#__PURE__*/forwardRef((props, forwardedRef) =>
     children,
     container,
     className,
+    onOpenAutoFocus,
     ...rest
   } = props;
   const [isContentOverflowing, setIsContentOverflowing] = useState(false);
@@ -22,6 +24,14 @@ const PopoverContentContainer = /*#__PURE__*/forwardRef((props, forwardedRef) =>
     isContentOverflowing,
     setIsContentOverflowing
   }), [isContentOverflowing, setIsContentOverflowing]);
+  // Workaround for: https://github.com/radix-ui/primitives/issues/1910
+  const handleOpenAutoFocus = useCallback(e => {
+    onOpenAutoFocus?.(e);
+    if (e.defaultPrevented) {
+      return;
+    }
+    focusRadioGroupFirstIfExists(e);
+  }, [onOpenAutoFocus]);
   return (
     // TODO(DSYS-440): Unify all Portals (Tooltip, Select, Popover, etc...), Expose a Provider which would tell where to mount (body? other elem?)
     jsx(RadixPopover.Portal, {
@@ -32,6 +42,7 @@ const PopoverContentContainer = /*#__PURE__*/forwardRef((props, forwardedRef) =>
           ...rest,
           ref: forwardedRef,
           className: clsx(styles.popoverContentContainer, className),
+          onOpenAutoFocus: handleOpenAutoFocus,
           children: jsx(Card, {
             className: styles.popoverCard,
             children: children

package/lib-esm/primitives/popover/popover-focus-utils.d.ts

@@ -0,0 +1 @@
+export declare function focusRadioGroupFirstIfExists(e: Event): void;

package/lib-esm/primitives/popover/popover-focus-utils.js

@@ -0,0 +1,55 @@
+/*
+ * Auto focus on mount original code: https://github.com/radix-ui/primitives/blob/8175208cdbb8577e53f1165678ee0ce28a801837/packages/react/focus-scope/src/FocusScope.tsx#L143
+ * `getTabbableCandidates` original source: https://github.com/radix-ui/primitives/blob/8175208cdbb8577e53f1165678ee0ce28a801837/packages/react/focus-scope/src/FocusScope.tsx#L246
+ */
+function getTabbableCandidates(container) {
+  const nodes = [];
+  const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    acceptNode: node => {
+      const isHiddenInput = node.tagName === 'INPUT' && node.type === 'hidden';
+      if (node.disabled || node.hidden || isHiddenInput) {
+        return NodeFilter.FILTER_SKIP;
+      }
+      // Workaround: don't check tabIndex for radio groups, since that would return -1 when this function is called. Instead, always return as tabbable.
+      if (node.role === 'radiogroup') {
+        return NodeFilter.FILTER_ACCEPT;
+      }
+      // `.tabIndex` is not the same as the `tabindex` attribute. It works on the
+      // runtime's understanding of tabbability, so this automatically accounts
+      // for any kind of element that could be tabbed to.
+      return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  while (walker.nextNode()) {
+    nodes.push(walker.currentNode);
+  }
+  // we do not take into account the order of nodes with positive `tabIndex` as it
+  // hinders accessibility to have tab order different from visual order.
+  return nodes;
+}
+function focusFirst(candidates, preventScroll = false) {
+  const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
+  for (const candidate of candidates) {
+    // if focus is already where we want to go, we don't want to keep going through the candidates
+    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) {
+      return;
+    }
+    candidate.focus({
+      preventScroll
+    });
+    if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) {
+      return;
+    }
+  }
+}
+function focusRadioGroupFirstIfExists(e) {
+  const candidates = getTabbableCandidates(e.target);
+  // Run the custom logic only if we found radiogroup in the tabbable candidates. Otherwise, yield to Radix's default behavior.
+  if (candidates.some(candidate => candidate.getAttribute('role') === 'radiogroup')) {
+    e.preventDefault();
+    focusFirst(candidates, true);
+  }
+}
+
+export { focusRadioGroupFirstIfExists };

package/lib-esm/primitives/popover/popover-root.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 export type PopoverRootProps = PopoverPrimitive.PopoverProps;
 /**
  * The Popover component has a trigger which displays a Card to the user with customizable content.
  */
 export declare const PopoverRoot: {
-    (props: PopoverRootProps): JSX.Element;
+    (props: PopoverRootProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/lib-esm/primitives/popover/popover.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"popoverMainContent":"bp_popover_module_popoverMainContent--9cf9b","popoverContentContainer":"bp_popover_module_popoverContentContainer--9cf9b","popoverCard":"bp_popover_module_popoverCard--9cf9b","popoverMainContentOuterContainer":"bp_popover_module_popoverMainContentOuterContainer--9cf9b","popoverMainContentInnerContainerPadding":"bp_popover_module_popoverMainContentInnerContainerPadding--9cf9b","popoverFooter":"bp_popover_module_popoverFooter--9cf9b","popoverFooterTopBorder":"bp_popover_module_popoverFooterTopBorder--9cf9b"};
+var styles = {"popoverMainContent":"bp_popover_module_popoverMainContent--db392","popoverContentContainer":"bp_popover_module_popoverContentContainer--db392","popoverCard":"bp_popover_module_popoverCard--db392","popoverMainContentOuterContainer":"bp_popover_module_popoverMainContentOuterContainer--db392","popoverMainContentInnerContainerPadding":"bp_popover_module_popoverMainContentInnerContainerPadding--db392","popoverFooter":"bp_popover_module_popoverFooter--db392","popoverFooterTopBorder":"bp_popover_module_popoverFooterTopBorder--db392"};
 
 export { styles as default };

package/lib-esm/primitives/select-menu-grid/select-menu-grid.d.ts

@@ -1,9 +1,3 @@
 /// <reference types="react" />
-export declare const SelectMenuGrid: import("react").ForwardRefExoticComponent<Omit<{
-    children: import("react").ReactNode;
-    columns: number;
-} & import("@ariakit/react").CompositeOptions<"div"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@ariakit/react").CompositeOptions<T>> & {
-    [index: `data-${string}`]: unknown;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+import { type SelectMenuGridProps } from './types';
+export declare const SelectMenuGrid: import("react").ForwardRefExoticComponent<Omit<SelectMenuGridProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/primitives/tabs/content-switch-tab.d.ts

@@ -1,8 +1,3 @@
 /// <reference types="react" />
-export declare const ContentSwitchTab: import("react").ForwardRefExoticComponent<Omit<import("@ariakit/react").TabOptions<"button"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, keyof import("@ariakit/react").TabOptions<T>> & {
-    [index: `data-${string}`]: unknown;
-} & {
-    variant?: import("./types").TabsVariant | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+import { type TabProps } from './types';
+export declare const ContentSwitchTab: import("react").ForwardRefExoticComponent<Omit<TabProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/lib-esm/primitives/tabs/default-tab.d.ts

@@ -1,8 +1,3 @@
 /// <reference types="react" />
-export declare const DefaultTab: import("react").ForwardRefExoticComponent<Omit<import("@ariakit/react").TabOptions<"button"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: import("react").RefObject<HTMLButtonElement> | ((instance: HTMLButtonElement | null) => void) | null | undefined;
-}, keyof import("@ariakit/react").TabOptions<T>> & {
-    [index: `data-${string}`]: unknown;
-} & {
-    variant?: import("./types").TabsVariant | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+import { type TabProps } from './types';
+export declare const DefaultTab: import("react").ForwardRefExoticComponent<Omit<TabProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/lib-esm/primitives/tabs/index.d.ts

@@ -1,16 +1,13 @@
 /// <reference types="react" />
-export declare const Tabs: ((props: import("./types").TabsProps) => JSX.Element) & {
+export declare const Tabs: ((props: import("./types").TabsProps) => import("react/jsx-runtime").JSX.Element) & {
     /**
      * The component that displays a Tab name and allows selection.
      */
-    Tab: (props: import("./types").TabProps) => JSX.Element;
+    Tab: (props: import("./types").TabProps) => import("react/jsx-runtime").JSX.Element;
     /**
      * Wrapper for a list of Tabs.
      */
-    TabList: import("react").ForwardRefExoticComponent<Omit<Omit<import("@ariakit/react").TabListProps<"div">, "store"> & {
-        variant?: import("./types").TabsVariant | undefined;
-        containerClassname?: string | undefined;
-    }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    TabList: import("react").ForwardRefExoticComponent<Omit<import("./types").TabListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     /**
      * The content for a single Tab.
      */

package/lib-esm/primitives/tabs/tab-list.d.ts

@@ -1,5 +1,3 @@
 /// <reference types="react" />
-export declare const TabList: import("react").ForwardRefExoticComponent<Omit<Omit<import("@ariakit/react").TabListProps<"div">, "store"> & {
-    variant?: import("./types").TabsVariant | undefined;
-    containerClassname?: string | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+import { type TabListProps } from './types';
+export declare const TabList: import("react").ForwardRefExoticComponent<Omit<TabListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/primitives/tabs/tab.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { type TabProps } from './types';
-export declare const Tab: (props: TabProps) => JSX.Element;
+export declare const Tab: (props: TabProps) => import("react/jsx-runtime").JSX.Element;

package/lib-esm/primitives/tabs/tabs.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { type TabsProps } from './types';
-export declare const Tabs: (props: TabsProps) => JSX.Element;
+export declare const Tabs: (props: TabsProps) => import("react/jsx-runtime").JSX.Element;

package/lib-esm/primitives/tabs/tabs.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"hiddenWidthSetter":"bp_tabs_module_hiddenWidthSetter--ae928","contentSwitchTabList":"bp_tabs_module_contentSwitchTabList--ae928","contentSwitchTab":"bp_tabs_module_contentSwitchTab--ae928","tabsListContainer":"bp_tabs_module_tabsListContainer--ae928","tabList":"bp_tabs_module_tabList--ae928","tabSeparator":"bp_tabs_module_tabSeparator--ae928","tab":"bp_tabs_module_tab--ae928"};
+var styles = {"hiddenWidthSetter":"bp_tabs_module_hiddenWidthSetter--9a562","contentSwitchTabList":"bp_tabs_module_contentSwitchTabList--9a562","contentSwitchTab":"bp_tabs_module_contentSwitchTab--9a562","tabsListContainer":"bp_tabs_module_tabsListContainer--9a562","tabList":"bp_tabs_module_tabList--9a562","tabSeparator":"bp_tabs_module_tabSeparator--9a562","tab":"bp_tabs_module_tab--9a562"};
 
 export { styles as default };

package/lib-esm/radio-group/radio-group.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"root":"bp_radio_group_module_root--f049e","horizontal":"bp_radio_group_module_horizontal--f049e","radioOption":"bp_radio_group_module_radioOption--f049e","label":"bp_radio_group_module_label--f049e","description":"bp_radio_group_module_description--f049e","disabled":"bp_radio_group_module_disabled--f049e","radioButton":"bp_radio_group_module_radioButton--f049e","indicator":"bp_radio_group_module_indicator--f049e"};
+var styles = {"root":"bp_radio_group_module_root--3ebe7","horizontal":"bp_radio_group_module_horizontal--3ebe7","radioOption":"bp_radio_group_module_radioOption--3ebe7","label":"bp_radio_group_module_label--3ebe7","description":"bp_radio_group_module_description--3ebe7","disabled":"bp_radio_group_module_disabled--3ebe7","radioButton":"bp_radio_group_module_radioButton--3ebe7","indicator":"bp_radio_group_module_indicator--3ebe7"};
 
 export { styles as default };

package/lib-esm/search-input/search-input.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { type SearchInputProps } from './types';
-export declare const AccessibleXMark: () => JSX.Element;
-export declare const AccessibleXMarkGlobal: () => JSX.Element;
+export declare const AccessibleXMark: () => import("react/jsx-runtime").JSX.Element;
+export declare const AccessibleXMarkGlobal: () => import("react/jsx-runtime").JSX.Element;
 /**
  * @deprecated This uncontrolled version of SearchInput is deprecated.
  * Currently, we have two SearchInput components: SearchInput and SearchInput.Controlled. In the future, both will be deprecated and replaced

package/lib-esm/search-input/search.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"search":"bp_search_module_search--522e8","searchIcon":"bp_search_module_searchIcon--522e8","global":"bp_search_module_global--522e8","searchInput":"bp_search_module_searchInput--522e8","firefoxDefaultOpacityFix":"bp_search_module_firefoxDefaultOpacityFix--522e8","withoutActionButton":"bp_search_module_withoutActionButton--522e8","clearSearchIcon":"bp_search_module_clearSearchIcon--522e8","actionButton":"bp_search_module_actionButton--522e8"};
+var styles = {"search":"bp_search_module_search--1e4fd","searchIcon":"bp_search_module_searchIcon--1e4fd","global":"bp_search_module_global--1e4fd","searchInput":"bp_search_module_searchInput--1e4fd","firefoxDefaultOpacityFix":"bp_search_module_firefoxDefaultOpacityFix--1e4fd","withoutActionButton":"bp_search_module_withoutActionButton--1e4fd","clearSearchIcon":"bp_search_module_clearSearchIcon--1e4fd","actionButton":"bp_search_module_actionButton--1e4fd"};
 
 export { styles as default };

package/lib-esm/select/select.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"container":"bp_select_module_container--5a87d","disabled":"bp_select_module_disabled--5a87d","label":"bp_select_module_label--5a87d","triggerBtn":"bp_select_module_triggerBtn--5a87d","error":"bp_select_module_error--5a87d","iconWrapper":"bp_select_module_iconWrapper--5a87d","icon":"bp_select_module_icon--5a87d","content":"bp_select_module_content--5a87d","viewport":"bp_select_module_viewport--5a87d","option":"bp_select_module_option--5a87d","secondaryText":"bp_select_module_secondaryText--5a87d","indicator":"bp_select_module_indicator--5a87d","separator":"bp_select_module_separator--5a87d"};
+var styles = {"container":"bp_select_module_container--bf0db","disabled":"bp_select_module_disabled--bf0db","label":"bp_select_module_label--bf0db","triggerBtn":"bp_select_module_triggerBtn--bf0db","error":"bp_select_module_error--bf0db","iconWrapper":"bp_select_module_iconWrapper--bf0db","icon":"bp_select_module_icon--bf0db","content":"bp_select_module_content--bf0db","viewport":"bp_select_module_viewport--bf0db","option":"bp_select_module_option--bf0db","secondaryText":"bp_select_module_secondaryText--bf0db","indicator":"bp_select_module_indicator--bf0db","separator":"bp_select_module_separator--bf0db"};
 
 export { styles as default };

package/lib-esm/side-panel/side-panel-overlay.d.ts

@@ -1,8 +1,6 @@
 /// <reference types="react" />
-import * as RadixDialog from '@radix-ui/react-dialog';
+import { type SidePanelOverlayComponentProps } from './types';
 /**
  * A layer that covers the inert portion of the view when the dialog is open.
  */
-export declare const SidePanelOverlay: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-} & Pick<RadixDialog.DialogPortalProps, "container">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SidePanelOverlay: import("react").ForwardRefExoticComponent<Omit<SidePanelOverlayComponentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/side-panel/side-panel.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type SidePanelProps } from './types';
-export declare const SidePanel: ((props: SidePanelProps) => JSX.Element | null) & {
+export declare const SidePanel: ((props: SidePanelProps) => import("react/jsx-runtime").JSX.Element | null) & {
     Close: import("react").ForwardRefExoticComponent<import("./types").SidePanelCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
     Content: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
     Footer: import("react").ForwardRefExoticComponent<Omit<import("./types").SidePanelFooterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
@@ -21,7 +21,5 @@ export declare const SidePanel: ((props: SidePanelProps) => JSX.Element | null)
     };
     Header: import("react").ForwardRefExoticComponent<Omit<import("./types").SidePanelHeaderProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
     ScrollableContainer: import("react").ForwardRefExoticComponent<Omit<import("./types").SidePanelScrollableContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Overlay: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-    } & Pick<import("@radix-ui/react-dialog").DialogPortalProps, "container">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Overlay: import("react").ForwardRefExoticComponent<Omit<import("./types").SidePanelOverlayComponentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };

package/lib-esm/side-panel/side-panel.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"content":"bp_side_panel_module_content--c1abd","header":"bp_side_panel_module_header--c1abd","headerMobile":"bp_side_panel_module_headerMobile--c1abd","headerShadow":"bp_side_panel_module_headerShadow--c1abd","contentAnimated":"bp_side_panel_module_contentAnimated--c1abd","slideIn":"bp_side_panel_module_slideIn--c1abd","dropShadowContent":"bp_side_panel_module_dropShadowContent--c1abd","close":"bp_side_panel_module_close--c1abd","overlay":"bp_side_panel_module_overlay--c1abd","dropShadowOverlay":"bp_side_panel_module_dropShadowOverlay--c1abd","scrollableContainer":"bp_side_panel_module_scrollableContainer--c1abd","footer":"bp_side_panel_module_footer--c1abd","footerShadow":"bp_side_panel_module_footerShadow--c1abd","footerButton":"bp_side_panel_module_footerButton--c1abd"};
+var styles = {"content":"bp_side_panel_module_content--63846","header":"bp_side_panel_module_header--63846","headerMobile":"bp_side_panel_module_headerMobile--63846","headerShadow":"bp_side_panel_module_headerShadow--63846","contentAnimated":"bp_side_panel_module_contentAnimated--63846","slideIn":"bp_side_panel_module_slideIn--63846","dropShadowContent":"bp_side_panel_module_dropShadowContent--63846","close":"bp_side_panel_module_close--63846","overlay":"bp_side_panel_module_overlay--63846","dropShadowOverlay":"bp_side_panel_module_dropShadowOverlay--63846","scrollableContainer":"bp_side_panel_module_scrollableContainer--63846","footer":"bp_side_panel_module_footer--63846","footerShadow":"bp_side_panel_module_footerShadow--63846","footerButton":"bp_side_panel_module_footerButton--63846"};
 
 export { styles as default };

package/lib-esm/slider/slider-incrementer.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { type SliderIncrementerProps } from './types';
 export declare const SliderIncrementer: {
-    ({ children, disabled, max, min, minusButtonLabel, minusButtonTooltipContent, plusButtonLabel, plusButtonTooltipContent, setValue, step, value, }: SliderIncrementerProps): JSX.Element;
+    ({ children, disabled, max, min, minusButtonLabel, minusButtonTooltipContent, plusButtonLabel, plusButtonTooltipContent, setValue, step, value, }: SliderIncrementerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/lib-esm/slider/slider-incrementer.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"container":"bp_slider_incrementer_module_container--afce5"};
+var styles = {"container":"bp_slider_incrementer_module_container--db252"};
 
 export { styles as default };

package/lib-esm/slider/slider-range.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"container":"bp_slider_range_module_container--12e7f","hasFocus":"bp_slider_range_module_hasFocus--12e7f","thumb":"bp_slider_range_module_thumb--12e7f","root":"bp_slider_range_module_root--12e7f","disabled":"bp_slider_range_module_disabled--12e7f","track":"bp_slider_range_module_track--12e7f"};
+var styles = {"container":"bp_slider_range_module_container--288ba","hasFocus":"bp_slider_range_module_hasFocus--288ba","thumb":"bp_slider_range_module_thumb--288ba","root":"bp_slider_range_module_root--288ba","disabled":"bp_slider_range_module_disabled--288ba","track":"bp_slider_range_module_track--288ba"};
 
 export { styles as default };

package/lib-esm/slider/slider.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { type SliderProps } from './types';
-export declare const Slider: ((props: SliderProps) => JSX.Element) & {
+export declare const Slider: ((props: SliderProps) => import("react/jsx-runtime").JSX.Element) & {
     Slider: import("react").ForwardRefExoticComponent<import("./types").SliderRangeProps & import("react").RefAttributes<HTMLButtonElement>>;
 };

package/lib-esm/slider/slider.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"container":"bp_slider_module_container--36f7b"};
+var styles = {"container":"bp_slider_module_container--dc8a6"};
 
 export { styles as default };

package/lib-esm/small-list-item/index.d.ts

@@ -34,7 +34,7 @@ export declare const SmallList: import("react").ForwardRefExoticComponent<import
     /**
      * An individual item in the list.
      */
-    Item: import("react").ForwardRefExoticComponent<import("react-aria-components").GridListItemProps<object> & Omit<import("../util-components/base-grid-list-item/types").BaseGridListItemContextType, "isItemInteracted" | "setIsItemInteracted"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<import("../util-components/base-grid-list-item").BaseGridListItemProps & import("react").RefAttributes<HTMLDivElement>>;
     /**
      * Styled wrapper over an image or icon.
      */

package/lib-esm/status/status.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"interactiveStatus":"bp_status_module_interactiveStatus--7df2b","status":"bp_status_module_status--7df2b","reverse":"bp_status_module_reverse--7df2b","circle":"bp_status_module_circle--7df2b","text":"bp_status_module_text--7df2b","maxContainer":"bp_status_module_maxContainer--7df2b","colorSurfaceStatusSurfaceGray":"bp_status_module_colorSurfaceStatusSurfaceGray--7df2b","colorSurfaceStatusSurfaceYellow":"bp_status_module_colorSurfaceStatusSurfaceYellow--7df2b","colorSurfaceStatusSurfaceOrange":"bp_status_module_colorSurfaceStatusSurfaceOrange--7df2b","colorSurfaceStatusSurfaceRed":"bp_status_module_colorSurfaceStatusSurfaceRed--7df2b","colorSurfaceStatusSurfacePurple":"bp_status_module_colorSurfaceStatusSurfacePurple--7df2b","colorSurfaceStatusSurfaceLightBlue":"bp_status_module_colorSurfaceStatusSurfaceLightBlue--7df2b","colorSurfaceStatusSurfaceDarkBlue":"bp_status_module_colorSurfaceStatusSurfaceDarkBlue--7df2b","colorSurfaceStatusSurfaceGreen":"bp_status_module_colorSurfaceStatusSurfaceGreen--7df2b"};
+var styles = {"interactiveStatus":"bp_status_module_interactiveStatus--c67f9","status":"bp_status_module_status--c67f9","reverse":"bp_status_module_reverse--c67f9","circle":"bp_status_module_circle--c67f9","text":"bp_status_module_text--c67f9","maxContainer":"bp_status_module_maxContainer--c67f9","colorSurfaceStatusSurfaceGray":"bp_status_module_colorSurfaceStatusSurfaceGray--c67f9","colorSurfaceStatusSurfaceYellow":"bp_status_module_colorSurfaceStatusSurfaceYellow--c67f9","colorSurfaceStatusSurfaceOrange":"bp_status_module_colorSurfaceStatusSurfaceOrange--c67f9","colorSurfaceStatusSurfaceRed":"bp_status_module_colorSurfaceStatusSurfaceRed--c67f9","colorSurfaceStatusSurfacePurple":"bp_status_module_colorSurfaceStatusSurfacePurple--c67f9","colorSurfaceStatusSurfaceLightBlue":"bp_status_module_colorSurfaceStatusSurfaceLightBlue--c67f9","colorSurfaceStatusSurfaceDarkBlue":"bp_status_module_colorSurfaceStatusSurfaceDarkBlue--c67f9","colorSurfaceStatusSurfaceGreen":"bp_status_module_colorSurfaceStatusSurfaceGreen--c67f9"};
 
 export { styles as default };

package/lib-esm/switch/switch-legend.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { type LegendProps } from '../util-components/legend/types';
-export declare function Legend(props: LegendProps): JSX.Element;
+export declare function Legend(props: LegendProps): import("react/jsx-runtime").JSX.Element;

package/lib-esm/switch/switch.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"option":"bp_switch_module_option--5cd69","label":"bp_switch_module_label--5cd69","rightAlign":"bp_switch_module_rightAlign--5cd69","description":"bp_switch_module_description--5cd69","switch":"bp_switch_module_switch--5cd69","thumb":"bp_switch_module_thumb--5cd69","disabled":"bp_switch_module_disabled--5cd69"};
+var styles = {"option":"bp_switch_module_option--54cac","label":"bp_switch_module_label--54cac","rightAlign":"bp_switch_module_rightAlign--54cac","description":"bp_switch_module_description--54cac","switch":"bp_switch_module_switch--54cac","thumb":"bp_switch_module_thumb--54cac","disabled":"bp_switch_module_disabled--54cac"};
 
 export { styles as default };