@baseline-ui/core 0.54.0 → 0.54.1

package/dist/index.d.mts

@@ -4,7 +4,7 @@ import { Time, CalendarDateTime, ZonedDateTime, CalendarDate, CalendarIdentifier
 import { NumberFormatOptions } from '@internationalized/number';
 import { LocalizedStrings } from '@internationalized/message';
 import { Theme, Sprinkles } from '@baseline-ui/tokens';
-import { PanelProps as PanelProps$1, PanelImperativeHandle, GroupProps as GroupProps$1, SeparatorProps as SeparatorProps$2 } from 'react-resizable-panels';
+import { PanelProps as PanelProps$1, PanelImperativeHandle, SeparatorProps as SeparatorProps$2 } from 'react-resizable-panels';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export { MotionGlobalConfig } from 'motion/react';
 
@@ -7601,9 +7601,15 @@ interface AlertDialogProps extends StylingProps, AriaLabelingProps {
     onPrimaryAction?: () => void;
     /**
      * The function that is called when the user cancels the dialog. This is
-     * called when the user clicks the cancel button or the close button.
+     * called when the user clicks the cancel button. Also called when the close
+     * button (X) is clicked, unless `onClose` is provided.
      */
     onCancel?: () => void;
+    /**
+     * Called when the user clicks the close button (X). If not provided, falls
+     * back to `onCancel`.
+     */
+    onClose?: () => void;
     /** The button that should be focused when the dialog is opened. */
     autoFocusButton?: "primary" | "cancel";
     /** Whether the primary action button should be disabled. */
@@ -7620,6 +7626,12 @@ interface AlertDialogProps extends StylingProps, AriaLabelingProps {
     icon?: React__default.FC<IconProps>;
     /** The color of the icon. This is the color that is used to fill the icon. */
     iconColor?: string;
+    /** The class name for the content area below the title. */
+    contentClassName?: string;
+    /** The class name for the close button. */
+    closeButtonClassName?: string;
+    /** The class name for the button group wrapper. */
+    buttonsClassName?: string;
     /**
      * Whether the close button should be displayed in the top end corner of the
      * dialog. If this is `true`, a close button will be displayed. If this is
@@ -8232,7 +8244,7 @@ interface PanelProps extends StylingProps {
      * using `PanelGroup` with `autoSaveId`. Must remain stable across page
      * loads.
      */
-    id?: PanelProps$1["id"];
+    id?: string;
     /**
      * Panel collapses to this size
      *
@@ -8266,7 +8278,7 @@ interface PanelGroupProps extends StylingProps {
     /** Content comprising `Panel` and `PanelResizeHandle` */
     children: ReactNode;
     /** Orientation of the layout */
-    direction: NonNullable<GroupProps$1["orientation"]>;
+    direction?: "horizontal" | "vertical";
     /**
      * Called with a map of panel id to size (percentage) when group layout
      * changes

package/dist/index.d.ts

@@ -4,7 +4,7 @@ import { Time, CalendarDateTime, ZonedDateTime, CalendarDate, CalendarIdentifier
 import { NumberFormatOptions } from '@internationalized/number';
 import { LocalizedStrings } from '@internationalized/message';
 import { Theme, Sprinkles } from '@baseline-ui/tokens';
-import { PanelProps as PanelProps$1, PanelImperativeHandle, GroupProps as GroupProps$1, SeparatorProps as SeparatorProps$2 } from 'react-resizable-panels';
+import { PanelProps as PanelProps$1, PanelImperativeHandle, SeparatorProps as SeparatorProps$2 } from 'react-resizable-panels';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export { MotionGlobalConfig } from 'motion/react';
 
@@ -7601,9 +7601,15 @@ interface AlertDialogProps extends StylingProps, AriaLabelingProps {
     onPrimaryAction?: () => void;
     /**
      * The function that is called when the user cancels the dialog. This is
-     * called when the user clicks the cancel button or the close button.
+     * called when the user clicks the cancel button. Also called when the close
+     * button (X) is clicked, unless `onClose` is provided.
      */
     onCancel?: () => void;
+    /**
+     * Called when the user clicks the close button (X). If not provided, falls
+     * back to `onCancel`.
+     */
+    onClose?: () => void;
     /** The button that should be focused when the dialog is opened. */
     autoFocusButton?: "primary" | "cancel";
     /** Whether the primary action button should be disabled. */
@@ -7620,6 +7626,12 @@ interface AlertDialogProps extends StylingProps, AriaLabelingProps {
     icon?: React__default.FC<IconProps>;
     /** The color of the icon. This is the color that is used to fill the icon. */
     iconColor?: string;
+    /** The class name for the content area below the title. */
+    contentClassName?: string;
+    /** The class name for the close button. */
+    closeButtonClassName?: string;
+    /** The class name for the button group wrapper. */
+    buttonsClassName?: string;
     /**
      * Whether the close button should be displayed in the top end corner of the
      * dialog. If this is `true`, a close button will be displayed. If this is
@@ -8232,7 +8244,7 @@ interface PanelProps extends StylingProps {
      * using `PanelGroup` with `autoSaveId`. Must remain stable across page
      * loads.
      */
-    id?: PanelProps$1["id"];
+    id?: string;
     /**
      * Panel collapses to this size
      *
@@ -8266,7 +8278,7 @@ interface PanelGroupProps extends StylingProps {
     /** Content comprising `Panel` and `PanelResizeHandle` */
     children: ReactNode;
     /** Orientation of the layout */
-    direction: NonNullable<GroupProps$1["orientation"]>;
+    direction?: "horizontal" | "vertical";
     /**
      * Called with a map of panel id to size (percentage) when group layout
      * changes