@omnitron-dev/prism 0.2.0 → 0.3.1

package/dist/components/editor/types.d.ts

@@ -0,0 +1,130 @@
+import type { BoxProps } from '@mui/material/Box';
+import type { Theme, SxProps } from '@mui/material/styles';
+import type { Editor, UseEditorOptions } from '@tiptap/react';
+import type { ButtonBaseProps } from '@mui/material/ButtonBase';
+export type ToolbarPreset = 'full' | 'standard' | 'compact' | 'minimal' | 'chat' | 'inline';
+/**
+ * Individual toolbar items that can be toggled on/off.
+ */
+export type ToolbarItem = 'bold' | 'italic' | 'underline' | 'strike' | 'code' | 'heading' | 'bulletList' | 'orderedList' | 'taskList' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'alignJustify' | 'blockquote' | 'codeBlock' | 'horizontalRule' | 'link' | 'image' | 'hardBreak' | 'clearFormat' | 'undo' | 'redo' | 'fullscreen';
+/**
+ * Toolbar configuration — either use a preset name or provide explicit items.
+ */
+export type ToolbarConfig = ToolbarPreset | {
+    items: ToolbarItem[];
+    bubbleMenu?: boolean;
+};
+/**
+ * Resolved toolbar shape used internally.
+ */
+export interface ResolvedToolbar {
+    items: Set<ToolbarItem>;
+    bubbleMenu: boolean;
+}
+export type EditorOutputFormat = 'html' | 'json';
+export type EditorProps = Omit<UseEditorOptions, 'extensions' | 'content'> & {
+    /** HTML string or TipTap JSON document */
+    value?: string;
+    /** Controlled onChange — receives HTML string or JSON string depending on `format` */
+    onChange?: (value: string) => void;
+    /** Output format: 'html' returns HTML string, 'json' returns stringified TipTap JSON. @default 'json' */
+    format?: EditorOutputFormat;
+    /** Error state */
+    error?: boolean;
+    /** Helper text displayed below the editor */
+    helperText?: React.ReactNode;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Toolbar preset or explicit config. @default 'standard' */
+    toolbar?: ToolbarConfig;
+    /** Enable bubble menu (floating toolbar on selection). @default true for standard+ */
+    bubbleMenu?: boolean;
+    /** Min height of editor content area in px. @default 160 */
+    minHeight?: number;
+    /** Max height of editor content area in px (enables scroll). @default undefined */
+    maxHeight?: number;
+    /** Whether content is editable. @default true */
+    editable?: boolean;
+    /** Reset content when value becomes empty. @default false */
+    resetValue?: boolean;
+    /** Additional TipTap extensions to merge with preset */
+    extraExtensions?: UseEditorOptions['extensions'];
+    /** CSS class name */
+    className?: string;
+    /** MUI sx prop */
+    sx?: SxProps<Theme>;
+    /** Slot props for wrapper */
+    slotProps?: {
+        wrapper?: BoxProps;
+    };
+    /** Ref to the content container */
+    ref?: React.RefObject<HTMLDivElement | null> | React.RefCallback<HTMLDivElement | null>;
+    /** Accessible names for the toolbar controls. Partial — anything omitted
+     *  keeps its English default. See {@link EditorLabels}. */
+    labels?: Partial<EditorLabels>;
+};
+/**
+ * Accessible names for every toolbar control, so a consumer can localise them.
+ *
+ * They were hardcoded English, which is fine for a design system's default and
+ * not fine on a Russian-first product: the editor is on every content form —
+ * a post, a community description, an organisation profile, a shop — and every
+ * tooltip in it read "Bold", "Insert link", "Fullscreen" next to Russian field
+ * labels. The names are also the ONLY text a screen reader gets for these
+ * buttons, so an English default is a localisation gap in the accessibility
+ * tree, not just in the tooltip.
+ *
+ * Defaults keep the previous strings verbatim, so a consumer that passes
+ * nothing is unchanged.
+ */
+export type EditorLabels = {
+    bold: string;
+    italic: string;
+    underline: string;
+    strike: string;
+    inlineCode: string;
+    clearFormat: string;
+    headingMenu: string;
+    bulletList: string;
+    orderedList: string;
+    taskList: string;
+    alignLeft: string;
+    alignCenter: string;
+    alignRight: string;
+    alignJustify: string;
+    blockquote: string;
+    codeBlock: string;
+    horizontalRule: string;
+    insertLink: string;
+    removeLink: string;
+    insertImage: string;
+    hardBreak: string;
+    undo: string;
+    redo: string;
+    fullscreen: string;
+    exitFullscreen: string;
+    /** The two popovers carry visible text of their own, not just icons. */
+    linkUrlField: string;
+    linkApply: string;
+    imagePopoverTitle: string;
+    imageUrlField: string;
+    imageAltField: string;
+    imageApply: string;
+    /** The code block's language picker, whose first option is a word. */
+    codeLanguageAuto: string;
+};
+/** The strings the toolbar used before `labels` existed. */
+export declare const DEFAULT_EDITOR_LABELS: EditorLabels;
+export type EditorToolbarProps = {
+    editor: Editor;
+    toolbar: ResolvedToolbar;
+    fullscreen: boolean;
+    onToggleFullscreen: () => void;
+    labels: EditorLabels;
+};
+export type EditorToolbarItemProps = ButtonBaseProps & {
+    label?: string;
+    active?: boolean;
+    icon?: React.ReactNode;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/editor/types.d.ts.map

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

package/dist/components/emoji-picker/emoji-picker.d.ts

@@ -0,0 +1,24 @@
+/**
+ * EmojiPicker — the prism-native replacement for emoji-mart.
+ *
+ * Anatomy (top → bottom):
+ *   - Search input (sticky)
+ *   - Category strip (sticky, scrolls horizontally on overflow)
+ *   - Virtualised grid (rows of `perLine`, windowed by @tanstack/react-virtual)
+ *   - Preview bar (last hovered / focused emoji + label) + skin-tone selector
+ *
+ * Design constraints
+ *   - Zero blocking JS on mount: dataset is loaded in a separate
+ *     chunk via dynamic import. A 32-row skeleton holds the panel
+ *     shape while the JSON streams.
+ *   - One re-render per keystroke. Search runs synchronously over a
+ *     pre-computed blob array (see emoji-search.ts) — at ~1900
+ *     entries this stays well under a frame budget.
+ *   - Twitter rendering uses jsdelivr's twemoji CDN; native fallback
+ *     kicks in per-emoji if the SVG fails.
+ *   - All theming flows through MUI: sx accepts the theme function
+ *     so the picker matches the host app's palette + density.
+ */
+import { type EmojiPickerProps } from './types.js';
+export declare function EmojiPicker({ onSelect, set, perLine, emojiSize, maxRecent, i18n: i18nOverride, className, }: EmojiPickerProps): import("react").JSX.Element;
+//# sourceMappingURL=emoji-picker.d.ts.map

package/dist/components/emoji-picker/emoji-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji-picker.d.ts","sourceRoot":"","sources":["../../../src/components/emoji-picker/emoji-picker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAkBH,OAAO,EAIL,KAAK,gBAAgB,EAGtB,MAAM,YAAY,CAAC;AAwCpB,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,GAAe,EACf,OAAW,EACX,SAAc,EACd,SAAc,EACd,IAAI,EAAE,YAAY,EAClB,SAAS,GACV,EAAE,gBAAgB,+BA0YlB"}

package/dist/components/emoji-picker/emoji-search.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Tiny in-memory emoji search.
+ *
+ * We don't want to ship a fuzzy-match library just for an 1800-entry
+ * dataset — the user's query is typically 1-6 characters and a single
+ * pre-built blob ("name + keywords") per entry gives us ~50 µs total
+ * per keystroke at this size.
+ *
+ * Scoring rules (high → low):
+ *   - exact match against the emoji label → 1000
+ *   - any keyword equals the query        → 900
+ *   - label starts with the query         → 800
+ *   - any keyword starts with the query   → 700
+ *   - label / keyword contains the query  → 500
+ * Anything else is filtered out.
+ *
+ * Sort is by score desc, then by dataset order (stable input order
+ * already matches emojibase's canonical ordering).
+ */
+import type { EmojiEntry } from './types.js';
+export declare function searchEmojis(entries: EmojiEntry[], searchTokens: string[], rawQuery: string): EmojiEntry[];
+//# sourceMappingURL=emoji-search.d.ts.map

package/dist/components/emoji-picker/emoji-search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji-search.d.ts","sourceRoot":"","sources":["../../../src/components/emoji-picker/emoji-search.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAQ7C,wBAAgB,YAAY,CAC1B,OAAO,EAAE,UAAU,EAAE,EACrB,YAAY,EAAE,MAAM,EAAE,EACtB,QAAQ,EAAE,MAAM,GACf,UAAU,EAAE,CAkBd"}

package/dist/components/emoji-picker/emoji.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Standalone <Emoji> renderer — used everywhere a single emoji is
+ * displayed outside the picker (reaction chips, message content,
+ * etc.). Two visual modes:
+ *
+ *   - `set="native"` — render the unicode glyph as text. Cheapest,
+ *     but the visual style depends on the OS font.
+ *   - `set="twitter"` — render a twemoji SVG from the jsdelivr CDN.
+ *     Consistent cross-platform look, one HTTP/2 request per unique
+ *     emoji (browser-cached). Falls back to native rendering when
+ *     the SVG fails to load.
+ *
+ * The component is intentionally tiny and stateless so it can sit
+ * inside hot rendering paths (every reaction chip, every chat
+ * bubble) without measurable cost.
+ */
+import type { EmojiProps } from './types.js';
+export declare function Emoji({ native, set, size, alt }: EmojiProps): import("react").JSX.Element;
+//# sourceMappingURL=emoji.d.ts.map

package/dist/components/emoji-picker/emoji.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji.d.ts","sourceRoot":"","sources":["../../../src/components/emoji-picker/emoji.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAKH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,wBAAgB,KAAK,CAAC,EAAE,MAAM,EAAE,GAAe,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,UAAU,+BAyCvE"}

package/dist/components/emoji-picker/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Public surface of the prism emoji-picker.
+ *
+ *   <Emoji>        — render a single emoji (native or twitter).
+ *   <EmojiPicker>  — full picker with search, categories, recent,
+ *                    skin tones, twitter+native rendering.
+ *   PickedEmoji,
+ *   EmojiSet,
+ *   SkinTone…      — public types.
+ */
+export { Emoji } from './emoji.js';
+export { EmojiPicker } from './emoji-picker.js';
+export type { EmojiPickerProps, EmojiProps, EmojiSet, PickedEmoji, EmojiPickerI18n, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/emoji-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/emoji-picker/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,YAAY,EACV,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,WAAW,EACX,eAAe,GAChB,MAAM,YAAY,CAAC"}

package/dist/components/emoji-picker/index.js

@@ -0,0 +1,3 @@
+export { Emoji, EmojiPicker } from '../../chunk-SNZK5X6F.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/emoji-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/emoji-picker/twemoji-url.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Map a unicode emoji string to the Twemoji SVG URL on jsDelivr.
+ *
+ * Twitter's twemoji project ships one SVG per emoji codepoint sequence
+ * (e.g. `1f44d.svg`, `1f1ea-1f1fa.svg`). We don't bundle the SVGs — the
+ * CDN already does, and the browser caches them per session, so the
+ * net cost is one HTTP/2-multiplexed request per unique emoji.
+ *
+ * The dataset's `i` field already gives us the canonical hex sequence,
+ * but we also accept a raw unicode string so the standalone `<Emoji>`
+ * component doesn't need a lookup just to render an arbitrary glyph
+ * (e.g. when it comes back from the backend as a stored reaction).
+ *
+ * Implementation notes:
+ *   - Skip the variation-selector codepoint U+FE0F when present. Twemoji
+ *     filenames omit it (e.g. `2764.svg` not `2764-fe0f.svg`). This is
+ *     the most common reason a "valid" emoji shows the broken-image
+ *     icon if you mirror unicode naïvely.
+ *   - Skip the zero-width joiner only at the end of a sequence (it's
+ *     significant in ZWJ sequences and must stay between codepoints).
+ */
+/** Pre-built hexcode → URL form for the dataset's `i` field. */
+export declare function twemojiUrlFromHex(hexcode: string): string;
+/** Twemoji URL derived from a raw unicode string (e.g. "👍" or "👍🏻"). */
+export declare function twemojiUrlFromNative(native: string): string;
+//# sourceMappingURL=twemoji-url.d.ts.map

package/dist/components/emoji-picker/twemoji-url.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"twemoji-url.d.ts","sourceRoot":"","sources":["../../../src/components/emoji-picker/twemoji-url.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAOH,gEAAgE;AAChE,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAOzD;AAED,2EAA2E;AAC3E,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAS3D"}

package/dist/components/emoji-picker/types.d.ts

@@ -0,0 +1,96 @@
+/**
+ * Public types for the prism EmojiPicker.
+ *
+ * The picker is built around two surfaces: a one-line standalone
+ * `<Emoji>` renderer (used wherever a single emoji is shown — reaction
+ * chips, message content, etc.) and a `<EmojiPicker>` for selecting
+ * one. The `set` axis (native vs twitter) flows through both so a
+ * component tree can be locked to a consistent rendering scheme.
+ */
+/** Top-level dataset shape, loaded once per session via dynamic import. */
+export interface EmojiDataset {
+    v: number;
+    groups: string[];
+    emojis: EmojiEntry[];
+}
+/** A single emoji + its metadata, stored in a dense shape on disk. */
+export interface EmojiEntry {
+    /** Hex codepoint sequence, dash-separated for multi-cp (e.g. `1F1EA-1F1FA`). */
+    i: string;
+    /** Unicode form, ready to render natively. */
+    e: string;
+    /** Human-readable label (English). */
+    n: string;
+    /** Lower-cased search tokens (tags + label tokens, de-duped). */
+    k: string[];
+    /** Compact group index — see `EmojiDataset.groups`. */
+    g: number;
+}
+/** Visual style used to render an emoji. */
+export type EmojiSet = 'native' | 'twitter';
+/**
+ * Payload returned by `<EmojiPicker onSelect>` when the user picks
+ * an emoji. The fields mirror the public surface of every
+ * persisting caller in the downstream project so the picker is a drop-in for
+ * `emoji-mart`'s `{ native }` callback shape.
+ */
+export interface PickedEmoji {
+    /** The rendered unicode glyph. */
+    native: string;
+    /** Stable codepoint id (hexcode form, e.g. `1F44D`). */
+    id: string;
+    /** Human-readable label. */
+    name: string;
+}
+/** Props for the standalone `<Emoji>` renderer. */
+export interface EmojiProps {
+    /** The unicode glyph to render. */
+    native: string;
+    /** Visual set. Defaults to `'twitter'`. */
+    set?: EmojiSet;
+    /** Pixel size (square). Defaults to inherit (1em). */
+    size?: number;
+    /** Optional label for screen readers; falls back to `native`. */
+    alt?: string;
+}
+/** Props for the main `<EmojiPicker>` component. */
+export interface EmojiPickerProps {
+    /** Called when the user picks an emoji. */
+    onSelect: (emoji: PickedEmoji) => void;
+    /** Visual set used for emoji rendering inside the grid. */
+    set?: EmojiSet;
+    /** Emojis per row in the grid. Defaults to 8. */
+    perLine?: number;
+    /** Rendered emoji pixel size. Defaults to 24. */
+    emojiSize?: number;
+    /** Max emojis shown in the "Recent" row (capped at 32). */
+    maxRecent?: number;
+    /** Localised strings shown in the chrome. */
+    i18n?: Partial<EmojiPickerI18n>;
+    /** Optional className on the outer container. */
+    className?: string;
+}
+/** All localisable strings inside the picker. */
+export interface EmojiPickerI18n {
+    searchPlaceholder: string;
+    searchResults: string;
+    noResults: string;
+    loading: string;
+    previewHint: string;
+    clear: string;
+    categories: {
+        recent: string;
+        smileys: string;
+        people: string;
+        nature: string;
+        food: string;
+        travel: string;
+        activities: string;
+        objects: string;
+        symbols: string;
+        flags: string;
+    };
+}
+/** Default English copy used when no `i18n` prop is supplied. */
+export declare const DEFAULT_I18N: EmojiPickerI18n;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/emoji-picker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/emoji-picker/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,2EAA2E;AAC3E,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,UAAU,EAAE,CAAC;CACtB;AAED,sEAAsE;AACtE,MAAM,WAAW,UAAU;IACzB,gFAAgF;IAChF,CAAC,EAAE,MAAM,CAAC;IACV,8CAA8C;IAC9C,CAAC,EAAE,MAAM,CAAC;IACV,sCAAsC;IACtC,CAAC,EAAE,MAAM,CAAC;IACV,iEAAiE;IACjE,CAAC,EAAE,MAAM,EAAE,CAAC;IACZ,uDAAuD;IACvD,CAAC,EAAE,MAAM,CAAC;CACX;AAED,4CAA4C;AAC5C,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IAC1B,kCAAkC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,EAAE,EAAE,MAAM,CAAC;IACX,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,mDAAmD;AACnD,MAAM,WAAW,UAAU;IACzB,mCAAmC;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,oDAAoD;AACpD,MAAM,WAAW,gBAAgB;IAC/B,2CAA2C;IAC3C,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,2DAA2D;IAC3D,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAChC,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iDAAiD;AACjD,MAAM,WAAW,eAAe;IAC9B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE;QACV,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,iEAAiE;AACjE,eAAO,MAAM,YAAY,EAAE,eAmB1B,CAAC"}

package/dist/components/emoji-picker/use-emoji-data.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Module-level cached loader for the bundled emoji dataset.
+ *
+ * The JSON ships inside the `components/emoji-picker` chunk (see
+ * `tsup.config.ts`). Apps that lazy-load this chunk (via React.lazy /
+ * dynamic import) pay zero until the picker mounts — that's the
+ * intended pattern documented in this component's README.
+ *
+ * Once the chunk is loaded, parsing the JSON is synchronous and
+ * memoised here so a second `<EmojiPicker>` mount in the same session
+ * reuses the indexed structures rather than rebuilding the search
+ * blob (~1900 string concatenations).
+ */
+import type { EmojiDataset, EmojiEntry } from './types.js';
+interface LoadedData {
+    dataset: EmojiDataset;
+    indexById: Map<string, EmojiEntry>;
+    /** Lower-cased "name + keywords" string per emoji, in dataset order. */
+    searchTokens: string[];
+}
+export declare function useEmojiData(): {
+    data: LoadedData | null;
+    error: Error | null;
+};
+export {};
+//# sourceMappingURL=use-emoji-data.d.ts.map

package/dist/components/emoji-picker/use-emoji-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-emoji-data.d.ts","sourceRoot":"","sources":["../../../src/components/emoji-picker/use-emoji-data.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAIH,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE3D,UAAU,UAAU;IAClB,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACnC,wEAAwE;IACxE,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB;AAkBD,wBAAgB,YAAY,IAAI;IAAE,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC;IAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;CAAE,CAc/E"}

package/dist/components/emoji-picker/use-recent-emojis.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Persists the user's recently-picked emojis in localStorage.
+ *
+ * Storage key is namespaced so multiple apps consuming prism don't
+ * step on each other's MRU lists. Values are stored as a JSON array of
+ * `id` strings (hexcode + optional tone suffix) — the picker
+ * re-resolves to the full emoji entry at render time via the dataset
+ * index, so we don't keep stale labels around if the dataset bumps.
+ */
+export interface UseRecentEmojis {
+    recent: string[];
+    push: (id: string) => void;
+    clear: () => void;
+}
+export declare function useRecentEmojis(limit?: number): UseRecentEmojis;
+//# sourceMappingURL=use-recent-emojis.d.ts.map

package/dist/components/emoji-picker/use-recent-emojis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-recent-emojis.d.ts","sourceRoot":"","sources":["../../../src/components/emoji-picker/use-recent-emojis.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AA4BH,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,wBAAgB,eAAe,CAAC,KAAK,GAAE,MAAW,GAAG,eAAe,CAoCnE"}

package/dist/components/empty-content/empty-content.d.ts

@@ -0,0 +1,92 @@
+/**
+ * Empty Content Component
+ *
+ * Universal placeholder for empty states across the application.
+ * Supports icon-based illustrations, multiple action buttons,
+ * filled backgrounds, and compact mode.
+ *
+ * @module components/empty-content
+ */
+import type { ReactNode } from 'react';
+import type { SxProps, Theme } from '@mui/material/styles';
+export interface EmptyContentProps {
+    /** Custom illustration (SVG, image, or any ReactNode) */
+    illustration?: ReactNode;
+    /** Icon element — rendered inside a circular colored wrapper */
+    icon?: ReactNode;
+    /** Color for the icon wrapper background (palette path like 'primary.main') */
+    iconColor?: string;
+    /** Size of the icon wrapper (default 64) */
+    iconSize?: number;
+    /** Main title text */
+    title?: string;
+    /** Description text or ReactNode */
+    description?: ReactNode;
+    /** Single action button (backward compatible) */
+    action?: ReactNode;
+    /** Multiple action buttons rendered in a row */
+    actions?: ReactNode[];
+    /** Max width of the container */
+    maxWidth?: number | string;
+    /** Fill the entire available space (height: 100%) */
+    filled?: boolean;
+    /** Additional styles for root container */
+    sx?: SxProps<Theme>;
+    /** Illustration wrapper styles */
+    illustrationSx?: SxProps<Theme>;
+    /** Slot overrides */
+    slotProps?: {
+        title?: SxProps<Theme>;
+        description?: SxProps<Theme>;
+        actions?: SxProps<Theme>;
+    };
+    /** Compact mode — reduces spacing and font sizes */
+    compact?: boolean;
+}
+/**
+ * EmptyContent - Universal empty state placeholder.
+ *
+ * @example Basic
+ * ```tsx
+ * <EmptyContent title="No data found" description="Try adjusting your filters" />
+ * ```
+ *
+ * @example With icon
+ * ```tsx
+ * <EmptyContent
+ *   icon={<ChatIcon sx={{ width: 28, height: 28, color: 'primary.main', opacity: 0.6 }} />}
+ *   title="Select a conversation"
+ *   description="Choose a room from the sidebar"
+ * />
+ * ```
+ *
+ * @example With multiple actions
+ * ```tsx
+ * <EmptyContent
+ *   icon={<FolderIcon sx={{ fontSize: 28, color: 'text.disabled' }} />}
+ *   title="No files yet"
+ *   description="Upload files or create a folder to get started"
+ *   actions={[
+ *     <Button variant="contained" startIcon={<UploadIcon />}>Upload</Button>,
+ *     <Button variant="outlined" startIcon={<FolderIcon />}>New folder</Button>,
+ *   ]}
+ * />
+ * ```
+ *
+ * @example Filled (full height)
+ * ```tsx
+ * <EmptyContent filled title="No messages" compact />
+ * ```
+ */
+export declare function EmptyContent({ illustration, icon, iconColor, iconSize, title, description, action, actions, maxWidth, filled, sx, illustrationSx, slotProps, compact, }: EmptyContentProps): ReactNode;
+/**
+ * Search Empty Content - Specialized empty state for search results.
+ */
+export declare function SearchEmptyContent({ query, ...props }: Omit<EmptyContentProps, 'title' | 'description'> & {
+    query?: string;
+}): ReactNode;
+/**
+ * Loading Empty Content - Placeholder while loading.
+ */
+export declare function LoadingEmptyContent({ ...props }: Omit<EmptyContentProps, 'title'>): ReactNode;
+//# sourceMappingURL=empty-content.d.ts.map

package/dist/components/empty-content/empty-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-content.d.ts","sourceRoot":"","sources":["../../../src/components/empty-content/empty-content.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAM3D,MAAM,WAAW,iBAAiB;IAChC,yDAAyD;IACzD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,gEAAgE;IAChE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,iDAAiD;IACjD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,gDAAgD;IAChD,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2CAA2C;IAC3C,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,kCAAkC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAChC,qBAAqB;IACrB,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QACvB,WAAW,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC7B,OAAO,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;KAC1B,CAAC;IACF,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA6ED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,YAAY,CAAC,EAC3B,YAAY,EACZ,IAAI,EACJ,SAA0B,EAC1B,QAAa,EACb,KAAiB,EACjB,WAAW,EACX,MAAM,EACN,OAAO,EACP,QAAc,EACd,MAAc,EACd,EAAE,EACF,cAAc,EACd,SAAS,EACT,OAAe,GAChB,EAAE,iBAAiB,GAAG,SAAS,CAwG/B;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,aAAa,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAUnF;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,GAAG,SAAS,CAyB7F"}

package/dist/components/empty-content/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Empty Content Component Exports
+ *
+ * @module components/empty-content
+ */
+export { EmptyContent, SearchEmptyContent, LoadingEmptyContent, type EmptyContentProps } from './empty-content.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/empty-content/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/empty-content/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC"}