@amboss/design-system 4.19.1 → 4.19.2-canary.0

package/build/cjs/components/CheckboxCard/CheckboxCard.d.ts

@@ -15,4 +15,4 @@ export declare const CheckboxCard: React.ForwardRefExoticComponent<{
     renderContent?: (params: {
         isSelected: boolean;
     }) => React.ReactNode;
-} & Omit<CheckboxProps, "errorMessages" | "hideLabel" | "hint" | "indeterminate"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<CheckboxProps, "errorMessages" | "hint" | "hideLabel" | "indeterminate"> & React.RefAttributes<HTMLInputElement>>;

package/build/cjs/components/Content/ContentCheckbox/ContentCheckbox.d.ts

@@ -16,4 +16,4 @@ export declare const ContentCheckbox: React.ForwardRefExoticComponent<{
     /** Adds extra spacing around the checkbox to accomodate a label with larger line height */
     isSpacedOut?: boolean;
     "data-e2e-test-id"?: string;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & React.RefAttributes<HTMLInputElement>>;

package/build/cjs/components/Content/ContentCitation/ContentCitation.d.ts

@@ -20,7 +20,7 @@ export type ContentCitationProps = {
  */
 export declare function ContentCitation({ children, color, isSpacedOut, as, "data-e2e-test-id": dataE2eTestId, }: ContentCitationProps): React.ReactElement;
 export declare namespace ContentCitation {
-    export { ContentCitationTitle as Title };
-    export { ContentCitationLink as Link };
-    export { ContentCitationLookupLink as LookupLink };
+    var Title: typeof ContentCitationTitle;
+    var Link: typeof ContentCitationLink;
+    var LookupLink: typeof ContentCitationLookupLink;
 }

package/build/cjs/components/Content/ContentFontResizer/FontSizeOffsetContext.d.ts

@@ -1,2 +1,2 @@
 export type FontSizeOffset = number;
-export declare const FontSizeOffsetContext: import("react").Context<number>;
+export declare const FontSizeOffsetContext: React.Context<number>;

package/build/cjs/components/Content/ContentText/ContentText.d.ts

@@ -7,6 +7,6 @@ export type ContentTextProps = TypographyTextProps & {
     /** Provides additional line-height */
     isSpacedOut?: boolean;
 };
-export declare const ContentTextContext: React.Context<Pick<ContentTextProps, "color" | "isSpacedOut" | "size" | "weight"> | null>;
+export declare const ContentTextContext: React.Context<Pick<ContentTextProps, "color" | "size" | "weight" | "isSpacedOut"> | null>;
 export declare const CONTENT_TEXT_LINE_HEIGHT_OFFSET = 0.14;
 export declare function ContentText({ size, color, weight, isSpacedOut, children, ...rest }: ContentTextProps): React.ReactElement;

package/build/cjs/components/Content/DosageButton/DosageButton.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 export type DosageButtonProps = React.ComponentPropsWithRef<"button">;
 export declare const DosageButton: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: React.RefObject<HTMLButtonElement> | ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+    ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
 }, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/build/cjs/components/DataTable/DataTable.d.ts

@@ -1,7 +1,6 @@
 import type { ReactElement, ReactNode } from "react";
 import type { MQ } from "../../types";
 import type { DataTableColumn, DataTableColumnOrGroup, DataTableRow, DataTableRowProps, DataTableSlotProps } from "./types";
-import { defaultSortCompareFn } from "./useDataTableSort";
 import { DataTableToolbar } from "./DataTableToolbar/DataTableToolbar";
 type DataTablePropsBase = {
     /** Screen reader text for table caption */
@@ -144,7 +143,7 @@ export type DataTableProps = DataTablePropsBase & (DataTableSelectableProps | Da
 export declare function BaseDataTable({ caption, columns, rows, footer, currentlySortedByColumn, isFirstColumnSticky, isLastColumnSticky, "data-e2e-test-id": dataE2eTestId, isLoading, loadingStateScreenReaderText, isEmpty, slotProps, children, emptyTableContentHeight, layout, width, bodyCellVerticalPadding, emptyCellContent, maxHeight, isSelectable, selectedRowIds, allRowsSelected, selectAllRowsCheckboxAriaLabel, getRowProps, onRowSelectionChange, onAllRowsSelectionChange, isExpandable, expandedRowIds: expandedRowIdsProp, onRowExpansionChange, expandRowAriaLabel, collapseRowAriaLabel, onSort, ...ariaAttributes }: DataTableProps): ReactElement;
 export declare function DataTable({ children, ...rest }: DataTableProps): ReactElement;
 export declare namespace DataTable {
-    export { defaultSortCompareFn as sortCompareFn };
-    export { DataTableToolbar as Toolbar };
+    var sortCompareFn: (a: DataTableRow, b: DataTableRow, columnName: DataTableColumn["name"], desiredSortDirection: DataTableColumn["sortDirection"]) => number;
+    var Toolbar: typeof DataTableToolbar;
 }
 export {};

package/build/cjs/components/DataTable/TableCell.d.ts

@@ -17,5 +17,5 @@ declare const TableCell: import("@emotion/styled").StyledComponent<{
     isTableScrolledToLeft: boolean;
     isTableScrolledToRight: boolean;
     sticky?: "left" | "right" | false;
-} & Pick<DataTableRowProps, "isActive">, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+} & Pick<DataTableRowProps, "isActive">, React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
 export default TableCell;

package/build/cjs/components/DataTable/internal/tablePrimitives.d.ts

@@ -10,14 +10,14 @@ type StyledTrProps = {
 export declare const StyledTr: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & StyledTrProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+} & StyledTrProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
 type StyledTextProps = {
     alignColumn?: DataTableColumn["align"];
 };
 export declare const StyledText: import("@emotion/styled").StyledComponent<Omit<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & import("../../Typography/Text/Text").BaseTextProps & import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement> & {
+} & import("../../Typography/Text/Text").BaseTextProps & React.ClassAttributes<HTMLParagraphElement> & React.HTMLAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement> & {
     theme?: import("@emotion/react").Theme;
 } & StyledTextProps, {}, {}>;
 export declare const StyledTd: import("@emotion/styled").StyledComponent<{
@@ -30,7 +30,7 @@ export declare const StyledTd: import("@emotion/styled").StyledComponent<{
     isTableScrolledToLeft: boolean;
     isTableScrolledToRight: boolean;
     sticky?: "left" | "right" | false;
-} & Pick<import("../types").DataTableRowProps, "isActive"> & import("react").ClassAttributes<HTMLTableDataCellElement> & import("react").TdHTMLAttributes<HTMLTableDataCellElement> & {
+} & Pick<import("../types").DataTableRowProps, "isActive"> & React.ClassAttributes<HTMLTableDataCellElement> & React.TdHTMLAttributes<HTMLTableDataCellElement> & {
     theme?: import("@emotion/react").Theme;
 } & {
     bodyCellVerticalPadding?: DataTableProps["bodyCellVerticalPadding"];

package/build/cjs/components/EntityList/styled-components.d.ts

@@ -3,38 +3,38 @@ import type { EntityListItemProps, EntityListItemWrapperProps } from "./types";
 import type { ListSize } from "../../types";
 export declare const getOffsetMqStyle: (cssProp: string, { theme, size, }: {
     theme: Theme;
-} & Partial<EntityListItemWrapperProps>) => Record<string, {
+} & Partial<EntityListItemWrapperProps>) => Record<string, (string | number) | {
     [x: string]: string | number;
-} | (string | number)>;
+}>;
 export declare const StyledList: import("@emotion/styled").StyledComponent<{
     theme?: Theme;
     as?: React.ElementType;
 } & {
     size: ListSize;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledEntityItem: import("@emotion/styled").StyledComponent<{
     theme?: Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledShowMore: import("@emotion/styled").StyledComponent<{
     theme?: Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledWrapperOffset: import("@emotion/styled").StyledComponent<{
     theme?: Theme;
     as?: React.ElementType;
 } & {
     size: ListSize;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledEntityListItemWrapper: import("@emotion/styled").StyledComponent<{
     theme?: Theme;
     as?: React.ElementType;
 } & {
     size: ListSize;
-} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     theme?: Theme;
 } & EntityListItemWrapperProps, {}, {}>;
 export declare const StyledEntityListItemButton: import("@emotion/styled").StyledComponent<{
     theme?: Theme;
     as?: React.ElementType;
-} & Partial<EntityListItemProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<EntityListItemProps>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/cjs/components/Form/Checkbox/Checkbox.d.ts

@@ -35,11 +35,11 @@ export declare const CheckboxRaw: React.ForwardRefExoticComponent<{
     label?: string | React.ReactElement;
     indeterminate?: boolean;
     size?: CheckboxSizes;
-} & Omit<FormFieldProps, "hideLabel" | "label"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
+} & Omit<FormFieldProps, "label" | "hideLabel"> & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
     labelSize?: CheckboxSizes;
 } & React.RefAttributes<HTMLInputElement>>;
 export declare const Checkbox: React.ForwardRefExoticComponent<{
     label?: string | React.ReactElement;
     indeterminate?: boolean;
     size?: CheckboxSizes;
-} & Omit<FormFieldProps, "hideLabel" | "label"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<FormFieldProps, "label" | "hideLabel"> & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & React.RefAttributes<HTMLInputElement>>;

package/build/cjs/components/Form/Combobox/StyledSelectComponents.d.ts

@@ -1,7 +1,7 @@
 export declare const StyledContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 type StyledOptionProps = {
     active: boolean;
     preSelected: boolean;
@@ -10,13 +10,13 @@ type StyledOptionProps = {
 export declare const StyledOption: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & StyledOptionProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & StyledOptionProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledFakeInputWrap: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledDropdown: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/build/cjs/components/Form/DatePicker/DatePicker.d.ts

@@ -27,7 +27,7 @@ export declare const DatePicker: React.ForwardRefExoticComponent<{
             formatAriaLabel: (monthName: string, year: number) => string;
         };
     };
-} & import("../FormField/FormField").FormFieldProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "type" | "value"> & {
+} & import("../FormField/FormField").FormFieldProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "onChange"> & {
     value?: string;
     hasError?: boolean;
 } & React.RefAttributes<HTMLInputElement>>;

package/build/cjs/components/Form/MaskedInput/MaskedInput.d.ts

@@ -20,4 +20,4 @@ export declare const MaskedInput: React.ForwardRefExoticComponent<{
     maskOptions: FactoryArg;
     onAccept?: (value: string, unmaskedValue: string, typedValue: string) => void;
     onComplete?: (value: string, unmaskedValue: string, typedValue: string) => void;
-} & Omit<InputProps, "onChange" | "size" | "type"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<InputProps, "type" | "onChange" | "size"> & React.RefAttributes<HTMLInputElement>>;

package/build/cjs/components/Form/Radio/Radio.d.ts

@@ -18,7 +18,7 @@ export declare const RadioRaw: React.ForwardRefExoticComponent<{
     /** Display hint below the label specific for the radio */
     labelHint?: string | React.ReactElement;
     size?: RadioSizes;
-} & Omit<FormFieldProps, "hideLabel" | "label" | "labelHint"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
+} & Omit<FormFieldProps, "label" | "labelHint" | "hideLabel"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
     labelSize?: RadioSizes;
 } & React.RefAttributes<HTMLInputElement>>;
 export declare const Radio: React.ForwardRefExoticComponent<{
@@ -26,5 +26,5 @@ export declare const Radio: React.ForwardRefExoticComponent<{
     /** Display hint below the label specific for the radio */
     labelHint?: string | React.ReactElement;
     size?: RadioSizes;
-} & Omit<FormFieldProps, "hideLabel" | "label" | "labelHint"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<FormFieldProps, "label" | "labelHint" | "hideLabel"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/build/cjs/components/Form/RangeInput/RangeInput.d.ts

@@ -9,4 +9,4 @@ export declare const RangeInput: React.ForwardRefExoticComponent<{
     /** The step size for each change in the range input's value. */
     hasError?: boolean;
     onSlideStart?: (e: React.FormEvent<HTMLInputElement>) => void;
-} & FormFieldProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & React.RefAttributes<HTMLInputElement>>;
+} & FormFieldProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & React.RefAttributes<HTMLInputElement>>;

package/build/cjs/components/Form/Textarea/Textarea.d.ts

@@ -14,12 +14,12 @@ export declare const TextareaRaw: React.ForwardRefExoticComponent<{
      */
     hasError?: boolean;
     resize?: "none" | "horizontal" | "vertical" | "both";
-} & TextareaHTMLAttributes<HTMLTextAreaElement> & React.RefAttributes<HTMLTextAreaElement>>;
+} & React.TextareaHTMLAttributes<HTMLTextAreaElement> & React.RefAttributes<HTMLTextAreaElement>>;
 export declare const Textarea: React.ForwardRefExoticComponent<FormFieldProps & {
     /**
      * Set to true to toggle error state
      */
     hasError?: boolean;
     resize?: "none" | "horizontal" | "vertical" | "both";
-} & TextareaHTMLAttributes<HTMLTextAreaElement> & React.RefAttributes<HTMLTextAreaElement>>;
+} & React.TextareaHTMLAttributes<HTMLTextAreaElement> & React.RefAttributes<HTMLTextAreaElement>>;
 export {};

