@box/blueprint-web 8.5.3 → 8.7.0

package/lib-esm/toolbar/toolbar-toggle-item.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { type ToolbarToggleItemProps } from './types';
-export declare const ToolbarToggleItem: import("react").ForwardRefExoticComponent<ToolbarToggleItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+import { type ToolbarToggleItemProps } from './types';
+export declare const ToolbarToggleItem: import("react").ForwardRefExoticComponent<ToolbarToggleItemProps & import("react").RefAttributes<HTMLButtonElement>>;

package/lib-esm/toolbar/toolbar-trigger-button.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { type ToolbarTriggerButtonProps } from './types';
-export declare const ToolbarTriggerButton: import("react").ForwardRefExoticComponent<ToolbarTriggerButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+import { type ToolbarTriggerButtonProps } from './types';
+export declare const ToolbarTriggerButton: import("react").ForwardRefExoticComponent<ToolbarTriggerButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/lib-esm/toolbar/types.d.ts

@@ -1,41 +1,41 @@
-import { type ToolbarButtonProps as ToolbarPrimitiveButtonProps, type ToolbarProps as ToolbarPrimitiveProps, type ToolbarSeparatorProps as ToolbarPrimitiveSeparatorProps, type ToolbarToggleItemProps as ToolbarPrimitiveToggleItemProps, type ToggleGroupProps as ToolbarToggleGroupPrimitiveProps } from '@radix-ui/react-toolbar';
-import { type CSSProperties, type FunctionComponent, type HTMLAttributes, type PropsWithChildren, type SVGProps } from 'react';
-export type ToolbarProps = ToolbarPrimitiveProps;
-export type ToolbarSeparatorProps = ToolbarPrimitiveSeparatorProps;
-export type ToolbarToggleGroupProps = ToolbarToggleGroupPrimitiveProps;
-interface ToolbarButtonCSS extends CSSProperties {
-    '--toolbar-button-color'?: string;
-}
-export interface ToolbarButtonProps extends Omit<ToolbarPrimitiveButtonProps, 'style'> {
-    /** Sets background color of button element. */
-    backgroundColor?: CSSProperties['backgroundColor'];
-    style?: ToolbarButtonCSS;
-}
-export interface ToolbarTriggerButtonProps extends ToolbarButtonProps {
-    /** Selection state of group opened with button.
-     * @default false
-     */
-    selected?: boolean;
-}
-export interface ToolbarToggleItemProps extends ToolbarPrimitiveToggleItemProps {
-    /** Icon rendered by the component. */
-    icon: FunctionComponent<PropsWithChildren<SVGProps<SVGSVGElement>>>;
-    'aria-label': NonNullable<HTMLAttributes<HTMLButtonElement>['aria-label']>;
-}
-export interface ToolbarIconProps {
-    /** Color of rendered icon. */
-    color?: React.SVGProps<SVGSVGElement>['color'];
-    className?: string;
-    /** Icon rendered by the component. */
-    icon: React.FunctionComponent<React.PropsWithChildren<React.SVGProps<SVGSVGElement>>>;
-}
-export interface ToolbarDropdownIndicatorProps {
-    /** Direction in which by indicator is pointing.
-     * @default 'down'
-     */
-    direction?: 'up' | 'down';
-    /** Color of rendered icon. */
-    color?: React.SVGProps<SVGSVGElement>['color'];
-    className?: string;
-}
-export {};
+import { type ToolbarButtonProps as ToolbarPrimitiveButtonProps, type ToolbarProps as ToolbarPrimitiveProps, type ToolbarSeparatorProps as ToolbarPrimitiveSeparatorProps, type ToolbarToggleItemProps as ToolbarPrimitiveToggleItemProps, type ToggleGroupProps as ToolbarToggleGroupPrimitiveProps } from '@radix-ui/react-toolbar';
+import { type CSSProperties, type FunctionComponent, type HTMLAttributes, type PropsWithChildren, type SVGProps } from 'react';
+export type ToolbarProps = ToolbarPrimitiveProps;
+export type ToolbarSeparatorProps = ToolbarPrimitiveSeparatorProps;
+export type ToolbarToggleGroupProps = ToolbarToggleGroupPrimitiveProps;
+interface ToolbarButtonCSS extends CSSProperties {
+    '--toolbar-button-color'?: string;
+}
+export interface ToolbarButtonProps extends Omit<ToolbarPrimitiveButtonProps, 'style'> {
+    /** Sets background color of button element. */
+    backgroundColor?: CSSProperties['backgroundColor'];
+    style?: ToolbarButtonCSS;
+}
+export interface ToolbarTriggerButtonProps extends ToolbarButtonProps {
+    /** Selection state of group opened with button.
+     * @default false
+     */
+    selected?: boolean;
+}
+export interface ToolbarToggleItemProps extends ToolbarPrimitiveToggleItemProps {
+    /** Icon rendered by the component. */
+    icon: FunctionComponent<PropsWithChildren<SVGProps<SVGSVGElement>>>;
+    'aria-label': NonNullable<HTMLAttributes<HTMLButtonElement>['aria-label']>;
+}
+export interface ToolbarIconProps {
+    /** Color of rendered icon. */
+    color?: React.SVGProps<SVGSVGElement>['color'];
+    className?: string;
+    /** Icon rendered by the component. */
+    icon: React.FunctionComponent<React.PropsWithChildren<React.SVGProps<SVGSVGElement>>>;
+}
+export interface ToolbarDropdownIndicatorProps {
+    /** Direction in which by indicator is pointing.
+     * @default 'down'
+     */
+    direction?: 'up' | 'down';
+    /** Color of rendered icon. */
+    color?: React.SVGProps<SVGSVGElement>['color'];
+    className?: string;
+}
+export {};

