@elaraai/east-ui 0.0.1-beta.5 → 0.0.1-beta.7

package/dist/src/platform/store.d.ts

@@ -0,0 +1,172 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+import type { PlatformFunction, EastIR } from "@elaraai/east/internal";
+/**
+ * Store interface for UI state management.
+ *
+ * @remarks
+ * State is stored as Beast2-encoded Uint8Array values, allowing any East type to be stored.
+ * Provides reactive subscriptions, batching, and garbage collection.
+ */
+export interface UIStoreInterface {
+    /** Read a Beast2-encoded value from the store */
+    read(key: string): Uint8Array | undefined;
+    /** Write a Beast2-encoded value to the store */
+    write(key: string, value: Uint8Array | undefined): void;
+    /** Check if a key exists in the store */
+    has(key: string): boolean;
+    /** Subscribe to all state changes, returns unsubscribe function */
+    subscribe(callback: () => void): () => void;
+    /** Subscribe to a specific key, returns unsubscribe function */
+    subscribe(key: string, callback: () => void): () => void;
+    /** Batch multiple writes together for single notification */
+    batch<T>(fn: () => T): T;
+    /** Mark a key as active during render (for garbage collection) */
+    markActive(key: string): void;
+    /** Called at start of render cycle */
+    beginRender(): void;
+    /** Called at end of render cycle - removes orphaned keys */
+    endRender(): void;
+    /** Get snapshot version for React's useSyncExternalStore */
+    getSnapshot(): number;
+    /** Get current state for debugging */
+    getState(): Map<string, Uint8Array>;
+    /** Set the notification scheduler (for deferred notifications in React) */
+    setScheduler(scheduler: ((notify: () => void) => void) | undefined): void;
+    /** Get version number for a specific key (for reactive component subscriptions) */
+    getKeyVersion(key: string): number;
+}
+/**
+ * Options for creating a UIStore.
+ */
+export interface UIStoreOptions {
+    /** Initial state as a Map of string keys to Beast2-encoded blobs */
+    initialState?: Map<string, Uint8Array> | undefined;
+    /**
+     * Optional scheduler for deferred notifications.
+     * If provided, flush notifications will be deferred using this function.
+     * If not provided, notifications happen synchronously.
+     *
+     * For React, use queueMicrotask to avoid "setState during render" errors:
+     * @example
+     * ```ts
+     * const store = new UIStore({
+     *     scheduleNotify: (fn) => queueMicrotask(fn)
+     * });
+     * ```
+     */
+    scheduleNotify?: (notify: () => void) => void;
+}
+/**
+ * Reactive state store for East UI applications.
+ *
+ * @remarks
+ * Combines state management, function registration, and React integration:
+ * - State stored as Beast2-encoded blobs
+ * - Batched writes for performance
+ * - Key-specific and global subscriptions
+ * - Garbage collection for orphaned keys
+ * - Function registration with automatic re-execution
+ *
+ * @example
+ * ```ts
+ * import { UIStore, State } from "@elaraai/east-ui";
+ *
+ * // Use the singleton store via State.Implementation
+ * const compiled = counterFn.toIR().compile(State.Implementation);
+ *
+ * // Or create a custom store for isolation
+ * const store = new UIStore();
+ * ```
+ */
+export declare class UIStore implements UIStoreInterface {
+    private state;
+    private registrations;
+    private keySubscribers;
+    private globalSubscribers;
+    private activeKeys;
+    private previousActiveKeys;
+    private version;
+    private batchDepth;
+    private changedKeys;
+    private scheduleNotify?;
+    private keyVersions;
+    constructor(options?: UIStoreOptions);
+    read(key: string): Uint8Array | undefined;
+    write(key: string, value: Uint8Array | undefined): void;
+    has(key: string): boolean;
+    subscribe(callback: () => void): () => void;
+    subscribe(key: string, callback: () => void): () => void;
+    batch<T>(fn: () => T): T;
+    markActive(key: string): void;
+    beginRender(): void;
+    endRender(): void;
+    getSnapshot(): number;
+    getState(): Map<string, Uint8Array>;
+    /**
+     * Register an East function for reactive execution.
+     *
+     * @remarks
+     * The function will be compiled and executed immediately with current state.
+     * When state changes, it will be re-executed automatically.
+     *
+     * @param id - Unique identifier for this registration
+     * @param ir - The East IR to compile and register
+     * @param platform - Platform functions to use for compilation
+     */
+    register(id: string, ir: EastIR<[Map<string, Uint8Array>], unknown>, platform: PlatformFunction[]): void;
+    /**
+     * Get the last result of a registered function.
+     *
+     * @param id - The registration identifier
+     * @returns The last computed result, or undefined if not registered
+     */
+    getResult(id: string): unknown;
+    /**
+     * Get all active keys (for debugging).
+     */
+    getActiveKeys(): Set<string>;
+    /**
+     * Set the notification scheduler.
+     * Call this to enable deferred notifications (e.g., for React integration).
+     *
+     * @param scheduler - Function to schedule deferred notifications, or undefined for synchronous
+     */
+    setScheduler(scheduler: ((notify: () => void) => void) | undefined): void;
+    /**
+     * Get version number for a specific key.
+     *
+     * @remarks
+     * Used by reactive components to create a snapshot that only changes
+     * when their specific dependencies change, enabling selective re-rendering.
+     *
+     * @param key - The state key to get the version for
+     * @returns The version number (increments on each write), or 0 if never written
+     */
+    getKeyVersion(key: string): number;
+    private flushScheduled;
+    private flush;
+    private doFlush;
+}
+/**
+ * Create a new UIStore with optional initial state.
+ *
+ * @param initialState - Optional initial state as a plain object
+ * @returns A new UIStore instance
+ *
+ * @example
+ * ```ts
+ * import { createUIStore } from "@elaraai/east-ui";
+ * import { encodeBeast2For } from "@elaraai/east/internal";
+ * import { IntegerType, StringType } from "@elaraai/east";
+ *
+ * const store = createUIStore({
+ *     count: encodeBeast2For(IntegerType)(0n),
+ *     name: encodeBeast2For(StringType)("Alice"),
+ * });
+ * ```
+ */
+export declare function createUIStore(initialState?: Record<string, Uint8Array>): UIStore;
+//# sourceMappingURL=store.d.ts.map

