@instructure/platform-block-content-editor 1.1.0 → 2.1.0

package/README.md

@@ -105,15 +105,27 @@ block-level AI (`BlockAIMenu`, `useGenerateAltText`).
 
 ## Preview — the host presents it
 
-`PreviewArea` is a framed student preview over the read-path `Viewer` with a Desktop/Mobile switch.
-The package ships **no modal**: how the preview is presented (modal, drawer, fullscreen, inline) is
-the host's choice.
+`PreviewArea` is a framed student preview over the read-path `Viewer`, sized from a required,
+controlled `viewport` prop (`'desktop' | 'mobile'`). It renders no switch of its own — the host
+builds the Desktop/Mobile toggle and drives `viewport` from its own state. The package ships
+**no modal**: how the preview is presented (modal, drawer, fullscreen, inline) is the host's choice.
 
 ```tsx
-import { PreviewArea } from '@instructure/platform-block-content-editor'
+import { PreviewArea, PREVIEW_VIEWPORTS, type PreviewViewport } from '@instructure/platform-block-content-editor'
+
+const [viewport, setViewport] = useState<PreviewViewport>(PREVIEW_VIEWPORTS.DESKTOP)
 
 <Modal open={previewing} onDismiss={…}>
-  <PreviewArea templateLayout={engine.templateLayout} templateData={engine.templateData} componentRegistry={registry} />
+  <div role="group" aria-label="Preview viewport">
+    <Button onClick={() => setViewport(PREVIEW_VIEWPORTS.DESKTOP)}>Desktop</Button>
+    <Button onClick={() => setViewport(PREVIEW_VIEWPORTS.MOBILE)}>Mobile</Button>
+  </div>
+  <PreviewArea
+    templateLayout={engine.templateLayout}
+    templateData={engine.templateData}
+    componentRegistry={registry}
+    viewport={viewport}
+  />
 </Modal>
 ```
 

package/dist/components/blocks/Banner/Banner.d.ts

@@ -1,4 +1,7 @@
 import { BannerProps } from './bannerPropsSchema';
