@box/blueprint-web 8.5.2 → 8.6.0

package/lib-esm/select/select.js

@@ -155,44 +155,44 @@ const Separator = /*#__PURE__*/forwardRef((_, forwardedRef) => {
   });
 });
 Separator.displayName = 'Select.Separator';
-/**
- * The root component that contains all the parts of a select.
- *
- * @example
- * const [value, setValue] = React.useState('');
- *
- * const label = 'Select';
- * const placeholder = 'Select an option';
- *
- * <Select label={label} onValueChange={setValue} placeholder={placeholder} value={value}>
- *     <Select.Option text="Option 1" value="option-1" />
- *     <Select.Option text="Option 2" value="option-2" />
- *
- *     <Select.Separator />
- *
- *     <Select.Option text="Option 3" value="option-3" />
- *     <Select.Option text="Option 4" value="option-4" />
- * </Select>
+/**
+ * The root component that contains all the parts of a select.
+ *
+ * @example
+ * const [value, setValue] = React.useState('');
+ *
+ * const label = 'Select';
+ * const placeholder = 'Select an option';
+ *
+ * <Select label={label} onValueChange={setValue} placeholder={placeholder} value={value}>
+ *     <Select.Option text="Option 1" value="option-1" />
+ *     <Select.Option text="Option 2" value="option-2" />
+ *
+ *     <Select.Separator />
+ *
+ *     <Select.Option text="Option 3" value="option-3" />
+ *     <Select.Option text="Option 4" value="option-4" />
+ * </Select>
  */
 const Select = Object.assign(Root, {
-  /**
-   * The component that pops out when the select is open.
+  /**
+   * The component that pops out when the select is open.
    */
   Content,
-  /**
-   * The component that displays a select option.
+  /**
+   * The component that displays a select option.
    */
   Option,
-  /**
-   * The component used to visually separate options in the select.
+  /**
+   * The component used to visually separate options in the select.
    */
   Separator
 });
-/**
- * This can be used as a symbol to set a value for an option that serves as a placeholder.
- * With additional handling added to onValueChange, it can be used to clear the value.
- *
- * See: https://github.com/radix-ui/primitives/issues/2706 for more details.
+/**
+ * This can be used as a symbol to set a value for an option that serves as a placeholder.
+ * With additional handling added to onValueChange, it can be used to clear the value.
+ *
+ * See: https://github.com/radix-ui/primitives/issues/2706 for more details.
  */
 const SELECT_EMPTY_VALUE = '__empty__';
 

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

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

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

