@mieweb/ui 0.10.0-dev.31 → 0.10.0-dev.33

package/dist/chunk-HNFFFFYH.cjs

@@ -0,0 +1,114 @@
+'use strict';
+
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var lucideReact = require('lucide-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 defaultPhiMaskLabels = {
+  masked: "Hidden sensitive value",
+  maskedEnding: (visible) => `Hidden sensitive value ending in ${visible}`,
+  reveal: "Show value",
+  hide: "Hide value"
+};
+var BULLETS = "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022";
+var PhiMask = React__namespace.forwardRef(
+  function PhiMask2({
+    value,
+    keepLast = 0,
+    revealed: revealedProp,
+    defaultRevealed = false,
+    onRevealedChange,
+    onReveal,
+    canReveal = true,
+    autoHideMs,
+    labels: labelOverrides,
+    className,
+    ...props
+  }, ref) {
+    const labels = { ...defaultPhiMaskLabels, ...labelOverrides };
+    const [internal, setInternal] = React__namespace.useState(defaultRevealed);
+    const revealed = revealedProp ?? internal;
+    const setRevealed = React__namespace.useCallback(
+      (next) => {
+        if (revealedProp === void 0) setInternal(next);
+        onRevealedChange?.(next);
+      },
+      [revealedProp, onRevealedChange]
+    );
+    React__namespace.useEffect(() => {
+      if (!revealed || !autoHideMs) return;
+      const timer = window.setTimeout(() => setRevealed(false), autoHideMs);
+      return () => window.clearTimeout(timer);
+    }, [revealed, autoHideMs, setRevealed]);
+    const suffix = Math.min(keepLast, value.length - 1);
+    const visible = suffix > 0 ? value.slice(-suffix) : "";
+    const shown = revealed && canReveal;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        ref,
+        "data-slot": "phi-mask",
+        "data-revealed": shown || void 0,
+        className: chunkS5RVSXDV_cjs.cn(
+          "inline-flex items-center gap-1 align-baseline",
+          className
+        ),
+        ...props,
+        children: [
+          shown ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "phi-mask-value", children: value }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-slot": "phi-mask-value", className: "tabular-nums", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": "true", className: "text-muted-foreground", children: [
+              BULLETS,
+              visible && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: visible })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: visible ? labels.maskedEnding(visible) : labels.masked })
+          ] }),
+          canReveal && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "aria-pressed": shown,
+              "aria-label": shown ? labels.hide : labels.reveal,
+              title: shown ? labels.hide : labels.reveal,
+              "data-slot": "phi-mask-toggle",
+              onClick: () => {
+                setRevealed(!shown);
+                if (!shown) onReveal?.();
+              },
+              className: chunkS5RVSXDV_cjs.cn(
+                "text-muted-foreground hover:text-foreground inline-flex rounded p-0.5",
+                "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none"
+              ),
+              children: shown ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeOff, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+
+exports.PhiMask = PhiMask;
+exports.defaultPhiMaskLabels = defaultPhiMaskLabels;
+//# sourceMappingURL=chunk-HNFFFFYH.cjs.map
+//# sourceMappingURL=chunk-HNFFFFYH.cjs.map

