@devalok/shilp-sutra 0.25.0 → 0.26.0

package/dist/composed/markdown-viewer.js

@@ -0,0 +1,143 @@
+"use client";
+import { jsx as t, Fragment as v, 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 { cn as o } from "../ui/lib/utils.js";
+import { Button as $ } from "../ui/button.js";
+function g(r) {
+  return r.toLowerCase().replace(/[^\w]+/g, "-").replace(/(^-|-$)/g, "");
+}
+function m(r) {
+  return typeof r == "string" ? r : typeof r == "number" ? String(r) : r ? Array.isArray(r) ? r.map(m).join("") : typeof r == "object" && "props" in r ? m(r.props.children) : "" : "";
+}
+function b({ code: r }) {
+  const [a, d] = u.useState(!1), n = u.useRef();
+  u.useEffect(() => () => clearTimeout(n.current), []);
+  function i() {
+    navigator.clipboard.writeText(r).then(() => {
+      d(!0), n.current = setTimeout(() => d(!1), 2e3);
+    });
+  }
+  return /* @__PURE__ */ t(
+    $,
+    {
+      variant: "ghost",
+      size: "icon-xs",
+      className: "absolute top-ds-02 right-ds-02 opacity-0 group-hover:opacity-100 transition-opacity",
+      onClick: i,
+      "aria-label": a ? "Copied" : "Copy code",
+      children: a ? /* @__PURE__ */ t(C, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ t(S, { className: "h-3.5 w-3.5" })
+    }
+  );
+}
+function j({ language: r, code: a, mb: d }) {
+  const [n, i] = u.useState(null);
+  if (u.useEffect(() => {
+    let f = !1;
+    return Promise.all([
+      import("../_chunks/vendor-utils.js").then((e) => e.aE),
+      import("../_chunks/vendor-utils.js").then((e) => e.aF)
+    ]).then(([e, s]) => {
+      f || i({ Highlighter: e.Prism ?? e.default, style: s.default });
+    }).catch(() => {
+    }), () => {
+      f = !0;
+    };
+  }, []), !n)
+    return /* @__PURE__ */ c("div", { className: o("group relative", d), children: [
+      /* @__PURE__ */ t("pre", { className: "bg-surface-sunken rounded-ds-md p-ds-04 overflow-x-auto text-ds-sm font-mono", children: /* @__PURE__ */ t("code", { children: a }) }),
+      /* @__PURE__ */ t(b, { code: a })
+    ] });
+  const { Highlighter: p, style: l } = n;
+  return /* @__PURE__ */ c("div", { className: o("group relative", d), children: [
+    /* @__PURE__ */ t(
+      p,
+      {
+        language: r,
+        style: l,
+        customStyle: {
+          margin: 0,
+          borderRadius: "var(--radius-md)",
+          fontSize: "var(--font-size-sm)",
+          padding: "var(--spacing-04)"
+        },
+        children: a
+      }
+    ),
+    /* @__PURE__ */ t(b, { code: a })
+  ] });
+}
+function P({
+  content: r,
+  compact: a = !1,
+  allowHtml: d = !1,
+  linkTarget: n = "_blank",
+  className: i,
+  ...p
+}) {
+  const l = a ? "mb-ds-02" : "mb-ds-03", f = a ? "mt-ds-03" : "mt-ds-05";
+  return /* @__PURE__ */ t("div", { className: o("font-sans text-surface-fg", i), ...p, children: /* @__PURE__ */ t(
+    k,
+    {
+      remarkPlugins: [w],
+      skipHtml: !d,
+      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: [
+            /* @__PURE__ */ t("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: [
+            /* @__PURE__ */ t("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: [
+            /* @__PURE__ */ t("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__ */ t("p", { className: o("text-ds-md text-surface-fg leading-ds-relaxed", l), children: e }),
+        a: ({ href: e, children: s }) => /* @__PURE__ */ t(
+          "a",
+          {
+            href: e,
+            target: n,
+            rel: n === "_blank" ? "noopener noreferrer" : void 0,
+            className: "text-accent-11 hover:underline",
+            children: s
+          }
+        ),
+        code: ({ className: e, children: s, ...x }) => {
+          const h = e ? /language-(\w+)/.exec(e) : null;
+          if (h) {
+            const y = h[1], N = String(s).replace(/\n$/, "");
+            return /* @__PURE__ */ t(j, { language: y, code: N, mb: l });
+          }
+          return /* @__PURE__ */ t("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 });
+        },
+        pre: ({ children: e }) => /* @__PURE__ */ t(v, { children: e }),
+        blockquote: ({ children: e }) => /* @__PURE__ */ t("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__ */ t("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__ */ t("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__ */ t("div", { className: o("overflow-x-auto", l), children: /* @__PURE__ */ t("table", { className: "w-full border-collapse", children: e }) }),
+        th: ({ children: e }) => /* @__PURE__ */ t("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__ */ t("td", { className: "border border-surface-border-subtle px-ds-03 py-ds-02 text-ds-sm", children: e }),
+        hr: () => /* @__PURE__ */ t("hr", { className: o("border-surface-border-subtle", a ? "my-ds-03" : "my-ds-04") }),
+        img: ({ src: e, alt: s }) => /* @__PURE__ */ t("img", { src: e, alt: s ?? "", className: "rounded-ds-md max-w-full", loading: "lazy" })
+      },
+      children: r
+    }
+  ) });
+}
+export {
+  P as MarkdownViewer
+};

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

@@ -0,0 +1,35 @@
+"use client";
+import * as React from 'react';
+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 */
+    onBack?: () => void;
+    /** Master panel width on desktop @default '280px' */
+    masterWidth?: string;
+    /** Breakpoint below which stacked mode activates @default 'md' */
+    breakpoint?: 'sm' | 'md' | 'lg';
+    /** 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 */
+    onNavigate?: (direction: 'up' | 'down') => void;
+}
+interface MasterDetailListProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface MasterDetailDetailProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface MasterDetailListItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    active?: boolean;
+}
+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;
+};
+export { MasterDetail };
+export type { MasterDetailListItemProps };
+//# sourceMappingURL=master-detail.d.ts.map

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

@@ -0,0 +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"}

package/dist/composed/master-detail.js

@@ -0,0 +1,124 @@
+"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 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 = {
+  sm: "640px",
+  md: "768px",
+  lg: "1024px"
+};
+function M(e) {
+  const [n, s] = 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);
+    return t.addEventListener("change", o), () => t.removeEventListener("change", o);
+  }, [e]), n;
+}
+const m = c.createContext({
+  selected: null,
+  isMobile: !1
+});
+function g({ children: e, className: n, ...s }) {
+  const { selected: t, isMobile: o, onNavigate: r } = c.useContext(m);
+  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"));
+  }
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      role: "listbox",
+      tabIndex: 0,
+      className: d(
+        "overflow-y-auto focus-visible:outline-none",
+        !o && "border-r border-surface-border",
+        n
+      ),
+      onKeyDown: l,
+      ...s,
+      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" }) }),
+    /* @__PURE__ */ i(w, { mode: "wait", children: /* @__PURE__ */ i(
+      y.div,
+      {
+        initial: o ? { x: 20, opacity: 0 } : !1,
+        animate: { x: 0, opacity: 1 },
+        exit: o ? { x: -20, opacity: 0 } : void 0,
+        transition: v.snappy,
+        children: t ? e : l ?? e
+      },
+      t ?? "empty"
+    ) })
+  ] });
+}
+function k({ active: e = !1, children: n, className: s, ...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",
+        s
+      ),
+      ...t,
+      children: n
+    }
+  );
+}
+function C({
+  selected: e = null,
+  onBack: n,
+  masterWidth: s = "280px",
+  breakpoint: t = "md",
+  emptyState: o,
+  onNavigate: r,
+  children: l,
+  className: a,
+  style: u,
+  ...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(
+    "div",
+    {
+      className: d(
+        "flex h-full",
+        !f && "grid",
+        a
+      ),
+      style: {
+        ...u,
+        ...f ? {} : { gridTemplateColumns: `${s} 1fr` }
+      },
+      ...p,
+      children: l
+    }
+  ) });
+}
+const K = Object.assign(C, {
+  List: g,
+  Detail: L,
+  ListItem: k
+});
+export {
+  K as MasterDetail
+};

