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

package/dist/hooks/use-escape-layer.d.ts

@@ -0,0 +1,10 @@
+/** Wrap a layer's children in this, with the depth `useEscapeLayer` returned, so layers inside it nest. */
+export declare const EscapeLayerProvider: import('react').Provider<number>;
+/**
+ * While `isActive`, registers this overlay for Escape; Escape then calls `onEscape` when this is the
+ * innermost open layer. Pass `onEscape: null` for a layer that must swallow Escape without closing
+ * (a non-dismissable modal). The callback is read through a ref, so an inline function is fine.
+ * Returns this layer's depth for `EscapeLayerProvider`.
+ */
+export declare function useEscapeLayer(isActive: boolean, onEscape: (() => void) | null): number;
+//# sourceMappingURL=use-escape-layer.d.ts.map

package/dist/hooks/use-escape-layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-escape-layer.d.ts","sourceRoot":"","sources":["../../src/hooks/use-escape-layer.ts"],"names":[],"mappings":"AA0BA,2GAA2G;AAC3G,eAAO,MAAM,mBAAmB,kCAA4B,CAAC;AAE7D;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,GAAG,MAAM,CAsBvF"}

package/dist/hooks/use-escape-layer.js

@@ -0,0 +1,35 @@
+import { createContext as l, useContext as p, useRef as f, useEffect as a } from "react";
+const s = [];
+let h = 0, u = !1;
+const y = () => {
+  u || typeof document > "u" || (document.addEventListener("keydown", (r) => {
+    if (r.key !== "Escape" || s.length === 0 || r.defaultPrevented) return;
+    s.reduce((t, e) => e.depth > t.depth || e.depth === t.depth && e.order > t.order ? e : t).close();
+  }), u = !0);
+}, i = l(0), m = i.Provider;
+function x(r, o) {
+  const t = p(i) + 1, e = f(o);
+  e.current = o;
+  const c = o !== null;
+  return a(() => {
+    if (!r) return;
+    y();
+    const d = {
+      close: c ? () => {
+        var n;
+        return (n = e.current) == null ? void 0 : n.call(e);
+      } : () => {
+      },
+      depth: t,
+      order: ++h
+    };
+    return s.push(d), () => {
+      const n = s.indexOf(d);
+      n >= 0 && s.splice(n, 1);
+    };
+  }, [r, c, t]), t;
+}
+export {
+  m as EscapeLayerProvider,
+  x as useEscapeLayer
+};

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/drawer/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/patterns/drawer/drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAWxD,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,8GAA8G;IAC9G,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6FAA6F;IAC7F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iDAAiD;IACjD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4DAA4D;IAC5D,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,iFAAiF;IACjF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sBAAsB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuPxC,CAAC"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/patterns/drawer/drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAYxD,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,8GAA8G;IAC9G,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6FAA6F;IAC7F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iDAAiD;IACjD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4DAA4D;IAC5D,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,iFAAiF;IACjF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sBAAsB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6QxC,CAAC"}

package/dist/patterns/drawer/drawer.js

