@nice2dev/ui 1.0.6 → 1.0.8

package/dist/NiceButton-D9l39Rs7.js

@@ -0,0 +1,595 @@
+import { jsxs as l, jsx as e, Fragment as ve } from "react/jsx-runtime";
+import Ce, { forwardRef as ne, useCallback as W, useMemo as z, useState as ee, useRef as be } from "react";
+import { f as ie, g as oe, b as de, h as ue, i as ce, j as we, N as pe, k as Se, d as Me, C as ae } from "./core-BpghV7Ls.js";
+const Re = ne(
+  ({
+    label: y,
+    helperText: v,
+    error: t,
+    required: A,
+    disabled: s,
+    readOnly: a,
+    size: B = "md",
+    name: M,
+    id: x,
+    className: R,
+    style: k,
+    accessMode: p,
+    displayStyle: g,
+    value: h,
+    defaultValue: _,
+    onChange: C,
+    onBlur: o,
+    onKeyDown: m,
+    placeholder: w,
+    type: D = "text",
+    maxLength: F,
+    prefix: I,
+    suffix: j,
+    clearable: c,
+    autoFocus: J,
+    submitOnEnter: S,
+    onSubmit: L,
+    showKeyboardHints: Q,
+    ...q
+  }, le) => {
+    const G = ie(p, x);
+    if (G === "hidden")
+      return null;
+    G === "disabled" && (s = !0), G === "readOnly" && (a = !0);
+    const { t: E } = oe(), d = de(x), te = ue("input", g), se = ce("input", g), V = W(() => C?.(""), [C]), $ = we({
+      enabled: S,
+      onSubmit: L
+    }), O = W(
+      (u) => {
+        $(u), m?.(u);
+      },
+      [$, m]
+    ), P = z(() => {
+      const u = [];
+      return S && u.push({ key: "Enter", description: E("shortcuts.submit", "Submit") }), c && u.push({ key: "Escape", description: E("shortcuts.clear", "Clear") }), u;
+    }, [S, c, E]);
+    return /* @__PURE__ */ l("div", { className: `nice-field ${R || ""}`, style: k, children: [
+      y && /* @__PURE__ */ l(
+        "label",
+        {
+          htmlFor: d,
+          className: `nice-field__label ${A ? "nice-field__label--required" : ""}`,
+          children: [
+            y,
+            Q && P.length > 0 && /* @__PURE__ */ e(pe, { shortcuts: P, size: "sm" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ l(
+        "div",
+        {
+          className: `nice-input nice-input--${B} nice-input--ds-${se} ${t ? "nice-input--error" : ""} ${s ? "nice-input--disabled" : ""} ${a ? "nice-input--readonly" : ""}`,
+          style: te,
+          children: [
+            I && /* @__PURE__ */ e("span", { className: "nice-input__icon", children: I }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                ref: le,
+                id: d,
+                className: "nice-input__native",
+                type: D,
+                name: M,
+                value: h,
+                defaultValue: _,
+                placeholder: w,
+                disabled: s,
+                readOnly: a,
+                maxLength: F,
+                autoFocus: J,
+                "aria-invalid": !!t,
+                "aria-describedby": t ? `${d}-error` : v ? `${d}-helper` : void 0,
+                onChange: (u) => C?.(u.target.value),
+                onBlur: o,
+                onKeyDown: O,
+                ...q
+              }
+            ),
+            c && h && /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "nice-input__clear",
+                onClick: V,
+                "aria-label": E("controls.clear", "Clear"),
+                children: "✕"
+              }
+            ),
+            j && /* @__PURE__ */ e("span", { className: "nice-input__icon", children: j })
+          ]
+        }
+      ),
+      t && /* @__PURE__ */ e("div", { id: `${d}-error`, className: "nice-field__error", role: "alert", children: t }),
+      !t && v && /* @__PURE__ */ e("div", { id: `${d}-helper`, className: "nice-field__helper", children: v })
+    ] });
+  }
+);
+Re.displayName = "NiceTextInput";
+const De = ne(
+  ({
+    label: y,
+    helperText: v,
+    error: t,
+    required: A,
+    disabled: s,
+    size: a = "md",
+    name: B,
+    id: M,
+    className: x,
+    style: R,
+    accessMode: k,
+    displayStyle: p,
+    options: g,
+    value: h,
+    onChange: _,
+    placeholder: C,
+    multiple: o = !1,
+    searchable: m = !1,
+    clearable: w = !1,
+    emptyText: D,
+    maxHeight: F = 240,
+    optionsSource: I,
+    valueField: j,
+    labelField: c,
+    virtualScroll: J,
+    optionHeight: S = 36,
+    onSearch: L,
+    loading: Q,
+    renderOption: q,
+    showKeyboardHints: le
+  }, G) => {
+    const E = ie(k, M);
+    if (E === "hidden")
+      return null;
+    (E === "disabled" || E === "readOnly") && (s = !0);
+    const { t: d } = oe(), te = ue("input", p), se = ce("input", p), V = de(M), [$, O] = ee(!1), [P, u] = ee(""), [K, H] = ee(-1), [he, Ne] = ee(0), _e = be(null), ye = Se(
+      I ?? null,
+      j ?? I?.keyField ?? "id",
+      c ?? "name"
+    ), T = I ? ye.options : g ?? [];
+    Me(_e, () => {
+      O(!1), u("");
+    });
+    const f = z(() => h ? Array.isArray(h) ? h : [h] : [], [h]), b = z(() => {
+      if (!P && !L || L)
+        return T;
+      const n = P.toLowerCase();
+      return T.filter(
+        (r) => r.label.toLowerCase().includes(n) || String(r.value).toLowerCase().includes(n)
+      );
+    }, [T, P, L]), me = z(() => {
+      const n = /* @__PURE__ */ new Map();
+      for (const r of b) {
+        const i = r.group || "";
+        n.has(i) || n.set(i, []), n.get(i).push(r);
+      }
+      return n;
+    }, [b]), X = W(
+      (n) => {
+        if (o) {
+          const r = f.includes(n) ? f.filter((i) => i !== n) : [...f, n];
+          _?.(r);
+        } else
+          _?.(n), O(!1), u("");
+      },
+      [o, f, _]
+    ), ke = W(
+      (n) => {
+        if (n.key === "Escape") {
+          O(!1), u("");
+          return;
+        }
+        if (n.key === "Enter" || n.key === " ") {
+          if (!$) {
+            O(!0), n.preventDefault();
+            return;
+          }
+          K >= 0 && b[K] && (X(b[K].value), n.preventDefault());
+          return;
+        }
+        n.key === "ArrowDown" && (n.preventDefault(), H((r) => Math.min(r + 1, b.length - 1))), n.key === "ArrowUp" && (n.preventDefault(), H((r) => Math.max(r - 1, 0)));
+      },
+      [$, K, b, X]
+    ), fe = z(() => f.length === 0 ? null : o ? f.map((n) => T.find((r) => r.value === n)?.label || n).join(", ") : T.find((n) => n.value === f[0])?.label || f[0], [f, T, o]), ge = W(
+      (n) => {
+        n.stopPropagation(), _?.(o ? [] : "");
+      },
+      [_, o]
+    ), $e = z(
+      () => [
+        { key: "Enter", description: d("shortcuts.select", "Select") },
+        { key: "Space", description: d("shortcuts.openDropdown", "Open dropdown") },
+        ae.moveUp,
+        ae.moveDown,
+        ae.cancel
+      ],
+      [d]
+    );
+    return /* @__PURE__ */ l("div", { className: `nice-field ${x || ""}`, style: R, children: [
+      y && /* @__PURE__ */ l(
+        "label",
+        {
+          htmlFor: V,
+          className: `nice-field__label ${A ? "nice-field__label--required" : ""}`,
+          children: [
+            y,
+            le && /* @__PURE__ */ e(pe, { shortcuts: $e, size: "sm" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ l("div", { className: "nice-select", ref: _e, children: [
+        /* @__PURE__ */ l(
+          "button",
+          {
+            ref: G,
+            type: "button",
+            id: V,
+            role: "combobox",
+            "aria-expanded": $,
+            "aria-haspopup": "listbox",
+            "aria-invalid": !!t,
+            className: `nice-select__trigger nice-select__trigger--${a} nice-select--ds-${se} ${$ ? "nice-select__trigger--open" : ""} ${t ? "nice-select__trigger--error" : ""} ${s ? "nice-select__trigger--disabled" : ""}`,
+            style: te,
+            disabled: s,
+            onClick: () => O(!$),
+            onKeyDown: ke,
+            children: [
+              fe ? /* @__PURE__ */ e("span", { children: fe }) : /* @__PURE__ */ e("span", { className: "nice-select__placeholder", children: C || d("controls.select", "Select...") }),
+              /* @__PURE__ */ l("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+                w && f.length > 0 && /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: "nice-input__clear",
+                    onClick: ge,
+                    role: "button",
+                    "aria-label": d("controls.clear", "Clear"),
+                    children: "✕"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "svg",
+                  {
+                    className: `nice-select__chevron ${$ ? "nice-select__chevron--open" : ""}`,
+                    viewBox: "0 0 20 20",
+                    fill: "currentColor",
+                    children: /* @__PURE__ */ e(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        d: "M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z",
+                        clipRule: "evenodd"
+                      }
+                    )
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        $ && /* @__PURE__ */ l(
+          "div",
+          {
+            className: "nice-select__dropdown",
+            role: "listbox",
+            style: { maxHeight: F },
+            onScroll: J ? (n) => Ne(n.currentTarget.scrollTop) : void 0,
+            children: [
+              (m || L) && /* @__PURE__ */ e("div", { className: "nice-select__search", children: /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "text",
+                  value: P,
+                  onChange: (n) => {
+                    u(n.target.value), H(0), L?.(n.target.value);
+                  },
+                  placeholder: d("controls.search", "Search..."),
+                  autoFocus: !0
+                }
+              ) }),
+              Q && /* @__PURE__ */ e("div", { className: "nice-select__loading", children: /* @__PURE__ */ e("div", { className: "nice-spinner nice-spinner--sm", style: { margin: "8px auto" } }) }),
+              !Q && b.length === 0 ? /* @__PURE__ */ e("div", { className: "nice-select__empty", children: D || d("controls.noResults", "No results found") }) : J && !Array.from(me.keys()).some((n) => n !== "") ? (() => {
+                const r = b.length * S, i = Math.max(0, Math.floor(he / S) - 3), U = Math.min(
+                  b.length,
+                  Math.ceil((he + F) / S) + 3
+                ), Y = b.slice(i, U);
+                return /* @__PURE__ */ e("div", { style: { height: r, position: "relative" }, children: Y.map((N, xe) => {
+                  const re = i + xe, Z = f.includes(N.value);
+                  return /* @__PURE__ */ e(
+                    "div",
+                    {
+                      role: "option",
+                      "aria-selected": Z,
+                      className: `nice-select__option ${Z ? "nice-select__option--selected" : ""} ${re === K ? "nice-select__option--highlighted" : ""} ${N.disabled ? "nice-select__option--disabled" : ""}`,
+                      style: {
+                        position: "absolute",
+                        top: re * S,
+                        left: 0,
+                        right: 0,
+                        height: S,
+                        display: "flex",
+                        alignItems: "center",
+                        padding: "0 12px"
+                      },
+                      onClick: () => !N.disabled && X(String(N.value)),
+                      onMouseEnter: () => H(re),
+                      children: q ? q(N, Z) : /* @__PURE__ */ l(ve, { children: [
+                        N.icon && /* @__PURE__ */ e("span", { children: N.icon }),
+                        /* @__PURE__ */ l("div", { style: { flex: 1 }, children: [
+                          /* @__PURE__ */ e("div", { children: N.label }),
+                          N.description && /* @__PURE__ */ e("div", { className: "nice-select__option-desc", children: N.description })
+                        ] }),
+                        Z && /* @__PURE__ */ e(
+                          "svg",
+                          {
+                            className: "nice-select__option-check",
+                            viewBox: "0 0 20 20",
+                            fill: "currentColor",
+                            children: /* @__PURE__ */ e(
+                              "path",
+                              {
+                                fillRule: "evenodd",
+                                d: "M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z",
+                                clipRule: "evenodd"
+                              }
+                            )
+                          }
+                        )
+                      ] })
+                    },
+                    N.value
+                  );
+                }) });
+              })() : Array.from(me.entries()).map(([n, r]) => /* @__PURE__ */ l(Ce.Fragment, { children: [
+                n && /* @__PURE__ */ e("div", { className: "nice-select__group-label", children: n }),
+                r.map((i) => {
+                  const U = f.includes(i.value), Y = b.indexOf(i);
+                  return /* @__PURE__ */ e(
+                    "div",
+                    {
+                      role: "option",
+                      "aria-selected": U,
+                      className: `nice-select__option ${U ? "nice-select__option--selected" : ""} ${Y === K ? "nice-select__option--highlighted" : ""} ${i.disabled ? "nice-select__option--disabled" : ""}`,
+                      onClick: () => !i.disabled && X(String(i.value)),
+                      onMouseEnter: () => H(Y),
+                      children: q ? q(i, U) : /* @__PURE__ */ l(ve, { children: [
+                        i.icon && /* @__PURE__ */ e("span", { children: i.icon }),
+                        /* @__PURE__ */ l("div", { style: { flex: 1 }, children: [
+                          /* @__PURE__ */ e("div", { children: i.label }),
+                          i.description && /* @__PURE__ */ e("div", { className: "nice-select__option-desc", children: i.description })
+                        ] }),
+                        U && /* @__PURE__ */ e(
+                          "svg",
+                          {
+                            className: "nice-select__option-check",
+                            viewBox: "0 0 20 20",
+                            fill: "currentColor",
+                            children: /* @__PURE__ */ e(
+                              "path",
+                              {
+                                fillRule: "evenodd",
+                                d: "M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z",
+                                clipRule: "evenodd"
+                              }
+                            )
+                          }
+                        )
+                      ] })
+                    },
+                    i.value
+                  );
+                })
+              ] }, n))
+            ]
+          }
+        )
+      ] }),
+      t && /* @__PURE__ */ e("div", { className: "nice-field__error", role: "alert", children: t }),
+      !t && v && /* @__PURE__ */ e("div", { className: "nice-field__helper", children: v })
+    ] });
+  }
+);
+De.displayName = "NiceSelect";
+const Ie = [
+  "#ef4444",
+  "#f97316",
+  "#f59e0b",
+  "#84cc16",
+  "#10b981",
+  "#06b6d4",
+  "#3b82f6",
+  "#6366f1",
+  "#8b5cf6",
+  "#ec4899",
+  "#64748b",
+  "#1e293b"
+];
+function Ee() {
+  return "#" + Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0");
+}
+const Ae = ne(
+  ({
+    label: y,
+    helperText: v,
+    error: t,
+    required: A,
+    disabled: s,
+    id: a,
+    className: B,
+    style: M,
+    accessMode: x,
+    displayStyle: R,
+    value: k = "#3b82f6",
+    onChange: p,
+    presets: g = Ie,
+    showInput: h = !0,
+    showRandom: _ = !0,
+    showKeyboardHints: C
+  }, o) => {
+    const m = ie(x, a);
+    if (m === "hidden")
+      return null;
+    (m === "disabled" || m === "readOnly") && (s = !0);
+    const { t: w } = oe(), D = de(a);
+    ce("input", R);
+    const F = be(null), I = W(() => {
+      s || p?.(Ee());
+    }, [s, p]), j = z(
+      () => [
+        { key: "Enter", description: w("shortcuts.openPicker", "Open color picker") },
+        { key: "Arrow keys", description: w("shortcuts.navigatePresets", "Navigate presets") }
+      ],
+      [w]
+    );
+    return /* @__PURE__ */ l("div", { className: `nice-field ${B || ""}`, style: M, children: [
+      y && /* @__PURE__ */ l(
+        "label",
+        {
+          htmlFor: D,
+          className: `nice-field__label ${A ? "nice-field__label--required" : ""}`,
+          children: [
+            y,
+            C && /* @__PURE__ */ e(pe, { shortcuts: j, size: "sm" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ l("div", { className: "nice-color-picker", children: [
+        /* @__PURE__ */ l("div", { className: "nice-color-picker__preview-row", children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "nice-color-picker__swatch",
+              style: { background: k },
+              onClick: () => F.current?.click(),
+              role: "button",
+              tabIndex: 0,
+              "aria-label": "Pick color",
+              children: /* @__PURE__ */ e(
+                "input",
+                {
+                  ref: (c) => {
+                    F.current = c, typeof o == "function" ? o(c) : o && (o.current = c);
+                  },
+                  type: "color",
+                  className: "nice-color-picker__native",
+                  id: D,
+                  value: k,
+                  disabled: s,
+                  onChange: (c) => p?.(c.target.value)
+                }
+              )
+            }
+          ),
+          h && /* @__PURE__ */ e("div", { className: "nice-input nice-input--sm", style: { width: 100 }, children: /* @__PURE__ */ e(
+            "input",
+            {
+              className: "nice-input__native",
+              type: "text",
+              value: k,
+              disabled: s,
+              onChange: (c) => p?.(c.target.value),
+              maxLength: 7
+            }
+          ) }),
+          _ && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "nice-btn nice-btn--outline nice-btn--sm nice-color-picker__random",
+              onClick: I,
+              disabled: s,
+              title: "Random color",
+              "aria-label": "Random color",
+              children: "🎲"
+            }
+          )
+        ] }),
+        g.length > 0 && /* @__PURE__ */ e("div", { className: "nice-color-picker__presets", children: g.map((c) => /* @__PURE__ */ e(
+          "div",
+          {
+            className: `nice-color-picker__preset ${k === c ? "nice-color-picker__preset--active" : ""}`,
+            style: { background: c },
+            onClick: () => p?.(c),
+            role: "button",
+            tabIndex: 0,
+            "aria-label": c
+          },
+          c
+        )) })
+      ] }),
+      t && /* @__PURE__ */ e("div", { className: "nice-field__error", role: "alert", children: t }),
+      !t && v && /* @__PURE__ */ e("div", { className: "nice-field__helper", children: v })
+    ] });
+  }
+);
+Ae.displayName = "NiceColorPicker";
+const Fe = ne(
+  ({
+    children: y,
+    variant: v = "primary",
+    size: t = "md",
+    type: A = "button",
+    disabled: s,
+    loading: a,
+    fullWidth: B,
+    onClick: M,
+    leftIcon: x,
+    rightIcon: R,
+    className: k,
+    style: p,
+    id: g,
+    accessMode: h,
+    displayStyle: _,
+    ...C
+  }, o) => {
+    const m = ie(h, g);
+    if (m === "hidden")
+      return null;
+    (m === "disabled" || m === "readOnly") && (s = !0);
+    const w = ue("button", _), D = ce("button", _);
+    return /* @__PURE__ */ l(
+      "button",
+      {
+        ref: o,
+        type: A,
+        id: g,
+        className: `nice-btn nice-btn--${v} nice-btn--${t} nice-btn--ds-${D} ${B ? "nice-btn--full-width" : ""} ${a ? "nice-btn--loading" : ""} ${k || ""}`,
+        style: { ...w, ...p },
+        disabled: s || a,
+        "aria-busy": a || void 0,
+        "aria-disabled": s || a || void 0,
+        onClick: M,
+        ...C,
+        children: [
+          a && /* @__PURE__ */ e(
+            "svg",
+            {
+              className: "nice-btn__spinner",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "3",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10", strokeDasharray: "31.4 31.4", strokeLinecap: "round" })
+            }
+          ),
+          !a && x && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: x }),
+          /* @__PURE__ */ e("span", { children: y }),
+          !a && R && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: R })
+        ]
+      }
+    );
+  }
+);
+Fe.displayName = "NiceButton";
+export {
+  Ae as N,
+  De as a,
+  Re as b,
+  Fe as c
+};

package/dist/NiceCodeTemplate.doc-BWxTE4C_.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceCodeTemplate",a="Code template manager with variable substitution and snippet generation.",s="no-code",n="1.0.7",o="stable",i=[{name:"templates",type:"CodeTemplate[]",required:!0,description:"Available templates"},{name:"variables",type:"Record<string, string>",description:"Template variables"},{name:"onGenerate",type:"(template: string, vars: Record<string, string>) => string",description:"Generate code callback"},{name:"language",type:"string",description:"Target language"}],c=[{title:"Code Template",description:"Generate code from templates",code:`<NiceCodeTemplate
+  templates={codeTemplates}
+  variables={{ className: 'MyClass' }}
+  onGenerate={handleGenerate}
+  language="typescript"
+/>`}],r={role:"region",ariaLabel:"Code template manager"},l=["NiceCodeEditor","NiceSnippetManager"],p={$schema:e,name:t,description:a,category:s,since:n,status:o,props:i,examples:c,accessibility:r,seeAlso:l};exports.$schema=e;exports.accessibility=r;exports.category=s;exports.default=p;exports.description=a;exports.examples=c;exports.name=t;exports.props=i;exports.seeAlso=l;exports.since=n;exports.status=o;

package/dist/NiceCodeTemplate.doc-CA2U5F-v.js

@@ -0,0 +1,30 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceCodeTemplate", a = "Code template manager with variable substitution and snippet generation.", n = "no-code", s = "1.0.7", o = "stable", i = [{ name: "templates", type: "CodeTemplate[]", required: !0, description: "Available templates" }, { name: "variables", type: "Record<string, string>", description: "Template variables" }, { name: "onGenerate", type: "(template: string, vars: Record<string, string>) => string", description: "Generate code callback" }, { name: "language", type: "string", description: "Target language" }], c = [{ title: "Code Template", description: "Generate code from templates", code: `<NiceCodeTemplate
+  templates={codeTemplates}
+  variables={{ className: 'MyClass' }}
+  onGenerate={handleGenerate}
+  language="typescript"
+/>` }], r = { role: "region", ariaLabel: "Code template manager" }, l = ["NiceCodeEditor", "NiceSnippetManager"], p = {
+  $schema: e,
+  name: t,
+  description: a,
+  category: n,
+  since: s,
+  status: o,
+  props: i,
+  examples: c,
+  accessibility: r,
+  seeAlso: l
+};
+export {
+  e as $schema,
+  r as accessibility,
+  n as category,
+  p as default,
+  a as description,
+  c as examples,
+  t as name,
+  i as props,
+  l as seeAlso,
+  s as since,
+  o as status
+};

package/dist/NiceDataBranchGraph.doc-CkitupWc.js

@@ -0,0 +1,29 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceDataBranchGraph", n = "Timeline visualization of data changes, merges, and environment promotions.", a = "data-branching", i = "1.0.7", o = "stable", c = [{ name: "history", type: "DataHistoryEntry[]", required: !0, description: "Data change history" }, { name: "environments", type: "string[]", description: "Environment names for lanes" }, { name: "onEntrySelect", type: "(entry: DataHistoryEntry) => void", description: "Entry selection callback" }, { name: "layout", type: "'horizontal' | 'vertical'", default: "horizontal", description: "Timeline layout" }], s = [{ title: "Data Branch Graph", description: "Visualize data change history", code: `<NiceDataBranchGraph
+  history={changeHistory}
+  environments={['DEV', 'TEST', 'PROD']}
+  onEntrySelect={handleSelect}
+/>` }], r = { role: "tree", ariaLabel: "Data change timeline" }, l = ["NiceDataDiffViewer", "NiceGitGraph"], h = {
+  $schema: e,
+  name: t,
+  description: n,
+  category: a,
+  since: i,
+  status: o,
+  props: c,
+  examples: s,
+  accessibility: r,
+  seeAlso: l
+};
+export {
+  e as $schema,
+  r as accessibility,
+  a as category,
+  h as default,
+  n as description,
+  s as examples,
+  t as name,
+  c as props,
+  l as seeAlso,
+  i as since,
+  o as status
+};

package/dist/NiceDataBranchGraph.doc-DDUgipqH.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceDataBranchGraph",n="Timeline visualization of data changes, merges, and environment promotions.",a="data-branching",i="1.0.7",o="stable",s=[{name:"history",type:"DataHistoryEntry[]",required:!0,description:"Data change history"},{name:"environments",type:"string[]",description:"Environment names for lanes"},{name:"onEntrySelect",type:"(entry: DataHistoryEntry) => void",description:"Entry selection callback"},{name:"layout",type:"'horizontal' | 'vertical'",default:"horizontal",description:"Timeline layout"}],c=[{title:"Data Branch Graph",description:"Visualize data change history",code:`<NiceDataBranchGraph
+  history={changeHistory}
+  environments={['DEV', 'TEST', 'PROD']}
+  onEntrySelect={handleSelect}
+/>`}],r={role:"tree",ariaLabel:"Data change timeline"},l=["NiceDataDiffViewer","NiceGitGraph"],h={$schema:e,name:t,description:n,category:a,since:i,status:o,props:s,examples:c,accessibility:r,seeAlso:l};exports.$schema=e;exports.accessibility=r;exports.category=a;exports.default=h;exports.description=n;exports.examples=c;exports.name=t;exports.props=s;exports.seeAlso=l;exports.since=i;exports.status=o;