@devalok/shilp-sutra 0.27.2 → 0.29.0

package/dist/composed/markdown-viewer.js

@@ -1,9 +1,10 @@
 "use client";
-import { jsx as r, Fragment as v, jsxs as c } from "react/jsx-runtime";
+import { jsx as r, Fragment as k, jsxs as c } from "react/jsx-runtime";
 import * as u from "react";
-import k from "react-markdown";
-import w from "remark-gfm";
-import { IconCheck as C, IconCopy as S } from "@tabler/icons-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 { Button as $ } from "../ui/button.js";
 function g(t) {
@@ -13,11 +14,11 @@ 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, d] = u.useState(!1), n = u.useRef();
-  u.useEffect(() => () => clearTimeout(n.current), []);
-  function i() {
+  const [a, i] = u.useState(!1), l = u.useRef(void 0);
+  u.useEffect(() => () => clearTimeout(l.current), []);
+  function d() {
     navigator.clipboard.writeText(t).then(() => {
-      d(!0), n.current = setTimeout(() => d(!1), 2e3);
+      i(!0), l.current = setTimeout(() => i(!1), 2e3);
     });
   }
   return /* @__PURE__ */ r(
@@ -26,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: i,
+      onClick: d,
       "aria-label": a ? "Copied" : "Copy code",
-      children: a ? /* @__PURE__ */ r(C, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(S, { className: "h-3.5 w-3.5" })
+      children: a ? /* @__PURE__ */ r(x, { icon: S, size: "xs" }) : /* @__PURE__ */ r(x, { icon: z, size: "xs" })
     }
   );
 }
