@flikk/ui 1.0.0-beta.31 → 1.0.0-beta.32

package/dist/components/effects/shared/ShaderCanvas/ShaderCanvas.js

@@ -11,13 +11,11 @@ void main() {
  * Minimal raw WebGL2 canvas renderer for fullscreen fragment shaders.
  * - Built-in uniforms: iTime (float), iResolution (vec2)
  * - Custom uniforms read from `uniformsRef` each frame (no stale closures)
- * - Optional sampler2D uniforms read from `texturesRef` (image loading,
- *   texture upload, mipmaps, transparent-pixel placeholder while unset/loading)
  * - ResizeObserver for responsive canvas sizing
  * - rAF animation loop, paused while the tab is hidden, with cleanup on unmount
  * - Graceful degradation: renders nothing if WebGL2 unavailable
  */
-const ShaderCanvas = ({ fragmentShader, uniformsRef, texturesRef, onTextureLoad, maxDpr = 2, className, style, }) => {
+const ShaderCanvas = ({ fragmentShader, uniformsRef, maxDpr = 2, className, style, }) => {
     const canvasRef = useRef(null);
     useEffect(() => {
         const canvas = canvasRef.current;
@@ -83,81 +81,6 @@ const ShaderCanvas = ({ fragmentShader, uniformsRef, texturesRef, onTextureLoad,
             }
             return (_a = customLocs.get(name)) !== null && _a !== void 0 ? _a : null;
         };
-        // ── Texture uniforms ───────────────────────────────────────────────
-        const textureEntries = new Map();
-        let nextTextureUnit = 0;
-        // Operates on whatever texture is currently bound to TEXTURE_2D — every
-        // call site binds the target texture immediately before calling this.
-        const configureTexture = () => {
-            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
-            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
-        };
-        const createPlaceholderTexture = () => {
-            const texture = gl.createTexture();
-            gl.bindTexture(gl.TEXTURE_2D, texture);
-            gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, 1, 1, 0, gl.RGBA, gl.UNSIGNED_BYTE, new Uint8Array([0, 0, 0, 0]));
-            configureTexture();
-            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
-            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
-            return texture;
-        };
-        const uploadImage = (entry, img, name) => {
-            if (hasBeenDisposed)
-                return;
-            gl.bindTexture(gl.TEXTURE_2D, entry.texture);
-            gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, true);
-            gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, img);
-            gl.generateMipmap(gl.TEXTURE_2D);
-            configureTexture();
-            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_LINEAR);
-            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-            gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
-            const naturalWidth = img.naturalWidth || img.width;
-            const naturalHeight = img.naturalHeight || img.height;
-            if (naturalWidth > 0 && naturalHeight > 0) {
-                onTextureLoad === null || onTextureLoad === void 0 ? void 0 : onTextureLoad(name, naturalWidth / naturalHeight);
-            }
-        };
-        const loadTexture = (entry, source, name) => {
-            if (typeof source === "string") {
-                const img = new Image();
-                img.crossOrigin = "anonymous";
-                img.onload = () => uploadImage(entry, img, name);
-                img.src = source;
-            }
-            else if (source.complete && source.naturalWidth > 0) {
-                uploadImage(entry, source, name);
-            }
-            else {
-                source.addEventListener("load", () => uploadImage(entry, source, name), {
-                    once: true,
-                });
-            }
-        };
-        const syncTextures = () => {
-            const sources = texturesRef === null || texturesRef === void 0 ? void 0 : texturesRef.current;
-            if (!sources)
-                return;
-            for (const name in sources) {
-                let entry = textureEntries.get(name);
-                if (!entry) {
-                    entry = {
-                        texture: createPlaceholderTexture(),
-                        sourceKey: undefined,
-                        unit: nextTextureUnit++,
-                    };
-                    textureEntries.set(name, entry);
-                }
-                const source = sources[name];
-                if (source && source !== entry.sourceKey) {
-                    entry.sourceKey = source;
-                    loadTexture(entry, source, name);
-                }
-                else if (!source) {
-                    entry.sourceKey = undefined;
-                }
-            }
-        };
         // ── Resize handling ────────────────────────────────────────────────
         const dpr = Math.min(window.devicePixelRatio || 1, maxDpr);
         let width = 0;
@@ -181,11 +104,9 @@ const ShaderCanvas = ({ fragmentShader, uniformsRef, texturesRef, onTextureLoad,
         gl.enable(gl.BLEND);
         gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
         let rafId = 0;
-        let hasBeenDisposed = false;
         const startTime = performance.now();
         const frame = () => {
             rafId = requestAnimationFrame(frame);
-            syncTextures();
             const t = (performance.now() - startTime) / 1000;
             gl.uniform1f(uTime, t);
             gl.uniform2f(uRes, width, height);
@@ -208,15 +129,6 @@ const ShaderCanvas = ({ fragmentShader, uniformsRef, texturesRef, onTextureLoad,
                         gl.uniform4f(loc, val[0], val[1], val[2], val[3]);
                 }
             }
-            // Bind texture uniforms
-            for (const [name, entry] of textureEntries) {
-                const loc = getCustomLoc(name);
-                if (!loc)
-                    continue;
-                gl.activeTexture(gl.TEXTURE0 + entry.unit);
-                gl.bindTexture(gl.TEXTURE_2D, entry.texture);
-                gl.uniform1i(loc, entry.unit);
-            }
             gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
         };
         const handleVisibilityChange = () => {
@@ -233,13 +145,9 @@ const ShaderCanvas = ({ fragmentShader, uniformsRef, texturesRef, onTextureLoad,
         }
         document.addEventListener("visibilitychange", handleVisibilityChange);
         return () => {
-            hasBeenDisposed = true;
             document.removeEventListener("visibilitychange", handleVisibilityChange);
             cancelAnimationFrame(rafId);
             observer.disconnect();
-            for (const entry of textureEntries.values()) {
-                gl.deleteTexture(entry.texture);
-            }
             gl.deleteProgram(program);
             gl.deleteShader(vs);
             gl.deleteShader(fs);

package/dist/components/effects/shared/ShaderCanvas/ShaderCanvas.types.d.ts

@@ -1,17 +1,7 @@
 import type React from "react";
-/** A texture source: a URL to fetch, or an already-available image element. */
-export type ShaderTextureSource = string | HTMLImageElement;
 export interface ShaderCanvasProps {
     fragmentShader: string;
     uniformsRef: React.MutableRefObject<Record<string, number | number[]>>;
-    /**
-     * Optional sampler2D uniforms, keyed by GLSL uniform name (e.g. "u_image").
-     * A key with an `undefined` value binds a 1x1 transparent placeholder so the
-     * shader never samples garbage while an image is loading or unset.
-     */
-    texturesRef?: React.MutableRefObject<Record<string, ShaderTextureSource | undefined>>;
-    /** Fires once a texture finishes loading, with its natural aspect ratio (width / height). */
-    onTextureLoad?: (name: string, aspectRatio: number) => void;
     maxDpr?: number;
     className?: string;
     style?: React.CSSProperties;

package/dist/components/effects/shared/ShaderCanvas/index.d.ts

@@ -1,2 +1,2 @@
 export { ShaderCanvas } from "./ShaderCanvas";
-export type { ShaderCanvasProps, ShaderTextureSource } from "./ShaderCanvas.types";
+export type { ShaderCanvasProps } from "./ShaderCanvas.types";

package/dist/components/effects/shared/index.d.ts

@@ -1,7 +1,5 @@
 export { ShaderCanvas } from "./ShaderCanvas";
-export type { ShaderCanvasProps, ShaderTextureSource } from "./ShaderCanvas";
+export type { ShaderCanvasProps } from "./ShaderCanvas";
 export { resolveShaderColor, resolveShaderColors } from "./resolveShaderColor";
 export type { RGBA } from "./resolveShaderColor";
 export { glslHashFloat, glslHashVec2, glslValueNoise, glslSimplexNoise2D, glslSimplexFbm, glslDeclarePI, glslRotate2, } from "./shaderNoise.glsl";
-export { glslBayerMatrices } from "./bayerMatrices.glsl";
-export { glslImageCoverUV } from "./imageUV.glsl";

package/dist/components/effects/shared/shaderNoise.glsl.d.ts

@@ -23,7 +23,7 @@ export declare const glslValueNoise = "\nfloat valueNoise(vec2 st) {\n  vec2 i =
  *  ubiquitous prior art in the WebGL shader ecosystem, NOT paper-design's own
  *  IP. Used as the low-level noise primitive under some ported effects whose
  *  higher-level composition logic IS credited to paper-design in their own
- *  doc comments (e.g. GrainGradient, Dithering, Water, LiquidMetal). */
+ *  doc comments (e.g. GrainGradient, Dithering, LiquidMetal). */
 export declare const glslSimplexNoise2D = "\nvec3 mod289(vec3 x) { return x - floor(x * (1.0 / 289.0)) * 289.0; }\nvec2 mod289(vec2 x) { return x - floor(x * (1.0 / 289.0)) * 289.0; }\nvec3 permute(vec3 x) { return mod289(((x * 34.0) + 1.0) * x); }\n\nfloat snoise(vec2 v) {\n  const vec4 C = vec4(0.211324865405187, 0.366025403784439,\n                       -0.577350269189626, 0.024390243902439);\n  vec2 i  = floor(v + dot(v, C.yy));\n  vec2 x0 = v - i + dot(i, C.xx);\n\n  vec2 i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\n  vec4 x12 = x0.xyxy + C.xxzz;\n  x12.xy -= i1;\n\n  i = mod289(i);\n  vec3 p = permute(permute(i.y + vec3(0.0, i1.y, 1.0)) + i.x + vec3(0.0, i1.x, 1.0));\n\n  vec3 m = max(0.5 - vec3(dot(x0, x0), dot(x12.xy, x12.xy), dot(x12.zw, x12.zw)), 0.0);\n  m = m * m;\n  m = m * m;\n\n  vec3 x = 2.0 * fract(p * C.www) - 1.0;\n  vec3 h = abs(x) - 0.5;\n  vec3 ox = floor(x + 0.5);\n  vec3 a0 = x - ox;\n\n  m *= 1.79284291400159 - 0.85373472095314 * (a0 * a0 + h * h);\n\n  vec3 g;\n  g.x = a0.x * x0.x + h.x * x0.y;\n  g.yz = a0.yz * x12.xz + h.yz * x12.yw;\n  return 130.0 * dot(m, g);\n}\n";
 /** Small fractional-Brownian-motion built on glslSimplexNoise2D. Requires
  *  glslSimplexNoise2D to be interpolated earlier in the same shader source. */

package/dist/components/effects/shared/shaderNoise.glsl.js

@@ -18,20 +18,11 @@ float randomR(vec2 st) {
   return fract(sin(dot(st, vec2(12.9898, 78.233))) * 43758.5453123);
 }
 `;
-/** Pure-hash pseudo-random vec2, no texture lookup. Same source as glslHashFloat. */
-const glslHashVec2 = `
-vec2 randomGB(vec2 st) {
-  return vec2(
-    fract(sin(dot(st, vec2(12.9898, 78.233))) * 43758.5453123),
-    fract(sin(dot(st, vec2(93.9898, 67.345))) * 24634.6345123)
-  );
-}
-`;
 /** Ashima Arts / Stefan Gustavson 2D simplex noise (ISC license) — generic,
  *  ubiquitous prior art in the WebGL shader ecosystem, NOT paper-design's own
  *  IP. Used as the low-level noise primitive under some ported effects whose
  *  higher-level composition logic IS credited to paper-design in their own
- *  doc comments (e.g. GrainGradient, Dithering, Water, LiquidMetal). */
+ *  doc comments (e.g. GrainGradient, Dithering, LiquidMetal). */
 const glslSimplexNoise2D = `
 vec3 mod289(vec3 x) { return x - floor(x * (1.0 / 289.0)) * 289.0; }
 vec2 mod289(vec2 x) { return x - floor(x * (1.0 / 289.0)) * 289.0; }
@@ -81,4 +72,4 @@ vec2 rotate(vec2 v, float angle) {
 }
 `;
 
-export { glslDeclarePI, glslHashFloat, glslHashVec2, glslRotate2, glslSimplexNoise2D };
+export { glslDeclarePI, glslHashFloat, glslRotate2, glslSimplexNoise2D };

package/dist/components/forms/Checkbox/Checkbox.theme.js

@@ -6,7 +6,7 @@ const checkboxTheme = {
     baseStyle: "relative flex items-start gap-3",
     inputContainerStyle: "relative flex-shrink-0 group grid grid-cols-1",
     // Input styles with light and dark mode variants
-    inputStyle: "col-start-1 row-start-1 appearance-none rounded-[var(--checkbox-radius)] border-2 transition-all duration-400 " +
+    inputStyle: "col-start-1 row-start-1 appearance-none rounded-[var(--checkbox-radius)] border-2 transition-all duration-[var(--motion-duration-slower)] " +
         // Default state - light
         "border-[var(--color-border)] bg-[var(--color-surface)] " +
         // Default state - dark

package/dist/components/forms/ColorPicker/ColorPickerHeader.js

@@ -25,7 +25,7 @@ const ColorPickerHeader = ({ modes = ['solid'], activeMode: activeModeFromProp,
     };
     return (jsxs("div", { className: cn('flex items-center justify-between border-b border-[var(--color-border)] -mx-4 -mt-4 px-4', className), ...props, children: [jsx("div", { className: "flex items-center gap-4", children: modes.map((mode) => (jsxs("button", { type: "button", onClick: () => handleModeChange(mode), className: cn('py-3 text-sm font-medium transition-colors relative cursor-pointer', activeMode === mode
                         ? 'text-[var(--color-primary)]'
-                        : 'text-[var(--color-text-muted)] hover:text-[var(--color-text-primary)]'), "aria-selected": activeMode === mode, role: "tab", children: [modeLabels[mode], activeMode === mode && (jsx("div", { className: "absolute bottom-0 left-0 right-0 h-0.5 bg-[var(--color-primary)] rounded-full" }))] }, mode))) }), showClose && (jsx("button", { type: "button", onClick: () => setIsOpen(false), className: "p-1 text-[var(--color-text-muted)] hover:text-[var(--color-text-primary)] transition-colors rounded-md hover:bg-[var(--color-background-secondary)] cursor-pointer", "aria-label": "Close color picker", children: jsx(X, { className: "size-5" }) }))] }));
+                        : 'text-[var(--color-text-muted)] hover:text-[var(--color-text-primary)]'), "aria-selected": activeMode === mode, role: "tab", children: [modeLabels[mode], activeMode === mode && (jsx("div", { className: "absolute bottom-0 left-0 right-0 h-0.5 bg-[var(--color-primary)] rounded-full" }))] }, mode))) }), showClose && (jsx("button", { type: "button", onClick: () => setIsOpen(false), className: "p-1 text-[var(--color-text-muted)] hover:text-[var(--color-text-primary)] transition-colors rounded-md hover:bg-[var(--color-surface)] cursor-pointer", "aria-label": "Close color picker", children: jsx(X, { className: "size-5" }) }))] }));
 };
 ColorPickerHeader.displayName = 'ColorPickerHeader';
 

package/dist/components/forms/ColorPicker/ColorPickerImage.js

@@ -141,7 +141,7 @@ const ColorPickerImage = ({ className, ...props }) => {
             /* Upload dropzone */
             jsxs("div", { onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: () => { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, className: cn('flex flex-col items-center justify-center gap-2 h-[200px] rounded-xl border-2 border-dashed cursor-pointer transition-colors', isDragOver
                     ? 'border-[var(--color-primary)] bg-[var(--color-primary-50)]'
-                    : 'border-[var(--color-border)] hover:border-[var(--color-primary)] hover:bg-[var(--color-background-secondary)]'), children: [jsx(UploadSimple, { className: "size-8 text-[var(--color-text-muted)]" }), jsx("div", { className: "text-sm text-[var(--color-text-muted)]", children: "Click or drag an image" }), jsx("div", { className: "text-xs text-[var(--color-text-placeholder)]", children: "PNG, JPG, SVG, WebP" }), jsx("input", { ref: fileInputRef, type: "file", accept: "image/*", onChange: handleFileChange, className: "hidden", "aria-label": "Upload image" })] })) : (
+                    : 'border-[var(--color-border)] hover:border-[var(--color-primary)] hover:bg-[var(--color-surface)]'), children: [jsx(UploadSimple, { className: "size-8 text-[var(--color-text-muted)]" }), jsx("div", { className: "text-sm text-[var(--color-text-muted)]", children: "Click or drag an image" }), jsx("div", { className: "text-xs text-[var(--color-text-placeholder)]", children: "PNG, JPG, SVG, WebP" }), jsx("input", { ref: fileInputRef, type: "file", accept: "image/*", onChange: handleFileChange, className: "hidden", "aria-label": "Upload image" })] })) : (
             /* Canvas with color picking */
             jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "relative inline-block rounded-xl overflow-hidden ring-1 ring-inset ring-black/5", children: [jsx("canvas", { ref: canvasRef, onClick: handleCanvasClick, className: "cursor-crosshair block" }), cursorPos && (jsx("div", { className: "absolute w-5 h-5 border-2 border-white rounded-full pointer-events-none", style: {
                                     left: `${cursorPos.x}%`,

package/dist/components/forms/Combobox/Combobox.js

@@ -169,6 +169,8 @@ const ComboboxInner = ({ options, value, onChange, placeholder = "Search...", la
         options: selectOptions,
         value,
         onChange: (newValue) => {
+            // useSelectState's payload is widened to `T | T[]` for Select's multi mode.
+            // Combobox has no `multiple` prop, so this is always the single value.
             onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
         },
         searchable: true, // Combobox is always searchable

package/dist/components/forms/DateRangePicker/DateRangePicker.theme.js

@@ -29,7 +29,7 @@ const dateRangePickerTheme = {
     presetCheckmarkStyle: "size-4 text-[var(--color-primary)] shrink-0",
     mobilePresetsContainerStyle: "sm:hidden px-3 pt-3 pb-1",
     mobilePresetButtonStyle: "whitespace-nowrap px-3 py-1.5 text-xs font-medium rounded-full transition-colors cursor-pointer shrink-0 " +
-        "bg-[var(--color-background-secondary)] text-[var(--color-text-secondary)] " +
+        "bg-[var(--color-surface)] text-[var(--color-text-secondary)] " +
         "hover:bg-[var(--color-surface-hover)] hover:text-[var(--color-text-primary)] " +
         "data-[active=true]:bg-[var(--color-primary-50)] data-[active=true]:text-[var(--color-primary)] " +
         "dark:data-[active=true]:bg-[var(--color-primary-950)] dark:data-[active=true]:text-[var(--color-primary-300)]",

package/dist/components/forms/DateRangePicker/DateRangePickerContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from 'react';
 
 const DateRangePickerContext = createContext(undefined);

package/dist/components/forms/FileUpload/FileUpload.theme.js

@@ -2,7 +2,7 @@ const fileUploadTheme = {
     // Root container
     containerStyle: "w-full",
     // Dropzone area (default state)
-    dropzoneStyle: "relative flex flex-col items-center justify-center w-full min-h-[160px] p-6 border border-dashed border-[var(--color-border)] rounded-[var(--form-radius)] bg-[var(--color-surface)] hover:border-[var(--color-border-hover)] transition-colors duration-400 cursor-pointer",
+    dropzoneStyle: "relative flex flex-col items-center justify-center w-full min-h-[160px] p-6 border border-dashed border-[var(--color-border)] rounded-[var(--form-radius)] bg-[var(--color-surface)] hover:border-[var(--color-border-hover)] transition-colors duration-[var(--motion-duration-slower)] cursor-pointer",
     // Dragging over — translucent primary tint composites over the surface in both modes
     dropzoneActiveStyle: "border-solid border-[var(--color-primary)] bg-[var(--color-primary)]/5",
     // Disabled
@@ -20,7 +20,7 @@ const fileUploadTheme = {
     // Non-image tile — centered document icon (filename surfaced via title tooltip)
     previewFileStyle: "flex items-center justify-center size-full text-[var(--color-text-muted)]",
     // Remove button (revealed on item hover)
-    removeButtonStyle: "absolute top-1 right-1 -translate-y-1 opacity-0 group-hover:opacity-100 transition-all duration-400 group-hover:-translate-y-0",
+    removeButtonStyle: "absolute top-1 right-1 -translate-y-1 opacity-0 group-hover:opacity-100 transition-all duration-[var(--motion-duration-slower)] group-hover:-translate-y-0",
 };
 
 export { fileUploadTheme };

package/dist/components/forms/FileUpload/FileUploadProgress.theme.js

@@ -1,7 +1,7 @@
 const fileUploadProgressTheme = {
     containerStyle: "flex flex-col gap-3",
     itemStyle: "w-full flex items-center gap-x-3",
-    iconContainerStyle: "flex items-center justify-center rounded-lg shrink-0 border border-[var(--color-border)] bg-[var(--color-background-secondary)]",
+    iconContainerStyle: "flex items-center justify-center rounded-lg shrink-0 border border-[var(--color-border)] bg-[var(--color-surface)]",
     iconStyle: "shrink-0 size-5 text-[var(--color-text-muted)]",
     fileInfoStyle: "flex-1 min-w-0",
     fileNameStyle: "text-sm font-medium text-[var(--color-text-primary)] truncate",

package/dist/components/forms/InputAddress/InputAddress.types.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { InputProps, InputTheme } from '../Input/Input.types';
-import { SelectProps } from '../Select/Select.types';
+import { SelectSingleProps } from '../Select/Select.types';
 /**
  * InputAddress component props
  * @property {boolean} showCountrySelector - Whether to show the country selector
@@ -42,7 +42,7 @@ export interface InputAddressProps {
     /** Props passed to the state input */
     stateInputProps?: Omit<InputProps, 'ref'>;
     /** Props passed to the country Select (e.g. `searchable`, `placement`, `theme`) */
-    countryInputProps?: Partial<SelectProps<string>>;
+    countryInputProps?: Partial<SelectSingleProps<string>>;
     /** Props passed to the postal code input */
     postalCodeInputProps?: Omit<InputProps, 'ref'>;
     /** Class name for the container */

package/dist/components/forms/Radio/Radio.theme.js

@@ -5,7 +5,7 @@ const radioTheme = {
     baseStyle: "relative flex items-start gap-3",
     inputContainerStyle: "relative flex-shrink-0 flex items-center justify-center",
     // Input styles with light and dark mode variants
-    inputStyle: "col-start-1 row-start-1 appearance-none rounded-full border-2 transition-all duration-400 " +
+    inputStyle: "col-start-1 row-start-1 appearance-none rounded-full border-2 transition-all duration-[var(--motion-duration-slower)] " +
         // Default state - light
         "border-[var(--color-border)] bg-[var(--color-surface)] " +
         // Default state - dark

package/dist/components/forms/RichTextEditor/RichTextEditor.d.ts

@@ -1,21 +1,17 @@
 import React from "react";
-import { RichTextEditorProps } from "./RichTextEditor.types";
-import type { FontFamilyOption } from "./RichTextEditor.types";
+import type { RichTextEditorProps } from "./RichTextEditor.types";
 /**
- * Curated default list of font families shipped with the editor.
- * The `Default` entry clears the inline font-family. The rest are popular
- * Google Fonts chosen for broad weight coverage. Each stack ends in a sensible
- * fallback so text stays readable while the font is loading.
- */
-export declare const DEFAULT_FONT_FAMILY_OPTIONS: FontFamilyOption[];
-/**
- * Lazily injects a Google Fonts `<link rel="stylesheet">` for the given family.
- * Idempotent: each family is requested at most once per page lifetime.
- * SSR-safe (no-ops when `document` is undefined).
+ * RichTextEditor — a semantic authoring surface over `contentEditable`.
+ *
+ * Produces portable HTML (`<h2>`, `<strong>`, `<ul>`, `<a href>`) with no
+ * framework classes, so stored content renders anywhere. Formatting is applied
+ * through `editorCommands.ts` (the only `execCommand` caller) and read back
+ * through `editorState.ts`.
+ *
+ * 🔴 Every write path is sanitized: the `value` prop, paste, drop, and the string
+ * handed to `onChange` — the last regardless of whether `onChange` was passed, so
+ * an uncontrolled editor is not a hole.
  *
- * @example
- * import { loadGoogleFont } from "@flikk/ui";
- * loadGoogleFont("Inter");
+ * 🔴 Per §9, `className`, `ref` and `...rest` target the contentEditable surface.
  */
-export declare const loadGoogleFont: (family: string, weights?: number[]) => void;
 export declare const RichTextEditor: React.ForwardRefExoticComponent<RichTextEditorProps & React.RefAttributes<HTMLDivElement>>;