@nxgt/material 3.6.0 → 3.7.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.
- package/CHANGELOG.md +26 -0
- package/README.md +46 -1
- package/dist/{button-1Fornjtn.js → button--cF4gY14.js} +1 -1
- package/dist/charts.js +1 -1
- package/dist/{code-editor-DeZYlIO2.js → code-editor-0CdGwKDg.js} +3 -3
- package/dist/code-editor.js +3 -3
- package/dist/{code-language-items-Bb7afEj-.js → code-language-items-CGARRbVm.js} +1 -1
- package/dist/components/animations/scroll.css +1 -1
- package/dist/components/base-content.css +1 -1
- package/dist/components/base.css +1 -1
- package/dist/components/components.css +2 -0
- package/dist/components/editor-field-expressive.css +5 -0
- package/dist/components/editor-prose.css +1 -1
- package/dist/components/theme-tokens.css +17 -4
- package/dist/components/ui/display/period-cards/period-cards.css +2 -2
- package/dist/components/ui/media/pdf-viewer/pdf-viewer.css +1 -1
- package/dist/components/ui/widgets/drawing/drawing-animate.css +123 -0
- package/dist/components/ui/widgets/drawing/drawing.css +459 -0
- package/dist/{components-BCYZgeoV.js → components-bYGPzyKd.js} +761 -761
- package/dist/components.js +18 -18
- package/dist/{dialog-JQT6iETD.js → dialog-DdJ1C4BR.js} +168 -168
- package/dist/dnd.js +1 -1
- package/dist/draw-animate.js +106 -0
- package/dist/draw-png.js +2 -0
- package/dist/draw-sketch.js +38 -0
- package/dist/draw.js +65 -0
- package/dist/drawing-B8VuG7nx.js +390 -0
- package/dist/drawing-context-CeKeZE6b.js +10 -0
- package/dist/{dropdown-menu-DiZvX4tG.js → dropdown-menu-DWtgUVW7.js} +1 -1
- package/dist/editor-viewer.js +1 -1
- package/dist/editor.js +120 -120
- package/dist/{empty-state-Cpvsmk0R.js → empty-state-CRWLQ1sM.js} +2 -2
- package/dist/{icon-badge-C30yKsAM.js → icon-badge-Bb5-73XP.js} +18 -18
- package/dist/{icon-button-BXlI3DJ_.js → icon-button-5A6Mrj6w.js} +60 -90
- package/dist/lib/components/ui/display/shape/use-shape-morph.d.ts +1 -0
- package/dist/lib/components/ui/widgets/drawing/drawing-a11y.d.ts +20 -0
- package/dist/lib/components/ui/widgets/drawing/drawing-context.d.ts +23 -0
- package/dist/lib/components/ui/widgets/drawing/drawing-types.d.ts +63 -0
- package/dist/lib/components/ui/widgets/drawing/drawing.d.ts +17 -0
- package/dist/lib/components/ui/widgets/drawing/index.d.ts +5 -0
- package/dist/lib/components/ui/widgets/drawing/partials/drawing-root.d.ts +17 -0
- package/dist/lib/components/ui/widgets/drawing/partials/interactive-node.d.ts +22 -0
- package/dist/lib/components/ui/widgets/drawing/partials/primitives/content.d.ts +20 -0
- package/dist/lib/components/ui/widgets/drawing/partials/primitives/path.d.ts +29 -0
- package/dist/lib/components/ui/widgets/drawing/partials/primitives/primitive.d.ts +19 -0
- package/dist/lib/components/ui/widgets/drawing/partials/primitives/shapes.d.ts +18 -0
- package/dist/lib/components/ui/widgets/drawing/partials/react-attrs.d.ts +5 -0
- package/dist/lib/components/ui/widgets/drawing/partials/ring.d.ts +9 -0
- package/dist/lib/components/ui/widgets/drawing/partials/svg-tree.d.ts +29 -0
- package/dist/lib/components/ui/widgets/drawing/use-exact-text.d.ts +16 -0
- package/dist/lib/draw/index.d.ts +32 -0
- package/dist/lib/draw-animate/index.d.ts +19 -0
- package/dist/lib/draw-animate/morph-drawing.d.ts +32 -0
- package/dist/lib/draw-animate/reduced-motion.d.ts +2 -0
- package/dist/lib/draw-animate/use-drawing-controls.d.ts +27 -0
- package/dist/lib/draw-animate/use-scene-morph.d.ts +15 -0
- package/dist/lib/draw-png/index.d.ts +11 -0
- package/dist/lib/draw-sketch/index.d.ts +17 -0
- package/dist/lib/draw-sketch/sketch.d.ts +19 -0
- package/dist/lib/print/components/print-drawing.d.ts +16 -0
- package/dist/lib/print/index.d.ts +2 -1
- package/dist/main.js +23 -23
- package/dist/map.js +63 -63
- package/dist/material.css +1 -1
- package/dist/pdf-reader.js +1 -1
- package/dist/print.js +123 -115
- package/dist/{public-Cde8_SN8.js → public-SsiazLEv.js} +743 -743
- package/dist/{render-json-BwJX1jZ2.js → render-json-DyFYFIkZ.js} +1 -1
- package/dist/{rich-code-block-yxMXBuGd.js → rich-code-block-CwNwQs5z.js} +3 -3
- package/dist/{rich-text-viewer-Bq-2vTVm.js → rich-text-viewer-LO1IZCWs.js} +1 -1
- package/dist/{sortable-provider-DYlpq8lP.js → sortable-provider-BvD98s8Y.js} +19 -19
- package/dist/{spinner-D-FE_mTW.js → spinner-CtGCPza-.js} +4 -4
- package/dist/styles.css +1 -0
- package/dist/{toolbar-items-DnkS3bDY.js → toolbar-items-DsDDD5AY.js} +1 -1
- package/dist/{use-chat-composer-BwpSgP_D.js → use-chat-composer-DZ01a16D.js} +923 -922
- package/dist/use-shape-morph-BKA_R5P5.js +35 -0
- package/docs/README.md +1 -0
- package/docs/components/rich-widgets.md +196 -0
- package/docs/guides/drawing.md +499 -0
- package/docs/guides/printing.md +47 -0
- package/docs/guides/theming.md +3 -2
- package/docs/previews/rich-widgets-drawing.webp +0 -0
- package/docs/roadmap.md +17 -0
- package/docs/troubleshooting.md +145 -1
- package/lib/components/animations/scroll.css +1 -1
- package/lib/components/base-content.css +1 -1
- package/lib/components/base.css +1 -1
- package/lib/components/components.css +2 -0
- package/lib/components/editor-field-expressive.css +5 -0
- package/lib/components/editor-prose.css +1 -1
- package/lib/components/theme-tokens.css +17 -4
- package/lib/components/ui/display/period-cards/period-cards.css +2 -2
- package/lib/components/ui/media/pdf-viewer/pdf-viewer.css +1 -1
- package/lib/components/ui/widgets/drawing/drawing-animate.css +123 -0
- package/lib/components/ui/widgets/drawing/drawing.css +459 -0
- package/lib/styles.css +1 -0
- package/package.json +22 -2
|
@@ -276,7 +276,7 @@ var U = (e) => typeof e == "string" ? e : typeof e == "number" || typeof e == "b
|
|
|
276
276
|
className: "m-0 flex list-none flex-wrap gap-2 p-0",
|
|
277
277
|
children: t.map((e) => /* @__PURE__ */ h("li", {
|
|
278
278
|
"aria-current": n.has(J(e)) || void 0,
|
|
279
|
-
className: "rounded-full border border-border px-3 py-1 text-sm aria-[current=true]:border-primary aria-[current=true]:bg-primary/10",
|
|
279
|
+
className: "rounded-full border border-border px-3 py-1 text-sm aria-[current=true]:border-primary-indicator aria-[current=true]:bg-primary/10",
|
|
280
280
|
children: q(e)
|
|
281
281
|
}, J(e)))
|
|
282
282
|
})]
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { t as e } from "./tooltip-tmFoTU_d.js";
|
|
2
|
-
import { c as t, n, t as r } from "./dropdown-menu-
|
|
2
|
+
import { c as t, n, t as r } from "./dropdown-menu-DWtgUVW7.js";
|
|
3
3
|
import { t as i } from "./use-material-translation-hLQzOjF0.js";
|
|
4
|
-
import { a, i as o, n as s, o as c, t as l } from "./code-language-items-
|
|
4
|
+
import { a, i as o, n as s, o as c, t as l } from "./code-language-items-CGARRbVm.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
7
|
import { Check as h, ChevronDown as g, Copy as _, Maximize2 as v, WrapText as y } from "lucide-react";
|
|
@@ -143,7 +143,7 @@ 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-
|
|
146
|
+
var N = x(() => import("./code-editor-0CdGwKDg.js").then((e) => e.n).then((e) => ({ default: e.CodeEditor })));
|
|
147
147
|
function P() {
|
|
148
148
|
let { t: e } = i();
|
|
149
149
|
return /* @__PURE__ */ T("div", {
|
|
@@ -3,7 +3,7 @@ import { t } from "./utils-Bcd2Z3ea.js";
|
|
|
3
3
|
import { B as n, E as r, I as i, Q as a, U as o, Z as s, c, d as l, m as u } from "./youtube-node-OWSNlYCc.js";
|
|
4
4
|
import { r as d, t as f } from "./lib-CEU1EE-D.js";
|
|
5
5
|
import { a as p, c as ee, i as m, l as h, o as g, s as _, t as v, u as y } from "./headless-extensions-CvmdhANJ.js";
|
|
6
|
-
import { n as b, t as x } from "./render-json-
|
|
6
|
+
import { n as b, t as x } from "./render-json-DyFYFIkZ.js";
|
|
7
7
|
import { t as S } from "./markdown-engine-Do-jxF--.js";
|
|
8
8
|
import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
|
|
9
9
|
//#region lib/components/ui/widgets/editor/viewer/parse-markdown.ts
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { t as e } from "./utils-Bcd2Z3ea.js";
|
|
2
|
-
import { t } from "./
|
|
3
|
-
import {
|
|
4
|
-
import { t as r } from "./
|
|
2
|
+
import { P as t } from "./tooltip-tmFoTU_d.js";
|
|
3
|
+
import { t as n } from "./use-material-translation-hLQzOjF0.js";
|
|
4
|
+
import { t as r } from "./icon-button-5A6Mrj6w.js";
|
|
5
5
|
import { t as i } from "./compose-refs-DZ0iIVF-.js";
|
|
6
6
|
import { GripVertical as a } from "lucide-react";
|
|
7
7
|
import o, { cloneElement as s, createContext as c, forwardRef as l, memo as u, useCallback as d, useContext as f, useEffect as p, useLayoutEffect as m, useMemo as h, useReducer as g, useRef as _, useState as v } from "react";
|
|
@@ -2514,15 +2514,15 @@ function sr({ disabled: e = !1, children: t, sensors: n, collisionDetection: r =
|
|
|
2514
2514
|
//#endregion
|
|
2515
2515
|
//#region lib/components/ui/collections/dnd/drag-handle.tsx
|
|
2516
2516
|
function cr({ label: i, asSlot: o = !1, className: s, onClick: c, ...l }) {
|
|
2517
|
-
let { t: u } =
|
|
2518
|
-
return o ? /* @__PURE__ */ y(
|
|
2517
|
+
let { t: u } = n(), d = i ?? u("material.dnd.drag", "Drag"), f = ir(), p = f?.listeners, m = f?.attributes, h = f?.setActivatorNodeRef;
|
|
2518
|
+
return o ? /* @__PURE__ */ y(t, {
|
|
2519
2519
|
ref: h,
|
|
2520
2520
|
"data-slot": "drag-handle",
|
|
2521
2521
|
className: e("cursor-pointer", s),
|
|
2522
2522
|
...m,
|
|
2523
2523
|
...p,
|
|
2524
2524
|
...l
|
|
2525
|
-
}) : /* @__PURE__ */ y(
|
|
2525
|
+
}) : /* @__PURE__ */ y(r, {
|
|
2526
2526
|
ref: h,
|
|
2527
2527
|
type: "button",
|
|
2528
2528
|
variant: "ghost",
|
|
@@ -2541,9 +2541,9 @@ function cr({ label: i, asSlot: o = !1, className: s, onClick: c, ...l }) {
|
|
|
2541
2541
|
}
|
|
2542
2542
|
//#endregion
|
|
2543
2543
|
//#region lib/components/ui/collections/dnd/draggable.tsx
|
|
2544
|
-
function lr({ id:
|
|
2544
|
+
function lr({ id: n, data: r, disabled: i, asSlot: a = !1, className: o, style: s, ...c }) {
|
|
2545
2545
|
let { attributes: l, listeners: u, setNodeRef: d, setActivatorNodeRef: f, transform: p, isDragging: m } = hn({
|
|
2546
|
-
id:
|
|
2546
|
+
id: n,
|
|
2547
2547
|
data: r,
|
|
2548
2548
|
disabled: i
|
|
2549
2549
|
});
|
|
@@ -2554,7 +2554,7 @@ function lr({ id: t, data: r, disabled: i, asSlot: a = !1, className: o, style:
|
|
|
2554
2554
|
isDragging: m,
|
|
2555
2555
|
setActivatorNodeRef: f
|
|
2556
2556
|
},
|
|
2557
|
-
children: /* @__PURE__ */ y(a ?
|
|
2557
|
+
children: /* @__PURE__ */ y(a ? t : "div", {
|
|
2558
2558
|
ref: d,
|
|
2559
2559
|
"data-slot": "draggable",
|
|
2560
2560
|
"data-dragging": m || void 0,
|
|
@@ -2572,16 +2572,16 @@ function lr({ id: t, data: r, disabled: i, asSlot: a = !1, className: o, style:
|
|
|
2572
2572
|
}
|
|
2573
2573
|
//#endregion
|
|
2574
2574
|
//#region lib/components/ui/collections/dnd/draggable-droppable.tsx
|
|
2575
|
-
function ur({ id:
|
|
2575
|
+
function ur({ id: n, data: r, disabled: a, asSlot: o = !1, className: s, style: c, ...l }) {
|
|
2576
2576
|
let u = hn({
|
|
2577
|
-
id:
|
|
2577
|
+
id: n,
|
|
2578
2578
|
data: r,
|
|
2579
2579
|
disabled: a
|
|
2580
2580
|
}), d = yn({
|
|
2581
|
-
id:
|
|
2581
|
+
id: n,
|
|
2582
2582
|
data: r,
|
|
2583
2583
|
disabled: a
|
|
2584
|
-
}), f = o ?
|
|
2584
|
+
}), f = o ? t : "div";
|
|
2585
2585
|
return /* @__PURE__ */ y(rr, {
|
|
2586
2586
|
value: {
|
|
2587
2587
|
attributes: u.attributes,
|
|
@@ -2608,13 +2608,13 @@ function ur({ id: t, data: r, disabled: a, asSlot: o = !1, className: s, style:
|
|
|
2608
2608
|
}
|
|
2609
2609
|
//#endregion
|
|
2610
2610
|
//#region lib/components/ui/collections/dnd/droppable.tsx
|
|
2611
|
-
function dr({ id:
|
|
2611
|
+
function dr({ id: n, data: r, disabled: i, asSlot: a = !1, className: o, ...s }) {
|
|
2612
2612
|
let { setNodeRef: c, isOver: l } = yn({
|
|
2613
|
-
id:
|
|
2613
|
+
id: n,
|
|
2614
2614
|
data: r,
|
|
2615
2615
|
disabled: i
|
|
2616
2616
|
});
|
|
2617
|
-
return /* @__PURE__ */ y(a ?
|
|
2617
|
+
return /* @__PURE__ */ y(a ? t : "div", {
|
|
2618
2618
|
ref: c,
|
|
2619
2619
|
"data-slot": "droppable",
|
|
2620
2620
|
"data-over": l || void 0,
|
|
@@ -2636,12 +2636,12 @@ function fr(e, t, n, r) {
|
|
|
2636
2636
|
}
|
|
2637
2637
|
//#endregion
|
|
2638
2638
|
//#region lib/components/ui/collections/dnd/sortable.tsx
|
|
2639
|
-
function pr({ id:
|
|
2639
|
+
function pr({ id: n, data: r, disabled: i, asSlot: a = !1, handleOnly: o = !1, className: s, style: c, ...l }) {
|
|
2640
2640
|
let u = er({
|
|
2641
|
-
id:
|
|
2641
|
+
id: n,
|
|
2642
2642
|
data: r,
|
|
2643
2643
|
disabled: i
|
|
2644
|
-
}), d = a ?
|
|
2644
|
+
}), d = a ? t : "div";
|
|
2645
2645
|
return /* @__PURE__ */ y(rr, {
|
|
2646
2646
|
value: {
|
|
2647
2647
|
attributes: u.attributes,
|
|
@@ -30,7 +30,7 @@ var i = t("transition-all duration-500", {
|
|
|
30
30
|
{
|
|
31
31
|
variant: "1",
|
|
32
32
|
color: "primary",
|
|
33
|
-
className: "border-primary/10 border-t-primary"
|
|
33
|
+
className: "border-primary/10 border-t-primary-indicator"
|
|
34
34
|
},
|
|
35
35
|
{
|
|
36
36
|
variant: "1",
|
|
@@ -70,7 +70,7 @@ var i = t("transition-all duration-500", {
|
|
|
70
70
|
{
|
|
71
71
|
variant: "2",
|
|
72
72
|
color: "primary",
|
|
73
|
-
className: "border-primary/10 border-b-primary border-t-primary"
|
|
73
|
+
className: "border-primary/10 border-b-primary-indicator border-t-primary-indicator"
|
|
74
74
|
},
|
|
75
75
|
{
|
|
76
76
|
variant: "2",
|
|
@@ -110,7 +110,7 @@ var i = t("transition-all duration-500", {
|
|
|
110
110
|
{
|
|
111
111
|
variant: "3",
|
|
112
112
|
color: "primary",
|
|
113
|
-
className: "border-primary/10 border-b-primary border-t-primary border-r-primary"
|
|
113
|
+
className: "border-primary/10 border-b-primary-indicator border-t-primary-indicator border-r-primary-indicator"
|
|
114
114
|
},
|
|
115
115
|
{
|
|
116
116
|
variant: "3",
|
|
@@ -150,7 +150,7 @@ var i = t("transition-all duration-500", {
|
|
|
150
150
|
{
|
|
151
151
|
variant: "4",
|
|
152
152
|
color: "primary",
|
|
153
|
-
className: "stroke-primary"
|
|
153
|
+
className: "stroke-primary-indicator"
|
|
154
154
|
},
|
|
155
155
|
{
|
|
156
156
|
variant: "4",
|
package/dist/styles.css
CHANGED
|
@@ -55,6 +55,7 @@
|
|
|
55
55
|
--color-primary: var(--primary);
|
|
56
56
|
--color-primary-foreground: var(--primary-foreground);
|
|
57
57
|
--color-primary-text: var(--primary-text);
|
|
58
|
+
--color-primary-indicator: var(--primary-indicator);
|
|
58
59
|
/* Containers: a tint of the base colour over the surface, from the variant that
|
|
59
60
|
* is lifted in dark (primary-text, error-text) so it shows there too. Accent, a
|
|
60
61
|
* near-grey a tint would hide, is the colour itself. Text on one: `text-foreground`. */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./utils-Bcd2Z3ea.js";
|
|
2
2
|
import { A as t, D as n, E as r, I as i, M as a, P as o, R as s, S as c, T as l, c as u, d, f, k as p, l as m, t as h, u as g, x as _ } from "./tooltip-tmFoTU_d.js";
|
|
3
|
-
import { $ as v, A as y, M as b, N as x, Q as S, X as C, Z as w, b as T, d as ee, f as E, i as te, j as ne, l as re, n as ie, o as ae, r as oe, t as se, u as ce, y as le } from "./dropdown-menu-
|
|
3
|
+
import { $ as v, A as y, M as b, N as x, Q as S, X as C, Z as w, b as T, d as ee, f as E, i as te, j as ne, l as re, n as ie, o as ae, r as oe, t as se, u as ce, y as le } from "./dropdown-menu-DWtgUVW7.js";
|
|
4
4
|
import { a as ue, c as de, l as fe, o as pe, r as me, s as he, t as ge } from "./in-dialog-AiwTD3DK.js";
|
|
5
5
|
import { t as _e } from "./use-material-translation-hLQzOjF0.js";
|
|
6
6
|
import { t as ve } from "./warn-once-C_e47JM8.js";
|