@@ -1,150 +1,161 @@
-import { jsxs as l, Fragment as lt, jsx as r } from "react/jsx-runtime";
-import { Minimize01 as P, Expand01 as j, X as it } from "@untitledui/icons";
-import { useId as ct, useRef as nt, useEffect as dt } from "react";
-import { ClickAwayListener as ut } from "../click-away/click-away-listener.js";
-const xt = ({
-  isOpen: s,
-  onClose: k,
-  title: v,
-  subtitle: $,
-  children: L,
-  width: X = "max-w-lg",
-  footer: q,
-  showDefaultFooter: E = !1,
-  className: A = "",
-  side: n = "right",
-  style: _,
-  leftOffset: h = 0,
-  headerClassName: K = "",
-  bodyClassName: T = "",
+import { jsxs as l, Fragment as dt, jsx as e } from "react/jsx-runtime";
+import { Minimize01 as M, Expand01 as j, X as ut } from "@untitledui/icons";
+import { useId as mt, useRef as X, useEffect as q } from "react";
+import { useEscapeLayer as ft, EscapeLayerProvider as vt } from "../../hooks/use-escape-layer.js";
+import { ClickAwayListener as yt } from "../click-away/click-away-listener.js";
+const kt = ({
+  isOpen: o,
+  onClose: y,
+  title: p,
+  subtitle: I,
+  children: A,
+  width: _ = "max-w-lg",
+  footer: K,
+  showDefaultFooter: T = !1,
+  className: B = "",
+  side: i = "right",
+  style: U,
+  leftOffset: $ = 0,
+  headerClassName: V = "",
+  bodyClassName: Y = "",
   header: d = null,
-  onClickOutside: U,
-  showBackDrop: B = !1,
-  footerClassName: V = "",
-  expanded: i = !1,
+  onClickOutside: G,
+  showBackDrop: H = !1,
+  footerClassName: J = "",
+  expanded: c = !1,
   onExpandedChange: u,
-  maxWidth: I = "90vw",
-  resizableWidth: e,
-  minResizableWidth: p = 476,
-  maxResizableWidth: Y,
-  onResizableWidthChange: o,
-  headerActions: G,
-  fullscreenOpen: x = !1,
+  maxWidth: h = "90vw",
+  resizableWidth: s,
+  minResizableWidth: x = 476,
+  maxResizableWidth: Q,
+  onResizableWidthChange: a,
+  headerActions: Z,
+  fullscreenOpen: b = !1,
   onFullscreenOpenChange: m,
-  "data-testid": H
+  "data-testid": F
 }) => {
-  const f = u !== void 0, J = m !== void 0, y = e !== void 0 && o !== void 0, b = Math.max(Y ?? Number.POSITIVE_INFINITY, p), w = s && y, N = (t) => Math.min(Math.max(t, p), b), S = ct(), c = nt(null);
-  dt(() => () => {
+  const f = u !== void 0, z = m !== void 0, v = s !== void 0 && a !== void 0, w = Math.max(Q ?? Number.POSITIVE_INFINITY, x), N = o && v, g = (t) => Math.min(Math.max(t, x), w), E = mt(), S = X(null), C = ft(o, y);
+  q(() => {
+    if (!o) return;
+    const t = document.activeElement, r = S.current;
+    return r && !r.contains(document.activeElement) && r.focus({ preventScroll: !0 }), () => {
+      (!document.activeElement || document.activeElement === document.body || !!(r != null && r.contains(document.activeElement))) && (t != null && t.isConnected) && t.focus({ preventScroll: !0 });
+    };
+  }, [o]);
+  const n = X(null);
+  q(() => () => {
     var t;
-    return (t = c.current) == null ? void 0 : t.call(c);
+    return (t = n.current) == null ? void 0 : t.call(n);
   }, []);
-  const Q = (t) => {
-    if (!w || e === void 0) return;
+  const R = (t) => {
+    if (!N || s === void 0) return;
     t.preventDefault(), t.stopPropagation();
-    const a = t.clientX, et = e, ot = document.body.style.cursor, st = document.body.style.userSelect;
+    const r = t.clientX, D = s, ct = document.body.style.cursor, nt = document.body.style.userSelect;
     document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
-    const M = (at) => {
-      o == null || o(N(et + a - at.clientX));
-    }, g = () => {
-      document.body.style.cursor = ot, document.body.style.userSelect = st, window.removeEventListener("pointermove", M), window.removeEventListener("pointerup", g), c.current = null;
+    const P = (it) => {
+      a == null || a(g(D + r - it.clientX));
+    }, k = () => {
+      document.body.style.cursor = ct, document.body.style.userSelect = nt, window.removeEventListener("pointermove", P), window.removeEventListener("pointerup", k), n.current = null;
     };
-    c.current = g, window.addEventListener("pointermove", M), window.addEventListener("pointerup", g);
-  }, Z = (t) => {
-    if (!w || e === void 0) return;
-    const a = t.shiftKey ? 50 : 16;
-    t.key === "ArrowLeft" && (t.preventDefault(), o == null || o(N(e + a))), t.key === "ArrowRight" && (t.preventDefault(), o == null || o(N(e - a)));
-  }, F = n === "left" ? s ? "left-4" : "left-0" : s ? "right-[6px]" : "right-0", D = n === "left" && h > 0, z = (() => {
-    const t = { ..._ };
-    if (D) {
-      const a = s ? `${h}px` : "calc(-100%)";
-      t.transform = `translateX(${a})`;
+    n.current = k, window.addEventListener("pointermove", P), window.addEventListener("pointerup", k);
+  }, O = (t) => {
+    if (!N || s === void 0) return;
+    const r = t.shiftKey ? 50 : 16;
+    t.key === "ArrowLeft" && (t.preventDefault(), a == null || a(g(s + r))), t.key === "ArrowRight" && (t.preventDefault(), a == null || a(g(s - r)));
+  }, W = i === "left" ? o ? "left-4" : "left-0" : o ? "right-[6px]" : "right-0", L = i === "left" && $ > 0, tt = (() => {
+    const t = { ...U };
+    if (L) {
+      const r = o ? `${$}px` : "calc(-100%)";
+      t.transform = `translateX(${r})`;
     }
-    return y && e !== void 0 ? (t.width = e, t.maxWidth = e) : f && (t.width = i ? I : "32rem", t.maxWidth = i ? I : "32rem"), t;
-  })(), C = D ? "" : n === "left" ? s ? "translate-x-0" : "-translate-x-full" : s ? "translate-x-0" : "translate-x-full", R = `
-      ${F} 
+    return v && s !== void 0 ? (t.width = s, t.maxWidth = s) : f && (t.width = c ? h : "32rem", t.maxWidth = c ? h : "32rem"), t;
+  })(), et = L ? "" : i === "left" ? o ? "translate-x-0" : "-translate-x-full" : o ? "translate-x-0" : "translate-x-full", rt = `
+      ${W} 
       fixed h-[calc(100vh-12px)] my-[6px] bottom-0
-      ${y || f ? "" : `w-full ${X}`}
+      ${v || f ? "" : `w-full ${_}`}
       transform transition-transform duration-300 ease-in-out z-[100]
-      ${y ? "" : "transition-[width] duration-300 ease-in-out"}
-      ${C} ${A}`, O = {
+      ${v ? "" : "transition-[width] duration-300 ease-in-out"}
+      ${et} ${B}`, ot = {
     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%)"
-  }, W = `flex items-center justify-between pl-6 pr-2 border-b border-secondary gap-2 py-4 ${K} h-[60px]`, tt = `px-5 pb-3 overflow-y-auto flex-grow ${T}`, rt = `p-4 ${V}`;
-  return /* @__PURE__ */ l(lt, { children: [
-    s && B && /* @__PURE__ */ r("div", { className: "fixed inset-0 z-[99] bg-black/40", onClick: U, "aria-hidden": "true" }),
-    /* @__PURE__ */ r("div", { className: s ? "w-[100vw-64px] h-[100vh] fixed inset-0 z-[9999]" : "hidden", children: /* @__PURE__ */ r(ut, { onClickAway: k, as: "div", children: /* @__PURE__ */ r(
+  }, st = `flex items-center justify-between pl-6 pr-2 border-b border-secondary gap-2 py-4 ${V} h-[60px]`, at = `px-5 pb-3 overflow-y-auto flex-grow ${Y}`, lt = `p-4 ${J}`;
+  return /* @__PURE__ */ l(dt, { children: [
+    o && H && /* @__PURE__ */ e("div", { className: "fixed inset-0 z-[99] bg-black/40", onClick: G, "aria-hidden": "true" }),
+    /* @__PURE__ */ e("div", { className: o ? "w-[100vw-64px] h-[100vh] fixed inset-0 z-[9999]" : "hidden", children: /* @__PURE__ */ e(yt, { onClickAway: y, as: "div", children: /* @__PURE__ */ e(
       "div",
       {
-        className: R,
-        style: z,
+        ref: S,
+        tabIndex: -1,
+        className: `${rt} outline-none`,
+        style: tt,
         role: "dialog",
         "aria-modal": "true",
-        "aria-labelledby": d ? void 0 : S,
-        "aria-label": d && v ? v : void 0,
-        "data-testid": H,
+        "aria-labelledby": d ? void 0 : E,
+        "aria-label": d && p ? p : void 0,
+        "data-testid": F,
         onClick: (t) => t.stopPropagation(),
         children: /* @__PURE__ */ l(
           "div",
           {
-            className: `relative h-full w-full backdrop-blur-[3px] rounded-2xl p-2 ${n === "right" ? "border-l border-t border-b border-white" : "border border-white"}`,
-            style: O,
+            className: `relative h-full w-full backdrop-blur-[3px] rounded-2xl p-2 ${i === "right" ? "border-l border-t border-b border-white" : "border border-white"}`,
+            style: ot,
             children: [
-              w && /* @__PURE__ */ r(
+              N && /* @__PURE__ */ e(
                 "div",
                 {
                   role: "separator",
                   "aria-label": "Resize drawer",
                   "aria-orientation": "vertical",
-                  "aria-valuemin": p,
-                  "aria-valuemax": Number.isFinite(b) ? b : void 0,
-                  "aria-valuenow": Math.round(e),
+                  "aria-valuemin": x,
+                  "aria-valuemax": Number.isFinite(w) ? w : void 0,
+                  "aria-valuenow": Math.round(s),
                   tabIndex: 0,
-                  onPointerDown: Q,
-                  onKeyDown: Z,
-                  className: "absolute left-0 top-0 z-10 h-full w-2 -translate-x-1 cursor-col-resize touch-none focus-visible:outline-none"
+                  onPointerDown: R,
+                  onKeyDown: O,
+                  className: "absolute left-0 top-0 z-10 h-full w-2 -translate-x-1 cursor-col-resize touch-none rounded-full outline-none focus-visible:bg-brand-solid"
                 }
               ),
               /* @__PURE__ */ l("div", { className: "h-full w-full bg-white rounded-lg overflow-hidden flex flex-col", children: [
-                d || /* @__PURE__ */ l("header", { className: W, children: [
+                d || /* @__PURE__ */ l("header", { className: st, children: [
                   /* @__PURE__ */ l("div", { className: `flex-1 flex flex-col gap-0 ${f ? "pr-2" : "pr-16"}`, children: [
-                    /* @__PURE__ */ r("h2", { id: S, className: "text-lg font-semibold leading-7 text-[#06060a]", children: v }),
-                    $ && /* @__PURE__ */ r("p", { className: "text-sm text-secondary", children: $ })
+                    /* @__PURE__ */ e("h2", { id: E, className: "text-lg font-semibold leading-7 text-[#06060a]", children: p }),
+                    I && /* @__PURE__ */ e("p", { className: "text-sm text-secondary", children: I })
                   ] }),
                   /* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
-                    G,
-                    J && /* @__PURE__ */ r(
+                    Z,
+                    z && /* @__PURE__ */ e(
                       "button",
                       {
                         type: "button",
-                        onClick: () => m == null ? void 0 : m(!x),
+                        onClick: () => m == null ? void 0 : m(!b),
                         className: "flex items-center justify-center p-2 rounded-lg hover:bg-primary_hover transition-colors cursor-pointer",
-                        "aria-label": x ? "Exit full screen" : "Open full screen",
-                        children: x ? /* @__PURE__ */ r(P, { size: 20, className: "text-fg-quaternary", strokeWidth: 1.67 }) : /* @__PURE__ */ r(j, { size: 20, className: "text-fg-quaternary", strokeWidth: 1.67 })
+                        "aria-label": b ? "Exit full screen" : "Open full screen",
+                        children: b ? /* @__PURE__ */ e(M, { size: 20, className: "text-fg-quaternary", strokeWidth: 1.67 }) : /* @__PURE__ */ e(j, { size: 20, className: "text-fg-quaternary", strokeWidth: 1.67 })
                       }
                     ),
-                    f && /* @__PURE__ */ r(
+                    f && /* @__PURE__ */ e(
                       "button",
                       {
                         type: "button",
-                        onClick: () => u == null ? void 0 : u(!i),
+                        onClick: () => u == null ? void 0 : u(!c),
                         className: "flex items-center justify-center p-2 rounded-lg hover:bg-primary_hover transition-colors cursor-pointer",
-                        "aria-label": i ? "Collapse sidebar" : "Expand sidebar",
-                        children: i ? /* @__PURE__ */ r(P, { size: 20, className: "text-fg-quaternary", strokeWidth: 1.67 }) : /* @__PURE__ */ r(j, { size: 20, className: "text-fg-quaternary", strokeWidth: 1.67 })
+                        "aria-label": c ? "Collapse sidebar" : "Expand sidebar",
+                        children: c ? /* @__PURE__ */ e(M, { size: 20, className: "text-fg-quaternary", strokeWidth: 1.67 }) : /* @__PURE__ */ e(j, { size: 20, className: "text-fg-quaternary", strokeWidth: 1.67 })
                       }
                     ),
-                    /* @__PURE__ */ r(
+                    /* @__PURE__ */ e(
                       "button",
                       {
                         type: "button",
-                        onClick: k,
+                        onClick: y,
                         "aria-label": "Close",
                         className: "flex items-center justify-center p-2 rounded-lg hover:bg-primary_hover transition-colors cursor-pointer",
-                        children: /* @__PURE__ */ r(it, { size: 20, className: "text-fg-quaternary", strokeWidth: 1.67 })
+                        children: /* @__PURE__ */ e(ut, { size: 20, className: "text-fg-quaternary", strokeWidth: 1.67 })
                       }
                     )
                   ] })
                 ] }),
-                /* @__PURE__ */ r("main", { className: tt, children: L }),
-                E && /* @__PURE__ */ r("footer", { className: rt, children: q })
+                /* @__PURE__ */ e("main", { className: at, children: /* @__PURE__ */ e(vt, { value: C, children: A }) }),
+                T && /* @__PURE__ */ e("footer", { className: lt, children: K })
               ] })
             ]
           }
@@ -154,5 +165,5 @@ const xt = ({
   ] });
 };
 export {
-  xt as Drawer
+  kt as Drawer
 };

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"}