@devalok/shilp-sutra 0.55.0 → 0.56.0

package/dist/ui/tabs.js

@@ -1,43 +1,43 @@
 "use client";
 import { springs as e, tweens as t } from "./lib/motion.js";
-import { cva as n } from "../_chunks/vendor-utils.js";
-import { cn as r } from "./lib/utils.js";
-import { Content as i, List as a, Root2 as o, Trigger as s } from "../_chunks/primitives/react-tabs.js";
-import * as c from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { LayoutGroup as d, motion as f } from "framer-motion";
+import { cn as n } from "./lib/utils.js";
+import { Content as r, List as i, Root2 as a, Trigger as o } from "../_chunks/primitives/react-tabs.js";
+import * as s from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { LayoutGroup as u, motion as d } from "framer-motion";
+import { cva as f } from "class-variance-authority";
 //#region src/ui/tabs.tsx
-var p = c.createContext(void 0), m = c.createContext("horizontal"), h = c.forwardRef(({ value: e, defaultValue: t, onValueChange: n, orientation: i, ...a }, s) => {
-	let [u, d] = c.useState(e ?? t ?? "");
-	c.useEffect(() => {
+var p = s.createContext(void 0), m = s.createContext("horizontal"), h = s.forwardRef(({ value: e, defaultValue: t, onValueChange: r, orientation: i, ...o }, l) => {
+	let [u, d] = s.useState(e ?? t ?? "");
+	s.useEffect(() => {
 		e !== void 0 && d(e);
 	}, [e]);
-	let f = c.useCallback((e) => {
-		d(e), n?.(e);
-	}, [n]), h = i ?? "horizontal";
-	return /* @__PURE__ */ l(p.Provider, {
+	let f = s.useCallback((e) => {
+		d(e), r?.(e);
+	}, [r]), h = i ?? "horizontal";
+	return /* @__PURE__ */ c(p.Provider, {
 		value: u,
-		children: /* @__PURE__ */ l(m.Provider, {
+		children: /* @__PURE__ */ c(m.Provider, {
 			value: h,
-			children: /* @__PURE__ */ l(o, {
-				ref: s,
+			children: /* @__PURE__ */ c(a, {
+				ref: l,
 				value: e,
 				defaultValue: e === void 0 ? t : void 0,
 				onValueChange: f,
 				orientation: i,
-				...a,
-				className: r(h === "vertical" && "flex flex-row gap-ds-05", a.className)
+				...o,
+				className: n(h === "vertical" && "flex flex-row gap-ds-05", o.className)
 			})
 		})
 	});
 });
 h.displayName = "Tabs";
-var g = c.createContext({
+var g = s.createContext({
 	variant: "line",
 	size: "md",
 	color: "accent",
 	layoutId: "tab-indicator"
-}), _ = n("inline-flex items-center", {
+}), _ = f("inline-flex items-center", {
 	variants: {
 		variant: {
 			line: "border-b border-surface-border-strong w-full gap-0",
@@ -67,7 +67,7 @@ var g = c.createContext({
 		size: "md",
 		orientation: "horizontal"
 	}
-}), v = n("relative inline-flex items-center justify-center gap-ds-02 whitespace-nowrap font-sans font-medium transition-colors duration-100 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-action-disabled", {
+}), v = f("relative inline-flex items-center justify-center gap-ds-02 whitespace-nowrap font-sans font-medium transition-colors duration-100 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-action-disabled", {
 	variants: {
 		variant: {
 			line: ["-mb-px", "text-surface-fg-muted hover:text-surface-fg"],
@@ -87,8 +87,8 @@ var g = c.createContext({
 		variant: "line",
 		size: "md"
 	}
-}), y = c.forwardRef(({ className: e, variant: t, size: n, color: i, ...o }, s) => {
-	let u = c.useContext(m), f = t ?? "line", p = n ?? "md", h = i ?? "accent", v = c.useId(), y = c.useMemo(() => ({
+}), y = s.forwardRef(({ className: e, variant: t, size: r, color: a, ...o }, l) => {
+	let d = s.useContext(m), f = t ?? "line", p = r ?? "md", h = a ?? "accent", v = s.useId(), y = s.useMemo(() => ({
 		variant: f,
 		size: p,
 		color: h,
@@ -99,68 +99,68 @@ var g = c.createContext({
 		h,
 		v
 	]);
-	return /* @__PURE__ */ l(g.Provider, {
+	return /* @__PURE__ */ c(g.Provider, {
 		value: y,
-		children: /* @__PURE__ */ l(d, { children: /* @__PURE__ */ l(a, {
-			ref: s,
-			className: r(_({
+		children: /* @__PURE__ */ c(u, { children: /* @__PURE__ */ c(i, {
+			ref: l,
+			className: n(_({
 				variant: f,
 				size: p,
-				orientation: u
+				orientation: d
 			}), e),
 			...o
 		}) })
 	});
 });
-y.displayName = a.displayName;
+y.displayName = i.displayName;
 var b = {
 	accent: "data-[state=active]:text-accent-11",
 	neutral: "data-[state=active]:text-surface-fg"
 }, x = {
 	accent: "bg-accent-9",
 	neutral: "bg-surface-fg"
-}, S = c.forwardRef(({ className: t, variant: n, children: i, ...a }, o) => {
-	let d = c.useContext(g), h = c.useContext(p), _ = c.useContext(m), y = n ?? d.variant, S = d.size, C = d.color, w = a.value === h, T = _ === "vertical";
-	return /* @__PURE__ */ u(s, {
-		ref: o,
-		className: r(v({
+}, S = s.forwardRef(({ className: t, variant: r, children: i, ...a }, u) => {
+	let f = s.useContext(g), h = s.useContext(p), _ = s.useContext(m), y = r ?? f.variant, S = f.size, C = f.color, w = a.value === h, T = _ === "vertical";
+	return /* @__PURE__ */ l(o, {
+		ref: u,
+		className: n(v({
 			variant: y,
 			size: S
 		}), y === "line" && b[C], T && "w-full justify-start", y === "line" && T && "-ml-px -mb-0", t),
 		...a,
 		children: [
-			y === "contained" && w && /* @__PURE__ */ l(f.span, {
-				layoutId: `${d.layoutId}-contained`,
+			y === "contained" && w && /* @__PURE__ */ c(d.span, {
+				layoutId: `${f.layoutId}-contained`,
 				className: "absolute inset-0 rounded-control bg-surface-overlay shadow-raised",
 				transition: e.smooth
 			}),
-			/* @__PURE__ */ l("span", {
+			/* @__PURE__ */ c("span", {
 				className: "relative z-[1] inline-flex min-w-0 items-center gap-ds-02",
-				children: /* @__PURE__ */ l("span", {
+				children: /* @__PURE__ */ c("span", {
 					className: "truncate",
 					children: i
 				})
 			}),
-			y === "line" && w && /* @__PURE__ */ l(f.span, {
-				layoutId: `${d.layoutId}-line`,
-				className: r("absolute", T ? "left-0 top-0 bottom-0 w-0.5" : "bottom-0 left-0 right-0 h-0.5", x[C]),
+			y === "line" && w && /* @__PURE__ */ c(d.span, {
+				layoutId: `${f.layoutId}-line`,
+				className: n("absolute", T ? "left-0 top-0 bottom-0 w-0.5" : "bottom-0 left-0 right-0 h-0.5", x[C]),
 				transition: e.smooth
 			})
 		]
 	});
 });
-S.displayName = s.displayName;
-var C = c.forwardRef(({ className: e, children: n, ...a }, o) => /* @__PURE__ */ l(i, {
+S.displayName = o.displayName;
+var C = s.forwardRef(({ className: e, children: i, ...a }, o) => /* @__PURE__ */ c(r, {
 	ref: o,
-	className: r("ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2", c.useContext(m) === "vertical" ? "mt-0 flex-1 min-w-0" : "mt-ds-05", e),
+	className: n("ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2", s.useContext(m) === "vertical" ? "mt-0 flex-1 min-w-0" : "mt-ds-05", e),
 	...a,
-	children: /* @__PURE__ */ l(f.div, {
+	children: /* @__PURE__ */ c(d.div, {
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		transition: t.fade,
-		children: n
+		children: i
 	})
 }));
-C.displayName = i.displayName;
+C.displayName = r.displayName;
 //#endregion
 export { h as Tabs, C as TabsContent, y as TabsList, S as TabsTrigger };

package/dist/ui/text.js

@@ -1,8 +1,8 @@
-import { cva as e } from "../_chunks/vendor-utils.js";
-import { cn as t } from "./lib/utils.js";
-import * as n from "react";
+import { cn as e } from "./lib/utils.js";
+import * as t from "react";
+import { cva as n } from "class-variance-authority";
 //#region src/ui/text.tsx
-var r = e("font-sans", {
+var r = n("font-sans", {
 	variants: { variant: {
 		"heading-2xl": "font-display text-[length:var(--typo-heading-2xl-size)] font-[number:var(--typo-heading-2xl-weight)] leading-[var(--typo-heading-2xl-leading)] tracking-[var(--typo-heading-2xl-tracking)]",
 		"heading-xl": "font-display text-[length:var(--typo-heading-xl-size)] font-[number:var(--typo-heading-xl-weight)] leading-[var(--typo-heading-xl-leading)] tracking-[var(--typo-heading-xl-tracking)]",
@@ -47,11 +47,11 @@ var r = e("font-sans", {
 	"label-plain-lg": "span",
 	"label-plain-md": "span",
 	"label-plain-sm": "span"
-}, a = n.forwardRef(({ variant: e = "body-md", as: a, className: o, children: s, ...c }, l) => {
-	let u = a || i[e] || "p";
-	return n.createElement(u, {
+}, a = t.forwardRef(({ variant: n = "body-md", as: a, className: o, children: s, ...c }, l) => {
+	let u = a || i[n] || "p";
+	return t.createElement(u, {
 		ref: l,
-		className: t(r({ variant: e }), o),
+		className: e(r({ variant: n }), o),
 		...c
 	}, s);
 });

package/dist/ui/textarea.js

@@ -1,14 +1,14 @@
 "use client";
 import { motionProps as e } from "./lib/motion.js";
-import { cva as t } from "../_chunks/vendor-utils.js";
-import { cn as n } from "./lib/utils.js";
-import { useFormField as r } from "./form.js";
-import { resolveFieldState as i } from "../_chunks/field-state.js";
-import * as a from "react";
-import { jsx as o } from "react/jsx-runtime";
-import { motion as s } from "framer-motion";
+import { cn as t } from "./lib/utils.js";
+import { useFormField as n } from "./form.js";
+import { resolveFieldState as r } from "../_chunks/field-state.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { motion as o } from "framer-motion";
+import { cva as s } from "class-variance-authority";
 //#region src/ui/textarea.tsx
-var c = t([
+var c = s([
 	"flex w-full font-sans resize-y",
 	"bg-surface-raised-hover text-surface-fg",
 	"border border-surface-border-strong rounded-control",
@@ -26,13 +26,13 @@ var c = t([
 		lg: "min-h-[120px] text-body-md px-ds-05 py-ds-04"
 	} },
 	defaultVariants: { size: "md" }
-}), l = a.forwardRef(({ className: t, state: a, size: l, ...u }, d) => {
-	let f = r(), p = i(a, f.state), m = u["aria-describedby"] ?? f.helperTextId, h = u["aria-required"] ?? f.required, g = u.id ?? f.inputId;
-	return /* @__PURE__ */ o(s.textarea, {
+}), l = i.forwardRef(({ className: i, state: s, size: l, ...u }, d) => {
+	let f = n(), p = r(s, f.state), m = u["aria-describedby"] ?? f.helperTextId, h = u["aria-required"] ?? f.required, g = u.id ?? f.inputId;
+	return /* @__PURE__ */ a(o.textarea, {
 		"aria-invalid": p === "error" || void 0,
 		"aria-describedby": m,
 		"aria-required": h || void 0,
-		className: n(c({ size: l }), p === "error" && "border-error-7 focus-visible:ring-error-7", p === "warning" && "border-warning-7 focus-visible:ring-warning-7", p === "success" && "border-success-7 focus-visible:ring-success-7", t),
+		className: t(c({ size: l }), p === "error" && "border-error-7 focus-visible:ring-error-7", p === "warning" && "border-warning-7 focus-visible:ring-warning-7", p === "success" && "border-success-7 focus-visible:ring-success-7", i),
 		ref: d,
 		...e(u),
 		id: g

package/dist/ui/toggle.js

@@ -1,13 +1,13 @@
 "use client";
 import { motionProps as e, springs as t } from "./lib/motion.js";
-import { cva as n } from "../_chunks/vendor-utils.js";
-import { cn as r } from "./lib/utils.js";
-import { Root as i } from "../_chunks/primitives/react-toggle.js";
-import * as a from "react";
-import { jsx as o } from "react/jsx-runtime";
-import { motion as s } from "framer-motion";
+import { cn as n } from "./lib/utils.js";
+import { Root as r } from "../_chunks/primitives/react-toggle.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { motion as o } from "framer-motion";
+import { cva as s } from "class-variance-authority";
 //#region src/ui/toggle.tsx
-var c = s.create(i), l = n("inline-flex items-center justify-center gap-ds-03 rounded-control font-medium transition-colors duration-fast-01 ease-productive-standard focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled", {
+var c = o.create(r), l = s("inline-flex items-center justify-center gap-ds-03 rounded-control font-medium transition-colors duration-fast-01 ease-productive-standard focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled", {
 	variants: {
 		variant: {
 			default: "bg-transparent hover:bg-surface-raised-hover text-surface-fg-muted",
@@ -30,17 +30,17 @@ var c = s.create(i), l = n("inline-flex items-center justify-center gap-ds-03 ro
 		size: "md",
 		color: "accent"
 	}
-}), u = a.forwardRef(({ className: n, variant: i, size: a, color: s, ...u }, d) => /* @__PURE__ */ o(c, {
+}), u = i.forwardRef(({ className: r, variant: i, size: o, color: s, ...u }, d) => /* @__PURE__ */ a(c, {
 	ref: d,
 	whileTap: { scale: .95 },
 	transition: t.snappy,
-	className: r(l({
+	className: n(l({
 		variant: i,
-		size: a,
+		size: o,
 		color: s
-	}), n),
+	}), r),
 	...e(u)
 }));
-u.displayName = i.displayName;
+u.displayName = r.displayName;
 //#endregion
 export { u as Toggle, l as toggleVariants };

package/docs/recipes/install-astro.md

@@ -38,8 +38,8 @@ Some components ship hard peers as optional. **Install BEFORE first import.**
 | `@devalok/shilp-sutra/composed/date-picker` | `pnpm add date-fns` |
 | `@devalok/shilp-sutra/composed/file-preview` | `pnpm add react-pdf react-zoom-pan-pinch` |
 | `@devalok/shilp-sutra/composed/markdown-viewer` | `pnpm add react-markdown react-syntax-highlighter remark-gfm` |
-| `@devalok/shilp-sutra/composed/rich-chat-input` | `pnpm add -D @tiptap/pm @tiptap/react` *(types only — the runtime is bundled)* |
-| `@devalok/shilp-sutra/composed/rich-text-editor` | `pnpm add -D @tiptap/pm @tiptap/react` *(types only — the runtime is bundled)* |
+| `@devalok/shilp-sutra/composed/rich-chat-input` | `pnpm add @tiptap/core @tiptap/extension-highlight @tiptap/extension-image @tiptap/extension-list @tiptap/extension-mention @tiptap/extension-text-align @tiptap/extensions @tiptap/markdown @tiptap/pm @tiptap/react @tiptap/starter-kit @tiptap/suggestion date-fns` |
+| `@devalok/shilp-sutra/composed/rich-text-editor` | `pnpm add @tiptap/core @tiptap/extension-highlight @tiptap/extension-image @tiptap/extension-list @tiptap/extension-mention @tiptap/extension-text-align @tiptap/extensions @tiptap/markdown @tiptap/pm @tiptap/react @tiptap/starter-kit @tiptap/suggestion` |
 | `@devalok/shilp-sutra/composed/schedule-view` | `pnpm add date-fns` |
 | `@devalok/shilp-sutra/ui/charts` | `pnpm add d3-axis d3-scale d3-selection d3-shape` |
 | `@devalok/shilp-sutra/ui/data-table` | `pnpm add @tanstack/react-table @tanstack/react-virtual` |

package/docs/recipes/install-next-app-router.md

@@ -51,8 +51,8 @@ Some components depend on third-party libraries that ship as optional peers. **I
 | `@devalok/shilp-sutra/composed/date-picker` | `pnpm add date-fns` |
 | `@devalok/shilp-sutra/composed/file-preview` | `pnpm add react-pdf react-zoom-pan-pinch` |
 | `@devalok/shilp-sutra/composed/markdown-viewer` | `pnpm add react-markdown react-syntax-highlighter remark-gfm` |
-| `@devalok/shilp-sutra/composed/rich-chat-input` | `pnpm add -D @tiptap/pm @tiptap/react` *(types only — the runtime is bundled)* |
-| `@devalok/shilp-sutra/composed/rich-text-editor` | `pnpm add -D @tiptap/pm @tiptap/react` *(types only — the runtime is bundled)* |
+| `@devalok/shilp-sutra/composed/rich-chat-input` | `pnpm add @tiptap/core @tiptap/extension-highlight @tiptap/extension-image @tiptap/extension-list @tiptap/extension-mention @tiptap/extension-text-align @tiptap/extensions @tiptap/markdown @tiptap/pm @tiptap/react @tiptap/starter-kit @tiptap/suggestion date-fns` |
+| `@devalok/shilp-sutra/composed/rich-text-editor` | `pnpm add @tiptap/core @tiptap/extension-highlight @tiptap/extension-image @tiptap/extension-list @tiptap/extension-mention @tiptap/extension-text-align @tiptap/extensions @tiptap/markdown @tiptap/pm @tiptap/react @tiptap/starter-kit @tiptap/suggestion` |
 | `@devalok/shilp-sutra/composed/schedule-view` | `pnpm add date-fns` |
 | `@devalok/shilp-sutra/ui/charts` | `pnpm add d3-axis d3-scale d3-selection d3-shape` |
 | `@devalok/shilp-sutra/ui/data-table` | `pnpm add @tanstack/react-table @tanstack/react-virtual` |

package/docs/recipes/install-remix.md

@@ -34,8 +34,8 @@ Some components ship hard peers as optional. **Install BEFORE first import.**
 | `@devalok/shilp-sutra/composed/date-picker` | `pnpm add date-fns` |
 | `@devalok/shilp-sutra/composed/file-preview` | `pnpm add react-pdf react-zoom-pan-pinch` |
 | `@devalok/shilp-sutra/composed/markdown-viewer` | `pnpm add react-markdown react-syntax-highlighter remark-gfm` |
-| `@devalok/shilp-sutra/composed/rich-chat-input` | `pnpm add -D @tiptap/pm @tiptap/react` *(types only — the runtime is bundled)* |
-| `@devalok/shilp-sutra/composed/rich-text-editor` | `pnpm add -D @tiptap/pm @tiptap/react` *(types only — the runtime is bundled)* |
+| `@devalok/shilp-sutra/composed/rich-chat-input` | `pnpm add @tiptap/core @tiptap/extension-highlight @tiptap/extension-image @tiptap/extension-list @tiptap/extension-mention @tiptap/extension-text-align @tiptap/extensions @tiptap/markdown @tiptap/pm @tiptap/react @tiptap/starter-kit @tiptap/suggestion date-fns` |
+| `@devalok/shilp-sutra/composed/rich-text-editor` | `pnpm add @tiptap/core @tiptap/extension-highlight @tiptap/extension-image @tiptap/extension-list @tiptap/extension-mention @tiptap/extension-text-align @tiptap/extensions @tiptap/markdown @tiptap/pm @tiptap/react @tiptap/starter-kit @tiptap/suggestion` |
 | `@devalok/shilp-sutra/composed/schedule-view` | `pnpm add date-fns` |
 | `@devalok/shilp-sutra/ui/charts` | `pnpm add d3-axis d3-scale d3-selection d3-shape` |
 | `@devalok/shilp-sutra/ui/data-table` | `pnpm add @tanstack/react-table @tanstack/react-virtual` |

package/docs/recipes/install-tanstack-start.md

@@ -43,8 +43,8 @@ Some components ship hard peers as optional. **Install BEFORE first import.**
 | `@devalok/shilp-sutra/composed/date-picker` | `pnpm add date-fns` |
 | `@devalok/shilp-sutra/composed/file-preview` | `pnpm add react-pdf react-zoom-pan-pinch` |
 | `@devalok/shilp-sutra/composed/markdown-viewer` | `pnpm add react-markdown react-syntax-highlighter remark-gfm` |
-| `@devalok/shilp-sutra/composed/rich-chat-input` | `pnpm add -D @tiptap/pm @tiptap/react` *(types only — the runtime is bundled)* |
-| `@devalok/shilp-sutra/composed/rich-text-editor` | `pnpm add -D @tiptap/pm @tiptap/react` *(types only — the runtime is bundled)* |
+| `@devalok/shilp-sutra/composed/rich-chat-input` | `pnpm add @tiptap/core @tiptap/extension-highlight @tiptap/extension-image @tiptap/extension-list @tiptap/extension-mention @tiptap/extension-text-align @tiptap/extensions @tiptap/markdown @tiptap/pm @tiptap/react @tiptap/starter-kit @tiptap/suggestion date-fns` |
+| `@devalok/shilp-sutra/composed/rich-text-editor` | `pnpm add @tiptap/core @tiptap/extension-highlight @tiptap/extension-image @tiptap/extension-list @tiptap/extension-mention @tiptap/extension-text-align @tiptap/extensions @tiptap/markdown @tiptap/pm @tiptap/react @tiptap/starter-kit @tiptap/suggestion` |
 | `@devalok/shilp-sutra/composed/schedule-view` | `pnpm add date-fns` |
 | `@devalok/shilp-sutra/ui/charts` | `pnpm add d3-axis d3-scale d3-selection d3-shape` |
 | `@devalok/shilp-sutra/ui/data-table` | `pnpm add @tanstack/react-table @tanstack/react-virtual` |

package/docs/recipes/install-vite.md

@@ -49,8 +49,8 @@ Some components ship hard peers as optional. **Install BEFORE first import.**
 | `@devalok/shilp-sutra/composed/date-picker` | `pnpm add date-fns` |
 | `@devalok/shilp-sutra/composed/file-preview` | `pnpm add react-pdf react-zoom-pan-pinch` |
 | `@devalok/shilp-sutra/composed/markdown-viewer` | `pnpm add react-markdown react-syntax-highlighter remark-gfm` |
-| `@devalok/shilp-sutra/composed/rich-chat-input` | `pnpm add -D @tiptap/pm @tiptap/react` *(types only — the runtime is bundled)* |
-| `@devalok/shilp-sutra/composed/rich-text-editor` | `pnpm add -D @tiptap/pm @tiptap/react` *(types only — the runtime is bundled)* |
+| `@devalok/shilp-sutra/composed/rich-chat-input` | `pnpm add @tiptap/core @tiptap/extension-highlight @tiptap/extension-image @tiptap/extension-list @tiptap/extension-mention @tiptap/extension-text-align @tiptap/extensions @tiptap/markdown @tiptap/pm @tiptap/react @tiptap/starter-kit @tiptap/suggestion date-fns` |
+| `@devalok/shilp-sutra/composed/rich-text-editor` | `pnpm add @tiptap/core @tiptap/extension-highlight @tiptap/extension-image @tiptap/extension-list @tiptap/extension-mention @tiptap/extension-text-align @tiptap/extensions @tiptap/markdown @tiptap/pm @tiptap/react @tiptap/starter-kit @tiptap/suggestion` |
 | `@devalok/shilp-sutra/composed/schedule-view` | `pnpm add date-fns` |
 | `@devalok/shilp-sutra/ui/charts` | `pnpm add d3-axis d3-scale d3-selection d3-shape` |
 | `@devalok/shilp-sutra/ui/data-table` | `pnpm add @tanstack/react-table @tanstack/react-virtual` |

package/docs/recipes/troubleshoot.md

@@ -194,17 +194,38 @@ In dev mode, calling `toast()` without a mounted `<Toaster />` logs a one-time c
 
 ## Symptom: Build error mentioning `use-sync-external-store`
 
-**Diagnosis:** Should not happen since v0.37.0 — `use-sync-external-store` was moved to runtime dependencies and is auto-installed transitively.
+**Diagnosis:** we no longer depend on it at all, as of v0.56.0. Nothing in our `dist` imports it.
 
-**Why this dependency exists at all** (it is a hook built into React 18+, so it looks redundant): we do not use the shim ourselves. It is a TipTap transitive. TipTap's code is bundled into our `dist`, and that bundled chunk imports `use-sync-external-store/shim`. We externalize the shim rather than bundling it, because bundling forced a `createRequire` bridge into our Rollup runtime chunk that broke every Turbopack consumer. Externalized code must be resolvable from the consumer's tree, hence the declaration.
+It was never ours: React 18+ has `useSyncExternalStore` built in and our own code calls it directly. The dependency existed purely because we *bundled* TipTap, and that bundled chunk imported the shim. TipTap is now externalized, so the shim went with it.
 
-If it still happens, install it explicitly:
+If you still see the error, something else in your tree wants it — find out what and install it there:
 
 ```bash
-pnpm add use-sync-external-store
+pnpm why use-sync-external-store
 ```
 
-And open an issue at <https://github.com/devalok-design/shilp-sutra/issues> with the resolution graph (`pnpm why use-sync-external-store`) so we can fix the root cause.
+If the trail leads back to `@devalok/shilp-sutra`, that's a bug: open an issue at <https://github.com/devalok-design/shilp-sutra/issues> with that output.
+
+## Symptom: `Cannot find module '@tiptap/core'` (or another `@tiptap/*`) after upgrading to 0.56.0
+
+**Diagnosis:** expected, and it is the one breaking change in 0.56.0. We used to bundle TipTap *and* list it as an optional peer — so `RichTextEditor` / `RichChatInput` worked whether or not you installed the peers. It is now externalized, so you must install them.
+
+**Why we changed it:** a consumer who *did* follow the peer instructions ended up running two ProseMirror copies. Plugin keys are module-scoped, so the two copies could not see each other's plugins and the editor misbehaved in ways that were near-impossible to debug. It also cut 641 KB from the package for everyone who never touches rich text.
+
+**Fix** — install the peers for the component you import (§2a of your framework's install recipe has the exact line):
+
+```bash
+# RichTextEditor
+pnpm add @tiptap/core @tiptap/extension-highlight @tiptap/extension-image \
+  @tiptap/extension-list @tiptap/extension-mention @tiptap/extension-text-align \
+  @tiptap/extensions @tiptap/markdown @tiptap/pm @tiptap/react \
+  @tiptap/starter-kit @tiptap/suggestion
+
+# RichChatInput — the same list plus date-fns
+pnpm add date-fns
+```
+
+Or ask the docs MCP: `preflight` reports exactly which peers your imports need.
 
 ## Symptom: `Cannot find package 'sonner'` when you only imported a hook (or `'react-markdown'` from the AI barrel)
 

package/llms.txt

@@ -1,6 +1,6 @@
 # @devalok/shilp-sutra
 
-> Radix UI + Tailwind 4 (CSS-first) + CVA design system for Devalok apps, v0.55.0.
+> Radix UI + Tailwind 4 (CSS-first) + CVA design system for Devalok apps, v0.56.0.
 > Built on the same primitives as shadcn/ui but with DIFFERENT prop APIs — never guess from shadcn knowledge; verify every prop.
 > This file is a ROUTER: it tells you what exists and where to get details. Do not look for prop tables here — fetch them per component (MCP tool or per-component doc file below).
 

package/mcp-manifest.json

@@ -2,7 +2,7 @@
   "$schema": "./mcp-manifest.schema.json",
   "manifestVersion": "1.2.0",
   "package": "@devalok/shilp-sutra",
-  "packageVersion": "0.55.0",
+  "packageVersion": "0.56.0",
   "components": {
     "accordion": {
       "displayName": "Accordion",
@@ -11699,8 +11699,19 @@
         }
       ],
       "peers": [
+        "@tiptap/core",
+        "@tiptap/extension-highlight",
+        "@tiptap/extension-image",
+        "@tiptap/extension-list",
+        "@tiptap/extension-mention",
+        "@tiptap/extension-text-align",
+        "@tiptap/extensions",
+        "@tiptap/markdown",
         "@tiptap/pm",
-        "@tiptap/react"
+        "@tiptap/react",
+        "@tiptap/starter-kit",
+        "@tiptap/suggestion",
+        "date-fns"
       ]
     },
     "rich-text-editor": {
@@ -11863,8 +11874,18 @@
         }
       ],
       "peers": [
+        "@tiptap/core",
+        "@tiptap/extension-highlight",
+        "@tiptap/extension-image",
+        "@tiptap/extension-list",
+        "@tiptap/extension-mention",
+        "@tiptap/extension-text-align",
+        "@tiptap/extensions",
+        "@tiptap/markdown",
         "@tiptap/pm",
-        "@tiptap/react"
+        "@tiptap/react",
+        "@tiptap/starter-kit",
+        "@tiptap/suggestion"
       ]
     },
     "schedule-view": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devalok/shilp-sutra",
-  "version": "0.55.0",
+  "version": "0.56.0",
   "description": "Devalok Design System — accessible React components, OKLCH design tokens, and Tailwind 4 CSS-first setup. Ships with AI-agent setup recipes.",
   "license": "MIT",
   "author": "Devalok Design & Strategy Studios <shilp-sutra@devalok.in>",
@@ -54,8 +54,8 @@
   "dependencies": {
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "tw-animate-css": "^1.4.0",
-    "use-sync-external-store": "^1.6.0"
+    "tailwind-merge": "^3.6.0",
+    "tw-animate-css": "^1.4.0"
   },
   "exports": {
     ".": {
@@ -65,6 +65,7 @@
     },
     "./css": "./dist/tokens/shilp-sutra.css",
     "./tokens": "./dist/tokens/index.css",
+    "./package.json": "./package.json",
     "./BREAKING.json": "./BREAKING.json",
     "./BREAKING.schema.json": "./BREAKING.schema.json",
     "./ui": {
@@ -835,7 +836,6 @@
     "fonts",
     "make-kit",
     "skill",
-    "scripts/welcome.mjs",
     "AGENTS.md",
     "BREAKING.json",
     "BREAKING.schema.json",
@@ -858,8 +858,16 @@
     "@tanstack/react-table": "^8.0.0",
     "@tanstack/react-virtual": "^3.0.0",
     "@tiptap/core": "^3.28.0",
+    "@tiptap/extension-highlight": "^3.28.0",
+    "@tiptap/extension-image": "^3.28.0",
+    "@tiptap/extension-list": "^3.28.0",
+    "@tiptap/extension-mention": "^3.28.0",
+    "@tiptap/extension-text-align": "^3.28.0",
+    "@tiptap/extensions": "^3.28.0",
+    "@tiptap/markdown": "^3.28.0",
     "@tiptap/pm": "^3.28.0",
     "@tiptap/react": "^3.28.0",
+    "@tiptap/starter-kit": "^3.28.0",
     "@tiptap/suggestion": "^3.28.0",
     "d3-array": "^3.0.0",
     "d3-axis": "^3.0.0",
@@ -893,12 +901,36 @@
     "@tiptap/core": {
       "optional": true
     },
+    "@tiptap/extension-highlight": {
+      "optional": true
+    },
+    "@tiptap/extension-image": {
+      "optional": true
+    },
+    "@tiptap/extension-list": {
+      "optional": true
+    },
+    "@tiptap/extension-mention": {
+      "optional": true
+    },
+    "@tiptap/extension-text-align": {
+      "optional": true
+    },
+    "@tiptap/extensions": {
+      "optional": true
+    },
+    "@tiptap/markdown": {
+      "optional": true
+    },
     "@tiptap/pm": {
       "optional": true
     },
     "@tiptap/react": {
       "optional": true
     },
+    "@tiptap/starter-kit": {
+      "optional": true
+    },
     "@tiptap/suggestion": {
       "optional": true
     },
@@ -973,13 +1005,12 @@
     "@tiptap/extension-text-align": "^3.28.0",
     "@tiptap/extensions": "^3.28.0",
     "@tiptap/markdown": "^3.28.0",
+    "@tiptap/pm": "^3.28.0",
     "@tiptap/react": "^3.28.0",
     "@tiptap/starter-kit": "^3.28.0",
     "@tiptap/suggestion": "^3.28.0",
     "@types/react-syntax-highlighter": "^15.5.13",
     "aria-hidden": "^1.2.6",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
     "d3-array": "^3.2.4",
     "d3-axis": "^3.0.0",
     "d3-format": "^3.1.2",
@@ -995,7 +1026,6 @@
     "framer-motion": "^12.42.2",
     "frimousse": "^0.3.0",
     "input-otp": "^1.4.2",
-    "prosemirror-state": "^1.4.4",
     "react-colorful": "^5.8.0",
     "react-markdown": "^10.1.0",
     "react-pdf": "^10.4.1",
@@ -1003,8 +1033,7 @@
     "react-syntax-highlighter": "^16.1.1",
     "react-zoom-pan-pinch": "^4.0.3",
     "remark-gfm": "^4.0.1",
-    "sonner": "^2.0.7",
-    "tailwind-merge": "^3.6.0"
+    "sonner": "^2.0.7"
   },
   "scripts": {
     "build": "vite build && node scripts/post-build.mjs",
@@ -1017,7 +1046,6 @@
     "typecheck": "tsc --noEmit",
     "lint": "eslint src/",
     "test": "vitest run",
-    "test:coverage": "vitest run --coverage",
-    "postinstall": "node scripts/welcome.mjs || true"
+    "test:coverage": "vitest run --coverage"
   }
 }

package/skill/SKILL.md

@@ -3,7 +3,7 @@ name: shilp-sutra
 description: Add, configure, and use components from Devalok's shilp-sutra design system (@devalok/shilp-sutra) — a Tailwind 4 + React 19 + CVA library with 110+ accessible components, OKLCH design tokens, framer-motion animations, and per-component RSC-safe entry points. Use this skill whenever the user mentions shilp-sutra, Devalok, the @devalok npm scope, or asks to install/add/style/theme UI in any React project that already depends on the package — even if they don't name it explicitly. Use it instead of generic shadcn/ui, MUI, or Chakra knowledge when shilp-sutra is in the project. Covers Next.js (App + Pages), Vite, Astro, Remix, TanStack Start setup playbooks; component API and variant reference; brand token customization; Server Component import patterns; and a troubleshoot tree for the thirteen most common breakages.
 license: MIT
 metadata:
-  version: "0.55.0"
+  version: "0.56.0"
   author: Devalok Design & Strategy Studios
   homepage: https://github.com/devalok-design/shilp-sutra
   npm: https://www.npmjs.com/package/@devalok/shilp-sutra

package/skill/references/components.md

@@ -2,7 +2,7 @@
 
 # @devalok/shilp-sutra
 
-> Radix UI + Tailwind 4 (CSS-first) + CVA design system for Devalok apps, v0.55.0.
+> Radix UI + Tailwind 4 (CSS-first) + CVA design system for Devalok apps, v0.56.0.
 > Built on the same primitives as shadcn/ui but with DIFFERENT prop APIs — never guess from shadcn knowledge; verify every prop.
 > This file is a ROUTER: it tells you what exists and where to get details. Do not look for prop tables here — fetch them per component (MCP tool or per-component doc file below).