@mieweb/ui 0.11.0-dev.34 → 0.11.0-dev.36

package/dist/kerebron.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import React__default from 'react';
 import { CoreEditor, AssetLoad, EditorKit } from '@kerebron/editor';
+import { MenuElement } from '@kerebron/extension-menu';
+export { MenuElement } from '@kerebron/extension-menu';
 import { MediaUploadOptions } from '@kerebron/extension-basic-editor/ExtensionMediaUpload';
 
 /**
@@ -16,6 +18,12 @@ import { MediaUploadOptions } from '@kerebron/extension-basic-editor/ExtensionMe
  * peers — plain-mode consumers never load them.
  */
 
+/**
+ * Reshape the toolbar menu before it renders: receives the stock menu's
+ * item groups and returns the groups to render. Append custom
+ * {@link MenuElement}s (e.g. a Macros toggle) or drop stock groups.
+ */
+type ModifyMenu = (menus: MenuElement[][]) => MenuElement[][];
 interface CollabConfig {
     /** Room id — one shared document per room (e.g. a post id). */
     room: string;
@@ -81,6 +89,12 @@ interface RichEditorProps {
     collab?: CollabConfig;
     /** Read-only surface: no typing, and the content dims. */
     disabled?: boolean;
+    /**
+     * Lock edits while keeping the surface focusable and selectable, without
+     * the dimmed `disabled` styling. Applied from creation, so the document
+     * cannot be edited even while the initial load is still in flight.
+     */
+    readOnly?: boolean;
     /**
      * Id for the editor host element — an `aria-labelledby`/`aria-describedby`
      * anchor. The host is a `div`, not a labelable control, so a
@@ -120,6 +134,28 @@ interface RichEditorProps {
     mediaUpload?: MediaUploadOptions;
     /** Additional editor kits, installed once when the editor mounts. */
     editorKits?: EditorKit[];
+    /**
+     * Reshape the stock toolbar before it renders: receives the menu's item
+     * groups and returns the groups to render — append custom controls (a
+     * macros toggle, dictation) or drop stock ones. Read once, when the editor
+     * mounts — like {@link collab}, remount via `key` to change it.
+     */
+    modifyMenu?: ModifyMenu;
+    /**
+     * MIME type of the `value`/`onChange` contract (`'text/x-markdown'` by
+     * default; pass `'text/html'` for an HTML-valued surface). Governs both
+     * how `value` is parsed and what `onChange`/`getContent()` emit.
+     */
+    valueType?: string;
+    /**
+     * Converge the document to `value` on every render, not only when the
+     * prop changes — native controlled-input semantics: when a host's
+     * `onChange` does not echo an edit back into `value`, the edit reverts.
+     * A rejected edit leaves the prop identity unchanged while the document
+     * moved on, which a change-gated reload can never see. Off by default,
+     * which tolerates read-once hosts that call `getContent()` on submit.
+     */
+    strictValue?: boolean;
 }
 interface RichEditorHandle {
     /**
@@ -150,4 +186,266 @@ interface CodeEditorProps {
 }
 declare const CodeEditor: React__default.FC<CodeEditorProps>;
 
-export { CodeEditor, type CodeEditorProps, type CollabConfig, RichEditor, type RichEditorHandle, type RichEditorProps };
+interface Macro {
+    /** Stable identifier. */
+    id: string;
+    /** Human-readable name shown in the list. */
+    label: string;
+    /** Plain text inserted into the editor. `\n` is preserved. */
+    content: string;
+    /** Optional shortcut identifier shown as a badge (e.g. `.b`). */
+    shortcut?: string;
+    /** Extra search terms that are not displayed. */
+    keywords?: string[];
+}
+interface MacroGroup {
+    /** Stable identifier. */
+    id: string;
+    /** Group heading (e.g. "Default library"). */
+    label: string;
+    /**
+     * `previous` renders the group visually distinct from library macros
+     * (history icon, muted header) so prior values are never mistaken for
+     * predefined content. Defaults to `library`.
+     */
+    kind?: 'library' | 'previous';
+    /** Macros belonging to the group. */
+    macros: Macro[];
+}
+interface MacroLibraryProps {
+    /** Grouped macros supplied by the application. */
+    groups: MacroGroup[];
+    /** Called with the chosen macro. The caller performs the insertion. */
+    onSelect: (macro: Macro) => void;
+    /** Id for the panel root (e.g. the target of a toggle's aria-controls). */
+    id?: string;
+    /**
+     * Name of the insertion target shown in the header (e.g. the editor's
+     * label), rendered as "Insert into <target>".
+     */
+    targetLabel?: string;
+    /** When provided, renders a close button and enables Escape-to-close. */
+    onClose?: () => void;
+    /** When provided, renders a "Save as macro" action in the footer. */
+    onCreateMacro?: () => void;
+    /** Autofocus the search input on mount. Defaults to false. */
+    autoFocusSearch?: boolean;
+    /**
+     * Minimal chrome for short, space-constrained lists: hides the header,
+     * the search input, and library group headings so the panel is just the
+     * macro rows. Previous-value groups keep their heading so prior answers
+     * stay visually distinct. Escape-to-close still works when `onClose` is
+     * provided. Defaults to false.
+     */
+    compact?: boolean;
+    /** Additional class for the panel root. */
+    className?: string;
+    /** Overridable labels for i18n. */
+    labels?: Partial<typeof DEFAULT_LABELS>;
+}
+declare const DEFAULT_LABELS: {
+    insertInto: string;
+    macros: string;
+    searchPlaceholder: string;
+    searchLabel: string;
+    close: string;
+    createMacro: string;
+    empty: string;
+    emptyHint: string;
+    noResults: string;
+    clearSearch: string;
+    showMore: string;
+};
+
+interface RichTextVariable {
+    /** Human-readable label shown in the variable menu. */
+    label: string;
+    /** The token displayed for the variable (e.g. `{{employee.name}}`). */
+    value: string;
+    /** Optional text inserted instead of `value` (e.g. an expanded group). */
+    insertValue?: string;
+}
+interface RichTextVariableGroup {
+    /** Group heading shown in the variable menu. */
+    label: string;
+    /** Variables belonging to the group. */
+    variables: RichTextVariable[];
+}
+interface RichTextEditorBlockMenuLabels {
+    /** Accessible label for the gutter `+` button. Defaults to "Block menu". */
+    blockMenu?: string;
+    /** "Text" (normal paragraph) menu item. */
+    text?: string;
+    /** "Heading 1" menu item. */
+    heading1?: string;
+    /** "Heading 2" menu item. */
+    heading2?: string;
+    /** "Heading 3" menu item. */
+    heading3?: string;
+    /** "Bullet list" menu item. */
+    bulletList?: string;
+    /** "Numbered list" menu item. */
+    numberedList?: string;
+    /** "Quote" menu item. */
+    quote?: string;
+    /** "Insert macro" submenu parent (shown when `macros` is provided). */
+    insertMacro?: string;
+    /** "Show macro library" menu item (shown when `macros` is provided). */
+    showMacroLibrary?: string;
+    /** Toolbar toggle item while the toolbar is hidden. */
+    showToolbar?: string;
+    /** Toolbar toggle item while the toolbar is visible. */
+    hideToolbar?: string;
+}
+interface RichTextEditorProps {
+    /** Current HTML value of the editor. */
+    value: string;
+    /** Called with the updated HTML whenever the content changes. */
+    onChange: (value: string) => void;
+    /** Placeholder shown when the editor is empty. */
+    placeholder?: string;
+    /** Additional class for the editor wrapper. */
+    className?: string;
+    /**
+     * Variable groups for the "Insert variable" menu. When omitted the variable
+     * menu and the `<< >>` → `{{ }}` convert button are hidden.
+     */
+    variableGroups?: RichTextVariableGroup[];
+    /** Enable the speech-to-text dictation button. Defaults to true. */
+    enableDictation?: boolean;
+    /** Called when dictation cannot start (replaces native alerts). */
+    onDictationError?: (message: string) => void;
+    /** Disable editing and toolbar actions. */
+    disabled?: boolean;
+    /**
+     * Sanitises HTML introduced by paste or drop before it reaches the editable
+     * DOM. Without it, pasted markup is inserted as the browser provides it.
+     */
+    sanitizeHtml?: (html: string) => string;
+    /**
+     * Grouped macros for the optional macro addon. When omitted the editor is
+     * unchanged. When provided, a "Macros" toolbar toggle docks a searchable
+     * macro panel inside the editor; selecting a macro inserts its content at
+     * the retained caret position. Typing a macro shortcut (e.g. `.b`)
+     * followed by a space expands it in place, panel open or not.
+     */
+    macros?: MacroGroup[];
+    /** Open the macro panel initially. Defaults to false. */
+    defaultMacrosOpen?: boolean;
+    /**
+     * Focus-driven macro panel: the field rests as a plain input, the panel
+     * animates in while focus is anywhere inside the editor frame (editable,
+     * toolbar, gutter or the panel itself) and animates away when focus
+     * leaves. Overrides `defaultMacrosOpen`; Escape-to-close is disabled since
+     * visibility follows focus. Pairs well with `compactMacros`. Defaults to
+     * false.
+     */
+    macrosOnFocus?: boolean;
+    /**
+     * Dock the macro panel in `MacroLibrary`'s compact mode (no header,
+     * search, or library group headings) and shrink the macros-open working
+     * space to match — for short lists in dense forms. Defaults to false.
+     */
+    compactMacros?: boolean;
+    /**
+     * Called on any explicit macro invocation: a pick from the macro panel or
+     * the block gutter flyout, or a typed `.shortcut` expansion. Return `true`
+     * to take over the insertion: the editor skips its caret insertion and the
+     * host applies the content through its own value update (e.g. appending a
+     * coded finding as its own line). For typed shortcuts the editor removes
+     * the typed token (and publishes that edit) before consulting the
+     * callback, so a host that takes over computes from a token-free value.
+     */
+    onMacroInsert?: (macro: Macro) => boolean | void;
+    /**
+     * Overridable labels for the macro addon (i18n). Panel labels are
+     * forwarded to the docked `MacroLibrary`; `macros` doubles as the toolbar
+     * toggle text, and `showMacros`/`hideMacros` set the toggle's title.
+     */
+    macroLabels?: MacroLibraryProps['labels'] & {
+        /** Toggle title while the panel is closed. Defaults to "Show macros". */
+        showMacros?: string;
+        /** Toggle title while the panel is open. Defaults to "Hide macros". */
+        hideMacros?: string;
+    };
+    /** Forwarded to the macro panel's "Save as macro" action. */
+    onCreateMacro?: () => void;
+    /**
+     * Controlled toolbar visibility. `'hidden'` removes the toolbar entirely
+     * for chromeless surfaces (typed shortcuts keep working; pair with
+     * `markdownShortcuts` or `blockMenu` so formatting stays reachable). When
+     * omitted the editor manages visibility itself, starting from
+     * `defaultToolbar` — existing consumers are unchanged.
+     */
+    toolbar?: 'visible' | 'hidden';
+    /**
+     * Initial toolbar visibility when `toolbar` is uncontrolled. Defaults to
+     * `'visible'`.
+     */
+    defaultToolbar?: 'visible' | 'hidden';
+    /**
+     * Called when the block gutter menu toggles the toolbar ("Show toolbar" /
+     * "Hide toolbar"), so hosts can persist the preference or drive the
+     * controlled `toolbar` prop.
+     */
+    onToolbarChange?: (toolbar: 'visible' | 'hidden') => void;
+    /**
+     * Notion-style block gutter menu. Hovering a text row reveals a `+`
+     * button in the start gutter whose menu applies block formats to that
+     * row, opens the macro panel (when `macros` is provided) and toggles the
+     * toolbar. Also reachable from the keyboard with Ctrl/Cmd+/ on the
+     * caret's block. Defaults to false.
+     */
+    blockMenu?: boolean;
+    /** Overridable labels for the block gutter menu (i18n). */
+    blockMenuLabels?: RichTextEditorBlockMenuLabels;
+    /**
+     * Expand markdown-style block shortcuts typed at the start of a line and
+     * followed by a space: `#`/`##`/`###` → headings, `-`/`*` → bullet list,
+     * `1.` → numbered list, `>` → block quote. Inline rules (`**bold**`) are
+     * not interpreted. Defaults to false.
+     */
+    markdownShortcuts?: boolean;
+    /**
+     * Textarea-like surface: removes the wrapper border/radius and starts the
+     * editable at a single Input-row height that auto-grows with content
+     * (matching `Textarea`'s `md` metrics). The host supplies the chrome —
+     * `TextAreaRich` is the packaged pairing. Defaults to false.
+     */
+    chromeless?: boolean;
+    /** Id applied to the editable region (deep links, `aria-labelledby`). */
+    id?: string;
+    /**
+     * Prevent editing and formatting while keeping the region focusable and
+     * its text selectable — the contenteditable analogue of a native
+     * textarea's `readOnly`. The block gutter menu is hidden.
+     */
+    readOnly?: boolean;
+    /** Extra class for the editable region itself (fonts, whitespace). */
+    editorClassName?: string;
+    /** Inline style for the editable region (e.g. a row-derived min-height). */
+    editorStyle?: React.CSSProperties;
+    /** Accessible label for the editable region. */
+    'aria-label'?: string;
+    /** Id(s) of element(s) labelling the editable region. */
+    'aria-labelledby'?: string;
+    /** Ids of elements describing the editable region (errors, helper text). */
+    'aria-describedby'?: string;
+    /** Marks the editable region invalid for assistive technology. */
+    'aria-invalid'?: React.AriaAttributes['aria-invalid'];
+    /** Marks the editable region required for assistive technology. */
+    'aria-required'?: React.AriaAttributes['aria-required'];
+}
+
+interface TextAreaRichProps extends Omit<RichTextEditorProps, 'chromeless' | 'blockMenu' | 'defaultToolbar'> {
+    /**
+     * Initial toolbar visibility when `toolbar` is uncontrolled. TextAreaRich
+     * is chromeless, so this defaults to `'hidden'`; the block gutter menu's
+     * "Show toolbar" reveals it on demand.
+     */
+    defaultToolbar?: 'visible' | 'hidden';
+}
+
+declare const TextAreaRichKerebron: React.ForwardRefExoticComponent<TextAreaRichProps & React.RefAttributes<HTMLDivElement>>;
+
+export { CodeEditor, type CodeEditorProps, type CollabConfig, type ModifyMenu, RichEditor, type RichEditorHandle, type RichEditorProps, TextAreaRichKerebron as TextAreaRich, type TextAreaRichProps };

package/dist/kerebron.js

@@ -1,67 +1,26 @@
-export { RichEditor } from './chunk-25MPUVTM.js';
+export { CodeEditor, TextAreaRichKerebron as TextAreaRich } from './chunk-IALTKN3Y.js';
+export { RichEditor } from './chunk-NIE3WBJH.js';
+import './chunk-EWPNM6OO.js';
+import './chunk-5YOT4DVH.js';
+import './chunk-OQWZYKJM.js';
+import './chunk-AMYFRY7K.js';
+import './chunk-OYUIEJPN.js';
+import './chunk-6NZXWKUE.js';
+import './chunk-3IMM2PM4.js';
 import './chunk-RUGHNFQG.js';
+import './chunk-HTZ27DGZ.js';
+import './chunk-T4ME7QCT.js';
+import './chunk-62ZOA6PX.js';
+import './chunk-WSNMQQ4P.js';
+import './chunk-ERLPVXOV.js';
+import './chunk-BKSPDTX4.js';
+import './chunk-XDU65GLW.js';
+import './chunk-YVKBXNPK.js';
+import './chunk-N5JDL4VE.js';
+import './chunk-WX2XB6FP.js';
+import './chunk-VP3XNLUL.js';
+import './chunk-F4N67NAF.js';
+import './chunk-TQONQSJO.js';
 import './chunk-PX6F3LHL.js';
-import { useRef, useEffect } from 'react';
-import { CoreEditor } from '@kerebron/editor';
-import { CodeEditorKit } from '@kerebron/editor-kits/CodeEditorKit';
-import { createAssetLoad } from '@kerebron/wasm/web';
-import { jsx } from 'react/jsx-runtime';
-
-var CodeEditor = ({
-  value = "",
-  onChange,
-  lang = "typescript"
-}) => {
-  const editorRef = useRef(null);
-  const editorInstance = useRef(null);
-  const onChangeRef = useRef(onChange);
-  onChangeRef.current = onChange;
-  useEffect(() => {
-    const root = editorRef.current;
-    if (!root) return;
-    const applySelectLabel = () => {
-      root.querySelectorAll("select.codejar-select").forEach((element) => {
-        if (!element.getAttribute("aria-label")) {
-          element.setAttribute("aria-label", "Code editor language");
-        }
-      });
-    };
-    applySelectLabel();
-    const observer = new MutationObserver(() => applySelectLabel());
-    observer.observe(root, { childList: true, subtree: true });
-    return () => observer.disconnect();
-  }, []);
-  useEffect(() => {
-    if (!editorRef.current) return;
-    const editor = CoreEditor.create({
-      element: editorRef.current,
-      uri: "file:///untitled.ts",
-      assetLoad: createAssetLoad("/kerebron-wasm"),
-      editorKits: [new CodeEditorKit(lang)]
-    });
-    editorInstance.current = editor;
-    const onTransaction = async () => {
-      if (!editorInstance.current) return;
-      try {
-        const buffer = await editorInstance.current.saveDocument("text/plain");
-        onChangeRef.current?.(new globalThis.TextDecoder().decode(buffer));
-      } catch (err) {
-        console.error("Failed to read code:", err);
-      }
-    };
-    editor.addEventListener("transaction", onTransaction);
-    if (value) {
-      editor.loadDocumentText("text/plain", value).catch((err) => console.error("Failed to load code:", err));
-    }
-    return () => {
-      editor.removeEventListener("transaction", onTransaction);
-      editor.destroy();
-    };
-  }, []);
-  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { ref: editorRef, className: "kb-component" }) }) });
-};
-CodeEditor.displayName = "CodeEditor";
-
-export { CodeEditor };
 //# sourceMappingURL=kerebron.js.map
 //# sourceMappingURL=kerebron.js.map

