@devalok/shilp-sutra 0.27.1 → 0.27.2

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

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

@@ -2,17 +2,17 @@
 import { jsxs as l, jsx as n, Fragment as H } 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 V } from "../ui/popover.js";
-import { IconSearch as W, IconCheck as X } from "@tabler/icons-react";
+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 Y } from "../ui/spinner.js";
+import { Spinner as Z } from "../ui/spinner.js";
 import { m as A } from "../_chunks/framer.js";
-const Z = r.forwardRef(
+const _ = r.forwardRef(
   ({
-    items: g,
+    items: w,
     groups: o,
     value: d,
-    onValueChange: w,
+    onValueChange: h,
     searchPlaceholder: T = "Search...",
     onSearch: c,
     searchDebounce: v = 300,
@@ -25,49 +25,44 @@ const Z = r.forwardRef(
     className: K,
     ...$
   }, z) => {
-    const [f, G] = r.useState(!1), [a, C] = r.useState(""), [u, m] = r.useState(null), [S, h] = r.useState(!1), [i, p] = r.useState(-1), y = r.useRef(), I = r.useRef(null);
+    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);
     r.useEffect(() => {
-      f || (C(""), m(null), p(-1));
+      f || (S(""), m(null), p(-1));
     }, [f]), r.useEffect(() => {
       if (!(!c || !f)) {
-        if (!a.trim()) {
-          m(null), h(!1);
+        if (!i.trim()) {
+          m(null), y(!1);
           return;
         }
-        return h(!0), clearTimeout(y.current), y.current = setTimeout(() => {
-          c(a).then((e) => m(e)).catch(() => m([])).finally(() => h(!1));
-        }, v), () => clearTimeout(y.current);
+        return y(!0), clearTimeout(g.current), g.current = setTimeout(() => {
+          c(i).then((e) => m(e)).catch(() => m([])).finally(() => y(!1));
+        }, v), () => clearTimeout(g.current);
       }
-    }, [a, c, v, f]);
-    const b = r.useMemo(() => u || (o ? o.flatMap((e) => e.items) : g ?? []), [g, o, u]), x = r.useMemo(() => {
+    }, [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;
-      const e = a.toLowerCase();
+      const e = i.toLowerCase();
       return e ? b.filter((s) => s.label.toLowerCase().includes(e)) : b;
-    }, [b, a, c]), R = r.useMemo(() => {
+    }, [b, i, c]), R = r.useMemo(() => {
       if (!o || c || u) return null;
-      const e = a.toLowerCase();
+      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, a, c, u]);
+    }, [o, i, c, u]);
     function M(e) {
-      if (d.includes(e))
-        w(d.filter((t) => t !== e));
-      else {
-        if (k && d.length >= k) return;
-        w([...d, e]);
-      }
+      d.includes(e) ? h(d.filter((t) => t !== e)) : k && d.length >= k ? h([...d.slice(1), e]) : h([...d, e]);
     }
     r.useEffect(() => {
       p(-1);
-    }, [a]), r.useEffect(() => {
+    }, [i]), r.useEffect(() => {
       var t;
-      if (i < 0) return;
+      if (a < 0) return;
       const e = I.current;
       if (!e) return;
-      (t = e.querySelectorAll("[data-multiselect-item]")[i]) == null || t.scrollIntoView({ block: "nearest" });
-    }, [i]);
+      (t = e.querySelectorAll("[data-multiselect-item]")[a]) == null || t.scrollIntoView({ block: "nearest" });
+    }, [a]);
     function U(e) {
       const s = x.length;
       if (s !== 0) {
@@ -75,16 +70,16 @@ const Z = r.forwardRef(
           e.preventDefault(), p((t) => t < s - 1 ? t + 1 : 0);
         else if (e.key === "ArrowUp")
           e.preventDefault(), p((t) => t <= 0 ? s - 1 : t - 1);
-        else if (e.key === "Enter" && i >= 0) {
+        else if (e.key === "Enter" && a >= 0) {
           e.preventDefault();
-          const t = x[i];
+          const t = x[a];
           t && !t.disabled && M(t.id);
         }
       }
     }
     let B = 0;
     function D(e) {
-      const s = d.includes(e.id), t = B++, E = t === i;
+      const s = d.includes(e.id), t = B++, E = t === a;
       return /* @__PURE__ */ l(
         A.button,
         {
@@ -126,7 +121,7 @@ const Z = r.forwardRef(
                 animate: { scale: 1 },
                 transition: P.bouncy,
                 className: "inline-flex shrink-0",
-                children: /* @__PURE__ */ n(X, { className: "h-ico-sm w-ico-sm text-accent-11" })
+                children: /* @__PURE__ */ n(Y, { className: "h-ico-sm w-ico-sm text-accent-11" })
               }
             )
           ]
@@ -137,7 +132,7 @@ const Z = r.forwardRef(
     return /* @__PURE__ */ l(J, { open: f, onOpenChange: G, children: [
       /* @__PURE__ */ n(Q, { asChild: !0, children: O }),
       /* @__PURE__ */ l(
-        V,
+        W,
         {
           ref: z,
           ...$,
@@ -150,28 +145,28 @@ const Z = r.forwardRef(
           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(W, { className: "h-ico-sm w-ico-sm shrink-0 text-surface-fg-subtle", stroke: 1.5 }),
+              /* @__PURE__ */ n(X, { className: "h-ico-sm w-ico-sm shrink-0 text-surface-fg-subtle", stroke: 1.5 }),
               /* @__PURE__ */ n(
                 "input",
                 {
                   type: "text",
                   placeholder: T,
-                  value: a,
-                  onChange: (e) => C(e.target.value),
+                  value: i,
+                  onChange: (e) => S(e.target.value),
                   onKeyDown: U,
                   "aria-label": "Search",
-                  "aria-activedescendant": i >= 0 ? `msp-item-${i}` : void 0,
+                  "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"
                 }
               ),
-              S && /* @__PURE__ */ n(Y, { size: "sm" })
+              C && /* @__PURE__ */ n(Z, { size: "sm" })
             ] }),
             /* @__PURE__ */ l("div", { ref: I, 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),
-              !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: j })
+              !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 })
             ] })
           ]
         }