package/dist/src/platform/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/platform/store.ts"],"names":[],"mappings":"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"}

package/dist/src/platform/store.js

@@ -0,0 +1,246 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+import { BlobType, equalFor } from "@elaraai/east";
+const blobEqual = equalFor(BlobType);
+/**
+ * Reactive state store for East UI applications.
+ *
+ * @remarks
+ * Combines state management, function registration, and React integration:
+ * - State stored as Beast2-encoded blobs
+ * - Batched writes for performance
+ * - Key-specific and global subscriptions
+ * - Garbage collection for orphaned keys
+ * - Function registration with automatic re-execution
+ *
+ * @example
+ * ```ts
+ * import { UIStore, State } from "@elaraai/east-ui";
+ *
+ * // Use the singleton store via State.Implementation
+ * const compiled = counterFn.toIR().compile(State.Implementation);
+ *
+ * // Or create a custom store for isolation
+ * const store = new UIStore();
+ * ```
+ */
+export class UIStore {
+    state;
+    registrations = new Map();
+    keySubscribers = new Map();
+    globalSubscribers = new Set();
+    activeKeys = new Set();
+    previousActiveKeys = new Set();
+    version = 0;
+    batchDepth = 0;
+    changedKeys = new Set();
+    scheduleNotify;
+    keyVersions = new Map();
+    constructor(options) {
+        this.state = options?.initialState ?? new Map();
+        this.scheduleNotify = options?.scheduleNotify;
+    }
+    read(key) {
+        this.markActive(key);
+        return this.state.get(key);
+    }
+    write(key, value) {
+        // Check if value actually changed to avoid infinite loops
+        const existing = this.state.get(key);
+        const isEqual = value === undefined
+            ? existing === undefined
+            : existing !== undefined && blobEqual(existing, value);
+        if (isEqual)
+            return; // No change, skip update
+        if (value === undefined) {
+            this.state.delete(key);
+        }
+        else {
+            this.state.set(key, value);
+        }
+        this.changedKeys.add(key);
+        // Increment key version for reactive subscriptions
+        const currentVersion = this.keyVersions.get(key) ?? 0;
+        this.keyVersions.set(key, currentVersion + 1);
+        if (this.batchDepth === 0) {
+            this.flush();
+        }
+    }
+    has(key) {
+        return this.state.has(key);
+    }
+    subscribe(keyOrCallback, callback) {
+        if (typeof keyOrCallback === "function") {
+            // Global subscription
+            this.globalSubscribers.add(keyOrCallback);
+            return () => this.globalSubscribers.delete(keyOrCallback);
+        }
+        else {
+            // Key-specific subscription
+            const key = keyOrCallback;
+            const cb = callback;
+            let subs = this.keySubscribers.get(key);
+            if (!subs) {
+                subs = new Set();
+                this.keySubscribers.set(key, subs);
+            }
+            subs.add(cb);
+            return () => {
+                subs.delete(cb);
+                if (subs.size === 0) {
+                    this.keySubscribers.delete(key);
+                }
+            };
+        }
+    }
+    batch(fn) {
+        this.batchDepth++;
+        try {
+            return fn();
+        }
+        finally {
+            this.batchDepth--;
+            if (this.batchDepth === 0) {
+                this.flush();
+            }
+        }
+    }
+    markActive(key) {
+        this.activeKeys.add(key);
+    }
+    beginRender() {
+        this.previousActiveKeys = this.activeKeys;
+        this.activeKeys = new Set();
+    }
+    endRender() {
+        for (const key of this.previousActiveKeys) {
+            if (!this.activeKeys.has(key)) {
+                this.state.delete(key);
+            }
+        }
+    }
+    getSnapshot() {
+        return this.version;
+    }
+    getState() {
+        return new Map(this.state);
+    }
+    /**
+     * Register an East function for reactive execution.
+     *
+     * @remarks
+     * The function will be compiled and executed immediately with current state.
+     * When state changes, it will be re-executed automatically.
+     *
+     * @param id - Unique identifier for this registration
+     * @param ir - The East IR to compile and register
+     * @param platform - Platform functions to use for compilation
+     */
+    register(id, ir, platform) {
+        const compiled = ir.compile(platform);
+        const result = compiled(this.state);
+        this.registrations.set(id, { compiled, lastResult: result });
+    }
+    /**
+     * Get the last result of a registered function.
+     *
+     * @param id - The registration identifier
+     * @returns The last computed result, or undefined if not registered
+     */
+    getResult(id) {
+        return this.registrations.get(id)?.lastResult;
+    }
+    /**
+     * Get all active keys (for debugging).
+     */
+    getActiveKeys() {
+        return new Set(this.activeKeys);
+    }
+    /**
+     * Set the notification scheduler.
+     * Call this to enable deferred notifications (e.g., for React integration).
+     *
+     * @param scheduler - Function to schedule deferred notifications, or undefined for synchronous
+     */
+    setScheduler(scheduler) {
+        this.scheduleNotify = scheduler;
+    }
+    /**
+     * Get version number for a specific key.
+     *
+     * @remarks
+     * Used by reactive components to create a snapshot that only changes
+     * when their specific dependencies change, enabling selective re-rendering.
+     *
+     * @param key - The state key to get the version for
+     * @returns The version number (increments on each write), or 0 if never written
+     */
+    getKeyVersion(key) {
+        return this.keyVersions.get(key) ?? 0;
+    }
+    flushScheduled = false;
+    flush() {
+        if (this.changedKeys.size === 0)
+            return;
+        if (this.scheduleNotify) {
+            // Defer notifications to avoid "setState during render" errors
+            if (!this.flushScheduled) {
+                this.flushScheduled = true;
+                this.scheduleNotify(() => this.doFlush());
+            }
+        }
+        else {
+            // Synchronous flush (no scheduler provided)
+            this.doFlush();
+        }
+    }
+    doFlush() {
+        this.flushScheduled = false;
+        if (this.changedKeys.size === 0)
+            return;
+        // Increment version so useSyncExternalStore triggers re-render
+        this.version++;
+        // Re-execute all registered functions
+        for (const [, reg] of this.registrations) {
+            reg.lastResult = reg.compiled(this.state);
+        }
+        // Notify key-specific subscribers
+        for (const key of this.changedKeys) {
+            const subs = this.keySubscribers.get(key);
+            if (subs) {
+                for (const cb of subs)
+                    cb();
+            }
+        }
+        // Notify global subscribers
+        for (const cb of this.globalSubscribers)
+            cb();
+        this.changedKeys.clear();
+    }
+}
+/**
+ * Create a new UIStore with optional initial state.
+ *
+ * @param initialState - Optional initial state as a plain object
+ * @returns A new UIStore instance
+ *
+ * @example
+ * ```ts
+ * import { createUIStore } from "@elaraai/east-ui";
+ * import { encodeBeast2For } from "@elaraai/east/internal";
+ * import { IntegerType, StringType } from "@elaraai/east";
+ *
+ * const store = createUIStore({
+ *     count: encodeBeast2For(IntegerType)(0n),
+ *     name: encodeBeast2For(StringType)("Alice"),
+ * });
+ * ```
+ */
+export function createUIStore(initialState) {
+    return new UIStore({
+        initialState: initialState ? new Map(Object.entries(initialState)) : undefined,
+    });
+}
+//# sourceMappingURL=store.js.map

