@nxgt/material 3.7.5 → 3.8.1

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 (177) hide show
  1. package/CHANGELOG.md +56 -0
  2. package/README.md +39 -6
  3. package/bin/nxgt-theme.js +6 -0
  4. package/dist/{async-slice-o_fpqeGX.js → async-slice-DDjaJY_F.js} +2 -2
  5. package/dist/background--Bf_EbFR.js +159 -0
  6. package/dist/backgrounds/backgrounds.css +2 -0
  7. package/dist/backgrounds/css-react/moon.css +97 -0
  8. package/dist/backgrounds.js +3 -139
  9. package/dist/browser-only-DQ94lWF8.js +18 -0
  10. package/dist/bubble-input-B7BVd9fX.js +237 -0
  11. package/dist/{button--cF4gY14.js → button-DbfdITBB.js} +51 -57
  12. package/dist/charts.js +3 -3
  13. package/dist/{chip-D1B1dL77.js → chip-DpySRqCy.js} +2 -2
  14. package/dist/{client-only.utils-lQ7GqP8w.js → client-only.utils-3nHNzCki.js} +1 -1
  15. package/dist/{code-editor-0CdGwKDg.js → code-editor-BiA14xua.js} +7 -7
  16. package/dist/code-editor.js +6 -6
  17. package/dist/{code-language-items-CGARRbVm.js → code-language-items-C_dJ6GVs.js} +2 -2
  18. package/dist/components/theme-tokens.css +34 -35
  19. package/dist/components/tones/app-tones.css +2 -1
  20. package/dist/components/tones/containers.css +4 -1
  21. package/dist/components/tones/index.css +2 -0
  22. package/dist/components/tones/surface.css +1 -0
  23. package/dist/components/tones/tokens.css +8 -3
  24. package/dist/components/tones/zone-paint.css +15 -0
  25. package/dist/components/ui/feedback/toast/toast-tokens.css +1 -0
  26. package/dist/components/ui/layout/app-shell/activity-backdrop.css +26 -0
  27. package/dist/components/ui/layout/sidebar/sidebar-tokens.css +5 -2
  28. package/dist/components/ui/media/media-player/nxgt-media-player.css +7 -32
  29. package/dist/components/ui/primitives/field-box/field-box-tokens.css +5 -2
  30. package/dist/{components-CDrQCOsU.js → components-DNUYg8QM.js} +18625 -18532
  31. package/dist/components.js +24 -22
  32. package/dist/{dialog-DdJ1C4BR.js → dialog-CkIYpJXk.js} +55 -53
  33. package/dist/dist-B7RjY7SL.js +158 -0
  34. package/dist/dist-C4wtXCjf.js +593 -0
  35. package/dist/dist-DVRQkaTK.js +111 -0
  36. package/dist/dist-lmHmz_bu.js +419 -0
  37. package/dist/dnd.js +1 -1
  38. package/dist/dropdown-menu-BC5Tbhb9.js +908 -0
  39. package/dist/editor.js +527 -527
  40. package/dist/empty-state-s2CSjKXJ.js +126 -0
  41. package/dist/{escape-owner-B8k7DvFa.js → escape-owner-CripBce_.js} +2 -1
  42. package/dist/{field-blur-DFUazxsL.js → field-blur-DPLsMufs.js} +1 -1
  43. package/dist/{field-blur-context-Dw9ZAgBr.js → field-blur-context-1ZwJgsHE.js} +2 -2
  44. package/dist/has-text-content-Ds2dkHX_.js +10 -0
  45. package/dist/hooks.js +35 -33
  46. package/dist/{hover-card-D5iHS9q1.js → hover-card-Cox-tPDz.js} +41 -39
  47. package/dist/{i18n-provider-C6SBK_nO.js → i18n-provider-C6HhBw34.js} +1 -1
  48. package/dist/i18n.js +6 -6
  49. package/dist/{icon-badge-Bb5-73XP.js → icon-badge-q3Ve8gra.js} +3 -3
  50. package/dist/{icon-button-5A6Mrj6w.js → icon-button-DJcWpIhu.js} +2 -1
  51. package/dist/{in-dialog-AiwTD3DK.js → in-dialog-Vwkyp-M5.js} +6 -5
  52. package/dist/lib/backgrounds/background/available.d.ts +3 -3
  53. package/dist/lib/backgrounds/background/background.d.ts +7 -3
  54. package/dist/lib/backgrounds/background/types.d.ts +7 -1
  55. package/dist/lib/backgrounds/index.d.ts +1 -1
  56. package/dist/lib/components/ui/layout/account-menu/account-menu-avatar.d.ts +1 -1
  57. package/dist/lib/components/ui/layout/app-shell/activity-chrome.d.ts +17 -0
  58. package/dist/lib/components/ui/layout/app-shell/activity-layout.d.ts +6 -4
  59. package/dist/lib/components/ui/layout/app-shell/backdrop-layer.d.ts +11 -0
  60. package/dist/lib/components/ui/layout/app-shell/keep-shapes-inside.d.ts +17 -0
  61. package/dist/lib/components/ui/layout/app-shell/theme-backdrop.d.ts +6 -0
  62. package/dist/lib/components/ui/layout/app-shell/use-activity-backdrop.d.ts +18 -0
  63. package/dist/lib/components/ui/layout/app-shell/use-keep-shapes-inside.d.ts +9 -0
  64. package/dist/lib/hooks/resolve-theme.d.ts +46 -1
  65. package/dist/lib/hooks/theme-store.d.ts +35 -4
  66. package/dist/lib/hooks/use-theme.d.ts +20 -4
  67. package/dist/lib/i18n/resources/en/en.d.ts +4 -0
  68. package/dist/lib/i18n/resources/en/material.json.d.ts +4 -0
  69. package/dist/lib/i18n/resources/fr/fr.d.ts +4 -0
  70. package/dist/lib/i18n/resources/fr/material.json.d.ts +4 -0
  71. package/dist/lib/i18n/resources/resources.d.ts +8 -0
  72. package/dist/lib/i18n/translator.d.ts +1 -1
  73. package/dist/lib/theme-picker/index.d.ts +7 -0
  74. package/dist/lib/theme-picker/partials/mini-background.d.ts +10 -0
  75. package/dist/lib/theme-picker/partials/mode-control.d.ts +5 -0
  76. package/dist/lib/theme-picker/partials/theme-tile.d.ts +12 -0
  77. package/dist/lib/theme-picker/theme-label.d.ts +7 -0
  78. package/dist/lib/theme-picker/theme-picker.d.ts +25 -0
  79. package/dist/lib/themes/index.d.ts +14 -0
  80. package/dist/lib/themes/nxgt-theme-provider.d.ts +29 -0
  81. package/dist/lib/themes/nxgt-theme.d.ts +22 -0
  82. package/dist/lib/themes/theme-context.d.ts +28 -0
  83. package/dist/lib/themes/theme-value.d.ts +5 -0
  84. package/dist/lib/vite/index.d.ts +1 -1
  85. package/dist/lib.js +3 -3
  86. package/dist/main.js +43 -39
  87. package/dist/map.js +8 -8
  88. package/dist/material.css +1 -1
  89. package/dist/nxgt-theme-CgSb9Obl.js +37 -0
  90. package/dist/pdf-reader.js +1 -1
  91. package/dist/print.js +2 -2
  92. package/dist/{public-SsiazLEv.js → public-Ce30uvp0.js} +591 -587
  93. package/dist/read-storage-C2J90bNm.js +10 -0
  94. package/dist/{rich-code-block-CwNwQs5z.js → rich-code-block-C2Fp_FDU.js} +5 -5
  95. package/dist/{sortable-provider-BvD98s8Y.js → sortable-provider-pVaEZzty.js} +3 -3
  96. package/dist/{spinner-CtGCPza-.js → spinner-CsHcmcpF.js} +2 -2
  97. package/dist/{stored-language-Bb7yX5uE.js → stored-language-BeIKw3-K.js} +15 -15
  98. package/dist/styles.css +8 -1
  99. package/dist/theme-context-BagPvRcz.js +16 -0
  100. package/dist/theme-picker.js +118 -0
  101. package/dist/theme-store-CSl51uNH.js +91 -0
  102. package/dist/theme-toggle-C8os82b4.js +48 -0
  103. package/dist/themes.js +42 -0
  104. package/dist/toggle-group-j8zaxEg1.js +69 -0
  105. package/dist/{toolbar-items-DsDDD5AY.js → toolbar-items-CqHvlTU8.js} +443 -589
  106. package/dist/tooltip-rhbqNmr3.js +1064 -0
  107. package/dist/{translate-material-Bsjc4Tow.js → translate-material-CGZljjp1.js} +2 -2
  108. package/dist/{translator-or2y0JJB.js → translator-DCYO4Ij3.js} +3 -3
  109. package/dist/{use-background-activity-B8jLHNop.js → use-background-activity-KxQgelFF.js} +1 -1
  110. package/dist/{use-chat-composer-DZ01a16D.js → use-chat-composer-CDrgWGMM.js} +4684 -4886
  111. package/dist/{use-heading-spy-ByOQNnFZ.js → use-heading-spy-DXo6IOX9.js} +52 -121
  112. package/dist/{use-material-translation-hLQzOjF0.js → use-material-translation-DkxcLbLM.js} +2 -2
  113. package/dist/use-slice-reducer-BGkeGtML.js +42 -0
  114. package/dist/use-theme-Cd-aiDJo.js +31 -0
  115. package/docs/README.md +2 -1
  116. package/docs/components/foundations.md +39 -0
  117. package/docs/components/navigation-and-layout.md +3 -3
  118. package/docs/getting-started.md +1 -1
  119. package/docs/guides/app-shell.md +41 -6
  120. package/docs/guides/backgrounds.md +43 -7
  121. package/docs/guides/i18n.md +1 -1
  122. package/docs/guides/themes.md +103 -0
  123. package/docs/guides/theming.md +288 -84
  124. package/docs/guides/vite-plugin.md +26 -0
  125. package/docs/previews/backgrounds-background-from-theme.webp +0 -0
  126. package/docs/previews/backgrounds-geometry-more.webp +0 -0
  127. package/docs/previews/backgrounds-geometry.webp +0 -0
  128. package/docs/previews/backgrounds-illustrated-scenes.webp +0 -0
  129. package/docs/previews/backgrounds-light-more.webp +0 -0
  130. package/docs/previews/backgrounds-light.webp +0 -0
  131. package/docs/previews/backgrounds-material-more.webp +0 -0
  132. package/docs/previews/backgrounds-matrix.webp +0 -0
  133. package/docs/previews/backgrounds-moon.webp +0 -0
  134. package/docs/previews/backgrounds-motif-shapes.webp +0 -0
  135. package/docs/previews/backgrounds-motifs.webp +0 -0
  136. package/docs/previews/foundations-themes-themepicker.webp +0 -0
  137. package/docs/roadmap.md +25 -0
  138. package/docs/troubleshooting.md +35 -7
  139. package/lib/backgrounds/backgrounds.css +2 -0
  140. package/lib/backgrounds/css-react/moon.css +97 -0
  141. package/lib/components/theme-tokens.css +34 -35
  142. package/lib/components/tones/app-tones.css +2 -1
  143. package/lib/components/tones/containers.css +4 -1
  144. package/lib/components/tones/index.css +2 -0
  145. package/lib/components/tones/surface.css +1 -0
  146. package/lib/components/tones/tokens.css +8 -3
  147. package/lib/components/tones/zone-paint.css +15 -0
  148. package/lib/components/ui/feedback/toast/toast-tokens.css +1 -0
  149. package/lib/components/ui/layout/app-shell/activity-backdrop.css +26 -0
  150. package/lib/components/ui/layout/sidebar/sidebar-tokens.css +5 -2
  151. package/lib/components/ui/media/media-player/nxgt-media-player.css +7 -32
  152. package/lib/components/ui/primitives/field-box/field-box-tokens.css +5 -2
  153. package/lib/styles.css +8 -1
  154. package/lib/theme-picker/theme-picker-list.css +29 -0
  155. package/lib/theme-picker/theme-picker.css +192 -0
  156. package/lib/theme-picker/theme-tile-background.css +77 -0
  157. package/lib/theme-picker/theme-tile-textures-night.css +63 -0
  158. package/lib/theme-picker/theme-tile-textures.css +153 -0
  159. package/lib/themes/ambre.css +134 -0
  160. package/lib/themes/ardoise.css +133 -0
  161. package/lib/themes/bleumono.css +136 -0
  162. package/lib/themes/bluemoon.css +136 -0
  163. package/lib/themes/corail.css +136 -0
  164. package/lib/themes/foret.css +133 -0
  165. package/lib/themes/lavande.css +133 -0
  166. package/lib/themes/menthe.css +136 -0
  167. package/lib/themes/ocean.css +136 -0
  168. package/lib/themes/pink.css +134 -0
  169. package/lib/themes/prune.css +133 -0
  170. package/lib/themes/sable.css +133 -0
  171. package/lib/themes/slate.css +133 -0
  172. package/lib/themes/teal.css +137 -0
  173. package/package.json +30 -2
  174. package/dist/dropdown-menu-DWtgUVW7.js +0 -1490
  175. package/dist/empty-state-CRWLQ1sM.js +0 -191
  176. package/dist/tooltip-tmFoTU_d.js +0 -1582
  177. package/dist/use-slice-reducer-0r5dXnJe.js +0 -58
