@mieweb/ui 0.7.3-dev.24 → 0.7.3-dev.26

package/dist/brands/index.cjs

@@ -1,21 +1,29 @@
 'use strict';
 
-var chunkVA7QN4DX_cjs = require('../chunk-VA7QN4DX.cjs');
+var chunkJDHIBJ5K_cjs = require('../chunk-JDHIBJ5K.cjs');
+var chunkP52GA3GJ_cjs = require('../chunk-P52GA3GJ.cjs');
+var chunkLCQGAOAZ_cjs = require('../chunk-LCQGAOAZ.cjs');
 var chunkZ5J4NTPL_cjs = require('../chunk-Z5J4NTPL.cjs');
 var chunkU7VQUOLS_cjs = require('../chunk-U7VQUOLS.cjs');
+var chunkRR2MJBGV_cjs = require('../chunk-RR2MJBGV.cjs');
 var chunkX7S76WB7_cjs = require('../chunk-X7S76WB7.cjs');
-var chunkP52GA3GJ_cjs = require('../chunk-P52GA3GJ.cjs');
-var chunkLCQGAOAZ_cjs = require('../chunk-LCQGAOAZ.cjs');
 var chunkJ644FU54_cjs = require('../chunk-J644FU54.cjs');
 var chunkWNJRS7Y7_cjs = require('../chunk-WNJRS7Y7.cjs');
 var chunkUCGUA3QV_cjs = require('../chunk-UCGUA3QV.cjs');
