@mihcm/ui 0.14.1

package/dist/Resizable.native.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Resizable (React Native variant).
+ *
+ * Simple vertical/horizontal split layout. On native, panels are
+ * statically sized — drag-to-resize is not supported (use a dedicated
+ * gesture library if needed).
+ *
+ * Wiki: docs/components/Resizable.md
+ */
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+type ClassedViewProps = Omit<ViewProps, 'style'> & {
+    className?: string;
+};
+export interface ResizablePanelGroupProps extends ClassedViewProps {
+    direction: 'horizontal' | 'vertical';
+    children: ReactNode;
+}
+export declare const ResizablePanelGroup: import("react").ForwardRefExoticComponent<ResizablePanelGroupProps & import("react").RefAttributes<View>>;
+export interface ResizablePanelProps extends ClassedViewProps {
+    defaultSize?: number;
+    minSize?: number;
+    maxSize?: number;
+    children: ReactNode;
+}
+export declare const ResizablePanel: import("react").ForwardRefExoticComponent<ResizablePanelProps & import("react").RefAttributes<View>>;
+export interface ResizableHandleProps extends ClassedViewProps {
+    withHandle?: boolean;
+}
+export declare const ResizableHandle: import("react").ForwardRefExoticComponent<ResizableHandleProps & import("react").RefAttributes<View>>;
+export {};
+//# sourceMappingURL=Resizable.native.d.ts.map

package/dist/Resizable.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.native.d.ts","sourceRoot":"","sources":["../src/Resizable.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpD,KAAK,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAI1E,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,SAAS,EAAE,YAAY,GAAG,UAAU,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,mBAAmB,2GAc/B,CAAC;AAIF,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,sGAU1B,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,uGAU3B,CAAC"}

package/dist/Resizable.native.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Resizable (React Native variant).
+ *
+ * Simple vertical/horizontal split layout. On native, panels are
+ * statically sized — drag-to-resize is not supported (use a dedicated
+ * gesture library if needed).
+ *
+ * Wiki: docs/components/Resizable.md
+ */
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import { cn } from './internal/cn.js';
+export const ResizablePanelGroup = forwardRef(function ResizablePanelGroup({ direction, className, ...props }, ref) {
+    return (_jsx(View, { ref: ref, className: cn(direction === 'horizontal' ? 'flex-row' : 'flex-col', 'flex-1', className), ...props }));
+});
+export const ResizablePanel = forwardRef(function ResizablePanel({ className, defaultSize, ...props }, ref) {
+    return (_jsx(View, { ref: ref, className: cn('flex-1', className), ...props }));
+});
+export const ResizableHandle = forwardRef(function ResizableHandle({ withHandle, className, ...props }, ref) {
+    return (_jsx(View, { ref: ref, className: cn('bg-border', className), ...props }));
+});
+//# sourceMappingURL=Resizable.native.js.map

package/dist/Resizable.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.native.js","sourceRoot":"","sources":["../src/Resizable.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAWtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAC3C,SAAS,mBAAmB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAClE,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EACpD,QAAQ,EACR,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAWF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC/D,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,KAC9B,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAQF,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,SAAS,eAAe,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC/D,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,KACjC,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/RichTextEditor.d.ts

@@ -0,0 +1,38 @@
+/**
+ * RichTextEditor (web only — React DOM).
+ *
+ * A Lexical-powered rich text editor styled to match the MiHCM design system.
+ * Four variants control which toolbar features are shown:
+ *
+ *   minimal  — Bold, Italic only
+ *   default  — Bold, Italic, Underline, Strikethrough + Bullet/Numbered lists
+ *   semi     — default + Headings (H1–H3) + Undo/Redo + Code + Link + Indent/Outdent + Markdown shortcuts + Tab indentation
+ *   full     — semi + Text alignment (L/C/R/Justify) + Superscript/Subscript + Check list + Table + Horizontal rule + Block quote + Clear formatting
+ *
+ * Web only — native apps should use a platform-specific editor.
+ *
+ * Wiki: docs/components/RichTextEditor.md
+ */
+import { type HTMLAttributes } from 'react';
+import { type EditorState, type LexicalEditor } from 'lexical';
+export type RichTextEditorVariant = 'minimal' | 'default' | 'semi' | 'full';
+export interface RichTextEditorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     * Controls which toolbar features are shown.
+     * - `minimal` — Bold, Italic
+     * - `default` — Bold, Italic, Underline, Strikethrough, Lists
+     * - `semi` — default + Headings, Undo/Redo, Code, Link, Indent/Outdent, Markdown shortcuts, Tab indentation
+     * - `full` — semi + Alignment (L/C/R/Justify), Super/Subscript, Check list, Table, Block quote, HR, Clear formatting
+     */
+    variant?: RichTextEditorVariant;
+    /** Placeholder text for the editor. */
+    placeholder?: string;
+    /** Called with the serialised editor state on every change. */
+    onChange?: (editorState: EditorState, editor: LexicalEditor) => void;
+    /** Make the editor read-only. */
+    readOnly?: boolean;
+    /** Minimum height for the editor area. Default `'150px'`. */
+    minHeight?: string;
+}
+export declare const RichTextEditor: import("react").ForwardRefExoticComponent<RichTextEditorProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=RichTextEditor.d.ts.map