package/dist/src/platform/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../../../src/platform/store.ts"],"names":[],"mappings":"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"}

package/dist/src/reactive/index.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+import { type ExprType, type BlockBuilder } from "@elaraai/east";
+import { UIComponentType } from "../component.js";
+/**
+ * Creates a reactive component that re-renders independently when its dependencies change.
+ *
+ * @param body - Function body that returns UIComponentType. Must be a free function with no captures.
+ * @returns A ReactiveComponent variant of UIComponentType
+ *
+ * @remarks
+ * The body function MUST be a free function - no captures from parent East scope.
+ * This is validated at IR creation time. Dependencies are automatically detected
+ * at runtime by tracking which state keys are read during execution.
+ *
+ * **What IS allowed:**
+ * - Platform functions (State.readTyped, State.writeTyped, etc.)
+ * - Module-level constants and functions (not captures)
+ * - Callbacks defined inside the body (East.function)
+ *
+ * **What is NOT allowed:**
+ * - Parent East function scope variables ($.let, parameters, state reads)
+ * - Any variable captured from enclosing East function scope
+ *
+ * @throws Error if the body captures variables from parent scope
+ *
+ * @example
+ * ```ts
+ * import { East, IntegerType } from "@elaraai/east";
+ * import { Reactive, State, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const app = East.function([], UIComponentType, $ => {
+ *     // This component re-renders only when "counter" changes
+ *     return Reactive.Root($ => {
+ *         const count = $.let(State.readTyped("counter", IntegerType)());
+ *         const value = $.let(0n);
+ *         $.match(count, {
+ *             some: ($, v) => $.assign(value, v),
+ *         });
+ *         return Text.Root(East.str`Count: ${value}`);
+ *     });
+ * });
+ * ```
+ */
+declare function createReactive(body: ($: BlockBuilder<typeof UIComponentType>) => ExprType<typeof UIComponentType> | void): ExprType<typeof UIComponentType>;
+/**
+ * Reactive component for selective re-rendering.
+ *
+ * @remarks
+ * Use `Reactive.Root(body)` to create a reactive component that re-renders
+ * independently when its state dependencies change. Dependencies are automatically
+ * detected at runtime. The body function must be a free function with no captures
+ * from parent East scope.
+ */
+export declare const Reactive: {
+    /**
+     * Creates a reactive component that re-renders independently.
+     *
+     * @param body - Function body returning UIComponentType. Must be a free function.
+     * @returns A ReactiveComponent variant
+     *
+     * @see {@link createReactive} for full documentation and examples
+     */
+    readonly Root: typeof createReactive;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/reactive/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/reactive/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEH,KAAK,QAAQ,EACb,KAAK,YAAY,EAEpB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAOlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,iBAAS,cAAc,CACnB,IAAI,EAAE,CAAC,CAAC,EAAE,YAAY,CAAC,OAAO,eAAe,CAAC,KAAK,QAAQ,CAAC,OAAO,eAAe,CAAC,GAAG,IAAI,GAC3F,QAAQ,CAAC,OAAO,eAAe,CAAC,CAuBlC;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ;IACjB;;;;;;;OAOG;;CAEG,CAAC"}

package/dist/src/reactive/index.js

@@ -0,0 +1,93 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+import { East, variant, printLocation } from "@elaraai/east";
+import { UIComponentType } from "../component.js";
+import { OutOfScopeException } from "@elaraai/east/internal";
+// ============================================================================
+// Reactive Component Builder
+// ============================================================================
+/**
+ * Creates a reactive component that re-renders independently when its dependencies change.
+ *
+ * @param body - Function body that returns UIComponentType. Must be a free function with no captures.
+ * @returns A ReactiveComponent variant of UIComponentType
+ *
+ * @remarks
+ * The body function MUST be a free function - no captures from parent East scope.
+ * This is validated at IR creation time. Dependencies are automatically detected
+ * at runtime by tracking which state keys are read during execution.
+ *
+ * **What IS allowed:**
+ * - Platform functions (State.readTyped, State.writeTyped, etc.)
+ * - Module-level constants and functions (not captures)
+ * - Callbacks defined inside the body (East.function)
+ *
+ * **What is NOT allowed:**
+ * - Parent East function scope variables ($.let, parameters, state reads)
+ * - Any variable captured from enclosing East function scope
+ *
+ * @throws Error if the body captures variables from parent scope
+ *
+ * @example
+ * ```ts
+ * import { East, IntegerType } from "@elaraai/east";
+ * import { Reactive, State, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const app = East.function([], UIComponentType, $ => {
+ *     // This component re-renders only when "counter" changes
+ *     return Reactive.Root($ => {
+ *         const count = $.let(State.readTyped("counter", IntegerType)());
+ *         const value = $.let(0n);
+ *         $.match(count, {
+ *             some: ($, v) => $.assign(value, v),
+ *         });
+ *         return Text.Root(East.str`Count: ${value}`);
+ *     });
+ * });
+ * ```
+ */
+function createReactive(body) {
+    // Create the inner render function
+    const renderFn = East.function([], UIComponentType, body);
+    // Get the IR and validate no captures from parent scope
+    try {
+        renderFn.toIR();
+    }
+    catch (e) {
+        if (e instanceof OutOfScopeException) {
+            throw new Error(`Reactive.Root body must be a free function with no captures from parent scope. ` +
+                `Found capture from variable defined at ${printLocation(e.definedLocation)}. ` +
+                `Move state reads inside the Reactive body or use State for shared data.`);
+        }
+        else {
+            throw e;
+        }
+    }
+    // Return the ReactiveComponent variant
+    return East.value(variant("ReactiveComponent", {
+        render: renderFn
+    }), UIComponentType);
+}
+/**
+ * Reactive component for selective re-rendering.
+ *
+ * @remarks
+ * Use `Reactive.Root(body)` to create a reactive component that re-renders
+ * independently when its state dependencies change. Dependencies are automatically
+ * detected at runtime. The body function must be a free function with no captures
+ * from parent East scope.
+ */
+export const Reactive = {
+    /**
+     * Creates a reactive component that re-renders independently.
+     *
+     * @param body - Function body returning UIComponentType. Must be a free function.
+     * @returns A ReactiveComponent variant
+     *
+     * @see {@link createReactive} for full documentation and examples
+     */
+    Root: createReactive,
+};
+//# sourceMappingURL=index.js.map

package/dist/src/reactive/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/reactive/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,IAAI,EAGJ,OAAO,EAAE,aAAa,EACzB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,+EAA+E;AAC/E,6BAA6B;AAC7B,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,SAAS,cAAc,CACnB,IAA0F;IAE1F,mCAAmC;IACnC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC;IAE1D,wDAAwD;IACxD,IAAI,CAAC;QACD,QAAQ,CAAC,IAAI,EAAE,CAAC;IACpB,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACT,IAAI,CAAC,YAAY,mBAAmB,EAAE,CAAC;YACnC,MAAM,IAAI,KAAK,CACX,iFAAiF;gBACjF,0CAA0C,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI;gBAC9E,yEAAyE,CAC5E,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,MAAM,CAAC,CAAC;QACZ,CAAC;IACL,CAAC;IAED,uCAAuC;IACvC,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,mBAAmB,EAAE;QAC3C,MAAM,EAAE,QAAQ;KACnB,CAAC,EAAE,eAAe,CAAC,CAAC;AACzB,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB;;;;;;;OAOG;IACH,IAAI,EAAE,cAAc;CACd,CAAC"}

package/dist/src/typography/code-block/index.d.ts

@@ -32,7 +32,7 @@ declare function createCodeBlock(code: SubtypeExprOrValue<StringType>, style?: C
  *         {
  *             language: "typescript",
  *             showLineNumbers: true,
- *             highlightLines: [2],
+ *             highlightLines: [2n],
  *         }
  *     );
  * });