package/dist/chunk-HNFFFFYH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/PhiMask/PhiMask.tsx"],"names":["React","PhiMask","jsxs","cn","jsx","EyeOff","Eye"],"mappings":"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","file":"chunk-HNFFFFYH.cjs","sourcesContent":["import * as React from 'react';\nimport { Eye, EyeOff } from 'lucide-react';\nimport { cn } from '../../utils/cn';\n\nexport interface PhiMaskLabels {\n  /** Accessible text while fully masked. */\n  masked: string;\n  /** Accessible text while masked with `keepLast`. */\n  maskedEnding: (visible: string) => string;\n  /** Toggle name while masked. */\n  reveal: string;\n  /** Toggle name while revealed. */\n  hide: string;\n}\n\nexport const defaultPhiMaskLabels: PhiMaskLabels = {\n  masked: 'Hidden sensitive value',\n  maskedEnding: (visible) => `Hidden sensitive value ending in ${visible}`,\n  reveal: 'Show value',\n  hide: 'Hide value',\n};\n\nexport interface PhiMaskProps extends Omit<\n  React.HTMLAttributes<HTMLSpanElement>,\n  'children'\n> {\n  /** The sensitive text. */\n  value: string;\n  /** Characters left visible at the end while masked, e.g. 4 for an SSN. */\n  keepLast?: number;\n  /** Controlled revealed state. */\n  revealed?: boolean;\n  /** Initial revealed state when uncontrolled. */\n  defaultRevealed?: boolean;\n  /** Called whenever the revealed state changes (toggle or auto-hide). */\n  onRevealedChange?: (revealed: boolean) => void;\n  /** Called each time the user reveals the value — hook audit logging here. */\n  onReveal?: () => void;\n  /** Set false to hide the toggle; the value then stays masked. */\n  canReveal?: boolean;\n  /** Re-mask this many milliseconds after a reveal. */\n  autoHideMs?: number;\n  /** Overrides for any user-facing string. */\n  labels?: Partial<PhiMaskLabels>;\n}\n\nconst BULLETS = '••••••••';\n\n/**\n * Masks a sensitive value (PHI/PII) behind bullets with an optional reveal\n * toggle. While masked, the value is absent from the DOM and accessible name.\n *\n * @example\n * ```tsx\n * <PhiMask value=\"123-45-6789\" keepLast={4} autoHideMs={10000} onReveal={audit} />\n * ```\n */\nexport const PhiMask = React.forwardRef<HTMLSpanElement, PhiMaskProps>(\n  function PhiMask(\n    {\n      value,\n      keepLast = 0,\n      revealed: revealedProp,\n      defaultRevealed = false,\n      onRevealedChange,\n      onReveal,\n      canReveal = true,\n      autoHideMs,\n      labels: labelOverrides,\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const labels = { ...defaultPhiMaskLabels, ...labelOverrides };\n    const [internal, setInternal] = React.useState(defaultRevealed);\n    const revealed = revealedProp ?? internal;\n\n    const setRevealed = React.useCallback(\n      (next: boolean) => {\n        if (revealedProp === undefined) setInternal(next);\n        onRevealedChange?.(next);\n      },\n      [revealedProp, onRevealedChange]\n    );\n\n    React.useEffect(() => {\n      if (!revealed || !autoHideMs) return;\n      const timer = window.setTimeout(() => setRevealed(false), autoHideMs);\n      return () => window.clearTimeout(timer);\n    }, [revealed, autoHideMs, setRevealed]);\n\n    // At least one character always stays hidden, however large keepLast is.\n    const suffix = Math.min(keepLast, value.length - 1);\n    const visible = suffix > 0 ? value.slice(-suffix) : '';\n    const shown = revealed && canReveal;\n\n    return (\n      <span\n        ref={ref}\n        data-slot=\"phi-mask\"\n        data-revealed={shown || undefined}\n        className={cn(\n          'inline-flex items-center gap-1 align-baseline',\n          className\n        )}\n        {...props}\n      >\n        {shown ? (\n          <span data-slot=\"phi-mask-value\">{value}</span>\n        ) : (\n          <span data-slot=\"phi-mask-value\" className=\"tabular-nums\">\n            <span aria-hidden=\"true\" className=\"text-muted-foreground\">\n              {BULLETS}\n              {visible && <span className=\"text-foreground\">{visible}</span>}\n            </span>\n            <span className=\"sr-only\">\n              {visible ? labels.maskedEnding(visible) : labels.masked}\n            </span>\n          </span>\n        )}\n        {canReveal && (\n          <button\n            type=\"button\"\n            aria-pressed={shown}\n            aria-label={shown ? labels.hide : labels.reveal}\n            title={shown ? labels.hide : labels.reveal}\n            data-slot=\"phi-mask-toggle\"\n            onClick={() => {\n              setRevealed(!shown);\n              if (!shown) onReveal?.();\n            }}\n            className={cn(\n              'text-muted-foreground hover:text-foreground inline-flex rounded p-0.5',\n              'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none'\n            )}\n          >\n            {shown ? (\n              <EyeOff className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n            ) : (\n              <Eye className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n            )}\n          </button>\n        )}\n      </span>\n    );\n  }\n);\n"]}

package/dist/chunk-HNXLLDPN.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+
+// src/hooks/useLiveAnnouncement.ts
+function useLiveAnnouncement() {
+  const [message, setMessage] = React.useState("");
+  const timerRef = React.useRef(
+    void 0
+  );
+  const announce = React.useCallback((next) => {
+    setMessage("");
+    if (timerRef.current !== void 0) clearTimeout(timerRef.current);
+    timerRef.current = setTimeout(() => setMessage(next), 50);
+  }, []);
+  React.useEffect(
+    () => () => {
+      if (timerRef.current !== void 0) clearTimeout(timerRef.current);
+    },
+    []
+  );
+  return [message, announce];
+}
+
+export { useLiveAnnouncement };
+//# sourceMappingURL=chunk-HNXLLDPN.js.map
+//# sourceMappingURL=chunk-HNXLLDPN.js.map

package/dist/chunk-HNXLLDPN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useLiveAnnouncement.ts"],"names":[],"mappings":";;;AAkBO,SAAS,mBAAA,GAA2D;AACzE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAU,eAAS,EAAE,CAAA;AAC/C,EAAA,MAAM,QAAA,GAAiB,KAAA,CAAA,MAAA;AAAA,IACrB;AAAA,GACF;AAEA,EAAA,MAAM,QAAA,GAAiB,KAAA,CAAA,WAAA,CAAY,CAAC,IAAA,KAAiB;AACnD,IAAA,UAAA,CAAW,EAAE,CAAA;AACb,IAAA,IAAI,QAAA,CAAS,OAAA,KAAY,MAAA,EAAW,YAAA,CAAa,SAAS,OAAO,CAAA;AACjE,IAAA,QAAA,CAAS,UAAU,UAAA,CAAW,MAAM,UAAA,CAAW,IAAI,GAAG,EAAE,CAAA;AAAA,EAC1D,CAAA,EAAG,EAAE,CAAA;AAEL,EAAM,KAAA,CAAA,SAAA;AAAA,IACJ,MAAM,MAAM;AACV,MAAA,IAAI,QAAA,CAAS,OAAA,KAAY,MAAA,EAAW,YAAA,CAAa,SAAS,OAAO,CAAA;AAAA,IACnE,CAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,OAAO,CAAC,SAAS,QAAQ,CAAA;AAC3B","file":"chunk-HNXLLDPN.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n/**\n * State for an `aria-live` region that re-announces even when the same\n * message is emitted twice in a row. Setting identical React state bails out\n * (and identical DOM text isn't a mutation), so screen readers would stay\n * silent for repeated actions like \"moved down\" — this clears the region\n * first, then sets the message a tick later.\n *\n * @example\n * ```tsx\n * const [announcement, announce] = useLiveAnnouncement();\n * // announce('Item moved down');\n * // <div aria-live=\"polite\" className=\"sr-only\">{announcement}</div>\n * ```\n */\nexport function useLiveAnnouncement(): [string, (message: string) => void] {\n  const [message, setMessage] = React.useState('');\n  const timerRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(\n    undefined\n  );\n\n  const announce = React.useCallback((next: string) => {\n    setMessage('');\n    if (timerRef.current !== undefined) clearTimeout(timerRef.current);\n    timerRef.current = setTimeout(() => setMessage(next), 50);\n  }, []);\n\n  React.useEffect(\n    () => () => {\n      if (timerRef.current !== undefined) clearTimeout(timerRef.current);\n    },\n    []\n  );\n\n  return [message, announce];\n}\n"]}

package/dist/chunk-I2MMUFCN.cjs

@@ -0,0 +1,154 @@
+'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 defaultCompletenessMeterLabels = {
+  title: "Data completeness",
+  progress: "Data completeness",
+  percent: (percent) => `${percent}%`,
+  missing: (count) => `Missing (${count})`,
+  allComplete: "All fields complete"
+};
+function getCompleteness(fields) {
+  let total = 0;
+  let done = 0;
+  for (const f of fields) {
+    const w = f.weight === void 0 ? 1 : Number.isFinite(f.weight) ? Math.max(0, f.weight) : 0;
+    total += w;
+    if (f.complete) done += w;
+  }
+  return {
+    percent: total > 0 ? Math.round(done / total * 100) : 100,
+    missing: fields.filter((f) => !f.complete)
+  };
+}
+function tone(percent) {
+  if (percent >= 80) return "bg-success-500";
+  if (percent >= 50) return "bg-warning-500";
+  return "bg-destructive-500";
+}
+var CompletenessMeter = React__namespace.forwardRef(function CompletenessMeter2({
+  fields,
+  variant = "default",
+  onFieldClick,
+  labels: labelOverrides,
+  className,
+  ...props
+}, ref) {
+  const labels = { ...defaultCompletenessMeterLabels, ...labelOverrides };
+  const { percent, missing } = getCompleteness(fields);
+  const titleId = React__namespace.useId();
+  const compact = variant === "compact";
+  const bar = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        role: "progressbar",
+        "aria-valuenow": percent,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuetext": labels.percent(percent),
+        "aria-label": labels.progress,
+        "data-slot": "completeness-meter-bar",
+        className: chunkS5RVSXDV_cjs.cn(
+          "bg-muted h-2 overflow-hidden rounded-full",
+          compact ? "w-24" : "flex-1"
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: chunkS5RVSXDV_cjs.cn(
+              "h-full rounded-full motion-safe:transition-[width] motion-safe:duration-300",
+              tone(percent)
+            ),
+            style: { width: `${percent}%` }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-xs font-medium tabular-nums", children: labels.percent(percent) })
+  ] });
+  if (compact) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "completeness-meter",
+        className: chunkS5RVSXDV_cjs.cn("inline-flex", className),
+        ...props,
+        children: bar
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      role: "group",
+      "aria-labelledby": titleId,
+      "data-slot": "completeness-meter",
+      className: chunkS5RVSXDV_cjs.cn("flex flex-col gap-2 text-sm", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { id: titleId, className: "text-foreground text-sm font-semibold", children: labels.title }),
+        bar,
+        missing.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-success-700 dark:text-success-400 text-xs", children: labels.allComplete }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mb-1 text-xs", children: labels.missing(missing.length) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "ul",
+            {
+              className: "flex flex-col gap-1",
+              "data-slot": "completeness-meter-missing",
+              children: missing.map((f) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-1.5 text-xs", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: "bg-destructive-500 h-1.5 w-1.5 shrink-0 rounded-full"
+                  }
+                ),
+                onFieldClick ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onFieldClick(f.key),
+                    className: "text-foreground decoration-primary-500 focus-visible:ring-ring rounded-sm text-start underline underline-offset-2 hover:decoration-2 focus-visible:ring-2 focus-visible:outline-none",
+                    children: f.label
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: f.label })
+              ] }, f.key))
+            }
+          )
+        ] })
+      ]
+    }
+  );
+});
+
+exports.CompletenessMeter = CompletenessMeter;
+exports.defaultCompletenessMeterLabels = defaultCompletenessMeterLabels;
+exports.getCompleteness = getCompleteness;
+//# sourceMappingURL=chunk-I2MMUFCN.cjs.map
+//# sourceMappingURL=chunk-I2MMUFCN.cjs.map

