@pibit.ai/cure-design-system 0.6.21 → 0.6.23

package/dist/patterns/filters/checklist-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checklist-select.d.ts","sourceRoot":"","sources":["../../../src/patterns/filters/checklist-select.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,4EAA4E;IAC5E,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,uEAAuE;IACvE,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,iEAAiE;IACjE,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,GACV,EAAE,oBAAoB,2CAoHtB"}
+{"version":3,"file":"checklist-select.d.ts","sourceRoot":"","sources":["../../../src/patterns/filters/checklist-select.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,4EAA4E;IAC5E,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,uEAAuE;IACvE,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,iEAAiE;IACjE,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,GACV,EAAE,oBAAoB,2CA8HtB"}

package/dist/patterns/filters/checklist-select.js

@@ -1,31 +1,31 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import { MinusSquare as v } from "@untitledui/icons";
-import { cx as o } from "../../utils/cn.js";
+import { cx as p } from "../../utils/cn.js";
 import { Checkbox as u } from "../../primitives/checkbox/checkbox.js";
 import { Button as y } from "../../primitives/button/button.js";
-function _({
-  options: p,
-  selectedKeys: a,
+function D({
+  options: x,
+  selectedKeys: c,
   onChange: l,
   onApply: d,
   onReset: m,
   onClose: n,
   className: b
 }) {
-  const t = p.map((e) => e.key).filter(Boolean), i = new Set(a), x = t.length > 0 && i.size === t.length, f = i.size > 0 && i.size < t.length, h = () => {
-    x || f ? l == null || l([]) : l == null || l(t);
-  }, S = (e) => {
-    const c = new Set(a);
-    c.has(e) ? c.delete(e) : c.add(e), l == null || l(Array.from(c));
+  const a = x.map((e) => e.key).filter(Boolean), i = new Set(c), f = a.length > 0 && i.size === a.length, h = i.size > 0 && i.size < a.length, o = () => {
+    f || h ? l == null || l([]) : l == null || l(a);
+  }, k = (e) => {
+    const t = new Set(c);
+    t.has(e) ? t.delete(e) : t.add(e), l == null || l(Array.from(t));
+  }, S = () => {
+    d == null || d(c), n == null || n();
   }, N = () => {
-    d == null || d(a), n == null || n();
-  }, k = () => {
     m == null || m();
   };
   return /* @__PURE__ */ s(
     "div",
     {
-      className: o(
+      className: p(
         "flex flex-col rounded-xl bg-primary shadow-sm ring-1 ring-primary",
         b
       ),
@@ -35,25 +35,32 @@ function _({
           /* @__PURE__ */ s(
             "label",
             {
-              className: o(
+              className: p(
                 "flex cursor-pointer items-center gap-3 rounded-md py-2 pr-2 pl-0 outline-hidden",
                 "hover:bg-primary_hover"
               ),
               children: [
-                f ? /* @__PURE__ */ r(
+                h ? /* @__PURE__ */ r(
                   v,
                   {
                     size: 18,
                     className: "text-utility-brand-600",
-                    onClick: h,
-                    cursor: "pointer"
+                    onClick: o,
+                    cursor: "pointer",
+                    "aria-hidden": !1,
+                    role: "checkbox",
+                    "aria-checked": "mixed",
+                    "aria-label": "Select all options",
+                    tabIndex: 0,
+                    onKeyDown: (e) => {
+                      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), o());
+                    }
                   }
                 ) : /* @__PURE__ */ r(
                   u,
                   {
-                    id: "all",
-                    isSelected: x,
-                    onChange: h,
+                    isSelected: f,
+                    onChange: o,
                     size: "sm",
                     "aria-label": "Select all options"
                   }
@@ -62,10 +69,10 @@ function _({
               ]
             }
           ),
-          p.map((e) => /* @__PURE__ */ s(
+          x.map((e) => /* @__PURE__ */ s(
             "label",
             {
-              className: o(
+              className: p(
                 "flex cursor-pointer items-center gap-3 rounded-md py-2 pr-2 pl-0 outline-hidden",
                 "hover:bg-primary_hover"
               ),
@@ -73,9 +80,8 @@ function _({
                 /* @__PURE__ */ r(
                   u,
                   {
-                    id: e.key,
                     isSelected: i.has(e.key),
-                    onChange: () => S(e.key),
+                    onChange: () => k(e.key),
                     size: "sm",
                     "aria-label": e.value
                   }
@@ -93,7 +99,7 @@ function _({
               size: "xs",
               color: "secondary",
               className: "flex-1 bg-secondary border-none text-primary",
-              onClick: k,
+              onClick: N,
               children: "Reset"
             }
           ),
@@ -103,7 +109,7 @@ function _({
               size: "xs",
               color: "primary",
               className: "flex-1",
-              onClick: N,
+              onClick: S,
               children: "Apply"
             }
           )
@@ -113,5 +119,5 @@ function _({
   );
 }
 export {
-  _ as ChecklistSelect
+  D as ChecklistSelect
 };

package/dist/patterns/filters/filter-list-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-list-section.d.ts","sourceRoot":"","sources":["../../../src/patterns/filters/filter-list-section.tsx"],"names":[],"mappings":"AAYA,MAAM,MAAM,cAAc,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1E,MAAM,WAAW,sBAAsB,CAAC,CAAC,SAAS,cAAc;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAEnC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAEnC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAEjC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAE9B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAcD,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,cAAc,EAAE,EAC1D,KAAK,EACL,KAAK,EACL,cAAc,EACd,SAAS,EACT,MAAM,EACN,WAAsB,EACtB,UAAU,EACV,YAAkC,EAClC,YAAkC,EAClC,UAA8B,EAC9B,cAAc,EACd,iBAAiB,EACjB,YAAY,GACb,EAAE,sBAAsB,CAAC,CAAC,CAAC,2CA8E3B"}
+{"version":3,"file":"filter-list-section.d.ts","sourceRoot":"","sources":["../../../src/patterns/filters/filter-list-section.tsx"],"names":[],"mappings":"AAYA,MAAM,MAAM,cAAc,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1E,MAAM,WAAW,sBAAsB,CAAC,CAAC,SAAS,cAAc;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAEnC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAEnC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAEjC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAE9B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAcD,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,cAAc,EAAE,EAC1D,KAAK,EACL,KAAK,EACL,cAAc,EACd,SAAS,EACT,MAAM,EACN,WAAsB,EACtB,UAAU,EACV,YAAkC,EAClC,YAAkC,EAClC,UAA8B,EAC9B,cAAc,EACd,iBAAiB,EACjB,YAAY,GACb,EAAE,sBAAsB,CAAC,CAAC,CAAC,2CAwF3B"}

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

@@ -1,101 +1,108 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { MinusSquare as g } from "@untitledui/icons";
-import y from "../../primitives/select/SearchInput.js";
-import { Checkbox as u } from "../../primitives/checkbox/checkbox.js";
-import { Avatar as S } from "../../primitives/avatar/avatar.js";
-function C(e) {
-  return e.label ?? String(e.value ?? "");
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { MinusSquare as N } from "@untitledui/icons";
+import g from "../../primitives/select/SearchInput.js";
+import { Checkbox as m } from "../../primitives/checkbox/checkbox.js";
+import { Avatar as b } from "../../primitives/avatar/avatar.js";
+function S(r) {
+  return r.label ?? String(r.value ?? "");
 }
-function b(e) {
-  return e.value ?? String(e.id ?? "");
+function C(r) {
+  return r.value ?? String(r.id ?? "");
 }
-function w(e) {
-  return e.id ?? e.value;
+function k(r) {
+  return r.id ?? r.value;
 }
-function q({
-  title: e,
-  items: s,
+function K({
+  title: r,
+  items: c,
   selectedValues: i,
-  selectAll: c,
+  selectAll: o,
   search: l,
-  placeholder: m = "Search",
+  placeholder: u = "Search",
   showAvatar: h,
-  getItemLabel: t = C,
-  getItemValue: f = b,
-  getItemKey: p = w,
-  onSearchChange: x,
-  onToggleSelectAll: o,
+  getItemLabel: t = S,
+  getItemValue: f = C,
+  getItemKey: x = k,
+  onSearchChange: p,
+  onToggleSelectAll: s,
   onToggleItem: v
 }) {
-  const N = s.filter(
-    (a) => t(a).toLowerCase().includes(l.toLowerCase())
+  const y = c.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: e }),
+      /* @__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: [
-      (s.length > 10 || l) && /* @__PURE__ */ r(
-        y,
+      (c.length > 10 || l) && /* @__PURE__ */ a(
+        g,
         {
           className: "bg-secondary_subtle ring-0 rounded-md",
           size: "sm",
-          placeholder: m,
+          placeholder: u,
           value: l,
-          onChange: x
+          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: [
-          c ? /* @__PURE__ */ r(
-            u,
+          o ? /* @__PURE__ */ a(
+            m,
             {
               className: "cursor-pointer",
               "aria-label": "Select all",
-              isSelected: c,
-              onChange: o
+              isSelected: o,
+              onChange: s
             }
-          ) : /* @__PURE__ */ r(
+          ) : /* @__PURE__ */ a(
             "div",
             {
-              onClick: o,
+              onClick: s,
+              role: "checkbox",
+              "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: /* @__PURE__ */ r(g, { size: 18, className: "text-utility-brand-600" })
+              children: /* @__PURE__ */ a(N, { size: 18, className: "text-utility-brand-600" })
             }
           ),
-          /* @__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" })
         ] }),
-        N.map((a) => {
-          const d = f(a);
+        y.map((e) => {
+          const d = f(e);
           return /* @__PURE__ */ n(
             "div",
             {
               className: "flex items-center gap-3 hover:bg-primary_hover rounded-md p-2",
               children: [
-                /* @__PURE__ */ r(
-                  u,
+                /* @__PURE__ */ a(
+                  m,
                   {
-                    "aria-label": t(a),
+                    "aria-label": t(e),
                     isSelected: i.includes(d),
                     onChange: () => v(d)
                   }
                 ),
-                h ? /* @__PURE__ */ r(
-                  S,
+                h ? /* @__PURE__ */ a(
+                  b,
                   {
                     size: "xs",
-                    initials: t(a).charAt(0),
-                    alt: t(a)
+                    initials: t(e).charAt(0),
+                    alt: t(e)
                   }
                 ) : null,
-                /* @__PURE__ */ r("span", { className: "text-sm text-gray-700", children: t(a) })
+                /* @__PURE__ */ a("span", { className: "text-sm text-gray-700", children: t(e) })
               ]
             },
-            p(a)
+            x(e)
           );
         })
       ] })
@@ -103,5 +110,5 @@ function q({
   ] });
 }
 export {
-  q as FilterListSection
+  K as FilterListSection
 };

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,EAA8C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAgB5E,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,CAsQ9D,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,CAyP9D,CAAC"}

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

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

package/dist/patterns/tree-view/indented-tree.d.ts

@@ -0,0 +1,23 @@
+import { TreeViewNode } from './tree-view';
+type CustomNode = React.FC<{
+    node: TreeViewNode;
+    isSelected: boolean;
+}>;
+export interface IndentedTreeProps {
+    tree: TreeViewNode[];
+    onToggle: (path: string) => void;
+    CustomNode: CustomNode;
+    onNodeClick?: (node: TreeViewNode) => void;
+    selectedNodeId?: string | null;
+    keyboardNavigation: boolean;
+    canSelectNode?: (node: TreeViewNode) => boolean;
+    "aria-label"?: string;
+}
+/**
+ * The `indented` TreeView variant: spaced rows, a 24px indent with one guide line per level, an
+ * animated chevron and children. The chevron only expands/collapses; clicking a row's content
+ * selects it, for parents and leaves alike.
+ */
+export declare const IndentedTree: ({ tree, onToggle, CustomNode, onNodeClick, selectedNodeId, keyboardNavigation, canSelectNode, "aria-label": ariaLabel, }: IndentedTreeProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=indented-tree.d.ts.map

package/dist/patterns/tree-view/indented-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"indented-tree.d.ts","sourceRoot":"","sources":["../../../src/patterns/tree-view/indented-tree.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,KAAK,UAAU,GAAG,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,UAAU,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAExE,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,0HAS1B,iBAAiB,4CA8GnB,CAAC"}