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

package/dist/patterns/alert/alert.d.ts

@@ -13,8 +13,7 @@ export interface AlertFloatingProps {
      */
     confirmLabel?: string;
     /**
-     * The label for the dismiss button.
-     * @default "Dismiss"
+     * The label for the dismiss link button. Without one, only the X is shown; it is then named "Dismiss".
      */
     dismissLabel?: string;
     /**

package/dist/patterns/alert/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/patterns/alert/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA+C3C,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC3F;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,GAAI,iGAU3B,kBAAkB,4CA+CpB,CAAC"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/patterns/alert/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA+C3C,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC3F;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,GAAI,iGAU3B,kBAAkB,4CA+CpB,CAAC"}

package/dist/patterns/alert/alert.js

@@ -1,17 +1,17 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { isValidElement as g } from "react";
-import { InfoCircle as l, CheckCircle as u, AlertCircle as o } from "@untitledui/icons";
-import { cx as b } from "../../utils/cn.js";
-import { FeaturedIcon as p } from "../../primitives/featured-icon/featured-icon.js";
-import { Button as d } from "../../primitives/button/button.js";
+import { InfoCircle as l, CheckCircle as u, AlertCircle as d } from "@untitledui/icons";
+import { cx as p } from "../../utils/cn.js";
+import { FeaturedIcon as b } from "../../primitives/featured-icon/featured-icon.js";
+import { Button as f } from "../../primitives/button/button.js";
 import { CloseButton as y } from "../../primitives/close-button/close-button.js";
 const h = {
   default: l,
   info: l,
   brand: l,
   gray: l,
-  error: o,
-  warning: o,
+  error: d,
+  warning: d,
   success: u,
   notice: l
 }, v = {
@@ -33,44 +33,44 @@ const h = {
   success: "text-green-800",
   notice: "text-[#F7F7F7]"
 }, A = ({
-  title: f,
-  description: s,
-  confirmLabel: m,
+  title: m,
+  description: o,
+  confirmLabel: a,
   onClose: r,
-  onConfirm: n,
+  onConfirm: c,
   color: e = "default",
-  dismissLabel: c = "",
-  icon: a = null,
+  dismissLabel: n = "",
+  icon: s = null,
   className: x = ""
 }) => /* @__PURE__ */ i(
   "div",
   {
-    className: b(
+    className: p(
       `${e ? v[e] : "bg-blue-50"} flex flex-col justify-between items-center gap-4 rounded-xl border border-primary p-2.5 shadow-xs md:flex-row`,
       x
     ),
     children: [
       /* @__PURE__ */ i("div", { className: "flex items-center justify-center gap-4", children: [
-        g(a) ? /* @__PURE__ */ t("div", { className: "flex items-center justify-center", children: a }) : /* @__PURE__ */ t(
-          p,
+        g(s) ? /* @__PURE__ */ t("div", { className: "flex items-center justify-center", children: s }) : /* @__PURE__ */ t(
+          b,
           {
-            icon: a || h[e],
+            icon: s || h[e],
             color: e === "default" || e === "info" ? "gray" : e === "notice" ? "brand" : e,
             theme: e === "default" || e === "info" ? "modern" : "outline",
             size: "sm"
           }
         ),
         /* @__PURE__ */ t("div", { className: "flex justify-center items-center flex-1 flex-col", children: /* @__PURE__ */ i("div", { className: "flex items-center justify-center flex-col gap-1 overflow-auto", children: [
-          /* @__PURE__ */ t("p", { className: `${w[e]} pr-8 text-sm font-semibold md:pr-0`, children: f }),
-          s && /* @__PURE__ */ t("p", { className: "text-sm text-tertiary", children: s })
+          /* @__PURE__ */ t("p", { className: `${w[e]} pr-8 text-sm font-semibold md:pr-0`, children: m }),
+          o && /* @__PURE__ */ t("p", { className: "text-sm text-tertiary", children: o })
         ] }) })
       ] }),
       /* @__PURE__ */ i("div", { className: "flex items-center justify-center gap-2", children: [
-        (n || r) && /* @__PURE__ */ i("div", { className: "flex gap-3", children: [
-          r && /* @__PURE__ */ t(d, { size: "xs", onClick: r, color: "link-gray", children: c }),
-          n && /* @__PURE__ */ t(d, { onClick: n, size: "xs", color: "link-color", children: m })
+        (c && a || r && n) && /* @__PURE__ */ i("div", { className: "flex gap-3", children: [
+          r && n && /* @__PURE__ */ t(f, { size: "xs", onClick: r, color: "link-gray", children: n }),
+          c && a && /* @__PURE__ */ t(f, { onClick: c, size: "xs", color: "link-color", children: a })
         ] }),
-        r && /* @__PURE__ */ t(y, { onClick: r, size: "xs", label: c })
+        r && /* @__PURE__ */ t(y, { onClick: r, size: "xs", label: n || "Dismiss" })
       ] })
     ]
   }

package/dist/patterns/empty-state/empty-state.d.ts

@@ -15,7 +15,8 @@ export interface EmptyStateHeaderProps extends ComponentPropsWithRef<"div"> {
 declare const Header: ({ pattern, patternSize, ...props }: EmptyStateHeaderProps) => import("react/jsx-runtime").JSX.Element;
 declare const Content: (props: ComponentPropsWithRef<"div">) => import("react/jsx-runtime").JSX.Element;
 declare const Footer: (props: ComponentPropsWithRef<"div">) => import("react/jsx-runtime").JSX.Element;
-declare const Title: (props: ComponentPropsWithRef<"h1">) => import("react/jsx-runtime").JSX.Element;
+/** An `h2`: the page around an empty state already has its own `h1`. */
+declare const Title: (props: ComponentPropsWithRef<"h2">) => import("react/jsx-runtime").JSX.Element;
 declare const Description: (props: ComponentPropsWithRef<"p">) => import("react/jsx-runtime").JSX.Element;
 declare const EmptyState: typeof Root & {
     Title: typeof Title;

package/dist/patterns/empty-state/empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../src/patterns/empty-state/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAW9E,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAID,MAAM,WAAW,eAAgB,SAAQ,qBAAqB,CAAC,KAAK,CAAC,EAAE,gBAAgB;CAAG;AAE1F,QAAA,MAAM,IAAI,GAAI,oBAA2B,eAAe,4CASvD,CAAC;AAEF,QAAA,MAAM,YAAY,GAAI,wCAMnB,qBAAqB,CAAC,OAAO,gBAAgB,CAAC,4CAIhD,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACzE,iHAAiH;IACjH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,MAAM,GAAI,oCAAsD,qBAAqB,4CAc1F,CAAC;AAEF,QAAA,MAAM,OAAO,GAAI,OAAO,qBAAqB,CAAC,KAAK,CAAC,4CAanD,CAAC;AAEF,QAAA,MAAM,MAAM,GAAI,OAAO,qBAAqB,CAAC,KAAK,CAAC,4CAElD,CAAC;AAEF,QAAA,MAAM,KAAK,GAAI,OAAO,qBAAqB,CAAC,IAAI,CAAC,4CAchD,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,OAAO,qBAAqB,CAAC,GAAG,CAAC,4CAMrD,CAAC;AAEF,QAAA,MAAM,UAAU,EAAW,OAAO,IAAI,GAAG;IACvC,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,WAAW,CAAC;IAChC,YAAY,EAAE,OAAO,YAAY,CAAC;CACnC,CAAC;AASF,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../src/patterns/empty-state/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAW9E,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAID,MAAM,WAAW,eAAgB,SAAQ,qBAAqB,CAAC,KAAK,CAAC,EAAE,gBAAgB;CAAG;AAE1F,QAAA,MAAM,IAAI,GAAI,oBAA2B,eAAe,4CASvD,CAAC;AAEF,QAAA,MAAM,YAAY,GAAI,wCAMnB,qBAAqB,CAAC,OAAO,gBAAgB,CAAC,4CAIhD,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACzE,iHAAiH;IACjH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,MAAM,GAAI,oCAAsD,qBAAqB,4CAc1F,CAAC;AAEF,QAAA,MAAM,OAAO,GAAI,OAAO,qBAAqB,CAAC,KAAK,CAAC,4CAanD,CAAC;AAEF,QAAA,MAAM,MAAM,GAAI,OAAO,qBAAqB,CAAC,KAAK,CAAC,4CAElD,CAAC;AAEF,wEAAwE;AACxE,QAAA,MAAM,KAAK,GAAI,OAAO,qBAAqB,CAAC,IAAI,CAAC,4CAchD,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,OAAO,qBAAqB,CAAC,GAAG,CAAC,4CAMrD,CAAC;AAEF,QAAA,MAAM,UAAU,EAAW,OAAO,IAAI,GAAG;IACvC,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,WAAW,CAAC;IAChC,YAAY,EAAE,OAAO,YAAY,CAAC;CACnC,CAAC;AASF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/patterns/empty-state/empty-state.js

@@ -1,5 +1,5 @@
 import { jsx as s, jsxs as x } from "react/jsx-runtime";
-import { createContext as d, useContext as m } from "react";
+import { createContext as d, useContext as c } from "react";
 import { SearchLg as u } from "@untitledui/icons";
 import { cx as o } from "../../utils/cn.js";
 import { Circle as f } from "./circle-pattern.js";
@@ -14,14 +14,14 @@ const r = d({ size: "lg" }), N = ({ size: e = "lg", ...t }) => /* @__PURE__ */ s
   color: e = "gray",
   theme: t = "modern",
   icon: a = u,
-  size: c = "lg",
-  ...l
+  size: l = "lg",
+  ...m
 }) => {
-  const { size: i } = m(r);
-  return /* @__PURE__ */ s(g, { ...l, color: e, theme: t, icon: a, size: i === "lg" ? "xl" : c });
+  const { size: i } = c(r);
+  return /* @__PURE__ */ s(g, { ...m, color: e, theme: t, icon: a, size: i === "lg" ? "xl" : l });
 }, y = ({ pattern: e = "circle", patternSize: t = "md", ...a }) => {
-  const { size: c } = m(r);
-  return /* @__PURE__ */ x("header", { ...a, className: o("relative mb-4", (c === "md" || c === "lg") && "mb-5", a.className), children: [
+  const { size: l } = c(r);
+  return /* @__PURE__ */ x("header", { ...a, className: o("relative mb-4", (l === "md" || l === "lg") && "mb-5", a.className), children: [
     e !== "none" && /* @__PURE__ */ s(
       f,
       {
@@ -32,9 +32,9 @@ const r = d({ size: "lg" }), N = ({ size: e = "lg", ...t }) => /* @__PURE__ */ s
     a.children
   ] });
 }, b = (e) => {
-  const { size: t } = m(r);
+  const { size: t } = c(r);
   return /* @__PURE__ */ s(
-    "main",
+    "div",
     {
       ...e,
       className: o(
@@ -44,10 +44,10 @@ const r = d({ size: "lg" }), N = ({ size: e = "lg", ...t }) => /* @__PURE__ */ s
       )
     }
   );
-}, h = (e) => /* @__PURE__ */ s("footer", { ...e, className: o("z-10 flex gap-3", e.className) }), C = (e) => {
-  const { size: t } = m(r);
+}, h = (e) => /* @__PURE__ */ s("footer", { ...e, className: o("z-10 flex gap-3", e.className) }), v = (e) => {
+  const { size: t } = c(r);
   return /* @__PURE__ */ s(
-    "h1",
+    "h2",
     {
       ...e,
       className: o(
@@ -58,15 +58,15 @@ const r = d({ size: "lg" }), N = ({ size: e = "lg", ...t }) => /* @__PURE__ */ s
       )
     }
   );
-}, F = (e) => {
-  const { size: t } = m(r);
+}, C = (e) => {
+  const { size: t } = c(r);
   return /* @__PURE__ */ s("p", { ...e, className: o("text-center text-xs text-tertiary", t === "lg" && "text-sm", e.className) });
 }, n = N;
-n.Title = C;
+n.Title = v;
 n.Header = y;
 n.Footer = h;
 n.Content = b;
-n.Description = F;
+n.Description = C;
 n.FeaturedIcon = z;
 export {
   n as EmptyState

package/dist/patterns/expandable-drawer/expandable-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"expandable-drawer.d.ts","sourceRoot":"","sources":["../../../src/patterns/expandable-drawer/expandable-drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAQlE,MAAM,MAAM,0BAA0B,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;AAM1E,MAAM,WAAW,0BAA0B;IACzC,iFAAiF;IACjF,KAAK,EAAE,0BAA0B,CAAC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yGAAyG;IACzG,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4DAA4D;IAC5D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,4GAA4G;IAC5G,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,iFAAiF;IACjF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAsKtE,CAAC"}
+{"version":3,"file":"expandable-drawer.d.ts","sourceRoot":"","sources":["../../../src/patterns/expandable-drawer/expandable-drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAQlE,MAAM,MAAM,0BAA0B,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;AAM1E,MAAM,WAAW,0BAA0B;IACzC,iFAAiF;IACjF,KAAK,EAAE,0BAA0B,CAAC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yGAAyG;IACzG,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4DAA4D;IAC5D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,4GAA4G;IAC5G,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,iFAAiF;IACjF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA0KtE,CAAC"}

package/dist/patterns/expandable-drawer/expandable-drawer.js

@@ -1,68 +1,71 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { Minimize01 as H, Expand01 as K, X as F } from "@untitledui/icons";
 import { useState as U, useId as Y, useRef as G, useEffect as J } from "react";
 import { motion as Q } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
 const Z = 512, W = "calc(100vw - 140px)", C = { type: "tween", duration: 0.3, ease: "easeInOut" }, se = ({
   state: o,
-  onClose: h,
-  header: n,
-  title: I = "",
+  onClose: g,
+  header: s,
+  title: u = "",
   subtitle: y,
   children: z,
-  normalWidth: g = Z,
-  maxWidth: D = W,
-  width: k,
+  normalWidth: D = Z,
+  maxWidth: k = W,
+  width: R,
   minWidth: a = 480,
-  maxResizableWidth: R,
+  maxResizableWidth: M,
   onWidthChange: r,
   onExpandedChange: c,
-  headerActions: M,
-  className: P = "",
-  headerClassName: S = "",
-  bodyClassName: E = ""
+  headerActions: P,
+  className: S = "",
+  headerClassName: E = "",
+  bodyClassName: V = ""
 }) => {
-  const [v, V] = U(!1), u = o !== "hidden";
-  u && !v && V(!0);
-  const w = c !== void 0, m = o === "expanded", l = o === "hidden" ? 0 : o === "expanded" ? D : k ?? g, f = Math.max(R ?? Number.POSITIVE_INFINITY, a), b = o === "normal" && u && typeof l == "number" && r !== void 0, p = (e) => Math.min(Math.max(e, a), f), L = Y(), s = G(null);
+  const [w, L] = U(!1), m = o !== "hidden";
+  m && !w && L(!0);
+  const N = c !== void 0, b = o === "expanded", l = o === "hidden" ? 0 : o === "expanded" ? k : R ?? D, f = Math.max(M ?? Number.POSITIVE_INFINITY, a), p = o === "normal" && m && typeof l == "number" && r !== void 0, v = (e) => Math.min(Math.max(e, a), f), h = Y(), i = G(null);
   J(() => () => {
     var e;
-    return (e = s.current) == null ? void 0 : e.call(s);
+    return (e = i.current) == null ? void 0 : e.call(i);
   }, []);
   const T = (e) => {
-    if (!b || typeof l != "number") return;
+    if (!p || typeof l != "number") return;
     e.preventDefault(), e.stopPropagation();
     const d = e.clientX, $ = l, O = document.body.style.cursor, q = document.body.style.userSelect;
     document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
-    const N = (B) => {
-      r == null || r(p($ + d - B.clientX));
+    const I = (B) => {
+      r == null || r(v($ + d - B.clientX));
     }, x = () => {
-      document.body.style.cursor = O, document.body.style.userSelect = q, window.removeEventListener("pointermove", N), window.removeEventListener("pointerup", x), s.current = null;
+      document.body.style.cursor = O, document.body.style.userSelect = q, window.removeEventListener("pointermove", I), window.removeEventListener("pointerup", x), i.current = null;
     };
-    s.current = x, window.addEventListener("pointermove", N), window.addEventListener("pointerup", x);
+    i.current = x, window.addEventListener("pointermove", I), window.addEventListener("pointerup", x);
   }, X = (e) => {
-    if (!b || typeof l != "number") return;
+    if (!p || typeof l != "number") return;
     const d = e.shiftKey ? 50 : 16;
-    e.key === "ArrowLeft" && (e.preventDefault(), r == null || r(p(l + d))), e.key === "ArrowRight" && (e.preventDefault(), r == null || r(p(l - d)));
+    e.key === "ArrowLeft" && (e.preventDefault(), r == null || r(v(l + d))), e.key === "ArrowRight" && (e.preventDefault(), r == null || r(v(l - d)));
   }, _ = {
     backgroundImage: "linear-gradient(90deg, rgba(6, 132, 240, 0.1) 0%, rgba(6, 132, 240, 0.1) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0) 60.66%, rgba(255, 255, 255, 0.5) 100%), linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%)"
-  }, j = `flex items-center justify-between pl-6 pr-2 border-b border-secondary gap-2 py-4 ${S}`, A = `flex min-h-0 flex-1 flex-col overflow-y-auto pb-3 ${E} ${n ? "" : "px-5"}`;
+  }, j = `flex items-center justify-between pl-6 pr-2 border-b border-secondary gap-2 py-4 ${E}`, A = `flex min-h-0 flex-1 flex-col overflow-y-auto pb-3 ${V} ${s ? "" : "px-5"}`;
   return /* @__PURE__ */ t(
     Q.div,
     {
-      className: `relative flex flex-col flex-shrink-0 overflow-hidden min-w-0 h-[calc(98vh-85px)] z-1000 ${P}`,
+      className: `relative flex flex-col flex-shrink-0 overflow-hidden min-w-0 h-[calc(98vh-85px)] z-1000 ${S}`,
       initial: !1,
       animate: {
         width: l,
         minWidth: o === "hidden" ? 0 : a || void 0
       },
       transition: C,
-      children: u && /* @__PURE__ */ i(
+      children: m && /* @__PURE__ */ n(
         "div",
         {
+          role: "region",
+          "aria-labelledby": s == null ? h : void 0,
+          "aria-label": s != null && u ? u : void 0,
           className: "h-full w-full min-w-0 flex flex-col rounded-2xl border-l border-t border-b border-white backdrop-blur-[3px] p-2",
           style: _,
           children: [
-            b && /* @__PURE__ */ t(
+            p && /* @__PURE__ */ t(
               "div",
               {
                 role: "separator",
@@ -77,29 +80,29 @@ const Z = 512, W = "calc(100vw - 140px)", C = { type: "tween", duration: 0.3, ea
                 className: "absolute left-0 top-0 z-10 h-full w-2 -translate-x-1 cursor-col-resize touch-none focus-visible:outline-none"
               }
             ),
-            /* @__PURE__ */ i("div", { className: "h-full w-full bg-white rounded-lg overflow-hidden flex flex-col min-w-0", children: [
-              n ?? /* @__PURE__ */ i("header", { className: j, children: [
-                /* @__PURE__ */ i("div", { className: `flex-1 flex flex-col gap-0 min-w-0 ${w ? "pr-2" : "pr-16"}`, children: [
-                  /* @__PURE__ */ t("h2", { id: L, className: "text-lg font-semibold leading-7 text-[#06060a] truncate", children: I }),
+            /* @__PURE__ */ n("div", { className: "h-full w-full bg-white rounded-lg overflow-hidden flex flex-col min-w-0", children: [
+              s ?? /* @__PURE__ */ n("header", { className: j, children: [
+                /* @__PURE__ */ n("div", { className: `flex-1 flex flex-col gap-0 min-w-0 ${N ? "pr-2" : "pr-16"}`, children: [
+                  /* @__PURE__ */ t("h2", { id: h, className: "text-lg font-semibold leading-7 text-[#06060a] truncate", children: u }),
                   y && /* @__PURE__ */ t("p", { className: "text-sm text-secondary truncate", children: y })
                 ] }),
-                /* @__PURE__ */ i("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-                  M,
-                  w && /* @__PURE__ */ t(
+                /* @__PURE__ */ n("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+                  P,
+                  N && /* @__PURE__ */ t(
                     "button",
                     {
                       type: "button",
-                      onClick: () => c == null ? void 0 : c(!m),
+                      onClick: () => c == null ? void 0 : c(!b),
                       className: "flex items-center justify-center p-2 rounded-lg hover:bg-primary_hover transition-colors cursor-pointer",
-                      "aria-label": m ? "Collapse sidebar" : "Expand sidebar",
-                      children: m ? /* @__PURE__ */ t(H, { size: 20, className: "text-fg-quaternary", strokeWidth: 1.67 }) : /* @__PURE__ */ t(K, { size: 20, className: "text-fg-quaternary", strokeWidth: 1.67 })
+                      "aria-label": b ? "Collapse sidebar" : "Expand sidebar",
+                      children: b ? /* @__PURE__ */ t(H, { size: 20, className: "text-fg-quaternary", strokeWidth: 1.67 }) : /* @__PURE__ */ t(K, { size: 20, className: "text-fg-quaternary", strokeWidth: 1.67 })
                     }
                   ),
                   /* @__PURE__ */ t(
                     "button",
                     {
                       type: "button",
-                      onClick: h,
+                      onClick: g,
                       className: "flex items-center justify-center p-2 rounded-lg hover:bg-primary_hover transition-colors cursor-pointer",
                       "aria-label": "Close",
                       children: /* @__PURE__ */ t(F, { size: 20, className: "text-fg-quaternary", strokeWidth: 1.67 })
@@ -107,7 +110,7 @@ const Z = 512, W = "calc(100vw - 140px)", C = { type: "tween", duration: 0.3, ea
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ t("main", { className: A, children: v ? z : null })
+              /* @__PURE__ */ t("div", { className: A, children: w ? z : null })
             ] })
           ]
         }

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,2CAwF3B"}
+{"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,2CA8F3B"}

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

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

package/dist/patterns/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/patterns/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EACV,YAAY,IAAI,gBAAgB,EAChC,QAAQ,IAAI,YAAY,EACxB,cAAc,IAAI,kBAAkB,EACrC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAGL,QAAQ,IAAI,YAAY,EACxB,IAAI,IAAI,QAAQ,EAGjB,MAAM,uBAAuB,CAAC;AAY/B,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAG7C,KAAK,eAAe,GAChB,cAAc,GACd,aAAa,GACb,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,eAAe,CAAC;AACpB,KAAK,aAAa,GAAG,cAAc,GAAG,aAAa,GAAG,eAAe,GAAG,gBAAgB,GAAG,MAAM,CAAC;AAClG,KAAK,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,YAAY,GAAG,eAAe,GAAG,aAAa,CAAC;AAsDjF,QAAA,MAAM,KAAK,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC,CA2B/F,CAAC;AA0CF,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,WAAW,CAAE,SAAQ,gBAAgB,CAAC,CAAC,CAAC;IACzG,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC1B,gCAAgC;IAChC,IAAI,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB,uCAAuC;IACvC,WAAW,CAAC,EAAE,CAAC,CAAC;IAChB,iCAAiC;IACjC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAYD,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,WAAW,EAAE,oGAS5C,qBAAqB,CAAC,iBAAiB,EAAE,CAAC,CAAC,4CAoC7C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,qBAAqB,CAAC,OAAO,YAAY,CAAC,4CAYzE,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,4BAA4B;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,CAAC,CAAC;IAClE,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,GAAG,GAAI,OAAO,iBAAiB,4CA8C3C,CAAC;AAEF,eAAO,MAAM,IAAI;8BAA6B,qBAAqB,CAAC,OAAO,QAAQ,CAAC;mBA3EpD,qBAAqB,CAAC,OAAO,YAAY,CAAC;WA/ClD,CAAC,SAAS,WAAW,sGAS1C,qBAAqB,CAAC,iBAAiB,EAAE,CAAC,CAAC;kBAiEnB,iBAAiB;CAgE3C,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/patterns/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EACV,YAAY,IAAI,gBAAgB,EAChC,QAAQ,IAAI,YAAY,EACxB,cAAc,IAAI,kBAAkB,EACrC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAGL,QAAQ,IAAI,YAAY,EACxB,IAAI,IAAI,QAAQ,EAGjB,MAAM,uBAAuB,CAAC;AAY/B,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAG7C,KAAK,eAAe,GAChB,cAAc,GACd,aAAa,GACb,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,eAAe,CAAC;AACpB,KAAK,aAAa,GAAG,cAAc,GAAG,aAAa,GAAG,eAAe,GAAG,gBAAgB,GAAG,MAAM,CAAC;AAClG,KAAK,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,YAAY,GAAG,eAAe,GAAG,aAAa,CAAC;AAsDjF,QAAA,MAAM,KAAK,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC,CA2B/F,CAAC;AA0CF,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,WAAW,CAAE,SAAQ,gBAAgB,CAAC,CAAC,CAAC;IACzG,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC1B,gCAAgC;IAChC,IAAI,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB,uCAAuC;IACvC,WAAW,CAAC,EAAE,CAAC,CAAC;IAChB,iCAAiC;IACjC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAYD,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,WAAW,EAAE,oGAS5C,qBAAqB,CAAC,iBAAiB,EAAE,CAAC,CAAC,4CAoC7C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,qBAAqB,CAAC,OAAO,YAAY,CAAC,4CAYzE,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,4BAA4B;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,CAAC,CAAC;IAClE,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAKD,eAAO,MAAM,GAAG,GAAI,OAAO,iBAAiB,4CA8C3C,CAAC;AAEF,eAAO,MAAM,IAAI;8BAA6B,qBAAqB,CAAC,OAAO,QAAQ,CAAC;mBA9EpD,qBAAqB,CAAC,OAAO,YAAY,CAAC;WA/ClD,CAAC,SAAS,WAAW,sGAS1C,qBAAqB,CAAC,iBAAiB,EAAE,CAAC,CAAC;kBAoEnB,iBAAiB;CAgE3C,CAAC"}

package/dist/patterns/tabs/tabs.js

@@ -1,9 +1,9 @@
-import { jsx as b, jsxs as h } from "react/jsx-runtime";
-import { createContext as _, useContext as v, Fragment as T } from "react";
-import { Tabs as w, useSlottedContext as z, TabsContext as N, TabList as C, Tab as B, TabPanel as L } from "react-aria-components";
+import { jsx as b, jsxs as _ } from "react/jsx-runtime";
+import { createContext as v, useContext as T, Fragment as w } from "react";
+import { Tabs as z, useSlottedContext as N, TabsContext as B, TabList as C, Tab as L, TabPanel as P } from "react-aria-components";
 import { cx as e } from "../../utils/cn.js";
 import { Badge as p } from "../../primitives/badge/badge.js";
-const P = ({ isFocusVisible: t, isSelected: n, isHovered: o, isDisabled: a }) => ({
+const j = ({ isFocusVisible: t, isSelected: n, isHovered: o, isDisabled: a }) => ({
   "button-brand": e(
     "outline-focus-ring",
     t && "outline-2 -outline-offset-2",
@@ -51,7 +51,7 @@ const P = ({ isFocusVisible: t, isSelected: n, isHovered: o, isDisabled: a }) =>
     !n && "before:shadow-[4px_4px_0_0_transparent] after:shadow-[-4px_4px_0_0_transparent]",
     !n && !a && o && "bg-primary_hover text-primary"
   )
-}), j = {
+}), $ = {
   xs: {
     "button-brand": "text-xs font-semibold px-2",
     "button-gray": "text-xs font-semibold px-2",
@@ -78,7 +78,7 @@ const P = ({ isFocusVisible: t, isSelected: n, isHovered: o, isDisabled: a }) =>
     line: "text-md font-semibold pr-3.5 pl-3 py-1",
     "button-curved": "py-2.5 px-5"
   }
-}, $ = ({ size: t, fullWidth: n }) => ({
+}, I = ({ size: t, fullWidth: n }) => ({
   "button-brand": "gap-1",
   "button-gray": "gap-1",
   "button-border": e(
@@ -90,14 +90,14 @@ const P = ({ isFocusVisible: t, isSelected: n, isHovered: o, isDisabled: a }) =>
   line: "gap-2",
   "button-curved": "gap-0"
 });
-function I(t) {
+function k(t) {
   return t.some((n) => {
     if (!("badge" in n)) return !1;
     const o = n.badge;
     return o != null && String(o).length > 0;
   });
 }
-const k = {
+const A = {
   xs: "!min-h-8",
   sm: "!min-h-9",
   md: "!min-h-10"
@@ -109,11 +109,11 @@ const k = {
   underline: t || n ? "brand" : "gray",
   line: t || n ? "brand" : "gray",
   "button-curved": "gray"
-}), c = _({
+}), y = v({
   size: "sm",
   type: "button-brand",
   reserveBadgeSlot: !1
-}), A = ({
+}), M = ({
   size: t = "sm",
   type: n = "button-brand",
   orientation: o,
@@ -123,15 +123,15 @@ const k = {
   items: u,
   ...r
 }) => {
-  const i = z(N), s = o ?? (i == null ? void 0 : i.orientation) ?? "horizontal", l = s === "horizontal" && n === "underline" && I(u);
-  return /* @__PURE__ */ b(c.Provider, { value: { size: t, type: n, orientation: s, fullWidth: a, reserveBadgeSlot: l }, children: /* @__PURE__ */ b(
+  const i = N(B), s = o ?? (i == null ? void 0 : i.orientation) ?? "horizontal", l = s === "horizontal" && n === "underline" && k(u);
+  return /* @__PURE__ */ b(y.Provider, { value: { size: t, type: n, orientation: s, fullWidth: a, reserveBadgeSlot: l }, children: /* @__PURE__ */ b(
     C,
     {
       ...r,
       items: u,
       className: (f) => e(
         "group flex",
-        $({
+        I({
           size: t,
           fullWidth: a
         })[n],
@@ -140,11 +140,11 @@ const k = {
         s === "horizontal" && n === "underline" && "relative before:absolute before:inset-x-0 before:bottom-0 before:h-px before:bg-border-secondary",
         typeof d == "function" ? d(f) : d
       ),
-      children: m ?? ((f) => /* @__PURE__ */ b(y, { ...f, children: f.children }))
+      children: m ?? ((f) => /* @__PURE__ */ b(h, { ...f, children: f.children }))
     }
   ) });
-}, M = (t) => /* @__PURE__ */ b(
-  L,
+}, W = (t) => /* @__PURE__ */ b(
+  P,
   {
     ...t,
     className: (n) => e(
@@ -152,23 +152,23 @@ const k = {
       typeof t.className == "function" ? t.className(n) : t.className
     )
   }
-), y = (t) => {
-  const { label: n, children: o, badge: a, leadingBadge: d, badgeClassName: m, ...u } = t, { size: r = "sm", type: i = "button-brand", fullWidth: s } = v(c);
+), c = (t) => t != null && t !== "", h = (t) => {
+  const { label: n, children: o, badge: a, leadingBadge: d, badgeClassName: m, ...u } = t, { size: r = "sm", type: i = "button-brand", fullWidth: s } = T(y);
   return /* @__PURE__ */ b(
-    B,
+    L,
     {
       ...u,
       className: (l) => e(
         "z-10 flex h-max cursor-pointer items-center justify-center gap-1 rounded-md whitespace-nowrap text-secondary transition duration-100 ease-linear",
         "group-orientation-vertical:justify-start",
         s && "w-full flex-1",
-        k[r],
-        j[r][i],
-        P(l)[i],
+        A[r],
+        $[r][i],
+        j(l)[i],
         typeof t.className == "function" ? t.className(l) : t.className
       ),
-      children: (l) => /* @__PURE__ */ h(T, { children: [
-        d && /* @__PURE__ */ b(
+      children: (l) => /* @__PURE__ */ _(w, { children: [
+        c(d) && /* @__PURE__ */ b(
           p,
           {
             size: r === "xs" ? "sm" : r,
@@ -179,7 +179,7 @@ const k = {
           }
         ),
         typeof o == "function" ? o(l) : o || n,
-        a && /* @__PURE__ */ b(
+        c(a) && /* @__PURE__ */ b(
           p,
           {
             size: r === "xs" ? "sm" : r,
@@ -193,7 +193,7 @@ const k = {
     }
   );
 }, x = ({ className: t, ...n }) => /* @__PURE__ */ b(
-  w,
+  z,
   {
     keyboardActivation: "manual",
     ...n,
@@ -206,12 +206,12 @@ const k = {
     )
   }
 );
-x.Panel = M;
-x.List = A;
-x.Item = y;
+x.Panel = W;
+x.List = M;
+x.Item = h;
 export {
-  y as Tab,
-  A as TabList,
-  M as TabPanel,
+  h as Tab,
+  M as TabList,
+  W as TabPanel,
   x as Tabs
 };

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

@@ -1 +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"}
+{"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,4CAuHnB,CAAC"}

package/dist/patterns/tree-view/indented-tree.js

@@ -1,44 +1,45 @@
 import { jsx as n, jsxs as b } from "react/jsx-runtime";
-import { useRef as I, useMemo as $ } from "react";
-import { ChevronRight as P } from "@untitledui/icons";
-import { motion as A } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-import { AnimatePresence as D } from "../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
-const _ = ({
-  tree: s,
-  onToggle: p,
-  CustomNode: x,
+import { useRef as S, useState as j, useMemo as C, useId as M } from "react";
+import { ChevronRight as _ } from "@untitledui/icons";
+import { motion as D } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { AnimatePresence as B } from "../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
+const q = ({
+  tree: r,
+  onToggle: d,
+  CustomNode: v,
   onNodeClick: c,
-  selectedNodeId: v,
-  keyboardNavigation: e,
-  canSelectNode: d,
-  "aria-label": m
+  selectedNodeId: w,
+  keyboardNavigation: t,
+  canSelectNode: h,
+  "aria-label": f
 }) => {
-  const f = I(null), l = $(() => {
-    const t = [];
-    function i(a, r = "", h) {
-      a.forEach((u, g) => {
-        const O = r ? `${r}-${g}` : String(g);
-        t.push({ node: u, path: O, parentId: h }), u.isOpen && i(u.children, O, u.id);
+  var O;
+  const m = S(null), [u, $] = j(null), l = C(() => {
+    const i = [];
+    function e(s, o = "", A) {
+      s.forEach((p, E) => {
+        const P = o ? `${o}-${E}` : String(E);
+        i.push({ node: p, path: P, parentId: A }), p.isOpen && e(p.children, P, p.id);
       });
     }
-    return i(s), t;
-  }, [s]);
-  function o(t) {
-    var a;
-    const i = (a = f.current) == null ? void 0 : a.querySelector(
-      `[data-tree-node-id="${CSS.escape(t)}"]`
+    return e(r), i;
+  }, [r]);
+  function a(i) {
+    var s;
+    const e = (s = m.current) == null ? void 0 : s.querySelector(
+      `[data-tree-node-id="${CSS.escape(i)}"]`
     );
-    i == null || i.focus({ preventScroll: !0 }), i == null || i.scrollIntoView({ block: "nearest", behavior: "instant" });
+    e == null || e.focus({ preventScroll: !0 }), e == null || e.scrollIntoView({ block: "nearest", behavior: "instant" });
   }
-  function w(t) {
-    if (!e || t.nativeEvent.isComposing) return;
-    const i = t.target.closest(
+  function x(i) {
+    if (!t || i.nativeEvent.isComposing) return;
+    const e = i.target.closest(
       "[data-tree-node-id]"
-    ), a = l.findIndex(
-      ({ node: g }) => g.id === (i == null ? void 0 : i.dataset.treeNodeId)
+    ), s = l.findIndex(
+      ({ node: E }) => E.id === (e == null ? void 0 : e.dataset.treeNodeId)
     );
-    if (a < 0) return;
-    const { node: r, path: h, parentId: u } = l[a];
+    if (s < 0) return;
+    const { node: o, path: A, parentId: p } = l[s];
     if ([
       "ArrowDown",
       "ArrowUp",
@@ -48,111 +49,119 @@ const _ = ({
       "End",
       "Enter",
       " "
-    ].includes(t.key) && !((t.key === "Enter" || t.key === " ") && t.target.closest("button")))
-      switch (t.preventDefault(), t.stopPropagation(), t.key) {
+    ].includes(i.key) && !((i.key === "Enter" || i.key === " ") && i.target.closest("button")))
+      switch (i.preventDefault(), i.stopPropagation(), i.key) {
         case "ArrowDown":
-          o(l[(a + 1) % l.length].node.id);
+          a(l[Math.min(s + 1, l.length - 1)].node.id);
           break;
         case "ArrowUp":
-          o(
-            l[(a - 1 + l.length) % l.length].node.id
-          );
+          a(l[Math.max(s - 1, 0)].node.id);
           break;
         case "Home":
-          o(l[0].node.id);
+          a(l[0].node.id);
           break;
         case "End":
-          o(l[l.length - 1].node.id);
+          a(l[l.length - 1].node.id);
           break;
         case "ArrowRight":
-          r.children.length && !r.isOpen ? p(h) : r.children.length && o(r.children[0].id);
+          o.children.length && !o.isOpen ? d(A) : o.children.length && a(o.children[0].id);
           break;
         case "ArrowLeft":
-          r.children.length && r.isOpen ? p(h) : u && o(u);
+          o.children.length && o.isOpen ? d(A) : p && a(p);
           break;
         default:
-          (!d || d(r)) && (c == null || c(r));
+          (!h || h(o)) && (c == null || c(o));
       }
   }
+  const I = u && l.some(({ node: i }) => i.id === u) ? u : (O = l[0]) == null ? void 0 : O.node.id;
+  function g(i) {
+    var s;
+    const e = (s = i.target.closest("[data-tree-node-id]")) == null ? void 0 : s.dataset.treeNodeId;
+    e && $(e);
+  }
   return /* @__PURE__ */ n(
     "div",
     {
-      ref: f,
-      role: e ? "tree" : void 0,
-      "aria-label": e ? m : void 0,
-      onKeyDown: w,
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: s.map((t, i) => /* @__PURE__ */ n(
-        E,
+      ref: m,
+      role: t ? "tree" : void 0,
+      "aria-label": t ? f : void 0,
+      onKeyDown: x,
+      onFocus: t ? g : void 0,
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: r.map((i, e) => /* @__PURE__ */ n(
+        R,
         {
-          node: t,
-          path: String(i),
-          onToggle: p,
+          node: i,
+          path: String(e),
+          onToggle: d,
           onNodeClick: c,
-          CustomNode: x,
-          keyboardNavigation: e,
-          selectedNodeId: v,
-          canSelectNode: d,
+          CustomNode: v,
+          keyboardNavigation: t,
+          selectedNodeId: w,
+          canSelectNode: h,
+          tabStopId: I,
           level: 1,
-          position: i + 1,
-          siblingCount: s.length
+          position: e + 1,
+          siblingCount: r.length
         },
-        t.id || i
+        i.id || e
       )) })
     }
   );
-}, E = ({
-  node: s,
-  path: p,
-  onToggle: x,
+}, R = ({
+  node: r,
+  path: d,
+  onToggle: v,
   onNodeClick: c,
-  CustomNode: v,
-  keyboardNavigation: e,
-  selectedNodeId: d,
-  canSelectNode: m,
-  level: f,
-  position: l,
-  siblingCount: o
+  CustomNode: w,
+  keyboardNavigation: t,
+  selectedNodeId: h,
+  canSelectNode: f,
+  tabStopId: m,
+  level: u,
+  position: $,
+  siblingCount: l
 }) => {
-  const w = s.children.length > 0, t = d != null && s.id === d, i = (r) => {
-    r.stopPropagation(), x(p);
-  }, a = (r) => {
-    r.stopPropagation(), c == null || c(s);
+  const a = r.children.length > 0, x = M(), I = t && a && !!r.isOpen, g = h != null && r.id === h, O = (e) => {
+    e.stopPropagation(), v(d);
+  }, i = (e) => {
+    e.stopPropagation(), c == null || c(r);
   };
   return /* @__PURE__ */ b("div", { className: "relative", children: [
     /* @__PURE__ */ b(
       "div",
       {
-        className: `flex items-center gap-2 py-0.5 ${e ? "rounded-md outline-none hover:bg-primary_hover focus:bg-primary_hover" : ""}`,
-        "data-tree-node-id": s.id,
-        role: e ? "treeitem" : void 0,
-        tabIndex: e ? f === 1 && l === 1 ? 0 : -1 : void 0,
-        "aria-label": e ? s.label : void 0,
-        "aria-level": e ? f : void 0,
-        "aria-posinset": e ? l : void 0,
-        "aria-setsize": e ? o : void 0,
-        "aria-expanded": e && w ? !!s.isOpen : void 0,
-        "aria-selected": e && (!m || m(s)) ? t : void 0,
+        className: `flex items-center gap-2 py-0.5 ${t ? "rounded-md outline-none hover:bg-primary_hover focus:bg-primary_hover" : ""}`,
+        "data-tree-node-id": r.id,
+        role: t ? "treeitem" : void 0,
+        tabIndex: t ? r.id === m ? 0 : -1 : void 0,
+        "aria-owns": I ? x : void 0,
+        "aria-label": t ? r.label : void 0,
+        "aria-level": t ? u : void 0,
+        "aria-posinset": t ? $ : void 0,
+        "aria-setsize": t ? l : void 0,
+        "aria-expanded": t && a ? !!r.isOpen : void 0,
+        "aria-selected": t && (!f || f(r)) ? g : void 0,
         children: [
           /* @__PURE__ */ n(
             "div",
             {
               className: "w-4 h-4 flex-shrink-0",
-              onClick: (r) => r.stopPropagation(),
-              children: w && /* @__PURE__ */ n(
+              onClick: (e) => e.stopPropagation(),
+              children: a && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  tabIndex: e ? -1 : void 0,
-                  onClick: i,
+                  tabIndex: t ? -1 : void 0,
+                  onClick: O,
                   className: "cursor-pointer hover:bg-secondary_subtle rounded p-0.5 transition-colors flex items-center justify-center",
-                  "aria-label": s.isOpen ? "Collapse" : "Expand",
+                  "aria-label": r.isOpen ? "Collapse" : "Expand",
                   children: /* @__PURE__ */ n(
-                    A.div,
+                    D.div,
                     {
                       initial: !1,
-                      animate: { rotate: s.isOpen ? 90 : 0 },
+                      animate: { rotate: r.isOpen ? 90 : 0 },
                       transition: { duration: 0.2, ease: "easeOut" },
-                      children: /* @__PURE__ */ n(P, { className: "w-4 h-4 text-[var(--color-gray-400)]" })
+                      children: /* @__PURE__ */ n(_, { className: "w-4 h-4 text-[var(--color-gray-400)]" })
                     }
                   )
                 }
@@ -162,28 +171,28 @@ const _ = ({
           /* @__PURE__ */ n(
             "div",
             {
-              onClick: a,
+              onClick: i,
               className: "flex-1 min-w-0 cursor-pointer",
-              children: /* @__PURE__ */ n(v, { node: s, isSelected: t })
+              children: /* @__PURE__ */ n(w, { node: r, isSelected: g })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ n(D, { initial: !1, children: w && s.isOpen && /* @__PURE__ */ n(
-      A.div,
+    /* @__PURE__ */ n(B, { initial: !1, children: a && r.isOpen && /* @__PURE__ */ n(
+      D.div,
       {
-        initial: e ? !1 : { opacity: 0, height: 0 },
+        initial: t ? !1 : { opacity: 0, height: 0 },
         animate: {
           opacity: 1,
           height: "auto",
           transition: {
             height: {
-              duration: e ? 0 : 0.1,
+              duration: t ? 0 : 0.1,
               ease: "easeOut"
             },
             opacity: {
-              duration: e ? 0 : 0.1,
+              duration: t ? 0 : 0.1,
               ease: "easeOut"
             }
           }
@@ -193,11 +202,11 @@ const _ = ({
           height: 0,
           transition: {
             height: {
-              duration: e ? 0 : 0.3,
+              duration: t ? 0 : 0.3,
               ease: "easeIn"
             },
             opacity: {
-              duration: e ? 0 : 0.2,
+              duration: t ? 0 : 0.2,
               ease: "easeIn"
             }
           }
@@ -205,28 +214,37 @@ const _ = ({
         style: { overflow: "clip" },
         children: /* @__PURE__ */ b("div", { className: "ml-6 relative", children: [
           /* @__PURE__ */ n("div", { className: "absolute left-[-17px] top-[-6px] bottom-0 w-px bg-[var(--color-gray-200)]" }),
-          /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: s.children.map((r, h) => /* @__PURE__ */ n(
-            E,
+          /* @__PURE__ */ n(
+            "div",
             {
-              node: r,
-              path: `${p}-${h}`,
-              onToggle: x,
-              onNodeClick: c,
-              CustomNode: v,
-              keyboardNavigation: e,
-              selectedNodeId: d,
-              canSelectNode: m,
-              level: f + 1,
-              position: h + 1,
-              siblingCount: s.children.length
-            },
-            r.id || `${p}-${h}`
-          )) })
+              id: I ? x : void 0,
+              role: t ? "group" : void 0,
+              className: "flex flex-col gap-2",
+              children: r.children.map((e, s) => /* @__PURE__ */ n(
+                R,
+                {
+                  node: e,
+                  path: `${d}-${s}`,
+                  onToggle: v,
+                  onNodeClick: c,
+                  CustomNode: w,
+                  keyboardNavigation: t,
+                  selectedNodeId: h,
+                  canSelectNode: f,
+                  tabStopId: m,
+                  level: u + 1,
+                  position: s + 1,
+                  siblingCount: r.children.length
+                },
+                e.id || `${d}-${s}`
+              ))
+            }
+          )
         ] })
       }
     ) })
   ] });
 };
 export {
-  _ as IndentedTree
+  q as IndentedTree
 };

package/dist/primitives/featured-icon/featured-icon.d.ts

@@ -7,7 +7,8 @@ export interface FeaturedIconProps {
         className?: string;
     }> | ReactNode;
     size?: "sm" | "md" | "lg" | "xl";
-    color: "brand" | "gray" | "success" | "warning" | "error";
+    /** @default "brand" */
+    color?: "brand" | "gray" | "success" | "warning" | "error";
     theme?: "light" | "gradient" | "dark" | "outline" | "modern" | "modern-neue";
 }
 export declare const FeaturedIcon: (props: FeaturedIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/primitives/featured-icon/featured-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"featured-icon.d.ts","sourceRoot":"","sources":["../../../src/primitives/featured-icon/featured-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AA6HhD,MAAM,WAAW,iBAAiB;IAChC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IAC9C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1D,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;CAC9E;AAED,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,4CAwBpD,CAAC"}
+{"version":3,"file":"featured-icon.d.ts","sourceRoot":"","sources":["../../../src/primitives/featured-icon/featured-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AA6HhD,MAAM,WAAW,iBAAiB;IAChC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IAC9C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3D,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;CAC9E;AAED,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,4CAwBpD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pibit.ai/cure-design-system",
-  "version": "0.6.26",
+  "version": "0.6.27",
   "description": "CURE Design System - React component library",
   "author": "Pibit",
   "license": "MIT",