@@ -1,106 +1,106 @@
-import { type SelectItemProps as RadixItemProps, type SelectContentProps as RadixSelectContentProps, type SelectProps as RadixSelectProps, type SelectTriggerProps as RadixSelectTriggerProps } from '@radix-ui/react-select';
-import { type ReactElement } from 'react';
-import { type Modify } from '../types/modify';
-import { type Labelable } from '../util-components/labelable/types';
-export interface ExtraProps extends Labelable {
-    /**
-     * The placeholder value displayed within the select trigger button when no values has been selected yet.
-     */
-    placeholder: string | ReactElement;
-    /**
-     * Pass the select content using `<Select.Content />`.
-     */
-    children?: ReactElement;
-    /**
-     * The value of the select when initially rendered. Use when you do not need to control the state of the select.
-     */
-    defaultValue?: RadixSelectProps['defaultValue'];
-    /**
-     * The controlled value of the select. Should be used in conjunction with `onValueChange`.
-     */
-    value?: RadixSelectProps['value'];
-    /**
-     * Event handler called when the value changes.
-     */
-    onValueChange?: RadixSelectProps['onValueChange'];
-    /**
-     * The open state of the select when it is initially rendered. Use when you do not need to control its open state.
-     */
-    defaultOpen?: RadixSelectProps['defaultOpen'];
-    /**
-     * The controlled open state of the select. Must be used in conjunction with `onOpenChange`.
-     */
-    open?: RadixSelectProps['open'];
-    /**
-     * Event handler called when the open state of the select changes.
-     */
-    onOpenChange?: RadixSelectProps['onOpenChange'];
-    /**
-     * The name of the select. Submitted with its owning form as part of a name/value pair.
-     */
-    name?: RadixSelectProps['name'];
-    /**
-     * When `true`, prevents the user from interacting with select.
-     */
-    disabled?: RadixSelectProps['disabled'];
-    /**
-     * When `true`, indicates that the user must select a value before the owning form can be submitted.
-     */
-    required?: RadixSelectProps['required'];
-    /**
-     * Extend the styles applied to the component.
-     */
-    className?: string;
-    /**
-     * When `true`, label text is hidden.
-     *
-     * @default false
-     */
-    hideLabel?: boolean;
-    /**
-     * The content of the error message.
-     */
-    error?: React.ReactNode;
-}
-export type SelectProps = Modify<RadixSelectTriggerProps, ExtraProps>;
-export interface SelectContentProps extends React.ComponentPropsWithRef<'div'> {
-    /**
-     * Pass the select options and separators using `<Select.Option />` and `<Select.Separator />`.
-     */
-    children: React.ReactNode;
-    /**
-     * The preferred alignment of the menu against the select button. May change when collisions occur.
-     *
-     * @default "start"
-     */
-    align?: RadixSelectContentProps['align'];
-    /**
-     * The DOM element where the COntent should be portal-ed into. If not provided, the Content will be appended to the document body.
-     */
-    container?: HTMLElement;
-    /**
-     * Event handler called when the escape key is down.
-     * Can be prevented.
-     */
-    onEscapeKeyDown?: RadixSelectContentProps['onEscapeKeyDown'];
-}
-export interface SelectOptionProps extends React.ComponentPropsWithRef<'div'> {
-    /**
-     * The value given as data when submitted with a `name`.
-     */
-    value: RadixItemProps['value'];
-    /**
-     * When true, prevents the user from interacting with the item.
-     *
-     * @default false
-     */
-    disabled?: RadixItemProps['disabled'];
-    /**
-     * The primary text of the item.
-     */
-    text: string;
-    /**
-     * The secondary text of the item. Displayed on the right side.
-     */
-    secondaryText?: string;
-}
+import { type SelectItemProps as RadixItemProps, type SelectContentProps as RadixSelectContentProps, type SelectProps as RadixSelectProps, type SelectTriggerProps as RadixSelectTriggerProps } from '@radix-ui/react-select';
+import { type ReactElement } from 'react';
+import { type Modify } from '../types/modify';
+import { type Labelable } from '../util-components/labelable/types';
+export interface ExtraProps extends Labelable {
+    /**
+     * The placeholder value displayed within the select trigger button when no values has been selected yet.
+     */
+    placeholder: string | ReactElement;
+    /**
+     * Pass the select content using `<Select.Content />`.
+     */
+    children?: ReactElement;
+    /**
+     * The value of the select when initially rendered. Use when you do not need to control the state of the select.
+     */
+    defaultValue?: RadixSelectProps['defaultValue'];
+    /**
+     * The controlled value of the select. Should be used in conjunction with `onValueChange`.
+     */
+    value?: RadixSelectProps['value'];
+    /**
+     * Event handler called when the value changes.
+     */
+    onValueChange?: RadixSelectProps['onValueChange'];
+    /**
+     * The open state of the select when it is initially rendered. Use when you do not need to control its open state.
+     */
+    defaultOpen?: RadixSelectProps['defaultOpen'];
+    /**
+     * The controlled open state of the select. Must be used in conjunction with `onOpenChange`.
+     */
+    open?: RadixSelectProps['open'];
+    /**
+     * Event handler called when the open state of the select changes.
+     */
+    onOpenChange?: RadixSelectProps['onOpenChange'];
+    /**
+     * The name of the select. Submitted with its owning form as part of a name/value pair.
+     */
+    name?: RadixSelectProps['name'];
+    /**
+     * When `true`, prevents the user from interacting with select.
+     */
+    disabled?: RadixSelectProps['disabled'];
+    /**
+     * When `true`, indicates that the user must select a value before the owning form can be submitted.
+     */
+    required?: RadixSelectProps['required'];
+    /**
+     * Extend the styles applied to the component.
+     */
+    className?: string;
+    /**
+     * When `true`, label text is hidden.
+     *
+     * @default false
+     */
+    hideLabel?: boolean;
+    /**
+     * The content of the error message.
+     */
+    error?: React.ReactNode;
+}
+export type SelectProps = Modify<RadixSelectTriggerProps, ExtraProps>;
+export interface SelectContentProps extends React.ComponentPropsWithRef<'div'> {
+    /**
+     * Pass the select options and separators using `<Select.Option />` and `<Select.Separator />`.
+     */
+    children: React.ReactNode;
+    /**
+     * The preferred alignment of the menu against the select button. May change when collisions occur.
+     *
+     * @default "start"
+     */
+    align?: RadixSelectContentProps['align'];
+    /**
+     * The DOM element where the COntent should be portal-ed into. If not provided, the Content will be appended to the document body.
+     */
+    container?: HTMLElement;
+    /**
+     * Event handler called when the escape key is down.
+     * Can be prevented.
+     */
+    onEscapeKeyDown?: RadixSelectContentProps['onEscapeKeyDown'];
+}
+export interface SelectOptionProps extends React.ComponentPropsWithRef<'div'> {
+    /**
+     * The value given as data when submitted with a `name`.
+     */
+    value: RadixItemProps['value'];
+    /**
+     * When true, prevents the user from interacting with the item.
+     *
+     * @default false
+     */
+    disabled?: RadixItemProps['disabled'];
+    /**
+     * The primary text of the item.
+     */
+    text: string;
+    /**
+     * The secondary text of the item. Displayed on the right side.
+     */
+    secondaryText?: string;
+}

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

