@devalok/shilp-sutra 0.37.1 → 0.39.0

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

@@ -48,7 +48,7 @@ var B = T.forwardRef(({ groups: e, query: t, command: n }, r) => {
 	return /* @__PURE__ */ k("div", {
 		role: "listbox",
 		"aria-label": "Slash commands",
-		className: "z-popover max-h-[320px] min-w-[220px] overflow-x-hidden overflow-y-auto rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 shadow-floating",
+		className: "z-popover max-h-[320px] min-w-[220px] overflow-x-hidden overflow-y-auto rounded-surface border border-surface-border-strong bg-surface-overlay p-ds-02 shadow-floating",
 		children: c.map((e, t) => /* @__PURE__ */ A("div", {
 			role: "group",
 			"aria-label": e.label,
@@ -65,7 +65,7 @@ var B = T.forwardRef(({ groups: e, query: t, command: n }, r) => {
 						role: "option",
 						"aria-selected": t === i,
 						onClick: () => n(e),
-						className: a("flex w-full items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02 text-left cursor-pointer", t === i ? "bg-surface-raised-hover" : "hover:bg-surface-raised-hover"),
+						className: a("flex w-full items-center gap-ds-03 rounded-control px-ds-03 py-ds-02 text-left cursor-pointer", t === i ? "bg-surface-raised-hover" : "hover:bg-surface-raised-hover"),
 						children: [r && /* @__PURE__ */ k("span", {
 							className: "flex h-4 w-4 shrink-0 items-center justify-center text-surface-fg-muted",
 							children: /* @__PURE__ */ k(r, { className: "h-4 w-4" })
@@ -214,11 +214,11 @@ function He({ attachments: e, onRemoveAttachment: t }) {
 						/* @__PURE__ */ k("img", {
 							src: e.url,
 							alt: e.name,
-							className: "h-full w-full rounded-ds-md object-cover"
+							className: "h-full w-full rounded-control object-cover"
 						}),
 						/* @__PURE__ */ k("button", {
 							onClick: () => t(e.id),
-							className: "absolute -top-1 -right-1 h-ico-sm w-ico-sm rounded-full bg-error-9 text-error-fg flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-fast-02",
+							className: "absolute -top-1 -right-1 h-ico-sm w-ico-sm rounded-pill bg-error-9 text-error-fg flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-fast-02",
 							"aria-label": `Remove ${e.name}`,
 							title: "Remove",
 							children: /* @__PURE__ */ k(s, {
@@ -227,7 +227,7 @@ function He({ attachments: e, onRemoveAttachment: t }) {
 							})
 						}),
 						e.uploading && /* @__PURE__ */ k("div", {
-							className: "absolute inset-0 rounded-ds-md bg-surface-overlay/50 flex items-center justify-center",
+							className: "absolute inset-0 rounded-control bg-surface-overlay/50 flex items-center justify-center",
 							children: /* @__PURE__ */ k(o, { size: "sm" })
 						})
 					]
@@ -260,7 +260,7 @@ function He({ attachments: e, onRemoveAttachment: t }) {
 						},
 						opacity: { duration: i.fast02 }
 					},
-					className: "flex items-center gap-ds-02 shrink-0 rounded-ds-md bg-surface-raised px-ds-03 py-ds-01 group",
+					className: "flex items-center gap-ds-02 shrink-0 rounded-control bg-surface-raised px-ds-03 py-ds-01 group",
 					children: [
 						/* @__PURE__ */ k(s, {
 							icon: Ce,
@@ -418,7 +418,7 @@ var Ge = T.forwardRef(function({ src: e, duration: t, waveformData: n, className
 				onClick: v,
 				onKeyDown: y,
 				"aria-label": l ? "Pause voice message" : "Play voice message",
-				className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-ds-full bg-accent-9 text-accent-fg hover:bg-accent-10 active:scale-95 transition-colors duration-fast-01 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
+				className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-pill bg-accent-9 text-accent-fg hover:bg-accent-10 active:scale-95 transition-colors duration-fast-01 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
 				children: k(l ? Ae : je, {
 					size: 16,
 					stroke: 2,
@@ -445,7 +445,7 @@ var Ge = T.forwardRef(function({ src: e, duration: t, waveformData: n, className
 				type: "button",
 				onClick: x,
 				"aria-label": `Playback speed ${C}x`,
-				className: "shrink-0 text-ds-xs bg-surface-raised rounded-ds-full 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-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",
 				children: [C, "x"]
 			})
 		]
@@ -469,7 +469,7 @@ function U({ onClick: e, isActive: t, disabled: n, title: r, children: i, classN
 		title: r,
 		"aria-label": r,
 		"aria-pressed": t,
-		className: a("inline-flex h-ds-xs-plus items-center justify-center rounded-ds-md touch-target", !o?.includes("w-") && "w-ds-xs-plus", "transition-[color,background-color,transform] duration-fast-01 ease-productive-standard", "hover:bg-surface-raised-hover hover:text-surface-fg", "active:scale-95", "disabled:pointer-events-none disabled:opacity-action-disabled", t ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle", o),
+		className: a("inline-flex h-ds-xs-plus items-center justify-center rounded-control touch-target", !o?.includes("w-") && "w-ds-xs-plus", "transition-[color,background-color,transform] duration-fast-01 ease-productive-standard", "hover:bg-surface-raised-hover hover:text-surface-fg", "active:scale-95", "disabled:pointer-events-none disabled:opacity-action-disabled", t ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle", o),
 		children: i
 	});
 }
@@ -738,10 +738,10 @@ function at({ duration: e, analyserNode: t, maxDuration: n, onCancel: r }) {
 		role: "status",
 		"aria-live": "polite",
 		"aria-label": "Recording voice message",
-		className: "absolute inset-0 flex items-center gap-ds-03 px-ds-04 py-ds-03 bg-surface-raised-hover rounded-ds-lg z-10",
+		className: "absolute inset-0 flex items-center gap-ds-03 px-ds-04 py-ds-03 bg-surface-raised-hover rounded-surface z-10",
 		children: [
 			/* @__PURE__ */ k("span", {
-				className: a("w-ds-02b h-ds-02b shrink-0 rounded-ds-full bg-error-9", i ? "opacity-100" : c),
+				className: a("w-ds-02b h-ds-02b shrink-0 rounded-pill bg-error-9", i ? "opacity-100" : c),
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ A("span", {
@@ -820,7 +820,7 @@ function ot({ author: e, preview: t, onDismiss: n }) {
 			}), /* @__PURE__ */ k("button", {
 				type: "button",
 				onClick: n,
-				className: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md touch-target", "text-surface-fg-subtle hover:text-surface-fg hover:bg-surface-raised-hover", "transition-colors duration-fast-01 ease-productive-standard", "active:scale-95"),
+				className: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control touch-target", "text-surface-fg-subtle hover:text-surface-fg hover:bg-surface-raised-hover", "transition-colors duration-fast-01 ease-productive-standard", "active:scale-95"),
 				"aria-label": "Cancel reply",
 				title: "Cancel reply",
 				children: /* @__PURE__ */ k(s, {
@@ -898,7 +898,7 @@ function ct({ value: e, onChange: t }) {
 			/* @__PURE__ */ k("select", {
 				value: n,
 				onChange: (e) => o(Number(e.target.value)),
-				className: "h-ds-sm rounded-ds-md 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-ds-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__ */ k("option", {
 					value: e,
@@ -912,7 +912,7 @@ function ct({ value: e, onChange: t }) {
 			/* @__PURE__ */ k("select", {
 				value: r - r % 5,
 				onChange: (e) => s(Number(e.target.value)),
-				className: "h-ds-sm rounded-ds-md 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-ds-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__ */ k("option", {
 					value: e,
@@ -920,7 +920,7 @@ function ct({ value: e, onChange: t }) {
 				}, e))
 			}),
 			/* @__PURE__ */ A("div", {
-				className: "inline-flex rounded-ds-md border border-surface-border-strong overflow-hidden",
+				className: "inline-flex rounded-control border border-surface-border-strong overflow-hidden",
 				children: [/* @__PURE__ */ k("button", {
 					type: "button",
 					onClick: () => c(!1),
@@ -958,7 +958,7 @@ function X({ value: e, onChange: t, minDate: n }) {
 				value: a,
 				min: s,
 				onChange: o,
-				className: "h-ds-sm rounded-ds-md 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-ds-sm text-surface-fg focus:outline-hidden focus:ring-2 focus:ring-accent-9"
 			})]
 		}), /* @__PURE__ */ A("div", {
 			className: "flex items-center justify-between",
@@ -1019,7 +1019,7 @@ function ut({ onSchedule: e, onClose: t, onOpenDialog: n }) {
 				}), /* @__PURE__ */ k("button", {
 					type: "button",
 					onClick: () => i(!1),
-					className: "inline-flex items-center justify-center rounded-ds-md p-ds-01 text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg transition-colors",
+					className: "inline-flex items-center justify-center rounded-control p-ds-01 text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg transition-colors",
 					"aria-label": "Back to presets",
 					children: /* @__PURE__ */ k(s, {
 						icon: L,
@@ -1056,7 +1056,7 @@ function ut({ onSchedule: e, onClose: t, onOpenDialog: n }) {
 			c.map((e, t) => /* @__PURE__ */ A("button", {
 				type: "button",
 				onClick: () => u(e.date),
-				className: "flex w-full items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b 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-02b text-ds-sm text-surface-fg hover:bg-surface-raised-hover transition-colors duration-fast-01",
 				children: [/* @__PURE__ */ k(s, {
 					icon: xe,
 					size: "sm",
@@ -1067,7 +1067,7 @@ function ut({ onSchedule: e, onClose: t, onOpenDialog: n }) {
 			/* @__PURE__ */ A("button", {
 				type: "button",
 				onClick: () => i(!0),
-				className: "flex w-full items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b 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-02b text-ds-sm text-surface-fg hover:bg-surface-raised-hover transition-colors duration-fast-01",
 				children: [/* @__PURE__ */ k(s, {
 					icon: ye,
 					size: "sm",
@@ -1079,7 +1079,7 @@ function ut({ onSchedule: e, onClose: t, onOpenDialog: n }) {
 				onClick: () => {
 					n(), t();
 				},
-				className: "flex w-full items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b 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-02b text-ds-sm text-surface-fg hover:bg-surface-raised-hover transition-colors duration-fast-01",
 				children: [/* @__PURE__ */ k(s, {
 					icon: ye,
 					size: "sm",
@@ -1168,7 +1168,7 @@ function ft({ date: e, onClear: t, onEdit: n }) {
 				n && /* @__PURE__ */ k("button", {
 					type: "button",
 					onClick: n,
-					className: "inline-flex shrink-0 items-center justify-center rounded-ds-sm p-ds-01 hover:bg-accent-3 transition-colors",
+					className: "inline-flex shrink-0 items-center justify-center rounded-control-inner p-ds-01 hover:bg-accent-3 transition-colors",
 					"aria-label": "Edit schedule",
 					children: /* @__PURE__ */ k(s, {
 						icon: ke,
@@ -1178,7 +1178,7 @@ function ft({ date: e, onClear: t, onEdit: n }) {
 				/* @__PURE__ */ k("button", {
 					type: "button",
 					onClick: t,
-					className: "inline-flex shrink-0 items-center justify-center rounded-ds-sm p-ds-01 hover:bg-accent-3 transition-colors",
+					className: "inline-flex shrink-0 items-center justify-center rounded-control-inner p-ds-01 hover:bg-accent-3 transition-colors",
 					"aria-label": "Cancel schedule",
 					children: /* @__PURE__ */ k(s, {
 						icon: L,
@@ -1308,7 +1308,7 @@ var ht = {
 	"[&_strong]:font-semibold [&_strong]:text-surface-fg",
 	"[&_mark]:rounded-xs [&_mark]:bg-warning-3 [&_mark]:px-[2px]",
 	"[&_a]:text-accent-11 [&_a]:underline",
-	"[&_.mention]:rounded-ds-sm [&_.mention]:bg-accent-2 [&_.mention]:px-ds-02 [&_.mention]:py-[1px] [&_.mention]:font-medium [&_.mention]:text-accent-11"
+	"[&_.mention]:rounded-control-inner [&_.mention]:bg-accent-2 [&_.mention]:px-ds-02 [&_.mention]:py-[1px] [&_.mention]:font-medium [&_.mention]:text-accent-11"
 ].join(" ");
 function _t({ options: e }) {
 	let [t, n] = T.useState(!1), r = T.useRef(null);
@@ -1327,13 +1327,13 @@ function _t({ options: e }) {
 			title: "More send options",
 			"aria-label": "More send options",
 			"aria-expanded": t,
-			className: a("inline-flex h-ds-xs-plus w-5 items-center justify-center rounded-ds-md touch-target", "text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg", "transition-colors duration-fast-01 ease-productive-standard", t && "bg-surface-raised-hover text-surface-fg"),
+			className: a("inline-flex h-ds-xs-plus w-5 items-center justify-center rounded-control touch-target", "text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg", "transition-colors duration-fast-01 ease-productive-standard", t && "bg-surface-raised-hover text-surface-fg"),
 			children: /* @__PURE__ */ k(s, {
 				icon: be,
 				size: "xs"
 			})
 		}), t && /* @__PURE__ */ A("div", {
-			className: "absolute bottom-full right-0 mb-ds-02 min-w-[200px] rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 shadow-floating z-popover",
+			className: "absolute bottom-full right-0 mb-ds-02 min-w-[200px] rounded-surface border border-surface-border-strong bg-surface-overlay p-ds-02 shadow-floating z-popover",
 			children: [/* @__PURE__ */ k("p", {
 				className: "px-ds-03 py-ds-01 text-ds-xs font-medium text-surface-fg-subtle",
 				children: "Send options"
@@ -1342,7 +1342,7 @@ function _t({ options: e }) {
 				onClick: () => {
 					e.onSelect(), n(!1);
 				},
-				className: "flex w-full items-center gap-ds-03 rounded-ds-md 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-ds-sm text-surface-fg hover:bg-surface-raised-hover transition-colors duration-fast-01",
 				children: [e.icon && /* @__PURE__ */ k(e.icon, { className: "h-ico-sm w-ico-sm text-surface-fg-muted" }), e.label]
 			}, t))]
 		})]
@@ -1365,7 +1365,7 @@ function yt({ set: e = "native", onSelect: t, onClose: n }) {
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [n]);
 	let s = /* @__PURE__ */ k("div", {
-		className: "flex h-[350px] w-[352px] items-center justify-center rounded-ds-lg border border-surface-border-strong bg-surface-overlay shadow-floating",
+		className: "flex h-[350px] w-[352px] items-center justify-center rounded-surface border border-surface-border-strong bg-surface-overlay shadow-floating",
 		children: /* @__PURE__ */ k("span", {
 			className: "text-ds-sm text-surface-fg-subtle",
 			children: "Loading..."
@@ -1373,7 +1373,7 @@ function yt({ set: e = "native", onSelect: t, onClose: n }) {
 	});
 	return /* @__PURE__ */ k("div", {
 		ref: o,
-		className: "rounded-ds-lg border border-surface-border-strong bg-surface-overlay shadow-floating overflow-hidden",
+		className: "rounded-surface border border-surface-border-strong bg-surface-overlay shadow-floating overflow-hidden",
 		children: r ? /* @__PURE__ */ k(T.Suspense, {
 			fallback: s,
 			children: /* @__PURE__ */ k(vt, {
@@ -1397,7 +1397,7 @@ function Q({ onClick: e, isActive: t = !1, title: n, children: r }) {
 		title: n,
 		"aria-label": n,
 		"aria-pressed": t,
-		className: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md touch-target", "transition-colors duration-fast-01 ease-productive-standard", "hover:bg-surface-raised-hover", t ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle"),
+		className: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control touch-target", "transition-colors duration-fast-01 ease-productive-standard", "hover:bg-surface-raised-hover", t ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle"),
 		children: r
 	});
 }
@@ -1415,7 +1415,7 @@ function bt({ editor: e }) {
 	});
 	return /* @__PURE__ */ A(w, {
 		editor: e,
-		className: "flex gap-ds-01 rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 shadow-floating",
+		className: "flex gap-ds-01 rounded-surface border border-surface-border-strong bg-surface-overlay p-ds-02 shadow-floating",
 		children: [
 			/* @__PURE__ */ k(Q, {
 				onClick: () => e.chain().focus().toggleBold().run(),
@@ -1699,7 +1699,7 @@ var xt = T.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 			/* @__PURE__ */ A("div", {
 				role: "region",
 				"aria-label": "Message composer",
-				className: a("flex-1 min-w-0 overflow-hidden rounded-ds-lg border border-surface-border-strong bg-surface-raised-hover", "transition-[color,background-color,border-color,box-shadow] duration-fast-02 ease-productive-standard", "hover:bg-surface-raised-active", "focus-within:ring-2 focus-within:ring-accent-9 focus-within:ring-offset-2 focus-within:border-accent-9", P === "recording" && "border-error-7/30", Je && "border-dashed border-accent-7 bg-accent-2", d && "opacity-action-disabled cursor-not-allowed"),
+				className: a("flex-1 min-w-0 overflow-hidden rounded-surface border border-surface-border-strong bg-surface-raised-hover", "transition-[color,background-color,border-color,box-shadow] duration-fast-02 ease-productive-standard", "hover:bg-surface-raised-active", "focus-within:ring-2 focus-within:ring-accent-9 focus-within:ring-offset-2 focus-within:border-accent-9", P === "recording" && "border-error-7/30", Je && "border-dashed border-accent-7 bg-accent-2", d && "opacity-action-disabled cursor-not-allowed"),
 				onFocus: () => We(!0),
 				onBlur: (e) => {
 					e.currentTarget.contains(e.relatedTarget) || We(!1);
@@ -1766,7 +1766,7 @@ var xt = T.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 									title: I ? "Hide formatting" : "Show formatting",
 									"aria-label": I ? "Hide formatting" : "Show formatting",
 									"aria-pressed": I,
-									className: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md touch-target", "transition-colors duration-fast-01 ease-productive-standard", "hover:bg-surface-raised-hover", I ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle"),
+									className: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control touch-target", "transition-colors duration-fast-01 ease-productive-standard", "hover:bg-surface-raised-hover", I ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle"),
 									children: /* @__PURE__ */ k(s, {
 										icon: Fe,
 										size: "xs"
@@ -1779,7 +1779,7 @@ var xt = T.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 										onClick: () => Re((e) => !e),
 										title: "Emoji",
 										"aria-label": "Emoji",
-										className: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md touch-target transition-colors duration-fast-01", Le ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg"),
+										className: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control touch-target transition-colors duration-fast-01", Le ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg"),
 										children: /* @__PURE__ */ k(s, {
 											icon: Oe,
 											size: "xs"