mtrl 0.8.0-next.24 → 0.8.0-next.26

package/dist/components/dialog/types.d.ts

@@ -165,7 +165,7 @@ export interface DialogConfig {
     zIndex?: number;
     /**
      * Duration of open/close animations in milliseconds
-     * @default 150
+     * @default 300
      */
     animationDuration?: number;
     /**

package/dist/components/drawer/types.d.ts

@@ -92,7 +92,7 @@ export interface DrawerConfig extends BaseComponentConfig {
     items?: DrawerItemConfig[];
     /**
      * Drawer width as a CSS value
-     * @default 360
+     * @default '360px'
      */
     width?: string | number;
     /**

package/dist/components/index.d.ts

@@ -9,8 +9,6 @@
  */
 export { default as createBadge } from "./badge";
 export { default as createBottomAppBar } from "./bottom-app-bar";
-export { default as createBottomSheet } from "./bottom-sheet";
-export { default as createSideSheet } from "./side-sheet";
 export { default as createButton } from "./button";
 export { default as createButtonGroup } from "./button-group";
 export { default as createCard } from "./card";
@@ -36,7 +34,6 @@ export { default as createSearch } from "./search";
 export { default as createSelect } from "./select";
 export { default as createSegmentedButton } from "./segmented-button";
 export { createSegment } from "./segmented-button/segment";
-/** @deprecated Since 0.8.0. Use createBottomSheet or createSideSheet. */
 export { default as createSheet } from "./sheet";
 export { default as createSlider } from "./slider";
 export { default as createSnackbar } from "./snackbar";
@@ -51,8 +48,6 @@ export { default as createTooltip } from "./tooltip";
 export { createCardContent, createCardHeader, createCardActions, createCardMedia, } from "./card/content";
 export type { BadgeConfig, BadgeComponent } from "./badge/types";
 export type { BottomAppBarConfig, BottomAppBar } from "./bottom-app-bar/types";
-export type { BottomSheetConfig, BottomSheetComponent, BottomSheetVariant, BottomSheetState, BottomSheetStateEvent, BottomSheetEventHandlers, } from "./bottom-sheet/types";
-export type { SideSheetConfig, SideSheetComponent, SideSheetVariant, SideSheetPosition, SideSheetEventHandlers, } from "./side-sheet/types";
 export type { ButtonConfig, ButtonComponent, ButtonVariant, } from "./button/types";
 export type { ButtonGroupConfig, ButtonGroupComponent, ButtonGroupItemConfig, ButtonGroupEvent, ButtonGroupEventType, ButtonGroupVariant, ButtonGroupOrientation, ButtonGroupDensity, } from "./button-group/types";
 export type { CardSchema } from "./card/types";
@@ -76,7 +71,6 @@ export type { RadiosConfig, RadiosComponent, RadioOptionConfig, } from "./radios
 export type { SearchConfig, SearchComponent } from "./search/types";
 export type { SelectConfig, SelectComponent, SelectOption, SelectEvent, SelectChangeEvent, } from "./select/types";
 export type { SegmentedButtonConfig, SegmentedButtonComponent, } from "./segmented-button/types";
-/** @deprecated Since 0.8.0. Use the BottomSheet or SideSheet types. */
 export type { SheetConfig, SheetComponent } from "./sheet/types";
 export type { SliderConfig, SliderComponent, SliderEvent, } from "./slider/types";
 export type { SnackbarConfig, SnackbarComponent } from "./snackbar/types";

package/dist/components/menu/index.d.ts

@@ -8,7 +8,7 @@
  * @category Components
  */
 export { default } from './menu';
-export type { MenuConfig, MenuComponent, MenuItem, MenuDivider, MenuGap, MenuContent, MenuEvent, MenuSelectEvent, MenuPosition } from './types';
+export type { MenuConfig, MenuComponent, MenuItem, MenuDivider, MenuContent, MenuEvent, MenuSelectEvent, MenuPosition } from './types';
 /**
  * Constants for menu position values - use these instead of string literals
  * for better code completion and type safety.

package/dist/components/menu/types.d.ts

@@ -103,33 +103,11 @@ export interface MenuDivider {
     id?: string;
 }
 /**
- * Menu item type for a gap between groups.
- *
- * The M3 expressive vertical menu separates groups two ways: a divider line,
- * or a gap. A gap splits the menu into separate surfaces, each with its own
- * rounded container, rather than drawing a line across one surface
- * (m3.material.io/components/menus, vertical menus).
- *
- * A standard menu is a single surface, so a gap there is simply space.
- *
- * @category Components
- */
-export interface MenuGap {
-    /**
-     * Type must be 'gap' to differentiate from regular menu items
-     */
-    type: "gap";
-    /**
-     * Optional ID for the gap (for accessibility)
-     */
-    id?: string;
-}
-/**
- * Combined type for menu content items (regular items, dividers or gaps)
+ * Combined type for menu content items (regular items or dividers)
  *
  * @category Components
  */
-export type MenuContent = MenuItem | MenuDivider | MenuGap;
+export type MenuContent = MenuItem | MenuDivider;
 /**
  * Configuration interface for the Menu component
  *
@@ -151,11 +129,15 @@ export interface MenuConfig {
      * Array of menu items and dividers to display
      */
     items: MenuContent[];
+    /**
+     * Position of the menu relative to the opener
+     * @default 'bottom-start'
+     */
     /**
      * Menu variant. `'vertical'` is the M3 expressive menu: a rounded
      * container holding items that sit apart and change shape as they are
-     * hovered, focused, pressed or selected.
-     * @default 'baseline'
+     * hovered, focused, pressed or selected. Defaults to `'baseline'`, the
+     * original M3 menu.
      */
     variant?: MenuVariant;
     /**
@@ -163,10 +145,6 @@ export interface MenuConfig {
      * and more prominent, so it should be used sparingly.
      */
     color?: MenuColor;
-    /**
-     * Position of the menu relative to the opener
-     * @default 'bottom-start'
-     */
     position?: MenuPosition;
     /**
      * Whether the menu should close when an item is clicked
@@ -205,7 +183,7 @@ export interface MenuConfig {
     maxHeight?: string;
     /**
      * Optional offset from the opener (in pixels)
-     * @default 0
+     * @default 8
      */
     offset?: number;
     /**

package/dist/components/progress/types.d.ts

@@ -55,7 +55,7 @@ export interface ProgressConfig {
     /**
      * Thickness of the progress track and indicator
      * Can be a named preset ('thin', 'default', 'thick') or a specific number in pixels
-     * @default 'thin'
+     * @default 'default'
      */
     thickness?: ProgressThickness;
     /**
@@ -109,7 +109,7 @@ export interface ProgressConfig {
     /**
      * Size of the circular progress indicator in dp (only for circular variant)
      * Clamped between 24 and 240
-     * @default 40 (48 when wavy)
+     * @default 50
      */
     size?: number;
 }

