@box/blueprint-web 8.5.3 → 8.7.0

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

@@ -1,30 +1,30 @@
-import type * as RadixTooltip from '@radix-ui/react-tooltip';
-import type React from 'react';
-import { type CardProps } from '../card/types';
-export interface CardTooltipContentProps extends RadixTooltip.TooltipContentProps {
-    /** The elevation of the Card inside.
-     * @default dropshadow-3
-     */
-    elevation?: CardProps['elevation'];
-}
-export interface PropsOnlyChildren {
-    children?: React.ReactNode;
-}
-export interface CardTooltipProps extends Omit<React.ComponentPropsWithRef<typeof RadixTooltip.TooltipContent>, 'content'> {
-    /** The anchor for the tooltip. */
-    children: React.ReactNode;
-    /** The content of the tooltip. */
-    content: React.ReactNode;
-    /** The elevation of the Card inside.
-     * @default dropshadow-3
-     */
-    elevation: CardProps['elevation'];
-    /** 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'];
-}
+import type * as RadixTooltip from '@radix-ui/react-tooltip';
+import type React from 'react';
+import { type CardProps } from '../card/types';
+export interface CardTooltipContentProps extends RadixTooltip.TooltipContentProps {
+    /** The elevation of the Card inside.
+     * @default dropshadow-3
+     */
+    elevation?: CardProps['elevation'];
+}
+export interface PropsOnlyChildren {
+    children?: React.ReactNode;
+}
+export interface CardTooltipProps extends Omit<React.ComponentPropsWithRef<typeof RadixTooltip.TooltipContent>, 'content'> {
+    /** The anchor for the tooltip. */
+    children: React.ReactNode;
+    /** The content of the tooltip. */
+    content: React.ReactNode;
+    /** The elevation of the Card inside.
+     * @default dropshadow-3
+     */
+    elevation: CardProps['elevation'];
+    /** 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'];
+}

package/lib-esm/checkbox/checkbox-item.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { type CheckboxItemProps } from './types';
-/** Checkbox.Item needs to be wrapped with TooltipProvider -
-    or ideally you should have your App wrapped with it. */
-export declare const CheckboxItem: import("react").ForwardRefExoticComponent<CheckboxItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+import { type CheckboxItemProps } from './types';
+/** Checkbox.Item needs to be wrapped with TooltipProvider -
+    or ideally you should have your App wrapped with it. */
+export declare const CheckboxItem: import("react").ForwardRefExoticComponent<CheckboxItemProps & import("react").RefAttributes<HTMLButtonElement>>;

package/lib-esm/checkbox/checkbox-item.js

@@ -8,7 +8,7 @@ import { TextWithInfoBadge } from '../util-components/text-with-info-badge/text-
 import { useUniqueId } from '../utils/useUniqueId.js';
 import styles from './checkbox.module.js';
 
-/** Checkbox.Item needs to be wrapped with TooltipProvider -
+/** Checkbox.Item needs to be wrapped with TooltipProvider -
     or ideally you should have your App wrapped with it. */
 const CheckboxItem = /*#__PURE__*/forwardRef((props, ref) => {
   const {

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import { Legend } from '../util-components/legend';
-export { type CheckboxItemProps, type CheckedState } from './types';
-export declare const Checkbox: {
-    Item: import("react").ForwardRefExoticComponent<import("./types").CheckboxItemProps & import("react").RefAttributes<HTMLButtonElement>>;
-    Legend: typeof Legend;
-};
+import { Legend } from '../util-components/legend';
+export { type CheckboxItemProps, type CheckedState } from './types';
+export declare const Checkbox: {
+    Item: import("react").ForwardRefExoticComponent<import("./types").CheckboxItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Legend: typeof Legend;
+};

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

@@ -1,31 +1,31 @@
-import { type CheckboxProps } from '@radix-ui/react-checkbox';
-import { type ReactNode } from 'react';
-import { type RequireAllOrNone } from 'type-fest';
-import { type StyledText } from '../utils/commonTypes';
-export interface DescriptionInfo {
-    /** Additional text to aid in use. It will appear inside info icon tooltip in the description. */
-    descriptionInfoText?: StyledText;
-    /** aria-label for the description badge button. */
-    descriptionInfoBadgeAriaLabel?: string;
-}
-export interface LabelInfo {
-    /** Additional text to aid in use. It will appear inside info icon tooltip in the label. */
-    labelInfoText?: StyledText;
-    /** aria-label for the label badge button. */
-    labelInfoBadgeAriaLabel?: string;
-}
-export type CheckedState = NonNullable<CheckboxProps['checked']>;
-export type CheckboxItemProps = {
-    /** The checked state of the checkbox. */
-    checked: CheckedState;
-    /** The value given as data when submitted with a name. */
-    value: string;
-    /** The label for the checkbox button. */
-    label: ReactNode;
-    /** Additional text to aid in use. */
-    description?: StyledText;
-    /** When true, prevents the user from interacting with the checkbox item. */
-    disabled?: boolean;
-    /** Event handler called when the checked state of the checkbox changes. */
-    onCheckedChange: (checked: CheckedState) => void;
-} & Omit<CheckboxProps, 'onCheckedChange'> & RequireAllOrNone<LabelInfo, keyof LabelInfo> & RequireAllOrNone<DescriptionInfo, keyof DescriptionInfo>;
+import { type CheckboxProps } from '@radix-ui/react-checkbox';
+import { type ReactNode } from 'react';
+import { type RequireAllOrNone } from 'type-fest';
+import { type StyledText } from '../utils/commonTypes';
+export interface DescriptionInfo {
+    /** Additional text to aid in use. It will appear inside info icon tooltip in the description. */
+    descriptionInfoText?: StyledText;
+    /** aria-label for the description badge button. */
+    descriptionInfoBadgeAriaLabel?: string;
+}
+export interface LabelInfo {
+    /** Additional text to aid in use. It will appear inside info icon tooltip in the label. */
+    labelInfoText?: StyledText;
+    /** aria-label for the label badge button. */
+    labelInfoBadgeAriaLabel?: string;
+}
+export type CheckedState = NonNullable<CheckboxProps['checked']>;
+export type CheckboxItemProps = {
+    /** The checked state of the checkbox. */
+    checked: CheckedState;
+    /** The value given as data when submitted with a name. */
+    value: string;
+    /** The label for the checkbox button. */
+    label: ReactNode;
+    /** Additional text to aid in use. */
+    description?: StyledText;
+    /** When true, prevents the user from interacting with the checkbox item. */
+    disabled?: boolean;
+    /** Event handler called when the checked state of the checkbox changes. */
+    onCheckedChange: (checked: CheckedState) => void;
+} & Omit<CheckboxProps, 'onCheckedChange'> & RequireAllOrNone<LabelInfo, keyof LabelInfo> & RequireAllOrNone<DescriptionInfo, keyof DescriptionInfo>;

package/lib-esm/collapsible/collapsible-section.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { type CollapsibleSectionProps } from './types';
-type CollapsibleSectionSlotName = 'header' | 'content';
-export declare const CollapsibleSection: import("react").ForwardRefExoticComponent<Omit<CollapsibleSectionProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-    Slot: (props: {
-        name: CollapsibleSectionSlotName;
-        children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-};
-export {};
+import { type CollapsibleSectionProps } from './types';
+type CollapsibleSectionSlotName = 'header' | 'content';
+export declare const CollapsibleSection: import("react").ForwardRefExoticComponent<Omit<CollapsibleSectionProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Slot: (props: {
+        name: CollapsibleSectionSlotName;
+        children: import("react").ReactElement | null;
+    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+};
+export {};

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

@@ -1,2 +1,2 @@
-export { CollapsibleSection } from './collapsible-section';
-export type { CollapsibleSectionProps } from './types';
+export { CollapsibleSection } from './collapsible-section';
+export type { CollapsibleSectionProps } from './types';

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

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-import { type CollapsibleProps as RadixCollapsibleSectionProps } from '@radix-ui/react-collapsible';
-export type CollapsibleSectionProps = RadixCollapsibleSectionProps & React.ComponentPropsWithRef<'div'> & {
-    /**
-     * Aria label for button opening CollapsibleSection
-     */
-    openSectionButtonAriaLabel: string;
-    /**
-     * Aria label for button closing CollapsibleSection
-     */
-    closeSectionButtonAriaLabel: string;
-};
+import { type CollapsibleProps as RadixCollapsibleSectionProps } from '@radix-ui/react-collapsible';
+export type CollapsibleSectionProps = RadixCollapsibleSectionProps & React.ComponentPropsWithRef<'div'> & {
+    /**
+     * Aria label for button opening CollapsibleSection
+     */
+    openSectionButtonAriaLabel: string;
+    /**
+     * Aria label for button closing CollapsibleSection
+     */
+    closeSectionButtonAriaLabel: string;
+};

package/lib-esm/combobox/chips-group.d.ts

@@ -1,2 +1,2 @@
-import { type ChipGroupProps } from './chips-group.types';
-export declare const ChipsGroup: (props: ChipGroupProps) => import("react/jsx-runtime").JSX.Element;
+import { type ChipGroupProps } from './chips-group.types';
+export declare const ChipsGroup: (props: ChipGroupProps) => import("react/jsx-runtime").JSX.Element;

package/lib-esm/combobox/chips-group.types.d.ts

@@ -1,5 +1,5 @@
-import { type HTMLAttributes } from 'react';
-export type EventCode = 'ArrowRight' | 'ArrowDown' | 'ArrowLeft' | 'ArrowUp' | 'Home' | 'End';
-export interface ChipGroupProps extends HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-}
+import { type HTMLAttributes } from 'react';
+export type EventCode = 'ArrowRight' | 'ArrowDown' | 'ArrowLeft' | 'ArrowUp' | 'Home' | 'End';
+export interface ChipGroupProps extends HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}

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

@@ -1,14 +1,14 @@
-import React, { type ForwardedRef } from 'react';
-import { type ComboboxOptionProps, type ComboboxProps, type OptionValue } from './types';
-declare const RootInner: <Multiple extends boolean, FreeInput extends boolean, T extends OptionValue>({ as, ...props }: ComboboxProps<Multiple, FreeInput, T>, ref: ForwardedRef<HTMLInputElement | HTMLTextAreaElement>) => import("react/jsx-runtime").JSX.Element;
-export declare const Root: <Multiple extends boolean, FreeInput extends boolean, T extends OptionValue>(props: ComboboxProps<Multiple, FreeInput, T> & {
-    ref?: React.ForwardedRef<HTMLInputElement> | undefined;
-}) => ReturnType<typeof RootInner>;
-export declare const Combobox: (<Multiple extends boolean, FreeInput extends boolean, T extends OptionValue>(props: ComboboxProps<Multiple, FreeInput, T> & {
-    ref?: React.ForwardedRef<HTMLInputElement> | undefined;
-}) => ReturnType<typeof RootInner>) & {
-    Option: React.ForwardRefExoticComponent<ComboboxOptionProps & React.RefAttributes<HTMLDivElement>>;
-    OptionWithIndicator: React.ForwardRefExoticComponent<ComboboxOptionProps & React.RefAttributes<HTMLDivElement>>;
-    Indicator: React.ForwardRefExoticComponent<React.RefAttributes<HTMLSpanElement>>;
-};
-export {};
+import React, { type ForwardedRef } from 'react';
+import { type ComboboxOptionProps, type ComboboxProps, type OptionValue } from './types';
+declare const RootInner: <Multiple extends boolean, FreeInput extends boolean, T extends OptionValue>({ as, ...props }: ComboboxProps<Multiple, FreeInput, T>, ref: ForwardedRef<HTMLInputElement | HTMLTextAreaElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const Root: <Multiple extends boolean, FreeInput extends boolean, T extends OptionValue>(props: ComboboxProps<Multiple, FreeInput, T> & {
+    ref?: ForwardedRef<HTMLInputElement>;
+}) => ReturnType<typeof RootInner>;
+export declare const Combobox: (<Multiple extends boolean, FreeInput extends boolean, T extends OptionValue>(props: ComboboxProps<Multiple, FreeInput, T> & {
+    ref?: ForwardedRef<HTMLInputElement>;
+}) => ReturnType<typeof RootInner>) & {
+    Option: React.ForwardRefExoticComponent<ComboboxOptionProps & React.RefAttributes<HTMLDivElement>>;
+    OptionWithIndicator: React.ForwardRefExoticComponent<ComboboxOptionProps & React.RefAttributes<HTMLDivElement>>;
+    Indicator: React.ForwardRefExoticComponent<React.RefAttributes<HTMLSpanElement>>;
+};
+export {};

package/lib-esm/combobox/combobox.js

@@ -107,10 +107,10 @@ const RootInner = ({
     return Array.isArray(valueSource) ? valueSource.map(val => getOptionValue(val)) : getOptionValue(valueSource);
   }, []);
   const getDefaultValue = () => {
-    /**
-     * It's necessary to explicitly set the defaultValue to an empty array
-     * when multiselect is true but no defaultValue is specified. Otherwise,
-     * Ariakit won't know that we want to have a multi-selectable combobox.
+    /**
+     * It's necessary to explicitly set the defaultValue to an empty array
+     * when multiselect is true but no defaultValue is specified. Otherwise,
+     * Ariakit won't know that we want to have a multi-selectable combobox.
      */
     if (defaultValue == null) {
       return multiselect ? [] : '';

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

@@ -1,2 +1,2 @@
-export * from './combobox';
-export * from './types';
+export * from './combobox';
+export * from './types';