@@ -63,6 +63,7 @@ export declare const CodeBlock: {
             highlightLines: import("@elaraai/east").OptionType<import("@elaraai/east").ArrayType<import("@elaraai/east").IntegerType>>;
             maxHeight: import("@elaraai/east").OptionType<StringType>;
             showCopyButton: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
+            wordWrap: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
             title: import("@elaraai/east").OptionType<StringType>;
         }>;
         readonly Language: import("@elaraai/east").VariantType<{

package/dist/src/typography/code-block/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/typography/code-block/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,KAAK,QAAQ,EAEb,UAAU,EAEb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAmC,KAAK,cAAc,EAAqB,MAAM,YAAY,CAAC;AAGrG,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAMrG;;;;;;GAMG;AACH,iBAAS,eAAe,CACpB,IAAI,EAAE,kBAAkB,CAAC,UAAU,CAAC,EACpC,KAAK,CAAC,EAAE,cAAc,GACvB,QAAQ,CAAC,eAAe,CAAC,CA6B3B;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMZ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/typography/code-block/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,KAAK,QAAQ,EAEb,UAAU,EAEb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAmC,KAAK,cAAc,EAAqB,MAAM,YAAY,CAAC;AAGrG,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAMrG;;;;;;GAMG;AACH,iBAAS,eAAe,CACpB,IAAI,EAAE,kBAAkB,CAAC,UAAU,CAAC,EACpC,KAAK,CAAC,EAAE,cAAc,GACvB,QAAQ,CAAC,eAAe,CAAC,CA8B3B;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMZ,CAAC"}

package/dist/src/typography/code-block/index.js

@@ -41,6 +41,7 @@ function createCodeBlock(code, style) {
         highlightLines: style?.highlightLines ? variant("some", style.highlightLines) : variant("none", null),
         maxHeight: style?.maxHeight ? variant("some", style.maxHeight) : variant("none", null),
         showCopyButton: showCopyButtonValue !== undefined ? variant("some", showCopyButtonValue) : variant("none", null),
+        wordWrap: style?.wordWrap !== undefined ? variant("some", style.wordWrap) : variant("none", null),
         title: style?.title ? variant("some", style.title) : variant("none", null),
     }), UIComponentType);
 }