package/dist/RichTextEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../src/RichTextEditor.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAKL,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;AAgBf,OAAO,EAUL,KAAK,WAAW,EAChB,KAAK,aAAa,EAGnB,MAAM,SAAS,CAAC;AAcjB,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAqV5E,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IACrE,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,gHAmF1B,CAAC"}

package/dist/RichTextEditor.js

@@ -0,0 +1,218 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * RichTextEditor (web only — React DOM).
+ *
+ * A Lexical-powered rich text editor styled to match the MiHCM design system.
+ * Four variants control which toolbar features are shown:
+ *
+ *   minimal  — Bold, Italic only
+ *   default  — Bold, Italic, Underline, Strikethrough + Bullet/Numbered lists
+ *   semi     — default + Headings (H1–H3) + Undo/Redo + Code + Link + Indent/Outdent + Markdown shortcuts + Tab indentation
+ *   full     — semi + Text alignment (L/C/R/Justify) + Superscript/Subscript + Check list + Table + Horizontal rule + Block quote + Clear formatting
+ *
+ * Web only — native apps should use a platform-specific editor.
+ *
+ * Wiki: docs/components/RichTextEditor.md
+ */
+import { forwardRef, useCallback, useEffect, useState, } from 'react';
+import { cn } from './internal/cn.js';
+import { LexicalComposer } from '@lexical/react/LexicalComposer.js';
+import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin.js';
+import { ContentEditable } from '@lexical/react/LexicalContentEditable.js';
+import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin.js';
+import { ListPlugin } from '@lexical/react/LexicalListPlugin.js';
+import { CheckListPlugin } from '@lexical/react/LexicalCheckListPlugin.js';
+import { LinkPlugin } from '@lexical/react/LexicalLinkPlugin.js';
+import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin.js';
+import { MarkdownShortcutPlugin } from '@lexical/react/LexicalMarkdownShortcutPlugin.js';
+import { TabIndentationPlugin } from '@lexical/react/LexicalTabIndentationPlugin.js';
+import { TablePlugin } from '@lexical/react/LexicalTablePlugin.js';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
+import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary.js';
+import { $isRangeSelection, $getSelection, $createParagraphNode, FORMAT_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, INDENT_CONTENT_COMMAND, OUTDENT_CONTENT_COMMAND, UNDO_COMMAND, REDO_COMMAND, } from 'lexical';
+import { HeadingNode, $createHeadingNode, QuoteNode, $createQuoteNode } from '@lexical/rich-text';
+import { ListItemNode, ListNode, INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND } from '@lexical/list';
+import { INSERT_CHECK_LIST_COMMAND } from '@lexical/list';
+import { LinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link';
+import { CodeNode } from '@lexical/code';
+import { $setBlocksType } from '@lexical/selection';
+import { HorizontalRuleNode, INSERT_HORIZONTAL_RULE_COMMAND } from '@lexical/react/LexicalHorizontalRuleNode.js';
+import { HorizontalRulePlugin } from '@lexical/react/LexicalHorizontalRulePlugin.js';
+import { TableNode, TableCellNode, TableRowNode, $createTableNodeWithDimensions } from '@lexical/table';
+import { TRANSFORMERS, ELEMENT_TRANSFORMERS, TEXT_FORMAT_TRANSFORMERS, TEXT_MATCH_TRANSFORMERS } from '@lexical/markdown';
+/* ── Theme (maps Lexical class names to Tailwind) ─────────────────── */
+const editorTheme = {
+    paragraph: 'mb-2 last:mb-0',
+    heading: {
+        h1: 'text-2xl font-bold mb-3 text-foreground',
+        h2: 'text-xl font-semibold mb-2 text-foreground',
+        h3: 'text-lg font-medium mb-2 text-foreground',
+    },
+    text: {
+        bold: 'font-bold',
+        italic: 'italic',
+        underline: 'underline',
+        strikethrough: 'line-through',
+        underlineStrikethrough: 'underline line-through',
+        code: 'font-mono text-sm bg-muted px-1.5 py-0.5 rounded',
+        subscript: 'align-sub',
+        superscript: 'align-super',
+    },
+    list: {
+        ul: 'list-disc ml-6 mb-2',
+        ol: 'list-decimal ml-6 mb-2',
+        listitem: 'mb-0.5',
+        listitemChecked: 'line-through opacity-60 relative ml-2 list-none outline-none',
+        listitemUnchecked: 'relative ml-2 list-none outline-none',
+        nested: { listitem: 'list-none' },
+        checklist: 'list-none ml-0',
+    },
+    link: 'text-primary underline cursor-pointer hover:text-primary/80',
+    quote: 'border-l-4 border-primary-200 dark:border-primary-800 pl-4 italic text-muted-foreground mb-2',
+    code: 'font-mono text-sm bg-muted p-3 rounded-md mb-2 block overflow-x-auto',
+    horizontalRule: 'my-4 border-t border-border',
+    table: 'border-collapse border border-border w-full mb-2',
+    tableCell: 'border border-border px-2 py-1.5 text-sm min-w-[75px]',
+    tableCellHeader: 'border border-border px-2 py-1.5 text-sm font-semibold bg-muted/50',
+};
+/* ── Toolbar primitives ───────────────────────────────────────────── */
+function TbIcon({ d, className }) {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: cn('size-3.5', className), children: _jsx("path", { d: d }) }));
+}
+function TbMultiIcon({ paths, className }) {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: cn('size-3.5', className), children: paths.map((d, i) => _jsx("path", { d: d }, i)) }));
+}
+function TbBtn({ active, onClick, title, children }) {
+    return (_jsx("button", { type: "button", onClick: onClick, title: title, "aria-label": title, "aria-pressed": active, className: cn('flex items-center justify-center size-7 rounded transition-colors duration-150 cursor-pointer', 'hover:bg-muted focus:outline-none focus-visible:ring-2 focus-visible:ring-ring', active && 'border border-primary bg-primary text-primary-foreground shadow-mi-card'), children: children }));
+}
+function TbSep() {
+    return _jsx("span", { className: "w-px h-4 bg-border mx-0.5", "aria-hidden": true });
+}
+/* ── Toolbar plugin ───────────────────────────────────────────────── */
+function ToolbarPlugin({ variant }) {
+    const [editor] = useLexicalComposerContext();
+    const [isBold, setIsBold] = useState(false);
+    const [isItalic, setIsItalic] = useState(false);
+    const [isUnderline, setIsUnderline] = useState(false);
+    const [isStrikethrough, setIsStrikethrough] = useState(false);
+    const [isCode, setIsCode] = useState(false);
+    const [isSuperscript, setIsSuperscript] = useState(false);
+    const [isSubscript, setIsSubscript] = useState(false);
+    const [isLink, setIsLink] = useState(false);
+    const updateToolbar = useCallback(() => {
+        const selection = $getSelection();
+        if ($isRangeSelection(selection)) {
+            setIsBold(selection.hasFormat('bold'));
+            setIsItalic(selection.hasFormat('italic'));
+            setIsUnderline(selection.hasFormat('underline'));
+            setIsStrikethrough(selection.hasFormat('strikethrough'));
+            setIsCode(selection.hasFormat('code'));
+            setIsSuperscript(selection.hasFormat('superscript'));
+            setIsSubscript(selection.hasFormat('subscript'));
+            const node = selection.anchor.getNode();
+            const parent = node.getParent();
+            setIsLink($isLinkNode(parent) || $isLinkNode(node));
+        }
+    }, []);
+    useEffect(() => {
+        return editor.registerUpdateListener(({ editorState }) => {
+            editorState.read(() => updateToolbar());
+        });
+    }, [editor, updateToolbar]);
+    const formatHeading = (tag) => {
+        editor.update(() => {
+            const selection = $getSelection();
+            if ($isRangeSelection(selection))
+                $setBlocksType(selection, () => $createHeadingNode(tag));
+        });
+    };
+    const formatParagraph = () => {
+        editor.update(() => {
+            const selection = $getSelection();
+            if ($isRangeSelection(selection))
+                $setBlocksType(selection, () => $createParagraphNode());
+        });
+    };
+    const formatBlockQuote = () => {
+        editor.update(() => {
+            const selection = $getSelection();
+            if ($isRangeSelection(selection))
+                $setBlocksType(selection, () => $createQuoteNode());
+        });
+    };
+    const insertLink = () => {
+        if (isLink) {
+            editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
+        }
+        else {
+            const url = prompt('Enter URL:');
+            if (url)
+                editor.dispatchCommand(TOGGLE_LINK_COMMAND, url);
+        }
+    };
+    const insertTable = () => {
+        editor.update(() => {
+            const table = $createTableNodeWithDimensions(3, 3, false);
+            const selection = $getSelection();
+            if ($isRangeSelection(selection)) {
+                const anchor = selection.anchor.getNode();
+                const parent = anchor.getTopLevelElementOrThrow();
+                parent.insertAfter(table);
+            }
+        });
+    };
+    const clearFormatting = () => {
+        editor.update(() => {
+            const selection = $getSelection();
+            if ($isRangeSelection(selection)) {
+                for (const format of ['bold', 'italic', 'underline', 'strikethrough', 'code', 'superscript', 'subscript']) {
+                    if (selection.hasFormat(format)) {
+                        editor.dispatchCommand(FORMAT_TEXT_COMMAND, format);
+                    }
+                }
+            }
+        });
+    };
+    const showHistory = variant === 'semi' || variant === 'full';
+    const showHeadings = variant === 'semi' || variant === 'full';
+    const showUnderlineStrike = variant !== 'minimal';
+    const showLists = variant !== 'minimal';
+    const showCode = variant === 'semi' || variant === 'full';
+    const showLink = variant === 'semi' || variant === 'full';
+    const showIndent = variant === 'semi' || variant === 'full';
+    const showAlignment = variant === 'full';
+    const showSuperSub = variant === 'full';
+    const showCheckList = variant === 'full';
+    const showTable = variant === 'full';
+    const showExtras = variant === 'full';
+    return (_jsxs("div", { className: "flex items-center gap-0.5 px-2 py-1.5 border-b border-border bg-muted/50 rounded-t-lg flex-wrap", children: [showHistory && (_jsxs(_Fragment, { children: [_jsx(TbBtn, { title: "Undo (Ctrl+Z)", onClick: () => editor.dispatchCommand(UNDO_COMMAND, undefined), children: _jsx(TbIcon, { d: "M3 7v6h6M3 13a9 9 0 1 0 3-7.7" }) }), _jsx(TbBtn, { title: "Redo (Ctrl+Shift+Z)", onClick: () => editor.dispatchCommand(REDO_COMMAND, undefined), children: _jsx(TbIcon, { d: "M21 7v6h-6M21 13a9 9 0 1 1-3-7.7" }) }), _jsx(TbSep, {})] })), showHeadings && (_jsxs(_Fragment, { children: [_jsx(TbBtn, { title: "Heading 1", onClick: () => formatHeading('h1'), children: _jsx("span", { className: "text-xs font-bold leading-none", children: "H1" }) }), _jsx(TbBtn, { title: "Heading 2", onClick: () => formatHeading('h2'), children: _jsx("span", { className: "text-xs font-bold leading-none", children: "H2" }) }), _jsx(TbBtn, { title: "Heading 3", onClick: () => formatHeading('h3'), children: _jsx("span", { className: "text-xs font-bold leading-none", children: "H3" }) }), _jsx(TbBtn, { title: "Paragraph", onClick: formatParagraph, children: _jsx("span", { className: "text-xs font-medium leading-none", children: "\u00B6" }) }), _jsx(TbSep, {})] })), _jsx(TbBtn, { title: "Bold (Ctrl+B)", active: isBold, onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold'), children: _jsx("span", { className: "text-xs font-bold", children: "B" }) }), _jsx(TbBtn, { title: "Italic (Ctrl+I)", active: isItalic, onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic'), children: _jsx("span", { className: "text-xs italic", children: "I" }) }), showUnderlineStrike && (_jsxs(_Fragment, { children: [_jsx(TbBtn, { title: "Underline (Ctrl+U)", active: isUnderline, onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline'), children: _jsx("span", { className: "text-xs underline", children: "U" }) }), _jsx(TbBtn, { title: "Strikethrough", active: isStrikethrough, onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'strikethrough'), children: _jsx("span", { className: "text-xs line-through", children: "S" }) })] })), showCode && (_jsx(TbBtn, { title: "Inline code", active: isCode, onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'code'), children: _jsx(TbMultiIcon, { paths: ['M16 18l6-6-6-6', 'M8 6l-6 6 6 6'] }) })), showSuperSub && (_jsxs(_Fragment, { children: [_jsx(TbBtn, { title: "Superscript", active: isSuperscript, onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'superscript'), children: _jsxs("span", { className: "text-xs leading-none", children: ["X", _jsx("sup", { children: "2" })] }) }), _jsx(TbBtn, { title: "Subscript", active: isSubscript, onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'subscript'), children: _jsxs("span", { className: "text-xs leading-none", children: ["X", _jsx("sub", { children: "2" })] }) })] })), (showLists || showLink) && _jsx(TbSep, {}), showLists && (_jsxs(_Fragment, { children: [_jsx(TbBtn, { title: "Bullet list", onClick: () => editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined), children: _jsx(TbIcon, { d: "M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" }) }), _jsx(TbBtn, { title: "Numbered list", onClick: () => editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined), children: _jsx(TbIcon, { d: "M10 6h11M10 12h11M10 18h11M3 5l2 1V4M3 11h2l-1 2h2M3 17l2 1-2 1" }) })] })), showCheckList && (_jsx(TbBtn, { title: "Check list", onClick: () => editor.dispatchCommand(INSERT_CHECK_LIST_COMMAND, undefined), children: _jsx(TbMultiIcon, { paths: ['M9 11l3 3L22 4', 'M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'] }) })), showLink && (_jsx(TbBtn, { title: "Insert link", active: isLink, onClick: insertLink, children: _jsx(TbMultiIcon, { paths: ['M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71', 'M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'] }) })), showIndent && (_jsxs(_Fragment, { children: [_jsx(TbSep, {}), _jsx(TbBtn, { title: "Indent", onClick: () => editor.dispatchCommand(INDENT_CONTENT_COMMAND, undefined), children: _jsx(TbMultiIcon, { paths: ['M3 8l4 4-4 4', 'M11 6h10', 'M11 12h10', 'M11 18h10'] }) }), _jsx(TbBtn, { title: "Outdent", onClick: () => editor.dispatchCommand(OUTDENT_CONTENT_COMMAND, undefined), children: _jsx(TbMultiIcon, { paths: ['M7 8l-4 4 4 4', 'M11 6h10', 'M11 12h10', 'M11 18h10'] }) })] })), showAlignment && (_jsxs(_Fragment, { children: [_jsx(TbSep, {}), _jsx(TbBtn, { title: "Align left", onClick: () => editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'left'), children: _jsx(TbIcon, { d: "M17 10H3M21 6H3M21 14H3M17 18H3" }) }), _jsx(TbBtn, { title: "Align center", onClick: () => editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'center'), children: _jsx(TbIcon, { d: "M18 10H6M21 6H3M21 14H3M18 18H6" }) }), _jsx(TbBtn, { title: "Align right", onClick: () => editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'right'), children: _jsx(TbIcon, { d: "M21 10H7M21 6H3M21 14H3M21 18H7" }) }), _jsx(TbBtn, { title: "Justify", onClick: () => editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'justify'), children: _jsx(TbIcon, { d: "M3 6h18M3 12h18M3 18h18" }) })] })), showExtras && (_jsxs(_Fragment, { children: [_jsx(TbSep, {}), _jsx(TbBtn, { title: "Insert table (3\u00D73)", onClick: insertTable, children: _jsx(TbMultiIcon, { paths: ['M3 3h18v18H3V3z', 'M3 9h18', 'M3 15h18', 'M9 3v18', 'M15 3v18'] }) }), _jsx(TbBtn, { title: "Block quote", onClick: formatBlockQuote, children: _jsx(TbMultiIcon, { paths: ['M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1', 'M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1'] }) }), _jsx(TbBtn, { title: "Horizontal rule", onClick: () => editor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, undefined), children: _jsx(TbIcon, { d: "M3 12h18" }) }), _jsx(TbBtn, { title: "Clear formatting", onClick: clearFormatting, children: _jsx(TbMultiIcon, { paths: ['M4 7h7l-2 9h7', 'M16 4l4 4-4 4', 'M7 20l5-5'] }) })] }))] }));
+}
+/* ── Placeholder ──────────────────────────────────────────────────── */
+function Placeholder({ text }) {
+    return (_jsx("div", { className: "absolute top-0 left-0 pointer-events-none text-muted-foreground text-sm px-4 pt-3", children: text }));
+}
+export const RichTextEditor = forwardRef(function RichTextEditor({ className, variant = 'default', placeholder = 'Start typing...', onChange, readOnly = false, minHeight = '150px', ...props }, ref) {
+    const nodes = [ListNode, ListItemNode];
+    if (variant === 'semi' || variant === 'full') {
+        nodes.push(HeadingNode, LinkNode, CodeNode);
+    }
+    if (variant === 'full') {
+        nodes.push(QuoteNode, HorizontalRuleNode, TableNode, TableCellNode, TableRowNode);
+    }
+    const initialConfig = {
+        namespace: 'MiHCMRichTextEditor',
+        theme: editorTheme,
+        nodes,
+        editable: !readOnly,
+        onError: (error) => {
+            console.error('[RichTextEditor]', error);
+        },
+    };
+    return (_jsx("div", { ref: ref, className: cn('rounded-lg border border-border bg-card text-foreground', 'focus-within:ring-2 focus-within:ring-ring focus-within:border-transparent', 'transition-shadow', readOnly && 'opacity-70', className), ...props, children: _jsxs(LexicalComposer, { initialConfig: initialConfig, children: [!readOnly && _jsx(ToolbarPlugin, { variant: variant }), _jsx("div", { className: "relative", style: { minHeight }, children: _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: "outline-none px-4 py-3 text-sm leading-relaxed min-h-full", style: { minHeight } }), placeholder: _jsx(Placeholder, { text: placeholder }), ErrorBoundary: LexicalErrorBoundary }) }), _jsx(HistoryPlugin, {}), _jsx(ListPlugin, {}), variant === 'full' && _jsx(CheckListPlugin, {}), (variant === 'semi' || variant === 'full') && _jsx(LinkPlugin, {}), variant === 'full' && _jsx(MarkdownShortcutPlugin, { transformers: TRANSFORMERS }), variant === 'semi' && (_jsx(MarkdownShortcutPlugin, { transformers: [
+                        ...ELEMENT_TRANSFORMERS.filter((t) => t.dependencies.every((dep) => [HeadingNode, ListNode, ListItemNode, LinkNode, CodeNode].includes(dep))),
+                        ...TEXT_FORMAT_TRANSFORMERS,
+                        ...TEXT_MATCH_TRANSFORMERS,
+                    ] })), (variant === 'semi' || variant === 'full') && _jsx(TabIndentationPlugin, {}), variant === 'full' && _jsx(HorizontalRulePlugin, {}), variant === 'full' && _jsx(TablePlugin, {}), onChange && (_jsx(OnChangePlugin, { onChange: (editorState, editor) => onChange(editorState, editor) }))] }) }));
+});
+//# sourceMappingURL=RichTextEditor.js.map

package/dist/RichTextEditor.js.map

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

package/dist/ScrollArea.d.ts

@@ -0,0 +1,4 @@
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+export declare const ScrollArea: import("react").ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ScrollBar: import("react").ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ScrollArea.d.ts.map

package/dist/ScrollArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../src/ScrollArea.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAKnE,eAAO,MAAM,UAAU,6LAkBrB,CAAC;AAIH,eAAO,MAAM,SAAS,sMAmBpB,CAAC"}

package/dist/ScrollArea.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ScrollArea (web variant — React DOM).
+ *
+ * Custom-styled scrollable container powered by Radix ScrollArea.
+ * Thin translucent scrollbars that appear on hover/scroll and fade out.
+ *
+ *   <ScrollArea className="h-72">
+ *     <p>Long content…</p>
+ *   </ScrollArea>
+ *
+ * Wiki: docs/components/ScrollArea.md
+ */
+import { forwardRef } from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { cn } from './internal/cn.js';
+/* ── Root ───────────────────────────────────────────────────────────── */
+export const ScrollArea = forwardRef(function ScrollArea({ className, children, ...props }, ref) {
+    return (_jsxs(ScrollAreaPrimitive.Root, { ref: ref, className: cn('relative overflow-hidden', className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollBar, { orientation: "horizontal" }), _jsx(ScrollAreaPrimitive.Corner, {})] }));
+});
+/* ── ScrollBar ──────────────────────────────────────────────────────── */
+export const ScrollBar = forwardRef(function ScrollBar({ className, orientation = 'vertical', ...props }, ref) {
+    return (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { ref: ref, orientation: orientation, className: cn('flex touch-none select-none transition-colors duration-150', orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-px', orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent p-px', className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" }) }));
+});
+//# sourceMappingURL=ScrollArea.js.map

package/dist/ScrollArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../src/ScrollArea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,UAAU,EAAkD,MAAM,OAAO,CAAC;AACnF,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,2EAA2E;AAE3E,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAGlC,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC1D,OAAO,CACL,MAAC,mBAAmB,CAAC,IAAI,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAChD,KAAK,aAET,KAAC,mBAAmB,CAAC,QAAQ,IAAC,SAAS,EAAC,iCAAiC,YACtE,QAAQ,GACoB,EAC/B,KAAC,SAAS,KAAG,EACb,KAAC,SAAS,IAAC,WAAW,EAAC,YAAY,GAAG,EACtC,KAAC,mBAAmB,CAAC,MAAM,KAAG,IACL,CAC5B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,2EAA2E;AAE3E,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAGjC,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACzE,OAAO,CACL,KAAC,mBAAmB,CAAC,mBAAmB,IACtC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,4DAA4D,EAC5D,WAAW,KAAK,UAAU,IAAI,iDAAiD,EAC/E,WAAW,KAAK,YAAY,IAAI,mDAAmD,EACnF,SAAS,CACV,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,eAAe,IAAC,SAAS,EAAC,wCAAwC,GAAG,GAClD,CAC3C,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/ScrollArea.native.d.ts

@@ -0,0 +1,19 @@
+/**
+ * ScrollArea (React Native variant).
+ *
+ * Thin wrapper around ScrollView for API parity with the web ScrollArea.
+ * On native the OS handles scrollbar styling, so this is essentially
+ * a typed re-export.
+ *
+ * Wiki: docs/components/ScrollArea.md
+ */
+import { type ScrollViewProps } from 'react-native';
+export interface ScrollAreaProps extends ScrollViewProps {
+    className?: string;
+}
+export declare function ScrollArea({ className, children, ...props }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
+export interface ScrollBarProps {
+    className?: string;
+}
+export declare function ScrollBar(_props: ScrollBarProps): null;
+//# sourceMappingURL=ScrollArea.native.d.ts.map

package/dist/ScrollArea.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.native.d.ts","sourceRoot":"","sources":["../src/ScrollArea.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAGhE,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAW5E;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,MAAM,EAAE,cAAc,QAE/C"}

package/dist/ScrollArea.native.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * ScrollArea (React Native variant).
+ *
+ * Thin wrapper around ScrollView for API parity with the web ScrollArea.
+ * On native the OS handles scrollbar styling, so this is essentially
+ * a typed re-export.
+ *
+ * Wiki: docs/components/ScrollArea.md
+ */
+import { ScrollView } from 'react-native';
+import { cn } from './internal/cn.js';
+export function ScrollArea({ className, children, ...props }) {
+    return (_jsx(ScrollView, { showsVerticalScrollIndicator: true, showsHorizontalScrollIndicator: false, className: cn(className), ...props, children: children }));
+}
+export function ScrollBar(_props) {
+    return null;
+}
+//# sourceMappingURL=ScrollArea.native.js.map

package/dist/ScrollArea.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.native.js","sourceRoot":"","sources":["../src/ScrollArea.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAMtC,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAmB;IAC3E,OAAO,CACL,KAAC,UAAU,IACT,4BAA4B,QAC5B,8BAA8B,EAAE,KAAK,EACrC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KACpB,KAAK,YAER,QAAQ,GACE,CACd,CAAC;AACJ,CAAC;AAMD,MAAM,UAAU,SAAS,CAAC,MAAsB;IAC9C,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/SearchField.d.ts

@@ -0,0 +1,43 @@
+/**
+ * SearchField (web variant — React DOM).
+ *
+ * Sugar wrapper around `Input` that ships the magnifier glyph, an
+ * optional clear button, and `role="search"` for screen readers.
+ * Used in the MiHCM Security prototype's Employee Lookup bar, the
+ * filter input inside `CheckboxGrid`, and the dual `TransferList`
+ * filter inputs.
+ *
+ * Controlled-only — pass `value` + `onValueChange`. For uncontrolled
+ * use, wrap with `useState`.
+ *
+ * Wiki: docs/components/SearchField.md
+ */
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const searchFieldSizes: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type SearchFieldSize = NonNullable<VariantProps<typeof searchFieldSizes>['size']>;
+export interface SearchFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'defaultValue' | 'onChange' | 'type'> {
+    /** Current value. */
+    value: string;
+    /** Fired when the input changes (or the clear button is pressed). */
+    onValueChange: (value: string) => void;
+    /** Input height. Defaults to `md`. */
+    size?: SearchFieldSize;
+    /** Placeholder. Defaults to `Search…`. */
+    placeholder?: string;
+    /** Wrapper className. */
+    className?: string;
+    /** Forwarded to the underlying input element. */
+    inputClassName?: string;
+    /** Optional element rendered after the clear button (e.g. shortcut hint). */
+    trailingSlot?: ReactNode;
+    /** Disable the clear button even when `value` is non-empty. */
+    noClear?: boolean;
+    /** Accessible label for the clear button. Defaults to `"Clear search"`. */
+    clearLabel?: string;
+}
+export declare const SearchField: import("react").ForwardRefExoticComponent<SearchFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=SearchField.d.ts.map

package/dist/SearchField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["../src/SearchField.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAc,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,eAAO,MAAM,gBAAgB;;8EAK3B,CAAC;AAEH,KAAK,eAAe,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AA4BlF,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,MAAM,CACxD;IACD,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,sCAAsC;IACtC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,+GAsDvB,CAAC"}

package/dist/SearchField.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * SearchField (web variant — React DOM).
+ *
+ * Sugar wrapper around `Input` that ships the magnifier glyph, an
+ * optional clear button, and `role="search"` for screen readers.
+ * Used in the MiHCM Security prototype's Employee Lookup bar, the
+ * filter input inside `CheckboxGrid`, and the dual `TransferList`
+ * filter inputs.
+ *
+ * Controlled-only — pass `value` + `onValueChange`. For uncontrolled
+ * use, wrap with `useState`.
+ *
+ * Wiki: docs/components/SearchField.md
+ */
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { Input } from './Input.js';
+import { cn } from './internal/cn.js';
+export const searchFieldSizes = cva('', {
+    variants: {
+        size: { sm: '', md: '', lg: '' },
+    },
+    defaultVariants: { size: 'md' },
+});
+const SearchIcon = ({ size }) => (_jsx("svg", { "aria-hidden": true, className: cn(size === 'lg' ? 'h-4 w-4' : 'h-3.5 w-3.5'), fill: "none", stroke: "currentColor", strokeWidth: 2, viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }));
+const ClearIcon = () => (_jsx("svg", { "aria-hidden": true, className: "h-3.5 w-3.5", fill: "none", stroke: "currentColor", strokeWidth: 2, viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) }));
+export const SearchField = forwardRef(function SearchField({ value, onValueChange, size = 'md', placeholder = 'Search…', className, inputClassName, trailingSlot, noClear = false, clearLabel = 'Clear search', ...props }, ref) {
+    const showClear = !noClear && value.length > 0;
+    const trailing = showClear || trailingSlot ? (_jsxs("span", { className: "flex items-center gap-1", children: [showClear ? (_jsx("button", { type: "button", "aria-label": clearLabel, onClick: () => onValueChange(''), className: "grid h-5 w-5 place-items-center rounded text-muted-foreground hover:bg-muted hover:text-foreground transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: _jsx(ClearIcon, {}) })) : null, trailingSlot] })) : undefined;
+    return (_jsx(Input, { ref: ref, type: "search", value: value, size: size, placeholder: placeholder, leadingIcon: _jsx(SearchIcon, { size: size }), trailingIcon: trailing, ...(className ? { className } : {}), inputClassName: cn('mihcm-search-input', '[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none', inputClassName), onChange: (e) => onValueChange(e.target.value), ...props }));
+});
+//# sourceMappingURL=SearchField.js.map

package/dist/SearchField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField.js","sourceRoot":"","sources":["../src/SearchField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,UAAU,EAA4C,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAC,EAAE,EAAE;IACtC,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;KACjC;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;CAChC,CAAC,CAAC;AAIH,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAA6B,EAAE,EAAE,CAAC,CAC1D,mCAEE,SAAS,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,EACxD,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,OAAO,EAAC,WAAW,YAEnB,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,6CAA6C,GAAG,GACjG,CACP,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,mCAEE,SAAS,EAAC,aAAa,EACvB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,OAAO,EAAC,WAAW,YAEnB,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,sBAAsB,GAAG,GAC1E,CACP,CAAC;AA2BF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EACE,KAAK,EACL,aAAa,EACb,IAAI,GAAG,IAAI,EACX,WAAW,GAAG,SAAS,EACvB,SAAS,EACT,cAAc,EACd,YAAY,EACZ,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,cAAc,EAC3B,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,SAAS,GAAG,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAC/C,MAAM,QAAQ,GACZ,SAAS,IAAI,YAAY,CAAC,CAAC,CAAC,CAC1B,gBAAM,SAAS,EAAC,yBAAyB,aACtC,SAAS,CAAC,CAAC,CAAC,CACX,iBACE,IAAI,EAAC,QAAQ,gBACD,UAAU,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,EAChC,SAAS,EAAC,mMAAmM,YAE7M,KAAC,SAAS,KAAG,GACN,CACV,CAAC,CAAC,CAAC,IAAI,EACP,YAAY,IACR,CACR,CAAC,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,CACL,KAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,GAAI,EACvC,YAAY,EAAE,QAAQ,KAClB,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACpC,cAAc,EAAE,EAAE,CAChB,oBAAoB,EACpB,kGAAkG,EAClG,cAAc,CACf,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAC1C,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/SearchField.native.d.ts

@@ -0,0 +1,31 @@
+/**
+ * SearchField (React Native variant).
+ *
+ * Same prop API as the web variant. Built on RN primitives directly
+ * (not on `Input`) so TypeScript can pick the right `View`/`TextInput`
+ * types without depending on the platform's export condition at
+ * type-check time.
+ *
+ * The icon and clear glyph are rendered as plain unicode characters
+ * inside `<Text>` to keep the package zero-dep — consumers wanting
+ * vector icons can pass their own via `trailingSlot`.
+ *
+ * Wiki: docs/components/SearchField.md
+ */
+import { type ReactNode } from 'react';
+import { TextInput, type TextInputProps } from 'react-native';
+type SearchFieldSize = 'sm' | 'md' | 'lg';
+export interface SearchFieldProps extends Omit<TextInputProps, 'value' | 'onChangeText' | 'style'> {
+    value: string;
+    onValueChange: (value: string) => void;
+    size?: SearchFieldSize;
+    placeholder?: string;
+    className?: string;
+    trailingSlot?: ReactNode;
+    noClear?: boolean;
+    /** Accessible label for the clear button. */
+    clearLabel?: string;
+}
+export declare const SearchField: import("react").ForwardRefExoticComponent<SearchFieldProps & import("react").RefAttributes<TextInput>>;
+export {};
+//# sourceMappingURL=SearchField.native.d.ts.map

package/dist/SearchField.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField.native.d.ts","sourceRoot":"","sources":["../src/SearchField.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAGL,SAAS,EAET,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAGtB,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAkB1C,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,cAAc,GAAG,OAAO,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,wGAgDtB,CAAC"}