-function j({ language: t, code: a, mb: d }) {
-  const [n, i] = u.useState(null);
+function j({ language: t, code: a, mb: i }) {
+  const [l, d] = u.useState(null);
   if (u.useEffect(() => {
     let f = !1;
     return Promise.all([
       import("react-syntax-highlighter"),
       import("react-syntax-highlighter/dist/esm/styles/prism/one-dark")
     ]).then(([e, s]) => {
-      f || i({ Highlighter: e.Prism ?? e.default, style: s.default });
+      f || d({ Highlighter: e.Prism ?? e.default, style: s.default });
     }).catch(() => {
     }), () => {
       f = !0;
     };
-  }, []), !n)
-    return /* @__PURE__ */ c("div", { className: o("group relative", d), children: [
+  }, []), !l)
+    return /* @__PURE__ */ c("div", { className: o("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 })
     ] });
-  const { Highlighter: p, style: l } = n;
-  return /* @__PURE__ */ c("div", { className: o("group relative", d), children: [
+  const { Highlighter: p, style: n } = l;
+  return /* @__PURE__ */ c("div", { className: o("group relative", i), children: [
     /* @__PURE__ */ r(
       p,
       {
         language: t,
-        style: l,
+        style: n,
         customStyle: {
           margin: 0,
           borderRadius: "var(--radius-md)",
@@ -69,66 +70,66 @@ function j({ language: t, code: a, mb: d }) {
     /* @__PURE__ */ r(b, { code: a })
   ] });
 }
-function T({
+function q({
   content: t,
   compact: a = !1,
-  allowHtml: d = !1,
-  linkTarget: n = "_blank",
-  className: i,
+  allowHtml: i = !1,
+  linkTarget: l = "_blank",
+  className: d,
   ...p
 }) {
-  const l = 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", i), ...p, children: /* @__PURE__ */ r(
-    k,
+  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,
     {
-      remarkPlugins: [w],
-      skipHtml: !d,
+      remarkPlugins: [C],
+      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, l), children: [
+          return /* @__PURE__ */ c("h1", { id: s, className: o("group", a ? "text-ds-md" : "text-ds-lg", "font-semibold text-surface-fg", f, n), 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", l), children: [
+          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: [
             /* @__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", l), children: [
+          return /* @__PURE__ */ c("h3", { id: s, className: o("group", "text-ds-md font-semibold text-surface-fg", "mt-ds-03", n), 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", l), children: e }),
+        p: ({ children: e }) => /* @__PURE__ */ r("p", { className: o("text-ds-md text-surface-fg leading-ds-relaxed", n), children: e }),
         a: ({ href: e, children: s }) => /* @__PURE__ */ r(
           "a",
           {
             href: e,
-            target: n,
-            rel: n === "_blank" ? "noopener noreferrer" : void 0,
+            target: l,
+            rel: l === "_blank" ? "noopener noreferrer" : void 0,
             className: "text-accent-11 hover:underline",
             children: s
           }
         ),
-        code: ({ className: e, children: s, ...x }) => {
+        code: ({ className: e, children: s, ...y }) => {
           const h = e ? /language-(\w+)/.exec(e) : null;
           if (h) {
-            const y = h[1], N = String(s).replace(/\n$/, "");
-            return /* @__PURE__ */ r(j, { language: y, code: N, mb: l });
+            const N = h[1], v = String(s).replace(/\n$/, "");
+            return /* @__PURE__ */ r(j, { language: N, code: v, mb: n });
           }
-          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", ...x, 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", ...y, children: s });
         },
-        pre: ({ children: e }) => /* @__PURE__ */ r(v, { 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", l), 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", l), 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", l), children: e }),
-        table: ({ children: e }) => /* @__PURE__ */ r("div", { className: o("overflow-x-auto", l), children: /* @__PURE__ */ r("table", { className: "w-full border-collapse", children: e }) }),
+        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 }) }),
         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") }),
@@ -139,5 +140,5 @@ function T({
   ) });
 }
 export {
-  T as MarkdownViewer
+  q as MarkdownViewer
 };

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;AAW9B,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,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"}

package/dist/composed/master-detail.js

@@ -3,33 +3,34 @@ 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 h } from "../ui/button.js";
-import { springs as v } from "../ui/lib/motion.js";
-import { A as w, m as y } from "../_chunks/framer.js";
-const D = {
+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 = {
   sm: "640px",
   md: "768px",
   lg: "1024px"
 };
-function M(e) {
-  const [n, s] = c.useState(!1);
+function g(e) {
+  const [n, r] = c.useState(!1);
   return c.useEffect(() => {
     if (typeof window > "u") return;
     const t = window.matchMedia(e);
-    s(t.matches);
-    const o = (r) => s(r.matches);
+    r(t.matches);
+    const o = (s) => r(s.matches);
     return t.addEventListener("change", o), () => t.removeEventListener("change", o);
   }, [e]), n;
 }
-const m = c.createContext({
+const u = c.createContext({
   selected: null,
   isMobile: !1
 });
-function g({ children: e, className: n, ...s }) {
-  const { selected: t, isMobile: o, onNavigate: r } = c.useContext(m);
+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(), r == null || r("down")) : a.key === "ArrowUp" && (a.preventDefault(), r == null || r("up"));
+    a.key === "ArrowDown" ? (a.preventDefault(), s?.("down")) : a.key === "ArrowUp" && (a.preventDefault(), s?.("up"));
   }
   return /* @__PURE__ */ i(
     "div",
@@ -42,29 +43,29 @@ function g({ children: e, className: n, ...s }) {
         n
       ),
       onKeyDown: l,
-      ...s,
+      ...r,
       children: e
     }
   );
 }
-function L({ children: e, className: n, ...s }) {
-  const { selected: t, isMobile: o, onBack: r, emptyState: l } = c.useContext(m);
-  return o && !t ? null : /* @__PURE__ */ x("div", { className: d("flex-1 overflow-y-auto", n), ...s, children: [
-    o && r && /* @__PURE__ */ i("div", { className: "border-b border-surface-border px-ds-04 py-ds-03", children: /* @__PURE__ */ i(h, { variant: "ghost", size: "xs", onClick: r, startIcon: /* @__PURE__ */ i(b, { className: "h-ico-sm w-ico-sm" }), children: "Back" }) }),
+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(
-      y.div,
+      D.div,
       {
         initial: o ? { x: 20, opacity: 0 } : !1,
         animate: { x: 0, opacity: 1 },
         exit: o ? { x: -20, opacity: 0 } : void 0,
-        transition: v.snappy,
+        transition: y.snappy,
         children: t ? e : l ?? e
       },
       t ?? "empty"
     ) })
   ] });
 }
-function k({ active: e = !1, children: n, className: s, ...t }) {
+function C({ active: e = !1, children: n, className: r, ...t }) {
   return /* @__PURE__ */ i(
     "button",
     {
@@ -77,27 +78,27 @@ function k({ active: e = !1, children: n, className: s, ...t }) {
         "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",
-        s
+        r
       ),
       ...t,
       children: n
     }
   );
 }
-function C({
+function I({
   selected: e = null,
   onBack: n,
-  masterWidth: s = "280px",
+  masterWidth: r = "280px",
   breakpoint: t = "md",
   emptyState: o,
-  onNavigate: r,
+  onNavigate: s,
   children: l,
   className: a,
-  style: u,
+  style: m,
   ...p
 }) {
-  const f = M(`(max-width: ${D[t]})`);
-  return /* @__PURE__ */ i(m.Provider, { value: { selected: e, isMobile: f, onBack: n, emptyState: o, onNavigate: r }, children: /* @__PURE__ */ i(
+  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(
     "div",
     {
       className: d(
@@ -106,19 +107,19 @@ function C({
         a
       ),
       style: {
-        ...u,
-        ...f ? {} : { gridTemplateColumns: `${s} 1fr` }
+        ...m,
+        ...f ? {} : { gridTemplateColumns: `${r} 1fr` }
       },
       ...p,
       children: l
     }
   ) });
 }
-const K = Object.assign(C, {
-  List: g,
-  Detail: L,
-  ListItem: k
+const R = Object.assign(I, {
+  List: L,
+  Detail: k,
+  ListItem: C
 });
 export {
-  K as MasterDetail
+  R as MasterDetail
 };

package/dist/composed/multi-select-popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multi-select-popover.d.ts","sourceRoot":"","sources":["../../src/composed/multi-select-popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,eAAe,EAAE,CAAA;CACzB;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACtG,8DAA8D;IAC9D,KAAK,CAAC,EAAE,eAAe,EAAE,CAAA;IACzB,yCAAyC;IACzC,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC3B,kCAAkC;IAClC,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,oCAAoC;IACpC,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACtC,2BAA2B;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,eAAe,EAAE,CAAC,CAAA;IACxD,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAA;IAC1E,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAMD,QAAA,MAAM,kBAAkB,gGA6OvB,CAAA;AAGD,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"multi-select-popover.d.ts","sourceRoot":"","sources":["../../src/composed/multi-select-popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAiB9B,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,eAAe,EAAE,CAAA;CACzB;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACtG,8DAA8D;IAC9D,KAAK,CAAC,EAAE,eAAe,EAAE,CAAA;IACzB,yCAAyC;IACzC,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC3B,kCAAkC;IAClC,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,oCAAoC;IACpC,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACtC,2BAA2B;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,eAAe,EAAE,CAAC,CAAA;IACxD,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAA;IAC1E,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAMD,QAAA,MAAM,kBAAkB,gGA6OvB,CAAA;AAGD,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/composed/multi-select-popover.js

@@ -1,106 +1,106 @@
 "use client";
-import { jsxs as l, jsx as n, Fragment as H } from "react/jsx-runtime";
+import { jsxs as l, jsx as n, Fragment as J } from "react/jsx-runtime";
 import * as r from "react";
 import { cn as L } from "../ui/lib/utils.js";
-import { Popover as J, PopoverTrigger as Q, PopoverContent as W } from "../ui/popover.js";
-import { IconSearch as X, IconCheck as Y } from "@tabler/icons-react";
-import { springs as P } from "../ui/lib/motion.js";
-import { Spinner as Z } from "../ui/spinner.js";
-import { m as A } from "../_chunks/framer.js";
-const _ = r.forwardRef(
+import { Popover as Q, PopoverTrigger as W, PopoverContent as X } from "../ui/popover.js";
+import { IconSearch as Y, IconCheck as Z } from "@tabler/icons-react";
+import { Icon as P } from "../ui/icon.js";
+import { springs as A } from "../ui/lib/motion.js";
+import { Spinner as _ } from "../ui/spinner.js";
+import { m as T } from "../_chunks/framer.js";
+const V = r.forwardRef(
   ({
     items: w,
-    groups: o,
+    groups: c,
     value: d,
     onValueChange: h,
-    searchPlaceholder: T = "Search...",
-    onSearch: c,
+    searchPlaceholder: j = "Search...",
+    onSearch: o,
     searchDebounce: v = 300,
     renderItem: N,
-    emptyMessage: j = "No results found",
+    emptyMessage: q = "No results found",
     maxSelections: k,
-    align: q = "start",
+    align: z = "start",
     width: F,
     children: O,
     className: K,
     ...$
-  }, z) => {
-    const [f, G] = r.useState(!1), [i, S] = r.useState(""), [u, m] = r.useState(null), [C, y] = r.useState(!1), [a, p] = r.useState(-1), g = r.useRef(), I = r.useRef(null);
+  }, G) => {
+    const [f, U] = r.useState(!1), [i, I] = r.useState(""), [u, m] = r.useState(null), [S, y] = r.useState(!1), [a, p] = r.useState(-1), g = r.useRef(void 0), C = r.useRef(null);
     r.useEffect(() => {
-      f || (S(""), m(null), p(-1));
+      f || (I(""), m(null), p(-1));
     }, [f]), r.useEffect(() => {
-      if (!(!c || !f)) {
+      if (!(!o || !f)) {
         if (!i.trim()) {
           m(null), y(!1);
           return;
         }
         return y(!0), clearTimeout(g.current), g.current = setTimeout(() => {
-          c(i).then((e) => m(e)).catch(() => m([])).finally(() => y(!1));
+          o(i).then((e) => m(e)).catch(() => m([])).finally(() => y(!1));
         }, v), () => clearTimeout(g.current);
       }
-    }, [i, c, v, f]);
-    const b = r.useMemo(() => u || (o ? o.flatMap((e) => e.items) : w ?? []), [w, o, u]), x = r.useMemo(() => {
-      if (c) return b;
+    }, [i, o, v, f]);
+    const b = r.useMemo(() => u || (c ? c.flatMap((e) => e.items) : w ?? []), [w, c, u]), x = r.useMemo(() => {
+      if (o) return b;
       const e = i.toLowerCase();
-      return e ? b.filter((s) => s.label.toLowerCase().includes(e)) : b;
-    }, [b, i, c]), R = r.useMemo(() => {
-      if (!o || c || u) return null;
+      return e ? b.filter((t) => t.label.toLowerCase().includes(e)) : b;
+    }, [b, i, o]), R = r.useMemo(() => {
+      if (!c || o || u) return null;
       const e = i.toLowerCase();
-      return o.map((s) => ({
-        ...s,
-        items: e ? s.items.filter((t) => t.label.toLowerCase().includes(e)) : s.items
-      })).filter((s) => s.items.length > 0);
-    }, [o, i, c, u]);
+      return c.map((t) => ({
+        ...t,
+        items: e ? t.items.filter((s) => s.label.toLowerCase().includes(e)) : t.items
+      })).filter((t) => t.items.length > 0);
+    }, [c, i, o, u]);
     function M(e) {
-      d.includes(e) ? h(d.filter((t) => t !== e)) : k && d.length >= k ? h([...d.slice(1), e]) : h([...d, e]);
+      d.includes(e) ? h(d.filter((s) => s !== e)) : k && d.length >= k ? h([...d.slice(1), e]) : h([...d, e]);
     }
     r.useEffect(() => {
       p(-1);
     }, [i]), r.useEffect(() => {
-      var t;
       if (a < 0) return;
-      const e = I.current;
+      const e = C.current;
       if (!e) return;
-      (t = e.querySelectorAll("[data-multiselect-item]")[a]) == null || t.scrollIntoView({ block: "nearest" });
+      e.querySelectorAll("[data-multiselect-item]")[a]?.scrollIntoView({ block: "nearest" });
     }, [a]);
-    function U(e) {
-      const s = x.length;
-      if (s !== 0) {
+    function B(e) {
+      const t = x.length;
+      if (t !== 0) {
         if (e.key === "ArrowDown")
-          e.preventDefault(), p((t) => t < s - 1 ? t + 1 : 0);
+          e.preventDefault(), p((s) => s < t - 1 ? s + 1 : 0);
         else if (e.key === "ArrowUp")
-          e.preventDefault(), p((t) => t <= 0 ? s - 1 : t - 1);
+          e.preventDefault(), p((s) => s <= 0 ? t - 1 : s - 1);
         else if (e.key === "Enter" && a >= 0) {
           e.preventDefault();
-          const t = x[a];
-          t && !t.disabled && M(t.id);
+          const s = x[a];
+          s && !s.disabled && M(s.id);
         }
       }
     }
-    let B = 0;
+    let H = 0;
     function D(e) {
-      const s = d.includes(e.id), t = B++, E = t === a;
+      const t = d.includes(e.id), s = H++, E = s === a;
       return /* @__PURE__ */ l(
-        A.button,
+        T.button,
         {
-          id: `msp-item-${t}`,
+          id: `msp-item-${s}`,
           type: "button",
           disabled: e.disabled,
           "data-multiselect-item": "",
           "data-focused": E ? "" : void 0,
           initial: { opacity: 0, x: -8 },
           animate: { opacity: 1, x: 0 },
-          transition: { ...P.snappy, delay: t * 0.02 },
+          transition: { ...A.snappy, delay: s * 0.02 },
           onClick: () => M(e.id),
           className: L(
             "flex w-full items-center gap-ds-03 px-ds-04 py-ds-02b text-left transition-colors duration-fast-01 ease-productive-standard",
             "hover:bg-surface-raised-hover",
             "disabled:opacity-action-disabled disabled:cursor-not-allowed",
-            s && "bg-accent-2 text-accent-11",
+            t && "bg-accent-2 text-accent-11",
             E && "bg-surface-raised-hover"
           ),
           children: [
-            N ? /* @__PURE__ */ n("span", { className: "flex-1 min-w-0", children: N(e, s) }) : /* @__PURE__ */ l(H, { children: [
+            N ? /* @__PURE__ */ n("span", { className: "flex-1 min-w-0", children: N(e, t) }) : /* @__PURE__ */ l(J, { children: [
               e.image && /* @__PURE__ */ n(
                 "img",
                 {
@@ -114,14 +114,14 @@ const _ = r.forwardRef(
                 e.description && /* @__PURE__ */ n("span", { className: "block truncate text-ds-xs text-surface-fg-subtle", children: e.description })
               ] })
             ] }),
-            s && /* @__PURE__ */ n(
-              A.span,
+            t && /* @__PURE__ */ n(
+              T.span,
               {
                 initial: { scale: 0 },
                 animate: { scale: 1 },
-                transition: P.bouncy,
+                transition: A.bouncy,
                 className: "inline-flex shrink-0",
-                children: /* @__PURE__ */ n(Y, { className: "h-ico-sm w-ico-sm text-accent-11" })
+                children: /* @__PURE__ */ n(P, { icon: Z, size: "sm", className: "text-accent-11" })
               }
             )
           ]
@@ -129,44 +129,44 @@ const _ = r.forwardRef(
         e.id
       );
     }
-    return /* @__PURE__ */ l(J, { open: f, onOpenChange: G, children: [
-      /* @__PURE__ */ n(Q, { asChild: !0, children: O }),
+    return /* @__PURE__ */ l(Q, { open: f, onOpenChange: U, modal: !1, children: [
+      /* @__PURE__ */ n(W, { asChild: !0, children: O }),
       /* @__PURE__ */ l(
-        W,
+        X,
         {
-          ref: z,
+          ref: G,
           ...$,
           className: L(
             "border-surface-border-strong bg-surface-overlay p-0",
             K
           ),
           style: { width: F ?? 240 },
-          align: q,
+          align: z,
           sideOffset: 4,
           children: [
             /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-03 border-b border-surface-border-strong px-ds-04 py-ds-03", children: [
-              /* @__PURE__ */ n(X, { className: "h-ico-sm w-ico-sm shrink-0 text-surface-fg-subtle", stroke: 1.5 }),
+              /* @__PURE__ */ n(P, { icon: Y, size: "sm", stroke: "light", className: "shrink-0 text-surface-fg-subtle" }),
               /* @__PURE__ */ n(
                 "input",
                 {
                   type: "text",
-                  placeholder: T,
+                  placeholder: j,
                   value: i,
-                  onChange: (e) => S(e.target.value),
-                  onKeyDown: U,
+                  onChange: (e) => I(e.target.value),
+                  onKeyDown: B,
                   "aria-label": "Search",
                   "aria-activedescendant": a >= 0 ? `msp-item-${a}` : void 0,
                   className: "w-full bg-transparent text-ds-md font-body text-surface-fg placeholder:text-surface-fg-subtle outline-none"
                 }
               ),
-              C && /* @__PURE__ */ n(Z, { size: "sm" })
+              S && /* @__PURE__ */ n(_, { size: "sm" })
             ] }),
-            /* @__PURE__ */ l("div", { ref: I, className: "max-h-[240px] overflow-y-auto py-ds-02", children: [
+            /* @__PURE__ */ l("div", { ref: C, className: "max-h-[240px] overflow-y-auto py-ds-02", children: [
               R ? R.map((e) => /* @__PURE__ */ l("div", { children: [
                 /* @__PURE__ */ n("div", { className: "px-ds-04 py-ds-02 text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle", children: e.label }),
                 e.items.map(D)
               ] }, e.label)) : x.map(D),
-              !C && x.length === 0 && /* @__PURE__ */ n("p", { className: "px-ds-04 py-ds-05 text-center text-ds-sm font-body text-surface-fg-subtle", children: j })
+              !S && x.length === 0 && /* @__PURE__ */ n("p", { className: "px-ds-04 py-ds-05 text-center text-ds-sm font-body text-surface-fg-subtle", children: q })
             ] })
           ]
         }
@@ -174,7 +174,7 @@ const _ = r.forwardRef(
     ] });
   }
 );
-_.displayName = "MultiSelectPopover";
+V.displayName = "MultiSelectPopover";
 export {
-  _ as MultiSelectPopover
+  V as MultiSelectPopover
 };

package/dist/composed/page-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../src/composed/page-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAA;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,UAAU,wFA+Ef,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../src/composed/page-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAA;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,UAAU,wFA4Ef,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}