@nxgt/material 3.48.0 → 3.49.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/README.md +2 -2
  3. package/dist/{button-yaltbQmC.js → button-DJgaQbBD.js} +49 -49
  4. package/dist/charts.js +144 -144
  5. package/dist/{chip-BqWbbr1b.js → chip-DN44R1vW.js} +56 -56
  6. package/dist/{code-editor-C9qBNoYb.js → code-editor-BJ9ewxSC.js} +307 -307
  7. package/dist/code-editor.js +46 -46
  8. package/dist/{code-language-items-DAHtfQ7W.js → code-language-items-BJE3VuQg.js} +1 -1
  9. package/dist/components/components.css +1 -0
  10. package/dist/components/ui/actions/action-card/action-card-indicator.css +48 -0
  11. package/dist/components/ui/actions/action-card/action-card-modes.css +4 -1
  12. package/dist/components/ui/actions/action-card/action-card-tile.css +141 -0
  13. package/dist/components/ui/actions/action-card/action-card.css +33 -3
  14. package/dist/{components-Ox6FHmpx.js → components-AtBccCir.js} +17842 -17879
  15. package/dist/components.js +23 -23
  16. package/dist/{dialog-CCCcnTIx.js → dialog-ODql4vH7.js} +15 -15
  17. package/dist/{tooltip-CkttDIab.js → dist-B61_o9Mg.js} +69 -66
  18. package/dist/dnd.js +1 -1
  19. package/dist/{dropdown-menu-Df8785nt.js → dropdown-menu-DRXYP9ta.js} +274 -274
  20. package/dist/editor.js +1027 -1027
  21. package/dist/{empty-state-DcF4TBzi.js → empty-state-C9QqvBU1.js} +36 -36
  22. package/dist/{escape-owner-C4W_sOAU.js → escape-owner-DCrlERLM.js} +1 -1
  23. package/dist/{field-blur-CJHzVSh9.js → field-blur-DYGyIdfD.js} +1 -1
  24. package/dist/{field-blur-context-Cft9s7Hg.js → field-blur-context-B-fSpl1H.js} +1 -1
  25. package/dist/hooks.js +2 -2
  26. package/dist/{hover-card-C0fw2kLK.js → hover-card-EO_CckIx.js} +19 -19
  27. package/dist/{icon-badge-aJ22mKGh.js → icon-badge-BQYj_LE6.js} +3 -3
  28. package/dist/{icon-button-CN9r5TNE.js → icon-button-B481L2TP.js} +20 -20
  29. package/dist/lib/components/ui/actions/action-card/action-card-semantics.d.ts +25 -2
  30. package/dist/lib/components/ui/actions/action-card/action-card.d.ts +18 -2
  31. package/dist/lib/components/ui/actions/action-card/partials/action-card-icon.d.ts +6 -0
  32. package/dist/lib/components/ui/actions/action-card/partials/action-card-meta.d.ts +15 -0
  33. package/dist/lib/components/ui/actions/action-card/partials/action-card-status.d.ts +6 -0
  34. package/dist/lib/components/ui/actions/action-card/partials/action-card-text.d.ts +20 -0
  35. package/dist/lib/components/ui/actions/action-card/partials/action-card-title-button.d.ts +14 -0
  36. package/dist/lib/components/ui/actions/action-card/partials/action-card-trail.d.ts +6 -0
  37. package/dist/lib/components/ui/actions/action-card/use-action-card-names.d.ts +22 -0
  38. package/dist/lib/components/ui/actions/action-card/use-reveal.d.ts +23 -0
  39. package/dist/lib/components/ui/actions/button/button.variants.d.ts +1 -1
  40. package/dist/lib/components/ui/actions/icon-button/icon-button.variants.d.ts +1 -1
  41. package/dist/lib/components/ui/collections/row-menu/row-menu.d.ts +1 -1
  42. package/dist/lib/components/ui/dates/duration-field/partials/use-duration-box.d.ts +1 -1
  43. package/dist/lib/components/ui/display/badge/badge.d.ts +1 -1
  44. package/dist/lib/components/ui/display/day-separator/day-separator.d.ts +1 -1
  45. package/dist/lib/components/ui/fields/contacts/placeholders.d.ts +1 -1
  46. package/dist/lib/components/ui/fields/slider/split-slider-props.d.ts +20 -20
  47. package/dist/lib/components/ui/fields/slider/use-slider-control.d.ts +20 -20
  48. package/dist/lib/components/ui/layout/app-shell/route-transition.d.ts +1 -1
  49. package/dist/lib/components/ui/media/carousel/use-carousel-engine.d.ts +1 -1
  50. package/dist/lib/components/ui/media/media-player/engine/use-queue-actions.d.ts +1 -1
  51. package/dist/lib/components/ui/media/pdf-reader/pdf-reader.slice.d.ts +1 -1
  52. package/dist/lib/components/ui/selection/choice-group/use-choice-group-field.d.ts +34 -34
  53. package/dist/lib/components/ui/widgets/chat/chat-message.variants.d.ts +2 -2
  54. package/dist/lib/components/ui/widgets/event-calendar/use-event-calendar.d.ts +1 -1
  55. package/dist/lib/i18n/translator.d.ts +1 -1
  56. package/dist/main.js +30 -30
  57. package/dist/map.js +78 -78
  58. package/dist/material.css +1 -1
  59. package/dist/nxgt-theme-ivgNca3z.js +37 -0
  60. package/dist/pdf-reader.js +1 -1
  61. package/dist/{public-zVb_Nq_D.js → public-CZBz4JVu.js} +70 -70
  62. package/dist/{rich-code-block-DMWZZJma.js → rich-code-block-597e0_Qm.js} +51 -51
  63. package/dist/{sortable-provider-DstbgMVf.js → sortable-provider-CK_xAk2H.js} +217 -217
  64. package/dist/{spinner-C4CgDEYm.js → spinner-BhuZuHK1.js} +1 -1
  65. package/dist/theme-picker.js +45 -45
  66. package/dist/{theme-store-CSl51uNH.js → theme-store-BdPp43cV.js} +13 -13
  67. package/dist/{theme-toggle-CGW2_K54.js → theme-toggle-Dnjn83TJ.js} +15 -15
  68. package/dist/themes.js +17 -17
  69. package/dist/{toggle-group-BMJNcFAC.js → toggle-group-BkH23Jk4.js} +11 -11
  70. package/dist/{toolbar-items-CsLGJMEJ.js → toolbar-items-CCwIu7fE.js} +426 -426
  71. package/dist/{use-chat-composer-Brcb5f7r.js → use-chat-composer-Ot5XUbdn.js} +5138 -4908
  72. package/dist/{use-theme-DMcyJ52N.js → use-theme-BCLireTd.js} +1 -1
  73. package/docs/components/buttons-and-actions.md +62 -4
  74. package/docs/components/data-table-filter-and-lists.md +1 -1
  75. package/docs/guides/cards-and-tiles.md +60 -0
  76. package/docs/roadmap.md +11 -0
  77. package/lib/components/components.css +1 -0
  78. package/lib/components/ui/actions/action-card/action-card-indicator.css +48 -0
  79. package/lib/components/ui/actions/action-card/action-card-modes.css +4 -1
  80. package/lib/components/ui/actions/action-card/action-card-tile.css +141 -0
  81. package/lib/components/ui/actions/action-card/action-card.css +33 -3
  82. package/package.json +1 -1
  83. package/dist/nxgt-theme-ZS945iMP.js +0 -37