package/dist/components/sheet/sheet.d.ts

@@ -1,18 +1,6 @@
 import { SheetConfig } from "./types";
 /**
  * Creates a new Sheet component
- *
- * @deprecated Since 0.8.0. Use {@link createBottomSheet} for a sheet anchored
- * to the bottom edge, or {@link createSideSheet} for one docked to a vertical
- * edge. Those follow the M3 bottom sheet and side sheet specifications, which
- * this component predates and does not match.
- *
- * This component is also broken: `open()`, `close()` and the drag gestures
- * call `component.events.emit(...)`, but it composes the event feature that
- * provides `emit` directly and no `events` object, so every one of them
- * throws. Its scrim is never inserted into the page either. It is kept only so
- * that existing imports keep resolving, and it will be removed.
- *
  * @param {SheetConfig} config - Sheet configuration object
  * @returns {SheetComponent} Sheet component instance
  */

package/dist/components/sheet/types.d.ts

@@ -24,10 +24,6 @@ export declare const SHEET_EVENTS: {
     readonly DRAG_START: "dragstart";
     readonly DRAG_END: "dragend";
 };
-/**
- * @deprecated Since 0.8.0. Use BottomSheetConfig or SideSheetConfig.
- * The sheet component this belongs to does not open: see createSheet.
- */
 /**
  * Configuration interface for the Sheet component
  * @category Components
@@ -150,10 +146,6 @@ export interface TitleAPI {
      */
     getElement: () => HTMLElement | null;
 }
-/**
- * @deprecated Since 0.8.0. Use BottomSheetComponent or SideSheetComponent.
- * The sheet component this belongs to does not open: see createSheet.
- */
 /**
  * Sheet component interface
  * @category Components