package/dist/chunk-I2MMUFCN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CompletenessMeter/CompletenessMeter.tsx"],"names":["React","CompletenessMeter","jsxs","jsx","cn"],"mappings":"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","file":"chunk-I2MMUFCN.cjs","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport interface CompletenessField {\n  /** Stable key, passed back to `onFieldClick`. */\n  key: string;\n  /** Display name of the field. */\n  label: string;\n  /** Whether the field has a value. */\n  complete: boolean;\n  /** Relative importance; defaults to 1. */\n  weight?: number;\n}\n\nexport interface CompletenessMeterLabels {\n  /** Heading of the full variant. */\n  title: string;\n  /** Accessible name of the progress bar. */\n  progress: string;\n  /** Visible percentage and `aria-valuetext`. */\n  percent: (percent: number) => string;\n  /** Heading of the missing-fields list. */\n  missing: (count: number) => string;\n  /** Shown when nothing is missing. */\n  allComplete: string;\n}\n\nexport const defaultCompletenessMeterLabels: CompletenessMeterLabels = {\n  title: 'Data completeness',\n  progress: 'Data completeness',\n  percent: (percent) => `${percent}%`,\n  missing: (count) => `Missing (${count})`,\n  allComplete: 'All fields complete',\n};\n\n/** Weighted completion percentage (0–100) and the incomplete fields. */\nexport function getCompleteness(fields: CompletenessField[]) {\n  let total = 0;\n  let done = 0;\n  for (const f of fields) {\n    const w =\n      f.weight === undefined\n        ? 1\n        : Number.isFinite(f.weight)\n          ? Math.max(0, f.weight)\n          : 0;\n    total += w;\n    if (f.complete) done += w;\n  }\n  return {\n    percent: total > 0 ? Math.round((done / total) * 100) : 100,\n    missing: fields.filter((f) => !f.complete),\n  };\n}\n\nfunction tone(percent: number) {\n  if (percent >= 80) return 'bg-success-500';\n  if (percent >= 50) return 'bg-warning-500';\n  return 'bg-destructive-500';\n}\n\nexport interface CompletenessMeterProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Fields that make up the record. */\n  fields: CompletenessField[];\n  /** `compact` shows the bar and percentage only. */\n  variant?: 'default' | 'compact';\n  /** Makes each missing field a button, e.g. to focus its input. */\n  onFieldClick?: (key: string) => void;\n  /** Overrides for any user-facing string. */\n  labels?: Partial<CompletenessMeterLabels>;\n}\n\n/**\n * How complete a record is: a weighted percentage, a progress bar and the\n * list of missing fields.\n *\n * @example\n * ```tsx\n * <CompletenessMeter fields={fields} onFieldClick={(key) => focusField(key)} />\n * ```\n */\nexport const CompletenessMeter = React.forwardRef<\n  HTMLDivElement,\n  CompletenessMeterProps\n>(function CompletenessMeter(\n  {\n    fields,\n    variant = 'default',\n    onFieldClick,\n    labels: labelOverrides,\n    className,\n    ...props\n  },\n  ref\n) {\n  const labels = { ...defaultCompletenessMeterLabels, ...labelOverrides };\n  const { percent, missing } = getCompleteness(fields);\n  const titleId = React.useId();\n  const compact = variant === 'compact';\n\n  const bar = (\n    <div className=\"flex items-center gap-2\">\n      <div\n        role=\"progressbar\"\n        aria-valuenow={percent}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-valuetext={labels.percent(percent)}\n        aria-label={labels.progress}\n        data-slot=\"completeness-meter-bar\"\n        className={cn(\n          'bg-muted h-2 overflow-hidden rounded-full',\n          compact ? 'w-24' : 'flex-1'\n        )}\n      >\n        <div\n          className={cn(\n            'h-full rounded-full motion-safe:transition-[width] motion-safe:duration-300',\n            tone(percent)\n          )}\n          style={{ width: `${percent}%` }}\n        />\n      </div>\n      <span className=\"text-muted-foreground text-xs font-medium tabular-nums\">\n        {labels.percent(percent)}\n      </span>\n    </div>\n  );\n\n  if (compact) {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"completeness-meter\"\n        className={cn('inline-flex', className)}\n        {...props}\n      >\n        {bar}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-labelledby={titleId}\n      data-slot=\"completeness-meter\"\n      className={cn('flex flex-col gap-2 text-sm', className)}\n      {...props}\n    >\n      <h3 id={titleId} className=\"text-foreground text-sm font-semibold\">\n        {labels.title}\n      </h3>\n      {bar}\n      {missing.length === 0 ? (\n        <p className=\"text-success-700 dark:text-success-400 text-xs\">\n          {labels.allComplete}\n        </p>\n      ) : (\n        <div>\n          <p className=\"text-muted-foreground mb-1 text-xs\">\n            {labels.missing(missing.length)}\n          </p>\n          <ul\n            className=\"flex flex-col gap-1\"\n            data-slot=\"completeness-meter-missing\"\n          >\n            {missing.map((f) => (\n              <li key={f.key} className=\"flex items-center gap-1.5 text-xs\">\n                <span\n                  aria-hidden=\"true\"\n                  className=\"bg-destructive-500 h-1.5 w-1.5 shrink-0 rounded-full\"\n                />\n                {onFieldClick ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => onFieldClick(f.key)}\n                    className=\"text-foreground decoration-primary-500 focus-visible:ring-ring rounded-sm text-start underline underline-offset-2 hover:decoration-2 focus-visible:ring-2 focus-visible:outline-none\"\n                  >\n                    {f.label}\n                  </button>\n                ) : (\n                  <span className=\"text-foreground\">{f.label}</span>\n                )}\n              </li>\n            ))}\n          </ul>\n        </div>\n      )}\n    </div>\n  );\n});\n"]}

package/dist/{chunk-GYXUS65N.cjs → chunk-IGDO62KR.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkLFPJ3OUM_cjs = require('./chunk-LFPJ3OUM.cjs');
+var chunkRIUQP2QS_cjs = require('./chunk-RIUQP2QS.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -85,11 +85,11 @@ var SurveyBlock = ({ code, id }) => {
     };
   }, [code]);
   if (!parsed) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkLFPJ3OUM_cjs.FenceBlock, { code, language: "survey", supportsRawView: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center p-6 text-sm text-neutral-500", children: "Loading survey\u2026" }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkRIUQP2QS_cjs.FenceBlock, { code, language: "survey", supportsRawView: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center p-6 text-sm text-neutral-500", children: "Loading survey\u2026" }) });
   }
   const { fields, error } = parsed;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLFPJ3OUM_cjs.FenceBlock,
