oasis-editor 0.0.103 → 0.0.104

package/dist/ui/components/Toolbar/ribbon/RibbonGroup.d.ts

@@ -1,9 +1,9 @@
 import { JSX } from 'solid-js';
 import { ToolbarActionApi } from '../schema/items.js';
-import { RibbonGroupModel } from './ribbonModel.js';
+import { ResolvedRibbonGroupModel } from './ribbonModel.js';
 
 export interface RibbonGroupProps {
-    group: RibbonGroupModel;
+    group: ResolvedRibbonGroupModel;
     api: ToolbarActionApi;
 }
 export declare function RibbonGroup(props: RibbonGroupProps): JSX.Element;

package/dist/ui/components/Toolbar/ribbon/RibbonPanel.d.ts

@@ -1,4 +1,4 @@
-import { Accessor } from 'solid-js';
+import { Accessor, JSX } from 'solid-js';
 import { RibbonTabId, ToolbarActionApi, ToolbarItem } from '../schema/items.js';
 
 export interface RibbonPanelProps {
@@ -6,4 +6,4 @@ export interface RibbonPanelProps {
     items: Accessor<ToolbarItem[]>;
     api: ToolbarActionApi;
 }
-export declare function RibbonPanel(props: RibbonPanelProps): import("solid-js").JSX.Element;
+export declare function RibbonPanel(props: RibbonPanelProps): JSX.Element;

package/dist/ui/components/Toolbar/ribbon/ribbonModel.d.ts

@@ -1,4 +1,4 @@
-import { RibbonRow, RibbonTabId, ToolbarItem } from '../schema/items.js';
+import { RibbonGroupResizePolicy, RibbonGroupResizeState, RibbonRow, RibbonTabId, ToolbarItem } from '../schema/items.js';
 import { TranslateFn } from '../../../../i18n/index.js';
 
 export interface RibbonTabDefinition {
@@ -11,6 +11,16 @@ export interface RibbonGroupModel {
     largeItems: ToolbarItem[];
     rows: Record<RibbonRow, ToolbarItem[]>;
     order: number;
+    resizePolicy: Required<RibbonGroupResizePolicy>;
+}
+export interface ResolvedRibbonGroupModel extends RibbonGroupModel {
+    resizeState: RibbonGroupResizeState;
+    allocatedWidth?: number;
+}
+export interface RibbonGroupWidth {
+    full: number;
+    compact: number;
+    collapsed: number;
 }
 export declare function buildRibbonTabDefinitions(t: TranslateFn): RibbonTabDefinition[];
 export declare const DEFAULT_RIBBON_TAB: RibbonTabId;
@@ -22,3 +32,4 @@ export declare function normalizeRibbonRow(row: ToolbarItem["row"]): RibbonRow;
 export declare function isLargeRibbonItem(item: ToolbarItem): boolean;
 export declare function ribbonGroupLabel(group: string, t: TranslateFn): string;
 export declare function buildRibbonGroups(items: ToolbarItem[], tab: RibbonTabId, t: TranslateFn): RibbonGroupModel[];
+export declare function resolveResponsiveRibbonGroups(groups: RibbonGroupModel[], availableWidth: number | null, measurements?: Partial<Record<string, Partial<RibbonGroupWidth>>>): ResolvedRibbonGroupModel[];

package/dist/ui/components/Toolbar/schema/items.d.ts

@@ -3,9 +3,9 @@ import { CommandBus } from '../../../../core/commands/CommandBus.js';
 import { CommandRef } from '../../../../core/commands/CommandRef.js';
 import { TranslationKey } from '../../../../i18n/index.js';
 import { ColorPalette } from './palette.js';
-import { RibbonTabId, RibbonRow, RibbonSize } from '../../../../core/pluginUiTypes.js';
+import { RibbonGroupResizePolicy, RibbonTabId, RibbonRow, RibbonSize } from '../../../../core/pluginUiTypes.js';
 
-export { RIBBON_TABS, type RibbonTabId, type RibbonRow, type RibbonSize, } from '../../../../core/pluginUiTypes.js';
+export { RIBBON_TABS, type RibbonTabId, type RibbonRow, type RibbonSize, type RibbonGroupResizePolicy, type RibbonGroupResizeState, } from '../../../../core/pluginUiTypes.js';
 /** Reactive snapshot of a command's state, as consumed by toolbar items. */
 export interface ToolbarCommandState {
     isEnabled: boolean;
@@ -60,6 +60,8 @@ interface ToolbarItemBase extends ItemReactiveOverrides {
     row?: RibbonRow;
     /** Ribbon-only visual scale. Large items span both toolbar rows. */
     ribbonSize?: RibbonSize;
+    /** Group-level responsive behavior. First item wins per property. */
+    ribbonGroupResize?: RibbonGroupResizePolicy;
     testId?: string;
     tooltipKey?: TranslationKey;
     tooltip?: string;
@@ -149,6 +151,7 @@ export interface SeparatorItem {
     tab?: RibbonTabId;
     group?: string;
     row?: RibbonRow;
+    ribbonGroupResize?: RibbonGroupResizePolicy;
     isVisible?: (api: ToolbarActionApi) => boolean;
 }
 export interface GroupItem extends ToolbarItemBase {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oasis-editor",
-  "version": "0.0.103",
+  "version": "0.0.104",
   "type": "module",
   "repository": {
     "type": "git",