-/** Presentational banner: optional eyebrow, a semantic h2-h4 heading, optional supporting text. */
-export declare function Banner({ title, variant, subtitle, content, headerStyle, cornerStyle, }: BannerProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Presentational banner: optional eyebrow, a semantic h2-h4 heading, optional supporting text,
+ * and — for the `image` style — a host-resolved image behind or stacked with the text.
+ */
+export declare function Banner({ title, variant, subtitle, content, color, cornerStyle, align, eyebrowStyle, style, imagePlacement, asset_id, isDecorative, alt, }: BannerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Banner.d.ts.map

package/dist/components/blocks/Banner/Banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Banner/Banner.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAGtD,mGAAmG;AACnG,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,WAAoB,EACpB,WAAuB,GACxB,EAAE,WAAW,2CA0Cb"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Banner/Banner.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAItD;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,KAAiB,EACjB,WAAuB,EACvB,KAAc,EACd,YAAyB,EACzB,KAAc,EACd,cAA6B,EAC7B,QAAQ,EACR,YAAoB,EACpB,GAAG,GACJ,EAAE,WAAW,2CAsJb"}

package/dist/components/blocks/Banner/bannerPropsSchema.d.ts

@@ -1,34 +1,71 @@
 import { z } from 'zod';
+/** Letter casing applied to the eyebrow text. */
+export declare const BannerEyebrowStyleSchema: z.ZodEnum<["all-caps", "sentence-case", "capitalized"]>;
+/** How the banner surface is decorated. `image` is the only value that reveals the image fields. */
+export declare const BannerStyleSchema: z.ZodEnum<["none", "outline", "solid", "image"]>;
+/** Where the image sits relative to the banner text. */
+export declare const BannerImagePlacementSchema: z.ZodEnum<["background", "above", "below"]>;
 export declare const BannerPropsSchema: z.ZodObject<{
     title: z.ZodString;
     variant: z.ZodDefault<z.ZodEnum<["h2", "h3", "h4"]>>;
     subtitle: z.ZodOptional<z.ZodString>;
+    eyebrowStyle: z.ZodOptional<z.ZodDefault<z.ZodEnum<["all-caps", "sentence-case", "capitalized"]>>>;
     content: z.ZodOptional<z.ZodString>;
-    headerStyle: z.ZodOptional<z.ZodDefault<z.ZodEnum<["none", "light", "dark"]>>>;
+    align: z.ZodOptional<z.ZodDefault<z.ZodEnum<["left", "center", "right"]>>>;
     cornerStyle: z.ZodOptional<z.ZodDefault<z.ZodEnum<["rounded", "square"]>>>;
+    style: z.ZodOptional<z.ZodDefault<z.ZodEnum<["none", "outline", "solid", "image"]>>>;
+    color: z.ZodOptional<z.ZodDefault<z.ZodEnum<["light", "dark", "neutral"]>>>;
+    imagePlacement: z.ZodOptional<z.ZodDefault<z.ZodEnum<["background", "above", "below"]>>>;
+    asset_id: z.ZodOptional<z.ZodString>;
+    isDecorative: z.ZodOptional<z.ZodDefault<z.ZodBoolean>>;
+    alt: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     title: string;
     variant: "h2" | "h3" | "h4";
     content?: string | undefined;
     cornerStyle?: "rounded" | "square" | undefined;
+    alt?: string | undefined;
+    style?: "image" | "none" | "outline" | "solid" | undefined;
+    color?: "light" | "dark" | "neutral" | undefined;
+    align?: "left" | "center" | "right" | undefined;
     subtitle?: string | undefined;
-    headerStyle?: "light" | "dark" | "none" | undefined;
+    eyebrowStyle?: "all-caps" | "sentence-case" | "capitalized" | undefined;
+    imagePlacement?: "background" | "above" | "below" | undefined;
+    asset_id?: string | undefined;
+    isDecorative?: boolean | undefined;
 }, {
     title: string;
     content?: string | undefined;
     variant?: "h2" | "h3" | "h4" | undefined;
     cornerStyle?: "rounded" | "square" | undefined;
+    alt?: string | undefined;
+    style?: "image" | "none" | "outline" | "solid" | undefined;
+    color?: "light" | "dark" | "neutral" | undefined;
+    align?: "left" | "center" | "right" | undefined;
     subtitle?: string | undefined;
-    headerStyle?: "light" | "dark" | "none" | undefined;
+    eyebrowStyle?: "all-caps" | "sentence-case" | "capitalized" | undefined;
+    imagePlacement?: "background" | "above" | "below" | undefined;
+    asset_id?: string | undefined;
+    isDecorative?: boolean | undefined;
 }>;
 export type BannerProps = z.infer<typeof BannerPropsSchema>;
+export type BannerStyle = z.infer<typeof BannerStyleSchema>;
+export type BannerEyebrowStyle = z.infer<typeof BannerEyebrowStyleSchema>;
+export type BannerImagePlacement = z.infer<typeof BannerImagePlacementSchema>;
 export declare const BannerDefaultProps: BannerProps;
 export declare const RegisteredBannerPropsSchema: import('../../..').RegisteredComponentSchema<{
     title: string;
     variant: "h2" | "h3" | "h4";
     content?: string | undefined;
     cornerStyle?: "rounded" | "square" | undefined;
+    alt?: string | undefined;
+    style?: "image" | "none" | "outline" | "solid" | undefined;
+    color?: "light" | "dark" | "neutral" | undefined;
+    align?: "left" | "center" | "right" | undefined;
     subtitle?: string | undefined;
-    headerStyle?: "light" | "dark" | "none" | undefined;
+    eyebrowStyle?: "all-caps" | "sentence-case" | "capitalized" | undefined;
+    imagePlacement?: "background" | "above" | "below" | undefined;
+    asset_id?: string | undefined;
+    isDecorative?: boolean | undefined;
 }>;
 //# sourceMappingURL=bannerPropsSchema.d.ts.map

package/dist/components/blocks/Banner/bannerPropsSchema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bannerPropsSchema.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Banner/bannerPropsSchema.ts"],"names":[],"mappings":"AAmBA,OAAO,+BAA+B,CAAA;AACtC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AASvB,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;EAyC5B,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAE3D,eAAO,MAAM,kBAAkB,EAAE,WAKhC,CAAA;AAED,eAAO,MAAM,2BAA2B;;;;;;;EAAuD,CAAA"}
+{"version":3,"file":"bannerPropsSchema.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Banner/bannerPropsSchema.ts"],"names":[],"mappings":"AAmBA,OAAO,+BAA+B,CAAA;AACtC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AASvB,iDAAiD;AACjD,eAAO,MAAM,wBAAwB,yDAAuD,CAAA;AAE5F,oGAAoG;AACpG,eAAO,MAAM,iBAAiB,kDAAgD,CAAA;AAE9E,wDAAwD;AACxD,eAAO,MAAM,0BAA0B,6CAA2C,CAAA;AAWlF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkF5B,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAC3D,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAC3D,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,wBAAwB,CAAC,CAAA;AACzE,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,0BAA0B,CAAC,CAAA;AAE7E,eAAO,MAAM,kBAAkB,EAAE,WAYhC,CAAA;AAED,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;EAAuD,CAAA"}

package/dist/components/blocks/Banner/bannerTranslations.d.ts

@@ -7,6 +7,10 @@ export interface BannerTranslations {
     bannerPlaceholderTitle: string;
     /** Placeholder eyebrow shown in the designer when a Banner block is empty. */
     bannerPlaceholderSubtitle: string;
+    /** Announced while a Banner's image is loading. */
+    bannerImageLoading: string;
+    /** Shown when a Banner's image fails to load. */
+    bannerImageError: string;
 }
 /** English bundled with this package — also the source for `locales/en.json`. */
 export declare const BannerEnglish: BannerTranslations;

package/dist/components/blocks/Banner/bannerTranslations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bannerTranslations.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Banner/bannerTranslations.ts"],"names":[],"mappings":"AAkBA;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,8EAA8E;IAC9E,sBAAsB,EAAE,MAAM,CAAA;IAC9B,8EAA8E;IAC9E,yBAAyB,EAAE,MAAM,CAAA;CAClC;AAED,iFAAiF;AACjF,eAAO,MAAM,aAAa,EAAE,kBAG3B,CAAA"}
+{"version":3,"file":"bannerTranslations.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Banner/bannerTranslations.ts"],"names":[],"mappings":"AAkBA;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,8EAA8E;IAC9E,sBAAsB,EAAE,MAAM,CAAA;IAC9B,8EAA8E;IAC9E,yBAAyB,EAAE,MAAM,CAAA;IACjC,mDAAmD;IACnD,kBAAkB,EAAE,MAAM,CAAA;IAC1B,iDAAiD;IACjD,gBAAgB,EAAE,MAAM,CAAA;CACzB;AAED,iFAAiF;AACjF,eAAO,MAAM,aAAa,EAAE,kBAK3B,CAAA"}

package/dist/components/blocks/Banner/createBannerBlock.d.ts