package/dist/composed/member-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"member-picker.d.ts","sourceRoot":"","sources":["../../src/composed/member-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAqB9B,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAChG,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAMD,QAAA,MAAM,YAAY,0FA6FjB,CAAA;AAID,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"member-picker.d.ts","sourceRoot":"","sources":["../../src/composed/member-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAChG,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAMD,QAAA,MAAM,YAAY,0FAqDjB,CAAA;AAID,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/composed/member-picker.js

@@ -1,97 +1,50 @@
 "use client";
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import * as a from "react";
-import { cn as i } from "../ui/lib/utils.js";
-import { Popover as N, PopoverTrigger as y, PopoverContent as w } from "../ui/popover.js";
-import { Avatar as k, AvatarImage as C, AvatarFallback as S } from "../ui/avatar.js";
-import { IconSearch as P, IconCheck as I } from "@tabler/icons-react";
-import { springs as A } from "../ui/lib/motion.js";
-import { getInitials as O } from "./lib/string-utils.js";
-import { m as j } from "../_chunks/framer.js";
-const L = a.forwardRef(
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import * as c from "react";
+import { Avatar as b, AvatarImage as v, AvatarFallback as N } from "../ui/avatar.js";
+import { MultiSelectPopover as M } from "./multi-select-popover.js";
+import { getInitials as P } from "./lib/string-utils.js";
+const k = c.forwardRef(
   ({
     members: l,
-    selectedIds: d,
-    onSelect: f,
-    children: m,
-    multiple: p = !1,
-    placeholder: u = "Search members...",
-    className: h,
-    ...x
+    selectedIds: r,
+    onSelect: i,
+    children: n,
+    multiple: m = !1,
+    placeholder: d = "Search members...",
+    ...f
   }, g) => {
-    const [b, r] = a.useState(!1), [o, v] = a.useState(""), c = l.filter(
-      (e) => e.name.toLowerCase().includes(o.toLowerCase())
+    const h = c.useMemo(
+      () => l.map((e) => ({ id: e.id, label: e.name, image: e.avatar })),
+      [l]
+    );
+    function u(e) {
+      const p = e.find((t) => !r.includes(t)), x = r.find((t) => !e.includes(t)), o = p ?? x;
+      o && i(o);
+    }
+    return /* @__PURE__ */ a(
+      M,
+      {
+        ref: g,
+        items: h,
+        value: r,
+        onValueChange: u,
+        searchPlaceholder: d,
+        maxSelections: m ? void 0 : 1,
+        renderItem: (e) => /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
+          /* @__PURE__ */ s(b, { className: "h-ico-md w-ico-md", children: [
+            e.image && /* @__PURE__ */ a(v, { src: e.image, alt: e.label }),
+            /* @__PURE__ */ a(N, { className: "bg-surface-raised-hover text-ds-xs font-semibold text-surface-fg", children: P(e.label) })
+          ] }),
+          /* @__PURE__ */ a("span", { className: "flex-1 truncate text-ds-md font-body text-surface-fg", children: e.label })
+        ] }),
+        ...f,
+        children: n
+      }
     );
-    return /* @__PURE__ */ s(N, { open: b, onOpenChange: r, children: [
-      /* @__PURE__ */ t(y, { asChild: !0, children: m }),
-      /* @__PURE__ */ s(
-        w,
-        {
-          ref: g,
-          ...x,
-          className: i("w-[220px] border-surface-border-strong bg-surface-overlay p-0", h),
-          align: "start",
-          sideOffset: 4,
-          children: [
-            /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03 border-b border-surface-border-strong px-ds-04 py-ds-03", children: [
-              /* @__PURE__ */ t(P, { className: "h-ico-sm w-ico-sm shrink-0 text-surface-fg-subtle", stroke: 1.5 }),
-              /* @__PURE__ */ t(
-                "input",
-                {
-                  type: "text",
-                  placeholder: u,
-                  value: o,
-                  onChange: (e) => v(e.target.value),
-                  "aria-label": "Search members",
-                  className: "w-full bg-transparent text-ds-md font-body text-surface-fg placeholder:text-surface-fg-subtle outline-none focus-visible:ring-1 focus-visible:ring-accent-7"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ s("div", { className: "max-h-[200px] overflow-y-auto py-ds-02", children: [
-              c.map((e) => {
-                const n = d.includes(e.id);
-                return /* @__PURE__ */ s(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => {
-                      f(e.id), p || r(!1);
-                    },
-                    className: i(
-                      "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",
-                      n && "bg-accent-2 text-accent-11"
-                    ),
-                    children: [
-                      /* @__PURE__ */ s(k, { className: "h-ico-md w-ico-md", children: [
-                        e.avatar && /* @__PURE__ */ t(C, { src: e.avatar, alt: e.name }),
-                        /* @__PURE__ */ t(S, { className: "bg-surface-raised-hover text-ds-xs font-semibold text-surface-fg", children: O(e.name) })
-                      ] }),
-                      /* @__PURE__ */ t("span", { className: "flex-1 truncate text-ds-md font-body text-surface-fg", children: e.name }),
-                      n && /* @__PURE__ */ t(
-                        j.span,
-                        {
-                          initial: { scale: 0 },
-                          animate: { scale: 1 },
-                          transition: A.bouncy,
-                          className: "inline-flex shrink-0",
-                          children: /* @__PURE__ */ t(I, { className: "h-ico-sm w-ico-sm text-accent-11" })
-                        }
-                      )
-                    ]
-                  },
-                  e.id
-                );
-              }),
-              c.length === 0 && /* @__PURE__ */ t("p", { className: "px-ds-04 py-ds-05 text-center text-ds-sm font-body text-surface-fg-subtle", children: "No members found" })
-            ] })
-          ]
-        }
-      )
-    ] });
   }
 );
-L.displayName = "MemberPicker";
+k.displayName = "MemberPicker";
 export {
-  L as MemberPicker
+  k as MemberPicker
 };

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

@@ -0,0 +1,44 @@
+"use client";
+import * as React from 'react';
+export interface MultiSelectItem {
+    id: string;
+    label: string;
+    image?: string;
+    description?: string;
+    disabled?: boolean;
+}
+export interface MultiSelectGroup {
+    label: string;
+    items: MultiSelectItem[];
+}
+export interface MultiSelectPopoverProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onSelect'> {
+    /** Flat list of items (use `groups` for grouped rendering) */
+    items?: MultiSelectItem[];
+    /** Grouped items with section headers */
+    groups?: MultiSelectGroup[];
+    /** Currently selected item IDs */
+    value: string[];
+    /** Called when selection changes */
+    onValueChange: (ids: string[]) => void;
+    /** @default 'Search...' */
+    searchPlaceholder?: string;
+    /** Async search — replaces local filter with server results */
+    onSearch?: (query: string) => Promise<MultiSelectItem[]>;
+    /** Debounce for async search in ms @default 300 */
+    searchDebounce?: number;
+    /** Custom item renderer */
+    renderItem?: (item: MultiSelectItem, selected: boolean) => React.ReactNode;
+    /** Message when no items match filter @default 'No results found' */
+    emptyMessage?: string;
+    /** Maximum number of selections */
+    maxSelections?: number;
+    /** Popover alignment @default 'start' */
+    align?: 'start' | 'center' | 'end';
+    /** Popover width */
+    width?: string | number;
+    /** Trigger element */
+    children: React.ReactNode;
+}
+declare const MultiSelectPopover: React.ForwardRefExoticComponent<MultiSelectPopoverProps & React.RefAttributes<HTMLDivElement>>;
+export { MultiSelectPopover };
+//# sourceMappingURL=multi-select-popover.d.ts.map

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

@@ -0,0 +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,gGAyOvB,CAAA;AAGD,OAAO,EAAE,kBAAkB,EAAE,CAAA"}