@almadar/ui 6.55.0 → 6.57.0

package/themes/kflow.css

@@ -0,0 +1,299 @@
+/**
+ * GENERATED — do not edit by hand.
+ * Source: packages/almadar-core/themes/kflow.json
+ * Regenerate: node tools/almadar-pattern-sync/dist/index.js themes (or `almadar-sync themes`)
+ */
+
+[data-theme="kflow-light"] {
+    --color-primary: #4f46e5;
+    --color-primary-hover: #4338ca;
+    --color-primary-foreground: #ffffff;
+    --color-secondary: #eef0fb;
+    --color-secondary-hover: #e0e4f7;
+    --color-secondary-foreground: #1e1b4b;
+    --color-accent: #0e7490;
+    --color-accent-foreground: #ffffff;
+    --color-muted: #eef1f8;
+    --color-muted-foreground: #535d75;
+    --color-background: #f7f8fc;
+    --color-foreground: #0b1026;
+    --color-card: #ffffff;
+    --color-card-foreground: #0b1026;
+    --color-surface: #f0f2fa;
+    --color-border: #e1e5f1;
+    --color-input: #c9d0e3;
+    --color-ring: #4f46e5;
+    --color-error: #dc2626;
+    --color-error-foreground: #ffffff;
+    --color-success: #047857;
+    --color-success-foreground: #ffffff;
+    --color-warning: #b45309;
+    --color-warning-foreground: #ffffff;
+    --color-info: #0369a1;
+    --color-info-foreground: #ffffff;
+    --color-scrim: rgba(11, 16, 38, 0.55);
+    --color-series-1: #0891b2;
+    --color-series-2: #c026d3;
+    --color-series-3: #65a30d;
+    --color-series-4: #ea580c;
+    --color-series-5: #db2777;
+    --color-series-6: #2563eb;
+    --color-series-7: #854d0e;
+    --color-series-8: #0d9488;
+    --color-diagram-ink: #0b1026;
+    --color-diagram-label: #475069;
+    --color-diagram-guide: #94a0bd;
+    --color-diagram-axis: #2f3754;
+    --color-diagram-grid: #e1e5f1;
+    --color-diagram-highlight: #4f46e5;
+    --color-diagram-fill: #e0e7ff;
+    --radius-none: 0px;
+    --radius-sm: 8px;
+    --radius-md: 12px;
+    --radius-lg: 16px;
+    --radius-xl: 22px;
+    --radius-full: 9999px;
+    --border-width: 1px;
+    --border-width-thin: 1px;
+    --border-width-thick: 2px;
+    --icon-color: currentColor;
+    --transition-fast: 120ms;
+    --transition-normal: 200ms;
+    --transition-slow: 320ms;
+    --transition-timing: cubic-bezier(0.2, 0, 0, 1);
+    --hover-scale: 1.0;
+    --hover-translate-y: -2px;
+    --hover-translate-x: 0;
+    --active-scale: 0.98;
+    --active-translate-y: 0;
+    --focus-ring-width: 2px;
+    --focus-ring-offset: 2px;
+    --focus-ring-color: #4f46e5;
+    --font-family: "Plus Jakarta Sans", "IBM Plex Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    --letter-spacing: -0.005em;
+    --line-height: 1.6;
+    --shadow-main: 0 8px 24px -8px rgba(79, 70, 229, 0.20), 0 2px 6px rgba(8, 145, 178, 0.08);
+    --shadow-sm: 0 2px 8px -2px rgba(79, 70, 229, 0.16);
+    --shadow-lg: 0 24px 48px -12px rgba(79, 70, 229, 0.28), 0 6px 16px rgba(8, 145, 178, 0.10);
+    --shadow-inner: inset 0 1px 2px rgba(79, 70, 229, 0.10);
+    --shadow-none: none;
+    --shadow-hover: 0 14px 32px -10px rgba(79, 70, 229, 0.32), 0 4px 10px rgba(16, 185, 129, 0.10);
+    --shadow-active: 0 2px 6px -2px rgba(79, 70, 229, 0.24);
+    --font-family-display: "Fraunces", "IBM Plex Sans Arabic", Georgia, serif;
+    --font-family-body: "Plus Jakarta Sans", "IBM Plex Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    --font-family-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
+    --heading-weight: 600;
+    --heading-transform: none;
+    --heading-tracking: -0.02em;
+    --heading-style: normal;
+    --heading-shadow: none;
+    --duration-instant: 0ms;
+    --duration-fast: 120ms;
+    --duration-normal: 200ms;
+    --duration-slow: 320ms;
+    --duration-dramatic: 640ms;
+    --easing-linear: linear;
+    --easing-standard: cubic-bezier(0.2, 0, 0, 1);
+    --easing-emphasized: cubic-bezier(0.22, 0.61, 0.36, 1);
+    --easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
+    --motion-modal-enter-from-transform: translateY(12px) scale(0.98);
+    --motion-modal-exit-to-transform: scale(0.98);
+    --motion-popover-enter-from-transform: scale(0.97);
+    --motion-popover-exit-to-transform: scale(0.97);
+    --motion-toast-enter-from-transform: translateY(-12px);
+    --motion-toast-exit-to-transform: translateY(-12px);
+    --motion-page-enter-from-transform: translateY(10px);
+    --icon-family: lucide;
+    --icon-stroke-width: 1.75;
+    --icon-default-size: 16px;
+    --elevation-card: var(--shadow-main);
+    --elevation-popover: var(--shadow-lg);
+    --elevation-dialog: var(--shadow-lg);
+    --elevation-toast: var(--shadow-main);
+    --elevation-interactive: var(--shadow-sm);
+    --elevation-pressed: var(--shadow-inner);
+    --radius-container: 16px;
+    --radius-interactive: 12px;
+    --radius-pill: 9999px;
+    --border-hairline: 1px;
+    --border-standard: 1px;
+    --border-heavy: 2px;
+    --corner-shape: superellipse(1.5);
+    --corner-shape-pill: superellipse(1.5);
+    --border-style: solid;
+    --border-style-interactive: solid;
+    --surface-card-image: linear-gradient(135deg, rgba(99, 102, 241, 0.07) 0%, rgba(34, 211, 238, 0.05) 55%, rgba(16, 185, 129, 0.06) 100%);
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 2px;
+    --diagram-stroke-bold: 3px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 6 4;
+    --diagram-dot: 1 5;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.2;
+    --diagram-roughness: 0;
+    --diagram-glow: 2;
+    --diagram-shadow: 0 4px 14px rgba(79, 70, 229, 0.22);
+    --diagram-marker: triangle;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 8px;
+    --material-roughness: 0.25;
+    --material-metalness: 0.15;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.5;
+    --light-key: 1.15;
+    --light-key-color: #eef2ff;
+    --scene-fog: 0.05;
+}
+
+[data-theme="kflow-dark"] {
+    --color-primary: #818cf8;
+    --color-primary-hover: #a5b4fc;
+    --color-primary-foreground: #0b1026;
+    --color-secondary: #161d40;
+    --color-secondary-hover: #1f2852;
+    --color-secondary-foreground: #e6e9f5;
+    --color-accent: #22d3ee;
+    --color-accent-foreground: #04131a;
+    --color-muted: #141b3a;
+    --color-muted-foreground: #9aa4c0;
+    --color-background: #070b1a;
+    --color-foreground: #e6e9f5;
+    --color-card: #0e1430;
+    --color-card-foreground: #e6e9f5;
+    --color-surface: #121a3a;
+    --color-border: #222b52;
+    --color-input: #2e3866;
+    --color-ring: #818cf8;
+    --color-error: #f87171;
+    --color-error-foreground: #000000;
+    --color-success: #34d399;
+    --color-success-foreground: #022c22;
+    --color-warning: #fbbf24;
+    --color-warning-foreground: #000000;
+    --color-info: #38bdf8;
+    --color-info-foreground: #000000;
+    --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #22d3ee;
+    --color-series-2: #e879f9;
+    --color-series-3: #a3e635;
+    --color-series-4: #fb923c;
+    --color-series-5: #f472b6;
+    --color-series-6: #60a5fa;
+    --color-series-7: #fef08a;
+    --color-series-8: #2dd4bf;
+    --color-diagram-ink: #e6e9f5;
+    --color-diagram-label: #9aa4c0;
+    --color-diagram-guide: #5d6890;
+    --color-diagram-axis: #c7cde3;
+    --color-diagram-grid: #222b52;
+    --color-diagram-highlight: #818cf8;
+    --color-diagram-fill: #232c63;
+    --radius-none: 0px;
+    --radius-sm: 8px;
+    --radius-md: 12px;
+    --radius-lg: 16px;
+    --radius-xl: 22px;
+    --radius-full: 9999px;
+    --border-width: 1px;
+    --border-width-thin: 1px;
+    --border-width-thick: 2px;
+    --icon-color: currentColor;
+    --transition-fast: 120ms;
+    --transition-normal: 200ms;
+    --transition-slow: 320ms;
+    --transition-timing: cubic-bezier(0.2, 0, 0, 1);
+    --hover-scale: 1.0;
+    --hover-translate-y: -2px;
+    --hover-translate-x: 0;
+    --active-scale: 0.98;
+    --active-translate-y: 0;
+    --focus-ring-width: 2px;
+    --focus-ring-offset: 2px;
+    --focus-ring-color: #818cf8;
+    --font-family: "Plus Jakarta Sans", "IBM Plex Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    --letter-spacing: -0.005em;
+    --line-height: 1.6;
+    --shadow-main: 0 8px 28px -8px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(129, 140, 248, 0.08);
+    --shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, 0.5);
+    --shadow-lg: 0 24px 56px -12px rgba(0, 0, 0, 0.7), 0 0 32px -8px rgba(99, 102, 241, 0.25);
+    --shadow-inner: inset 0 1px 2px rgba(0, 0, 0, 0.4);
+    --shadow-none: none;
+    --shadow-hover: 0 14px 36px -10px rgba(99, 102, 241, 0.35);
+    --shadow-active: 0 2px 6px -2px rgba(0, 0, 0, 0.5);
+    --font-family-display: "Fraunces", "IBM Plex Sans Arabic", Georgia, serif;
+    --font-family-body: "Plus Jakarta Sans", "IBM Plex Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    --font-family-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
+    --heading-weight: 600;
+    --heading-transform: none;
+    --heading-tracking: -0.02em;
+    --heading-style: normal;
+    --heading-shadow: none;
+    --duration-instant: 0ms;
+    --duration-fast: 120ms;
+    --duration-normal: 200ms;
+    --duration-slow: 320ms;
+    --duration-dramatic: 640ms;
+    --easing-linear: linear;
+    --easing-standard: cubic-bezier(0.2, 0, 0, 1);
+    --easing-emphasized: cubic-bezier(0.22, 0.61, 0.36, 1);
+    --easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
+    --motion-modal-enter-from-transform: translateY(12px) scale(0.98);
+    --motion-modal-exit-to-transform: scale(0.98);
+    --motion-popover-enter-from-transform: scale(0.97);
+    --motion-popover-exit-to-transform: scale(0.97);
+    --motion-toast-enter-from-transform: translateY(-12px);
+    --motion-toast-exit-to-transform: translateY(-12px);
+    --motion-page-enter-from-transform: translateY(10px);
+    --icon-family: lucide;
+    --icon-stroke-width: 1.75;
+    --icon-default-size: 16px;
+    --elevation-card: var(--shadow-main);
+    --elevation-popover: var(--shadow-lg);
+    --elevation-dialog: var(--shadow-lg);
+    --elevation-toast: var(--shadow-main);
+    --elevation-interactive: var(--shadow-sm);
+    --elevation-pressed: var(--shadow-inner);
+    --radius-container: 16px;
+    --radius-interactive: 12px;
+    --radius-pill: 9999px;
+    --border-hairline: 1px;
+    --border-standard: 1px;
+    --border-heavy: 2px;
+    --corner-shape: superellipse(1.5);
+    --corner-shape-pill: superellipse(1.5);
+    --border-style: solid;
+    --border-style-interactive: solid;
+    --surface-card-image: linear-gradient(135deg, rgba(129, 140, 248, 0.10) 0%, rgba(34, 211, 238, 0.06) 55%, rgba(52, 211, 153, 0.07) 100%);
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 2px;
+    --diagram-stroke-bold: 3px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 6 4;
+    --diagram-dot: 1 5;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.2;
+    --diagram-roughness: 0;
+    --diagram-glow: 2;
+    --diagram-shadow: 0 4px 14px rgba(79, 70, 229, 0.22);
+    --diagram-marker: triangle;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 8px;
+    --material-roughness: 0.25;
+    --material-metalness: 0.15;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.5;
+    --light-key: 1.15;
+    --light-key-color: #eef2ff;
+    --scene-fog: 0.05;
+}