@@ -62,7 +63,7 @@ function createCodeBlock(code, style) {
  *         {
  *             language: "typescript",
  *             showLineNumbers: true,
- *             highlightLines: [2],
+ *             highlightLines: [2n],
  *         }
  *     );
  * });

package/dist/src/typography/code-block/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/typography/code-block/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/typography/code-block/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAGH,IAAI,EACJ,UAAU,EACV,OAAO,GACV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAA0C,MAAM,YAAY,CAAC;AAErG,kBAAkB;AAClB,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAA0C,MAAM,YAAY,CAAC;AAErG,+EAA+E;AAC/E,sBAAsB;AACtB,+EAA+E;AAE/E;;;;;;GAMG;AACH,SAAS,eAAe,CACpB,IAAoC,EACpC,KAAsB;IAEtB,MAAM,oBAAoB,GAAG,KAAK,EAAE,eAAe,KAAK,SAAS;QAC7D,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,eAAe,KAAK,SAAS;YACzC,CAAC,CAAC,KAAK,CAAC,eAAe;YACvB,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC;QAC5B,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,mBAAmB,GAAG,KAAK,EAAE,cAAc,KAAK,SAAS;QAC3D,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,cAAc,KAAK,SAAS;YACxC,CAAC,CAAC,KAAK,CAAC,cAAc;YACtB,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC;QAC3B,CAAC,CAAC,SAAS,CAAC;IAEhB,qCAAqC;IACrC,MAAM,aAAa,GAAG,KAAK,EAAE,QAAQ,KAAK,SAAS;QAC/C,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,QAAQ,KAAK,QAAQ;YACjC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAwB,EAAE,IAAI,CAAC,EAAE,gBAAgB,CAAC;YAC7E,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;QACrB,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE;QACnC,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;QAC9F,eAAe,EAAE,oBAAoB,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;QACnH,cAAc,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;QACrG,SAAS,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;QACtF,cAAc,EAAE,mBAAmB,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;QAChH,QAAQ,EAAE,KAAK,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;QACjG,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;KAC7E,CAAC,EAAE,eAAe,CAAC,CAAC;AACzB,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE;QACH,SAAS,EAAE,aAAa;QACxB,QAAQ,EAAE,gBAAgB;KAC7B;CACK,CAAC"}