@reapit/elements 5.0.0-beta.73 → 5.0.0-beta.74

package/dist/js/{dialog-BMyXkd4A.js → dialog-ClE5sN9s.js}

@@ -6,7 +6,8 @@ import "./button-base-BxF98pDk.js";
 import { B as v } from "./button-DYIdjjTt.js";
 import { CloseIcon as F } from "./icons/close.js";
 import { H as N, g as O } from "./get-closest-dialog-element-PaoHhqBs.js";
-import { u as T, a as j } from "./use-dialog-open-state-CBCWnDiG.js";
+import { u as T } from "./use-dialog-open-controller-kj_mwIKH.js";
+import { u as j } from "./use-dialog-open-state-QCDyC33W.js";
 const w = /* @__PURE__ */ t("article")({
   name: "ElDialogBody",
   class: "el-dialog-body",
@@ -64,23 +65,23 @@ const L = /* @__PURE__ */ t("header")({
   class: "el-dialog-header-title",
   propsAsIs: !1
 });
-function s({ action: e, children: a, "aria-label": r, ...n }) {
+function r({ action: e, children: a, "aria-label": s, ...n }) {
   const { titleId: i } = m();
   return (
     // NOTE: If we don't have a visible title, we should have an aria-label on this root element.
-    /* @__PURE__ */ o(L, { ...n, "aria-label": r, id: a ? void 0 : i, children: /* @__PURE__ */ x(M, { children: [
+    /* @__PURE__ */ o(L, { ...n, "aria-label": s, id: a ? void 0 : i, children: /* @__PURE__ */ x(M, { children: [
       e && /* @__PURE__ */ o(_, { children: e }),
       a && /* @__PURE__ */ o(q, { id: i, children: a })
     ] }) })
   );
 }
-s.displayName = "Dialog.Header";
-s.CloseButton = f;
+r.displayName = "Dialog.Header";
+r.CloseButton = f;
 const P = "el-dialog";
 function l({
   "aria-labelledby": e,
   children: a,
-  className: r,
+  className: s,
   closedBy: n = "closerequest",
   isOpen: i,
   onCancel: p,
@@ -96,7 +97,7 @@ function l({
       ...E,
       "aria-labelledby": e ?? g,
       "data-size": H,
-      className: B(P, r),
+      className: B(P, s),
       closedBy: n,
       ref: c,
       onCancel: p,
@@ -108,8 +109,8 @@ function l({
 }
 l.Body = u;
 l.Footer = D;
-l.Header = s;
-l.HeaderCloseButton = s.CloseButton;
+l.Header = r;
+l.HeaderCloseButton = r.CloseButton;
 l.Context = d;
 l.useContext = m;
 l.getClosestDialogElement = O;

package/dist/js/dialog-PPmxtNMz.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime"),q=require("./index-8ctufnBx.cjs"),a=require("./index-BAGJrh44.cjs"),d=require("react");require("./button-base-BR_9696S.cjs");const B=require("./button-DwYL4ezg.cjs"),I=require("./icons/close.cjs"),D=require("./get-closest-dialog-element-BLJUVcdr.cjs"),A=require("./use-dialog-open-controller-C4VFSKuK.cjs"),_=require("./use-dialog-open-state-D1REkBL5.cjs"),v=a.styled_default("article")({name:"ElDialogBody",class:"el-dialog-body",propsAsIs:!1});function f({children:e,...l}){return o.jsx(v,{...l,children:e})}f.displayName="Dialog.Body";const c=d.createContext(null);function x(){const e=d.useContext(c);if(!e)throw new Error("DialogContext not defined: useDialogContext can only be used in a child of DialogContext");return e}const F=a.styled_default("footer")({name:"ElDialogFooter",class:"el-dialog-footer",propsAsIs:!1});function C({children:e,...l}){return o.jsx(F,{...l,children:e})}C.displayName="Dialog.Footer";function p(){return o.jsx("form",{children:o.jsx(B.Button,{autoFocus:!0,"aria-label":"Close",formMethod:"dialog",iconLeft:o.jsx(I.CloseIcon,{"aria-hidden":!0}),size:"large",type:"submit",variant:"tertiary"})})}p.displayName="Dialog.HeaderCloseButton";const O=a.styled_default("header")({name:"ElDialogHeader",class:"el-dialog-header",propsAsIs:!1}),N=a.styled_default("div")({name:"ElDialogHeaderContentContainer",class:"el-dialog-header-content-container",propsAsIs:!1}),T=a.styled_default("div")({name:"ElDialogHeaderAction",class:"el-dialog-header-action",propsAsIs:!1}),w=a.styled_default("h2")({name:"ElDialogHeaderTitle",class:"el-dialog-header-title",propsAsIs:!1});function i({action:e,children:l,"aria-label":n,...r}){const{titleId:s}=x();return o.jsx(O,{...r,"aria-label":n,id:l?void 0:s,children:o.jsxs(N,{children:[e&&o.jsx(T,{children:e}),l&&o.jsx(w,{id:s,children:l})]})})}i.displayName="Dialog.Header";i.CloseButton=p;const y="el-dialog";function t({"aria-labelledby":e,children:l,className:n,closedBy:r="closerequest",isOpen:s,onCancel:m,onClose:E,onClick:H,size:h,...j}){const u=A.useDialogOpenController(s),b=_.useDialogOpenState(u),g=d.useId();return o.jsx(D.HTMLDialog,{...j,"aria-labelledby":e??g,"data-size":h,className:q.cx_default(y,n),closedBy:r,ref:u,onCancel:m,onClose:E,onClick:H,children:o.jsx(c.Provider,{value:{titleId:g},children:b&&l})})}t.Body=f;t.Footer=C;t.Header=i;t.HeaderCloseButton=i.CloseButton;t.Context=c;t.useContext=x;t.getClosestDialogElement=D.getClosestDialogElement;exports.Dialog=t;exports.elDialog=y;

package/dist/js/{drawer-jTTy5ZDG.js → drawer-BH5TMNvq.js}

@@ -6,7 +6,8 @@ import "./button-base-BxF98pDk.js";
 import { B } from "./button-DYIdjjTt.js";
 import { CloseIcon as b } from "./icons/close.js";
 import { H as g, g as N } from "./get-closest-dialog-element-PaoHhqBs.js";
-import { u as R, a as T } from "./use-dialog-open-state-CBCWnDiG.js";
+import { u as R } from "./use-dialog-open-controller-kj_mwIKH.js";
+import { u as T } from "./use-dialog-open-state-QCDyC33W.js";
 const S = /* @__PURE__ */ a("article")({
   name: "ElDrawerBody",
   class: "el-drawer-body",
@@ -16,7 +17,7 @@ function u({ children: r, ...s }) {
   return /* @__PURE__ */ e(S, { ...s, children: r });
 }
 u.displayName = "Drawer.Body";
-const $ = "--drawer", ee = "375px", re = "480px", w = x(null);
+const ee = "--drawer", re = "375px", ae = "480px", w = x(null);
 function f() {
   const r = _(w);
   if (!r)
@@ -47,7 +48,7 @@ function C() {
   ) });
 }
 C.displayName = "Drawer.HeaderCloseButton";
-const ae = "drawer-header", F = /* @__PURE__ */ a("header")({
+const se = "drawer-header", F = /* @__PURE__ */ a("header")({
   name: "ElDrawerHeader",
   class: "el-drawer-header",
   propsAsIs: !1
@@ -107,20 +108,20 @@ function o({
   onClose: h,
   ...A
 }) {
-  const D = R(i), I = T(D), p = v();
+  const p = R(i), I = T(p), D = v();
   return /* @__PURE__ */ e(
     g,
     {
       ...A,
       "aria-label": r,
-      "aria-labelledby": r ? void 0 : s ?? p,
+      "aria-labelledby": r ? void 0 : s ?? D,
       className: y(z, t),
       closedBy: n,
-      ref: D,
+      ref: p,
       onCancel: c,
       onClick: H,
       onClose: h,
-      children: /* @__PURE__ */ e(w.Provider, { value: { titleId: p }, children: I && d })
+      children: /* @__PURE__ */ e(w.Provider, { value: { titleId: D }, children: I && d })
     }
   );
 }
@@ -134,16 +135,16 @@ o.getClosestDialogElement = N;
 export {
   u as D,
   S as E,
-  $ as a,
-  ee as b,
-  re as c,
+  ee as a,
+  re as b,
+  ae as c,
   w as d,
   o as e,
   E as f,
   O as g,
   C as h,
   l as i,
-  ae as j,
+  se as j,
   F as k,
   W as l,
   M as m,

package/dist/js/drawer-BuAyX0Ju.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),b=require("./index-8ctufnBx.cjs"),a=require("./index-BAGJrh44.cjs"),w=require("react");require("./button-base-BR_9696S.cjs");const q=require("./button-DwYL4ezg.cjs"),W=require("./icons/close.cjs"),_=require("./get-closest-dialog-element-BLJUVcdr.cjs"),F=require("./use-dialog-open-controller-C4VFSKuK.cjs"),M=require("./use-dialog-open-state-D1REkBL5.cjs"),x=a.styled_default("article")({name:"ElDrawerBody",class:"el-drawer-body",propsAsIs:!1});function u({children:r,...t}){return e.jsx(x,{...t,children:r})}u.displayName="Drawer.Body";const X="--drawer",L="375px",z="480px",d=w.createContext(null);function E(){const r=w.useContext(d);if(!r)throw new Error("useDrawerContext requires a Drawer ancestor");return r}const A=a.styled_default("footer")({name:"ElDrawerFooter",class:"el-drawer-footer",propsAsIs:!1});function C({children:r,...t}){return e.jsx(A,{...t,children:r})}C.displayName="Drawer.Footer";function p(){return e.jsx("form",{children:e.jsx(q.Button,{autoFocus:!0,"aria-label":"Close",formMethod:"dialog",iconLeft:e.jsx(W.CloseIcon,{"aria-hidden":!0}),size:"large",type:"submit",variant:"tertiary"})})}p.displayName="Drawer.HeaderCloseButton";const P="drawer-header",y=a.styled_default("header")({name:"ElDrawerHeader",class:"el-drawer-header",propsAsIs:!1}),m=a.styled_default("div")({name:"ElDrawerHeaderTabsContainer",class:"el-drawer-header-tabs-container",propsAsIs:!1}),h=a.styled_default("div")({name:"ElDrawerHeaderContentContainer",class:"el-drawer-header-content-container",propsAsIs:!1}),I=a.styled_default("div")({name:"ElDrawerHeaderTitleContainer",class:"el-drawer-header-title-container",propsAsIs:!1}),R=a.styled_default("div")({name:"ElDrawerHeaderAction",class:"el-drawer-header-action",propsAsIs:!1}),T=a.styled_default("div")({name:"ElDrawerHeaderOverline",class:"el-drawer-header-overline",propsAsIs:!1}),N=a.styled_default("h2")({name:"ElDrawerHeaderTitle",class:"el-drawer-header-title",propsAsIs:!1}),S=a.styled_default("div")({name:"ElDrawerHeaderSupplementaryInfo",class:"el-drawer-header-supplementary-info",propsAsIs:!1});function l({action:r,overline:t,children:i,supplementaryInfo:n,tabs:o,...c}){const{titleId:D}=E()??{};return e.jsx(y,{...c,children:e.jsxs(h,{children:[e.jsxs(I,{children:[r&&e.jsx(R,{children:r}),t&&e.jsx(T,{children:t}),e.jsx(N,{id:D,children:i}),n&&e.jsx(S,{children:n})]}),o&&e.jsx(m,{children:o})]})})}l.displayName="Drawer.Header";l.CloseButton=p;const j="el-drawer";function s({"aria-label":r,"aria-labelledby":t,children:i,className:n,closedBy:o="closerequest",isOpen:c,onCancel:D,onClick:B,onClose:g,...v}){const H=F.useDialogOpenController(c),O=M.useDialogOpenState(H),f=w.useId();return e.jsx(_.HTMLDialog,{...v,"aria-label":r,"aria-labelledby":r?void 0:t??f,className:b.cx_default(j,n),closedBy:o,ref:H,onCancel:D,onClick:B,onClose:g,children:e.jsx(d.Provider,{value:{titleId:f},children:O&&i})})}s.Body=u;s.Footer=C;s.Header=l;s.HeaderCloseButton=l.CloseButton;s.Context=d;s.useContext=E;s.getClosestDialogElement=_.getClosestDialogElement;exports.DRAWER_CSS_CONTAINER_NAME=X;exports.DRAWER_HEADER_CSS_CONTAINER_NAME=P;exports.DRAWER_WIDTH_SM_2XL=z;exports.DRAWER_WIDTH_XS=L;exports.Drawer=s;exports.DrawerBody=u;exports.DrawerContext=d;exports.DrawerFooter=C;exports.DrawerHeader=l;exports.DrawerHeaderCloseButton=p;exports.ElDrawerBody=x;exports.ElDrawerFooter=A;exports.ElDrawerHeader=y;exports.ElDrawerHeaderAction=R;exports.ElDrawerHeaderContentContainer=h;exports.ElDrawerHeaderOverline=T;exports.ElDrawerHeaderSupplementaryInfo=S;exports.ElDrawerHeaderTabsContainer=m;exports.ElDrawerHeaderTitle=N;exports.ElDrawerHeaderTitleContainer=I;exports.elDrawer=j;exports.useDrawerContext=E;