package/dist/Typography-7PDT62PG.js

@@ -1,5 +0,0 @@
-export { Typography } from './chunk-HCSJHRC4.js';
-import './chunk-64WACXM7.js';
-import './chunk-RNY5LJXJ.js';
-import './chunk-HRCR53OW.js';
-import './chunk-QPXIAUJD.js';

package/dist/chunk-F4ZTPKZL.js

@@ -1,284 +0,0 @@
-import { Icon, Button, Switch, Input } from './chunk-XZKGRSIO.js';
-import { VStack, HStack } from './chunk-Y53Q55H5.js';
-import { Typography } from './chunk-HCSJHRC4.js';
-import { cn } from './chunk-64WACXM7.js';
-import React from 'react';
-import { useTranslate } from '@almadar/ui/hooks';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var isObj = (v) => v !== null && typeof v === "object" && !Array.isArray(v);
-var isArr = (v) => Array.isArray(v);
-function kindOf(v) {
-  if (v === null) return "null";
-  if (isArr(v)) return "array";
-  if (isObj(v)) return "object";
-  if (typeof v === "number") return "number";
-  if (typeof v === "boolean") return "boolean";
-  return "string";
-}
-var TYPE_LABEL_KEY = {
-  string: "jsonTree.type.text",
-  number: "jsonTree.type.number",
-  boolean: "jsonTree.type.boolean"
-};
-var TYPE_LABEL_SYMBOL = {
-  object: "{}",
-  array: "[]",
-  null: "\u2014"
-};
-function typeLabel(kind, t) {
-  if (kind === "object" || kind === "array" || kind === "null") return TYPE_LABEL_SYMBOL[kind];
-  return t(TYPE_LABEL_KEY[kind] ?? "");
-}
-var KIND_OPTIONS = ["string", "number", "boolean", "object", "array"];
-function emptyOf(kind) {
-  switch (kind) {
-    case "object":
-      return {};
-    case "array":
-      return [];
-    case "number":
-      return 0;
-    case "boolean":
-      return false;
-    case "null":
-      return null;
-    default:
-      return "";
-  }
-}
-function templateFrom(arr) {
-  if (arr.length === 0) return "";
-  const first = arr[0];
-  if (isObj(first)) {
-    const blank = {};
-    for (const k of Object.keys(first)) blank[k] = isObj(first[k]) ? {} : isArr(first[k]) ? [] : first[k];
-    return blank;
-  }
-  if (isArr(first)) return [];
-  return emptyOf(kindOf(first));
-}
-function ScalarControl({
-  value,
-  onChange
-}) {
-  if (typeof value === "boolean") {
-    return /* @__PURE__ */ jsx(Switch, { checked: value, onChange: (c) => onChange(c) });
-  }
-  const numeric = typeof value === "number";
-  const initial = value === null ? "" : String(value);
-  const [draft, setDraft] = React.useState(initial);
-  React.useEffect(() => setDraft(initial), [initial]);
-  const commit = () => {
-    if (numeric) {
-      const n = draft.trim() === "" ? 0 : Number(draft);
-      onChange(Number.isNaN(n) ? 0 : n);
-    } else {
-      onChange(draft);
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    Input,
-    {
-      inputType: numeric ? "number" : "text",
-      value: draft,
-      placeholder: value === null ? "null" : void 0,
-      onChange: (e) => setDraft(e.target.value),
-      onBlur: commit,
-      onKeyDown: (e) => {
-        if (e.key === "Enter") commit();
-      }
-    }
-  );
-}
-function KindSelect({
-  kind,
-  onChange
-}) {
-  const { t } = useTranslate();
-  return /* @__PURE__ */ jsx(
-    "select",
-    {
-      value: kind === "null" ? "string" : kind,
-      onChange: (e) => onChange(e.target.value),
-      "aria-label": t("jsonTree.valueType"),
-      className: cn(
-        "h-6 rounded-interactive bg-muted text-muted-foreground text-[10px] font-mono px-1",
-        "border-[length:var(--border-width-thin)] border-border",
-        "hover:bg-card focus:outline-none focus:ring-1 focus:ring-ring"
-      ),
-      children: KIND_OPTIONS.map((k) => /* @__PURE__ */ jsx("option", { value: k, children: typeLabel(k, t) }, k))
-    }
-  );
-}
-function ValueNode({
-  value,
-  onChange,
-  depth,
-  readonly
-}) {
-  const kind = kindOf(value);
-  if (kind === "object" || kind === "array") {
-    return /* @__PURE__ */ jsx(ContainerNode, { value, onChange, depth, readonly });
-  }
-  if (readonly) {
-    return /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "font-mono text-foreground", children: value === null ? "null" : String(value) });
-  }
-  return /* @__PURE__ */ jsx(ScalarControl, { value, onChange });
-}
-function Row({
-  rowKey,
-  isArrayItem,
-  value,
-  depth,
-  onValue,
-  onRenameKey,
-  onChangeKind,
-  onRemove,
-  readonly
-}) {
-  const { t } = useTranslate();
-  const [keyDraft, setKeyDraft] = React.useState(rowKey);
-  React.useEffect(() => setKeyDraft(rowKey), [rowKey]);
-  const container = isObj(value) || isArr(value);
-  return /* @__PURE__ */ jsxs(VStack, { gap: "none", className: "group w-max min-w-full", children: [
-    /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", className: "py-0.5 w-max", children: [
-      readonly ? /* @__PURE__ */ jsx("span", { className: cn(
-        "h-6 rounded-interactive bg-muted text-muted-foreground text-[10px] font-mono px-1 flex items-center",
-        "border-[length:var(--border-width-thin)] border-border"
-      ), children: typeLabel(kindOf(value), t) }) : /* @__PURE__ */ jsx(KindSelect, { kind: kindOf(value), onChange: onChangeKind }),
-      isArrayItem ? /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "w-6 shrink-0 font-mono", children: rowKey }) : readonly ? /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "w-20 shrink-0 font-mono truncate", children: rowKey }) : /* @__PURE__ */ jsx("div", { className: "w-20 shrink-0", children: /* @__PURE__ */ jsx(
-        Input,
-        {
-          inputType: "text",
-          value: keyDraft,
-          onChange: (e) => setKeyDraft(e.target.value),
-          onBlur: () => keyDraft !== rowKey && onRenameKey(keyDraft),
-          onKeyDown: (e) => {
-            if (e.key === "Enter" && keyDraft !== rowKey) onRenameKey(keyDraft);
-          },
-          className: "font-mono"
-        }
-      ) }),
-      !container && /* @__PURE__ */ jsx("div", { className: "w-48 shrink-0", children: /* @__PURE__ */ jsx(ValueNode, { value, onChange: onValue, depth: depth + 1, readonly }) }),
-      !readonly && /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "ghost",
-          size: "sm",
-          icon: "x",
-          onClick: onRemove,
-          "aria-label": t("common.remove"),
-          className: "shrink-0 text-muted-foreground hover:text-error"
-        }
-      )
-    ] }),
-    container && /* @__PURE__ */ jsx("div", { className: "pl-2", children: /* @__PURE__ */ jsx(ValueNode, { value, onChange: onValue, depth: depth + 1, readonly }) })
-  ] });
-}
-function ContainerNode({
-  value,
-  onChange,
-  depth,
-  readonly
-}) {
-  const { t } = useTranslate();
-  const [open, setOpen] = React.useState(depth < 2);
-  const array = isArr(value);
-  const entries = array ? value.map((v, i) => [String(i), v]) : Object.entries(value);
-  const setObjValue = (key, next) => {
-    onChange({ ...value, [key]: next });
-  };
-  const renameKey = (oldKey, newKey) => {
-    if (!newKey || newKey === oldKey) return;
-    const out = {};
-    for (const [k, v] of Object.entries(value)) out[k === oldKey ? newKey : k] = v;
-    onChange(out);
-  };
-  const removeObjKey = (key) => {
-    const out = {};
-    for (const [k, v] of Object.entries(value)) if (k !== key) out[k] = v;
-    onChange(out);
-  };
-  const changeObjKind = (key, k) => setObjValue(key, emptyOf(k));
-  const setArrValue = (idx, next) => {
-    const copy = [...value];
-    copy[idx] = next;
-    onChange(copy);
-  };
-  const removeArrIdx = (idx) => onChange(value.filter((_, i) => i !== idx));
-  const changeArrKind = (idx, k) => setArrValue(idx, emptyOf(k));
-  const add = () => {
-    if (array) {
-      onChange([...value, templateFrom(value)]);
-    } else {
-      const obj = value;
-      let key = "key";
-      let n = 1;
-      while (key in obj) {
-        key = `key${n}`;
-        n += 1;
-      }
-      onChange({ ...obj, [key]: "" });
-    }
-  };
-  const summaryKey = array ? entries.length === 1 ? "jsonTree.itemCountOne" : "jsonTree.itemCountOther" : entries.length === 1 ? "jsonTree.fieldCountOne" : "jsonTree.fieldCountOther";
-  const summary = t(summaryKey, { count: entries.length });
-  return /* @__PURE__ */ jsxs(VStack, { gap: "none", className: "w-full", children: [
-    /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", children: /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => setOpen((o) => !o),
-        className: "flex items-center gap-1 text-muted-foreground hover:text-foreground",
-        "aria-label": open ? t("jsonTree.collapse") : t("jsonTree.expand"),
-        children: [
-          /* @__PURE__ */ jsx(Icon, { name: open ? "chevron-down" : "chevron-right", size: "sm" }),
-          /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: array ? "[ ]" : "{ }" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: summary })
-        ]
-      }
-    ) }),
-    open && /* @__PURE__ */ jsxs(
-      VStack,
-      {
-        gap: "none",
-        className: cn("ml-1.5 pl-1.5 w-max min-w-full border-l-[length:var(--border-width-thin)] border-border"),
-        children: [
-          entries.map(([k, v], idx) => /* @__PURE__ */ jsx(
-            Row,
-            {
-              rowKey: k,
-              isArrayItem: array,
-              value: v,
-              depth,
-              onValue: (next) => array ? setArrValue(idx, next) : setObjValue(k, next),
-              onRenameKey: (nk) => renameKey(k, nk),
-              onChangeKind: (kind) => array ? changeArrKind(idx, kind) : changeObjKind(k, kind),
-              onRemove: () => array ? removeArrIdx(idx) : removeObjKey(k),
-              readonly
-            },
-            array ? idx : k
-          )),
-          !readonly && /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "ghost",
-              size: "sm",
-              icon: "plus",
-              label: array ? t("jsonTree.addItem") : t("jsonTree.addField"),
-              onClick: add,
-              className: "self-start text-muted-foreground"
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-var JsonTreeEditor = ({ value, onChange, className, readonly }) => {
-  const root = value ?? "";
-  return /* @__PURE__ */ jsx("div", { className: cn("w-full overflow-x-auto rounded-container bg-card/40 p-2 border-[length:var(--border-width-thin)] border-border", className), children: /* @__PURE__ */ jsx(ValueNode, { value: root, onChange, depth: 0, readonly }) });
-};
-
-export { JsonTreeEditor };

package/dist/chunk-OKWD7LPO.js

@@ -1,80 +0,0 @@
-import { parseMarkdownWithCodeBlocks } from './chunk-KQXXO42S.js';
-
-// lib/parseLessonSegments.ts
-function extractTagContent(content, tagName) {
-  const closedTagRegex = new RegExp(`<${tagName}>([\\s\\S]*?)<\\/${tagName}>`, "i");
-  const closedMatch = content.match(closedTagRegex);
-  if (closedMatch) {
-    return { content: closedMatch[1].trim(), fullMatch: closedMatch[0] };
-  }
-  const unclosedTagRegex = new RegExp(
-    `<${tagName}>([\\s\\S]*?)(?=<(?:activate|connect|reflect|bloom|prq|question|answer|visualize)|\\n\\n#|$)`,
-    "i"
-  );
-  const unclosedMatch = content.match(unclosedTagRegex);
-  if (unclosedMatch) {
-    return { content: unclosedMatch[1].trim(), fullMatch: unclosedMatch[0] };
-  }
-  return null;
-}
-function parseLessonSegments(lesson) {
-  if (!lesson) return [];
-  let content = lesson.replace(/<prq>[\s\S]*?<\/prq>/gi, "").trim();
-  const segments = [];
-  const activateResult = extractTagContent(content, "activate");
-  if (activateResult) {
-    segments.push({ type: "activate", question: activateResult.content });
-    content = content.replace(activateResult.fullMatch, "").trim();
-  }
-  const connectResult = extractTagContent(content, "connect");
-  if (connectResult) {
-    segments.push({ type: "connect", content: connectResult.content });
-    content = content.replace(connectResult.fullMatch, "").trim();
-  }
-  const tagRegex = new RegExp(
-    '(?<reflect><reflect>(?<reflectClosed>[\\s\\S]*?)<\\/reflect>)|(?<reflectUnclosed><reflect>(?<reflectOpen>[\\s\\S]*?)(?=<(?:activate|connect|reflect|bloom|prq|question|answer|visualize)|\\n\\n#|$))|(?<bloom><bloom\\s+level="(?<bloomLevel>remember|understand|apply|analyze|evaluate|create)">(?<bloomClosed>[\\s\\S]*?)<\\/bloom>)|(?<bloomUnclosed><bloom\\s+level="(?<bloomLevelUn>remember|understand|apply|analyze|evaluate|create)">(?<bloomOpen>[\\s\\S]*?)(?=<(?:activate|connect|reflect|bloom|prq|question|answer|visualize)|\\n\\n#|$))|(?<quiz><question>(?<quizQuestion>[\\s\\S]*?)<\\/question>\\s*<answer>(?<quizAnswer>[\\s\\S]*?)<\\/answer>)|(?<visualize><visualize\\s+type="(?<vizType>algorithms|math|physics|biology|chemistry|probability)"\\s+description="(?<vizDesc>[^"]*?)"\\s*\\/?>)',
-    "gi"
-  );
-  let lastIndex = 0;
-  let match;
-  while ((match = tagRegex.exec(content)) !== null) {
-    const before = content.slice(lastIndex, match.index);
-    if (before.trim()) {
-      segments.push(...parseMarkdownWithCodeBlocks(before));
-    }
-    const g = match.groups ?? {};
-    if (g.reflect || g.reflectUnclosed) {
-      const prompt = (g.reflectClosed ?? g.reflectOpen ?? "").trim();
-      if (prompt) segments.push({ type: "reflect", prompt });
-    } else if (g.bloom || g.bloomUnclosed) {
-      const level = g.bloomLevel ?? g.bloomLevelUn;
-      const bloomContent = g.bloomClosed ?? g.bloomOpen ?? "";
-      if (level && bloomContent) {
-        const qMatch = bloomContent.match(/<question>([\s\S]*?)<\/question>/i);
-        const aMatch = bloomContent.match(/<answer>([\s\S]*?)<\/answer>/i);
-        if (qMatch && aMatch) {
-          segments.push({ type: "bloom", level, question: qMatch[1].trim(), answer: aMatch[1].trim() });
-        } else if (qMatch) {
-          segments.push({ type: "bloom", level, question: qMatch[1].trim(), answer: "(Answer not provided)" });
-        } else {
-          const clean = bloomContent.replace(/^\*\*Question\s*\d*:?\*\*\s*/i, "").replace(/^\*\*Q\d*:?\*\*\s*/i, "").trim();
-          if (clean) segments.push({ type: "bloom", level, question: clean, answer: "(See answers section below)" });
-        }
-      }
-    } else if (g.quiz) {
-      segments.push({ type: "quiz", question: g.quizQuestion.trim(), answer: g.quizAnswer.trim() });
-    } else if (g.visualize) {
-      segments.push({
-        type: "visualization",
-        visualizationType: g.vizType,
-        description: g.vizDesc ?? ""
-      });
-    }
-    lastIndex = tagRegex.lastIndex;
-  }
-  const remaining = content.slice(lastIndex);
-  if (remaining.trim()) segments.push(...parseMarkdownWithCodeBlocks(remaining));
-  return segments;
-}
-
-export { parseLessonSegments };