-var chunkRR2MJBGV_cjs = require('../chunk-RR2MJBGV.cjs');
 
 
 
 Object.defineProperty(exports, "brands", {
   enumerable: true,
-  get: function () { return chunkVA7QN4DX_cjs.brands; }
+  get: function () { return chunkJDHIBJ5K_cjs.brands; }
+});
+Object.defineProperty(exports, "enterpriseHealthBrand", {
+  enumerable: true,
+  get: function () { return chunkP52GA3GJ_cjs.enterpriseHealthBrand; }
+});
+Object.defineProperty(exports, "miewebBrand", {
+  enumerable: true,
+  get: function () { return chunkLCQGAOAZ_cjs.miewebBrand; }
 });
 Object.defineProperty(exports, "wagglelineBrand", {
   enumerable: true,
@@ -25,17 +33,13 @@ Object.defineProperty(exports, "webchartBrand", {
   enumerable: true,
   get: function () { return chunkU7VQUOLS_cjs.webchartBrand; }
 });
-Object.defineProperty(exports, "defaultBrand", {
-  enumerable: true,
-  get: function () { return chunkX7S76WB7_cjs.defaultBrand; }
-});
-Object.defineProperty(exports, "enterpriseHealthBrand", {
+Object.defineProperty(exports, "ozwellBrand", {
   enumerable: true,
-  get: function () { return chunkP52GA3GJ_cjs.enterpriseHealthBrand; }
+  get: function () { return chunkRR2MJBGV_cjs.ozwellBrand; }
 });
-Object.defineProperty(exports, "miewebBrand", {
+Object.defineProperty(exports, "defaultBrand", {
   enumerable: true,
-  get: function () { return chunkLCQGAOAZ_cjs.miewebBrand; }
+  get: function () { return chunkX7S76WB7_cjs.defaultBrand; }
 });
 Object.defineProperty(exports, "createBrandPreset", {
   enumerable: true,
@@ -57,9 +61,5 @@ Object.defineProperty(exports, "ccmeBrand", {
   enumerable: true,
   get: function () { return chunkUCGUA3QV_cjs.ccmeBrand; }
 });
-Object.defineProperty(exports, "ozwellBrand", {
-  enumerable: true,
-  get: function () { return chunkRR2MJBGV_cjs.ozwellBrand; }
-});
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/brands/index.js

@@ -1,12 +1,12 @@
-export { brands } from '../chunk-BCJFOSZX.js';
+export { brands } from '../chunk-MO65V64I.js';
+export { enterpriseHealthBrand } from '../chunk-MTZPVOP6.js';
+export { miewebBrand } from '../chunk-NERS5ZT6.js';
 export { wagglelineBrand } from '../chunk-2NTYAALC.js';
 export { webchartBrand } from '../chunk-CW66SO5O.js';
+export { ozwellBrand } from '../chunk-5YUBQIC7.js';
 export { defaultBrand } from '../chunk-PSTGFXQG.js';
-export { enterpriseHealthBrand } from '../chunk-MTZPVOP6.js';
-export { miewebBrand } from '../chunk-NERS5ZT6.js';
 export { createBrandPreset, generateBrandCSS, generateTailwindTheme } from '../chunk-WOYUQ4AT.js';
 export { bluehiveBrand } from '../chunk-3T7QGLNB.js';
 export { ccmeBrand } from '../chunk-SCQRJPSV.js';
-export { ozwellBrand } from '../chunk-5YUBQIC7.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/chunk-5MXO6PEV.cjs

@@ -0,0 +1,78 @@
+'use strict';
+
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var ReadingProgressBar = React__namespace.forwardRef(function ReadingProgressBar2({ className, barClassName, ...props }, ref) {
+  const [pct, setPct] = React__namespace.useState(0);
+  React__namespace.useEffect(() => {
+    let rafId = 0;
+    const update = () => {
+      const el = document.documentElement;
+      const max = el.scrollHeight - el.clientHeight;
+      setPct(
+        max > 0 ? Math.min(100, Math.max(0, el.scrollTop / max * 100)) : 0
+      );
+    };
+    const schedule = () => {
+      cancelAnimationFrame(rafId);
+      rafId = requestAnimationFrame(update);
+    };
+    update();
+    window.addEventListener("scroll", schedule, { passive: true });
+    window.addEventListener("resize", schedule);
+    return () => {
+      cancelAnimationFrame(rafId);
+      window.removeEventListener("scroll", schedule);
+      window.removeEventListener("resize", schedule);
+    };
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      ...props,
+      "aria-hidden": "true",
+      className: chunkS5RVSXDV_cjs.cn(
+        "pointer-events-none fixed inset-x-0 top-0 z-50 h-1 bg-transparent",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          "data-slot": "reading-progress-fill",
+          className: chunkS5RVSXDV_cjs.cn(
+            "h-full transition-[width] duration-150",
+            barClassName ?? "bg-primary-500"
+          ),
+          style: { width: `${pct}%` }
+        }
+      )
+    }
+  );
+});
+
+exports.ReadingProgressBar = ReadingProgressBar;
+//# sourceMappingURL=chunk-5MXO6PEV.cjs.map
+//# sourceMappingURL=chunk-5MXO6PEV.cjs.map

package/dist/chunk-5MXO6PEV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ReadingProgressBar/ReadingProgressBar.tsx"],"names":["React","ReadingProgressBar","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAwBO,IAAM,kBAAA,GAA2BA,gBAAA,CAAA,UAAA,CAGtC,SAASC,mBAAAA,CAAmB,EAAE,WAAW,YAAA,EAAc,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACxE,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAUD,0BAAS,CAAC,CAAA;AAEtC,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,KAAA,GAAQ,CAAA;AAEZ,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,MAAM,KAAK,QAAA,CAAS,eAAA;AACpB,MAAA,MAAM,GAAA,GAAM,EAAA,CAAG,YAAA,GAAe,EAAA,CAAG,YAAA;AACjC,MAAA,MAAA;AAAA,QACE,GAAA,GAAM,CAAA,GAAI,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,GAAA,CAAI,CAAA,EAAI,EAAA,CAAG,SAAA,GAAY,GAAA,GAAO,GAAG,CAAC,CAAA,GAAI;AAAA,OACrE;AAAA,IACF,CAAA;AAGA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,oBAAA,CAAqB,KAAK,CAAA;AAC1B,MAAA,KAAA,GAAQ,sBAAsB,MAAM,CAAA;AAAA,IACtC,CAAA;AAEA,IAAA,MAAA,EAAO;AACP,IAAA,MAAA,CAAO,iBAAiB,QAAA,EAAU,QAAA,EAAU,EAAE,OAAA,EAAS,MAAM,CAAA;AAC7D,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AAC1C,IAAA,OAAO,MAAM;AACX,MAAA,oBAAA,CAAqB,KAAK,CAAA;AAC1B,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,QAAQ,CAAA;AAC7C,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,QAAQ,CAAA;AAAA,IAC/C,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uBACEE,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,aAAA,EAAY,MAAA;AAAA,MACZ,SAAA,EAAWC,oBAAA;AAAA,QACT,mEAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEA,QAAA,kBAAAD,cAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,WAAA,EAAU,uBAAA;AAAA,UACV,SAAA,EAAWC,oBAAA;AAAA,YACT,wCAAA;AAAA,YACA,YAAA,IAAgB;AAAA,WAClB;AAAA,UACA,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,GAAG,CAAA,CAAA,CAAA;AAAI;AAAA;AAC5B;AAAA,GACF;AAEJ,CAAC","file":"chunk-5MXO6PEV.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport interface ReadingProgressBarProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** Class for the filled bar (default `bg-primary-500`). */\n  barClassName?: string;\n}\n\n/**\n * A thin progress bar pinned to the top of the viewport, tracking how far\n * the reader has scrolled through the document. Purely decorative\n * (`aria-hidden`) — long-form articles, guides, reports.\n *\n * @example\n * ```tsx\n * <ReadingProgressBar />\n * <ReadingProgressBar barClassName=\"bg-warning\" className=\"h-0.5\" />\n * ```\n */\nexport const ReadingProgressBar = React.forwardRef<\n  HTMLDivElement,\n  ReadingProgressBarProps\n>(function ReadingProgressBar({ className, barClassName, ...props }, ref) {\n  const [pct, setPct] = React.useState(0);\n\n  React.useEffect(() => {\n    let rafId = 0;\n\n    const update = () => {\n      const el = document.documentElement;\n      const max = el.scrollHeight - el.clientHeight;\n      setPct(\n        max > 0 ? Math.min(100, Math.max(0, (el.scrollTop / max) * 100)) : 0\n      );\n    };\n\n    // Coalesce bursty scroll events to one state update per frame\n    const schedule = () => {\n      cancelAnimationFrame(rafId);\n      rafId = requestAnimationFrame(update);\n    };\n\n    update();\n    window.addEventListener('scroll', schedule, { passive: true });\n    window.addEventListener('resize', schedule);\n    return () => {\n      cancelAnimationFrame(rafId);\n      window.removeEventListener('scroll', schedule);\n      window.removeEventListener('resize', schedule);\n    };\n  }, []);\n\n  return (\n    <div\n      ref={ref}\n      {...props}\n      aria-hidden=\"true\"\n      className={cn(\n        'pointer-events-none fixed inset-x-0 top-0 z-50 h-1 bg-transparent',\n        className\n      )}\n    >\n      <div\n        data-slot=\"reading-progress-fill\"\n        className={cn(\n          'h-full transition-[width] duration-150',\n          barClassName ?? 'bg-primary-500'\n        )}\n        style={{ width: `${pct}%` }}\n      />\n    </div>\n  );\n});\n"]}

package/dist/chunk-5QZ73PZC.js

@@ -0,0 +1,62 @@
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { Check, Copy } from 'lucide-react';
+import { jsx } from 'react/jsx-runtime';
+
+var CopyButton = React.forwardRef(
+  function CopyButton2({
+    value,
+    label = "Copy",
+    copiedLabel = "Copied",
+    timeout = 1200,
+    onCopied,
+    className,
+    onClick,
+    ...props
+  }, ref) {
+    const [copied, setCopied] = React.useState(false);
+    const timer = React.useRef(null);
+    React.useEffect(
+      () => () => {
+        if (timer.current) clearTimeout(timer.current);
+      },
+      []
+    );
+    const handleClick = async (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      onClick?.(e);
+      try {
+        await navigator.clipboard.writeText(value);
+        setCopied(true);
+        onCopied?.(value);
+        if (timer.current) clearTimeout(timer.current);
+        timer.current = setTimeout(() => setCopied(false), timeout);
+      } catch {
+      }
+    };
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        onClick: handleClick,
+        title: copied ? copiedLabel : label,
+        "aria-label": copied ? copiedLabel : label,
+        className: cn(
+          "inline-flex shrink-0 items-center justify-center rounded p-1 transition-colors",
+          "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+          copied ? "text-success" : "text-muted-foreground hover:bg-muted hover:text-foreground",
+          className
+        ),
+        ...props,
+        children: copied ? /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Copy, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+      }
+    );
+  }
+);
+CopyButton.displayName = "CopyButton";
+
+export { CopyButton };
+//# sourceMappingURL=chunk-5QZ73PZC.js.map
+//# sourceMappingURL=chunk-5QZ73PZC.js.map

package/dist/chunk-5QZ73PZC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CopyButton/CopyButton.tsx"],"names":["CopyButton"],"mappings":";;;;;AAkCO,IAAM,UAAA,GAAmB,KAAA,CAAA,UAAA;AAAA,EAC9B,SAASA,WAAAA,CACP;AAAA,IACE,KAAA;AAAA,IACA,KAAA,GAAQ,MAAA;AAAA,IACR,WAAA,GAAc,QAAA;AAAA,IACd,OAAA,GAAU,IAAA;AAAA,IACV,QAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAU,eAAS,KAAK,CAAA;AAChD,IAAA,MAAM,KAAA,GAAc,aAA6C,IAAI,CAAA;AAErE,IAAM,KAAA,CAAA,SAAA;AAAA,MACJ,MAAM,MAAM;AACV,QAAA,IAAI,KAAA,CAAM,OAAA,EAAS,YAAA,CAAa,KAAA,CAAM,OAAO,CAAA;AAAA,MAC/C,CAAA;AAAA,MACA;AAAC,KACH;AAEA,IAAA,MAAM,WAAA,GAAc,OAAO,CAAA,KAA2C;AAEpE,MAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,OAAA,GAAU,CAAC,CAAA;AACX,MAAA,IAAI;AACF,QAAA,MAAM,SAAA,CAAU,SAAA,CAAU,SAAA,CAAU,KAAK,CAAA;AACzC,QAAA,SAAA,CAAU,IAAI,CAAA;AACd,QAAA,QAAA,GAAW,KAAK,CAAA;AAChB,QAAA,IAAI,KAAA,CAAM,OAAA,EAAS,YAAA,CAAa,KAAA,CAAM,OAAO,CAAA;AAC7C,QAAA,KAAA,CAAM,UAAU,UAAA,CAAW,MAAM,SAAA,CAAU,KAAK,GAAG,OAAO,CAAA;AAAA,MAC5D,CAAA,CAAA,MAAQ;AAAA,MAER;AAAA,IACF,CAAA;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,WAAA;AAAA,QACT,KAAA,EAAO,SAAS,WAAA,GAAc,KAAA;AAAA,QAC9B,YAAA,EAAY,SAAS,WAAA,GAAc,KAAA;AAAA,QACnC,SAAA,EAAW,EAAA;AAAA,UACT,gFAAA;AAAA,UACA,yEAAA;AAAA,UACA,SACI,cAAA,GACA,4DAAA;AAAA,UACJ;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA,MAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAM,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,aAAA,EAAc,CAAA,mBAElD,GAAA,CAAC,IAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,WAAU,aAAA,EAAc;AAAA;AAAA,KAErD;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-5QZ73PZC.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Check, Copy } from 'lucide-react';\nimport { cn } from '../../utils/cn';\n\nexport interface CopyButtonProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  'value'\n> {\n  /** Text written to the clipboard. */\n  value: string;\n  /** Accessible label / tooltip (default \"Copy\"). */\n  label?: string;\n  /** Label while the copied state shows (default \"Copied\"). */\n  copiedLabel?: string;\n  /** How long the copied state shows, in ms (default 1200). */\n  timeout?: number;\n  /** Called after a successful copy. */\n  onCopied?: (value: string) => void;\n}\n\n/**\n * An inline copy-to-clipboard icon button with a brief success check.\n * Copied state is isolated per instance — safe to drop into table rows,\n * ID chips, and detail fields.\n *\n * @example\n * ```tsx\n * <span className=\"flex items-center gap-1\">\n *   MRN WC-10382 <CopyButton value=\"WC-10382\" label=\"Copy MRN\" />\n * </span>\n * ```\n */\nexport const CopyButton = React.forwardRef<HTMLButtonElement, CopyButtonProps>(\n  function CopyButton(\n    {\n      value,\n      label = 'Copy',\n      copiedLabel = 'Copied',\n      timeout = 1200,\n      onCopied,\n      className,\n      onClick,\n      ...props\n    },\n    ref\n  ) {\n    const [copied, setCopied] = React.useState(false);\n    const timer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    React.useEffect(\n      () => () => {\n        if (timer.current) clearTimeout(timer.current);\n      },\n      []\n    );\n\n    const handleClick = async (e: React.MouseEvent<HTMLButtonElement>) => {\n      // Inside clickable rows/links the copy must not trigger the row action\n      e.stopPropagation();\n      e.preventDefault();\n      onClick?.(e);\n      try {\n        await navigator.clipboard.writeText(value);\n        setCopied(true);\n        onCopied?.(value);\n        if (timer.current) clearTimeout(timer.current);\n        timer.current = setTimeout(() => setCopied(false), timeout);\n      } catch {\n        /* clipboard access denied — silent */\n      }\n    };\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        onClick={handleClick}\n        title={copied ? copiedLabel : label}\n        aria-label={copied ? copiedLabel : label}\n        className={cn(\n          'inline-flex shrink-0 items-center justify-center rounded p-1 transition-colors',\n          'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none',\n          copied\n            ? 'text-success'\n            : 'text-muted-foreground hover:bg-muted hover:text-foreground',\n          className\n        )}\n        {...props}\n      >\n        {copied ? (\n          <Check aria-hidden=\"true\" className=\"h-3.5 w-3.5\" />\n        ) : (\n          <Copy aria-hidden=\"true\" className=\"h-3.5 w-3.5\" />\n        )}\n      </button>\n    );\n  }\n);\n\nCopyButton.displayName = 'CopyButton';\n"]}

package/dist/{chunk-GEG6G7OF.js → chunk-IYXCFIMP.js}

@@ -1,9 +1,9 @@
 import { Textarea } from './chunk-H3YO5GBM.js';
 import { Tooltip } from './chunk-FJ7YPVKV.js';
 import { RadioGroup, Radio } from './chunk-EPSB4WTL.js';
+import { Label } from './chunk-I3WGZPI6.js';
 import { Select } from './chunk-XBKOZRDO.js';
 import { DateInput } from './chunk-IILJGFI5.js';
-import { Label } from './chunk-I3WGZPI6.js';
 import { Card, CardHeader, CardContent } from './chunk-QYSUYB3S.js';
 import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } from './chunk-XMCIXHGH.js';
 import { Input } from './chunk-3IMM2PM4.js';
@@ -1565,5 +1565,5 @@ function MedicationReconciliation({
 }
 
 export { ALLERGY_TYPE_LABELS, AllergyList, AllergyManager, CodeLookupProvider, MEDICATION_STATUS_LABELS, MedicationEditor, MedicationList, MedicationReconciliation, RowActionToolbar, RowIconButton, labelToMedicationFields, lookupToMedicationFields, parseMedicationLabel, parseSig, toolbarKeyNav, useCodeLookupConfig };
-//# sourceMappingURL=chunk-GEG6G7OF.js.map
-//# sourceMappingURL=chunk-GEG6G7OF.js.map
+//# sourceMappingURL=chunk-IYXCFIMP.js.map
+//# sourceMappingURL=chunk-IYXCFIMP.js.map