@@ -1,2 +1,2 @@
-export { SidePanel } from './side-panel';
-export type { SidePanelProps } from './types';
+export { SidePanel } from './side-panel';
+export type { SidePanelProps } from './types';

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { type SidePanelCloseProps } from './types';
-/**
- * The button that closes the SidePanel.
- */
-export declare const SidePanelClose: import("react").ForwardRefExoticComponent<SidePanelCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+import { type SidePanelCloseProps } from './types';
+/**
+ * The button that closes the SidePanel.
+ */
+export declare const SidePanelClose: import("react").ForwardRefExoticComponent<SidePanelCloseProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -5,8 +5,8 @@ import { forwardRef } from 'react';
 import { IconButton } from '../primitives/icon-button/icon-button.js';
 import styles from './side-panel.module.js';
 
-/**
- * The button that closes the SidePanel.
+/**
+ * The button that closes the SidePanel.
  */
 const SidePanelClose = /*#__PURE__*/forwardRef(({
   'aria-label': ariaLabel,

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

@@ -1,14 +1,13 @@
-/// <reference types="react" />
-import * as RadixDialog from '@radix-ui/react-dialog';
-/**
- * Contains content to be rendered in the open SidePanel in Overlay view.
- */
-export declare const SidePanelContent: import("react").ForwardRefExoticComponent<RadixDialog.DialogContentProps & {
-    size?: "medium" | "large" | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
-/**
- * Contains content to be rendered in the open SidePanel in Persistent view.
- */
-export declare const SidePanelPersistentContent: 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;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+import * as RadixDialog from '@radix-ui/react-dialog';
+/**
+ * Contains content to be rendered in the open SidePanel in Overlay view.
+ */
+export declare const SidePanelContent: import("react").ForwardRefExoticComponent<RadixDialog.DialogContentProps & {
+    size?: "medium" | "large";
+} & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Contains content to be rendered in the open SidePanel in Persistent view.
+ */
+export declare const SidePanelPersistentContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -6,8 +6,8 @@ import { forwardRef, useCallback } from 'react';
 import styles from './side-panel.module.js';
 import { useVariant } from './variant-context.js';
 
-/**
- * Contains content to be rendered in the open SidePanel in Overlay view.
+/**
+ * Contains content to be rendered in the open SidePanel in Overlay view.
  */
 const SidePanelContent = /*#__PURE__*/forwardRef(({
   asChild = false,
@@ -42,8 +42,8 @@ const SidePanelContent = /*#__PURE__*/forwardRef(({
     })
   });
 });
-/**
- * Contains content to be rendered in the open SidePanel in Persistent view.
+/**
+ * Contains content to be rendered in the open SidePanel in Persistent view.
  */
 const SidePanelPersistentContent = /*#__PURE__*/forwardRef(({
   children,

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

@@ -1,22 +1,21 @@
-/// <reference types="react" />
-import { type SidePanelFooterProps } from './types';
-/**
- * Wrapper for buttons in the footer of the SidePanel.
- * Exposes primary and secondary buttons most commonly used inside footer of the SidePanel.
- */
-export declare const SidePanelFooter: import("react").ForwardRefExoticComponent<Omit<SidePanelFooterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-    PrimaryButton: 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> & {
-        children?: string | string[] | undefined;
-        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>> | undefined;
-    }, "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> & {
-        children?: string | string[] | undefined;
-        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>> | undefined;
-    }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
-    SecondaryButton: 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> & {
-        children?: string | string[] | undefined;
-        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>> | undefined;
-    }, "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> & {
-        children?: string | string[] | undefined;
-        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>> | undefined;
-    }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
-};
+import { type SidePanelFooterProps } from './types';
+/**
+ * Wrapper for buttons in the footer of the SidePanel.
+ * Exposes primary and secondary buttons most commonly used inside footer of the SidePanel.
+ */
+export declare const SidePanelFooter: import("react").ForwardRefExoticComponent<Omit<SidePanelFooterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    PrimaryButton: 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> & {
+        children?: string | string[];
+        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+    }, "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> & {
+        children?: string | string[];
+        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+    }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
+    SecondaryButton: 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> & {
+        children?: string | string[];
+        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+    }, "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> & {
+        children?: string | string[];
+        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+    }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
+};

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

@@ -50,9 +50,9 @@ const SecondaryButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     children: children
   });
 });