+    chunkRIUQP2QS_cjs.FenceBlock,
     {
       code,
       language: "survey",
@@ -194,5 +194,5 @@ var SurveyBlock = ({ code, id }) => {
 };
 
 exports.SurveyBlock = SurveyBlock;
-//# sourceMappingURL=chunk-GYXUS65N.cjs.map
-//# sourceMappingURL=chunk-GYXUS65N.cjs.map
+//# sourceMappingURL=chunk-IGDO62KR.cjs.map
+//# sourceMappingURL=chunk-IGDO62KR.cjs.map

package/dist/{chunk-GYXUS65N.cjs.map → chunk-IGDO62KR.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Markdown/SurveyBlock.tsx"],"names":["useState","useEffect","jsx","FenceBlock","jsxs"],"mappings":";;;;;;AAyBA,IAAI,WAAA,GAA0C,IAAA;AAC9C,SAAS,QAAA,GAAgC;AACvC,EAAA,IAAI,CAAC,WAAA,EAAa;AAChB,IAAA,WAAA,GAAc;AAAA;AAAA,MAA0B;AAAA,KAAS,CAC9C,IAAA,CAAK,CAAC,GAAA,KAAQ;AACb,MAAA,MAAM,GAAA,GACH,IACE,OAAA,IAAW,GAAA;AAChB,MAAA,MAAM,OAAQ,GAAA,CAA8B,IAAA;AAC5C,MAAA,IAAI,OAAO,IAAA,KAAS,UAAA;AAClB,QAAA,MAAM,IAAI,MAAM,wBAAwB,CAAA;AAC1C,MAAA,OAAO,IAAA;AAAA,IACT,CAAC,CAAA,CACA,KAAA,CAAM,CAAC,GAAA,KAAQ;AACd,MAAA,WAAA,GAAc,IAAA;AACd,MAAA,MAAM,GAAA;AAAA,IACR,CAAC,CAAA;AAAA,EACL;AACA,EAAA,OAAO,WAAA;AACT;AAEA,SAAS,aACP,IAAA,EAC6C;AAC7C,EAAA,IAAI;AACF,IAAA,OAAO,EAAE,EAAA,EAAI,IAAA,EAAM,MAAM,IAAA,CAAK,KAAA,CAAM,IAAI,CAAA,EAAE;AAAA,EAC5C,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,EAAE,IAAI,KAAA,EAAM;AAAA,EACrB;AACF;AAEA,SAAS,iBAAiB,IAAA,EAA6B;AACrD,EAAA,IAAI,CAAC,IAAA,IAAQ,OAAO,IAAA,KAAS,QAAA,EAAU;AACrC,IAAA,OAAO,EAAE,MAAA,EAAQ,EAAC,EAAG,OAAO,4BAAA,EAA6B;AAAA,EAC3D;AACA,EAAA,MAAM,GAAA,GAAM,IAAA;AAEZ,EAAA,IAAI,WAAsB,EAAC;AAC3B,EAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,GAAA,CAAI,KAAK,CAAA,EAAG;AAC5B,IAAA,KAAA,MAAW,IAAA,IAAQ,IAAI,KAAA,EAAyC;AAC9D,MAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,QAAQ,CAAA,EAAG;AAChC,QAAA,QAAA,GAAW,QAAA,CAAS,MAAA,CAAO,IAAA,CAAK,QAAQ,CAAA;AAAA,MAC1C;AAAA,IACF;AAAA,EACF,CAAA,MAAA,IAAW,KAAA,CAAM,OAAA,CAAQ,GAAA,CAAI,QAAQ,CAAA,EAAG;AACtC,IAAA,QAAA,GAAW,GAAA,CAAI,QAAA;AAAA,EACjB,CAAA,MAAA,IAAW,KAAA,CAAM,OAAA,CAAQ,GAAA,CAAI,SAAS,CAAA,EAAG;AACvC,IAAA,QAAA,GAAW,GAAA,CAAI,SAAA;AAAA,EACjB,CAAA,MAAA,IAAW,KAAA,CAAM,OAAA,CAAQ,GAAA,CAAI,MAAM,CAAA,EAAG;AACpC,IAAA,QAAA,GAAW,GAAA,CAAI,MAAA;AAAA,EACjB,CAAA,MAAO;AACL,IAAA,OAAO,EAAE,MAAA,EAAQ,EAAC,EAAG,OAAO,mCAAA,EAAoC;AAAA,EAClE;AAEA,EAAA,OAAO,EAAE,MAAA,EAAQ,QAAA,EAA2B,KAAA,EAAO,IAAA,EAAK;AAC1D;AAEO,IAAM,WAAA,GAA0C,CAAC,EAAE,IAAA,EAAM,IAAG,KAAM;AACvE,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,eAA8B,IAAI,CAAA;AAE9D,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAA,GAAY,KAAA;AAEhB,IAAA,MAAM,UAAA,GAAa,aAAa,IAAI,CAAA;AACpC,IAAA,IAAI,WAAW,EAAA,EAAI;AACjB,MAAA,SAAA,CAAU,gBAAA,CAAiB,UAAA,CAAW,IAAI,CAAC,CAAA;AAC3C,MAAA;AAAA,IACF;AAEA,IAAA,QAAA,EAAS,CACN,IAAA,CAAK,CAAC,IAAA,KAAS;AACd,MAAA,IAAI;AACF,QAAA,MAAM,IAAA,GAAO,KAAK,IAAI,CAAA;AACtB,QAAA,IAAI,CAAC,SAAA,EAAW,SAAA,CAAU,gBAAA,CAAiB,IAAI,CAAC,CAAA;AAAA,MAClD,SAAS,GAAA,EAAK;AACZ,QAAA,IAAI,CAAC,SAAA;AACH,UAAA,SAAA,CAAU;AAAA,YACR,QAAQ,EAAC;AAAA,YACT,KAAA,EAAO,CAAA,6BAAA,EAAiC,GAAA,CAAc,OAAO,CAAA;AAAA,WAC9D,CAAA;AAAA,MACL;AAAA,IACF,CAAC,CAAA,CACA,KAAA,CAAM,MAAM;AACX,MAAA,IAAI,CAAC,SAAA;AACH,QAAA,SAAA,CAAU;AAAA,UACR,QAAQ,EAAC;AAAA,UACT,KAAA,EACE;AAAA,SACH,CAAA;AAAA,IACL,CAAC,CAAA;AACH,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,GAAY,IAAA;AAAA,IACd,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,IAAI,CAAC,MAAA,EAAQ;AACX,IAAA,uBACEC,cAAA,CAACC,4BAAA,EAAA,EAAW,IAAA,EAAY,QAAA,EAAS,QAAA,EAAS,eAAA,EAAe,IAAA,EACvD,QAAA,kBAAAD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+DAAA,EAAgE,QAAA,EAAA,sBAAA,EAE/E,CAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,EAAE,MAAA,EAAQ,KAAA,EAAM,GAAI,MAAA;AAE1B,EAAA,uBACEA,cAAA;AAAA,IAACC,4BAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,QAAA,EAAS,QAAA;AAAA,MACT,eAAA,EAAe,IAAA;AAAA,MACf,OAAO,KAAA,IAAS,MAAA;AAAA,MAEhB,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,eAAA,EACb,QAAA,EAAA;AAAA,wBAAAF,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,4DAAA,EAA6D,QAAA,EAAA,gBAAA,EAE3E,CAAA;AAAA,QACC,MAAA,CAAO,GAAA,CAAI,CAAC,KAAA,EAAO,CAAA,KAAM;AACxB,UAAA,MAAM,UAAU,CAAA,EAAG,EAAE,CAAA,OAAA,EAAU,KAAA,CAAM,QAAQ,CAAC,CAAA,CAAA;AAC9C,UAAA,uBACEE,eAAA,CAAC,KAAA,EAAA,EAA0B,SAAA,EAAU,aAAA,EACnC,QAAA,EAAA;AAAA,4BAAAA,eAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAS,OAAA;AAAA,gBACT,SAAA,EAAU,kEAAA;AAAA,gBAET,QAAA,EAAA;AAAA,kBAAA,KAAA,CAAM,KAAA,IAAS,KAAA,CAAM,KAAA,IAAS,KAAA,CAAM,IAAA;AAAA,kBACpC,MAAM,UAAA,oBACLF,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qBAAoB,QAAA,EAAA,GAAA,EAAC;AAAA;AAAA;AAAA,aAEzC;AAAA,YAAA,CAEE,MAAM,IAAA,KAAS,YAAA,IAAgB,KAAA,CAAM,IAAA,KAAS,YAC9C,KAAA,CAAM,OAAA,oBACJA,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,WAAA,EACZ,QAAA,EAAA,KAAA,CAAM,QAAQ,GAAA,CAAI,CAAC,QAAQ,EAAA,KAAO;AACjC,cAAA,MAAM,KAAA,GACJ,OAAO,MAAA,KAAW,QAAA,GAAW,SAAS,MAAA,CAAO,KAAA;AAC/C,cAAA,MAAM,IAAA,GACJ,OAAO,MAAA,KAAW,QAAA,GAAW,SAAS,MAAA,CAAO,IAAA;AAC/C,cAAA,uBACEE,eAAA;AAAA,gBAAC,OAAA;AAAA,gBAAA;AAAA,kBAEC,SAAA,EAAU,wEAAA;AAAA,kBAEV,QAAA,EAAA;AAAA,oCAAAF,cAAA;AAAA,sBAAC,OAAA;AAAA,sBAAA;AAAA,wBACC,IAAA,EAAK,OAAA;AAAA,wBACL,IAAA,EAAM,CAAA,EAAG,EAAE,CAAA,CAAA,EAAI,MAAM,IAAI,CAAA,CAAA;AAAA,wBACzB,KAAA;AAAA,wBACA,QAAA,EAAQ,IAAA;AAAA,wBACR,SAAA,EAAU;AAAA;AAAA,qBACZ;AAAA,oBACC;AAAA;AAAA,iBAAA;AAAA,gBAVI;AAAA,eAWP;AAAA,YAEJ,CAAC,CAAA,EACH,CAAA;AAAA,YAAA,CAGF,KAAA,CAAM,IAAA,KAAS,UAAA,IAAc,KAAA,CAAM,SAAS,SAAA,qBAC5CA,cAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,EAAA,EAAI,OAAA;AAAA,gBACJ,IAAA,EAAK,UAAA;AAAA,gBACL,QAAA,EAAQ,IAAA;AAAA,gBACR,SAAA,EAAU;AAAA;AAAA,aACZ;AAAA,YAAA,CAGA,KAAA,CAAM,IAAA,KAAS,MAAA,IAAU,KAAA,CAAM,SAAS,SAAA,qBACxCA,cAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,EAAA,EAAI,OAAA;AAAA,gBACJ,IAAA,EAAK,MAAA;AAAA,gBACL,QAAA,EAAQ,IAAA;AAAA,gBACR,WAAA,EAAa,KAAA,CAAM,KAAA,IAAS,KAAA,CAAM,IAAA;AAAA,gBAClC,SAAA,EAAU;AAAA;AAAA,aACZ;AAAA,YAGD,KAAA,CAAM,SAAS,QAAA,oBACdA,cAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,KAAA;AAAA,gBACL,SAAA,EAAU,YAAA;AAAA,gBACV,YAAA,EAAW,oBAAA;AAAA,gBAEV,QAAA,EAAA,CAAC,GAAG,CAAA,EAAG,CAAA,EAAG,GAAG,CAAC,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,qBACpBA,cAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBAEC,aAAA,EAAY,MAAA;AAAA,oBACZ,SAAA,EAAU,gDAAA;AAAA,oBACX,QAAA,EAAA;AAAA,mBAAA;AAAA,kBAHM;AAAA,iBAMR;AAAA;AAAA,aACH;AAAA,YAGD,KAAA,CAAM,IAAA,KAAS,UAAA,IAAc,KAAA,CAAM,OAAA,oBAClCA,cAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,EAAA,EAAI,OAAA;AAAA,gBACJ,IAAA,EAAM,OAAA;AAAA,gBACN,QAAA,EAAQ,IAAA;AAAA,gBACR,SAAA,EAAU,4HAAA;AAAA,gBAET,QAAA,EAAA,KAAA,CAAM,OAAA,CAAQ,GAAA,CAAI,CAAC,QAAQ,EAAA,KAAO;AACjC,kBAAA,MAAM,KAAA,GACJ,OAAO,MAAA,KAAW,QAAA,GAAW,SAAS,MAAA,CAAO,KAAA;AAC/C,kBAAA,MAAM,IAAA,GACJ,OAAO,MAAA,KAAW,QAAA,GAAW,SAAS,MAAA,CAAO,IAAA;AAC/C,kBAAA,uBACEA,cAAA,CAAC,QAAA,EAAA,EAAgB,KAAA,EACd,QAAA,EAAA,IAAA,EAAA,EADU,EAEb,CAAA;AAAA,gBAEJ,CAAC;AAAA;AAAA;AACH,WAAA,EAAA,EA7FM,KAAA,CAAM,QAAQ,CA+FxB,CAAA;AAAA,QAEJ,CAAC,CAAA;AAAA,wBACDA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,gDAAA,EAAiD,QAAA,EAAA,4DAAA,EAE9D;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ","file":"chunk-GYXUS65N.cjs","sourcesContent":["/** Survey/questionnaire preview from JSON or YAML. Requires `js-yaml` for YAML input. */\nimport React, { useEffect, useState } from 'react';\n\nimport { FenceBlock } from './FenceBlock';\n\ninterface SurveyBlockProps {\n  code: string;\n  id: string;\n}\n\ninterface SurveyField {\n  type: string;\n  name: string;\n  title?: string;\n  label?: string;\n  choices?: Array<string | { value: string; text: string }>;\n  isRequired?: boolean;\n}\n\ninterface ParsedSurvey {\n  fields: SurveyField[];\n  error: string | null;\n}\n\ntype YamlLoadFn = (input: string) => unknown;\nlet yamlPromise: Promise<YamlLoadFn> | null = null;\nfunction loadYaml(): Promise<YamlLoadFn> {\n  if (!yamlPromise) {\n    yamlPromise = import(/* @vite-ignore */ 'js-yaml')\n      .then((mod) => {\n        const api =\n          (mod as { default?: { load?: YamlLoadFn }; load?: YamlLoadFn })\n            .default ?? mod;\n        const load = (api as { load?: YamlLoadFn }).load;\n        if (typeof load !== 'function')\n          throw new Error('js-yaml load not found');\n        return load;\n      })\n      .catch((err) => {\n        yamlPromise = null;\n        throw err;\n      });\n  }\n  return yamlPromise;\n}\n\nfunction tryParseJson(\n  code: string\n): { ok: true; data: unknown } | { ok: false } {\n  try {\n    return { ok: true, data: JSON.parse(code) };\n  } catch {\n    return { ok: false };\n  }\n}\n\nfunction elementsToParsed(data: unknown): ParsedSurvey {\n  if (!data || typeof data !== 'object') {\n    return { fields: [], error: 'Invalid survey data format' };\n  }\n  const obj = data as Record<string, unknown>;\n\n  let elements: unknown[] = [];\n  if (Array.isArray(obj.pages)) {\n    for (const page of obj.pages as Array<Record<string, unknown>>) {\n      if (Array.isArray(page.elements)) {\n        elements = elements.concat(page.elements);\n      }\n    }\n  } else if (Array.isArray(obj.elements)) {\n    elements = obj.elements;\n  } else if (Array.isArray(obj.questions)) {\n    elements = obj.questions;\n  } else if (Array.isArray(obj.fields)) {\n    elements = obj.fields;\n  } else {\n    return { fields: [], error: 'No survey questions found in data' };\n  }\n\n  return { fields: elements as SurveyField[], error: null };\n}\n\nexport const SurveyBlock: React.FC<SurveyBlockProps> = ({ code, id }) => {\n  const [parsed, setParsed] = useState<ParsedSurvey | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n\n    const jsonResult = tryParseJson(code);\n    if (jsonResult.ok) {\n      setParsed(elementsToParsed(jsonResult.data));\n      return;\n    }\n\n    loadYaml()\n      .then((load) => {\n        try {\n          const data = load(code);\n          if (!cancelled) setParsed(elementsToParsed(data));\n        } catch (err) {\n          if (!cancelled)\n            setParsed({\n              fields: [],\n              error: `Failed to parse survey data: ${(err as Error).message}`,\n            });\n        }\n      })\n      .catch(() => {\n        if (!cancelled)\n          setParsed({\n            fields: [],\n            error:\n              'Survey preview requires the `js-yaml` package for YAML input. Install it with `npm install js-yaml`.',\n          });\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [code]);\n\n  if (!parsed) {\n    return (\n      <FenceBlock code={code} language=\"survey\" supportsRawView>\n        <div className=\"flex items-center justify-center p-6 text-sm text-neutral-500\">\n          Loading survey…\n        </div>\n      </FenceBlock>\n    );\n  }\n\n  const { fields, error } = parsed;\n\n  return (\n    <FenceBlock\n      code={code}\n      language=\"survey\"\n      supportsRawView\n      error={error ?? undefined}\n    >\n      <div className=\"space-y-4 p-4\">\n        <h4 className=\"text-sm font-medium text-neutral-700 dark:text-neutral-300\">\n          Survey Preview\n        </h4>\n        {fields.map((field, i) => {\n          const fieldId = `${id}-field-${field.name ?? i}`;\n          return (\n            <div key={field.name ?? i} className=\"space-y-1.5\">\n              <label\n                htmlFor={fieldId}\n                className=\"block text-sm font-medium text-neutral-700 dark:text-neutral-300\"\n              >\n                {field.title ?? field.label ?? field.name}\n                {field.isRequired && (\n                  <span className=\"ms-1 text-red-500\">*</span>\n                )}\n              </label>\n\n              {(field.type === 'radiogroup' || field.type === 'radio') &&\n                field.choices && (\n                  <div className=\"space-y-1\">\n                    {field.choices.map((choice, ci) => {\n                      const value =\n                        typeof choice === 'string' ? choice : choice.value;\n                      const text =\n                        typeof choice === 'string' ? choice : choice.text;\n                      return (\n                        <label\n                          key={ci}\n                          className=\"flex items-center gap-2 text-sm text-neutral-600 dark:text-neutral-400\"\n                        >\n                          <input\n                            type=\"radio\"\n                            name={`${id}-${field.name}`}\n                            value={value}\n                            disabled\n                            className=\"accent-primary-500\"\n                          />\n                          {text}\n                        </label>\n                      );\n                    })}\n                  </div>\n                )}\n\n              {(field.type === 'checkbox' || field.type === 'boolean') && (\n                <input\n                  id={fieldId}\n                  type=\"checkbox\"\n                  disabled\n                  className=\"accent-primary-500\"\n                />\n              )}\n\n              {(field.type === 'text' || field.type === 'comment') && (\n                <input\n                  id={fieldId}\n                  type=\"text\"\n                  disabled\n                  placeholder={field.title ?? field.name}\n                  className=\"w-full rounded-md border border-neutral-300 bg-neutral-100 px-3 py-1.5 text-sm dark:border-neutral-600 dark:bg-neutral-800\"\n                />\n              )}\n\n              {field.type === 'rating' && (\n                <div\n                  role=\"img\"\n                  className=\"flex gap-1\"\n                  aria-label=\"Rating: 0 out of 5\"\n                >\n                  {[1, 2, 3, 4, 5].map((n) => (\n                    <span\n                      key={n}\n                      aria-hidden=\"true\"\n                      className=\"text-lg text-neutral-500 dark:text-neutral-500\"\n                    >\n                      ★\n                    </span>\n                  ))}\n                </div>\n              )}\n\n              {field.type === 'dropdown' && field.choices && (\n                <select\n                  id={fieldId}\n                  name={fieldId}\n                  disabled\n                  className=\"w-full rounded-md border border-neutral-300 bg-neutral-100 px-3 py-1.5 text-sm dark:border-neutral-600 dark:bg-neutral-800\"\n                >\n                  {field.choices.map((choice, ci) => {\n                    const value =\n                      typeof choice === 'string' ? choice : choice.value;\n                    const text =\n                      typeof choice === 'string' ? choice : choice.text;\n                    return (\n                      <option key={ci} value={value}>\n                        {text}\n                      </option>\n                    );\n                  })}\n                </select>\n              )}\n            </div>\n          );\n        })}\n        <p className=\"text-xs text-neutral-600 dark:text-neutral-400\">\n          This is a preview. Interactive survey support coming soon.\n        </p>\n      </div>\n    </FenceBlock>\n  );\n};\n"]}
+{"version":3,"sources":["../src/components/Markdown/SurveyBlock.tsx"],"names":["useState","useEffect","jsx","FenceBlock","jsxs"],"mappings":"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","file":"chunk-IGDO62KR.cjs","sourcesContent":["/** Survey/questionnaire preview from JSON or YAML. Requires `js-yaml` for YAML input. */\nimport React, { useEffect, useState } from 'react';\n\nimport { FenceBlock } from './FenceBlock';\n\ninterface SurveyBlockProps {\n  code: string;\n  id: string;\n}\n\ninterface SurveyField {\n  type: string;\n  name: string;\n  title?: string;\n  label?: string;\n  choices?: Array<string | { value: string; text: string }>;\n  isRequired?: boolean;\n}\n\ninterface ParsedSurvey {\n  fields: SurveyField[];\n  error: string | null;\n}\n\ntype YamlLoadFn = (input: string) => unknown;\nlet yamlPromise: Promise<YamlLoadFn> | null = null;\nfunction loadYaml(): Promise<YamlLoadFn> {\n  if (!yamlPromise) {\n    yamlPromise = import(/* @vite-ignore */ 'js-yaml')\n      .then((mod) => {\n        const api =\n          (mod as { default?: { load?: YamlLoadFn }; load?: YamlLoadFn })\n            .default ?? mod;\n        const load = (api as { load?: YamlLoadFn }).load;\n        if (typeof load !== 'function')\n          throw new Error('js-yaml load not found');\n        return load;\n      })\n      .catch((err) => {\n        yamlPromise = null;\n        throw err;\n      });\n  }\n  return yamlPromise;\n}\n\nfunction tryParseJson(\n  code: string\n): { ok: true; data: unknown } | { ok: false } {\n  try {\n    return { ok: true, data: JSON.parse(code) };\n  } catch {\n    return { ok: false };\n  }\n}\n\nfunction elementsToParsed(data: unknown): ParsedSurvey {\n  if (!data || typeof data !== 'object') {\n    return { fields: [], error: 'Invalid survey data format' };\n  }\n  const obj = data as Record<string, unknown>;\n\n  let elements: unknown[] = [];\n  if (Array.isArray(obj.pages)) {\n    for (const page of obj.pages as Array<Record<string, unknown>>) {\n      if (Array.isArray(page.elements)) {\n        elements = elements.concat(page.elements);\n      }\n    }\n  } else if (Array.isArray(obj.elements)) {\n    elements = obj.elements;\n  } else if (Array.isArray(obj.questions)) {\n    elements = obj.questions;\n  } else if (Array.isArray(obj.fields)) {\n    elements = obj.fields;\n  } else {\n    return { fields: [], error: 'No survey questions found in data' };\n  }\n\n  return { fields: elements as SurveyField[], error: null };\n}\n\nexport const SurveyBlock: React.FC<SurveyBlockProps> = ({ code, id }) => {\n  const [parsed, setParsed] = useState<ParsedSurvey | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n\n    const jsonResult = tryParseJson(code);\n    if (jsonResult.ok) {\n      setParsed(elementsToParsed(jsonResult.data));\n      return;\n    }\n\n    loadYaml()\n      .then((load) => {\n        try {\n          const data = load(code);\n          if (!cancelled) setParsed(elementsToParsed(data));\n        } catch (err) {\n          if (!cancelled)\n            setParsed({\n              fields: [],\n              error: `Failed to parse survey data: ${(err as Error).message}`,\n            });\n        }\n      })\n      .catch(() => {\n        if (!cancelled)\n          setParsed({\n            fields: [],\n            error:\n              'Survey preview requires the `js-yaml` package for YAML input. Install it with `npm install js-yaml`.',\n          });\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [code]);\n\n  if (!parsed) {\n    return (\n      <FenceBlock code={code} language=\"survey\" supportsRawView>\n        <div className=\"flex items-center justify-center p-6 text-sm text-neutral-500\">\n          Loading survey…\n        </div>\n      </FenceBlock>\n    );\n  }\n\n  const { fields, error } = parsed;\n\n  return (\n    <FenceBlock\n      code={code}\n      language=\"survey\"\n      supportsRawView\n      error={error ?? undefined}\n    >\n      <div className=\"space-y-4 p-4\">\n        <h4 className=\"text-sm font-medium text-neutral-700 dark:text-neutral-300\">\n          Survey Preview\n        </h4>\n        {fields.map((field, i) => {\n          const fieldId = `${id}-field-${field.name ?? i}`;\n          return (\n            <div key={field.name ?? i} className=\"space-y-1.5\">\n              <label\n                htmlFor={fieldId}\n                className=\"block text-sm font-medium text-neutral-700 dark:text-neutral-300\"\n              >\n                {field.title ?? field.label ?? field.name}\n                {field.isRequired && (\n                  <span className=\"ms-1 text-red-500\">*</span>\n                )}\n              </label>\n\n              {(field.type === 'radiogroup' || field.type === 'radio') &&\n                field.choices && (\n                  <div className=\"space-y-1\">\n                    {field.choices.map((choice, ci) => {\n                      const value =\n                        typeof choice === 'string' ? choice : choice.value;\n                      const text =\n                        typeof choice === 'string' ? choice : choice.text;\n                      return (\n                        <label\n                          key={ci}\n                          className=\"flex items-center gap-2 text-sm text-neutral-600 dark:text-neutral-400\"\n                        >\n                          <input\n                            type=\"radio\"\n                            name={`${id}-${field.name}`}\n                            value={value}\n                            disabled\n                            className=\"accent-primary-500\"\n                          />\n                          {text}\n                        </label>\n                      );\n                    })}\n                  </div>\n                )}\n\n              {(field.type === 'checkbox' || field.type === 'boolean') && (\n                <input\n                  id={fieldId}\n                  type=\"checkbox\"\n                  disabled\n                  className=\"accent-primary-500\"\n                />\n              )}\n\n              {(field.type === 'text' || field.type === 'comment') && (\n                <input\n                  id={fieldId}\n                  type=\"text\"\n                  disabled\n                  placeholder={field.title ?? field.name}\n                  className=\"w-full rounded-md border border-neutral-300 bg-neutral-100 px-3 py-1.5 text-sm dark:border-neutral-600 dark:bg-neutral-800\"\n                />\n              )}\n\n              {field.type === 'rating' && (\n                <div\n                  role=\"img\"\n                  className=\"flex gap-1\"\n                  aria-label=\"Rating: 0 out of 5\"\n                >\n                  {[1, 2, 3, 4, 5].map((n) => (\n                    <span\n                      key={n}\n                      aria-hidden=\"true\"\n                      className=\"text-lg text-neutral-500 dark:text-neutral-500\"\n                    >\n                      ★\n                    </span>\n                  ))}\n                </div>\n              )}\n\n              {field.type === 'dropdown' && field.choices && (\n                <select\n                  id={fieldId}\n                  name={fieldId}\n                  disabled\n                  className=\"w-full rounded-md border border-neutral-300 bg-neutral-100 px-3 py-1.5 text-sm dark:border-neutral-600 dark:bg-neutral-800\"\n                >\n                  {field.choices.map((choice, ci) => {\n                    const value =\n                      typeof choice === 'string' ? choice : choice.value;\n                    const text =\n                      typeof choice === 'string' ? choice : choice.text;\n                    return (\n                      <option key={ci} value={value}>\n                        {text}\n                      </option>\n                    );\n                  })}\n                </select>\n              )}\n            </div>\n          );\n        })}\n        <p className=\"text-xs text-neutral-600 dark:text-neutral-400\">\n          This is a preview. Interactive survey support coming soon.\n        </p>\n      </div>\n    </FenceBlock>\n  );\n};\n"]}

package/dist/{chunk-HC3NAN55.cjs → chunk-IPL2O2OL.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
 var chunkYP5T6NZD_cjs = require('./chunk-YP5T6NZD.cjs');
-var chunkTJCX4OML_cjs = require('./chunk-TJCX4OML.cjs');
+var chunkC77FAR3F_cjs = require('./chunk-C77FAR3F.cjs');
 var chunkC7RVKV25_cjs = require('./chunk-C7RVKV25.cjs');
-var chunkX6A27RGO_cjs = require('./chunk-X6A27RGO.cjs');
+var chunkANMX7YDL_cjs = require('./chunk-ANMX7YDL.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
 var lucideReact = require('lucide-react');
@@ -303,7 +303,7 @@ var RichTextEditor = React__namespace.forwardRef(
               className: "border-border bg-muted/30 sticky top-0 z-10 flex flex-wrap items-center gap-1 border-b p-2",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkX6A27RGO_cjs.Button,
+                  chunkANMX7YDL_cjs.Button,
                   {
                     type: "button",
                     variant: "ghost",
@@ -317,7 +317,7 @@ var RichTextEditor = React__namespace.forwardRef(
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkX6A27RGO_cjs.Button,
+                  chunkANMX7YDL_cjs.Button,
                   {
                     type: "button",
                     variant: "ghost",
@@ -331,7 +331,7 @@ var RichTextEditor = React__namespace.forwardRef(
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkX6A27RGO_cjs.Button,
+                  chunkANMX7YDL_cjs.Button,
                   {
                     type: "button",
                     variant: "ghost",
@@ -346,7 +346,7 @@ var RichTextEditor = React__namespace.forwardRef(
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(chunkYP5T6NZD_cjs.Separator, { orientation: "vertical", className: "mx-1 h-6" }),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkX6A27RGO_cjs.Button,
+                  chunkANMX7YDL_cjs.Button,
                   {
                     type: "button",
                     variant: "ghost",
@@ -360,7 +360,7 @@ var RichTextEditor = React__namespace.forwardRef(
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkX6A27RGO_cjs.Button,
+                  chunkANMX7YDL_cjs.Button,
                   {
                     type: "button",
                     variant: "ghost",
@@ -375,7 +375,7 @@ var RichTextEditor = React__namespace.forwardRef(
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(chunkYP5T6NZD_cjs.Separator, { orientation: "vertical", className: "mx-1 h-6" }),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkX6A27RGO_cjs.Button,
+                  chunkANMX7YDL_cjs.Button,
                   {
                     type: "button",
                     variant: "ghost",
@@ -389,7 +389,7 @@ var RichTextEditor = React__namespace.forwardRef(
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkX6A27RGO_cjs.Button,
+                  chunkANMX7YDL_cjs.Button,
                   {
                     type: "button",
                     variant: "ghost",
@@ -403,7 +403,7 @@ var RichTextEditor = React__namespace.forwardRef(
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkX6A27RGO_cjs.Button,
+                  chunkANMX7YDL_cjs.Button,
                   {
                     type: "button",
                     variant: "ghost",
@@ -419,7 +419,7 @@ var RichTextEditor = React__namespace.forwardRef(
                 hasVariables && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                   /* @__PURE__ */ jsxRuntime.jsx(chunkYP5T6NZD_cjs.Separator, { orientation: "vertical", className: "mx-1 h-6" }),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkTJCX4OML_cjs.Dropdown,
+                    chunkC77FAR3F_cjs.Dropdown,
                     {
                       placement: "bottom-start",
                       width: 240,
@@ -428,7 +428,7 @@ var RichTextEditor = React__namespace.forwardRef(
                       searchAriaLabel: "Search template variables",
                       disabled,
                       trigger: /* @__PURE__ */ jsxRuntime.jsxs(
-                        chunkX6A27RGO_cjs.Button,
+                        chunkANMX7YDL_cjs.Button,
                         {
                           type: "button",
                           variant: "ghost",
@@ -443,10 +443,10 @@ var RichTextEditor = React__namespace.forwardRef(
                         }
                       ),
                       children: variableGroups.map((group, groupIndex) => /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
-                        groupIndex > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunkTJCX4OML_cjs.DropdownSeparator, {}),
-                        /* @__PURE__ */ jsxRuntime.jsx(chunkTJCX4OML_cjs.DropdownLabel, { children: group.label }),
+                        groupIndex > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunkC77FAR3F_cjs.DropdownSeparator, {}),
+                        /* @__PURE__ */ jsxRuntime.jsx(chunkC77FAR3F_cjs.DropdownLabel, { children: group.label }),
                         group.variables.map((variable) => /* @__PURE__ */ jsxRuntime.jsx(
-                          chunkTJCX4OML_cjs.DropdownItem,
+                          chunkC77FAR3F_cjs.DropdownItem,
                           {
                             onClick: () => insertVariable(variable),
                             children: variable.label
@@ -458,7 +458,7 @@ var RichTextEditor = React__namespace.forwardRef(
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(chunkYP5T6NZD_cjs.Separator, { orientation: "vertical", className: "mx-1 h-6" }),
                   /* @__PURE__ */ jsxRuntime.jsxs(
-                    chunkX6A27RGO_cjs.Button,
+                    chunkANMX7YDL_cjs.Button,
                     {
                       type: "button",
                       variant: "ghost",
@@ -477,7 +477,7 @@ var RichTextEditor = React__namespace.forwardRef(
                 enableDictation && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                   /* @__PURE__ */ jsxRuntime.jsx(chunkYP5T6NZD_cjs.Separator, { orientation: "vertical", className: "mx-1 h-6" }),
                   /* @__PURE__ */ jsxRuntime.jsxs(
-                    chunkX6A27RGO_cjs.Button,
+                    chunkANMX7YDL_cjs.Button,
                     {
                       type: "button",
                       variant: isListening ? "danger" : "ghost",
@@ -533,5 +533,5 @@ RichTextEditor.displayName = "RichTextEditor";
 exports.RichTextEditor = RichTextEditor;
 exports.convertAngleBracketsToMustache = convertAngleBracketsToMustache;
 exports.processDictation = processDictation;
-//# sourceMappingURL=chunk-HC3NAN55.cjs.map
-//# sourceMappingURL=chunk-HC3NAN55.cjs.map
+//# sourceMappingURL=chunk-IPL2O2OL.cjs.map
+//# sourceMappingURL=chunk-IPL2O2OL.cjs.map