@@ -1,24 +1,24 @@
1
- import { t as e } from "./tooltip-CkttDIab.js";
2
- import { c as t, n, t as r } from "./dropdown-menu-Df8785nt.js";
1
+ import { n as e } from "./dist-B61_o9Mg.js";
2
+ import { c as t, n, t as r } from "./dropdown-menu-DRXYP9ta.js";
3
3
  import { t as i } from "./use-material-translation-DOkTaWK_.js";
4
- import { a, i as o, n as s, o as c, t as l } from "./code-language-items-DAHtfQ7W.js";
4
+ import { a, i as o, n as s, o as c, t as l } from "./code-language-items-BJE3VuQg.js";
5
5
  import { i as u, n as d, r as f, s as p } from "./dist-C3GR7kJd.js";
6
6
  import { t as m } from "./code-block-spec-CGLKRhwD.js";
7
- import { Check as h, ChevronDown as g, Copy as _, Maximize2 as v, WrapText as y } from "lucide-react";
8
- import { Suspense as b, lazy as x, useEffect as S, useRef as C, useState as w } from "react";
9
- import { jsx as T, jsxs as E } from "react/jsx-runtime";
10
- import { createPortal as D } from "react-dom";
7
+ import { Suspense as h, lazy as g, useEffect as _, useRef as v, useState as y } from "react";
8
+ import { jsx as b, jsxs as x } from "react/jsx-runtime";
9
+ import { createPortal as S } from "react-dom";
10
+ import { Check as C, ChevronDown as w, Copy as T, Maximize2 as E, WrapText as D } from "lucide-react";
11
11
  //#region lib/components/ui/widgets/editor/extensions/code/code-block-file.tsx
