@companix/uikit 0.1.42 → 0.1.44

package/dist/bundle.es23.js

@@ -1,263 +1,28 @@
-import { jsx as s, jsxs as q } from "react/jsx-runtime";
-import t from "react";
-import G from "classnames";
-import * as E from "@radix-ui/react-dialog";
-import { VisuallyHidden as K } from "@radix-ui/react-visually-hidden";
-import { customCSS as oe } from "@companix/utils-browser";
-import { RemoveListener as se } from "./bundle.es60.js";
-import { DrawerContext as ie, useDrawerContext as J } from "./bundle.es70.js";
-import { set as R, reset as ae, composeRefs as Q, isInput as ce, isMobileFirefox as ue, getTranslate as W, isIOS as le, dampenValue as fe } from "./bundle.es71.js";
-import { usePreventScroll as de } from "./bundle.es72.js";
-import { DRAG_CLASS as j, VELOCITY_THRESHOLD as ge, CLOSE_THRESHOLD as me, SCROLL_LOCK_TIMEOUT as pe, TRANSITIONS as Y, WINDOW_TOP_OFFSET as he } from "./bundle.es73.js";
-const we = (m) => {
-  const { open: p, onOpenChange: l, onClosed: D, children: y, defaultOpen: S = !1, disableEsc: f } = m, [M, P] = t.useState(!1), [T, v] = t.useState(!1), [_, A] = t.useState(!1), x = t.useRef(null), H = t.useRef(null), I = t.useRef(null), L = t.useRef(null), o = t.useRef(null), d = t.useRef(!1), h = t.useRef(0), b = t.useRef(!1), N = t.useRef(!S), e = t.useRef(null), O = t.useRef(e.current?.getBoundingClientRect().height || 0), g = t.useRef(0), C = t.useRef(0), w = p ?? !1, V = t.useCallback(
-    (r) => {
-      l(r);
+import { jsx as c } from "react/jsx-runtime";
+import r from "classnames";
+import { customCSS as i } from "@companix/utils-browser";
+import { PopupLayout as o } from "./bundle.es26.js";
+const l = ({
+  direction: e,
+  children: t,
+  size: a,
+  overlayClassName: m,
+  className: s,
+  ...p
+}) => /* @__PURE__ */ c(
+  o,
+  {
+    ...p,
+    overlay: { className: r("drawer-overlay", m) },
+    content: {
+      className: r("popup drawer", s),
+      style: i({ "--drawer-size": a ?? "50%" }),
+      "data-direction": e
     },
-    [l]
-  );
-  de({
-    isDisabled: !w || T || _ || !M
-  });
-  const ee = (r) => {
-    e.current && !e.current.contains(r.target) || (O.current = e.current?.getBoundingClientRect().height || 0, v(!0), I.current = /* @__PURE__ */ new Date(), le() && window.addEventListener("touchend", () => d.current = !1, { once: !0 }), r.target.setPointerCapture(r.pointerId), h.current = r.pageY);
-  }, z = (r, c) => {
-    let n = r;
-    const u = window.getSelection()?.toString(), i = e.current ? W(e.current) : null, a = /* @__PURE__ */ new Date();
-    if (n.tagName === "SELECT" || n.hasAttribute("data-no-drag") || n.closest("[data-no-drag]") || H.current && a.getTime() - H.current.getTime() < 500)
-      return !1;
-    if (i !== null && i > 0)
-      return !0;
-    if (u && u.length > 0)
-      return !1;
-    if (o.current && a.getTime() - o.current.getTime() < pe && i === 0 || c)
-      return o.current = a, !1;
-    for (; n; ) {
-      if (n.scrollHeight > n.clientHeight) {
-        if (n.scrollTop !== 0)
-          return o.current = /* @__PURE__ */ new Date(), !1;
-        if (n.getAttribute("role") === "dialog")
-          return !0;
-      }
-      n = n.parentNode;
-    }
-    return !0;
-  }, te = (r) => {
-    if (e.current && T) {
-      const c = h.current - r.pageY, n = c > 0, u = Math.abs(c), i = O.current, a = u / i;
-      if (!d.current && !z(r.target, n)) return;
-      if (e.current.classList.add(j), d.current = !0, R(e.current, {
-        transition: "none"
-      }), R(x.current, {
-        transition: "none"
-      }), n) {
-        const F = fe(c), U = Math.min(F * -1, 0) * 1;
-        R(e.current, {
-          transform: `translate3d(0, ${U}px, 0)`
-        });
-        return;
-      }
-      const k = 1 - a;
-      R(
-        x.current,
-        {
-          opacity: `${k}`,
-          transition: "none"
-        },
-        !0
-      );
-      const $ = u;
-      R(e.current, {
-        transform: `translate3d(0, ${$}px, 0)`
-      });
-    }
-  };
-  t.useEffect(() => {
-    window.requestAnimationFrame(() => {
-      N.current = !0;
-    });
-  }, []), t.useEffect(() => {
-    const r = () => {
-      if (!e.current) return;
-      const c = document.activeElement;
-      if (ce(c) || b.current) {
-        const n = window.visualViewport?.height || 0, u = window.innerHeight, i = u - n, a = e.current.getBoundingClientRect().height || 0, k = a > u * 0.8;
-        g.current || (g.current = a);
-        const $ = e.current.getBoundingClientRect().top;
-        if (Math.abs(C.current - i) > 60 && (b.current = !b.current), C.current = i, a > n || b.current) {
-          const F = e.current.getBoundingClientRect().height;
-          let U = F;
-          F > n && (U = n - (k ? $ : he)), e.current.style.height = `${Math.max(
-            U,
-            n - $
-          )}px`;
-        } else ue() || (e.current.style.height = `${g.current}px`);
-        e.current.style.bottom = `${Math.max(i, 0)}px`;
-      }
-    };
-    return window.visualViewport?.addEventListener("resize", r), () => window.visualViewport?.removeEventListener("resize", r);
-  }, []);
-  const B = (r) => {
-    re(), r || V(!1);
-  }, X = () => {
-    e.current && (R(e.current, {
-      transform: "translate3d(0, 0, 0)",
-      transition: `transform ${Y.DURATION}s cubic-bezier(${Y.EASE.join(",")})`
-    }), R(x.current, {
-      transition: `opacity ${Y.DURATION}s cubic-bezier(${Y.EASE.join(",")})`,
-      opacity: "1"
-    }));
-  }, re = () => {
-    !T || !e.current || (e.current.classList.remove(j), d.current = !1, v(!1), L.current = /* @__PURE__ */ new Date());
-  }, ne = (r) => {
-    if (!T || !e.current) return;
-    e.current.classList.remove(j), d.current = !1, v(!1), L.current = /* @__PURE__ */ new Date();
-    const c = W(e.current);
-    if (!r || !z(r.target, !1) || !c || Number.isNaN(c) || I.current === null) return;
-    const n = L.current.getTime() - I.current.getTime(), u = h.current - r.pageY, i = Math.abs(u) / n;
-    if (i > 0.05 && (A(!0), setTimeout(() => {
-      A(!1);
-    }, 200)), u > 0) {
-      X();
-      return;
-    }
-    if (i > ge) {
-      B();
-      return;
-    }
-    const a = Math.min(
-      e.current.getBoundingClientRect().height ?? 0,
-      window.innerHeight
-    );
-    if (Math.abs(c) >= a * me) {
-      B();
-      return;
-    }
-    X();
-  };
-  return t.useEffect(() => (w && (P(!0), R(document.documentElement, {
-    scrollBehavior: "auto"
-  }), H.current = /* @__PURE__ */ new Date()), () => {
-    ae(document.documentElement, "scrollBehavior");
-  }), [w]), /* @__PURE__ */ s(
-    E.Root,
-    {
-      defaultOpen: S,
-      onOpenChange: (r) => {
-        r ? P(!0) : B(!0), V(r);
-      },
-      open: w,
-      modal: !0,
-      children: /* @__PURE__ */ s(
-        ie.Provider,
-        {
-          value: {
-            drawerRef: e,
-            overlayRef: x,
-            onPress: ee,
-            onRelease: ne,
-            onDrag: te,
-            isOpen: w,
-            isDragging: T,
-            keyboardIsOpen: b,
-            closeDrawer: () => B(),
-            shouldAnimate: N,
-            onClosed: D,
-            disableEsc: f
-          },
-          children: y
-        }
-      )
-    }
-  );
-}, Re = t.forwardRef(
-  ({ className: m, ...p }, l) => {
-    const { overlayRef: D, onRelease: y, shouldAnimate: S } = J(), f = Q(l, D), M = t.useCallback(
-      (P) => y(P),
-      [y]
-    );
-    return /* @__PURE__ */ s(
-      E.Overlay,
-      {
-        onMouseUp: M,
-        ref: f,
-        "data-animate": S?.current ? "true" : "false",
-        className: G("popup-overlay drawer-overlay", m),
-        ...p
-      }
-    );
+    children: t
   }
-), De = t.forwardRef(
-  ({ onPointerDownOutside: m, style: p, onOpenAutoFocus: l, className: D, size: y, children: S, ...f }, M) => {
-    const {
-      drawerRef: P,
-      onPress: T,
-      onRelease: v,
-      onDrag: _,
-      keyboardIsOpen: A,
-      shouldAnimate: x,
-      onClosed: H,
-      disableEsc: I
-    } = J(), L = Q(M, P), o = t.useRef(null), d = t.useRef(null), h = t.useRef(!1), b = (e, O = 0) => {
-      if (h.current) return !0;
-      const g = Math.abs(e.y), w = Math.abs(e.x) > g;
-      return !(e.y * 1 < 0) && g >= 0 && g <= O ? !w : (h.current = !0, !0);
-    }, N = (e) => {
-      o.current = null, h.current = !1, v(e);
-    };
-    return /* @__PURE__ */ q(
-      E.Content,
-      {
-        "data-direction": "bottom",
-        "data-animate": x?.current ? "true" : "false",
-        className: G("popup drawer drawer-mobile", D),
-        style: { ...oe({ "--drawer-size": y ?? "50%" }), ...p },
-        ...f,
-        ref: L,
-        onPointerDown: (e) => {
-          f.onPointerDown?.(e), o.current = { x: e.pageX, y: e.pageY }, T(e);
-        },
-        onOpenAutoFocus: (e) => {
-          l?.(e), e.preventDefault();
-        },
-        onEscapeKeyDown: (e) => {
-          I && e.preventDefault();
-        },
-        onPointerDownOutside: (e) => {
-          m?.(e), !e.defaultPrevented && A.current && (A.current = !1);
-        },
-        onPointerMove: (e) => {
-          if (d.current = e, f.onPointerMove?.(e), !o.current) return;
-          const O = e.pageY - o.current.y, g = e.pageX - o.current.x, C = e.pointerType === "touch" ? 10 : 2;
-          b({ x: g, y: O }, C) ? _(e) : (Math.abs(g) > C || Math.abs(O) > C) && (o.current = null);
-        },
-        onPointerUp: (e) => {
-          f.onPointerUp?.(e), o.current = null, h.current = !1, v(e);
-        },
-        onPointerOut: (e) => {
-          f.onPointerOut?.(e), N(d.current);
-        },
-        onContextMenu: (e) => {
-          f.onContextMenu?.(e), d.current && N(d.current);
-        },
-        children: [
-          /* @__PURE__ */ s(se, { callback: H }),
-          /* @__PURE__ */ s(K, { children: /* @__PURE__ */ s(E.Title, {}) }),
-          /* @__PURE__ */ s(K, { children: /* @__PURE__ */ s(E.Description, {}) }),
-          S
-        ]
-      }
-    );
-  }
-), Te = t.forwardRef(
-  ({ children: m, ...p }, l) => /* @__PURE__ */ s("div", { className: "drawer-handle", "aria-hidden": "true", ref: l, ...p, children: /* @__PURE__ */ s("span", { className: "drawer-handle-hitarea", "aria-hidden": "true", children: m }) })
-), Z = ({ children: m, className: p, size: l, ...D }) => /* @__PURE__ */ s(we, { ...D, children: /* @__PURE__ */ q(E.Portal, { children: [
-  /* @__PURE__ */ s(Re, {}),
-  /* @__PURE__ */ s(De, { className: p, size: l, children: m })
-] }) });
-Z.Close = E.Close;
-Z.Handle = Te;
+);
+l.Close = o.Close;
 export {
-  Te as Handle,
-  Z as MobileDrawer
+  l as Drawer
 };

package/dist/bundle.es24.js

@@ -1,16 +1,263 @@
-import { jsx as o } from "react/jsx-runtime";
-import i from "classnames";
-import { PopupLayout as a } from "./bundle.es25.js";
-const t = ({ size: e = "s", className: r, children: l, ...s }) => /* @__PURE__ */ o(
-  a,
-  {
-    ...s,
-    overlay: { className: "dialog-overlay" },
-    content: { className: "dialog-container", "data-size": e },
-    children: /* @__PURE__ */ o("div", { className: i("popup dialog", r), children: l })
+import { jsx as s, jsxs as q } from "react/jsx-runtime";
+import t from "react";
+import G from "classnames";
+import * as E from "@radix-ui/react-dialog";
+import { VisuallyHidden as K } from "@radix-ui/react-visually-hidden";
+import { customCSS as oe } from "@companix/utils-browser";
+import { RemoveListener as se } from "./bundle.es61.js";
+import { DrawerContext as ie, useDrawerContext as J } from "./bundle.es71.js";
+import { set as R, reset as ae, composeRefs as Q, isInput as ce, isMobileFirefox as ue, getTranslate as W, isIOS as le, dampenValue as fe } from "./bundle.es72.js";
+import { usePreventScroll as de } from "./bundle.es73.js";
+import { DRAG_CLASS as j, VELOCITY_THRESHOLD as ge, CLOSE_THRESHOLD as me, SCROLL_LOCK_TIMEOUT as pe, TRANSITIONS as Y, WINDOW_TOP_OFFSET as he } from "./bundle.es74.js";
+const we = (m) => {
+  const { open: p, onOpenChange: l, onClosed: D, children: y, defaultOpen: S = !1, disableEsc: f } = m, [M, P] = t.useState(!1), [T, v] = t.useState(!1), [_, A] = t.useState(!1), x = t.useRef(null), H = t.useRef(null), I = t.useRef(null), L = t.useRef(null), o = t.useRef(null), d = t.useRef(!1), h = t.useRef(0), b = t.useRef(!1), N = t.useRef(!S), e = t.useRef(null), O = t.useRef(e.current?.getBoundingClientRect().height || 0), g = t.useRef(0), C = t.useRef(0), w = p ?? !1, V = t.useCallback(
+    (r) => {
+      l(r);
+    },
+    [l]
+  );
+  de({
+    isDisabled: !w || T || _ || !M
+  });
+  const ee = (r) => {
+    e.current && !e.current.contains(r.target) || (O.current = e.current?.getBoundingClientRect().height || 0, v(!0), I.current = /* @__PURE__ */ new Date(), le() && window.addEventListener("touchend", () => d.current = !1, { once: !0 }), r.target.setPointerCapture(r.pointerId), h.current = r.pageY);
+  }, z = (r, c) => {
+    let n = r;
+    const u = window.getSelection()?.toString(), i = e.current ? W(e.current) : null, a = /* @__PURE__ */ new Date();
+    if (n.tagName === "SELECT" || n.hasAttribute("data-no-drag") || n.closest("[data-no-drag]") || H.current && a.getTime() - H.current.getTime() < 500)
+      return !1;
+    if (i !== null && i > 0)
+      return !0;
+    if (u && u.length > 0)
+      return !1;
+    if (o.current && a.getTime() - o.current.getTime() < pe && i === 0 || c)
+      return o.current = a, !1;
+    for (; n; ) {
+      if (n.scrollHeight > n.clientHeight) {
+        if (n.scrollTop !== 0)
+          return o.current = /* @__PURE__ */ new Date(), !1;
+        if (n.getAttribute("role") === "dialog")
+          return !0;
+      }
+      n = n.parentNode;
+    }
+    return !0;
+  }, te = (r) => {
+    if (e.current && T) {
+      const c = h.current - r.pageY, n = c > 0, u = Math.abs(c), i = O.current, a = u / i;
+      if (!d.current && !z(r.target, n)) return;
+      if (e.current.classList.add(j), d.current = !0, R(e.current, {
+        transition: "none"
+      }), R(x.current, {
+        transition: "none"
+      }), n) {
+        const F = fe(c), U = Math.min(F * -1, 0) * 1;
+        R(e.current, {
+          transform: `translate3d(0, ${U}px, 0)`
+        });
+        return;
+      }
+      const k = 1 - a;
+      R(
+        x.current,
+        {
+          opacity: `${k}`,
+          transition: "none"
+        },
+        !0
+      );
+      const $ = u;
+      R(e.current, {
+        transform: `translate3d(0, ${$}px, 0)`
+      });
+    }
+  };
+  t.useEffect(() => {
+    window.requestAnimationFrame(() => {
+      N.current = !0;
+    });
+  }, []), t.useEffect(() => {
+    const r = () => {
+      if (!e.current) return;
+      const c = document.activeElement;
+      if (ce(c) || b.current) {
+        const n = window.visualViewport?.height || 0, u = window.innerHeight, i = u - n, a = e.current.getBoundingClientRect().height || 0, k = a > u * 0.8;
+        g.current || (g.current = a);
+        const $ = e.current.getBoundingClientRect().top;
+        if (Math.abs(C.current - i) > 60 && (b.current = !b.current), C.current = i, a > n || b.current) {
+          const F = e.current.getBoundingClientRect().height;
+          let U = F;
+          F > n && (U = n - (k ? $ : he)), e.current.style.height = `${Math.max(
+            U,
+            n - $
+          )}px`;
+        } else ue() || (e.current.style.height = `${g.current}px`);
+        e.current.style.bottom = `${Math.max(i, 0)}px`;
+      }
+    };
+    return window.visualViewport?.addEventListener("resize", r), () => window.visualViewport?.removeEventListener("resize", r);
+  }, []);
+  const B = (r) => {
+    re(), r || V(!1);
+  }, X = () => {
+    e.current && (R(e.current, {
+      transform: "translate3d(0, 0, 0)",
+      transition: `transform ${Y.DURATION}s cubic-bezier(${Y.EASE.join(",")})`
+    }), R(x.current, {
+      transition: `opacity ${Y.DURATION}s cubic-bezier(${Y.EASE.join(",")})`,
+      opacity: "1"
+    }));
+  }, re = () => {
+    !T || !e.current || (e.current.classList.remove(j), d.current = !1, v(!1), L.current = /* @__PURE__ */ new Date());
+  }, ne = (r) => {
+    if (!T || !e.current) return;
+    e.current.classList.remove(j), d.current = !1, v(!1), L.current = /* @__PURE__ */ new Date();
+    const c = W(e.current);
+    if (!r || !z(r.target, !1) || !c || Number.isNaN(c) || I.current === null) return;
+    const n = L.current.getTime() - I.current.getTime(), u = h.current - r.pageY, i = Math.abs(u) / n;
+    if (i > 0.05 && (A(!0), setTimeout(() => {
+      A(!1);
+    }, 200)), u > 0) {
+      X();
+      return;
+    }
+    if (i > ge) {
+      B();
+      return;
+    }
+    const a = Math.min(
+      e.current.getBoundingClientRect().height ?? 0,
+      window.innerHeight
+    );
+    if (Math.abs(c) >= a * me) {
+      B();
+      return;
+    }
+    X();
+  };
+  return t.useEffect(() => (w && (P(!0), R(document.documentElement, {
+    scrollBehavior: "auto"
+  }), H.current = /* @__PURE__ */ new Date()), () => {
+    ae(document.documentElement, "scrollBehavior");
+  }), [w]), /* @__PURE__ */ s(
+    E.Root,
+    {
+      defaultOpen: S,
+      onOpenChange: (r) => {
+        r ? P(!0) : B(!0), V(r);
+      },
+      open: w,
+      modal: !0,
+      children: /* @__PURE__ */ s(
+        ie.Provider,
+        {
+          value: {
+            drawerRef: e,
+            overlayRef: x,
+            onPress: ee,
+            onRelease: ne,
+            onDrag: te,
+            isOpen: w,
+            isDragging: T,
+            keyboardIsOpen: b,
+            closeDrawer: () => B(),
+            shouldAnimate: N,
+            onClosed: D,
+            disableEsc: f
+          },
+          children: y
+        }
+      )
+    }
+  );
+}, Re = t.forwardRef(
+  ({ className: m, ...p }, l) => {
+    const { overlayRef: D, onRelease: y, shouldAnimate: S } = J(), f = Q(l, D), M = t.useCallback(
+      (P) => y(P),
+      [y]
+    );
+    return /* @__PURE__ */ s(
+      E.Overlay,
+      {
+        onMouseUp: M,
+        ref: f,
+        "data-animate": S?.current ? "true" : "false",
+        className: G("popup-overlay drawer-overlay", m),
+        ...p
+      }
+    );
   }
-);
-t.Close = a.Close;
+), De = t.forwardRef(
+  ({ onPointerDownOutside: m, style: p, onOpenAutoFocus: l, className: D, size: y, children: S, ...f }, M) => {
+    const {
+      drawerRef: P,
+      onPress: T,
+      onRelease: v,
+      onDrag: _,
+      keyboardIsOpen: A,
+      shouldAnimate: x,
+      onClosed: H,
+      disableEsc: I
+    } = J(), L = Q(M, P), o = t.useRef(null), d = t.useRef(null), h = t.useRef(!1), b = (e, O = 0) => {
+      if (h.current) return !0;
+      const g = Math.abs(e.y), w = Math.abs(e.x) > g;
+      return !(e.y * 1 < 0) && g >= 0 && g <= O ? !w : (h.current = !0, !0);
+    }, N = (e) => {
+      o.current = null, h.current = !1, v(e);
+    };
+    return /* @__PURE__ */ q(
+      E.Content,
+      {
+        "data-direction": "bottom",
+        "data-animate": x?.current ? "true" : "false",
+        className: G("popup drawer drawer-mobile", D),
+        style: { ...oe({ "--drawer-size": y ?? "50%" }), ...p },
+        ...f,
+        ref: L,
+        onPointerDown: (e) => {
+          f.onPointerDown?.(e), o.current = { x: e.pageX, y: e.pageY }, T(e);
+        },
+        onOpenAutoFocus: (e) => {
+          l?.(e), e.preventDefault();
+        },
+        onEscapeKeyDown: (e) => {
+          I && e.preventDefault();
+        },
+        onPointerDownOutside: (e) => {
+          m?.(e), !e.defaultPrevented && A.current && (A.current = !1);
+        },
+        onPointerMove: (e) => {
+          if (d.current = e, f.onPointerMove?.(e), !o.current) return;
+          const O = e.pageY - o.current.y, g = e.pageX - o.current.x, C = e.pointerType === "touch" ? 10 : 2;
+          b({ x: g, y: O }, C) ? _(e) : (Math.abs(g) > C || Math.abs(O) > C) && (o.current = null);
+        },
+        onPointerUp: (e) => {
+          f.onPointerUp?.(e), o.current = null, h.current = !1, v(e);
+        },
+        onPointerOut: (e) => {
+          f.onPointerOut?.(e), N(d.current);
+        },
+        onContextMenu: (e) => {
+          f.onContextMenu?.(e), d.current && N(d.current);
+        },
+        children: [
+          /* @__PURE__ */ s(se, { callback: H }),
+          /* @__PURE__ */ s(K, { children: /* @__PURE__ */ s(E.Title, {}) }),
+          /* @__PURE__ */ s(K, { children: /* @__PURE__ */ s(E.Description, {}) }),
+          S
+        ]
+      }
+    );
+  }
+), Te = t.forwardRef(
+  ({ children: m, ...p }, l) => /* @__PURE__ */ s("div", { className: "drawer-handle", "aria-hidden": "true", ref: l, ...p, children: /* @__PURE__ */ s("span", { className: "drawer-handle-hitarea", "aria-hidden": "true", children: m }) })
+), Z = ({ children: m, className: p, size: l, ...D }) => /* @__PURE__ */ s(we, { ...D, children: /* @__PURE__ */ q(E.Portal, { children: [
+  /* @__PURE__ */ s(Re, {}),
+  /* @__PURE__ */ s(De, { className: p, size: l, children: m })
+] }) });
+Z.Close = E.Close;
+Z.Handle = Te;
 export {
-  t as Dialog
+  Te as Handle,
+  Z as MobileDrawer
 };

package/dist/bundle.es25.js

@@ -1,23 +1,16 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import C from "classnames";
-import * as o from "@radix-ui/react-dialog";
-import { VisuallyHidden as l } from "@radix-ui/react-visually-hidden";
-import { RemoveListener as D } from "./bundle.es60.js";
-const R = (t) => {
-  const { open: i, onOpenChange: a, children: c, onClosed: s, disableEsc: p, modal: m, container: d, overlay: n = {}, overlayRef: f, content: h = {}, contentRef: v } = t, y = (u) => {
-    p && u.preventDefault();
-  };
-  return /* @__PURE__ */ e(o.Root, { open: i, onOpenChange: a, modal: m, children: /* @__PURE__ */ r(o.Portal, { container: d, children: [
-    /* @__PURE__ */ e(o.Overlay, { ...n, ref: f, className: C("popup-overlay", n.className) }),
-    /* @__PURE__ */ r(o.Content, { ...h, ref: v, onEscapeKeyDown: y, children: [
-      /* @__PURE__ */ e(D, { callback: s }),
-      /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(o.Title, {}) }),
-      /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(o.Description, {}) }),
-      c
-    ] })
-  ] }) });
-};
-R.Close = o.Close;
+import { jsx as o } from "react/jsx-runtime";
+import i from "classnames";
+import { PopupLayout as a } from "./bundle.es26.js";
+const t = ({ size: e = "s", className: r, children: l, ...s }) => /* @__PURE__ */ o(
+  a,
+  {
+    ...s,
+    overlay: { className: "dialog-overlay" },
+    content: { className: "dialog-container", "data-size": e },
+    children: /* @__PURE__ */ o("div", { className: i("popup dialog", r), children: l })
+  }
+);
+t.Close = a.Close;
 export {
-  R as PopupLayout
+  t as Dialog
 };