@@ -8,7 +8,14 @@ export declare const createBannerBlock: (options: import('../../..').BlockFactor
     variant: "h2" | "h3" | "h4";
     content?: string | undefined;
     cornerStyle?: "rounded" | "square" | undefined;
+    alt?: string | undefined;
+    style?: "image" | "none" | "outline" | "solid" | undefined;
+    color?: "light" | "dark" | "neutral" | undefined;
+    align?: "left" | "center" | "right" | undefined;
     subtitle?: string | undefined;
-    headerStyle?: "light" | "dark" | "none" | undefined;
+    eyebrowStyle?: "all-caps" | "sentence-case" | "capitalized" | undefined;
+    imagePlacement?: "background" | "above" | "below" | undefined;
+    asset_id?: string | undefined;
+    isDecorative?: boolean | undefined;
 }>;
 //# sourceMappingURL=createBannerBlock.d.ts.map

package/dist/components/blocks/Banner/createBannerBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createBannerBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Banner/createBannerBlock.ts"],"names":[],"mappings":"AAuBA;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;;;;;;EAM5B,CAAA"}
+{"version":3,"file":"createBannerBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Banner/createBannerBlock.ts"],"names":[],"mappings":"AAuBA;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;EAM5B,CAAA"}

package/dist/components/blocks/Banner/getBannerViewProps.d.ts

@@ -1,4 +1,50 @@
+import { Text as UIText } from '@instructure/ui-text';
+import { View } from '@instructure/ui-view';
+import { ComponentProps } from 'react';
 import { BlockRenderProps } from '../brandTheming';
-import { CornerStyle, HeaderStyle } from '../commonSchemas';
-export declare function getBannerViewProps(headerStyle: HeaderStyle, cornerStyle: CornerStyle, brandColor?: string): BlockRenderProps;
+import { Align, ColorTheme, CornerStyle } from '../commonSchemas';
+import { BannerEyebrowStyle, BannerImagePlacement, BannerStyle } from './bannerPropsSchema';
+type ViewProps = ComponentProps<typeof View>;
+type UITextProps = ComponentProps<typeof UIText>;
+/** The eyebrow line's casing and tracking. */
+export interface BannerEyebrowTypography {
+    transform: NonNullable<UITextProps['transform']>;
+    letterSpacing: NonNullable<UITextProps['letterSpacing']>;
+}
+/**
+ * The filled box drawn around the text for the `image` style. `display` decides whether it
+ * hugs its text (over a background image) or spans the banner (stacked above/below one).
+ */
+export type BannerPanelViewProps = BlockRenderProps['view'] & {
+    display: Extract<NonNullable<ViewProps['display']>, 'block' | 'inline-block'>;
+};
+/** The shared container/text pair, plus the alignment and eyebrow tokens Banner adds. */
+export interface BannerViewProps {
+    view: BlockRenderProps['view'] & {
+        textAlign: NonNullable<ViewProps['textAlign']>;
+    };
+    text: BlockRenderProps['text'];
+    eyebrow: BannerEyebrowTypography;
+    /** Set only for the `image` style, whose fill moves off the container onto this box. */
+    panel?: BannerPanelViewProps;
+    /** Set only for a stacked image; a background one is sized by the banner, not itself. */
+    image?: {
+        height: string;
+        borderRadius: NonNullable<ViewProps['borderRadius']>;
+    };
+}
+/** Named options rather than positionals, as in TabsBlock — the list keeps growing. */
+export interface BannerStyleOptions {
+    style: BannerStyle;
+    color: ColorTheme;
+    cornerStyle: CornerStyle;
+    align: Align;
+    eyebrowStyle: BannerEyebrowStyle;
+    imagePlacement: BannerImagePlacement;
+    /** Whether a file is chosen — the `image` style only takes effect once one is. */
+    hasImage: boolean;
+    brandColor?: string;
+}
+export declare function getBannerViewProps(options: BannerStyleOptions): BannerViewProps;
+export {};
 //# sourceMappingURL=getBannerViewProps.d.ts.map

package/dist/components/blocks/Banner/getBannerViewProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getBannerViewProps.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Banner/getBannerViewProps.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,KAAK,gBAAgB,EAAiB,MAAM,iBAAiB,CAAA;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAKhE,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,UAAU,CAAC,EAAE,MAAM,GAClB,gBAAgB,CAKlB"}
+{"version":3,"file":"getBannerViewProps.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Banner/getBannerViewProps.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,KAAK,gBAAgB,EAAiB,MAAM,iBAAiB,CAAA;AACtE,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEtE,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEhG,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAC5C,KAAK,WAAW,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAA;AAEhD,8CAA8C;AAC9C,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,WAAW,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAA;IAChD,aAAa,EAAE,WAAW,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAA;CACzD;AAED;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,MAAM,CAAC,GAAG;IAC5D,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC,CAAA;CAC9E,CAAA;AAED,yFAAyF;AACzF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,GAAG;QAAE,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAA;KAAE,CAAA;IACnF,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC9B,OAAO,EAAE,uBAAuB,CAAA;IAChC,wFAAwF;IACxF,KAAK,CAAC,EAAE,oBAAoB,CAAA;IAC5B,yFAAyF;IACzF,KAAK,CAAC,EAAE;QACN,MAAM,EAAE,MAAM,CAAA;QACd,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;KACrD,CAAA;CACF;AAED,uFAAuF;AACvF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,UAAU,CAAA;IACjB,WAAW,EAAE,WAAW,CAAA;IACxB,KAAK,EAAE,KAAK,CAAA;IACZ,YAAY,EAAE,kBAAkB,CAAA;IAChC,cAAc,EAAE,oBAAoB,CAAA;IACpC,kFAAkF;IAClF,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAoCD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,eAAe,CAuC/E"}