@@ -179,7 +174,7 @@ const Z = r.forwardRef(
     ] });
   }
 );
-Z.displayName = "MultiSelectPopover";
+_.displayName = "MultiSelectPopover";
 export {
-  Z as MultiSelectPopover
+  _ as MultiSelectPopover
 };

package/dist/shell/top-bar.js

@@ -141,7 +141,7 @@ const k = l.forwardRef(
           children: [
             /* @__PURE__ */ d("div", { className: "border-b border-surface-border-strong px-ds-05 py-ds-04", children: [
               /* @__PURE__ */ e("p", { className: "text-ds-md text-surface-fg", children: r.name }),
-              r.email && /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-subtle", children: r.email })
+              r.email && /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-subtle truncate", children: r.email })
             ] }),
             /* @__PURE__ */ d(
               f,

package/docs/components/composed/multi-select-popover.md

@@ -51,3 +51,12 @@
 - Supply either `items` (flat) or `groups` (sectioned), not both
 - When `onSearch` is provided, local filtering is disabled — the callback must return results
 - Search state resets when the popover closes
+- `maxSelections: 1` acts as single-select — clicking a new item replaces the current one
+
+## Changes
+
+### v0.27.2
+- **Fixed** `maxSelections` at limit now replaces oldest selection instead of blocking. Single-select (`maxSelections: 1`) swaps in the new value.
+
+### v0.26.0
+- **Added** Initial release

package/docs/components/shell/top-bar.md

@@ -128,6 +128,9 @@ UserMenuItem fields:
 - **Added** Auto grid/flex layout detection based on Center zone presence
 - **Changed** Background elevated from `bg-surface-1` to `bg-surface-2`
 
+### v0.27.2
+- **Fixed** UserMenu email truncation — long emails now truncate instead of overflowing the dropdown
+
 ### v0.7.0
 - **Added** `userMenuItems` prop for custom dropdown items
 

package/llms-full.txt

@@ -5,7 +5,7 @@
 > All variant values and props verified from source CVA definitions.
 >
 > Package: @devalok/shilp-sutra
-> Version: 0.27.1
+> Version: 0.27.2
 
 ---
 
@@ -4003,6 +4003,15 @@ MasterDetail (root), MasterDetail.List, MasterDetail.Detail, MasterDetail.ListIt
 - Supply either `items` (flat) or `groups` (sectioned), not both
 - When `onSearch` is provided, local filtering is disabled — the callback must return results
 - Search state resets when the popover closes
+- `maxSelections: 1` acts as single-select — clicking a new item replaces the current one
+
+## Changes
+
+### v0.27.2
+- **Fixed** `maxSelections` at limit now replaces oldest selection instead of blocking. Single-select (`maxSelections: 1`) swaps in the new value.
+
+### v0.26.0
+- **Added** Initial release
 # PageHeader
 
 - Import: @devalok/shilp-sutra/composed/page-header
@@ -4848,6 +4857,9 @@ UserMenuItem fields:
 - **Added** Auto grid/flex layout detection based on Center zone presence
 - **Changed** Background elevated from `bg-surface-1` to `bg-surface-2`
 
+### v0.27.2
+- **Fixed** UserMenu email truncation — long emails now truncate instead of overflowing the dropdown
+
 ### v0.7.0
 - **Added** `userMenuItems` prop for custom dropdown items
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devalok/shilp-sutra",
-  "version": "0.27.1",
+  "version": "0.27.2",
   "description": "Devalok Design System — tokens, components, and patterns for Next.js",
   "license": "MIT",
   "type": "module",