package/dist/kerebron.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/RichEditor/CodeEditor.tsx"],"names":[],"mappings":"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","file":"kerebron.js","sourcesContent":["import React, { useEffect, useRef } from 'react';\n\nimport { CoreEditor } from '@kerebron/editor';\nimport { CodeEditorKit } from '@kerebron/editor-kits/CodeEditorKit';\nimport { createAssetLoad } from '@kerebron/wasm/web';\n\nexport interface CodeEditorProps {\n  /** Initial source code to load into the editor. */\n  value?: string;\n  /** Called with the editor's contents whenever they change. */\n  onChange?: (value: string) => void;\n  /** Language/grammar to use for syntax highlighting. Defaults to `typescript`. */\n  lang?: string;\n}\n\nconst CodeEditor: React.FC<CodeEditorProps> = ({\n  value = '',\n  onChange,\n  lang = 'typescript',\n}) => {\n  const editorRef = useRef<HTMLDivElement>(null);\n  const editorInstance = useRef<CoreEditor | null>(null);\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  useEffect(() => {\n    const root = editorRef.current;\n    if (!root) return;\n\n    const applySelectLabel = () => {\n      root.querySelectorAll('select.codejar-select').forEach((element) => {\n        if (!element.getAttribute('aria-label')) {\n          element.setAttribute('aria-label', 'Code editor language');\n        }\n      });\n    };\n\n    applySelectLabel();\n    const observer = new MutationObserver(() => applySelectLabel());\n    observer.observe(root, { childList: true, subtree: true });\n    return () => observer.disconnect();\n  }, []);\n\n  useEffect(() => {\n    if (!editorRef.current) return;\n\n    // Initialize the editor\n    const editor = CoreEditor.create({\n      element: editorRef.current,\n      uri: 'file:///untitled.ts',\n      assetLoad: createAssetLoad('/kerebron-wasm'),\n      editorKits: [new CodeEditorKit(lang)],\n    });\n\n    editorInstance.current = editor;\n\n    // Surface edits to callers.\n    const onTransaction = async () => {\n      if (!editorInstance.current) return;\n\n      try {\n        const buffer = await editorInstance.current.saveDocument('text/plain');\n        onChangeRef.current?.(new globalThis.TextDecoder().decode(buffer));\n      } catch (err) {\n        console.error('Failed to read code:', err);\n      }\n    };\n\n    editor.addEventListener('transaction', onTransaction);\n\n    // Seed initial content on mount.\n    if (value) {\n      editor\n        .loadDocumentText('text/plain', value)\n        .catch((err) => console.error('Failed to load code:', err));\n    }\n\n    // Cleanup on unmount\n    return () => {\n      editor.removeEventListener('transaction', onTransaction);\n      editor.destroy();\n    };\n    // Initial `value`/`lang` are intentionally only applied on mount.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div>\n      <div>\n        <div ref={editorRef} className=\"kb-component\" />\n      </div>\n    </div>\n  );\n};\n\nCodeEditor.displayName = 'CodeEditor';\n\nexport { CodeEditor };\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"kerebron.js"}

package/dist/{model-EFXX5JZN.cjs → model-5PB6KNYH.cjs}

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunk46RYJYN2_cjs = require('./chunk-46RYJYN2.cjs');
-require('./chunk-NCPDUJKJ.cjs');
+var chunkGU6TPVXF_cjs = require('./chunk-GU6TPVXF.cjs');
+require('./chunk-KQXD6BFO.cjs');
 require('./chunk-GLG6UE2H.cjs');
-require('./chunk-FSLI5IKP.cjs');
 require('./chunk-MJWFNV3L.cjs');
 require('./chunk-GF2BE4FB.cjs');
 require('./chunk-CPDNX3LS.cjs');
+require('./chunk-7E46YDOT.cjs');
+require('./chunk-FSLI5IKP.cjs');
 require('./chunk-L7L5S2HO.cjs');
 require('./chunk-YW2AKBLS.cjs');
 require('./chunk-Z3WMDVMR.cjs');
-require('./chunk-7E46YDOT.cjs');
 require('./chunk-EACNRR3C.cjs');
 require('./chunk-FSARTLUE.cjs');
 require('./chunk-HGJHWI7W.cjs');
@@ -21,59 +21,59 @@ require('./chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "createEncounterSnapshot", {
   enumerable: true,
-  get: function () { return chunk46RYJYN2_cjs.createEncounterSnapshot; }
+  get: function () { return chunkGU6TPVXF_cjs.createEncounterSnapshot; }
 });
 Object.defineProperty(exports, "getEncounterConcerns", {
   enumerable: true,
-  get: function () { return chunk46RYJYN2_cjs.getEncounterConcerns; }
+  get: function () { return chunkGU6TPVXF_cjs.getEncounterConcerns; }
 });
 Object.defineProperty(exports, "parseEncounterAssessment", {
   enumerable: true,
-  get: function () { return chunk46RYJYN2_cjs.parseEncounterAssessment; }
+  get: function () { return chunkGU6TPVXF_cjs.parseEncounterAssessment; }
 });
 Object.defineProperty(exports, "parseEncounterConditions", {
   enumerable: true,
-  get: function () { return chunk46RYJYN2_cjs.parseEncounterConditions; }
+  get: function () { return chunkGU6TPVXF_cjs.parseEncounterConditions; }
 });
 Object.defineProperty(exports, "parseEncounterPlan", {
   enumerable: true,
-  get: function () { return chunk46RYJYN2_cjs.parseEncounterPlan; }
+  get: function () { return chunkGU6TPVXF_cjs.parseEncounterPlan; }
 });
 Object.defineProperty(exports, "parseEncounterVitals", {
   enumerable: true,
-  get: function () { return chunk46RYJYN2_cjs.parseEncounterVitals; }
+  get: function () { return chunkGU6TPVXF_cjs.parseEncounterVitals; }
 });
 Object.defineProperty(exports, "validAssessmentItem", {
   enumerable: true,
-  get: function () { return chunk46RYJYN2_cjs.validAssessmentItem; }
+  get: function () { return chunkGU6TPVXF_cjs.validAssessmentItem; }
 });
 Object.defineProperty(exports, "validateEncounterAllergyValue", {
   enumerable: true,
-  get: function () { return chunk46RYJYN2_cjs.validateEncounterAllergyValue; }
+  get: function () { return chunkGU6TPVXF_cjs.validateEncounterAllergyValue; }
 });
 Object.defineProperty(exports, "validateEncounterAssessment", {
   enumerable: true,
-  get: function () { return chunk46RYJYN2_cjs.validateEncounterAssessment; }
+  get: function () { return chunkGU6TPVXF_cjs.validateEncounterAssessment; }
 });
 Object.defineProperty(exports, "validateEncounterConditions", {
   enumerable: true,
-  get: function () { return chunk46RYJYN2_cjs.validateEncounterConditions; }
+  get: function () { return chunkGU6TPVXF_cjs.validateEncounterConditions; }
 });
 Object.defineProperty(exports, "validateEncounterMedicationValue", {
   enumerable: true,
-  get: function () { return chunk46RYJYN2_cjs.validateEncounterMedicationValue; }
+  get: function () { return chunkGU6TPVXF_cjs.validateEncounterMedicationValue; }
 });
 Object.defineProperty(exports, "validateEncounterPlan", {
   enumerable: true,
-  get: function () { return chunk46RYJYN2_cjs.validateEncounterPlan; }
+  get: function () { return chunkGU6TPVXF_cjs.validateEncounterPlan; }
 });
 Object.defineProperty(exports, "validateEncounterResponses", {
   enumerable: true,
-  get: function () { return chunk46RYJYN2_cjs.validateEncounterResponses; }
+  get: function () { return chunkGU6TPVXF_cjs.validateEncounterResponses; }
 });
 Object.defineProperty(exports, "validateEncounterVitals", {
   enumerable: true,
-  get: function () { return chunk46RYJYN2_cjs.validateEncounterVitals; }
+  get: function () { return chunkGU6TPVXF_cjs.validateEncounterVitals; }
 });
-//# sourceMappingURL=model-EFXX5JZN.cjs.map
-//# sourceMappingURL=model-EFXX5JZN.cjs.map
+//# sourceMappingURL=model-5PB6KNYH.cjs.map
+//# sourceMappingURL=model-5PB6KNYH.cjs.map

package/dist/{model-EFXX5JZN.cjs.map → model-5PB6KNYH.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"model-EFXX5JZN.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"model-5PB6KNYH.cjs"}

package/dist/{model-TAARSYDY.js → model-OGWTZEXR.js}

@@ -1,18 +1,18 @@
-export { createEncounterSnapshot, getEncounterConcerns, parseEncounterAssessment, parseEncounterConditions, parseEncounterPlan, parseEncounterVitals, validAssessmentItem, validateEncounterAllergyValue, validateEncounterAssessment, validateEncounterConditions, validateEncounterMedicationValue, validateEncounterPlan, validateEncounterResponses, validateEncounterVitals } from './chunk-X5HLVACK.js';
-import './chunk-SPGP252Q.js';
+export { createEncounterSnapshot, getEncounterConcerns, parseEncounterAssessment, parseEncounterConditions, parseEncounterPlan, parseEncounterVitals, validAssessmentItem, validateEncounterAllergyValue, validateEncounterAssessment, validateEncounterConditions, validateEncounterMedicationValue, validateEncounterPlan, validateEncounterResponses, validateEncounterVitals } from './chunk-MLCIINXT.js';
+import './chunk-KB2PLV5Q.js';
 import './chunk-YFWDS6MX.js';
-import './chunk-5YOT4DVH.js';
 import './chunk-QYSUYB3S.js';
 import './chunk-YUMOM3KE.js';
 import './chunk-HNXLLDPN.js';
+import './chunk-522WJIVI.js';
+import './chunk-5YOT4DVH.js';
 import './chunk-BKSPDTX4.js';
 import './chunk-XDU65GLW.js';
 import './chunk-YVKBXNPK.js';
-import './chunk-522WJIVI.js';
 import './chunk-N5JDL4VE.js';
 import './chunk-WX2XB6FP.js';
 import './chunk-VP3XNLUL.js';
 import './chunk-TQONQSJO.js';
 import './chunk-PX6F3LHL.js';
-//# sourceMappingURL=model-TAARSYDY.js.map
-//# sourceMappingURL=model-TAARSYDY.js.map
+//# sourceMappingURL=model-OGWTZEXR.js.map
+//# sourceMappingURL=model-OGWTZEXR.js.map

package/dist/{model-TAARSYDY.js.map → model-OGWTZEXR.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"model-TAARSYDY.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"model-OGWTZEXR.js"}