package/lib-esm/tooltip/index.d.ts

@@ -1,2 +1,2 @@
-export { Tooltip, TooltipProvider } from './tooltip';
-export { type TooltipProps, type TooltipProviderProps } from './types';
+export { Tooltip, TooltipProvider } from './tooltip';
+export { type TooltipProps, type TooltipProviderProps } from './types';

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

@@ -1,16 +1,16 @@
-import React from 'react';
-import { type TooltipProps, type TooltipProviderProps, type TooltipTriggerProps } from './types';
-/**
- * A component used to wrap any other component, giving it a Tooltip on hover.
- *
- * * [Radix-UI link](https://www.radix-ui.com/docs/primitives/components/tooltip)
- *
- * **IMPORTANT (1)**: Must be placed inside a single <b>TooltipProvider</b> component provided by the app, see [issue on github](https://github.com/radix-ui/primitives/issues/1712) and [radix docs](https://www.radix-ui.com/docs/primitives/components/tooltip#provider).
- *
- * **IMPORTANT (2)**: Must wrap interactive component/element (such as: HTMLInputElement, HTMLAnchorElement,  HTMLTextAreaElement, etc. [list of focusable elements](https://allyjs.io/data-tables/focusable.html))
- *
- */
-export declare const Tooltip: (props: TooltipProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ContainerContext: React.Context<HTMLElement | null | undefined>;
-export declare const TooltipProvider: (props: TooltipProviderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+import React from 'react';
+import { type TooltipProps, type TooltipProviderProps, type TooltipTriggerProps } from './types';
+/**
+ * A component used to wrap any other component, giving it a Tooltip on hover.
+ *
+ * * [Radix-UI link](https://www.radix-ui.com/docs/primitives/components/tooltip)
+ *
+ * **IMPORTANT (1)**: Must be placed inside a single <b>TooltipProvider</b> component provided by the app, see [issue on github](https://github.com/radix-ui/primitives/issues/1712) and [radix docs](https://www.radix-ui.com/docs/primitives/components/tooltip#provider).
+ *
+ * **IMPORTANT (2)**: Must wrap interactive component/element (such as: HTMLInputElement, HTMLAnchorElement,  HTMLTextAreaElement, etc. [list of focusable elements](https://allyjs.io/data-tables/focusable.html))
+ *
+ */
+export declare const Tooltip: (props: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContainerContext: React.Context<HTMLElement | null | undefined>;
+export declare const TooltipProvider: (props: TooltipProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/lib-esm/tooltip/tooltip.js

@@ -6,15 +6,15 @@ import { useForkRef } from '../utils/useForkRef.js';
 import { useIsTriggerInteractive } from '../utils/useIsTriggerInteractive.js';
 import styles from './tooltip.module.js';
 
-/**
- * A component used to wrap any other component, giving it a Tooltip on hover.
- *
- * * [Radix-UI link](https://www.radix-ui.com/docs/primitives/components/tooltip)
- *
- * **IMPORTANT (1)**: Must be placed inside a single <b>TooltipProvider</b> component provided by the app, see [issue on github](https://github.com/radix-ui/primitives/issues/1712) and [radix docs](https://www.radix-ui.com/docs/primitives/components/tooltip#provider).
- *
- * **IMPORTANT (2)**: Must wrap interactive component/element (such as: HTMLInputElement, HTMLAnchorElement,  HTMLTextAreaElement, etc. [list of focusable elements](https://allyjs.io/data-tables/focusable.html))
- *
+/**
+ * A component used to wrap any other component, giving it a Tooltip on hover.
+ *
+ * * [Radix-UI link](https://www.radix-ui.com/docs/primitives/components/tooltip)
+ *
+ * **IMPORTANT (1)**: Must be placed inside a single <b>TooltipProvider</b> component provided by the app, see [issue on github](https://github.com/radix-ui/primitives/issues/1712) and [radix docs](https://www.radix-ui.com/docs/primitives/components/tooltip#provider).
+ *
+ * **IMPORTANT (2)**: Must wrap interactive component/element (such as: HTMLInputElement, HTMLAnchorElement,  HTMLTextAreaElement, etc. [list of focusable elements](https://allyjs.io/data-tables/focusable.html))
+ *
  */
 const Tooltip = props => {
   const {
@@ -69,11 +69,11 @@ const Trigger = /*#__PURE__*/React__default.forwardRef(function Trigger(props, r
     children: props.children
   });
 });
-/**
- *  Trigger component with interactivity check.
- *  Encapsulation in separate component is a workaround which allows to render hooks
- *  responsible for check only when it's specifically needed, without breaking rule of hooks
- *  by calling them conditionally.
+/**
+ *  Trigger component with interactivity check.
+ *  Encapsulation in separate component is a workaround which allows to render hooks
+ *  responsible for check only when it's specifically needed, without breaking rule of hooks
+ *  by calling them conditionally.
  */
 const TriggerWithInteractivityCheck = /*#__PURE__*/React__default.forwardRef(function TriggerWithInteractivityCheck(props, ref) {
   const triggerRef = useIsTriggerInteractive();

package/lib-esm/tooltip/types.d.ts

@@ -1,46 +1,46 @@
-import type * as RadixTooltip from '@radix-ui/react-tooltip';
-import type React from 'react';
-export declare const TooltipVariants: readonly ["standard", "error"];
-export type TooltipVariant = (typeof TooltipVariants)[number];
-export interface TooltipContentProps extends RadixTooltip.TooltipContentProps {
-    variant?: TooltipVariant;
-}
-export interface PropsOnlyChildren {
-    children?: React.ReactNode;
-}
-export interface TooltipProps extends Omit<React.ComponentProps<typeof RadixTooltip.TooltipContent>, 'content'> {
-    /** The anchor for the tooltip. */
-    children: React.ReactNode;
-    /** The content of the tooltip. */
-    content: React.ReactNode;
-    /** The visual style of the button. */
-    variant?: TooltipVariant;
-    /** Event handler called when the open state of the tooltip changes. */
-    onOpenChange?: RadixTooltip.TooltipProps['onOpenChange'];
-    /** The controlled open state of the tooltip. Must be used in conjunction with onOpenChange. */
-    open?: RadixTooltip.TooltipProps['open'];
-    /** The open state of the tooltip when it is initially rendered. Use when you do not need to control its open state. */
-    defaultOpen?: RadixTooltip.TooltipProps['defaultOpen'];
-    /** Used to force mounting when more control is needed. */
-    forceMount?: RadixTooltip.TooltipPortalProps['forceMount'];
-    /** Blueprint internal prop. Checks whether the trigger element is interactive to provide a warning if it's not interactive. Defaults to `true`. */
-    __checkInteractivity?: boolean;
-}
-export interface TooltipProviderProps {
-    /** The rest of the application */
-    children: React.ReactNode;
-    /** The container on which the tooltip should be mounted. */
-    container?: RadixTooltip.TooltipPortalProps['container'];
-    /** Prevents tooltip content from remaining open when hovering. Disabling this has accessibility consequences. */
-    disableHoverableContent?: boolean;
-}
-export interface ArrowProps {
-    variant: TooltipVariant;
-}
-export interface TooltipTriggerProps {
-    children?: React.ReactNode;
-    /** The controlled open state of the tooltip. */
-    open?: TooltipProps['open'];
-    /** Blueprint internal prop. Checks whether the trigger element is interactive to provide a warning if it's not interactive. Defaults to `true`. */
-    __checkInteractivity?: boolean;
-}
+import type * as RadixTooltip from '@radix-ui/react-tooltip';
+import type React from 'react';
+export declare const TooltipVariants: readonly ["standard", "error"];
+export type TooltipVariant = (typeof TooltipVariants)[number];
+export interface TooltipContentProps extends RadixTooltip.TooltipContentProps {
+    variant?: TooltipVariant;
+}
+export interface PropsOnlyChildren {
+    children?: React.ReactNode;
+}
+export interface TooltipProps extends Omit<React.ComponentProps<typeof RadixTooltip.TooltipContent>, 'content'> {
+    /** The anchor for the tooltip. */
+    children: React.ReactNode;
+    /** The content of the tooltip. */
+    content: React.ReactNode;
+    /** The visual style of the button. */
+    variant?: TooltipVariant;
+    /** Event handler called when the open state of the tooltip changes. */
+    onOpenChange?: RadixTooltip.TooltipProps['onOpenChange'];
+    /** The controlled open state of the tooltip. Must be used in conjunction with onOpenChange. */
+    open?: RadixTooltip.TooltipProps['open'];
+    /** The open state of the tooltip when it is initially rendered. Use when you do not need to control its open state. */
+    defaultOpen?: RadixTooltip.TooltipProps['defaultOpen'];
+    /** Used to force mounting when more control is needed. */
+    forceMount?: RadixTooltip.TooltipPortalProps['forceMount'];
+    /** Blueprint internal prop. Checks whether the trigger element is interactive to provide a warning if it's not interactive. Defaults to `true`. */
+    __checkInteractivity?: boolean;
+}
+export interface TooltipProviderProps {
+    /** The rest of the application */
+    children: React.ReactNode;
+    /** The container on which the tooltip should be mounted. */
+    container?: RadixTooltip.TooltipPortalProps['container'];
+    /** Prevents tooltip content from remaining open when hovering. Disabling this has accessibility consequences. */
+    disableHoverableContent?: boolean;
+}
+export interface ArrowProps {
+    variant: TooltipVariant;
+}
+export interface TooltipTriggerProps {
+    children?: React.ReactNode;
+    /** The controlled open state of the tooltip. */
+    open?: TooltipProps['open'];
+    /** Blueprint internal prop. Checks whether the trigger element is interactive to provide a warning if it's not interactive. Defaults to `true`. */
+    __checkInteractivity?: boolean;
+}

package/lib-esm/trigger-button/index.d.ts

@@ -1 +1 @@
-export { TriggerButton, type TriggerButtonProps } from './trigger-button';
+export { TriggerButton, type TriggerButtonProps } from './trigger-button';

package/lib-esm/trigger-button/trigger-button.d.ts

@@ -1,29 +1,28 @@
-/// <reference types="react" />
-import { type BaseButtonIconProps, type BaseButtonProps } from '../primitives/base-button';
-export type TriggerButtonProps = BaseButtonProps & {
-    /** Trigger button label */
-    label?: string;
-    /** Icon to show up at the start of the trigger button */
-    startIcon?: BaseButtonIconProps['icon'];
-    /** Direction of caret icon */
-    caretDirection: 'up' | 'down';
-};
-/**
- * The TriggerButton is a stylized button that has an optional start icon, optional label, and a caret as the end icon.
- * Caret direction can be changed from up to down. This component will most likely be used to trigger a dropdown.
- */
-export declare const TriggerButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
-    /** Trigger button label */
-    label?: string | undefined;
-    /** Icon to show up at the start of the trigger button */
-    startIcon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>> | undefined;
-    /** Direction of caret icon */
-    caretDirection: 'up' | 'down';
-}, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
-    /** Trigger button label */
-    label?: string | undefined;
-    /** Icon to show up at the start of the trigger button */
-    startIcon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>> | undefined;
-    /** Direction of caret icon */
-    caretDirection: 'up' | 'down';
-}, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
+import { type BaseButtonIconProps, type BaseButtonProps } from '../primitives/base-button';
+export type TriggerButtonProps = BaseButtonProps & {
+    /** Trigger button label */
+    label?: string;
+    /** Icon to show up at the start of the trigger button */
+    startIcon?: BaseButtonIconProps['icon'];
+    /** Direction of caret icon */
+    caretDirection: 'up' | 'down';
+};
+/**
+ * The TriggerButton is a stylized button that has an optional start icon, optional label, and a caret as the end icon.
+ * Caret direction can be changed from up to down. This component will most likely be used to trigger a dropdown.
+ */
+export declare const TriggerButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
+    /** Trigger button label */
+    label?: string;
+    /** Icon to show up at the start of the trigger button */
+    startIcon?: BaseButtonIconProps["icon"];
+    /** Direction of caret icon */
+    caretDirection: "up" | "down";
+}, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
+    /** Trigger button label */
+    label?: string;
+    /** Icon to show up at the start of the trigger button */
+    startIcon?: BaseButtonIconProps["icon"];
+    /** Direction of caret icon */
+    caretDirection: "up" | "down";
+}, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;

package/lib-esm/trigger-button/trigger-button.js

@@ -7,9 +7,9 @@ const buttonSizeToStartIconSizeMap = {
   small: 16,
   large: 24
 };
-/**
- * The TriggerButton is a stylized button that has an optional start icon, optional label, and a caret as the end icon.
- * Caret direction can be changed from up to down. This component will most likely be used to trigger a dropdown.
+/**
+ * The TriggerButton is a stylized button that has an optional start icon, optional label, and a caret as the end icon.
+ * Caret direction can be changed from up to down. This component will most likely be used to trigger a dropdown.
  */
 const TriggerButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {

package/lib-esm/types/input-value-props.d.ts

@@ -1,22 +1,22 @@
-export interface ControlledInputValueProps<ValueType, ChangedValueType = ValueType> {
-    defaultValue?: never;
-    onChange?: (value: ChangedValueType | null) => void;
-    value: ValueType | null;
-}
-export interface UncontrolledInputValueProps<ValueType, ChangedValueType = ValueType> {
-    defaultValue?: ValueType | null;
-    onChange?: (value: ChangedValueType | null) => void;
-    value?: never;
-}
-/**
- * Represents the props for an input's value.
- * It is a generic type that should be used for inputs that can be used as either controlled or uncontrolled.
- *
- * @template ValueType - The type of the value.
- * @template ChangedValueType - The type of the changed value. By default, it is the same as ValueType.
- *
- * @property {ValueType | null} defaultValue - The default value of the uncontrolled input. Optional. Use `null` to signify no value.
- * @property {(value: ChangedValueType | null) => void} onChange - The function to be called when the value changes. It is optional.
- * @property {ValueType | null} value - The current value of the controlled input. Use `null` to signify no value. If both `value` and `defaultValue` are provided, `value` will be used.
- */
-export type InputValueProps<ValueType, ChangedValueType = ValueType> = UncontrolledInputValueProps<ValueType, ChangedValueType> | ControlledInputValueProps<ValueType, ChangedValueType>;
+export interface ControlledInputValueProps<ValueType, ChangedValueType = ValueType> {
+    defaultValue?: never;
+    onChange?: (value: ChangedValueType | null) => void;
+    value: ValueType | null;
+}
+export interface UncontrolledInputValueProps<ValueType, ChangedValueType = ValueType> {
+    defaultValue?: ValueType | null;
+    onChange?: (value: ChangedValueType | null) => void;
+    value?: never;
+}
+/**
+ * Represents the props for an input's value.
+ * It is a generic type that should be used for inputs that can be used as either controlled or uncontrolled.
+ *
+ * @template ValueType - The type of the value.
+ * @template ChangedValueType - The type of the changed value. By default, it is the same as ValueType.
+ *
+ * @property {ValueType | null} defaultValue - The default value of the uncontrolled input. Optional. Use `null` to signify no value.
+ * @property {(value: ChangedValueType | null) => void} onChange - The function to be called when the value changes. It is optional.
+ * @property {ValueType | null} value - The current value of the controlled input. Use `null` to signify no value. If both `value` and `defaultValue` are provided, `value` will be used.
+ */
+export type InputValueProps<ValueType, ChangedValueType = ValueType> = UncontrolledInputValueProps<ValueType, ChangedValueType> | ControlledInputValueProps<ValueType, ChangedValueType>;

package/lib-esm/types/modify.d.ts

@@ -1 +1 @@
-export type Modify<T, R> = Omit<T, keyof R> & R;
+export type Modify<T, R> = Omit<T, keyof R> & R;

package/lib-esm/util-components/base-grid-list-item/base-grid-list-item-actions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { type BaseGridListActionsProps } from './types';
-export declare const BaseGridListActionIconButton: import("react").ForwardRefExoticComponent<(Omit<import("../../primitives/icon-button/types").IconButtonVariantsProps, "ref"> | Omit<import("../../primitives/icon-button/types").IconButtonSmallUtilityVariantProps, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const BaseGridListActions: import("react").ForwardRefExoticComponent<Omit<BaseGridListActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+import { type BaseGridListActionsProps } from './types';
+export declare const BaseGridListActionIconButton: import("react").ForwardRefExoticComponent<(Omit<import("../../primitives/icon-button/types").IconButtonVariantsProps, "ref"> | Omit<import("../../primitives/icon-button/types").IconButtonSmallUtilityVariantProps, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const BaseGridListActions: import("react").ForwardRefExoticComponent<Omit<BaseGridListActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/util-components/base-grid-list-item/base-grid-list-item-header.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { type BaseGridListHeaderProps } from './types';
-export declare const BaseGridListHeader: import("react").ForwardRefExoticComponent<Omit<BaseGridListHeaderProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+import { type BaseGridListHeaderProps } from './types';
+export declare const BaseGridListHeader: import("react").ForwardRefExoticComponent<Omit<BaseGridListHeaderProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

package/lib-esm/util-components/base-grid-list-item/base-grid-list-item-subtitle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-export declare const BaseGridListSubtitle: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const BaseGridListSubtitle: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

package/lib-esm/util-components/base-grid-list-item/base-grid-list-item-thumbnail.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { type BaseGridListThumbnailProps } from './types';
-export declare const BaseGridListThumbnail: import("react").ForwardRefExoticComponent<Omit<BaseGridListThumbnailProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+import { type BaseGridListThumbnailProps } from './types';
+export declare const BaseGridListThumbnail: import("react").ForwardRefExoticComponent<Omit<BaseGridListThumbnailProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/util-components/base-grid-list-item/base-grid-list-item.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { type BaseGridListItemContextType, type BaseGridListItemProps } from './types';
-export declare const useBaseGridListItemContext: () => BaseGridListItemContextType;
-export declare const BaseGridListItem: import("react").ForwardRefExoticComponent<BaseGridListItemProps & import("react").RefAttributes<HTMLDivElement>>;
+import { type BaseGridListItemContextType, type BaseGridListItemProps } from './types';
+export declare const useBaseGridListItemContext: () => BaseGridListItemContextType;
+export declare const BaseGridListItem: import("react").ForwardRefExoticComponent<BaseGridListItemProps & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/util-components/base-grid-list-item/base-grid-list.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { type BaseGridListProps } from './types';
-export declare const useBaseGridListContext: () => BaseGridListProps;
-export declare const BaseGridList: import("react").ForwardRefExoticComponent<BaseGridListProps & import("react").RefAttributes<HTMLDivElement>>;
+import { type BaseGridListProps } from './types';
+export declare const useBaseGridListContext: () => BaseGridListProps;
+export declare const BaseGridList: import("react").ForwardRefExoticComponent<BaseGridListProps & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/util-components/base-grid-list-item/index.d.ts

@@ -1,37 +1,36 @@
-/// <reference types="react" />
-/**
- * Base Grid List can be used for showcasing various types of files in Box.
- *
- * It's based on GridList from react-aria-components with exposed subcomponents for easier styling.
- */
-export declare const BaseGridList: import("react").ForwardRefExoticComponent<import("./types").BaseGridListProps & import("react").RefAttributes<HTMLDivElement>> & {
-    /**
-     * An individual item in the list.
-     */
-    Item: import("react").ForwardRefExoticComponent<import("./types").BaseGridListItemProps & import("react").RefAttributes<HTMLDivElement>>;
-    /**
-     * Styled wrapper over and image or icon.
-     */
-    Thumbnail: import("react").ForwardRefExoticComponent<Omit<import("./types").BaseGridListThumbnailProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    /**
-     * Styled wrapper over the title of an item and potential Status components.
-     */
-    Header: import("react").ForwardRefExoticComponent<Omit<import("./types").BaseGridListHeaderProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-    /**
-     * Styled wrapper over the subtitle of an item.
-     */
-    Subtitle: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-        ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-    }, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-    /**
-     * Styled wrapper over the actions of an item.
-     * If `selectionMode` is passed, a checkbox will be rendered as well.
-     */
-    Actions: import("react").ForwardRefExoticComponent<Omit<import("./types").BaseGridListActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    /**
-     * Styled wrapper over an icon button.
-     * Ensures proper behaviour when used in a grid list item.
-     */
-    ActionIconButton: import("react").ForwardRefExoticComponent<(Omit<import("../../primitives/icon-button/types").IconButtonVariantsProps, "ref"> | Omit<import("../../primitives/icon-button/types").IconButtonSmallUtilityVariantProps, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
-};
-export type { BaseGridListActionIconButtonProps, BaseGridListActionsProps, BaseGridListDescriptionProps, BaseGridListHeaderProps, BaseGridListItemProps, BaseGridListProps, BaseGridListSubtitleProps, BaseGridListThumbnailProps, } from './types';
+/**
+ * Base Grid List can be used for showcasing various types of files in Box.
+ *
+ * It's based on GridList from react-aria-components with exposed subcomponents for easier styling.
+ */
+export declare const BaseGridList: import("react").ForwardRefExoticComponent<import("./types").BaseGridListProps & import("react").RefAttributes<HTMLDivElement>> & {
+    /**
+     * An individual item in the list.
+     */
+    Item: import("react").ForwardRefExoticComponent<import("./types").BaseGridListItemProps & import("react").RefAttributes<HTMLDivElement>>;
+    /**
+     * Styled wrapper over and image or icon.
+     */
+    Thumbnail: import("react").ForwardRefExoticComponent<Omit<import("./types").BaseGridListThumbnailProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    /**
+     * Styled wrapper over the title of an item and potential Status components.
+     */
+    Header: import("react").ForwardRefExoticComponent<Omit<import("./types").BaseGridListHeaderProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    /**
+     * Styled wrapper over the subtitle of an item.
+     */
+    Subtitle: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+        ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+    }, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    /**
+     * Styled wrapper over the actions of an item.
+     * If `selectionMode` is passed, a checkbox will be rendered as well.
+     */
+    Actions: import("react").ForwardRefExoticComponent<Omit<import("./types").BaseGridListActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    /**
+     * Styled wrapper over an icon button.
+     * Ensures proper behaviour when used in a grid list item.
+     */
+    ActionIconButton: import("react").ForwardRefExoticComponent<(Omit<import("../../primitives/icon-button/types").IconButtonVariantsProps, "ref"> | Omit<import("../../primitives/icon-button/types").IconButtonSmallUtilityVariantProps, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export type { BaseGridListActionIconButtonProps, BaseGridListActionsProps, BaseGridListDescriptionProps, BaseGridListHeaderProps, BaseGridListItemProps, BaseGridListProps, BaseGridListSubtitleProps, BaseGridListThumbnailProps, } from './types';

package/lib-esm/util-components/base-grid-list-item/index.js

@@ -5,36 +5,36 @@ import { BaseGridListHeader } from './base-grid-list-item-header.js';
 import { BaseGridListSubtitle } from './base-grid-list-item-subtitle.js';
 import { BaseGridListThumbnail } from './base-grid-list-item-thumbnail.js';
 
-/**
- * Base Grid List can be used for showcasing various types of files in Box.
- *
- * It's based on GridList from react-aria-components with exposed subcomponents for easier styling.
+/**
+ * Base Grid List can be used for showcasing various types of files in Box.
+ *
+ * It's based on GridList from react-aria-components with exposed subcomponents for easier styling.
  */
 const BaseGridList = Object.assign(BaseGridList$1, {
-  /**
-   * An individual item in the list.
+  /**
+   * An individual item in the list.
    */
   Item: BaseGridListItem,
-  /**
-   * Styled wrapper over and image or icon.
+  /**
+   * Styled wrapper over and image or icon.
    */
   Thumbnail: BaseGridListThumbnail,
-  /**
-   * Styled wrapper over the title of an item and potential Status components.
+  /**
+   * Styled wrapper over the title of an item and potential Status components.
    */
   Header: BaseGridListHeader,
-  /**
-   * Styled wrapper over the subtitle of an item.
+  /**
+   * Styled wrapper over the subtitle of an item.
    */
   Subtitle: BaseGridListSubtitle,
-  /**
-   * Styled wrapper over the actions of an item.
-   * If `selectionMode` is passed, a checkbox will be rendered as well.
+  /**
+   * Styled wrapper over the actions of an item.
+   * If `selectionMode` is passed, a checkbox will be rendered as well.
    */
   Actions: BaseGridListActions,
-  /**
-   * Styled wrapper over an icon button.
-   * Ensures proper behaviour when used in a grid list item.
+  /**
+   * Styled wrapper over an icon button.
+   * Ensures proper behaviour when used in a grid list item.
    */
   ActionIconButton: BaseGridListActionIconButton
 });