package/dist/components/blocks/KnowledgeCheck/createKnowledgeCheckBlock.d.ts

@@ -11,8 +11,8 @@ export declare const createKnowledgeCheckBlock: (options: import('../../..').Blo
     }[];
     question: string;
     cornerStyle?: "rounded" | "square" | undefined;
-    headerStyle?: "light" | "dark" | "none" | undefined;
     questionType?: "Multiple choice" | "True or false" | undefined;
     answerOrder?: "set" | "random" | undefined;
+    headerStyle?: "light" | "dark" | "none" | undefined;
 }>;
 //# sourceMappingURL=createKnowledgeCheckBlock.d.ts.map

package/dist/components/blocks/KnowledgeCheck/knowledgeCheckPropsSchema.d.ts

@@ -46,9 +46,9 @@ export declare const KnowledgeCheckPropsSchema: z.ZodObject<{
     }[];
     question: string;
     cornerStyle?: "rounded" | "square" | undefined;
-    headerStyle?: "light" | "dark" | "none" | undefined;
     questionType?: "Multiple choice" | "True or false" | undefined;
     answerOrder?: "set" | "random" | undefined;
+    headerStyle?: "light" | "dark" | "none" | undefined;
 }, {
     answers: {
         id: string;
@@ -57,9 +57,9 @@ export declare const KnowledgeCheckPropsSchema: z.ZodObject<{
     }[];
     question: string;
     cornerStyle?: "rounded" | "square" | undefined;
-    headerStyle?: "light" | "dark" | "none" | undefined;
     questionType?: "Multiple choice" | "True or false" | undefined;
     answerOrder?: "set" | "random" | undefined;
+    headerStyle?: "light" | "dark" | "none" | undefined;
 }>;
 export type KnowledgeCheckProps = z.infer<typeof KnowledgeCheckPropsSchema>;
 export type KnowledgeCheckAnswer = z.infer<typeof KnowledgeCheckAnswerSchema>;
@@ -80,8 +80,8 @@ export declare const RegisteredKnowledgeCheckPropsSchema: import('../../..').Reg
     }[];
     question: string;
     cornerStyle?: "rounded" | "square" | undefined;
-    headerStyle?: "light" | "dark" | "none" | undefined;
     questionType?: "Multiple choice" | "True or false" | undefined;
     answerOrder?: "set" | "random" | undefined;
+    headerStyle?: "light" | "dark" | "none" | undefined;
 }>;
 //# sourceMappingURL=knowledgeCheckPropsSchema.d.ts.map

package/dist/components/blocks/LayoutContainer/LayoutContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/LayoutContainer/LayoutContainer.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AAExE,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EAMR,kBAA6B,EAC7B,gBAA2B,EAC3B,MAAM,EACN,eAAwB,EACxB,UAAU,EACV,OAAO,EACP,UAAU,EACV,OAAO,EACP,KAAK,GACN,EAAE,oBAAoB,kDAqDtB"}
+{"version":3,"file":"LayoutContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/LayoutContainer/LayoutContainer.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AAExE,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EAMR,kBAA6B,EAC7B,gBAA2B,EAC3B,MAAM,EACN,eAAwB,EACxB,UAAU,EACV,OAAO,EACP,UAAU,EACV,OAAO,EACP,KAAK,GACN,EAAE,oBAAoB,kDAwDtB"}

package/dist/components/blocks/Text/getTextViewProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getTextViewProps.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Text/getTextViewProps.ts"],"names":[],"mappings":"AAkBA,OAAO,EACL,KAAK,gBAAgB,EAMtB,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AA6ClD,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,UAAU,CAAC,EAAE,MAAM,GAClB,gBAAgB,CAkBlB"}
+{"version":3,"file":"getTextViewProps.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Text/getTextViewProps.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,KAAK,gBAAgB,EAAiB,MAAM,iBAAiB,CAAA;AACtE,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAGlD,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,UAAU,CAAC,EAAE,MAAM,GAClB,gBAAgB,CAOlB"}

package/dist/components/blocks/commonViewProps.d.ts