package/build/cjs/components/Form/Toggle/Toggle.d.ts

@@ -9,7 +9,7 @@ type ToggleRawProps = {
 export declare const ToggleRaw: React.ForwardRefExoticComponent<{
     size?: ToggleSize;
     isHighlighted?: boolean;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & React.RefAttributes<HTMLInputElement>>;
 export type ToggleProps = ToggleRawProps & {
     /** Controls label alignment with respect to toggle */
     alignLabel?: "before" | "after";
@@ -20,11 +20,11 @@ export type ToggleProps = ToggleRawProps & {
 export declare const Toggle: React.ForwardRefExoticComponent<{
     size?: ToggleSize;
     isHighlighted?: boolean;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
     /** Controls label alignment with respect to toggle */
     alignLabel?: "before" | "after";
     /** Display hint below the label specific for the toggle */
     labelHint?: string | React.ReactElement;
     alignItems?: InlineProps["alignItems"];
-} & Omit<FormFieldProps, "hideLabel" | "labelHint"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<FormFieldProps, "labelHint" | "hideLabel"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/build/cjs/components/Form/ToggleButton/ToggleButton.d.ts

@@ -7,4 +7,4 @@ export type ToggleButtonProps = {
 export declare const ToggleButton: React.ForwardRefExoticComponent<{
     label: string;
     subLabel?: string;
-} & Omit<FormFieldProps, "errorMessages" | "hideLabel" | "hint" | "label" | "labelHint"> & Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<FormFieldProps, "label" | "labelHint" | "errorMessages" | "hint" | "hideLabel"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & React.RefAttributes<HTMLInputElement>>;

package/build/cjs/components/Grid/Grid.d.ts

@@ -32,5 +32,5 @@ export type GridProps = {
 } & HTMLAttributes<HTMLDivElement>;
 export declare function Grid({ columnGap, rowGap, "data-e2e-test-id": dataE2eTestId, children, ...rest }: GridProps): React.ReactElement;
 export declare namespace Grid {
-    export { GridItem as Item };
+    var Item: typeof GridItem;
 }

package/build/cjs/components/Internal/LayoutFloat/LayoutFloat.d.ts

@@ -13,16 +13,4 @@ export type LayoutFloatProps = {
     hostRef: (el: HTMLDivElement | null) => void;
     "data-e2e-test-id"?: string;
 };
-/**
- * The floating shell hosting a layout panel's content while its variant is
- * `"float"`. Pins to the bottom-right viewport corner via the internal
- * `Float` positioner, then becomes freely draggable by its header across the
- * viewport (clamped to `spacing.m` from the edges, matching `Float`'s inset).
- * The header carries the `useMove` handle; this float owns the drag geometry
- * and publishes its move handlers via `useLayoutFloatDrag` for the header to drive.
- * Purely presentational otherwise: the content arrives by the panel's persistent
- * host node being appended into `hostRef`'s element.
- */
-declare const LayoutFloatBase: ({ width, height, hostRef, "data-e2e-test-id": dataE2eTestId, }: LayoutFloatProps) => React.ReactElement;
-export declare const LayoutFloat: React.MemoExoticComponent<typeof LayoutFloatBase>;
-export {};
+export declare const LayoutFloat: React.MemoExoticComponent<({ width, height, hostRef, "data-e2e-test-id": dataE2eTestId, }: LayoutFloatProps) => React.ReactElement>;

package/build/cjs/components/Internal/LayoutFloat/useLayoutFloatDrag.d.ts

@@ -10,7 +10,7 @@ export type LayoutFloatDragContextValue = {
     /** Publish/clear the handlers - for the float. */
     setHandlers: (handlers: LayoutFloatDragHandlers) => void;
 };
-export declare const LayoutFloatDragContext: import("react").Context<LayoutFloatDragContextValue>;
+export declare const LayoutFloatDragContext: React.Context<LayoutFloatDragContextValue>;
 /** Read the float-drag channel. Outside a `LayoutFloatDragProvider` the handlers are
  *  `null` and the setter a no-op, so consumers need no existence checks. */
 export declare const useLayoutFloatDrag: () => LayoutFloatDragContextValue;

package/build/cjs/components/Internal/Sandwich/useSandwichContext.d.ts

@@ -16,6 +16,6 @@ export type SandwichContextValue = SandwichEdges & {
     /** Static host below the scroll body - `Sandwich.Footer` portals into it. */
     footerSlotNode: HTMLElement | null;
 };
-export declare const SandwichProvider: import("react").Provider<SandwichContextValue | null>;
+export declare const SandwichProvider: React.Provider<SandwichContextValue | null>;
 /** Read the Sandwich context, or throw if used outside `<Sandwich>`. */
 export declare function useSandwichContext(): SandwichContextValue;

package/build/cjs/components/Kbd/Kbd.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get Kbd(){return Kbd},get MAC_OS_KEYS(){return MAC_OS_KEYS},get WINDOWS_KEYS(){return WINDOWS_KEYS}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_useIsMacOs=require("../../shared/useIsMacOs"),_ScreenReaderText=require("../Utilities/ScreenReaderText/ScreenReaderText"),MAC_OS_KEYS={cmd:{label:"⌘",spokenLabel:"Command"},meta:{label:"⌘",spokenLabel:"Command"},ctrl:{label:"⌃",spokenLabel:"Control"},alt:{label:"⌥",spokenLabel:"Option"},shift:{label:"⇧",spokenLabel:"Shift"},enter:{label:"↩",spokenLabel:"Enter"},esc:{label:"Esc"},backspace:{label:"⌫",spokenLabel:"Backspace"},tab:{label:"⇥",spokenLabel:"Tab"},up:{label:"↑",spokenLabel:"Up arrow"},down:{label:"↓",spokenLabel:"Down arrow"},left:{label:"←",spokenLabel:"Left arrow"},right:{label:"→",spokenLabel:"Right arrow"},updown:{label:"⇅",spokenLabel:"Up and down arrows"}},WINDOWS_KEYS={cmd:{label:"Ctrl"},meta:{label:"Ctrl"},ctrl:{label:"Ctrl"},alt:{label:"Alt"},shift:{label:"Shift"},enter:{label:"Enter"},esc:{label:"Esc"},backspace:{label:"Backspace"},tab:{label:"Tab"},up:{label:"↑",spokenLabel:"Up arrow"},down:{label:"↓",spokenLabel:"Down arrow"},left:{label:"←",spokenLabel:"Left arrow"},right:{label:"→",spokenLabel:"Right arrow"},updown:{label:"⇅",spokenLabel:"Up and down arrows"}},StyledKbd=(0,_styled.default)("kbd",{target:"e1v9oi190",label:"StyledKbd"})(({theme})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",minWidth:theme.variables.size.dimension.kbd.minWidth,padding:theme.variables.size.spacing.xxxs,border:`1px solid ${theme.values.color.kbd.border.default}`,borderRadius:theme.variables.size.borderRadius.xs,backgroundColor:theme.values.color.kbd.background.default,color:theme.values.color.kbd.foreground.default,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.xxs,fontWeight:theme.variables.weight.normal,lineHeight:1,whiteSpace:"nowrap",cursor:"default",userSelect:"none"})),StyledKbdKeys=(0,_styled.default)("span",{target:"e1v9oi191",label:"StyledKbdKeys"})(({theme,hasSeparators})=>({display:"inline-flex",gap:hasSeparators?theme.variables.size.spacing.xxs:theme.variables.size.spacing.zero})),toDisplayLabel=key=>1===key.length?key.toUpperCase():key,toKeyDisplay=(key,isMacOs)=>{let trimmedKey=key.trim();return(isMacOs?MAC_OS_KEYS:WINDOWS_KEYS)[trimmedKey.toLowerCase()]??{label:toDisplayLabel(trimmedKey)}};function Kbd({keys,platform,"data-e2e-test-id":dataE2eTestId}){let detectedIsMacOs=(0,_useIsMacOs.useIsMacOs)(),isMacOs=platform?"macOs"===platform:detectedIsMacOs,keyDisplays=(Array.isArray(keys)?keys:[keys]).map(key=>toKeyDisplay(key,isMacOs)),spokenKeys=keyDisplays.map(({label,spokenLabel})=>spokenLabel??label).join(" ");return _react.default.createElement(StyledKbd,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Kbd"},_react.default.createElement(StyledKbdKeys,{"aria-hidden":"true",hasSeparators:!isMacOs&&keyDisplays.length>1},keyDisplays.map(({label},index)=>_react.default.createElement(_react.default.Fragment,{key:`${label}-${index}`},index>0&&!isMacOs&&_react.default.createElement("span",null,"+"),_react.default.createElement("span",null,label)))),_react.default.createElement(_ScreenReaderText.ScreenReaderText,{as:"span"},spokenKeys))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get Kbd(){return Kbd},get MAC_OS_KEYS(){return MAC_OS_KEYS},get WINDOWS_KEYS(){return WINDOWS_KEYS}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_useIsMacOs=require("../../shared/useIsMacOs"),_ScreenReaderText=require("../Utilities/ScreenReaderText/ScreenReaderText"),MAC_OS_KEYS={cmd:{label:"⌘",spokenLabel:"Command"},meta:{label:"⌘",spokenLabel:"Command"},ctrl:{label:"⌃",spokenLabel:"Control"},alt:{label:"⌥",spokenLabel:"Option"},shift:{label:"⇧",spokenLabel:"Shift"},enter:{label:"↩",spokenLabel:"Enter"},esc:{label:"Esc"},backspace:{label:"⌫",spokenLabel:"Backspace"},tab:{label:"⇥",spokenLabel:"Tab"},up:{label:"↑",spokenLabel:"Up arrow"},down:{label:"↓",spokenLabel:"Down arrow"},left:{label:"←",spokenLabel:"Left arrow"},right:{label:"→",spokenLabel:"Right arrow"},updown:{label:"⇅",spokenLabel:"Up and down arrows"}},WINDOWS_KEYS={cmd:{label:"Ctrl"},meta:{label:"Ctrl"},ctrl:{label:"Ctrl"},alt:{label:"Alt"},shift:{label:"Shift"},enter:{label:"Enter"},esc:{label:"Esc"},backspace:{label:"Backspace"},tab:{label:"Tab"},up:{label:"↑",spokenLabel:"Up arrow"},down:{label:"↓",spokenLabel:"Down arrow"},left:{label:"←",spokenLabel:"Left arrow"},right:{label:"→",spokenLabel:"Right arrow"},updown:{label:"⇅",spokenLabel:"Up and down arrows"}},StyledKbd=(0,_styled.default)("kbd",{target:"e1rvq8bd0",label:"StyledKbd"})(({theme})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",verticalAlign:"middle",boxSizing:"border-box",minWidth:theme.variables.size.dimension.kbd.minWidth,padding:theme.variables.size.spacing.xxxs,border:`1px solid ${theme.values.color.kbd.border.default}`,borderRadius:theme.variables.size.borderRadius.xs,backgroundColor:theme.values.color.kbd.background.default,color:theme.values.color.kbd.foreground.default,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.xs,fontWeight:theme.variables.weight.normal,lineHeight:1,whiteSpace:"nowrap",cursor:"default",userSelect:"none"})),StyledKbdKeys=(0,_styled.default)("span",{target:"e1rvq8bd1",label:"StyledKbdKeys"})(({theme,hasSeparators})=>({display:"inline-flex",gap:hasSeparators?theme.variables.size.spacing.xxs:theme.variables.size.spacing.zero})),toDisplayLabel=key=>1===key.length?key.toUpperCase():key,toKeyDisplay=(key,isMacOs)=>{let trimmedKey=key.trim();return(isMacOs?MAC_OS_KEYS:WINDOWS_KEYS)[trimmedKey.toLowerCase()]??{label:toDisplayLabel(trimmedKey)}};function Kbd({keys,platform,"data-e2e-test-id":dataE2eTestId}){let detectedIsMacOs=(0,_useIsMacOs.useIsMacOs)(),isMacOs=platform?"macOs"===platform:detectedIsMacOs,keyDisplays=(Array.isArray(keys)?keys:[keys]).map(key=>toKeyDisplay(key,isMacOs)),spokenKeys=keyDisplays.map(({label,spokenLabel})=>spokenLabel??label).join(" ");return _react.default.createElement(StyledKbd,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Kbd"},_react.default.createElement(StyledKbdKeys,{"aria-hidden":"true",hasSeparators:!isMacOs&&keyDisplays.length>1},keyDisplays.map(({label},index)=>_react.default.createElement(_react.default.Fragment,{key:`${label}-${index}`},index>0&&!isMacOs&&_react.default.createElement("span",null,"+"),_react.default.createElement("span",null,label)))),_react.default.createElement(_ScreenReaderText.ScreenReaderText,{as:"span"},spokenKeys))}

package/build/cjs/components/Layout/-types.d.ts

@@ -78,8 +78,7 @@ export type PanelAnimation = Readonly<{
     easing: string;
 }>;
 /** Actions every slot handle exposes, whatever its state shape. No `resize`:
- *  sizes are declarative (`defaultSize` on the panel, then drag), and the
- *  content/split pair is CSS-split, so an imperative size wouldn't hold. */
+ *  sizes are declarative (`defaultSize` on the panel, then drag). */
 export type PanelHandleActions = {
     /** Whether the region occupies a footer-aligned column, an overlay, or neither. */
     readonly presentation: RegionPresentation;
@@ -100,11 +99,20 @@ export type PanelState = {
     visible: boolean;
     size?: Size;
 };
+/** Desktop resize policy. Overlap must be explicitly enabled by a custom rule. */
+export type SplitResizeBehavior = "clamp" | "overlap";
+export type SplitState = PanelState & {
+    /** Provider default for the shared desktop Content/Split resize separator. */
+    resizable?: boolean;
+    resizeBehavior?: SplitResizeBehavior;
+    /** Actual rendered overlap, reported by the shared desktop geometry. */
+    isOverlapping?: boolean;
+};
 export type LayoutState = {
     leftPanel: LeftPanelState;
     rightPanel: RightPanelState;
     content: PanelState;
-    splitview: PanelState;
+    splitview: SplitState;
 };
 export type SidePanelConfig = {
     defaultVisible?: boolean;
@@ -127,11 +135,13 @@ export type PanelConfig = {
     defaultVisible?: boolean;
     defaultSize?: Size;
 };
-/** The split view carries no size of its own: it takes half of
- *  `Layout.Content`'s column whenever it's open, capped by
- *  `--ds-layout-split-max-width`. */
+/** Initial desktop Split width; otherwise starts at half the shared area. */
 export type SplitConfig = {
     defaultVisible?: boolean;
+    defaultSize?: Size;
+    /** Allow desktop pointer resizing of Content and Split. Default
+     *  false. Layout.Split's own resizable prop overrides this. */
+    resizable?: boolean;
 };
 export type LayoutConfig = {
     leftPanel?: LeftPanelConfig;
@@ -208,6 +218,12 @@ export type LayoutAction = {
     type: "resize";
     slot: SlotKey;
     size: Size;
+} | {
+    type: "setSplitResizeBehavior";
+    behavior: SplitResizeBehavior;
+} | {
+    type: "setSplitOverlap";
+    overlapping: boolean;
 }
 /** Restore one slot (or all, if omitted) to its config-default state.
  *  Page panels default hidden, so this also hides them - handy on unmount. */
@@ -261,7 +277,11 @@ export type LayoutValue = {
     leftPanel: LeftPanelHandle;
     rightPanel: RightPanelHandle;
     content: PanelHandle;
-    splitview: PanelHandle;
+    splitview: PanelHandleActions & {
+        state: SplitState;
+        /** Custom rules opt into overlap; default policy stops at Content's minimum. */
+        setResizeBehavior: (behavior: SplitResizeBehavior) => void;
+    };
 };
 /** Forwarded to a panel's underlying scroll container (scroll restoration,
  *  custom scroll handling). Shared by every panel-like slot backed by a
@@ -312,6 +332,9 @@ export type LeftPanelProps = Omit<SidePanelProps, "defaultSize" | "resizable"> &
 };
 export type ContentProps = {
     children: React.ReactNode;
+    /** Minimum desktop content width while Split is open: pixels or a percentage
+     *  of the shared Content/Split area. Default 0. */
+    minWidth?: Size;
 };
 export type ContentPanelProps = ForwardedScrollProps & {
     /** Panel content in source order. `<Layout.ContentHeader />` /
@@ -324,11 +347,27 @@ export type ContentPanelProps = ForwardedScrollProps & {
     "data-e2e-test-id"?: string;
 };
 /**
- * The split view has no sizing props - open, it takes half of
- * `Layout.Content`'s column, the pair capped by `--ds-layout-split-max-width`
- * (default: the `xxl` breakpoint) and centred once past it.
+ * Desktop Split starts at half the shared area unless a size is supplied.
+ * The pair remains capped by `--ds-layout-split-max-width`.
  */
 export type SplitProps = ForwardedScrollProps & {
+    /** Initial desktop width: number/px means pixels, percentage follows the area until dragged. */
+    defaultSize?: Size;
+    /** Minimum desktop Split width in pixels. Default 0; bounded by available space. */
+    minWidth?: number;
+    /** Maximum desktop Split width: pixels or a percentage of the shared
+     *  Content/Split area. Defaults to "90%". */
+    maxWidth?: Size;
+    /** Allow desktop pointer resizing. Overrides the provider's
+     *  splitview.resizable setting, which defaults to false. */
+    resizable?: boolean;
+    /** Props forwarded to the desktop resize separator. */
+    slotProps?: {
+        resizeHandle?: {
+            /** Localized accessible name. Falls back to Split's aria-label. */
+            "aria-label"?: string;
+        };
+    };
     /** Panel surface. Defaults to primary.
      *  TODO: Move background ownership to the client-rendered content. */
     background?: "primary" | "transparent";

package/build/cjs/components/Layout/BottomBar/BottomBarItem/LayoutBottomBarItem.d.ts

@@ -1,6 +1,6 @@
 import type { FC, ReactNode } from "react";
 import type { SlotKey } from "../../-types";
-export type LayoutBottomBarFallback = "hide" | "remaining" | "full";
+export type LayoutBottomBarFallback = "hide" | "remaining" | "overlay" | "full";
 export type LayoutBottomBarItemProps = {
     /** Layout region whose column the item follows. */
     region: SlotKey;
@@ -8,7 +8,8 @@ export type LayoutBottomBarItemProps = {
      *  split actions occupy their outer margins up to the side panels, keeping gaps.
      *  The child controls whether it fills these bounds; fallback is unchanged. */
     boundary?: "panel" | "available";
-    /** Placement when the region has no column. Defaults to hiding the item. */
+    /** Placement when the region has no column. `overlay` follows the panel over neighboring actions;
+     *  `full` gets a separate row. Defaults to hiding the item. */
     fallback?: LayoutBottomBarFallback;
     /** Actions supplied and styled by the consumer. */
     children: ReactNode;

package/build/cjs/components/Layout/BottomBar/LayoutBottomBar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"LayoutBottomBar",{enumerable:!0,get:function(){return LayoutBottomBar}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_react1=require("@emotion/react"),_LayoutPortal=require("../LayoutPortal"),_LayoutCssVars=require("../LayoutCssVars"),_constants=require("../-constants"),_useLayout=require("../useLayout"),_getBottomBarLayout=require("./getBottomBarLayout"),_StyledLayoutBottomBar=require("./StyledLayoutBottomBar"),_StyledLayoutBottomBarSection=require("./StyledLayoutBottomBarSection"),useGlobalCssVariables=(rowCount,hasRightPanel)=>{let rowHeight=(0,_react1.useTheme)().variables.layout.bottomBar.contentHeight.default,bottomBarHeightCssVar=(0,_LayoutCssVars.useLayoutVar)(_constants.BOTTOM_BAR_HEIGHT_VAR),rightPanelBottomBarHeightCssVar=(0,_LayoutCssVars.useLayoutVar)(_constants.RIGHT_PANEL_BOTTOM_BAR_HEIGHT_VAR);(0,_react.useLayoutEffect)(()=>{if(!rowCount){bottomBarHeightCssVar.remove(),rightPanelBottomBarHeightCssVar.remove();return}bottomBarHeightCssVar.set(`calc(${rowCount} * ${rowHeight} + env(safe-area-inset-bottom))`),rightPanelBottomBarHeightCssVar.set(hasRightPanel?`var(${_constants.BOTTOM_BAR_HEIGHT_VAR})`:"0px")},[rowCount,rowHeight,hasRightPanel,bottomBarHeightCssVar,rightPanelBottomBarHeightCssVar])};function LayoutBottomBar({children,background="transparent","data-e2e-test-id":dataE2eTestId,...accessibleName}){let{leftPanel,content,splitview,rightPanel}=(0,_useLayout.useLayout)(),{sections,cells,rowCount,hasRightPanel}=(0,_getBottomBarLayout.getBottomBarLayout)({children,layout:{leftPanel,content,splitview,rightPanel}});return(useGlobalCssVariables(rowCount,hasRightPanel),sections.length)?_react.default.createElement(_LayoutPortal.LayoutPortal,null,_react.default.createElement(_StyledLayoutBottomBar.StyledLayoutBottomBar,{...accessibleName,role:"group",hasRightPanel:hasRightPanel,cells:cells,hasFullWidthSection:sections.some(({placement})=>"full"===placement),"data-ds-id":"LayoutBottomBar","data-e2e-test-id":dataE2eTestId},sections.map(section=>_react.default.createElement(_StyledLayoutBottomBarSection.StyledLayoutBottomBarSection,{key:section.region,"data-ds-id":"LayoutBottomBarSection",background:background,"data-e2e-test-id":section["data-e2e-test-id"],columnIndex:section.columnIndex,rowIndex:section.rowIndex,fullWidth:"full"===section.placement,hasPanelDivider:"leftPanel"===section.region},section.children)))):null}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"LayoutBottomBar",{enumerable:!0,get:function(){return LayoutBottomBar}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_react1=require("@emotion/react"),_LayoutPortal=require("../LayoutPortal"),_LayoutCssVars=require("../LayoutCssVars"),_constants=require("../-constants"),_useLayout=require("../useLayout"),_getBottomBarLayout=require("./getBottomBarLayout"),_StyledLayoutBottomBar=require("./StyledLayoutBottomBar"),_StyledLayoutBottomBarSection=require("./StyledLayoutBottomBarSection"),useGlobalCssVariables=(rowCount,hasRightPanel)=>{let rowHeight=(0,_react1.useTheme)().variables.layout.bottomBar.contentHeight.default,bottomBarHeightCssVar=(0,_LayoutCssVars.useLayoutVar)(_constants.BOTTOM_BAR_HEIGHT_VAR),rightPanelBottomBarHeightCssVar=(0,_LayoutCssVars.useLayoutVar)(_constants.RIGHT_PANEL_BOTTOM_BAR_HEIGHT_VAR);(0,_react.useLayoutEffect)(()=>{if(!rowCount){bottomBarHeightCssVar.remove(),rightPanelBottomBarHeightCssVar.remove();return}bottomBarHeightCssVar.set(`calc(${rowCount} * ${rowHeight} + env(safe-area-inset-bottom))`),rightPanelBottomBarHeightCssVar.set(hasRightPanel?`var(${_constants.BOTTOM_BAR_HEIGHT_VAR})`:"0px")},[rowCount,rowHeight,hasRightPanel,bottomBarHeightCssVar,rightPanelBottomBarHeightCssVar])};function LayoutBottomBar({children,background="transparent","data-e2e-test-id":dataE2eTestId,...accessibleName}){let{leftPanel,content,splitview,rightPanel}=(0,_useLayout.useLayout)(),{sections,cells,rowCount,hasRightPanel}=(0,_getBottomBarLayout.getBottomBarLayout)({children,layout:{leftPanel,content,splitview,rightPanel}});return(useGlobalCssVariables(rowCount,hasRightPanel),sections.length)?_react.default.createElement(_LayoutPortal.LayoutPortal,null,_react.default.createElement(_StyledLayoutBottomBar.StyledLayoutBottomBar,{...accessibleName,role:"group",hasRightPanel:hasRightPanel,cells:cells,hasFullWidthSection:sections.some(({placement})=>"full"===placement),"data-ds-id":"LayoutBottomBar","data-e2e-test-id":dataE2eTestId},sections.map(section=>_react.default.createElement(_StyledLayoutBottomBarSection.StyledLayoutBottomBarSection,{key:section.region,"data-ds-id":"LayoutBottomBarSection",background:background,"data-e2e-test-id":section["data-e2e-test-id"],columnIndex:section.columnIndex,rowIndex:section.rowIndex,fullWidth:"full"===section.placement,overlayRegion:"overlay"===section.placement?section.region:void 0,hasPanelDivider:"leftPanel"===section.region},section.children)))):null}

package/build/cjs/components/Layout/BottomBar/StyledLayoutBottomBar.d.ts

@@ -7,5 +7,5 @@ type StyledLayoutBottomBarProps = {
 export declare const StyledLayoutBottomBar: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & StyledLayoutBottomBarProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & StyledLayoutBottomBarProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/build/cjs/components/Layout/BottomBar/StyledLayoutBottomBarSection.d.ts

@@ -1,13 +1,14 @@
-import type { LayoutBottomBarProps } from "../-types";
+import type { LayoutBottomBarProps, SlotKey } from "../-types";
 type StyledLayoutBottomBarSectionProps = {
     background: NonNullable<LayoutBottomBarProps["background"]>;
     columnIndex?: number;
     rowIndex: number;
     fullWidth: boolean;
     hasPanelDivider: boolean;
+    overlayRegion?: SlotKey;
 };
 export declare const StyledLayoutBottomBarSection: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & StyledLayoutBottomBarSectionProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & StyledLayoutBottomBarSectionProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/build/cjs/components/Layout/BottomBar/StyledLayoutBottomBarSection.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"StyledLayoutBottomBarSection",{enumerable:!0,get:function(){return StyledLayoutBottomBarSection}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),StyledLayoutBottomBarSection=(0,_styled.default)("div",{shouldForwardProp:prop=>"background"!==prop&&(0,_ispropvalid.default)(prop),target:"e1dq38by0",label:"StyledLayoutBottomBarSection"})(({theme,background,columnIndex,rowIndex,fullWidth,hasPanelDivider})=>({gridColumn:fullWidth?"1 / -1":(columnIndex??0)+1,gridRow:rowIndex+1,alignItems:"center",boxSizing:"border-box",backgroundColor:"transparent"===background?"transparent":theme.values.color.background[background].default,display:"flex",minWidth:0,whiteSpace:"nowrap",...hasPanelDivider&&{position:"relative","&::after":{content:'""',position:"absolute",top:0,bottom:0,right:0,width:1,backgroundColor:theme.values.color.border.secondary.default,pointerEvents:"none"}}}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"StyledLayoutBottomBarSection",{enumerable:!0,get:function(){return StyledLayoutBottomBarSection}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_constants=require("../-constants"),StyledLayoutBottomBarSection=(0,_styled.default)("div",{shouldForwardProp:prop=>"background"!==prop&&(0,_ispropvalid.default)(prop),target:"eengdw40",label:"StyledLayoutBottomBarSection"})(({theme,background,columnIndex,rowIndex,fullWidth,hasPanelDivider,overlayRegion})=>({gridColumn:fullWidth?"1 / -1":(columnIndex??0)+1,gridRow:rowIndex+1,alignItems:"center",boxSizing:"border-box",backgroundColor:"transparent"===background?"transparent":theme.values.color.background[background].default,display:"flex",minWidth:0,whiteSpace:"nowrap",...hasPanelDivider&&{position:"relative","&::after":{content:'""',position:"absolute",top:0,bottom:0,right:0,width:1,backgroundColor:theme.values.color.border.secondary.default,pointerEvents:"none"}},...overlayRegion&&{position:"absolute",gridColumn:"1 / -1",left:`var(${_constants.PANEL_START_VAR[overlayRegion]}, 0px)`,width:`var(${_constants.PANEL_WIDTH_VAR[overlayRegion]}, 0px)`,top:0,height:theme.variables.layout.bottomBar.contentHeight.default}}));

package/build/cjs/components/Layout/BottomBar/getBottomBarLayout.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"getBottomBarLayout",{enumerable:!0,get:function(){return getBottomBarLayout}});const _react=require("react"),_constants=require("../-constants"),_LayoutBottomBarItem=require("./BottomBarItem/LayoutBottomBarItem"),getBottomBarItemMode=({region,fallback,layout})=>{let handle=layout[region];return"column"===handle.presentation?"column":("leftPanel"!==region||"sidebar"!==layout.leftPanel.state.variant)&&("rightPanel"!==region||"sidebar"!==layout.rightPanel.state.variant)||handle.isVisible||null===handle.animation?fallback:"column"},getVisibleSections=(children,layout)=>_react.Children.toArray(children).flatMap(child=>{if(!(0,_react.isValidElement)(child)||child.type!==_LayoutBottomBarItem.LayoutBottomBarItem||null==child.props.children||!1===child.props.children)return[];let{region,fallback="hide"}=child.props,placement=getBottomBarItemMode({region,fallback,layout});return"hide"===placement?[]:[{...child.props,placement,fallback}]}),shouldPreserveSplitColumnWidth=sections=>{let hasLeftFallback=sections.some(({region,fallback})=>"leftPanel"===region&&"remaining"===fallback),hasContentColumn=sections.some(({region,placement})=>"content"===region&&"column"===placement),hasSplitColumn=sections.some(({region,placement})=>"splitview"===region&&"column"===placement),hasRightFallback=sections.some(({region,fallback})=>"rightPanel"===region&&"remaining"===fallback);return hasLeftFallback&&hasContentColumn&&hasSplitColumn&&!hasRightFallback},getSharedRowCells=sections=>{if(!sections.length)return[];let firstSection=sections[0],lastSection=sections[sections.length-1],hasRemainingActions=sections.some(({fallback})=>"remaining"===fallback),preserveSplitColumn=shouldPreserveSplitColumnWidth(sections),flexibleColumns={leftPanel:!1,content:hasRemainingActions,splitview:hasRemainingActions&&!preserveSplitColumn,rightPanel:!1},hasFlexibleColumn=sections.some(({region,placement})=>"column"===placement&&flexibleColumns[region]),needsFlexibleGap=hasRemainingActions&&!hasFlexibleColumn,rightActions=sections.find(({region})=>"rightPanel"===region);return[..."column"===firstSection.placement?[{kind:"leading-gap",region:firstSection.region}]:[],...sections.flatMap((section,index)=>{let previousSection=sections[index-1];return[..."column"===section.placement&&previousSection?.placement==="column"?[{kind:"column-gap",region:section.region,previousRegion:previousSection.region}]:[],...needsFlexibleGap&&section===rightActions?[{kind:"flexible-gap"}]:[],{kind:"section",section,flexible:flexibleColumns[section.region]}]}),...!hasRemainingActions||preserveSplitColumn?[{kind:"trailing-gap",region:lastSection.region}]:[],...needsFlexibleGap&&!rightActions?[{kind:"flexible-gap"}]:[]]},getBottomBarLayout=({children,layout})=>{let sections=getVisibleSections(children,layout),sharedSections=_constants.PANEL_ORDER.flatMap(region=>sections.filter(section=>section.region===region&&"full"!==section.placement)),fullWidthSections=sections.filter(({placement})=>"full"===placement),sharedRowCount=+!!sharedSections.length,cells=getSharedRowCells(sharedSections);return{cells,sections:[...cells.flatMap((cell,column)=>"section"===cell.kind?[{...cell.section,columnIndex:column,rowIndex:0}]:[]),...fullWidthSections.map((section,row)=>({...section,rowIndex:sharedRowCount+row}))],rowCount:sharedRowCount+fullWidthSections.length,hasRightPanel:sections.some(({region})=>"rightPanel"===region)}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"getBottomBarLayout",{enumerable:!0,get:function(){return getBottomBarLayout}});const _react=require("react"),_constants=require("../-constants"),_LayoutBottomBarItem=require("./BottomBarItem/LayoutBottomBarItem"),getBottomBarItemMode=({region,fallback,layout})=>{let handle=layout[region];return"column"===handle.presentation?"column":("leftPanel"!==region||"sidebar"!==layout.leftPanel.state.variant)&&("rightPanel"!==region||"sidebar"!==layout.rightPanel.state.variant)||handle.isVisible||null===handle.animation?fallback:"column"},getVisibleSections=(children,layout)=>_react.Children.toArray(children).flatMap(child=>{if(!(0,_react.isValidElement)(child)||child.type!==_LayoutBottomBarItem.LayoutBottomBarItem||null==child.props.children||!1===child.props.children)return[];let{region,fallback="hide"}=child.props,placement=getBottomBarItemMode({region,fallback,layout});return"hide"===placement?[]:[{...child.props,placement,fallback}]}),shouldPreserveSplitColumnWidth=sections=>{let hasLeftFallback=sections.some(({region,fallback})=>"leftPanel"===region&&"remaining"===fallback),hasContentColumn=sections.some(({region,placement})=>"content"===region&&"column"===placement),hasSplitColumn=sections.some(({region,placement})=>"splitview"===region&&"column"===placement),hasRightFallback=sections.some(({region,fallback})=>"rightPanel"===region&&"remaining"===fallback);return hasLeftFallback&&hasContentColumn&&hasSplitColumn&&!hasRightFallback},getSharedRowCells=sections=>{if(!sections.length)return[];let firstSection=sections[0],lastSection=sections[sections.length-1],hasRemainingActions=sections.some(({fallback})=>"remaining"===fallback),preserveSplitColumn=shouldPreserveSplitColumnWidth(sections),flexibleColumns={leftPanel:!1,content:hasRemainingActions,splitview:hasRemainingActions&&!preserveSplitColumn,rightPanel:!1},hasFlexibleColumn=sections.some(({region,placement})=>"column"===placement&&flexibleColumns[region]),needsFlexibleGap=hasRemainingActions&&!hasFlexibleColumn,rightActions=sections.find(({region})=>"rightPanel"===region);return[..."column"===firstSection.placement?[{kind:"leading-gap",region:firstSection.region}]:[],...sections.flatMap((section,index)=>{let previousSection=sections[index-1];return[..."column"===section.placement&&previousSection?.placement==="column"?[{kind:"column-gap",region:section.region,previousRegion:previousSection.region}]:[],...needsFlexibleGap&&section===rightActions?[{kind:"flexible-gap"}]:[],{kind:"section",section,flexible:flexibleColumns[section.region]}]}),...!hasRemainingActions||preserveSplitColumn?[{kind:"trailing-gap",region:lastSection.region}]:[],...needsFlexibleGap&&!rightActions?[{kind:"flexible-gap"}]:[]]},getBottomBarLayout=({children,layout})=>{let sections=getVisibleSections(children,layout),sharedSections=_constants.PANEL_ORDER.flatMap(region=>sections.filter(section=>section.region===region&&"full"!==section.placement&&"overlay"!==section.placement)),fullWidthSections=sections.filter(({placement})=>"full"===placement),overlaySections=sections.filter(({placement})=>"overlay"===placement),sharedRowCount=sharedSections.length||overlaySections.length?1:0,cells=getSharedRowCells(sharedSections);return{cells,sections:[...cells.flatMap((cell,column)=>"section"===cell.kind?[{...cell.section,columnIndex:column,rowIndex:0}]:[]),...overlaySections.map(section=>({...section,rowIndex:0})),...fullWidthSections.map((section,row)=>({...section,rowIndex:sharedRowCount+row}))],rowCount:sharedRowCount+fullWidthSections.length,hasRightPanel:sections.some(({region})=>"rightPanel"===region)}};

package/build/cjs/components/Layout/Content/Content.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Content",{enumerable:!0,get:function(){return Content}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_constants=require("../-constants"),_registry=require("../registry"),_ContentSplitBase=require("../Split/MobileSplitView/ContentSplitBase"),_useMobileSplitStack=require("../Split/MobileSplitView/useMobileSplitStack"),_useMobileSplitView=require("../Split/MobileSplitView/useMobileSplitView"),_ContentDocked=require("./ContentDocked"),Content=({children})=>{(0,_registry.useDeclarePanel)(_constants.Slot.content,{collapsible:!1});let enabled=(0,_useMobileSplitView.useMobileSplitViewEnabled)(),{host,isSplitPresent}=(0,_useMobileSplitStack.useMobileSplitStack)();return enabled&&isSplitPresent&&null!==host?_react.default.createElement(_ContentSplitBase.ContentSplitBase,null,children):_react.default.createElement(_ContentDocked.ContentDocked,null,children)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Content",{enumerable:!0,get:function(){return Content}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_constants=require("../-constants"),_registry=require("../registry"),_ContentSplitBase=require("../Split/MobileSplitView/ContentSplitBase"),_useMobileSplitStack=require("../Split/MobileSplitView/useMobileSplitStack"),_useMobileSplitView=require("../Split/MobileSplitView/useMobileSplitView"),_ContentDocked=require("./ContentDocked"),Content=({children,minWidth})=>{(0,_registry.useDeclarePanel)(_constants.Slot.content,{collapsible:!1,minSize:minWidth});let enabled=(0,_useMobileSplitView.useMobileSplitViewEnabled)(),{host,isSplitPresent}=(0,_useMobileSplitStack.useMobileSplitStack)();return enabled&&isSplitPresent&&null!==host?_react.default.createElement(_ContentSplitBase.ContentSplitBase,null,children):_react.default.createElement(_ContentDocked.ContentDocked,null,children)};