@@ -1,191 +0,0 @@
1
- import { t as e } from "./utils-Bcd2Z3ea.js";
2
- import { F as t } from "./tooltip-tmFoTU_d.js";
3
- import { E as n, O as r, T as i } from "./toolbar-items-DsDDD5AY.js";
4
- import { t as a } from "./use-material-translation-hLQzOjF0.js";
5
- import { i as o } from "./button--cF4gY14.js";
6
- import { i as s } from "./escape-owner-B8k7DvFa.js";
7
- import { AlertCircle as c, Check as l, Construction as u, FileQuestion as d, PackageOpen as f, Search as p, ShieldAlert as m, WifiOff as h } from "lucide-react";
8
- import { createElement as g } from "react";
9
- import { jsx as _, jsxs as v } from "react/jsx-runtime";
10
- import { STATE_ACCENT as y, STATE_ICON as b, STATE_ILLUSTRATIONS as x, stateCopy as S } from "@nxgt/material-core/states";
11
- //#region lib/components/ui/primitives/separator/separator.tsx
12
- function C({ className: t, orientation: n = "horizontal", decorative: i = !0, ...a }) {
13
- return /* @__PURE__ */ _(r, {
14
- "data-slot": "separator",
15
- decorative: i,
16
- orientation: n,
17
- className: e("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", t),
18
- ...a
19
- });
20
- }
21
- //#endregion
22
- //#region lib/components/ui/primitives/toggle-group/toggle-group.variants.ts
23
- function w(e) {
24
- return e === "outlined" ? "separate" : e === "segmented" || e === "separate" ? e : "connected";
25
- }
26
- function T(e) {
27
- return e === "sm" || e === "lg" ? e : "md";
28
- }
29
- //#endregion
30
- //#region lib/components/ui/primitives/toggle-group/toggle-group.tsx
31
- function E({ className: t, variant: n, size: r, orientation: a, children: o, ...s }) {
32
- let c = w(n);
33
- return /* @__PURE__ */ v(i, {
34
- "data-slot": "toggle-group",
35
- "data-variant": c,
36
- "data-size": T(r),
37
- "data-orientation": a ?? "horizontal",
38
- "data-type": s.type,
39
- "data-pw": "toggle-group",
40
- orientation: a,
41
- className: e("nxgt-toggle-group", t),
42
- ...s,
43
- children: [o, c === "segmented" && s.type === "single" ? /* @__PURE__ */ _("span", {
44
- "data-slot": "toggle-group-indicator",
45
- "aria-hidden": "true"
46
- }) : null]
47
- });
48
- }
49
- function D({ className: r, children: i, variant: a, size: s, ...c }) {
50
- let u = !o(i) && !!(c["aria-label"] || c["aria-labelledby"]);
51
- return /* @__PURE__ */ v(n, {
52
- "data-slot": "toggle-group-item",
53
- "data-pw": c.value ? `toggle-group-item-${c.value}` : "toggle-group-item",
54
- "data-icon-only": u ? "" : void 0,
55
- className: e("nxgt-toggle-group-item", r),
56
- ...c,
57
- children: [/* @__PURE__ */ _("span", {
58
- "data-slot": "toggle-group-check",
59
- "aria-hidden": "true",
60
- children: /* @__PURE__ */ _(l, { strokeWidth: 2.75 })
61
- }), /* @__PURE__ */ _(t, { children: i })]
62
- });
63
- }
64
- function O({ className: t, ...n }) {
65
- return /* @__PURE__ */ _(C, {
66
- "data-slot": "toggle-group-separator",
67
- className: e("h-6! bg-muted-foreground/60 mx-1", t),
68
- orientation: "vertical",
69
- ...n
70
- });
71
- }
72
- //#endregion
73
- //#region lib/components/ui/feedback/state-frame/state-icon.tsx
74
- var k = {
75
- "package-open": f,
76
- search: p,
77
- "file-question": d,
78
- "shield-alert": m,
79
- "alert-circle": c,
80
- "wifi-off": h,
81
- construction: u
82
- };
83
- function A({ kind: e }) {
84
- let t = k[b[e]];
85
- return /* @__PURE__ */ _(t, { "aria-hidden": "true" });
86
- }
87
- //#endregion
88
- //#region lib/components/ui/feedback/state-frame/state-tones.ts
89
- var j = "[stroke-linecap:round] [stroke-linejoin:round]", M = {
90
- primary: "fill-primary",
91
- error: "fill-error",
92
- warning: "fill-warning",
93
- info: "fill-info",
94
- neutral: "fill-muted-foreground"
95
- }, N = {
96
- primary: "fill-primary/15",
97
- error: "fill-error/15",
98
- warning: "fill-warning/15",
99
- info: "fill-info/15",
100
- neutral: "fill-muted-foreground/15"
101
- }, P = {
102
- primary: "bg-primary/10 text-primary-text",
103
- error: "bg-error/10 text-error",
104
- warning: "bg-warning/10 text-warning",
105
- info: "bg-info/10 text-info",
106
- neutral: "border border-border bg-background text-foreground"
107
- };
108
- function F(e, t) {
109
- switch (e) {
110
- case "surface": return "fill-muted stroke-none";
111
- case "outline": return `fill-none stroke-muted-foreground/60 stroke-2 ${j}`;
112
- case "accent": return `${M[t]} stroke-none`;
113
- case "accent-soft": return `${N[t]} stroke-none`;
114
- case "muted": return "fill-muted-foreground/15 stroke-none";
115
- }
116
- }
117
- //#endregion
118
- //#region lib/components/ui/feedback/state-frame/state-illustration.tsx
119
- function I({ kind: t, className: n, ...r }) {
120
- let { viewBox: i, shapes: a } = x[t], o = y[t];
121
- return /* @__PURE__ */ _("svg", {
122
- "data-slot": "state-illustration",
123
- viewBox: i,
124
- "aria-hidden": "true",
125
- focusable: "false",
126
- className: e("h-auto w-40 shrink-0", n),
127
- ...r,
128
- children: a.map((e, t) => g(e.el, {
129
- key: t,
130
- className: F(e.tone, o),
131
- ...e.attrs
132
- }))
133
- });
134
- }
135
- //#endregion
136
- //#region lib/components/ui/feedback/state-frame/state-frame.tsx
137
- function L({ kind: t, size: n = "default", illustration: r, icon: i, title: a, headingLevel: o, description: c, actions: l, className: u, children: d, ...f }) {
138
- let p = n === "inline", m = n === "compact" || p, h = e("flex shrink-0 items-center justify-center rounded", P[y[t]], p ? "size-8 rounded-full [&_svg]:size-4" : m ? "size-10 [&_svg]:size-5" : "size-16 [&_svg]:size-7"), g = null;
139
- return g = r === !1 ? null : r ?? (i == null ? m ? /* @__PURE__ */ _("div", {
140
- className: h,
141
- children: /* @__PURE__ */ _(A, { kind: t })
142
- }) : /* @__PURE__ */ _(I, { kind: t }) : /* @__PURE__ */ _("div", {
143
- className: h,
144
- children: i
145
- })), /* @__PURE__ */ v("div", {
146
- "data-kind": t,
147
- "data-size": n,
148
- className: e("flex text-foreground", p ? "flex-row items-center gap-3 px-3 py-2.5 text-start" : "flex-col items-center justify-center text-center", !p && (m ? "gap-3 px-4 py-6" : "min-h-[22rem] gap-5 p-8"), u),
149
- ...f,
150
- children: [
151
- g,
152
- (a != null || c != null) && /* @__PURE__ */ v("div", {
153
- className: e("flex flex-col", p ? "min-w-0 flex-1 gap-0.5" : "max-w-sm gap-2"),
154
- children: [a != null && /* @__PURE__ */ _(s, {
155
- as: o ? `h${o}` : void 0,
156
- variant: p ? "normal" : m ? "title-medium" : "headline-small",
157
- className: e("tracking-tight text-balance", p && "font-medium"),
158
- children: a
159
- }), c != null && /* @__PURE__ */ _(s, {
160
- variant: p ? "body-small" : "body-medium",
161
- className: "text-pretty",
162
- children: c
163
- })]
164
- }),
165
- d,
166
- l != null && /* @__PURE__ */ _("div", {
167
- className: e("flex flex-wrap items-center gap-2", p ? "shrink-0" : "mt-1 justify-center"),
168
- children: l
169
- })
170
- ]
171
- });
172
- }
173
- //#endregion
174
- //#region lib/components/ui/feedback/empty-state/empty-state.tsx
175
- function R({ kind: e = "empty", size: t = "default", illustration: n, icon: r, title: i, description: o, action: s, ...c }) {
176
- let l = S(e, "empty-state"), { t: u } = a(), d = o ?? (i == null ? u(l.descriptionKey, l.description) : void 0);
177
- return /* @__PURE__ */ _(L, {
178
- "data-slot": "empty-state",
179
- "data-variant": e,
180
- kind: e,
181
- size: t,
182
- illustration: n,
183
- icon: r,
184
- title: i ?? u(l.titleKey, l.title),
185
- description: d,
186
- actions: s,
187
- ...c
188
- });
189
- }
190
- //#endregion
191
- export { O as a, D as i, L as n, C as o, E as r, R as t };