@intentic/extension-ui 1.232.0 → 1.233.0

package/dist/types/ui/src/components/ConfirmDialog.vue.d.ts

@@ -1,4 +1,4 @@
-import { type IconName } from "../icons/iconSets.js";
+import type { IconName } from "../icons/iconSets.js";
 declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<{
         open: boolean;

package/dist/types/ui/src/components/DisclosureRow.vue.d.ts

@@ -12,7 +12,11 @@ type __VLS_Props = {
     tone?: RowTone;
     disabled?: boolean;
 };
-declare var __VLS_1: {}, __VLS_26: {}, __VLS_29: {}, __VLS_32: {}, __VLS_35: {}, __VLS_38: {}, __VLS_46: {}, __VLS_48: {}, __VLS_50: {};
+declare var __VLS_1: {}, __VLS_26: {
+    mark: 22 | 18 | 28;
+}, __VLS_29: {}, __VLS_32: {}, __VLS_35: {}, __VLS_38: {}, __VLS_46: {
+    mark: 22 | 18 | 28;
+}, __VLS_48: {}, __VLS_50: {};
 type __VLS_Slots = {} & {
     before?: (props: typeof __VLS_1) => any;
 } & {

package/dist/types/ui/src/components/ImageView.vue.d.ts

@@ -1,6 +1,12 @@
+import type { ImageViewState } from "./imageView.js";
 type __VLS_Props = {
     src: string;
+    view?: ImageViewState;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:view": (args_0: ImageViewState) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:view"?: ((args_0: ImageViewState) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/types/ui/src/components/ResponsiveOverlay.vue.d.ts

@@ -1,4 +1,4 @@
-import { type Cross, type Side } from "../lib/anchorPlacement.js";
+import type { Cross, Side } from "../lib/anchorPlacement.js";
 type __VLS_Props = {
     anchor: HTMLElement | undefined;
     header?: string;

package/dist/types/ui/src/components/Row.vue.d.ts

@@ -1,4 +1,4 @@
-import { type IconName } from "../icons/iconSets.js";
+import type { IconName } from "../icons/iconSets.js";
 import { type RowDensity, type RowTone } from "./row.js";
 type __VLS_Props = {
     icon?: IconName;
@@ -20,7 +20,9 @@ type __VLS_Props = {
     headerControls?: string;
     headlineGuard?: boolean;
 };
-declare var __VLS_16: {}, __VLS_29: {}, __VLS_31: {}, __VLS_33: {}, __VLS_35: {}, __VLS_42: {};
+declare var __VLS_16: {
+    mark: 22 | 18 | 28;
+}, __VLS_29: {}, __VLS_31: {}, __VLS_33: {}, __VLS_35: {}, __VLS_42: {};
 type __VLS_Slots = {} & {
     lead?: (props: typeof __VLS_16) => any;
 } & {

package/dist/types/ui/src/components/RowGroup.vue.d.ts

@@ -1,9 +1,11 @@
+import { type RowDensity } from "./row.js";
 type __VLS_Props = {
     label?: string;
     count?: string | number;
     caption?: string;
     flat?: boolean;
     undivided?: boolean;
+    density?: RowDensity;
 };
 declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
 type __VLS_Slots = {} & {

package/dist/types/ui/src/components/SkeletonRows.vue.d.ts

@@ -1,6 +1,7 @@
+import { type RowDensity } from "./row.js";
 type __VLS_Props = {
     rows?: number;
-    density?: `comfortable` | `compact` | `dense`;
+    density?: RowDensity;
     lead?: boolean;
     description?: boolean;
     control?: boolean;

package/dist/types/ui/src/components/StepSection.vue.d.ts

@@ -1,4 +1,4 @@
-import { type IconName } from "../icons/iconSets.js";
+import type { IconName } from "../icons/iconSets.js";
 type __VLS_Props = {
     step?: number;
     icon?: IconName;

package/dist/types/ui/src/components/imageView.d.ts

@@ -1 +1,9 @@
 export declare const isRenderableImage: (path: string) => boolean;
+export type ImageViewState = {
+    readonly fit: true;
+} | {
+    readonly fit: false;
+    readonly scale: number;
+    readonly x: number;
+    readonly y: number;
+};

package/dist/types/ui/src/components/row.d.ts

@@ -1,3 +1,4 @@
+import { type ComputedRef } from "vue";
 export type RowDensity = `comfortable` | `compact` | `dense`;
 export type RowTone = `default` | `danger` | `warning` | `success` | `info`;
 export declare const ROW_TIERS: {
@@ -7,6 +8,7 @@ export declare const ROW_TIERS: {
         readonly icon: "text-lg";
         readonly title: "font-semibold leading-tight";
         readonly description: "text-xs";
+        readonly mark: 28;
     };
     readonly compact: {
         readonly pad: "px-4 py-2.5";
@@ -14,6 +16,7 @@ export declare const ROW_TIERS: {
         readonly icon: "text-sm";
         readonly title: "text-sm font-medium leading-tight";
         readonly description: "text-2xs";
+        readonly mark: 22;
     };
     readonly dense: {
         readonly pad: "px-2.5 py-2";
@@ -21,6 +24,7 @@ export declare const ROW_TIERS: {
         readonly icon: "text-xs";
         readonly title: "text-xs font-medium leading-tight";
         readonly description: "text-2xs";
+        readonly mark: 18;
     };
 };
 export declare const ROW_TONES: {
@@ -40,3 +44,10 @@ export declare const ROW_TOGGLE_SIZES: {
     readonly compact: "text-2xs";
     readonly dense: "text-2xs";
 };
+export declare const ROW_BLOCK_PAD: {
+    readonly comfortable: "px-4.5 py-4";
+    readonly compact: "px-4 py-3.5";
+    readonly dense: "px-2.5 py-3";
+};
+export declare const provideRowDensity: (density: ComputedRef<RowDensity>) => void;
+export declare const useRowDensity: (own: () => RowDensity | undefined) => ComputedRef<RowDensity>;

package/dist/types/ui/src/composables/useTheme.d.ts

@@ -1,4 +1,4 @@
-import { type Ref } from "vue";
+import type { Ref } from "vue";
 export type ColorScheme = "light" | "dark";
 export declare function useTheme(): {
     scheme: Ref<ColorScheme, ColorScheme>;

package/dist/types/ui/src/markdown/blocks.d.ts

@@ -0,0 +1,11 @@
+export interface MarkdownBlock {
+    readonly start: number;
+    readonly end: number;
+}
+export interface MarkdownBlocks {
+    readonly blocks: readonly MarkdownBlock[];
+    readonly defs: string;
+}
+export declare const splitMarkdownBlocks: (source: string) => MarkdownBlocks;
+export declare const blockAtOffset: (blocks: readonly MarkdownBlock[], offset: number) => number;
+export declare const offsetOfLine: (source: string, line: number) => number;

package/dist/types/ui/src/markdown/index.d.ts

@@ -1,3 +1,4 @@
+export { blockAtOffset, type MarkdownBlock, type MarkdownBlocks, offsetOfLine, splitMarkdownBlocks } from "./blocks.js";
 export { type CodeBlock, codeBlockHtml, copyCodeFromEvent, escapeHtml } from "./code.js";
 export { type BarsFigure, type BarsFigureItem, type DagFigure, type DagFigureEdge, type DagFigureNode, type Figure, FIGURE_ACCENTS, type FigureAccent, FIGURE_LANGS, JSON_FIGURE_LANGS, type MarkdownSegment, MERMAID_LANG, type MermaidFigure, parseFigure, splitFigureSegments, type StatsFigure, type StatsFigureItem, } from "./figures.js";
-export { createStreamingMarkdown, type MarkdownDecorator, type MarkdownPart, markdownParseCount, renderMarkdown, renderMarkdownParts, type RenderedMarkdown, settledEnd, type StreamingMarkdown, } from "./render.js";
+export { createStreamingMarkdown, lexBlocks, lexInline, type MarkdownDecorator, type MarkdownPart, markdownParseCount, type MarkdownToken, renderMarkdown, renderMarkdownParts, type RenderedMarkdown, settledEnd, type StreamingMarkdown, } from "./render.js";

package/dist/types/ui/src/markdown/render.d.ts

@@ -1,4 +1,11 @@
 import { type Figure } from "./figures.js";
+export interface MarkdownToken {
+    readonly type: string;
+    readonly raw: string;
+    readonly tokens?: readonly MarkdownToken[];
+}
+export declare const lexBlocks: (source: string) => readonly MarkdownToken[] | undefined;
+export declare const lexInline: (source: string) => readonly MarkdownToken[] | undefined;
 export type MarkdownDecorator = (fragment: DocumentFragment) => void;
 export declare const markdownParseCount: () => number;
 export declare const renderMarkdown: (source: string, decorate?: MarkdownDecorator) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intentic/extension-ui",
-  "version": "1.232.0",
+  "version": "1.233.0",
   "description": "The UI kit intentic extensions render with, host-provided at runtime (the app's own components via the import map), so extension UI is always native to the shell",
   "license": "MIT",
   "type": "module",
@@ -40,8 +40,8 @@
     "typescript": "5.9.3",
     "vue": "3.5.40",
     "vue-tsc": "3.3.9",
-    "@intentic/tsconfig": "0.0.0",
-    "@intentic/ui": "0.0.0"
+    "@intentic/ui": "0.0.0",
+    "@intentic/tsconfig": "0.0.0"
   },
   "peerDependencies": {
     "vue": "3"

package/src/index.ts

@@ -74,8 +74,8 @@ export {
     type ChangeStatus,
     ui,
     Code,
-    /* <CodeField> ships beside <Code> because shipping the reader WITHOUT the writer is what made the memory
-     * extension put a bare grey <textarea> next to a coloured block of the very same file: the kit had no way
+    /* <CodeField> ships beside <Code> because shipping the reader WITHOUT the writer is what made a note pane
+     * put a bare grey <textarea> next to a coloured block of the very same file: the kit had no way
      * to say "this text, in its own colours, with a caret in it". */
     CodeField,
     ConfirmDialog,
@@ -116,14 +116,15 @@ export {
     Modal,
     type NavGroup,
     NavRail,
-    /* <NoteEditor> and `useNoteDraft` ship because TWO extensions are a pane that reads a markdown file, lets
-     * somebody correct it and lets them delete it, knowledge and memory, and they had built the same thing
-     * twice: the same Copy/Edit/Delete cluster, the same Cancel/Save pair, the same in-place confirmation, the
-     * same draft-or-file binding, the same read-and-write-on-one-surface rule. They had already drifted in the
-     * ways a second copy does: one cleared its confirmation when a write failed and the other did not, and
-     * NEITHER caught a failing write, so the error strip filled in from the mutation while the click handler's
-     * promise rejected into the console. The component is the chrome and the composable is the lifecycle,
-     * separately, because what a note LOOKS like past the frame is exactly where the two panes differ. */
+    /* <NoteEditor> and `useNoteDraft` ship because "a pane that reads a markdown file, lets somebody correct it
+     * and lets them delete it" is a shape an extension arrives at over and over, and the first two that did
+     * built the same thing twice: the same Copy/Edit/Delete cluster, the same Cancel/Save pair, the same
+     * in-place confirmation, the same draft-or-file binding, the same read-and-write-on-one-surface rule. They
+     * had already drifted in the ways a second copy does: one cleared its confirmation when a write failed and
+     * the other did not, and NEITHER caught a failing write, so the error strip filled in from the mutation
+     * while the click handler's promise rejected into the console. The component is the chrome and the
+     * composable is the lifecycle, separately, because what a note LOOKS like past the frame is exactly where
+     * two panes differ. */
     NoteEditor,
     type NoteDraft,
     type NoteDraftOptions,