@pibit.ai/cure-design-system 0.6.27 → 0.6.28

package/dist/patterns/filters/filter-list-section.js

@@ -1,105 +1,105 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { MinusSquare as N } from "@untitledui/icons";
-import g from "../../primitives/select/SearchInput.js";
-import { Checkbox as m, CheckboxBase as b } from "../../primitives/checkbox/checkbox.js";
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { MinusSquare as y } from "@untitledui/icons";
+import N from "../../primitives/select/SearchInput.js";
+import { Checkbox as u, CheckboxBase as g } from "../../primitives/checkbox/checkbox.js";
 import { Avatar as S } from "../../primitives/avatar/avatar.js";
-function C(a) {
-  return a.label ?? String(a.value ?? "");
+function C(r) {
+  return r.label ?? String(r.value ?? "");
 }
-function k(a) {
-  return a.value ?? String(a.id ?? "");
+function k(r) {
+  return r.value ?? String(r.id ?? "");
 }
-function w(a) {
-  return a.id ?? a.value;
+function w(r) {
+  return r.id ?? r.value;
 }
 function _({
-  title: a,
-  items: c,
-  selectedValues: t,
-  selectAll: o,
+  title: r,
+  items: o,
+  selectedValues: i,
+  selectAll: c,
   search: l,
-  placeholder: u = "Search",
-  showAvatar: h,
-  getItemLabel: i = C,
-  getItemValue: f = k,
+  placeholder: f = "Search",
+  showAvatar: m,
+  getItemLabel: t = C,
+  getItemValue: h = k,
   getItemKey: x = w,
   onSearchChange: p,
   onToggleSelectAll: s,
   onToggleItem: v
 }) {
-  const y = c.filter(
-    (e) => i(e).toLowerCase().includes(l.toLowerCase())
+  const b = o.filter(
+    (e) => t(e).toLowerCase().includes(l.toLowerCase())
   );
   return /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ n("div", { className: "flex items-center gap-2 mb-4", children: [
-      /* @__PURE__ */ r("h3", { className: "text-sm font-medium text-gray-900", children: a }),
-      t.length > 0 && /* @__PURE__ */ n("span", { className: "text-xs", children: [
-        t.length,
+      /* @__PURE__ */ a("h3", { className: "text-sm font-medium text-gray-900", children: r }),
+      i.length > 0 && /* @__PURE__ */ n("span", { className: "text-xs", children: [
+        i.length,
         " selected"
       ] })
     ] }),
     /* @__PURE__ */ n("div", { className: "space-y-1", children: [
-      (c.length > 10 || l) && /* @__PURE__ */ r(
-        g,
+      (o.length > 10 || l) && /* @__PURE__ */ a(
+        N,
         {
           className: "bg-secondary_subtle ring-0 rounded-md",
           size: "sm",
-          placeholder: u,
+          placeholder: f,
           value: l,
           onChange: p
         }
       ),
       /* @__PURE__ */ n("div", { className: "max-h-48 overflow-y-auto", children: [
         /* @__PURE__ */ n("div", { className: "flex items-center gap-3 p-2", children: [
-          o ? /* @__PURE__ */ r(
-            m,
+          c ? /* @__PURE__ */ a(
+            u,
             {
               className: "cursor-pointer",
               "aria-label": "Select all",
-              isSelected: o,
+              isSelected: c,
               onChange: s
             }
-          ) : /* @__PURE__ */ r(
+          ) : /* @__PURE__ */ a(
             "div",
             {
               onClick: s,
               role: "checkbox",
-              "aria-checked": t.length > 0 ? "mixed" : !1,
+              "aria-checked": i.length > 0 ? "mixed" : !1,
               "aria-label": "Select all",
               tabIndex: 0,
               onKeyDown: (e) => {
                 (e.key === "Enter" || e.key === " ") && (e.preventDefault(), s());
               },
-              className: "h-4 w-4 flex items-center justify-center overflow-hidden cursor-pointer",
-              children: t.length > 0 ? /* @__PURE__ */ r(N, { size: 18, className: "text-utility-brand-600" }) : /* @__PURE__ */ r(b, { isSelected: !1 })
+              className: "h-4 w-4 flex items-center justify-center overflow-hidden cursor-pointer rounded-sm outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
+              children: i.length > 0 ? /* @__PURE__ */ a(y, { size: 18, className: "text-utility-brand-600" }) : /* @__PURE__ */ a(g, { isSelected: !1 })
             }
           ),
-          /* @__PURE__ */ r("span", { className: "text-sm font-medium text-gray-900", children: "Select All" })
+          /* @__PURE__ */ a("span", { className: "text-sm font-medium text-gray-900", children: "Select All" })
         ] }),
-        y.map((e) => {
-          const d = f(e);
+        b.map((e) => {
+          const d = h(e);
           return /* @__PURE__ */ n(
             "div",
             {
               className: "flex items-center gap-3 hover:bg-primary_hover rounded-md p-2",
               children: [
-                /* @__PURE__ */ r(
-                  m,
+                /* @__PURE__ */ a(
+                  u,
                   {
-                    "aria-label": i(e),
-                    isSelected: t.includes(d),
+                    "aria-label": t(e),
+                    isSelected: i.includes(d),
                     onChange: () => v(d)
                   }
                 ),
-                h ? /* @__PURE__ */ r(
+                m ? /* @__PURE__ */ a(
                   S,
                   {
                     size: "xs",
-                    initials: i(e).charAt(0),
-                    alt: i(e)
+                    initials: t(e).charAt(0),
+                    alt: t(e)
                   }
                 ) : null,
-                /* @__PURE__ */ r("span", { className: "text-sm text-gray-700", children: i(e) })
+                /* @__PURE__ */ a("span", { className: "text-sm text-gray-700", children: t(e) })
               ]
             },
             x(e)

package/dist/patterns/filters/status-filter-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status-filter-dropdown.d.ts","sourceRoot":"","sources":["../../../src/patterns/filters/status-filter-dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAgBnE,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,OAAO,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,KAAK,uBAAuB,GAAG;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yFAAyF;IACzF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yFAAyF;IACzF,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,KAAK,iCAAiC,GAAG,uBAAuB,GAAG;IACjE,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,aAAa,EAAE,aAAa,CAAC;IAC7B,oBAAoB,EAAE,aAAa,CAAC;IACpC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,kBAAkB,EAAE,CAAC;IACpC,2GAA2G;IAC3G,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,KAAK,+BAA+B,GAAG,uBAAuB,GAAG;IAC/D,aAAa,EAAE,QAAQ,CAAC;IACxB,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iGAAiG;IACjG,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GACjC,iCAAiC,GACjC,+BAA+B,CAAC;AAQpC,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAyP9D,CAAC"}
+{"version":3,"file":"status-filter-dropdown.d.ts","sourceRoot":"","sources":["../../../src/patterns/filters/status-filter-dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAgBnE,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,OAAO,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,KAAK,uBAAuB,GAAG;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yFAAyF;IACzF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yFAAyF;IACzF,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,KAAK,iCAAiC,GAAG,uBAAuB,GAAG;IACjE,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,aAAa,EAAE,aAAa,CAAC;IAC7B,oBAAoB,EAAE,aAAa,CAAC;IACpC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,kBAAkB,EAAE,CAAC;IACpC,2GAA2G;IAC3G,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,KAAK,+BAA+B,GAAG,uBAAuB,GAAG;IAC/D,aAAa,EAAE,QAAQ,CAAC;IACxB,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iGAAiG;IACjG,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GACjC,iCAAiC,GACjC,+BAA+B,CAAC;AAQpC,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA0Q9D,CAAC"}

package/dist/patterns/filters/status-filter-dropdown.js

@@ -1,109 +1,118 @@
-import { jsx as l, jsxs as s, Fragment as j } from "react/jsx-runtime";
-import { useRef as v, useState as L, useLayoutEffect as b } from "react";
-import { ChevronDown as O, MinusSquare as T } from "@untitledui/icons";
-import { cx as B } from "../../utils/cn.js";
-import { Dropdown as k } from "../../primitives/dropdown/dropdown.js";
-import { Button as m } from "../../primitives/button/button.js";
-import { RadioButtonBase as K } from "../../primitives/radio/radio.js";
-import { CheckboxBase as _ } from "../../primitives/checkbox/checkbox.js";
-const w = ({ isSelected: t }) => /* @__PURE__ */ l("div", { className: "pointer-events-none", "aria-hidden": !0, children: /* @__PURE__ */ l(_, { isSelected: t }) }), W = (t) => {
+import { jsx as l, jsxs as s, Fragment as _ } from "react/jsx-runtime";
+import { useRef as C, useState as q, useLayoutEffect as D } from "react";
+import { ChevronDown as I, MinusSquare as P } from "@untitledui/icons";
+import { cx as $ } from "../../utils/cn.js";
+import { Dropdown as p } from "../../primitives/dropdown/dropdown.js";
+import { Button as y } from "../../primitives/button/button.js";
+import { RadioButtonBase as U } from "../../primitives/radio/radio.js";
+import { CheckboxBase as G } from "../../primitives/checkbox/checkbox.js";
+const N = ({ isSelected: t }) => /* @__PURE__ */ l("div", { className: "pointer-events-none", "aria-hidden": !0, children: /* @__PURE__ */ l(G, { isSelected: t }) }), le = (t) => {
   const {
-    isOpen: c,
-    onOpenChange: C,
-    onApply: S,
-    onReset: D,
-    className: p,
+    isOpen: u,
+    onOpenChange: A,
+    onApply: F,
+    onReset: R,
+    className: V,
     buttonLabel: d = "Status",
-    isDisabled: N = !1,
-    isApplyDisabled: F,
-    isResetDisabled: R
-  } = t, r = t.selectionMode === "single", o = r ? t.options : t.statusOptions, i = (o == null ? void 0 : o.length) ?? 0, u = r ? 0 : Object.entries(t.appliedStatusFilters).filter(
+    isDisabled: M = !1,
+    isApplyDisabled: z,
+    isResetDisabled: T
+  } = t, i = t.selectionMode === "single", o = i ? t.options : t.statusOptions, a = (o == null ? void 0 : o.length) ?? 0, f = i ? 0 : Object.entries(t.appliedStatusFilters).filter(
     ([e, n]) => e !== "all" && n
-  ).length, A = !r && t.defaultSelectAll === !0, M = (() => {
-    if (r) {
+  ).length, E = !i && t.defaultSelectAll === !0, H = (() => {
+    if (i) {
       const e = t.defaultValue ?? "all";
       return t.value !== e;
     }
-    return i === 0 ? !1 : A ? u < i : u > 0;
-  })(), h = r ? 0 : Object.entries(t.statusFilters).filter(
+    return a === 0 ? !1 : E ? f < a : f > 0;
+  })(), m = i ? 0 : Object.entries(t.statusFilters).filter(
     ([e, n]) => e !== "all" && n
-  ).length, y = h === i && i > 0, g = h > 0 && h < i, z = (() => {
+  ).length, g = m === a && a > 0, b = m > 0 && m < a, L = (() => {
     var n;
-    if (!r)
-      return !(u === i && i > 0) && u > 0 ? `${d} ${u} selected` : d;
+    if (!i)
+      return !(f === a && a > 0) && f > 0 ? `${d} ${f} selected` : d;
     const e = t.defaultValue ?? "all";
-    return t.value === e ? d : ((n = o.find((a) => a.key === t.value)) == null ? void 0 : n.label) ?? d;
-  })(), f = v(null), x = v(0), [V, E] = L(
+    return t.value === e ? d : ((n = o.find((c) => c.key === t.value)) == null ? void 0 : n.label) ?? d;
+  })(), h = C(null), k = C(0), [j, O] = q(
     () => typeof window > "u" ? 400 : Math.round(window.innerHeight * 0.5)
-  ), H = r ? t.pendingValue : t.statusFilters;
-  return b(() => {
-    if (!c) return;
+  ), B = i ? t.pendingValue : t.statusFilters;
+  return D(() => {
+    if (!u) return;
     const e = () => {
-      E(Math.round(window.innerHeight * 0.5));
+      O(Math.round(window.innerHeight * 0.5));
     };
     return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-  }, [c]), b(() => {
+  }, [u]), D(() => {
     const e = () => {
-      f.current && (f.current.scrollTop = x.current);
+      h.current && (h.current.scrollTop = k.current);
     };
     e();
     const n = requestAnimationFrame(e);
     return () => cancelAnimationFrame(n);
-  }, [H]), /* @__PURE__ */ l("div", { className: "relative", children: /* @__PURE__ */ s(k.Root, { isOpen: c, onOpenChange: C, children: [
+  }, [B]), /* @__PURE__ */ l("div", { className: "relative", children: /* @__PURE__ */ s(p.Root, { isOpen: u, onOpenChange: A, children: [
     /* @__PURE__ */ l(
-      m,
+      y,
       {
         size: "xs",
         color: "secondary",
-        iconTrailing: /* @__PURE__ */ l(O, { size: 12 }),
-        className: B(
+        iconTrailing: /* @__PURE__ */ l(I, { size: 12 }),
+        className: $(
           "relative",
-          M && !c && "ring-1 ring-brand-600 bg-brand-primary text-brand-600 hover:bg-brand-primary hover:text-brand-600",
-          p,
-          c && "shadow-[0_0_0_4px_rgba(102,112,133,0.14)]"
+          H && !u && "ring-1 ring-brand-600 bg-brand-primary text-brand-600 hover:bg-brand-primary hover:text-brand-600",
+          V,
+          u && "shadow-[0_0_0_4px_rgba(102,112,133,0.14)]"
         ),
-        isDisabled: N,
-        children: z
+        isDisabled: M,
+        children: L
       }
     ),
     /* @__PURE__ */ l(
-      k.Popover,
+      p.Popover,
       {
         className: "overflow-hidden",
         style: { overflow: "hidden" },
-        maxHeight: V,
-        scrollRef: f,
+        maxHeight: j,
+        scrollRef: h,
         children: /* @__PURE__ */ s("div", { className: "flex max-h-[50vh] flex-col overflow-hidden text-secondary text-xs", children: [
           /* @__PURE__ */ l(
             "div",
             {
-              ref: f,
+              ref: h,
               className: "min-h-0 flex-1 space-y-3 overflow-y-auto p-3",
-              role: r ? "radiogroup" : void 0,
-              "aria-label": r ? d : void 0,
+              role: i ? "radiogroup" : void 0,
+              "aria-label": i ? d : void 0,
               onScroll: (e) => {
-                x.current = e.currentTarget.scrollTop;
+                k.current = e.currentTarget.scrollTop;
               },
-              children: r ? o.map((e) => {
-                const n = t.pendingValue === e.key;
+              children: i ? o.map((e, n) => {
+                const c = t.pendingValue === e.key, K = o.some((r) => r.key === t.pendingValue);
                 return /* @__PURE__ */ s(
                   "div",
                   {
                     role: "radio",
-                    "aria-checked": n,
-                    tabIndex: 0,
-                    className: "flex cursor-pointer items-center gap-3",
-                    onMouseDownCapture: (a) => a.preventDefault(),
+                    "aria-checked": c,
+                    tabIndex: c || !K && n === 0 ? 0 : -1,
+                    className: "flex cursor-pointer items-center gap-3 rounded-sm outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
+                    onMouseDownCapture: (r) => r.preventDefault(),
                     onClick: () => t.onValueChange(e.key),
-                    onKeyDown: (a) => {
-                      (a.key === "Enter" || a.key === " ") && (a.preventDefault(), t.onValueChange(e.key));
+                    onKeyDown: (r) => {
+                      var w, S;
+                      if (r.key === "Enter" || r.key === " ") {
+                        r.preventDefault(), t.onValueChange(e.key);
+                        return;
+                      }
+                      const v = r.key === "ArrowDown" || r.key === "ArrowRight" ? 1 : r.key === "ArrowUp" || r.key === "ArrowLeft" ? -1 : 0;
+                      if (!v) return;
+                      r.preventDefault();
+                      const x = (n + v + o.length) % o.length;
+                      t.onValueChange(o[x].key), (S = (w = h.current) == null ? void 0 : w.querySelectorAll('[role="radio"]')[x]) == null || S.focus();
                     },
                     children: [
                       /* @__PURE__ */ l("div", { className: "pointer-events-none", children: /* @__PURE__ */ l(
-                        K,
+                        U,
                         {
                           size: "sm",
-                          isSelected: n,
+                          isSelected: c,
                           "aria-hidden": !0
                         }
                       ) }),
@@ -112,28 +121,28 @@ const w = ({ isSelected: t }) => /* @__PURE__ */ l("div", { className: "pointer-
                   },
                   e.key
                 );
-              }) : /* @__PURE__ */ s(j, { children: [
+              }) : /* @__PURE__ */ s(_, { children: [
                 /* @__PURE__ */ s(
                   "div",
                   {
                     role: "checkbox",
-                    "aria-checked": g ? "mixed" : y,
+                    "aria-checked": b ? "mixed" : g,
                     tabIndex: 0,
-                    className: "flex cursor-pointer items-center gap-3",
+                    className: "flex cursor-pointer items-center gap-3 rounded-sm outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
                     onMouseDownCapture: (e) => e.preventDefault(),
                     onClick: () => t.onStatusChange("all"),
                     onKeyDown: (e) => {
                       (e.key === "Enter" || e.key === " ") && (e.preventDefault(), t.onStatusChange("all"));
                     },
                     children: [
-                      g ? /* @__PURE__ */ l(
-                        T,
+                      b ? /* @__PURE__ */ l(
+                        P,
                         {
                           size: 18,
                           className: "text-utility-brand-600",
                           "aria-hidden": !0
                         }
-                      ) : /* @__PURE__ */ l(w, { isSelected: y }),
+                      ) : /* @__PURE__ */ l(N, { isSelected: g }),
                       /* @__PURE__ */ l("span", { children: "All" })
                     ]
                   }
@@ -144,7 +153,7 @@ const w = ({ isSelected: t }) => /* @__PURE__ */ l("div", { className: "pointer-
                     role: "checkbox",
                     "aria-checked": t.statusFilters[e.key],
                     tabIndex: 0,
-                    className: "flex cursor-pointer items-center gap-3",
+                    className: "flex cursor-pointer items-center gap-3 rounded-sm outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
                     onMouseDownCapture: (n) => n.preventDefault(),
                     onClick: () => t.onStatusChange(e.key),
                     onKeyDown: (n) => {
@@ -152,7 +161,7 @@ const w = ({ isSelected: t }) => /* @__PURE__ */ l("div", { className: "pointer-
                     },
                     children: [
                       /* @__PURE__ */ l(
-                        w,
+                        N,
                         {
                           isSelected: t.statusFilters[e.key]
                         }
@@ -167,24 +176,24 @@ const w = ({ isSelected: t }) => /* @__PURE__ */ l("div", { className: "pointer-
           ),
           /* @__PURE__ */ s("div", { className: "flex shrink-0 justify-end gap-2 bg-primary p-3", children: [
             /* @__PURE__ */ l(
-              m,
+              y,
               {
                 size: "xs",
                 color: "secondary",
                 className: "flex-1 p-2",
-                onClick: D,
-                isDisabled: R,
+                onClick: R,
+                isDisabled: T,
                 children: "Reset"
               }
             ),
             /* @__PURE__ */ l(
-              m,
+              y,
               {
                 size: "xs",
                 color: "primary",
                 className: "flex-1 p-2",
-                onClick: S,
-                isDisabled: F,
+                onClick: F,
+                isDisabled: z,
                 children: "Apply"
               }
             )
@@ -195,5 +204,5 @@ const w = ({ isSelected: t }) => /* @__PURE__ */ l("div", { className: "pointer-
   ] }) });
 };
 export {
-  W as StatusFilterDropdown
+  le as StatusFilterDropdown
 };

package/dist/patterns/modal/modal-wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-wrapper.d.ts","sourceRoot":"","sources":["../../../src/patterns/modal/modal-wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA8BvC,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mFAAmF;IACnF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0GAA0G;IAC1G,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,uFAAuF;IACvF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qFAAqF;IACrF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,GAAI,4JAW1B,iBAAiB,4CAkEnB,CAAC"}
+{"version":3,"file":"modal-wrapper.d.ts","sourceRoot":"","sources":["../../../src/patterns/modal/modal-wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAavC,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mFAAmF;IACnF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0GAA0G;IAC1G,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,uFAAuF;IACvF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qFAAqF;IACrF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,GAAI,4JAW1B,iBAAiB,4CAwDnB,CAAC"}

package/dist/patterns/modal/modal-wrapper.js

@@ -1,39 +1,25 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useRef as h, useEffect as y } from "react";
-import { DialogTrigger as v } from "react-aria-components";
-import { cx as f } from "../../utils/cn.js";
-import { ModalOverlay as w, Modal as E, Dialog as k } from "./modal.js";
-const r = [];
-let m = !1;
-const N = () => {
-  m || typeof document > "u" || (document.addEventListener("keydown", (e) => {
-    if (e.key !== "Escape" || r.length === 0 || e.defaultPrevented) return;
-    const n = r[r.length - 1];
-    n();
-  }), m = !0);
-}, z = ({
-  isOpen: e,
-  onClose: n,
-  children: s,
-  showOverlay: c = !0,
-  isDismissable: a = !0,
-  allowBackgroundInteraction: u = !1,
-  ignoreClickAway: p = !1,
-  overlayClassName: x,
-  bare: g = !1,
-  "data-testid": l
+import { jsx as e } from "react/jsx-runtime";
+import { useRef as x } from "react";
+import { DialogTrigger as g } from "react-aria-components";
+import { useEscapeLayer as h, EscapeLayerProvider as s } from "../../hooks/use-escape-layer.js";
+import { cx as d } from "../../utils/cn.js";
+import { ModalOverlay as v, Modal as y, Dialog as w } from "./modal.js";
+const M = ({
+  isOpen: a,
+  onClose: r,
+  children: n,
+  showOverlay: l = !0,
+  isDismissable: t = !0,
+  allowBackgroundInteraction: m = !1,
+  ignoreClickAway: f = !1,
+  overlayClassName: p,
+  bare: u = !1,
+  "data-testid": i
 }) => {
-  const o = h(n);
-  return o.current = n, y(() => {
-    if (!e) return;
-    N();
-    const d = a ? () => o.current(!1) : () => {
-    };
-    return r.push(d), () => {
-      const i = r.lastIndexOf(d);
-      i >= 0 && r.splice(i, 1);
-    };
-  }, [e, a]), u && e ? /* @__PURE__ */ t(
+  const o = x(r);
+  o.current = r;
+  const c = h(a, t ? () => o.current(!1) : null);
+  return m && a ? /* @__PURE__ */ e(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center",
@@ -42,23 +28,23 @@ const N = () => {
         paddingLeft: "calc(var(--floating-modal-inset-left, 0px) + 16px)",
         paddingRight: "16px"
       },
-      children: /* @__PURE__ */ t("div", { className: "w-[max-content] max-w-full", style: { pointerEvents: "auto" }, "data-testid": l, children: s })
+      children: /* @__PURE__ */ e("div", { className: "w-[max-content] max-w-full", style: { pointerEvents: "auto" }, "data-testid": i, children: /* @__PURE__ */ e(s, { value: c, children: n }) })
     }
-  ) : /* @__PURE__ */ t(v, { isOpen: e, onOpenChange: n, children: /* @__PURE__ */ t(
-    w,
+  ) : /* @__PURE__ */ e(g, { isOpen: a, onOpenChange: r, children: /* @__PURE__ */ e(
+    v,
     {
-      isDismissable: a,
-      isKeyboardDismissDisabled: !a,
-      ...p ? { "data-ignore-click-away": !0 } : {},
-      className: f(
+      isDismissable: t,
+      isKeyboardDismissDisabled: !t,
+      ...f ? { "data-ignore-click-away": !0 } : {},
+      className: d(
         "max-h-screen max-w-screen overflow-hidden z-100000 flex justify-center items-center",
-        !c && "bg-transparent! backdrop-blur-none!",
-        c && x
+        !l && "bg-transparent! backdrop-blur-none!",
+        l && p
       ),
-      children: /* @__PURE__ */ t(E, { className: f(!g && "modal-bg-gradient", "w-max!"), children: /* @__PURE__ */ t(k, { className: "w-max!", "data-testid": l, children: s }) })
+      children: /* @__PURE__ */ e(y, { className: d(!u && "modal-bg-gradient", "w-max!"), children: /* @__PURE__ */ e(w, { className: "w-max!", "data-testid": i, children: /* @__PURE__ */ e(s, { value: c, children: n }) }) })
     }
   ) });
 };
 export {
-  z as ModalWrapper
+  M as ModalWrapper
 };

package/dist/patterns/sub-sidebar/sub-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sub-sidebar.d.ts","sourceRoot":"","sources":["../../../src/patterns/sub-sidebar/sub-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,OAAO,KAAK,EACV,gBAAgB,EAChB,eAAe,EAEf,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAajB,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,MAAM,EAAE,gBAAgB,CAAC;IACzB,kEAAkE;IAClE,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,sDAAsD;IACtD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,SAAS,CAAC;IACvD,yFAAyF;IACzF,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD,eAAO,MAAM,UAAU,GAAI,wFAQxB,eAAe,4CAmZjB,CAAC"}
+{"version":3,"file":"sub-sidebar.d.ts","sourceRoot":"","sources":["../../../src/patterns/sub-sidebar/sub-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,OAAO,KAAK,EACV,gBAAgB,EAChB,eAAe,EAEf,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAajB,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,MAAM,EAAE,gBAAgB,CAAC;IACzB,kEAAkE;IAClE,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,sDAAsD;IACtD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,SAAS,CAAC;IACvD,yFAAyF;IACzF,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD,eAAO,MAAM,UAAU,GAAI,wFAQxB,eAAe,4CA4ZjB,CAAC"}