-/**
- * Wrapper for buttons in the footer of the SidePanel.
- * Exposes primary and secondary buttons most commonly used inside footer of the SidePanel.
+/**
+ * Wrapper for buttons in the footer of the SidePanel.
+ * Exposes primary and secondary buttons most commonly used inside footer of the SidePanel.
  */
 const SidePanelFooter = Object.assign(SidePanelFooterComponent, {
   PrimaryButton,

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { type SidePanelHeaderProps } from './types';
-/**
- * Header of the SidePanel
- */
-export declare const SidePanelHeader: import("react").ForwardRefExoticComponent<Omit<SidePanelHeaderProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+import { type SidePanelHeaderProps } from './types';
+/**
+ * Header of the SidePanel
+ */
+export declare const SidePanelHeader: import("react").ForwardRefExoticComponent<Omit<SidePanelHeaderProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;

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

@@ -23,8 +23,8 @@ const BaseSidePanelHeader = /*#__PURE__*/forwardRef(({
     children: children
   });
 });
-/**
- * Header of the SidePanel
+/**
+ * Header of the SidePanel
  */
 const SidePanelHeader = /*#__PURE__*/forwardRef(({
   children,

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import { type SidePanelOverlayComponentProps } from './types';
-/**
- * A layer that covers the inert portion of the view when the dialog is open.
- * For 'interactiveOverlay' variant we not cover the inert portion of the view.
- */
-export declare const SidePanelOverlay: import("react").ForwardRefExoticComponent<Omit<SidePanelOverlayComponentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+import { type SidePanelOverlayComponentProps } from './types';
+/**
+ * A layer that covers the inert portion of the view when the dialog is open.
+ * For 'interactiveOverlay' variant we not cover the inert portion of the view.
+ */
+export declare const SidePanelOverlay: import("react").ForwardRefExoticComponent<Omit<SidePanelOverlayComponentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -5,9 +5,9 @@ import { forwardRef } from 'react';
 import styles from './side-panel.module.js';
 import { useVariant } from './variant-context.js';
 
-/**
- * A layer that covers the inert portion of the view when the dialog is open.
- * For 'interactiveOverlay' variant we not cover the inert portion of the view.
+/**
+ * A layer that covers the inert portion of the view when the dialog is open.
+ * For 'interactiveOverlay' variant we not cover the inert portion of the view.
  */
 const SidePanelOverlay = /*#__PURE__*/forwardRef(({
   children,

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import { type SidePanelScrollableContainerProps } from './types';
-/**
- * Wrapper for the contents of the SidePanel.
- * This element is scrollable when the size of the content would make the SidePanel not fit on the screen.
- */
-export declare const SidePanelScrollableContainer: import("react").ForwardRefExoticComponent<Omit<SidePanelScrollableContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+import { type SidePanelScrollableContainerProps } from './types';
+/**
+ * Wrapper for the contents of the SidePanel.
+ * This element is scrollable when the size of the content would make the SidePanel not fit on the screen.
+ */
+export declare const SidePanelScrollableContainer: import("react").ForwardRefExoticComponent<Omit<SidePanelScrollableContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/side-panel/side-panel-scrollable-container.js

@@ -4,9 +4,9 @@ import { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';
 import { useScrollContext } from '../utils/scroll-context.js';
 import styles from './side-panel.module.js';
 
-/**
- * Wrapper for the contents of the SidePanel.
- * This element is scrollable when the size of the content would make the SidePanel not fit on the screen.
+/**
+ * Wrapper for the contents of the SidePanel.
+ * This element is scrollable when the size of the content would make the SidePanel not fit on the screen.
  */
 const SidePanelScrollableContainer = /*#__PURE__*/forwardRef(({
   tabIndex = 0,

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { type SidePanelTriggerProps } from './types';
-/**
- * Wrapper component for an interactive element that's responsible for opening SidePanel.
- */
-export declare const SidePanelTrigger: import("react").ForwardRefExoticComponent<SidePanelTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+import { type SidePanelTriggerProps } from './types';
+/**
+ * Wrapper component for an interactive element that's responsible for opening SidePanel.
+ */
+export declare const SidePanelTrigger: import("react").ForwardRefExoticComponent<SidePanelTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -2,8 +2,8 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import { forwardRef } from 'react';
 
-/**
- * Wrapper component for an interactive element that's responsible for opening SidePanel.
+/**
+ * Wrapper component for an interactive element that's responsible for opening SidePanel.
  */
 const SidePanelTrigger = /*#__PURE__*/forwardRef(function SidePanelTrigger({
   children