@nice2dev/ui 1.0.5 → 1.0.8

package/dist/NiceButton-DmTHNHet.js

@@ -0,0 +1,450 @@
+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 { a as ie, b as oe, u as de, c as ue, d as ce, e as we, N as pe, f as Se, g as Me, C as ae } from "./core-CfXsl755.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: q,
+  clearable: c,
+  autoFocus: J,
+  submitOnEnter: S,
+  onSubmit: L,
+  showKeyboardHints: Q,
+  ...K
+}, 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,
+          ...K
+        }
+      ),
+      c && h && /* @__PURE__ */ e("button", { type: "button", className: "nice-input__clear", onClick: V, "aria-label": E("controls.clear", "Clear"), children: "✕" }),
+      q && /* @__PURE__ */ e("span", { className: "nice-input__icon", children: q })
+    ] }),
+    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: q,
+  labelField: c,
+  virtualScroll: J,
+  optionHeight: S = 36,
+  onSearch: L,
+  loading: Q,
+  renderOption: K,
+  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(""), [U, H] = ee(-1), [he, Ne] = ee(0), _e = be(null), ye = Se(
+    I ?? null,
+    q ?? 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;
+      }
+      U >= 0 && b[U] && (X(b[U].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)));
+  }, [$, U, 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), j = Math.min(b.length, Math.ceil((he + F) / S) + 3), Y = b.slice(i, j);
+              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 === U ? "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: K ? K(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 j = f.includes(i.value), Y = b.indexOf(i);
+                return /* @__PURE__ */ e(
+                  "div",
+                  {
+                    role: "option",
+                    "aria-selected": j,
+                    className: `nice-select__option ${j ? "nice-select__option--selected" : ""} ${Y === U ? "nice-select__option--highlighted" : ""} ${i.disabled ? "nice-select__option--disabled" : ""}`,
+                    onClick: () => !i.disabled && X(String(i.value)),
+                    onMouseEnter: () => H(Y),
+                    children: K ? K(i, j) : /* @__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 })
+                      ] }),
+                      j && /* @__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]), q = 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: q, 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;

package/dist/NiceDataBranchManager.doc-B0ODKOs4.js

@@ -0,0 +1,30 @@
+const n = "https://nice2dev.com/schemas/component-doc-v1.json", e = "NiceDataBranchManager", t = "Environment management panel for DEV, TEST, UAT, STAGING, PROD data environments.", a = "data-branching", o = "1.0.7", r = "stable", i = [{ name: "environments", type: "DataEnvironment[]", required: !0, description: "Available environments" }, { name: "currentEnvironment", type: "string", description: "Currently selected environment" }, { name: "onSelect", type: "(env: string) => void", description: "Environment selection callback" }, { name: "onCreateBranch", type: "(name: string, from: string) => Promise<void>", description: "Create data branch callback" }, { name: "onPromote", type: "(from: string, to: string) => Promise<void>", description: "Promote data callback" }], c = [{ title: "Data Branch Manager", description: "Manage data environments", code: `<NiceDataBranchManager
+  environments={envList}
+  currentEnvironment="DEV"
+  onSelect={handleSelect}
+  onPromote={handlePromote}
+/>` }], s = { role: "region", ariaLabel: "Data environment manager" }, m = ["NiceDataSnapshot", "NiceDataMergeBuilder"], l = {
+  $schema: n,
+  name: e,
+  description: t,
+  category: a,
+  since: o,
+  status: r,
+  props: i,
+  examples: c,
+  accessibility: s,
+  seeAlso: m
+};
+export {
+  n as $schema,
+  s as accessibility,
+  a as category,
+  l as default,
+  t as description,
+  c as examples,
+  e as name,
+  i as props,
+  m as seeAlso,
+  o as since,
+  r as status
+};

package/dist/NiceDataBranchManager.doc-CC5o8ihs.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",n="NiceDataBranchManager",t="Environment management panel for DEV, TEST, UAT, STAGING, PROD data environments.",a="data-branching",o="1.0.7",r="stable",i=[{name:"environments",type:"DataEnvironment[]",required:!0,description:"Available environments"},{name:"currentEnvironment",type:"string",description:"Currently selected environment"},{name:"onSelect",type:"(env: string) => void",description:"Environment selection callback"},{name:"onCreateBranch",type:"(name: string, from: string) => Promise<void>",description:"Create data branch callback"},{name:"onPromote",type:"(from: string, to: string) => Promise<void>",description:"Promote data callback"}],c=[{title:"Data Branch Manager",description:"Manage data environments",code:`<NiceDataBranchManager
+  environments={envList}
+  currentEnvironment="DEV"
+  onSelect={handleSelect}
+  onPromote={handlePromote}
+/>`}],s={role:"region",ariaLabel:"Data environment manager"},m=["NiceDataSnapshot","NiceDataMergeBuilder"],l={$schema:e,name:n,description:t,category:a,since:o,status:r,props:i,examples:c,accessibility:s,seeAlso:m};exports.$schema=e;exports.accessibility=s;exports.category=a;exports.default=l;exports.description=t;exports.examples=c;exports.name=n;exports.props=i;exports.seeAlso=m;exports.since=o;exports.status=r;

package/dist/NiceDataConflictResolver.doc-CdzScNie.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",o="NiceDataConflictResolver",t="Resolve data conflicts during merge with side-by-side comparison and resolution actions.",s="data-branching",c="1.0.7",i="stable",l=[{name:"conflicts",type:"DataConflict[]",required:!0,description:"List of conflicts"},{name:"onResolve",type:"(resolution: ConflictResolution) => void",description:"Resolve conflict callback"},{name:"onResolveAll",type:"(strategy: 'source' | 'target') => void",description:"Resolve all callback"},{name:"showFieldDiff",type:"boolean",default:!0,description:"Show field-level diff"}],n=[{title:"Data Conflict Resolver",description:"Resolve merge conflicts",code:`<NiceDataConflictResolver
+  conflicts={mergeConflicts}
+  onResolve={handleResolve}
+  onResolveAll={handleResolveAll}
+/>`}],a={role:"region",ariaLabel:"Data conflict resolver"},r=["NiceDataMergeBuilder","NiceGitConflictResolver"],d={$schema:e,name:o,description:t,category:s,since:c,status:i,props:l,examples:n,accessibility:a,seeAlso:r};exports.$schema=e;exports.accessibility=a;exports.category=s;exports.default=d;exports.description=t;exports.examples=n;exports.name=o;exports.props=l;exports.seeAlso=r;exports.since=c;exports.status=i;

package/dist/NiceDataConflictResolver.doc-V8vxYAeo.js

@@ -0,0 +1,29 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", o = "NiceDataConflictResolver", t = "Resolve data conflicts during merge with side-by-side comparison and resolution actions.", s = "data-branching", c = "1.0.7", l = "stable", n = [{ name: "conflicts", type: "DataConflict[]", required: !0, description: "List of conflicts" }, { name: "onResolve", type: "(resolution: ConflictResolution) => void", description: "Resolve conflict callback" }, { name: "onResolveAll", type: "(strategy: 'source' | 'target') => void", description: "Resolve all callback" }, { name: "showFieldDiff", type: "boolean", default: !0, description: "Show field-level diff" }], i = [{ title: "Data Conflict Resolver", description: "Resolve merge conflicts", code: `<NiceDataConflictResolver
+  conflicts={mergeConflicts}
+  onResolve={handleResolve}
+  onResolveAll={handleResolveAll}
+/>` }], a = { role: "region", ariaLabel: "Data conflict resolver" }, r = ["NiceDataMergeBuilder", "NiceGitConflictResolver"], d = {
+  $schema: e,
+  name: o,
+  description: t,
+  category: s,
+  since: c,
+  status: l,
+  props: n,
+  examples: i,
+  accessibility: a,
+  seeAlso: r
+};
+export {
+  e as $schema,
+  a as accessibility,
+  s as category,
+  d as default,
+  t as description,
+  i as examples,
+  o as name,
+  n as props,
+  r as seeAlso,
+  c as since,
+  l as status
+};

package/dist/NiceDataDiffViewer.doc-CR14Bq3A.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="NiceDataDiffViewer",i="Compare data records between environments with field-level diff highlighting.",n="data-branching",a="1.0.7",o="stable",s=[{name:"sourceData",type:"Record<string, unknown>",required:!0,description:"Source environment data"},{name:"targetData",type:"Record<string, unknown>",required:!0,description:"Target environment data"},{name:"entity",type:"string",description:"Entity type name"},{name:"mode",type:"'split' | 'inline'",default:"split",description:"Display mode"},{name:"onFieldSelect",type:"(field: string) => void",description:"Field selection callback"}],c=[{title:"Data Diff Viewer",description:"Compare records between environments",code:`<NiceDataDiffViewer
+  sourceData={devRecord}
+  targetData={testRecord}
+  entity="Customer"
+  mode="split"
+/>`}],r={role:"region",ariaLabel:"Data comparison viewer"},d=["NiceDataBranchGraph","NiceDataConflictResolver"],l={$schema:e,name:t,description:i,category:n,since:a,status:o,props:s,examples:c,accessibility:r,seeAlso:d};exports.$schema=e;exports.accessibility=r;exports.category=n;exports.default=l;exports.description=i;exports.examples=c;exports.name=t;exports.props=s;exports.seeAlso=d;exports.since=a;exports.status=o;

package/dist/NiceDataDiffViewer.doc-w2I2QjhX.js

@@ -0,0 +1,30 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceDataDiffViewer", n = "Compare data records between environments with field-level diff highlighting.", i = "data-branching", a = "1.0.7", o = "stable", r = [{ name: "sourceData", type: "Record<string, unknown>", required: !0, description: "Source environment data" }, { name: "targetData", type: "Record<string, unknown>", required: !0, description: "Target environment data" }, { name: "entity", type: "string", description: "Entity type name" }, { name: "mode", type: "'split' | 'inline'", default: "split", description: "Display mode" }, { name: "onFieldSelect", type: "(field: string) => void", description: "Field selection callback" }], s = [{ title: "Data Diff Viewer", description: "Compare records between environments", code: `<NiceDataDiffViewer
+  sourceData={devRecord}
+  targetData={testRecord}
+  entity="Customer"
+  mode="split"
+/>` }], c = { role: "region", ariaLabel: "Data comparison viewer" }, d = ["NiceDataBranchGraph", "NiceDataConflictResolver"], l = {
+  $schema: e,
+  name: t,
+  description: n,
+  category: i,
+  since: a,
+  status: o,
+  props: r,
+  examples: s,
+  accessibility: c,
+  seeAlso: d
+};
+export {
+  e as $schema,
+  c as accessibility,
+  i as category,
+  l as default,
+  n as description,
+  s as examples,
+  t as name,
+  r as props,
+  d as seeAlso,
+  a as since,
+  o as status
+};