@@ -22,6 +22,18 @@ export interface MediaBlockViewProps {
  * text on whatever surface sits behind it.
  */
 export declare function getHeaderStyleStyling(headerStyle: HeaderStyle, brandColor?: string): Styling;
+/**
+ * How a block decorates its surface. Each block maps its own enum onto this — Text's
+ * `fill` and Banner's `solid` are the same treatment.
+ */
+export type SurfaceStyle = 'none' | 'outline' | 'fill';
+/**
+ * Styling for a surface/color pair, where the surface treatment is an option of its own
+ * rather than implied by the color (as `getHeaderStyleStyling` has it). A brand color
+ * themes `light` and `dark`; `neutral` is intentionally never branded. Shared by Text and
+ * Banner so the two can't drift apart.
+ */
+export declare function getSurfaceStyling(surface: SurfaceStyle, color: ColorTheme, brandColor?: string): Styling;
 export interface ThemedContainer {
     styling: Styling;
     /**

package/dist/components/blocks/commonViewProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"commonViewProps.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/commonViewProps.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAKL,KAAK,OAAO,EACb,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAErE,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAE5C,0DAA0D;AAC1D,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAIzE,CAAA;AAED;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAA;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;CACrD;AAwBD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,WAAW,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAK5F;AAmBD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,aAAa,EAAE,OAAO,CAAA;CACvB;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,UAAU,EACtB,UAAU,CAAC,EAAE,MAAM,GAClB,eAAe,CAiBjB"}
+{"version":3,"file":"commonViewProps.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/commonViewProps.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAML,KAAK,OAAO,EACb,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAErE,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAE5C,0DAA0D;AAC1D,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAIzE,CAAA;AAED;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAA;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;CACrD;AAwBD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,WAAW,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAK5F;AAED;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAA;AAyDtD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,UAAU,EACjB,UAAU,CAAC,EAAE,MAAM,GAClB,OAAO,CAYT;AAmBD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,aAAa,EAAE,OAAO,CAAA;CACvB;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,UAAU,EACtB,UAAU,CAAC,EAAE,MAAM,GAClB,eAAe,CAiBjB"}

package/dist/editor/BlockContentEditor.d.ts

@@ -10,8 +10,11 @@ export interface BlockContentEditorProps<HostToolId extends string = never> {
     engine: UseBlockEditorStateReturn;
     /** The registry the document's blocks resolve against (same one passed to `useBlockEditorState`). */
     registry: BlockRegistry;
-    /** Host tools appended after the built-in trays — the host-tool slot (a widget tray, the
-     * IgniteAI Assistant). Block-level AI is gated on the `AIAction` seam, not on a tool. */
+    /** Host tools — the host-tool slot (a widget tray, the IgniteAI Assistant). Rendered
+     * alongside the built-ins in one rail; the built-ins carry `priority` 0-3, so a host tool
+     * with no `priority` set renders after all four (e.g. a widget tray), while one that sets a
+     * lower `priority` renders before them (e.g. an Assistant docked at the top of the rail).
+     * Block-level AI is gated on the `AIAction` seam, not on a tool. */
     tools?: Tool<HostToolId>[];
     /** Which built-in trays to render, as a subset of `BUILT_IN_TOOL_IDS`; defaults to all four.
      * Rendered in the canonical order regardless of the order given (e.g. a dashboard passes

package/dist/editor/BlockContentEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockContentEditor.d.ts","sourceRoot":"","sources":["../../src/editor/BlockContentEditor.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,KAAK,aAAa,EAAqB,MAAM,aAAa,CAAA;AAOnE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAQjD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAE5E,6FAA6F;AAC7F,eAAO,MAAM,iBAAiB,+DAAgE,CAAA;AAC9F,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAmC9D,MAAM,WAAW,uBAAuB,CAAC,UAAU,SAAS,MAAM,GAAG,KAAK;IACxE;+FAC2F;IAC3F,MAAM,EAAE,yBAAyB,CAAA;IACjC,qGAAqG;IACrG,QAAQ,EAAE,aAAa,CAAA;IACvB;6FACyF;IACzF,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,CAAA;IAC1B;;sCAEkC;IAClC,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC;qDACiD;IACjD,aAAa,CAAC,EAAE,aAAa,GAAG,UAAU,CAAA;IAC1C,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,mFAAmF;IACnF,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,SAAS,MAAM,GAAG,KAAK,EAAE,EACpE,MAAM,EACN,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,cAAuC,EACvC,aAAa,EACb,MAAM,EACN,oBAAoB,GACrB,EAAE,uBAAuB,CAAC,UAAU,CAAC,2CA0NrC"}
+{"version":3,"file":"BlockContentEditor.d.ts","sourceRoot":"","sources":["../../src/editor/BlockContentEditor.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,KAAK,aAAa,EAAqB,MAAM,aAAa,CAAA;AAOnE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAQjD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAE5E,6FAA6F;AAC7F,eAAO,MAAM,iBAAiB,+DAAgE,CAAA;AAC9F,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAmC9D,MAAM,WAAW,uBAAuB,CAAC,UAAU,SAAS,MAAM,GAAG,KAAK;IACxE;+FAC2F;IAC3F,MAAM,EAAE,yBAAyB,CAAA;IACjC,qGAAqG;IACrG,QAAQ,EAAE,aAAa,CAAA;IACvB;;;;wEAIoE;IACpE,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,CAAA;IAC1B;;sCAEkC;IAClC,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC;qDACiD;IACjD,aAAa,CAAC,EAAE,aAAa,GAAG,UAAU,CAAA;IAC1C,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,mFAAmF;IACnF,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,SAAS,MAAM,GAAG,KAAK,EAAE,EACpE,MAAM,EACN,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,cAAuC,EACvC,aAAa,EACb,MAAM,EACN,oBAAoB,GACrB,EAAE,uBAAuB,CAAC,UAAU,CAAC,2CAoPrC"}

package/dist/editor/preview/PreviewArea.d.ts

@@ -9,23 +9,20 @@ export interface PreviewAreaProps {
     componentRegistry: BlockRegistry;
     /** Shown as the page title above the rendered document. */
     objectName?: string;
-    /**
-     * Controlled viewport. Omit to let the built-in switch manage it (seeded to desktop);
-     * pass it — with `onViewportChange` — for the host to drive the switch instead.
-     */
-    viewport?: PreviewViewport;
-    /** Called when the built-in switch changes viewport (fires in both modes). */
-    onViewportChange?: (viewport: PreviewViewport) => void;
+    /** Which device width the frame simulates. Controlled — the host owns the switch UI that drives it. */
+    viewport: PreviewViewport;
     /** Forwarded to the `Viewer` — one call per node the registry could not resolve. */
     onUnresolvedBlock?: (block: UnresolvedBlock) => void;
 }
 /**
  * The learner-facing preview of an authored document: a shaded "student browser" frame around
- * the read-path `Viewer`, with a Desktop/Mobile switch that resizes the frame. It is an inline
- * area — how it is presented (modal, drawer, fullscreen, inline) and any surrounding chrome is
- * the host's choice. Brand color, translations and host data hooks come from the host's own
- * providers above it, exactly as for the `Viewer`; no `theme`/`isEditMode` is injected. The
- * `Viewer` runs with designer mode off so blocks render their student — not authoring — state.
+ * the read-path `Viewer`, resized to the `viewport` prop. It renders no switch of its own — the
+ * host decides how to offer Desktop/Mobile (or any other) selection and drives `viewport`
+ * accordingly. It is an inline area — how it is presented (modal, drawer, fullscreen, inline) and
+ * any surrounding chrome is the host's choice. Brand color, translations and host data hooks come
+ * from the host's own providers above it, exactly as for the `Viewer`; no `theme`/`isEditMode` is
+ * injected. The `Viewer` runs with designer mode off so blocks render their student — not
+ * authoring — state.
  */
-export declare function PreviewArea({ templateLayout, templateData, componentRegistry, objectName, viewport, onViewportChange, onUnresolvedBlock, }: PreviewAreaProps): import("react/jsx-runtime").JSX.Element;
+export declare function PreviewArea({ templateLayout, templateData, componentRegistry, objectName, viewport, onUnresolvedBlock, }: PreviewAreaProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PreviewArea.d.ts.map

package/dist/editor/preview/PreviewArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewArea.d.ts","sourceRoot":"","sources":["../../../src/editor/preview/PreviewArea.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAE9F,OAAO,EAAqB,KAAK,eAAe,EAAmB,MAAM,aAAa,CAAA;AAItF,MAAM,WAAW,gBAAgB;IAC/B,iEAAiE;IACjE,cAAc,EAAE,UAAU,EAAE,CAAA;IAC5B,kEAAkE;IAClE,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,iFAAiF;IACjF,iBAAiB,EAAE,aAAa,CAAA;IAChC,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAA;IACtD,oFAAoF;IACpF,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;CACrD;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,iBAAiB,GAClB,EAAE,gBAAgB,2CA6DlB"}
+{"version":3,"file":"PreviewArea.d.ts","sourceRoot":"","sources":["../../../src/editor/preview/PreviewArea.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAE9F,OAAO,EAAE,KAAK,eAAe,EAAmB,MAAM,aAAa,CAAA;AAGnE,MAAM,WAAW,gBAAgB;IAC/B,iEAAiE;IACjE,cAAc,EAAE,UAAU,EAAE,CAAA;IAC5B,kEAAkE;IAClE,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,iFAAiF;IACjF,iBAAiB,EAAE,aAAa,CAAA;IAChC,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uGAAuG;IACvG,QAAQ,EAAE,eAAe,CAAA;IACzB,oFAAoF;IACpF,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;CACrD;AAED;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,QAAQ,EACR,iBAAiB,GAClB,EAAE,gBAAgB,2CA2BlB"}

package/dist/editor/preview/index.d.ts

@@ -1,4 +1,3 @@
 export { PreviewArea, type PreviewAreaProps } from './PreviewArea';
 export { PREVIEW_VIEWPORTS, type PreviewViewport, VIEWPORT_WIDTHS } from './constants';
-export { type DesignerPreviewTranslations, DesignerPreviewEnglish, } from './previewTranslations';
 //# sourceMappingURL=index.d.ts.map

package/dist/editor/preview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/editor/preview/index.ts"],"names":[],"mappings":"AAoBA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,KAAK,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AACtF,OAAO,EACL,KAAK,2BAA2B,EAChC,sBAAsB,GACvB,MAAM,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/editor/preview/index.ts"],"names":[],"mappings":"AAoBA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,KAAK,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA"}

package/dist/editor/preview/previewStyles.d.ts

@@ -1,15 +1,14 @@
 /**
- * The student preview's chrome CSS: the outer column, the viewport switch row, the shaded
- * "student browser" frame whose width the viewport switch animates, and the white page surface
- * that scrolls the rendered document. None of it is expressible in InstUI props — it needs a
- * gradient background, an animated `max-width` and a media query — so, like the canvas and tool
- * panel chrome, it is injected once as a global stylesheet keyed by stable class names. The
- * per-viewport width varies at runtime and is fed in as the `FRAME_WIDTH_VAR` custom property
- * (not an inline `max-width`, which would outrank the phone media query below).
+ * The student preview's chrome CSS: the outer column, the shaded "student browser" frame whose
+ * width the host-driven `viewport` prop animates, and the white page surface that scrolls the
+ * rendered document. None of it is expressible in InstUI props — it needs a gradient background,
+ * an animated `max-width` and a media query — so, like the canvas and tool panel chrome, it is
+ * injected once as a global stylesheet keyed by stable class names. The per-viewport width varies
+ * at runtime and is fed in as the `FRAME_WIDTH_VAR` custom property (not an inline `max-width`,
+ * which would outrank the phone media query below).
  */
 export declare const PREVIEW_CLASS: {
     readonly root: "bce-preview";
-    readonly header: "bce-preview-header";
     readonly frame: "bce-preview-frame";
     readonly topNav: "bce-preview-top-nav";
     readonly page: "bce-preview-page";

package/dist/editor/preview/previewStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"previewStyles.d.ts","sourceRoot":"","sources":["../../../src/editor/preview/previewStyles.tsx"],"names":[],"mappings":"AAoBA;;;;;;;;GAQG;AAEH,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAA;AAEV,eAAO,MAAM,eAAe,8BAA8B,CAAA;AAqB1D,yEAAyE;AACzE,wBAAgB,mBAAmB,4CAgElC"}
+{"version":3,"file":"previewStyles.d.ts","sourceRoot":"","sources":["../../../src/editor/preview/previewStyles.tsx"],"names":[],"mappings":"AAoBA;;;;;;;;GAQG;AAEH,eAAO,MAAM,aAAa;;;;;CAKhB,CAAA;AAEV,eAAO,MAAM,eAAe,8BAA8B,CAAA;AAqB1D,yEAAyE;AACzE,wBAAgB,mBAAmB,4CAyDlC"}

package/dist/editor/sidebar/panel/DesignerSideBar.d.ts

@@ -1,12 +1,14 @@
 import { Ref } from 'react';
 import { DesignerSideBarProps, ToolPanelHandle } from './types';
+/** True when the viewport is below the medium breakpoint (mobile layout active). */
+export declare function useIsCompactLayout(enabled?: boolean): boolean;
 /**
  * The designer sidebar: a collapsible tool panel on desktop (icon rail + resizable content)
  * and a slide-up overlay + bottom toolbar on mobile. Built-in trays and any host tools are
  * supplied through `tools`. Each open tool gets its own `DesignerNavProvider` (keyed by tool
  * id, so switching tools resets navigation) and `ToolHeaderActionsProvider`.
  */
-declare function DesignerSideBarInner<ID extends string>({ tools, initialSelectedToolId, height, toolStyle, isFullScreenMode, hasExpandPanelButton, onToolChange, onFullWidthChange, isPanelResizeEnabled, selectedToolId: controlledSelectedToolId, onSelectedToolIdChange, view, onViewChange, renderContentInActiveLayoutOnly, controlledExpandedWidth, contentKey, onBack, }: DesignerSideBarProps<ID>, ref: Ref<ToolPanelHandle<ID>>): import("react/jsx-runtime").JSX.Element;
+declare function DesignerSideBarInner<ID extends string>({ tools: unsortedTools, initialSelectedToolId, height, toolStyle, isFullScreenMode, hasExpandPanelButton, onToolChange, onFullWidthChange, isPanelResizeEnabled, selectedToolId: controlledSelectedToolId, onSelectedToolIdChange, view, onViewChange, renderContentInActiveLayoutOnly, controlledExpandedWidth, contentKey, onBack, }: DesignerSideBarProps<ID>, ref: Ref<ToolPanelHandle<ID>>): import("react/jsx-runtime").JSX.Element;
 /**
  * `forwardRef` erases the generic, so re-assert it on the exported component: callers keep
  * `Tool<ID>` inference and a typed imperative handle.

package/dist/editor/sidebar/panel/DesignerSideBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DesignerSideBar.d.ts","sourceRoot":"","sources":["../../../../src/editor/sidebar/panel/DesignerSideBar.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAIL,KAAK,GAAG,EAOT,MAAM,OAAO,CAAA;AAYd,OAAO,KAAK,EAAE,oBAAoB,EAAQ,eAAe,EAAE,MAAM,SAAS,CAAA;AA6C1E;;;;;GAKG;AACH,iBAAS,oBAAoB,CAAC,EAAE,SAAS,MAAM,EAC7C,EACE,KAAK,EACL,qBAAqB,EACrB,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,oBAAoB,EACpB,YAAY,EACZ,iBAAiB,EACjB,oBAA2B,EAC3B,cAAc,EAAE,wBAAwB,EACxC,sBAAsB,EACtB,IAAI,EACJ,YAAY,EACZ,+BAAsC,EACtC,uBAAuB,EACvB,UAAU,EACV,MAAM,GACP,EAAE,oBAAoB,CAAC,EAAE,CAAC,EAC3B,GAAG,EAAE,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,2CA+V9B;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAuC,CAAC,EAAE,SAAS,MAAM,EACnF,KAAK,EAAE,oBAAoB,CAAC,EAAE,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAAA;CAAE,KACjE,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA"}
+{"version":3,"file":"DesignerSideBar.d.ts","sourceRoot":"","sources":["../../../../src/editor/sidebar/panel/DesignerSideBar.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAIL,KAAK,GAAG,EAQT,MAAM,OAAO,CAAA;AAYd,OAAO,KAAK,EAAE,oBAAoB,EAAQ,eAAe,EAAE,MAAM,SAAS,CAAA;AAuB1E,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,OAAO,UAAO,GAAG,OAAO,CAmB1D;AAED;;;;;GAKG;AACH,iBAAS,oBAAoB,CAAC,EAAE,SAAS,MAAM,EAC7C,EACE,KAAK,EAAE,aAAa,EACpB,qBAAqB,EACrB,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,oBAAoB,EACpB,YAAY,EACZ,iBAAiB,EACjB,oBAA2B,EAC3B,cAAc,EAAE,wBAAwB,EACxC,sBAAsB,EACtB,IAAI,EACJ,YAAY,EACZ,+BAAsC,EACtC,uBAAuB,EACvB,UAAU,EACV,MAAM,GACP,EAAE,oBAAoB,CAAC,EAAE,CAAC,EAC3B,GAAG,EAAE,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,2CA0W9B;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAuC,CAAC,EAAE,SAAS,MAAM,EACnF,KAAK,EAAE,oBAAoB,CAAC,EAAE,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAAA;CAAE,KACjE,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA"}

package/dist/editor/sidebar/panel/types.d.ts

@@ -14,6 +14,9 @@ export interface Tool<ID extends string> {
     id: ID;
     /** Rail tooltip + header title, already translated. */
     title: string;
+    /** Rail position, lowest first; ties keep the given array order. Omitted sorts after every
+     * tool that sets one, in the order given — a host tool with no `priority` renders last. */
+    priority?: number;
     icon: ReactNode;
     /** Shown in the rail while this tool is active; falls back to `icon`. */
     activeIcon?: ReactNode;

package/dist/editor/sidebar/panel/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/editor/sidebar/panel/types.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAA;AAE5E;;;;;;;GAOG;AACH,MAAM,WAAW,IAAI,CAAC,EAAE,SAAS,MAAM;IACrC,EAAE,EAAE,EAAE,CAAA;IACN,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,SAAS,CAAA;IACf,yEAAyE;IACzE,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,qEAAqE;IACrE,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,sFAAsF;IACtF,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kGAAkG;IAClG,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oFAAoF;IACpF,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,sFAAsF;AACtF,MAAM,WAAW,eAAe,CAAC,EAAE,SAAS,MAAM;IAChD,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,IAAI,CAAA;CAC/B;AAED,MAAM,WAAW,oBAAoB,CAAC,EAAE,SAAS,MAAM;IACrD,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,CAAA;IACjB,yFAAyF;IACzF,qBAAqB,CAAC,EAAE,EAAE,CAAA;IAC1B,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,uDAAuD;IACvD,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yEAAyE;IACzE,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,GAAG,IAAI,KAAK,IAAI,CAAA;IAC1C,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,iFAAiF;IACjF,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kFAAkF;IAClF,cAAc,CAAC,EAAE,EAAE,GAAG,IAAI,CAAA;IAC1B,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,GAAG,IAAI,KAAK,IAAI,CAAA;IACpD,qFAAqF;IACrF,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC/C;qFACiF;IACjF,+BAA+B,CAAC,EAAE,OAAO,CAAA;IACzC;oCACgC;IAChC,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC;;mEAE+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,+FAA+F;IAC/F,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;CACpD;AAED,2FAA2F;AAC3F,MAAM,WAAW,6BAA6B;IAC5C,gBAAgB,EAAE,CAAC,OAAO,EAAE,SAAS,KAAK,IAAI,CAAA;IAC9C,aAAa,EAAE,SAAS,CAAA;CACzB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/editor/sidebar/panel/types.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAA;AAE5E;;;;;;;GAOG;AACH,MAAM,WAAW,IAAI,CAAC,EAAE,SAAS,MAAM;IACrC,EAAE,EAAE,EAAE,CAAA;IACN,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAA;IACb;+FAC2F;IAC3F,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,SAAS,CAAA;IACf,yEAAyE;IACzE,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,qEAAqE;IACrE,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,sFAAsF;IACtF,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kGAAkG;IAClG,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oFAAoF;IACpF,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,sFAAsF;AACtF,MAAM,WAAW,eAAe,CAAC,EAAE,SAAS,MAAM;IAChD,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,IAAI,CAAA;CAC/B;AAED,MAAM,WAAW,oBAAoB,CAAC,EAAE,SAAS,MAAM;IACrD,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,CAAA;IACjB,yFAAyF;IACzF,qBAAqB,CAAC,EAAE,EAAE,CAAA;IAC1B,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,uDAAuD;IACvD,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yEAAyE;IACzE,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,GAAG,IAAI,KAAK,IAAI,CAAA;IAC1C,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,iFAAiF;IACjF,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kFAAkF;IAClF,cAAc,CAAC,EAAE,EAAE,GAAG,IAAI,CAAA;IAC1B,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,GAAG,IAAI,KAAK,IAAI,CAAA;IACpD,qFAAqF;IACrF,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC/C;qFACiF;IACjF,+BAA+B,CAAC,EAAE,OAAO,CAAA;IACzC;oCACgC;IAChC,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC;;mEAE+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,+FAA+F;IAC/F,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;CACpD;AAED,2FAA2F;AAC3F,MAAM,WAAW,6BAA6B;IAC5C,gBAAgB,EAAE,CAAC,OAAO,EAAE,SAAS,KAAK,IAAI,CAAA;IAC9C,aAAa,EAAE,SAAS,CAAA;CACzB"}

package/dist/editor/sidebar/tray/BlockTray.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockTray.d.ts","sourceRoot":"","sources":["../../../../src/editor/sidebar/tray/BlockTray.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA;AAMpE;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,kFAAkF;IAClF,QAAQ,EAAE,aAAa,CAAA;IACvB,8FAA8F;IAC9F,cAAc,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,6FAA6F;IAC7F,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnC,qBAAqB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;IACtD,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9E;AAED,UAAU,sBAAuB,SAAQ,cAAc;IACrD,QAAQ,EAAE,aAAa,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,cAAc,EACd,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,QAAQ,EACR,KAAK,GACN,EAAE,sBAAsB,2CAkCxB"}
+{"version":3,"file":"BlockTray.d.ts","sourceRoot":"","sources":["../../../../src/editor/sidebar/tray/BlockTray.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA;AAMpE;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,kFAAkF;IAClF,QAAQ,EAAE,aAAa,CAAA;IACvB,8FAA8F;IAC9F,cAAc,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,6FAA6F;IAC7F,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnC,qBAAqB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;IACtD,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9E;AAED,UAAU,sBAAuB,SAAQ,cAAc;IACrD,QAAQ,EAAE,aAAa,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,cAAc,EACd,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,QAAQ,EACR,KAAK,GACN,EAAE,sBAAsB,2CAoCxB"}

package/dist/editor/sidebar/tray/TemplatesPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TemplatesPanel.d.ts","sourceRoot":"","sources":["../../../../src/editor/sidebar/tray/TemplatesPanel.tsx"],"names":[],"mappings":"AAuBA,sFAAsF;AACtF,wBAAgB,cAAc,4CAQ7B;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"TemplatesPanel.d.ts","sourceRoot":"","sources":["../../../../src/editor/sidebar/tray/TemplatesPanel.tsx"],"names":[],"mappings":"AAuBA,sFAAsF;AACtF,wBAAgB,cAAc,4CAU7B;AAED,eAAe,cAAc,CAAA"}