@devalok/shilp-sutra 0.31.0 → 0.32.0

package/dist/composed/markdown-viewer.js

@@ -1,24 +1,24 @@
 "use client";
-import { jsx as r, Fragment as k, jsxs as c } from "react/jsx-runtime";
-import * as u from "react";
-import w from "react-markdown";
-import C from "remark-gfm";
-import { IconCheck as S, IconCopy as z } from "@tabler/icons-react";
-import { Icon as x } from "../ui/icon.js";
-import { cn as o } from "../ui/lib/utils.js";
+import { jsx as r, Fragment as w, jsxs as u } from "react/jsx-runtime";
+import * as d from "react";
+import C from "react-markdown";
+import S from "remark-gfm";
+import { IconCheck as z, IconCopy as R } from "@tabler/icons-react";
+import { Icon as b } from "../ui/icon.js";
+import { cn as l } from "../ui/lib/utils.js";
 import { Button as $ } from "../ui/button.js";
-function g(t) {
+function h(t) {
   return t.toLowerCase().replace(/[^\w]+/g, "-").replace(/(^-|-$)/g, "");
 }
 function m(t) {
   return typeof t == "string" ? t : typeof t == "number" ? String(t) : t ? Array.isArray(t) ? t.map(m).join("") : typeof t == "object" && "props" in t ? m(t.props.children) : "" : "";
 }
-function b({ code: t }) {
-  const [a, i] = u.useState(!1), l = u.useRef(void 0);
-  u.useEffect(() => () => clearTimeout(l.current), []);
-  function d() {
+function y({ code: t }) {
+  const [a, i] = d.useState(!1), n = d.useRef(void 0);
+  d.useEffect(() => () => clearTimeout(n.current), []);
+  function c() {
     navigator.clipboard.writeText(t).then(() => {
-      i(!0), l.current = setTimeout(() => i(!1), 2e3);
+      i(!0), n.current = setTimeout(() => i(!1), 2e3);
     });
   }
   return /* @__PURE__ */ r(
@@ -27,37 +27,37 @@ function b({ code: t }) {
       variant: "ghost",
       size: "icon-xs",
       className: "absolute top-ds-02 right-ds-02 opacity-0 group-hover:opacity-100 transition-opacity",
-      onClick: d,
+      onClick: c,
       "aria-label": a ? "Copied" : "Copy code",
-      children: a ? /* @__PURE__ */ r(x, { icon: S, size: "xs" }) : /* @__PURE__ */ r(x, { icon: z, size: "xs" })
+      children: a ? /* @__PURE__ */ r(b, { icon: z, size: "xs" }) : /* @__PURE__ */ r(b, { icon: R, size: "xs" })
     }
   );
 }
 function j({ language: t, code: a, mb: i }) {
-  const [l, d] = u.useState(null);
-  if (u.useEffect(() => {
-    let f = !1;
+  const [n, c] = d.useState(null);
+  if (d.useEffect(() => {
+    let o = !1;
     return Promise.all([
       import("react-syntax-highlighter"),
       import("react-syntax-highlighter/dist/esm/styles/prism/one-dark")
-    ]).then(([e, s]) => {
-      f || d({ Highlighter: e.Prism ?? e.default, style: s.default });
+    ]).then(([f, e]) => {
+      o || c({ Highlighter: f.Prism ?? f.default, style: e.default });
     }).catch(() => {
     }), () => {
-      f = !0;
+      o = !0;
     };
-  }, []), !l)
-    return /* @__PURE__ */ c("div", { className: o("group relative", i), children: [
+  }, []), !n)
+    return /* @__PURE__ */ u("div", { className: l("group relative", i), children: [
       /* @__PURE__ */ r("pre", { className: "bg-surface-sunken rounded-ds-md p-ds-04 overflow-x-auto text-ds-sm font-mono", children: /* @__PURE__ */ r("code", { children: a }) }),
-      /* @__PURE__ */ r(b, { code: a })
+      /* @__PURE__ */ r(y, { code: a })
     ] });
-  const { Highlighter: p, style: n } = l;
-  return /* @__PURE__ */ c("div", { className: o("group relative", i), children: [
+  const { Highlighter: p, style: g } = n;
+  return /* @__PURE__ */ u("div", { className: l("group relative", i), children: [
     /* @__PURE__ */ r(
       p,
       {
         language: t,
-        style: n,
+        style: g,
         customStyle: {
           margin: 0,
           borderRadius: "var(--radius-md)",
@@ -67,78 +67,79 @@ function j({ language: t, code: a, mb: i }) {
         children: a
       }
     ),
-    /* @__PURE__ */ r(b, { code: a })
+    /* @__PURE__ */ r(y, { code: a })
   ] });
 }
-function q({
+const M = d.forwardRef(({
   content: t,
   compact: a = !1,
   allowHtml: i = !1,
-  linkTarget: l = "_blank",
-  className: d,
+  linkTarget: n = "_blank",
+  className: c,
   ...p
-}) {
-  const n = a ? "mb-ds-02" : "mb-ds-03", f = a ? "mt-ds-03" : "mt-ds-05";
-  return /* @__PURE__ */ r("div", { className: o("font-sans text-surface-fg", d), ...p, children: /* @__PURE__ */ r(
-    w,
+}, g) => {
+  const o = a ? "mb-ds-02" : "mb-ds-03", f = a ? "mt-ds-03" : "mt-ds-05";
+  return /* @__PURE__ */ r("div", { ref: g, className: l("font-sans text-surface-fg", c), ...p, children: /* @__PURE__ */ r(
+    C,
     {
-      remarkPlugins: [C],
+      remarkPlugins: [S],
       skipHtml: !i,
       components: {
         h1: ({ children: e }) => {
-          const s = g(m(e));
-          return /* @__PURE__ */ c("h1", { id: s, className: o("group", a ? "text-ds-md" : "text-ds-lg", "font-semibold text-surface-fg", f, n), children: [
+          const s = h(m(e));
+          return /* @__PURE__ */ u("h1", { id: s, className: l("group", a ? "text-ds-md" : "text-ds-lg", "font-semibold text-surface-fg", f, o), children: [
             /* @__PURE__ */ r("a", { href: `#${s}`, className: "opacity-0 group-hover:opacity-100 text-surface-fg-subtle mr-ds-02 no-underline", "aria-hidden": "true", children: "#" }),
             e
           ] });
         },
         h2: ({ children: e }) => {
-          const s = g(m(e));
-          return /* @__PURE__ */ c("h2", { id: s, className: o("group", "text-ds-md font-semibold text-surface-fg", a ? "mt-ds-03" : "mt-ds-04", n), children: [
+          const s = h(m(e));
+          return /* @__PURE__ */ u("h2", { id: s, className: l("group", "text-ds-md font-semibold text-surface-fg", a ? "mt-ds-03" : "mt-ds-04", o), children: [
             /* @__PURE__ */ r("a", { href: `#${s}`, className: "opacity-0 group-hover:opacity-100 text-surface-fg-subtle mr-ds-02 no-underline", "aria-hidden": "true", children: "#" }),
             e
           ] });
         },
         h3: ({ children: e }) => {
-          const s = g(m(e));
-          return /* @__PURE__ */ c("h3", { id: s, className: o("group", "text-ds-md font-semibold text-surface-fg", "mt-ds-03", n), children: [
+          const s = h(m(e));
+          return /* @__PURE__ */ u("h3", { id: s, className: l("group", "text-ds-md font-semibold text-surface-fg", "mt-ds-03", o), children: [
             /* @__PURE__ */ r("a", { href: `#${s}`, className: "opacity-0 group-hover:opacity-100 text-surface-fg-subtle mr-ds-02 no-underline", "aria-hidden": "true", children: "#" }),
             e
           ] });
         },
-        p: ({ children: e }) => /* @__PURE__ */ r("p", { className: o("text-ds-md text-surface-fg leading-ds-relaxed", n), children: e }),
+        p: ({ children: e }) => /* @__PURE__ */ r("p", { className: l("text-ds-md text-surface-fg leading-ds-relaxed", o), children: e }),
         a: ({ href: e, children: s }) => /* @__PURE__ */ r(
           "a",
           {
             href: e,
-            target: l,
-            rel: l === "_blank" ? "noopener noreferrer" : void 0,
+            target: n,
+            rel: n === "_blank" ? "noopener noreferrer" : void 0,
             className: "text-accent-11 hover:underline",
             children: s
           }
         ),
-        code: ({ className: e, children: s, ...y }) => {
-          const h = e ? /language-(\w+)/.exec(e) : null;
-          if (h) {
-            const N = h[1], v = String(s).replace(/\n$/, "");
-            return /* @__PURE__ */ r(j, { language: N, code: v, mb: n });
+        code: ({ className: e, children: s, ...N }) => {
+          const x = e ? /language-(\w+)/.exec(e) : null;
+          if (x) {
+            const v = x[1], k = String(s).replace(/\n$/, "");
+            return /* @__PURE__ */ r(j, { language: v, code: k, mb: o });
           }
-          return /* @__PURE__ */ r("code", { className: "bg-surface-sunken rounded-ds-sm px-1.5 py-0.5 text-ds-sm font-mono text-surface-fg", ...y, children: s });
+          return /* @__PURE__ */ r("code", { className: "bg-surface-sunken rounded-ds-sm px-1.5 py-0.5 text-ds-sm font-mono text-surface-fg", ...N, children: s });
         },
-        pre: ({ children: e }) => /* @__PURE__ */ r(k, { children: e }),
-        blockquote: ({ children: e }) => /* @__PURE__ */ r("blockquote", { className: o("border-l-2 border-surface-border-subtle pl-ds-04 text-surface-fg-muted italic", n), children: e }),
-        ul: ({ children: e }) => /* @__PURE__ */ r("ul", { className: o("list-disc pl-ds-06 text-ds-md text-surface-fg space-y-ds-01", n), children: e }),
-        ol: ({ children: e }) => /* @__PURE__ */ r("ol", { className: o("list-decimal pl-ds-06 text-ds-md text-surface-fg space-y-ds-01", n), children: e }),
-        table: ({ children: e }) => /* @__PURE__ */ r("div", { className: o("overflow-x-auto", n), children: /* @__PURE__ */ r("table", { className: "w-full border-collapse", children: e }) }),
+        pre: ({ children: e }) => /* @__PURE__ */ r(w, { children: e }),
+        blockquote: ({ children: e }) => /* @__PURE__ */ r("blockquote", { className: l("border-l-2 border-surface-border-subtle pl-ds-04 text-surface-fg-muted italic", o), children: e }),
+        ul: ({ children: e }) => /* @__PURE__ */ r("ul", { className: l("list-disc pl-ds-06 text-ds-md text-surface-fg space-y-ds-01", o), children: e }),
+        ol: ({ children: e }) => /* @__PURE__ */ r("ol", { className: l("list-decimal pl-ds-06 text-ds-md text-surface-fg space-y-ds-01", o), children: e }),
+        table: ({ children: e }) => /* @__PURE__ */ r("div", { className: l("overflow-x-auto", o), children: /* @__PURE__ */ r("table", { className: "w-full border-collapse", children: e }) }),
         th: ({ children: e }) => /* @__PURE__ */ r("th", { className: "border border-surface-border-subtle px-ds-03 py-ds-02 text-left text-ds-sm font-semibold bg-surface-sunken", children: e }),
         td: ({ children: e }) => /* @__PURE__ */ r("td", { className: "border border-surface-border-subtle px-ds-03 py-ds-02 text-ds-sm", children: e }),
-        hr: () => /* @__PURE__ */ r("hr", { className: o("border-surface-border-subtle", a ? "my-ds-03" : "my-ds-04") }),
+        hr: () => /* @__PURE__ */ r("hr", { className: l("border-surface-border-subtle", a ? "my-ds-03" : "my-ds-04") }),
         img: ({ src: e, alt: s }) => /* @__PURE__ */ r("img", { src: e, alt: s ?? "", className: "rounded-ds-md max-w-full", loading: "lazy" })
       },
       children: t
     }
   ) });
-}
+});
+M.displayName = "MarkdownViewer";
 export {
-  q as MarkdownViewer
+  M as MarkdownViewer
 };

package/dist/composed/master-detail.d.ts

@@ -1,17 +1,22 @@
 "use client";
 import * as React from 'react';
+/**
+ * A responsive master-detail layout. On desktop, shows a fixed-width list panel
+ * alongside a detail panel. Below the breakpoint, switches to a stacked view
+ * with animated transitions and a back button.
+ */
 export interface MasterDetailProps extends React.HTMLAttributes<HTMLDivElement> {
     /** ID of currently selected item. null = no selection (show list on mobile). */
     selected?: string | null;
-    /** Called when mobile back button is pressed */
+    /** Called when mobile back button is pressed. */
     onBack?: () => void;
-    /** Master panel width on desktop @default '280px' */
+    /** Master panel width on desktop. @default '280px' */
     masterWidth?: string;
-    /** Breakpoint below which stacked mode activates @default 'md' */
+    /** Breakpoint below which stacked mode activates. @default 'md' */
     breakpoint?: 'sm' | 'md' | 'lg';
-    /** Content to show in the detail pane when nothing is selected */
+    /** Content to show in the detail pane when nothing is selected. */
     emptyState?: React.ReactNode;
-    /** Called when user presses ArrowUp/ArrowDown while the list has focus */
+    /** Called when user presses ArrowUp/ArrowDown while the list has focus. */
     onNavigate?: (direction: 'up' | 'down') => void;
 }
 interface MasterDetailListProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -23,12 +28,11 @@ interface MasterDetailListItemProps extends React.ButtonHTMLAttributes<HTMLButto
 }
 declare function MasterDetailList({ children, className, ...props }: MasterDetailListProps): import("react/jsx-runtime").JSX.Element | null;
 declare function MasterDetailDetail({ children, className, ...props }: MasterDetailDetailProps): import("react/jsx-runtime").JSX.Element | null;
-declare function MasterDetailListItem({ active, children, className, ...props }: MasterDetailListItemProps): import("react/jsx-runtime").JSX.Element;
 declare function MasterDetailRoot({ selected, onBack, masterWidth, breakpoint, emptyState, onNavigate, children, className, style, ...props }: MasterDetailProps): import("react/jsx-runtime").JSX.Element;
 declare const MasterDetail: typeof MasterDetailRoot & {
     List: typeof MasterDetailList;
     Detail: typeof MasterDetailDetail;
-    ListItem: typeof MasterDetailListItem;
+    ListItem: React.ForwardRefExoticComponent<MasterDetailListItemProps & React.RefAttributes<HTMLButtonElement>>;
 };
 export { MasterDetail };
 export type { MasterDetailListItemProps };

package/dist/composed/master-detail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"master-detail.d.ts","sourceRoot":"","sources":["../../src/composed/master-detail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kEAAkE;IAClE,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAC/B,kEAAkE;IAClE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,0EAA0E;IAC1E,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAA;CAChD;AAED,UAAU,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE/E,UAAU,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjF,UAAU,yBAA0B,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACvF,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAgDD,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,kDA+BjF;AAED,iBAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,kDA4BrF;AAED,iBAAS,oBAAoB,CAAC,EAAE,MAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,yBAAyB,2CAmBzG;AAMD,iBAAS,gBAAgB,CAAC,EACxB,QAAe,EACf,MAAM,EACN,WAAqB,EACrB,UAAiB,EACjB,UAAU,EACV,UAAU,EACV,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAqBnB;AAED,QAAA,MAAM,YAAY;;;;CAIhB,CAAA;AAEF,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,YAAY,EAAE,yBAAyB,EAAE,CAAA"}
+{"version":3,"file":"master-detail.d.ts","sourceRoot":"","sources":["../../src/composed/master-detail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B;;;;GAIG;AACH,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mEAAmE;IACnE,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAC/B,mEAAmE;IACnE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAA;CAChD;AAED,UAAU,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE/E,UAAU,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjF,UAAU,yBAA0B,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACvF,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AA0DD,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,kDA8DjF;AAED,iBAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,kDA4BrF;AAwCD,iBAAS,gBAAgB,CAAC,EACxB,QAAe,EACf,MAAM,EACN,WAAqB,EACrB,UAAiB,EACjB,UAAU,EACV,UAAU,EACV,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,iBAAiB,2CA4BnB;AAED,QAAA,MAAM,YAAY;;;;CAIhB,CAAA;AAEF,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,YAAY,EAAE,yBAAyB,EAAE,CAAA"}

package/dist/composed/master-detail.js

@@ -1,125 +1,164 @@
 "use client";
-import { jsx as i, jsxs as x } from "react/jsx-runtime";
-import * as c from "react";
-import { IconArrowLeft as b } from "@tabler/icons-react";
-import { cn as d } from "../ui/lib/utils.js";
-import { Button as v } from "../ui/button.js";
-import { Icon as h } from "../ui/icon.js";
-import { springs as y } from "../ui/lib/motion.js";
-import { A as w, m as D } from "../_chunks/framer.js";
-const M = {
+import { jsx as d, jsxs as D } from "react/jsx-runtime";
+import * as e from "react";
+import { IconArrowLeft as M } from "@tabler/icons-react";
+import { cn as b } from "../ui/lib/utils.js";
+import { Button as C } from "../ui/button.js";
+import { Icon as k } from "../ui/icon.js";
+import { springs as R } from "../ui/lib/motion.js";
+import { A as L, m as A } from "../_chunks/framer.js";
+const E = {
   sm: "640px",
   md: "768px",
   lg: "1024px"
 };
-function g(e) {
-  const [n, r] = c.useState(!1);
-  return c.useEffect(() => {
+function N(s) {
+  const [i, c] = e.useState(!1);
+  return e.useEffect(() => {
     if (typeof window > "u") return;
-    const t = window.matchMedia(e);
-    r(t.matches);
-    const o = (s) => r(s.matches);
-    return t.addEventListener("change", o), () => t.removeEventListener("change", o);
-  }, [e]), n;
+    const r = window.matchMedia(s);
+    c(r.matches);
+    const t = (a) => c(a.matches);
+    return r.addEventListener("change", t), () => r.removeEventListener("change", t);
+  }, [s]), i;
 }
-const u = c.createContext({
+const y = e.createContext({
   selected: null,
-  isMobile: !1
+  isMobile: !1,
+  activeIndex: 0,
+  setActiveIndex: () => {
+  },
+  registerItemRef: () => {
+  },
+  itemCount: 0,
+  setItemCount: () => {
+  }
 });
-function L({ children: e, className: n, ...r }) {
-  const { selected: t, isMobile: o, onNavigate: s } = c.useContext(u);
-  if (o && t) return null;
-  function l(a) {
-    a.key === "ArrowDown" ? (a.preventDefault(), s?.("down")) : a.key === "ArrowUp" && (a.preventDefault(), s?.("up"));
+function K({ children: s, className: i, ...c }) {
+  const { selected: r, isMobile: t, onNavigate: a, activeIndex: l, setActiveIndex: m, registerItemRef: u, setItemCount: x } = e.useContext(y), f = e.useRef([]), p = e.Children.count(s);
+  if (e.useEffect(() => {
+    x(p);
+  }, [p, x]), t && r) return null;
+  function h(n) {
+    if (n.key === "ArrowDown") {
+      n.preventDefault();
+      const o = Math.min(l + 1, p - 1);
+      m(o), f.current[o]?.focus(), a?.("down");
+    } else if (n.key === "ArrowUp") {
+      n.preventDefault();
+      const o = Math.max(l - 1, 0);
+      m(o), f.current[o]?.focus(), a?.("up");
+    } else if (n.key === "Home")
+      n.preventDefault(), m(0), f.current[0]?.focus();
+    else if (n.key === "End") {
+      n.preventDefault();
+      const o = p - 1;
+      m(o), f.current[o]?.focus();
+    }
   }
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ d(
     "div",
     {
       role: "listbox",
-      tabIndex: 0,
-      className: d(
+      tabIndex: -1,
+      className: b(
         "overflow-y-auto focus-visible:outline-none",
-        !o && "border-r border-surface-border",
-        n
+        !t && "border-r border-surface-border",
+        i
       ),
-      onKeyDown: l,
-      ...r,
-      children: e
+      onKeyDown: h,
+      ...c,
+      children: e.Children.map(s, (n, o) => e.isValidElement(n) ? e.cloneElement(n, {
+        ref: (v) => {
+          f.current[o] = v, u(o, v);
+        },
+        tabIndex: o === l ? 0 : -1
+      }) : n)
     }
   );
 }
-function k({ children: e, className: n, ...r }) {
-  const { selected: t, isMobile: o, onBack: s, emptyState: l } = c.useContext(u);
-  return o && !t ? null : /* @__PURE__ */ x("div", { className: d("flex-1 overflow-y-auto", n), ...r, children: [
-    o && s && /* @__PURE__ */ i("div", { className: "border-b border-surface-border px-ds-04 py-ds-03", children: /* @__PURE__ */ i(v, { variant: "ghost", size: "xs", onClick: s, startIcon: /* @__PURE__ */ i(h, { icon: b }), children: "Back" }) }),
-    /* @__PURE__ */ i(w, { mode: "wait", children: /* @__PURE__ */ i(
-      D.div,
+function S({ children: s, className: i, ...c }) {
+  const { selected: r, isMobile: t, onBack: a, emptyState: l } = e.useContext(y);
+  return t && !r ? null : /* @__PURE__ */ D("div", { className: b("flex-1 overflow-y-auto", i), ...c, children: [
+    t && a && /* @__PURE__ */ d("div", { className: "border-b border-surface-border px-ds-04 py-ds-03", children: /* @__PURE__ */ d(C, { variant: "ghost", size: "xs", onClick: a, startIcon: /* @__PURE__ */ d(k, { icon: M }), children: "Back" }) }),
+    /* @__PURE__ */ d(L, { mode: "wait", children: /* @__PURE__ */ d(
+      A.div,
       {
-        initial: o ? { x: 20, opacity: 0 } : !1,
+        initial: t ? { x: 20, opacity: 0 } : !1,
         animate: { x: 0, opacity: 1 },
-        exit: o ? { x: -20, opacity: 0 } : void 0,
-        transition: y.snappy,
-        children: t ? e : l ?? e
+        exit: t ? { x: -20, opacity: 0 } : void 0,
+        transition: R.snappy,
+        children: r ? s : l ?? s
       },
-      t ?? "empty"
+      r ?? "empty"
     ) })
   ] });
 }
-function C({ active: e = !1, children: n, className: r, ...t }) {
-  return /* @__PURE__ */ i(
-    "button",
-    {
-      type: "button",
-      role: "option",
-      "aria-selected": e,
-      "data-active": e || void 0,
-      className: d(
-        "flex w-full items-center px-ds-04 py-ds-03 text-left text-ds-md font-sans text-surface-fg",
-        "transition-colors duration-fast-01 ease-productive-standard",
-        "hover:bg-surface-raised-hover",
-        e && "bg-accent-2 text-accent-11 border-l-2 border-accent-9",
-        r
-      ),
-      ...t,
-      children: n
+const j = e.forwardRef(
+  function({ active: i = !1, children: c, className: r, onKeyDown: t, ...a }, l) {
+    function m(u) {
+      (u.key === "Enter" || u.key === " ") && (u.preventDefault(), u.target.click()), t?.(u);
     }
-  );
-}
-function I({
-  selected: e = null,
-  onBack: n,
-  masterWidth: r = "280px",
-  breakpoint: t = "md",
-  emptyState: o,
-  onNavigate: s,
+    return /* @__PURE__ */ d(
+      "button",
+      {
+        ref: l,
+        type: "button",
+        role: "option",
+        "aria-selected": i,
+        "data-active": i || void 0,
+        onKeyDown: m,
+        className: b(
+          "flex w-full items-center px-ds-04 py-ds-03 text-left text-ds-md font-sans text-surface-fg",
+          "transition-colors duration-fast-01 ease-productive-standard",
+          "hover:bg-surface-raised-hover",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-7 focus-visible:ring-inset",
+          i && "bg-accent-2 text-accent-11 border-l-2 border-accent-9",
+          r
+        ),
+        ...a,
+        children: c
+      }
+    );
+  }
+);
+function B({
+  selected: s = null,
+  onBack: i,
+  masterWidth: c = "280px",
+  breakpoint: r = "md",
+  emptyState: t,
+  onNavigate: a,
   children: l,
-  className: a,
-  style: m,
-  ...p
+  className: m,
+  style: u,
+  ...x
 }) {
-  const f = g(`(max-width: ${M[t]})`);
-  return /* @__PURE__ */ i(u.Provider, { value: { selected: e, isMobile: f, onBack: n, emptyState: o, onNavigate: s }, children: /* @__PURE__ */ i(
+  const f = N(`(max-width: ${E[r]})`), [p, h] = e.useState(0), [n, o] = e.useState(0), v = e.useRef([]), I = e.useCallback((g, w) => {
+    v.current[g] = w;
+  }, []);
+  return /* @__PURE__ */ d(y.Provider, { value: { selected: s, isMobile: f, onBack: i, emptyState: t, onNavigate: a, activeIndex: p, setActiveIndex: h, registerItemRef: I, itemCount: n, setItemCount: o }, children: /* @__PURE__ */ d(
     "div",
     {
-      className: d(
+      className: b(
         "flex h-full",
         !f && "grid",
-        a
+        m
       ),
       style: {
-        ...m,
-        ...f ? {} : { gridTemplateColumns: `${r} 1fr` }
+        ...u,
+        ...f ? {} : { gridTemplateColumns: `${c} 1fr` }
       },
-      ...p,
+      ...x,
       children: l
     }
   ) });
 }
-const R = Object.assign(I, {
-  List: L,
-  Detail: k,
-  ListItem: C
+const U = Object.assign(B, {
+  List: K,
+  Detail: S,
+  ListItem: j
 });
 export {
-  R as MasterDetail
+  U as MasterDetail
 };

package/dist/composed/responsive-overlay.d.ts

@@ -1,5 +1,10 @@
 "use client";
 import * as React from 'react';
+/**
+ * @deprecated Dialog and Sheet now auto-adapt to mobile viewports.
+ * Use Dialog directly (fullScreens on mobile) or Sheet directly (becomes bottom sheet on mobile).
+ * This component will be removed in a future major version.
+ */
 export interface ResponsiveOverlayProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
@@ -10,6 +15,9 @@ export interface ResponsiveOverlayProps {
     children: React.ReactNode;
     className?: string;
 }
+/**
+ * @deprecated Use Dialog or Sheet directly — they are now individually mobile-responsive.
+ */
 declare function ResponsiveOverlay({ open, onOpenChange, title, description, breakpoint, children, className, }: ResponsiveOverlayProps): import("react/jsx-runtime").JSX.Element;
 export { ResponsiveOverlay };
 //# sourceMappingURL=responsive-overlay.d.ts.map

package/dist/composed/responsive-overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"responsive-overlay.d.ts","sourceRoot":"","sources":["../../src/composed/responsive-overlay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoB9B,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kEAAkE;IAClE,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA8BD,iBAAS,iBAAiB,CAAC,EACzB,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,UAAiB,EACjB,QAAQ,EACR,SAAS,GACV,EAAE,sBAAsB,2CAgCxB;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"responsive-overlay.d.ts","sourceRoot":"","sources":["../../src/composed/responsive-overlay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoB9B;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kEAAkE;IAClE,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA8BD;;GAEG;AACH,iBAAS,iBAAiB,CAAC,EACzB,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,UAAiB,EACjB,QAAQ,EACR,SAAS,GACV,EAAE,sBAAsB,2CAgCxB;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/composed/rich-text-editor.d.ts

@@ -6,11 +6,19 @@ export interface MentionItem {
     label: string;
     avatar?: string;
 }
+/**
+ * A Tiptap-powered rich text editor with a configurable toolbar, @mentions,
+ * emoji suggestions, file/image uploads, and task lists.
+ * Outputs sanitized HTML via `onChange`.
+ */
 export interface RichTextEditorProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' | 'content'> {
+    /** Initial HTML content. Updates are NOT reactive — use `onChange` for controlled state. */
     content?: string;
     placeholder?: string;
+    /** Called with the editor's HTML string whenever content changes. */
     onChange?: (html: string) => void;
     className?: string;
+    /** Set to false to render in read-only mode (e.g. for previewing). */
     editable?: boolean;
     /** Called when an image is pasted/dropped. Return a URL. If not provided, images inline as base64. */
     onImageUpload?: (file: File) => Promise<string>;
@@ -22,11 +30,11 @@ export interface RichTextEditorProps extends Omit<React.ComponentPropsWithoutRef
     }>;
     /** Whitelist of toolbar items to display. Omit to show all. */
     toolbar?: ToolbarItem[];
-    /** Static list of mentionable items */
+    /** Static list of mentionable items (shown when user types @). */
     mentions?: MentionItem[];
-    /** Async mention search. Takes precedence over static list. */
+    /** Async mention search. Takes precedence over static `mentions` list. */
     onMentionSearch?: (query: string) => Promise<MentionItem[]>;
-    /** Called when a mention is selected from the suggestion dropdown */
+    /** Called when a mention is selected from the suggestion dropdown. */
     onMentionSelect?: (item: MentionItem) => void;
 }
 declare const RichTextEditor: React.ForwardRefExoticComponent<RichTextEditorProps & React.RefAttributes<HTMLDivElement>>;

package/dist/composed/rich-text-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.d.ts","sourceRoot":"","sources":["../../src/composed/rich-text-editor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA0V9B,MAAM,MAAM,WAAW,GACnB,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,GAAG,WAAW,GACxD,IAAI,GAAG,IAAI,GAAG,YAAY,GAC1B,YAAY,GAAG,aAAa,GAAG,UAAU,GAAG,WAAW,GACvD,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,GAChC,WAAW,GAAG,aAAa,GAAG,YAAY,GAC1C,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;AAE7B,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9G,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sGAAsG;IACtG,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAC/C,oGAAoG;IACpG,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACnF,+DAA+D;IAC/D,OAAO,CAAC,EAAE,WAAW,EAAE,CAAA;IACvB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,+DAA+D;IAC/D,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,CAAA;IAC3D,qEAAqE;IACrE,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;CAC9C;AAED,QAAA,MAAM,cAAc,4FA0OnB,CAAA;AAID,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IACjG,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,cAAc,4FAiDnB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"rich-text-editor.d.ts","sourceRoot":"","sources":["../../src/composed/rich-text-editor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA2V9B,MAAM,MAAM,WAAW,GACnB,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,GAAG,WAAW,GACxD,IAAI,GAAG,IAAI,GAAG,YAAY,GAC1B,YAAY,GAAG,aAAa,GAAG,UAAU,GAAG,WAAW,GACvD,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,GAChC,WAAW,GAAG,aAAa,GAAG,YAAY,GAC1C,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;AAE7B,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED;;;;GAIG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9G,4FAA4F;IAC5F,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sGAAsG;IACtG,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAC/C,oGAAoG;IACpG,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACnF,+DAA+D;IAC/D,OAAO,CAAC,EAAE,WAAW,EAAE,CAAA;IACvB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,0EAA0E;IAC1E,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,CAAA;IAC3D,sEAAsE;IACtE,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;CAC9C;AAED,QAAA,MAAM,cAAc,4FA0OnB,CAAA;AAID,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IACjG,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,cAAc,4FAiDnB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}