@devalok/shilp-sutra 0.49.4 → 0.50.0

package/dist/composed/rich-chat-input.js

@@ -58,7 +58,7 @@ var Ie = O.forwardRef(({ groups: e, query: t, command: n }, r) => {
 			children: [
 				t > 0 && /* @__PURE__ */ M("div", { className: "my-ds-01 border-t border-surface-border" }),
 				/* @__PURE__ */ M("div", {
-					className: "px-ds-03 py-ds-01 text-ds-xs font-medium text-surface-fg-subtle",
+					className: "px-ds-03 py-ds-01 text-caption font-medium text-surface-fg-subtle",
 					children: e.label
 				}),
 				e.items.map(({ command: e, flatIndex: t }) => {
@@ -75,10 +75,10 @@ var Ie = O.forwardRef(({ groups: e, query: t, command: n }, r) => {
 						}), /* @__PURE__ */ N("div", {
 							className: "flex flex-col",
 							children: [/* @__PURE__ */ M("span", {
-								className: "text-ds-sm text-surface-fg",
+								className: "text-body-sm text-surface-fg",
 								children: e.label
 							}), e.description && /* @__PURE__ */ M("span", {
-								className: "text-ds-xs text-surface-fg-subtle",
+								className: "text-caption text-surface-fg-subtle",
 								children: e.description
 							})]
 						})]
@@ -272,11 +272,11 @@ function Be({ attachments: e, onRemoveAttachment: t }) {
 						}),
 						/* @__PURE__ */ M(v, {
 							mode: "middle",
-							className: "max-w-[120px] text-ds-xs text-surface-fg-muted",
+							className: "max-w-[120px] text-caption text-surface-fg-muted",
 							children: e.name
 						}),
 						/* @__PURE__ */ M("span", {
-							className: "text-ds-xs text-surface-fg-subtle",
+							className: "text-caption text-surface-fg-subtle",
 							children: ze(e.size)
 						}),
 						/* @__PURE__ */ M("button", {
@@ -441,7 +441,7 @@ var Ue = O.forwardRef(function({ src: e, duration: t, waveformData: n, className
 				onClick: x
 			}),
 			/* @__PURE__ */ N("span", {
-				className: "text-ds-xs tabular-nums text-surface-fg-subtle whitespace-nowrap",
+				className: "text-caption tabular-nums text-surface-fg-subtle whitespace-nowrap",
 				children: [
 					He(f),
 					" / ",
@@ -452,7 +452,7 @@ var Ue = O.forwardRef(function({ src: e, duration: t, waveformData: n, className
 				type: "button",
 				onClick: ee,
 				"aria-label": `Playback speed ${C}x`,
-				className: "shrink-0 text-ds-xs bg-surface-raised rounded-pill px-ds-02 py-[1px] hover:bg-surface-raised-hover tabular-nums transition-colors duration-fast-01 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
+				className: "shrink-0 text-body-xs bg-surface-raised rounded-pill px-ds-02 py-[1px] hover:bg-surface-raised-hover tabular-nums transition-colors duration-fast-01 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
 				children: [C, "x"]
 			})
 		]
@@ -752,7 +752,7 @@ function at({ duration: e, analyserNode: t, maxDuration: n, onCancel: r }) {
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ N("span", {
-				className: a("text-ds-sm font-mono tabular-nums whitespace-nowrap", u),
+				className: a("text-body-sm font-mono tabular-nums whitespace-nowrap", u),
 				"aria-label": `${l.minutes} minutes ${l.secs} seconds`,
 				children: [
 					l.minutes,
@@ -812,7 +812,7 @@ function ot({ author: e, preview: t, onDismiss: n }) {
 				className: "flex-1 min-w-0",
 				children: [
 					/* @__PURE__ */ N("span", {
-						className: "text-ds-sm font-semibold text-surface-fg",
+						className: "text-body-sm font-semibold text-surface-fg",
 						children: ["Replying to ", e]
 					}),
 					/* @__PURE__ */ M("span", {
@@ -820,7 +820,7 @@ function ot({ author: e, preview: t, onDismiss: n }) {
 						children: "·"
 					}),
 					/* @__PURE__ */ M("span", {
-						className: "text-ds-sm text-surface-fg-muted truncate",
+						className: "text-body-sm text-surface-fg-muted truncate",
 						children: t
 					})
 				]
@@ -905,7 +905,7 @@ function ct({ value: e, onChange: t }) {
 			/* @__PURE__ */ M("select", {
 				value: n,
 				onChange: (e) => a(Number(e.target.value)),
-				className: "h-ds-sm rounded-control border border-surface-border-strong bg-surface-raised px-ds-02 text-ds-sm text-surface-fg focus:outline-hidden focus:ring-2 focus:ring-accent-9",
+				className: "h-ds-sm rounded-control border border-surface-border-strong bg-surface-raised px-ds-02 text-body-sm text-surface-fg focus:outline-hidden focus:ring-2 focus:ring-accent-9",
 				"aria-label": "Hour",
 				children: Array.from({ length: 12 }, (e, t) => t + 1).map((e) => /* @__PURE__ */ M("option", {
 					value: e,
@@ -913,13 +913,13 @@ function ct({ value: e, onChange: t }) {
 				}, e))
 			}),
 			/* @__PURE__ */ M("span", {
-				className: "text-ds-sm text-surface-fg-subtle font-medium",
+				className: "text-body-sm text-surface-fg-subtle font-medium",
 				children: ":"
 			}),
 			/* @__PURE__ */ M("select", {
 				value: r - r % 5,
 				onChange: (e) => o(Number(e.target.value)),
-				className: "h-ds-sm rounded-control border border-surface-border-strong bg-surface-raised px-ds-02 text-ds-sm text-surface-fg focus:outline-hidden focus:ring-2 focus:ring-accent-9",
+				className: "h-ds-sm rounded-control border border-surface-border-strong bg-surface-raised px-ds-02 text-body-sm text-surface-fg focus:outline-hidden focus:ring-2 focus:ring-accent-9",
 				"aria-label": "Minute",
 				children: Array.from({ length: 12 }, (e, t) => t * 5).map((e) => /* @__PURE__ */ M("option", {
 					value: e,
@@ -959,19 +959,19 @@ function lt({ value: e, onChange: t, minDate: n }) {
 		children: [/* @__PURE__ */ N("div", {
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ M("span", {
-				className: "text-ds-xs font-medium text-surface-fg-subtle",
+				className: "text-caption font-medium text-surface-fg-subtle",
 				children: "Date"
 			}), /* @__PURE__ */ M("input", {
 				type: "date",
 				value: a,
 				min: s,
 				onChange: o,
-				className: "h-ds-sm rounded-control border border-surface-border-strong bg-surface-raised px-ds-03 text-ds-sm text-surface-fg focus:outline-hidden focus:ring-2 focus:ring-accent-9"
+				className: "h-ds-sm rounded-control border border-surface-border-strong bg-surface-raised px-ds-03 text-body-sm text-surface-fg focus:outline-hidden focus:ring-2 focus:ring-accent-9"
 			})]
 		}), /* @__PURE__ */ N("div", {
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ M("span", {
-				className: "text-ds-xs font-medium text-surface-fg-subtle",
+				className: "text-caption font-medium text-surface-fg-subtle",
 				children: "Time"
 			}), /* @__PURE__ */ M(ct, {
 				value: i,
@@ -1002,7 +1002,7 @@ function X({ value: e, onChange: t, minDate: n }) {
 		}), /* @__PURE__ */ N("div", {
 			className: "flex items-center justify-between border-t border-surface-border pt-ds-03",
 			children: [/* @__PURE__ */ M("span", {
-				className: "text-ds-xs font-medium text-surface-fg-subtle",
+				className: "text-caption font-medium text-surface-fg-subtle",
 				children: "Time"
 			}), /* @__PURE__ */ M(ct, {
 				value: i,
@@ -1022,7 +1022,7 @@ function ut({ onSchedule: e, onClose: t, onOpenDialog: n }) {
 			/* @__PURE__ */ N("div", {
 				className: "mb-ds-03 flex items-center justify-between",
 				children: [/* @__PURE__ */ M("p", {
-					className: "text-ds-sm font-medium text-surface-fg",
+					className: "text-body-sm font-medium text-surface-fg",
 					children: "Pick date & time"
 				}), /* @__PURE__ */ M(l, {
 					variant: "ghost",
@@ -1058,7 +1058,7 @@ function ut({ onSchedule: e, onClose: t, onOpenDialog: n }) {
 		style: { minWidth: 260 },
 		children: [
 			/* @__PURE__ */ M("p", {
-				className: "px-ds-03 py-ds-01 text-ds-xs font-medium text-surface-fg-subtle",
+				className: "px-ds-03 py-ds-01 text-caption font-medium text-surface-fg-subtle",
 				children: "Schedule send"
 			}),
 			c.map((e, t) => /* @__PURE__ */ N(l, {
@@ -1162,7 +1162,7 @@ function pt({ date: e, onClear: t, onEdit: n }) {
 		transition: { duration: i.moderate01 },
 		className: "overflow-hidden",
 		children: /* @__PURE__ */ N("div", {
-			className: "flex items-center gap-ds-03 px-ds-04 py-ds-02b text-ds-xs text-accent-11 bg-accent-2 border-b border-accent-4",
+			className: "flex items-center gap-ds-03 px-ds-04 py-ds-02b text-body-xs text-accent-11 bg-accent-2 border-b border-accent-4",
 			children: [
 				/* @__PURE__ */ M(s, {
 					icon: ve,
@@ -1307,14 +1307,14 @@ var ht = {
 	}
 }, gt = [
 	"prose prose-sm max-w-none focus:outline-hidden",
-	"font-body text-ds-md leading-relaxed text-surface-fg",
+	"font-body text-body-md leading-relaxed text-surface-fg",
 	"[&_p.is-editor-empty:first-child]:relative",
 	"[&_p.is-editor-empty:first-child::before]:text-surface-fg-subtle [&_p.is-editor-empty:first-child::before]:content-[attr(data-placeholder)] [&_p.is-editor-empty:first-child::before]:pointer-events-none [&_p.is-editor-empty:first-child::before]:absolute [&_p.is-editor-empty:first-child::before]:left-0 [&_p.is-editor-empty:first-child::before]:top-0 [&_p.is-editor-empty:first-child::before]:w-full [&_p.is-editor-empty:first-child::before]:truncate",
 	"[&_p]:mb-ds-01 [&_p]:text-surface-fg",
 	"[&_p:last-child]:mb-0",
 	"[&_ul]:ml-ds-04 [&_ul]:list-disc [&_ol]:ml-ds-04 [&_ol]:list-decimal",
 	"[&_li]:text-surface-fg",
-	"[&_code]:rounded [&_code]:bg-surface-raised [&_code]:px-ds-02 [&_code]:py-[1px] [&_code]:text-ds-md [&_code]:text-accent-11",
+	"[&_code]:rounded [&_code]:bg-surface-raised [&_code]:px-ds-02 [&_code]:py-[1px] [&_code]:text-body-md [&_code]:text-accent-11",
 	"[&_strong]:font-semibold [&_strong]:text-surface-fg",
 	"[&_mark]:rounded-xs [&_mark]:bg-warning-3 [&_mark]:px-[2px]",
 	"[&_a]:text-accent-11 [&_a]:underline",
@@ -1345,14 +1345,14 @@ function _t({ options: e }) {
 		}), t && /* @__PURE__ */ N("div", {
 			className: "absolute bottom-full right-0 mb-ds-02 min-w-[200px] rounded-surface bg-surface-overlay p-ds-02 shadow-floating z-popover",
 			children: [/* @__PURE__ */ M("p", {
-				className: "px-ds-03 py-ds-01 text-ds-xs font-medium text-surface-fg-subtle",
+				className: "px-ds-03 py-ds-01 text-caption font-medium text-surface-fg-subtle",
 				children: "Send options"
 			}), e.map((e, t) => /* @__PURE__ */ N("button", {
 				type: "button",
 				onClick: () => {
 					e.onSelect(), n(!1);
 				},
-				className: "flex w-full items-center gap-ds-03 rounded-control px-ds-03 py-ds-02 text-ds-sm text-surface-fg hover:bg-surface-raised-hover transition-colors duration-fast-01",
+				className: "flex w-full items-center gap-ds-03 rounded-control px-ds-03 py-ds-02 text-body-sm text-surface-fg hover:bg-surface-raised-hover transition-colors duration-fast-01",
 				children: [e.icon && /* @__PURE__ */ M(e.icon, { className: "h-ico-sm w-ico-sm text-surface-fg-muted" }), e.label]
 			}, t))]
 		})]
@@ -1375,7 +1375,7 @@ function yt({ onSelect: e, onClose: t }) {
 	let r = /* @__PURE__ */ M("div", {
 		className: "flex h-[435px] w-[352px] items-center justify-center rounded-surface bg-surface-overlay shadow-floating",
 		children: /* @__PURE__ */ M("span", {
-			className: "text-ds-sm text-surface-fg-subtle",
+			className: "text-body-sm text-surface-fg-subtle",
 			children: "Loading…"
 		})
 	});
@@ -1854,7 +1854,7 @@ var xt = O.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 					g && _ !== "hidden" && (() => {
 						let e = Ve / g;
 						return _ === "always" || _ === "focus" && ze || (_ === "near-limit" || !_) && e >= .8 || e >= 1 ? /* @__PURE__ */ N("div", {
-							className: a("flex justify-end px-ds-04 pb-ds-02 text-ds-xs tabular-nums transition-opacity duration-fast-01", e >= 1 ? "text-error-11 font-medium" : e >= .9 ? "text-warning-11" : "text-surface-fg-subtle"),
+							className: a("flex justify-end px-ds-04 pb-ds-02 text-body-xs tabular-nums transition-opacity duration-fast-01", e >= 1 ? "text-error-11 font-medium" : e >= .9 ? "text-warning-11" : "text-surface-fg-subtle"),
 							children: [
 								Ve,
 								"/",
@@ -2057,7 +2057,7 @@ var xt = O.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 				})]
 			}),
 			_e && /* @__PURE__ */ M("p", {
-				className: "mt-ds-02 text-center text-ds-xs text-surface-fg-subtle/50",
+				className: "mt-ds-02 text-center text-caption text-surface-fg-subtle/50",
 				children: _e
 			}),
 			F && /* @__PURE__ */ M(dt, {