12
12
  function O({ filename: e, editable: t, onRename: n }) {
13
- let { t: r } = i(), [a, o] = w(!1), s = C(null), c = C(!1), l = r("material.code.file-name", "File name");
14
- if (!t) return e ? /* @__PURE__ */ T("span", {
13
+ let { t: r } = i(), [a, o] = y(!1), s = v(null), c = v(!1), l = r("material.code.file-name", "File name");
14
+ if (!t) return e ? /* @__PURE__ */ b("span", {
15
15
  className: "nxgt-code-block-file",
16
- children: /* @__PURE__ */ T("bdi", {
16
+ children: /* @__PURE__ */ b("bdi", {
17
17
  dir: "ltr",
18
18
  children: e
19
19
  })
20
20
  }) : null;
21
- if (!a) return /* @__PURE__ */ T("button", {
21
+ if (!a) return /* @__PURE__ */ b("button", {
22
22
  ref: s,
23
23
  type: "button",
24
24
  className: "nxgt-code-block-file",
@@ -27,15 +27,15 @@ function O({ filename: e, editable: t, onRename: n }) {
27
27
  onClick: () => {
28
28
  c.current = !1, o(!0);
29
29
  },
30
- children: e ? /* @__PURE__ */ T("bdi", {
30
+ children: e ? /* @__PURE__ */ b("bdi", {
31
31
  dir: "ltr",
32
32
  children: e
33
- }) : /* @__PURE__ */ T("bdi", { children: l })
33
+ }) : /* @__PURE__ */ b("bdi", { children: l })
34
34
  });
35
35
  let u = (e, t) => {
36
36
  c.current || (c.current = !0, o(!1), e !== null && n(e.replace(/\s+/g, " ").trim() || null), t && requestAnimationFrame(() => s.current?.focus()));
37
37
  };
38
- return /* @__PURE__ */ T("input", {
38
+ return /* @__PURE__ */ b("input", {
39
39
  className: "nxgt-code-block-file",
40
40
  defaultValue: e ?? "",
41
41
  "aria-label": l,
@@ -51,22 +51,22 @@ function O({ filename: e, editable: t, onRename: n }) {
51
51
  //#region lib/components/ui/widgets/editor/extensions/code/code-block-language.tsx
52
52
  function k({ language: e, editable: a, onChange: s }) {
53
53
  let { t: c } = i(), u = e ? o(e) : c("material.code.plain-text", "Plain text");
54
- return a ? /* @__PURE__ */ E(r, { children: [/* @__PURE__ */ T(t, {
54
+ return a ? /* @__PURE__ */ x(r, { children: [/* @__PURE__ */ b(t, {
55
55
  asChild: !0,
56
- children: /* @__PURE__ */ E("button", {
56
+ children: /* @__PURE__ */ x("button", {
57
57
  type: "button",
58
58
  className: "nxgt-code-block-lang",
59
59
  "aria-label": c("material.code.language-is", "Language: {name}", { name: u }),
60
- children: [u, /* @__PURE__ */ T(g, { "aria-hidden": !0 })]
60
+ children: [u, /* @__PURE__ */ b(w, { "aria-hidden": !0 })]
61
61
  })
62
- }), /* @__PURE__ */ T(n, {
62
+ }), /* @__PURE__ */ b(n, {
63
63
  align: "start",
64
64
  className: "max-h-80",
65
- children: /* @__PURE__ */ T(l, {
65
+ children: /* @__PURE__ */ b(l, {
66
66
  language: e,
67
67
  onChange: s
68
68
  })
69
- })] }) : /* @__PURE__ */ T("span", {
69
+ })] }) : /* @__PURE__ */ b("span", {
70
70
  className: "nxgt-code-block-lang",
71
71
  children: u
72
72
  });
@@ -74,9 +74,9 @@ function k({ language: e, editable: a, onChange: s }) {
74
74
  //#endregion
75
75
  //#region lib/components/ui/widgets/editor/extensions/code/code-block-tool.tsx
76
76
  function A({ label: t, pressed: n, onClick: r, children: i }) {
77
- return /* @__PURE__ */ T(e, {
77
+ return /* @__PURE__ */ b(e, {
78
78
  content: t,
79
- children: /* @__PURE__ */ T("button", {
79
+ children: /* @__PURE__ */ b("button", {
80
80
  type: "button",
81
81
  className: "nxgt-code-block-tool",
82
82
  "aria-label": t,
@@ -89,8 +89,8 @@ function A({ label: t, pressed: n, onClick: r, children: i }) {
89
89
  //#endregion
90
90
  //#region lib/components/ui/widgets/editor/extensions/code/use-status-root.ts
91
91
  function j(e) {
92
- let [t, n] = w(null);
93
- return S(() => {
92
+ let [t, n] = y(null);
93
+ return _(() => {
94
94
  let t = e.view.dom.parentElement;
95
95
  if (!t) return;
96
96
  let r = document.createElement("div");
@@ -103,38 +103,38 @@ function j(e) {
103
103
  //#region lib/components/ui/widgets/editor/extensions/code/code-block-head.tsx
104
104
  function M({ node: e, editor: t, updateAttributes: n, editable: r, wrap: a, onWrapChange: o, onOpen: l }) {
105
105
  let { t: u } = i(), { status: d, copy: f } = c(), p = d === "copied", m = j(t);
106
- return /* @__PURE__ */ E("div", {
106
+ return /* @__PURE__ */ x("div", {
107
107
  className: "nxgt-code-block-head",
108
108
  contentEditable: !1,
109
109
  children: [
110
- /* @__PURE__ */ T(O, {
110
+ /* @__PURE__ */ b(O, {
111
111
  filename: e.attrs.filename ?? null,
112
112
  editable: r,
113
113
  onRename: (e) => n({ filename: e })
114
114
  }),
115
- /* @__PURE__ */ T(k, {
115
+ /* @__PURE__ */ b(k, {
116
116
  language: e.attrs.language ?? null,
117
117
  editable: r,
118
118
  onChange: (e) => n({ language: e })
119
119
  }),
120
- /* @__PURE__ */ T("span", { className: "nxgt-code-block-gap" }),
121
- /* @__PURE__ */ T(A, {
120
+ /* @__PURE__ */ b("span", { className: "nxgt-code-block-gap" }),
121
+ /* @__PURE__ */ b(A, {
122
122
  label: u("material.code.word-wrap", "Word wrap"),
123
123
  pressed: a,
124
124
  onClick: () => o(!a),
125
- children: /* @__PURE__ */ T(y, { "aria-hidden": !0 })
125
+ children: /* @__PURE__ */ b(D, { "aria-hidden": !0 })
126
126
  }),
127
- /* @__PURE__ */ T(A, {
127
+ /* @__PURE__ */ b(A, {
128
128
  label: p ? u("material.code.copied", "Copied") : u("material.code.copy", "Copy"),
129
129
  onClick: () => void f(e.textContent),
130
- children: T(p ? h : _, { "aria-hidden": !0 })
130
+ children: b(p ? C : T, { "aria-hidden": !0 })
131
131
  }),
132
- r && /* @__PURE__ */ T(A, {
132
+ r && /* @__PURE__ */ b(A, {
133
133
  label: u("material.code.open-in-editor", "Open in editor"),
134
134
  onClick: l,
135
- children: /* @__PURE__ */ T(v, { "aria-hidden": !0 })
135
+ children: /* @__PURE__ */ b(E, { "aria-hidden": !0 })
136
136
  }),
137
- m && D(/* @__PURE__ */ T(s, {
137
+ m && S(/* @__PURE__ */ b(s, {
138
138
  slot: "code-block-copy-status",
139
139
  status: d
140
140
  }), m)
@@ -143,20 +143,20 @@ function M({ node: e, editor: t, updateAttributes: n, editable: r, wrap: a, onWr
143
143
  }
144
144
  //#endregion
145
145
  //#region lib/components/ui/widgets/editor/extensions/code/code-block-open.tsx
146
- var N = x(() => import("./code-editor-C9qBNoYb.js").then((e) => e.n).then((e) => ({ default: e.CodeEditor })));
146
+ var N = g(() => import("./code-editor-BJ9ewxSC.js").then((e) => e.n).then((e) => ({ default: e.CodeEditor })));
147
147
  function P() {
148
148
  let { t: e } = i();
149
- return /* @__PURE__ */ T("div", {
149
+ return /* @__PURE__ */ b("div", {
150
150
  className: "nxgt-code-block-loading",
151
151
  role: "status",
152
152
  children: e("material.code.opening", "Opening the editor…")
153
153
  });
154
154
  }
155
155
  function F({ code: e, language: t, filename: n, label: r, theme: i, within: o, onClose: s }) {
156
- let c = C(null), [l, u] = w(a(t ?? void 0));
157
- return D(/* @__PURE__ */ T(b, {
158
- fallback: /* @__PURE__ */ T(P, {}),
159
- children: /* @__PURE__ */ T(N, {
156
+ let c = v(null), [l, u] = y(a(t ?? void 0));
157
+ return S(/* @__PURE__ */ b(h, {
158
+ fallback: /* @__PURE__ */ b(P, {}),
159
+ children: /* @__PURE__ */ b(N, {
160
160
  label: r,
161
161
  filename: n ?? void 0,
162
162
  theme: i,
@@ -198,45 +198,45 @@ function L(e, t, n, r) {
198
198
  //#endregion
199
199
  //#region lib/components/ui/widgets/editor/extensions/code/code-block-view.tsx
200
200
  function R(e) {
201
- let { node: t, editor: n, extension: r } = e, { t: a } = i(), [o, s] = w(!1), [c, l] = w(!1), u = p({
201
+ let { node: t, editor: n, extension: r } = e, { t: a } = i(), [o, s] = y(!1), [c, l] = y(!1), u = p({
202
202
  editor: n,
203
203
  selector: (e) => e.editor.isEditable
204
204
  });
205
- S(() => {
205
+ _(() => {
206
206
  u || l(!1);
207
207
  }, [u]);
208
- let m = r.options.theme ?? "app", h = t.textContent.split("\n").length, g = t.attrs.filename ?? null, _ = (t, r) => {
208
+ let m = r.options.theme ?? "app", h = t.textContent.split("\n").length, g = t.attrs.filename ?? null, v = (t, r) => {
209
209
  l(!1), L(n, e.getPos(), t, r);
210
210
  };
211
- return /* @__PURE__ */ E(f, {
211
+ return /* @__PURE__ */ x(f, {
212
212
  className: "nxgt-code-block",
213
213
  "data-code-theme": m,
214
214
  "data-wrap": o || void 0,
215
215
  children: [
216
- /* @__PURE__ */ T(M, {
216
+ /* @__PURE__ */ b(M, {
217
217
  ...e,
218
218
  editable: u,
219
219
  wrap: o,
220
220
  onWrapChange: s,
221
221
  onOpen: () => l(!0)
222
222
  }),
223
- /* @__PURE__ */ E("div", {
223
+ /* @__PURE__ */ x("div", {
224
224
  className: "nxgt-code-block-body",
225
- children: [!o && /* @__PURE__ */ T("span", {
225
+ children: [!o && /* @__PURE__ */ b("span", {
226
226
  className: "nxgt-code-block-gutter",
227
227
  contentEditable: !1,
228
228
  "aria-hidden": !0,
229
229
  children: Array.from({ length: h }, (e, t) => `${t + 1}\n`).join("")
230
- }), /* @__PURE__ */ T("pre", { children: /* @__PURE__ */ T(d, { as: "code" }) })]
230
+ }), /* @__PURE__ */ b("pre", { children: /* @__PURE__ */ b(d, { as: "code" }) })]
231
231
  }),
232
- c && u && /* @__PURE__ */ T(F, {
232
+ c && u && /* @__PURE__ */ b(F, {
233
233
  code: t.textContent,
234
234
  language: t.attrs.language,
235
235
  filename: g,
236
236
  label: g ?? a("material.rich-text-editor.code-block", "Code block"),
237
237
  theme: m,
238
238
  within: n.view.dom,
239
- onClose: _
239
+ onClose: v
240
240
  })
241
241
  ]
242
242
  });