package/dist/bundle.es26.js

@@ -1,40 +1,23 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import * as r from "@radix-ui/react-alert-dialog";
-import { Button as c } from "./bundle.es5.js";
-import { RemoveListener as N } from "./bundle.es60.js";
-import { VisuallyHidden as u } from "@radix-ui/react-visually-hidden";
-const C = ({
-  open: d,
-  defaultOpen: m,
-  onOpenChange: p,
-  onClosed: h,
-  icon: i,
-  title: l,
-  description: o,
-  cancelDefaultText: s,
-  cancel: t,
-  disableCancel: v,
-  confirm: n
-}) => /* @__PURE__ */ e(r.Root, { open: d, defaultOpen: m, onOpenChange: p, children: /* @__PURE__ */ a(r.Portal, { children: [
-  /* @__PURE__ */ e(r.Overlay, { className: "popup-overlay dialog-overlay" }),
-  /* @__PURE__ */ a(r.Content, { className: "dialog-container", children: [
-    /* @__PURE__ */ e(N, { callback: h }),
-    /* @__PURE__ */ a("div", { className: "popup dialog alert", children: [
-      /* @__PURE__ */ a("div", { className: "alert-body", children: [
-        i && /* @__PURE__ */ e("span", { className: "alert-icon", children: i }),
-        /* @__PURE__ */ a("div", { className: "alert-content", children: [
-          l && /* @__PURE__ */ e(r.Title, { className: "alert-title", children: l }),
-          !l && /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(r.Title, {}) }),
-          o && /* @__PURE__ */ e(r.Description, { className: "alert-description", children: o })
-        ] })
-      ] }),
-      /* @__PURE__ */ a("div", { className: "alert-footer", children: [
-        !v && (t?.text || s) && /* @__PURE__ */ e(r.Cancel, { asChild: !0, children: /* @__PURE__ */ e(c, { appearance: "neutral", ...t, text: t?.text ?? s }) }),
-        n?.text && /* @__PURE__ */ e(r.Action, { asChild: !0, children: /* @__PURE__ */ e(c, { appearance: "negative", ...n }) })
-      ] })
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import C from "classnames";
+import * as o from "@radix-ui/react-dialog";
+import { VisuallyHidden as l } from "@radix-ui/react-visually-hidden";
+import { RemoveListener as D } from "./bundle.es61.js";
+const R = (t) => {
+  const { open: i, onOpenChange: a, children: c, onClosed: s, disableEsc: p, modal: m, container: d, overlay: n = {}, overlayRef: f, content: h = {}, contentRef: v } = t, y = (u) => {
+    p && u.preventDefault();
+  };
+  return /* @__PURE__ */ e(o.Root, { open: i, onOpenChange: a, modal: m, children: /* @__PURE__ */ r(o.Portal, { container: d, children: [
+    /* @__PURE__ */ e(o.Overlay, { ...n, ref: f, className: C("popup-overlay", n.className) }),
+    /* @__PURE__ */ r(o.Content, { ...h, ref: v, onEscapeKeyDown: y, children: [
+      /* @__PURE__ */ e(D, { callback: s }),
+      /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(o.Title, {}) }),
+      /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(o.Description, {}) }),
+      c
     ] })
-  ] })
-] }) });
+  ] }) });
+};
+R.Close = o.Close;
 export {
-  C as AlertDialog
+  R as PopupLayout
 };