@payloadcms/ui 4.0.0-internal.5f0cd13 → 4.0.0-internal.a0ef1b8

package/dist/elements/Dialog/DialogCancel/index.js

@@ -0,0 +1,69 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
+import { useModal } from '../../Modal/index.js';
+import { useDialogContext } from '../context.js';
+export const DialogCancel = t0 => {
+  const $ = _c(11);
+  const {
+    label,
+    onClick
+  } = t0;
+  const {
+    slug,
+    isConfirming
+  } = useDialogContext();
+  const {
+    closeModal
+  } = useModal();
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== closeModal || $[1] !== isConfirming || $[2] !== onClick || $[3] !== slug) {
+    t1 = () => {
+      if (isConfirming) {
+        return;
+      }
+      closeModal(slug);
+      onClick?.();
+    };
+    $[0] = closeModal;
+    $[1] = isConfirming;
+    $[2] = onClick;
+    $[3] = slug;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const handleClick = t1;
+  let t2;
+  if ($[5] !== handleClick || $[6] !== isConfirming || $[7] !== label || $[8] !== slug || $[9] !== t) {
+    t2 = _jsx(Button, {
+      buttonStyle: "secondary",
+      disabled: isConfirming,
+      extraButtonProps: {
+        "data-dialog-action": "cancel"
+      },
+      id: `${slug}-cancel`,
+      margin: false,
+      onClick: handleClick,
+      size: "medium",
+      children: label ?? t("general:cancel")
+    });
+    $[5] = handleClick;
+    $[6] = isConfirming;
+    $[7] = label;
+    $[8] = slug;
+    $[9] = t;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  return t2;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/Dialog/DialogCancel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","Button","useModal","useDialogContext","DialogCancel","t0","$","label","onClick","slug","isConfirming","closeModal","t","t1","handleClick","t2","_jsx","buttonStyle","disabled","extraButtonProps","id","margin","size","children"],"sources":["../../../../src/elements/Dialog/DialogCancel/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { useModal } from '../../Modal/index.js'\nimport { useDialogContext } from '../context.js'\n\nexport type DialogCancelProps = {\n  readonly label?: string\n  readonly onClick?: () => void\n}\n\nexport const DialogCancel: React.FC<DialogCancelProps> = ({ label, onClick }) => {\n  const { slug, isConfirming } = useDialogContext()\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  const handleClick = () => {\n    if (isConfirming) {\n      return\n    }\n    closeModal(slug)\n    onClick?.()\n  }\n\n  return (\n    <Button\n      buttonStyle=\"secondary\"\n      disabled={isConfirming}\n      extraButtonProps={{ 'data-dialog-action': 'cancel' }}\n      id={`${slug}-cancel`}\n      margin={false}\n      onClick={handleClick}\n      size=\"medium\"\n    >\n      {label ?? t('general:cancel')}\n    </Button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,gBAAgB,QAAQ;AAOjC,OAAO,MAAMC,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,KAAA;IAAAC;EAAA,IAAAH,EAAkB;EAC1E;IAAAI,IAAA;IAAAC;EAAA,IAA+BP,gBAAA;EAC/B;IAAAQ;EAAA,IAAuBT,QAAA;EACvB;IAAAU;EAAA,IAAcZ,cAAA;EAAA,IAAAa,EAAA;EAAA,IAAAP,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAE,OAAA,IAAAF,CAAA,QAAAG,IAAA;IAEMI,EAAA,GAAAA,CAAA;MAAA,IACdH,YAAA;QAAA;MAAA;MAGJC,UAAA,CAAWF,IAAA;MACXD,OAAA;IAAA;IACFF,CAAA,MAAAK,UAAA;IAAAL,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAE,OAAA;IAAAF,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EANA,MAAAQ,WAAA,GAAoBD,EAMpB;EAAA,IAAAE,EAAA;EAAA,IAAAT,CAAA,QAAAQ,WAAA,IAAAR,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAC,KAAA,IAAAD,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAM,CAAA;IAGEG,EAAA,GAAAC,IAAA,CAAAf,MAAA;MAAAgB,WAAA,EACc;MAAAC,QAAA,EACFR,YAAA;MAAAS,gBAAA;QAAA,sBACgC;MAAA;MAAAC,EAAA,EACtC,GAAGX,IAAA,SAAa;MAAAY,MAAA;MAAAb,OAAA,EAEXM,WAAA;MAAAQ,IAAA,EACJ;MAAAC,QAAA,EAEJhB,KAAA,IAASK,CAAA,CAAE;IAAA,C;;;;;;;;;;SATdG,E;CAYJ","ignoreList":[]}

package/dist/elements/Dialog/DialogConfirm/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type DialogConfirmProps = {
+    readonly label?: string;
+    readonly loadingLabel?: string;
+    readonly onClick: () => Promise<void> | void;
+};
+export declare const DialogConfirm: React.FC<DialogConfirmProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Dialog/DialogConfirm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Dialog/DialogConfirm/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CAC7C,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6BtD,CAAA"}

package/dist/elements/Dialog/DialogConfirm/index.js

@@ -0,0 +1,75 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
+import { useModal } from '../../Modal/index.js';
+import { useDialogContext } from '../context.js';
+export const DialogConfirm = t0 => {
+  const $ = _c(13);
+  const {
+    label,
+    loadingLabel,
+    onClick
+  } = t0;
+  const {
+    slug,
+    isConfirming,
+    setConfirming
+  } = useDialogContext();
+  const {
+    closeModal
+  } = useModal();
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== closeModal || $[1] !== isConfirming || $[2] !== onClick || $[3] !== setConfirming || $[4] !== slug) {
+    t1 = async () => {
+      if (isConfirming) {
+        return;
+      }
+      setConfirming(true);
+      await onClick();
+      setConfirming(false);
+      closeModal(slug);
+    };
+    $[0] = closeModal;
+    $[1] = isConfirming;
+    $[2] = onClick;
+    $[3] = setConfirming;
+    $[4] = slug;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  const handleClick = t1;
+  let t2;
+  if ($[6] !== handleClick || $[7] !== isConfirming || $[8] !== label || $[9] !== loadingLabel || $[10] !== slug || $[11] !== t) {
+    const resolvedLabel = label ?? t("general:confirm");
+    t2 = _jsx(Button, {
+      disabled: isConfirming,
+      extraButtonProps: {
+        "data-dialog-action": "confirm"
+      },
+      id: `${slug}-confirm`,
+      margin: false,
+      onClick: handleClick,
+      size: "medium",
+      children: isConfirming && loadingLabel ? loadingLabel : resolvedLabel
+    });
+    $[6] = handleClick;
+    $[7] = isConfirming;
+    $[8] = label;
+    $[9] = loadingLabel;
+    $[10] = slug;
+    $[11] = t;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  return t2;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/Dialog/DialogConfirm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","Button","useModal","useDialogContext","DialogConfirm","t0","$","label","loadingLabel","onClick","slug","isConfirming","setConfirming","closeModal","t","t1","handleClick","t2","resolvedLabel","_jsx","disabled","extraButtonProps","id","margin","size","children"],"sources":["../../../../src/elements/Dialog/DialogConfirm/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { useModal } from '../../Modal/index.js'\nimport { useDialogContext } from '../context.js'\n\nexport type DialogConfirmProps = {\n  readonly label?: string\n  readonly loadingLabel?: string\n  readonly onClick: () => Promise<void> | void\n}\n\nexport const DialogConfirm: React.FC<DialogConfirmProps> = ({ label, loadingLabel, onClick }) => {\n  const { slug, isConfirming, setConfirming } = useDialogContext()\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  const handleClick = async () => {\n    if (isConfirming) {\n      return\n    }\n    setConfirming(true)\n    await onClick()\n    setConfirming(false)\n    closeModal(slug)\n  }\n\n  const resolvedLabel = label ?? t('general:confirm')\n\n  return (\n    <Button\n      disabled={isConfirming}\n      extraButtonProps={{ 'data-dialog-action': 'confirm' }}\n      id={`${slug}-confirm`}\n      margin={false}\n      onClick={handleClick}\n      size=\"medium\"\n    >\n      {isConfirming && loadingLabel ? loadingLabel : resolvedLabel}\n    </Button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,gBAAgB,QAAQ;AAQjC,OAAO,MAAMC,aAAA,GAA8CC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,KAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,EAAgC;EAC1F;IAAAK,IAAA;IAAAC,YAAA;IAAAC;EAAA,IAA8CT,gBAAA;EAC9C;IAAAU;EAAA,IAAuBX,QAAA;EACvB;IAAAY;EAAA,IAAcd,cAAA;EAAA,IAAAe,EAAA;EAAA,IAAAT,CAAA,QAAAO,UAAA,IAAAP,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAM,aAAA,IAAAN,CAAA,QAAAI,IAAA;IAEMK,EAAA,SAAAA,CAAA;MAAA,IACdJ,YAAA;QAAA;MAAA;MAGJC,aAAA,KAAc;MAAA,MACRH,OAAA;MACNG,aAAA,MAAc;MACdC,UAAA,CAAWH,IAAA;IAAA;IACbJ,CAAA,MAAAO,UAAA;IAAAP,CAAA,MAAAK,YAAA;IAAAL,CAAA,MAAAG,OAAA;IAAAH,CAAA,MAAAM,aAAA;IAAAN,CAAA,MAAAI,IAAA;IAAAJ,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EARA,MAAAU,WAAA,GAAoBD,EAQpB;EAAA,IAAAE,EAAA;EAAA,IAAAX,CAAA,QAAAU,WAAA,IAAAV,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAC,KAAA,IAAAD,CAAA,QAAAE,YAAA,IAAAF,CAAA,SAAAI,IAAA,IAAAJ,CAAA,SAAAQ,CAAA;IAEA,MAAAI,aAAA,GAAsBX,KAAA,IAASO,CAAA,CAAE;IAG/BG,EAAA,GAAAE,IAAA,CAAAlB,MAAA;MAAAmB,QAAA,EACYT,YAAA;MAAAU,gBAAA;QAAA,sBACgC;MAAA;MAAAC,EAAA,EACtC,GAAGZ,IAAA,UAAc;MAAAa,MAAA;MAAAd,OAAA,EAEZO,WAAA;MAAAQ,IAAA,EACJ;MAAAC,QAAA,EAEJd,YAAA,IAAgBH,YAAA,GAAeA,YAAA,GAAeU;IAAA,C;;;;;;;;;;;SARjDD,E;CAWJ","ignoreList":[]}

package/dist/elements/Dialog/DialogFooter/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type DialogFooterProps = {
+    readonly children?: React.ReactNode;
+};
+export declare const DialogFooter: React.FC<DialogFooterProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Dialog/DialogFooter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Dialog/DialogFooter/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAMpD,CAAA"}

package/dist/elements/Dialog/DialogFooter/index.js

@@ -0,0 +1,17 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+const baseClass = 'dialog';
+export const DialogFooter = ({
+  children
+}) => {
+  if (!children) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx("div", {
+    className: `${baseClass}__footer`,
+    children: children
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/Dialog/DialogFooter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","baseClass","DialogFooter","children","_jsx","className"],"sources":["../../../../src/elements/Dialog/DialogFooter/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nconst baseClass = 'dialog'\n\nexport type DialogFooterProps = {\n  readonly children?: React.ReactNode\n}\n\nexport const DialogFooter: React.FC<DialogFooterProps> = ({ children }) => {\n  if (!children) {\n    return null\n  }\n\n  return <div className={`${baseClass}__footer`}>{children}</div>\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,MAAMC,SAAA,GAAY;AAMlB,OAAO,MAAMC,YAAA,GAA4CA,CAAC;EAAEC;AAAQ,CAAE;EACpE,IAAI,CAACA,QAAA,EAAU;IACb,OAAO;EACT;EAEA,oBAAOC,IAAA,CAAC;IAAIC,SAAA,EAAW,GAAGJ,SAAA,UAAmB;cAAGE;;AAClD","ignoreList":[]}

package/dist/elements/Dialog/DialogHeader/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type DialogHeaderProps = {
+    readonly children?: React.ReactNode;
+    readonly showClose?: boolean;
+    readonly title?: React.ReactNode;
+};
+export declare const DialogHeader: React.FC<DialogHeaderProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Dialog/DialogHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Dialog/DialogHeader/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4BpD,CAAA"}

package/dist/elements/Dialog/DialogHeader/index.js

@@ -0,0 +1,70 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { XIcon } from '../../../icons/X/index.js';
+import { Button } from '../../Button/index.js';
+import { useModal } from '../../Modal/index.js';
+import { useDialogContext } from '../context.js';
+const baseClass = 'dialog';
+export const DialogHeader = t0 => {
+  const $ = _c(10);
+  const {
+    children,
+    showClose,
+    title
+  } = t0;
+  const {
+    slug,
+    isConfirming
+  } = useDialogContext();
+  const {
+    closeModal
+  } = useModal();
+  if (!title && !children && !showClose) {
+    return null;
+  }
+  const t1 = showClose && `${baseClass}__header--has-close`;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = [`${baseClass}__header`, t1].filter(Boolean);
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const t3 = t2.join(" ");
+  let t4;
+  if ($[2] !== children || $[3] !== closeModal || $[4] !== isConfirming || $[5] !== showClose || $[6] !== slug || $[7] !== t3 || $[8] !== title) {
+    t4 = _jsxs("div", {
+      className: t3,
+      children: [title ? _jsx("h4", {
+        className: `${baseClass}__title`,
+        children: title
+      }) : null, children ? _jsx("div", {
+        className: `${baseClass}__header-extras`,
+        children
+      }) : null, showClose ? _jsx(Button, {
+        "aria-label": "Close",
+        buttonStyle: "ghost",
+        disabled: isConfirming,
+        icon: _jsx(XIcon, {}),
+        margin: false,
+        onClick: () => closeModal(slug)
+      }) : null]
+    });
+    $[2] = children;
+    $[3] = closeModal;
+    $[4] = isConfirming;
+    $[5] = showClose;
+    $[6] = slug;
+    $[7] = t3;
+    $[8] = title;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  return t4;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/Dialog/DialogHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","XIcon","Button","useModal","useDialogContext","baseClass","DialogHeader","t0","$","children","showClose","title","slug","isConfirming","closeModal","t1","t2","filter","Boolean","t3","join","t4","_jsxs","className","_jsx","buttonStyle","disabled","icon","margin","onClick"],"sources":["../../../../src/elements/Dialog/DialogHeader/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { XIcon } from '../../../icons/X/index.js'\nimport { Button } from '../../Button/index.js'\nimport { useModal } from '../../Modal/index.js'\nimport { useDialogContext } from '../context.js'\n\nconst baseClass = 'dialog'\n\nexport type DialogHeaderProps = {\n  readonly children?: React.ReactNode\n  readonly showClose?: boolean\n  readonly title?: React.ReactNode\n}\n\nexport const DialogHeader: React.FC<DialogHeaderProps> = ({ children, showClose, title }) => {\n  const { slug, isConfirming } = useDialogContext()\n  const { closeModal } = useModal()\n\n  if (!title && !children && !showClose) {\n    return null\n  }\n\n  return (\n    <div\n      className={[`${baseClass}__header`, showClose && `${baseClass}__header--has-close`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {title ? <h4 className={`${baseClass}__title`}>{title}</h4> : null}\n      {children ? <div className={`${baseClass}__header-extras`}>{children}</div> : null}\n      {showClose ? (\n        <Button\n          aria-label=\"Close\"\n          buttonStyle=\"ghost\"\n          disabled={isConfirming}\n          icon={<XIcon />}\n          margin={false}\n          onClick={() => closeModal(slug)}\n        />\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,KAAK,QAAQ;AACtB,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,gBAAgB,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,QAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAJ,EAA8B;EACtF;IAAAK,IAAA;IAAAC;EAAA,IAA+BT,gBAAA;EAC/B;IAAAU;EAAA,IAAuBX,QAAA;EAAA,IAEnB,CAACQ,KAAA,KAAUF,QAAA,KAAaC,SAAA;IAAA;EAAA;EAMY,MAAAK,EAAA,GAAAL,SAAA,IAAa,GAAAL,SAAA,qBAAiC;EAAA,IAAAW,EAAA;EAAA,IAAAR,CAAA,QAAAO,EAAA;IAAvEC,EAAA,IAAC,GAAAX,SAAA,UAAsB,EAAEU,EAA8C,EAAAE,MAAA,CAAAC,OACxE;IAAAV,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EADC,MAAAW,EAAA,GAAAH,EACD,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAW,EAAA,IAAAX,CAAA,QAAAG,KAAA;IAHVU,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EACYJ,EAEH;MAAAV,QAAA,GAEPE,KAAA,GAAQa,IAAA,CAAC;QAAAD,SAAA,EAAc,GAAAlB,SAAA,SAAqB;QAAAI,QAAA,EAAGE;MAAA,C,QAAc,EAC7DF,QAAA,GAAWe,IAAA,CAAC;QAAAD,SAAA,EAAe,GAAAlB,SAAA,iBAA6B;QAAAI;MAAA,C,QAAqB,EAC7EC,SAAA,GACCc,IAAA,CAAAtB,MAAA;QAAA,cACa;QAAAuB,WAAA,EACC;QAAAC,QAAA,EACFb,YAAA;QAAAc,IAAA,EACJH,IAAA,CAAAvB,KAAA,IAAC;QAAA2B,MAAA;QAAAC,OAAA,EAAAA,CAAA,KAEQf,UAAA,CAAWF,IAAA;MAAA,C,QAE1B;IAAA,C;;;;;;;;;;;;SAhBNS,E;CAmBJ","ignoreList":[]}

package/dist/elements/Dialog/DialogModal/index.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentProps } from 'react';
+import { Modal } from '@faceless-ui/modal';
+import React from 'react';
+import '../index.css';
+type FocusTrapOptions = ComponentProps<typeof Modal>['focusTrapOptions'];
+export type DialogSize = 'medium' | 'small';
+export type DialogModalProps = {
+    readonly children?: React.ReactNode;
+    readonly className?: string;
+    readonly closeOnBlur?: boolean;
+    readonly closeOnEsc?: boolean;
+    readonly focusTrapOptions?: FocusTrapOptions;
+    readonly size?: DialogSize;
+    readonly slug: string;
+};
+export declare const DialogModal: React.FC<DialogModalProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Dialog/DialogModal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Dialog/DialogModal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,OAAO,cAAc,CAAA;AAErB,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,kBAAkB,CAAC,CAAA;AAIxE,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE3C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IAC5C,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAA;IAC1B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8ClD,CAAA"}

package/dist/elements/Dialog/DialogModal/index.js

@@ -0,0 +1,99 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Modal } from '@faceless-ui/modal';
+import React, { useEffect, useState } from 'react';
+import { drawerZBase, useDrawerDepth } from '../../Drawer/index.js';
+import { DialogContext } from '../context.js';
+import '../index.css';
+const baseClass = 'dialog';
+export const DialogModal = t0 => {
+  const $ = _c(15);
+  const {
+    slug,
+    children,
+    className,
+    closeOnBlur: t1,
+    closeOnEsc: t2,
+    focusTrapOptions,
+    size: t3
+  } = t0;
+  const closeOnBlur = t1 === undefined ? false : t1;
+  const closeOnEsc = t2 === undefined ? true : t2;
+  const size = t3 === undefined ? "small" : t3;
+  const [isConfirming, setConfirming] = useState(false);
+  const drawerDepth = useDrawerDepth();
+  let t4;
+  let t5;
+  if ($[0] !== closeOnEsc) {
+    t4 = () => {
+      if (closeOnEsc) {
+        return;
+      }
+      const handler = _temp;
+      document.addEventListener("keydown", handler, true);
+      return () => document.removeEventListener("keydown", handler, true);
+    };
+    t5 = [closeOnEsc];
+    $[0] = closeOnEsc;
+    $[1] = t4;
+    $[2] = t5;
+  } else {
+    t4 = $[1];
+    t5 = $[2];
+  }
+  useEffect(t4, t5);
+  let t6;
+  if ($[3] !== children || $[4] !== className || $[5] !== closeOnBlur || $[6] !== drawerDepth || $[7] !== focusTrapOptions || $[8] !== isConfirming || $[9] !== size || $[10] !== slug) {
+    const t7 = `${baseClass}--${size}`;
+    let t8;
+    if ($[12] !== className || $[13] !== t7) {
+      t8 = [baseClass, t7, className].filter(Boolean);
+      $[12] = className;
+      $[13] = t7;
+      $[14] = t8;
+    } else {
+      t8 = $[14];
+    }
+    t6 = _jsx(DialogContext, {
+      value: {
+        slug,
+        isConfirming,
+        setConfirming
+      },
+      children: _jsx(Modal, {
+        closeOnBlur,
+        focusTrapOptions,
+        slug,
+        style: {
+          zIndex: drawerZBase + drawerDepth + 1
+        },
+        children: _jsx("div", {
+          className: t8.join(" "),
+          role: "document",
+          children
+        })
+      })
+    });
+    $[3] = children;
+    $[4] = className;
+    $[5] = closeOnBlur;
+    $[6] = drawerDepth;
+    $[7] = focusTrapOptions;
+    $[8] = isConfirming;
+    $[9] = size;
+    $[10] = slug;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  return t6;
+};
+function _temp(e) {
+  if (e.key === "Escape") {
+    e.stopImmediatePropagation();
+    e.preventDefault();
+  }
+}
+//# sourceMappingURL=index.js.map

package/dist/elements/Dialog/DialogModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","Modal","React","useEffect","useState","drawerZBase","useDrawerDepth","DialogContext","baseClass","DialogModal","t0","$","slug","children","className","closeOnBlur","t1","closeOnEsc","t2","focusTrapOptions","size","t3","undefined","isConfirming","setConfirming","drawerDepth","t4","t5","handler","_temp","document","addEventListener","removeEventListener","t6","t7","t8","filter","Boolean","_jsx","value","style","zIndex","join","role","e","key","stopImmediatePropagation","preventDefault"],"sources":["../../../../src/elements/Dialog/DialogModal/index.tsx"],"sourcesContent":["'use client'\nimport type { ComponentProps } from 'react'\n\nimport { Modal } from '@faceless-ui/modal'\nimport React, { useEffect, useState } from 'react'\n\nimport { drawerZBase, useDrawerDepth } from '../../Drawer/index.js'\nimport { DialogContext } from '../context.js'\nimport '../index.css'\n\ntype FocusTrapOptions = ComponentProps<typeof Modal>['focusTrapOptions']\n\nconst baseClass = 'dialog'\n\nexport type DialogSize = 'medium' | 'small'\n\nexport type DialogModalProps = {\n  readonly children?: React.ReactNode\n  readonly className?: string\n  readonly closeOnBlur?: boolean\n  readonly closeOnEsc?: boolean\n  readonly focusTrapOptions?: FocusTrapOptions\n  readonly size?: DialogSize\n  readonly slug: string\n}\n\nexport const DialogModal: React.FC<DialogModalProps> = ({\n  slug,\n  children,\n  className,\n  closeOnBlur = false,\n  closeOnEsc = true,\n  focusTrapOptions,\n  size = 'small',\n}) => {\n  const [isConfirming, setConfirming] = useState(false)\n  const drawerDepth = useDrawerDepth()\n\n  useEffect(() => {\n    if (closeOnEsc) {\n      return\n    }\n\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.stopImmediatePropagation()\n        e.preventDefault()\n      }\n    }\n\n    // Capture phase fires before ModalProvider's bubble-phase listener\n    document.addEventListener('keydown', handler, true)\n    return () => document.removeEventListener('keydown', handler, true)\n  }, [closeOnEsc])\n\n  return (\n    <DialogContext value={{ slug, isConfirming, setConfirming }}>\n      <Modal\n        closeOnBlur={closeOnBlur}\n        focusTrapOptions={focusTrapOptions}\n        slug={slug}\n        style={{ zIndex: drawerZBase + drawerDepth + 1 }}\n      >\n        <div\n          className={[baseClass, `${baseClass}--${size}`, className].filter(Boolean).join(' ')}\n          role=\"document\"\n        >\n          {children}\n        </div>\n      </Modal>\n    </DialogContext>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,KAAK,QAAQ;AACtB,OAAOC,KAAA,IAASC,SAAS,EAAEC,QAAQ,QAAQ;AAE3C,SAASC,WAAW,EAAEC,cAAc,QAAQ;AAC5C,SAASC,aAAa,QAAQ;AAC9B,OAAO;AAIP,MAAMC,SAAA,GAAY;AAclB,OAAO,MAAMC,WAAA,GAA0CC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,IAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,WAAA,EAAAC,EAAA;IAAAC,UAAA,EAAAC,EAAA;IAAAC,gBAAA;IAAAC,IAAA,EAAAC;EAAA,IAAAX,EAQvD;EAJC,MAAAK,WAAA,GAAAC,EAAmB,KAAAM,SAAA,WAAnBN,EAAmB;EACnB,MAAAC,UAAA,GAAAC,EAAiB,KAAAI,SAAA,UAAjBJ,EAAiB;EAEjB,MAAAE,IAAA,GAAAC,EAAc,KAAAC,SAAA,GAAP,OAAO,GAAdD,EAAc;EAEd,OAAAE,YAAA,EAAAC,aAAA,IAAsCpB,QAAA,MAAS;EAC/C,MAAAqB,WAAA,GAAoBnB,cAAA;EAAA,IAAAoB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAM,UAAA;IAEVS,EAAA,GAAAA,CAAA;MAAA,IACJT,UAAA;QAAA;MAAA;MAIJ,MAAAW,OAAA,GAAAC,KAAA;MAQAC,QAAA,CAAAC,gBAAA,CAA0B,WAAWH,OAAA,MAAS;MAAA,aACjCE,QAAA,CAAAE,mBAAA,CAA6B,WAAWJ,OAAA,MAAS;IAAA;IAC7DD,EAAA,IAACV,UAAA;IAAWN,CAAA,MAAAM,UAAA;IAAAN,CAAA,MAAAe,EAAA;IAAAf,CAAA,MAAAgB,EAAA;EAAA;IAAAD,EAAA,GAAAf,CAAA;IAAAgB,EAAA,GAAAhB,CAAA;EAAA;EAffR,SAAA,CAAUuB,EAeV,EAAGC,EAAY;EAAA,IAAAM,EAAA;EAAA,IAAAtB,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAI,WAAA,IAAAJ,CAAA,QAAAc,WAAA,IAAAd,CAAA,QAAAQ,gBAAA,IAAAR,CAAA,QAAAY,YAAA,IAAAZ,CAAA,QAAAS,IAAA,IAAAT,CAAA,SAAAC,IAAA;IAWgB,MAAAsB,EAAA,MAAA1B,SAAA,KAAiBY,IAAA,EAAM;IAAA,IAAAe,EAAA;IAAA,IAAAxB,CAAA,SAAAG,SAAA,IAAAH,CAAA,SAAAuB,EAAA;MAAnCC,EAAA,IAAA3B,SAAA,EAAY0B,EAAuB,EAAEpB,SAAA,EAAAsB,MAAA,CAAAC,OAAkB;MAAA1B,CAAA,OAAAG,SAAA;MAAAH,CAAA,OAAAuB,EAAA;MAAAvB,CAAA,OAAAwB,EAAA;IAAA;MAAAA,EAAA,GAAAxB,CAAA;IAAA;IARxEsB,EAAA,GAAAK,IAAA,CAAA/B,aAAA;MAAAgC,KAAA;QAAA3B,IAAA;QAAAW,YAAA;QAAAC;MAAA;MAAAX,QAAA,EACEyB,IAAA,CAAArC,KAAA;QAAAc,WAAA;QAAAI,gBAAA;QAAAP,IAAA;QAAA4B,KAAA;UAAAC,MAAA,EAImBpC,WAAA,GAAcoB,WAAA;QAAc;QAAAZ,QAAA,EAE7CyB,IAAA,CAAC;UAAAxB,SAAA,EACYqB,EAAuD,CAAAO,IAAA,CAAc;UAAAC,IAAA,EAC3E;UAAA9B;QAAA,C;;;;;;;;;;;;;;;SATXoB,E;CAgBJ;AA9CuD,SAAAJ,MAAAe,CAAA;EAAA,IAkB7CA,CAAA,CAAAC,GAAA,KAAU;IACZD,CAAA,CAAAE,wBAAA,CAA0B;IAC1BF,CAAA,CAAAG,cAAA,CAAgB;EAAA;AAAA","ignoreList":[]}

package/dist/elements/Dialog/context.d.ts

@@ -0,0 +1,8 @@
+export type DialogContextValue = {
+    isConfirming: boolean;
+    setConfirming: (val: boolean) => void;
+    slug: string;
+};
+export declare const DialogContext: import("react").Context<DialogContextValue>;
+export declare const useDialogContext: () => DialogContextValue;
+//# sourceMappingURL=context.d.ts.map

package/dist/elements/Dialog/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/elements/Dialog/context.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,YAAY,EAAE,OAAO,CAAA;IACrB,aAAa,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,aAAa,6CAAiD,CAAA;AAE3E,eAAO,MAAM,gBAAgB,0BAM5B,CAAA"}

package/dist/elements/Dialog/context.js

@@ -0,0 +1,10 @@
+import { createContext, use } from 'react';
+export const DialogContext = createContext(null);
+export const useDialogContext = () => {
+  const ctx = use(DialogContext);
+  if (!ctx) {
+    throw new Error('Dialog sub-components must be rendered inside <DialogModal>');
+  }
+  return ctx;
+};
+//# sourceMappingURL=context.js.map

package/dist/elements/Dialog/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":["createContext","use","DialogContext","useDialogContext","ctx","Error"],"sources":["../../../src/elements/Dialog/context.ts"],"sourcesContent":["import { createContext, use } from 'react'\n\nexport type DialogContextValue = {\n  isConfirming: boolean\n  setConfirming: (val: boolean) => void\n  slug: string\n}\n\nexport const DialogContext = createContext<DialogContextValue | null>(null)\n\nexport const useDialogContext = () => {\n  const ctx = use(DialogContext)\n  if (!ctx) {\n    throw new Error('Dialog sub-components must be rendered inside <DialogModal>')\n  }\n  return ctx\n}\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,GAAG,QAAQ;AAQnC,OAAO,MAAMC,aAAA,GAAgBF,aAAA,CAAyC;AAEtE,OAAO,MAAMG,gBAAA,GAAmBA,CAAA;EAC9B,MAAMC,GAAA,GAAMH,GAAA,CAAIC,aAAA;EAChB,IAAI,CAACE,GAAA,EAAK;IACR,MAAM,IAAIC,KAAA,CAAM;EAClB;EACA,OAAOD,GAAA;AACT","ignoreList":[]}

package/dist/elements/{Modal → Dialog}/index.css

@@ -1,7 +1,5 @@
 @layer payload-default {
-  dialog.alert-modal {
-    --alert-modal-width: 480px;
-
+  dialog:has(> .dialog) {
     position: fixed;
     inset: 0;
     display: flex;
@@ -10,16 +8,14 @@
     background: var(--color-modalbackdrop);
   }
 
-  dialog.alert-modal--compact {
-    --alert-modal-width: 320px;
-  }
+  .dialog {
+    --dialog-max-height: calc(100dvh - var(--spacer-5));
 
-  .alert-modal__wrapper {
-    z-index: 1;
     position: relative;
     display: flex;
     flex-direction: column;
-    width: var(--alert-modal-width);
+    max-height: var(--dialog-max-height);
+    width: var(--dialog-width);
     max-width: calc(100vw - var(--spacer-5));
     background: var(--color-bg);
     border-radius: var(--radius-large);
@@ -30,27 +26,32 @@
     line-height: var(--text-body-medium-line-height);
     letter-spacing: var(--text-body-medium-letter-spacing);
     color: var(--color-text);
+    box-shadow: var(--elevation-500-modal-window);
   }
 
-  .alert-modal__header {
+  .dialog--small {
+    --dialog-width: 280px;
+  }
+
+  .dialog--medium {
+    --dialog-width: 480px;
+  }
+
+  .dialog__header {
     display: flex;
     align-items: center;
     gap: var(--spacer-2);
     min-height: var(--spacer-6);
-    border-bottom: var(--stroke-width-small) solid var(--color-border);
     padding: var(--spacer-2) var(--spacer-3);
-
-    .btn {
-      padding: 0;
-      border: 0;
-    }
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
+    flex-shrink: 0;
   }
 
-  .alert-modal__header--with-actions {
-    padding-right: var(--spacer-2);
+  .dialog__header--has-close {
+    padding-inline-end: var(--spacer-2);
   }
 
-  .alert-modal__title {
+  .dialog__title {
     flex: 1 0 0;
     min-width: 0;
     margin: 0;
@@ -58,25 +59,34 @@
     letter-spacing: var(--text-body-medium-letter-spacing);
   }
 
-  .alert-modal__content {
+  .dialog__header-extras {
     display: flex;
-    flex-direction: column;
-    gap: var(--spacer-2-5);
-    padding: var(--spacer-2) var(--spacer-3);
+    align-items: center;
+    gap: var(--spacer-1);
+  }
 
-    > * {
-      margin: 0;
-    }
+  .dialog__body {
+    flex: 1 1 auto;
+    padding: var(--spacer-3);
+    min-height: 0;
+    overflow-y: auto;
   }
 
-  .alert-modal__controls {
+  .dialog:has(.dialog__header) .dialog__body {
+    padding-top: var(--spacer-2);
+  }
+
+  .dialog:has(.dialog__footer) .dialog__body {
+    padding-bottom: var(--spacer-2);
+  }
+
+  .dialog__footer {
     display: flex;
     justify-content: flex-end;
     gap: var(--spacer-2);
-    padding: var(--spacer-2);
-
-    .btn {
-      margin: 0;
-    }
+    padding-block: var(--spacer-2);
+    padding-inline-start: var(--spacer-3);
+    padding-inline-end: var(--spacer-2);
+    flex-shrink: 0;
   }
 }

package/dist/elements/Dialog/index.d.ts

@@ -0,0 +1,13 @@
+export { DialogBody } from './DialogBody/index.js';
+export type { DialogBodyProps } from './DialogBody/index.js';
+export { DialogCancel } from './DialogCancel/index.js';
+export type { DialogCancelProps } from './DialogCancel/index.js';
+export { DialogConfirm } from './DialogConfirm/index.js';
+export type { DialogConfirmProps } from './DialogConfirm/index.js';
+export { DialogFooter } from './DialogFooter/index.js';
+export type { DialogFooterProps } from './DialogFooter/index.js';
+export { DialogHeader } from './DialogHeader/index.js';
+export type { DialogHeaderProps } from './DialogHeader/index.js';
+export { DialogModal } from './DialogModal/index.js';
+export type { DialogModalProps, DialogSize } from './DialogModal/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Dialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,YAAY,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,YAAY,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA"}

package/dist/elements/Dialog/index.js

@@ -0,0 +1,7 @@
+export { DialogBody } from './DialogBody/index.js';
+export { DialogCancel } from './DialogCancel/index.js';
+export { DialogConfirm } from './DialogConfirm/index.js';
+export { DialogFooter } from './DialogFooter/index.js';
+export { DialogHeader } from './DialogHeader/index.js';
+export { DialogModal } from './DialogModal/index.js';
+//# sourceMappingURL=index.js.map

package/dist/elements/Dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["DialogBody","DialogCancel","DialogConfirm","DialogFooter","DialogHeader","DialogModal"],"sources":["../../../src/elements/Dialog/index.tsx"],"sourcesContent":["export { DialogBody } from './DialogBody/index.js'\nexport type { DialogBodyProps } from './DialogBody/index.js'\nexport { DialogCancel } from './DialogCancel/index.js'\nexport type { DialogCancelProps } from './DialogCancel/index.js'\nexport { DialogConfirm } from './DialogConfirm/index.js'\nexport type { DialogConfirmProps } from './DialogConfirm/index.js'\nexport { DialogFooter } from './DialogFooter/index.js'\nexport type { DialogFooterProps } from './DialogFooter/index.js'\nexport { DialogHeader } from './DialogHeader/index.js'\nexport type { DialogHeaderProps } from './DialogHeader/index.js'\nexport { DialogModal } from './DialogModal/index.js'\nexport type { DialogModalProps, DialogSize } from './DialogModal/index.js'\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ;AAE3B,SAASC,YAAY,QAAQ;AAE7B,SAASC,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAE7B,SAASC,YAAY,QAAQ;AAE7B,SAASC,WAAW,QAAQ","ignoreList":[]}

package/dist/elements/DocumentHeader/index.css

@@ -5,6 +5,7 @@
     position: relative;
     border-bottom: var(--stroke-width-small) solid var(--color-border);
     display: flex;
+    flex-wrap: wrap;
     align-items: center;
     gap: var(--spacer-2-5);
   }
@@ -19,7 +20,7 @@
   }
 
   .doc-header__after-header {
-    padding-top: var(--spacer-3);
+    width: 100%;
   }
 
   @media (max-width: 768px) {
@@ -32,9 +33,5 @@
     .doc-header__title {
       width: 100%;
     }
-
-    .doc-header__after-header {
-      padding-top: var(--spacer-1);
-    }
   }
 }

package/dist/elements/DocumentLocked/index.css

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .document-locked__updated-at {
+    margin-top: var(--spacer-2);
+  }
+}