@navikt/ds-react 7.36.0 → 7.38.0

package/cjs/dialog/close-trigger/DialogCloseTrigger.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+interface DialogCloseTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactElement;
+}
+/**
+ * @see 🏷️ {@link DialogCloseTriggerProps}
+ * @example
+ * ```jsx
+ *  <Dialog>
+ *    <Dialog.Popup>
+ *      <Dialog.CloseTrigger>
+ *        <Button>Close dialog</Button>
+ *      </Dialog.CloseTrigger>
+ *    </Dialog.Popup>
+ *  </Dialog>
+ * ```
+ */
+declare const DialogCloseTrigger: React.ForwardRefExoticComponent<DialogCloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export { DialogCloseTrigger };
+export type { DialogCloseTriggerProps };

package/cjs/dialog/close-trigger/DialogCloseTrigger.js

@@ -0,0 +1,76 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogCloseTrigger = void 0;
+const react_1 = __importStar(require("react"));
+const Slot_1 = require("../../slot/Slot");
+const composeEventHandlers_1 = require("../../util/composeEventHandlers");
+const DialogRoot_context_1 = require("../root/DialogRoot.context");
+/**
+ * @see 🏷️ {@link DialogCloseTriggerProps}
+ * @example
+ * ```jsx
+ *  <Dialog>
+ *    <Dialog.Popup>
+ *      <Dialog.CloseTrigger>
+ *        <Button>Close dialog</Button>
+ *      </Dialog.CloseTrigger>
+ *    </Dialog.Popup>
+ *  </Dialog>
+ * ```
+ */
+const DialogCloseTrigger = (0, react_1.forwardRef)((_a, forwardedRef) => {
+    var { children, onClick } = _a, restProps = __rest(_a, ["children", "onClick"]);
+    const { open, setOpen } = (0, DialogRoot_context_1.useDialogContext)();
+    const handleClick = (event) => {
+        if (open) {
+            setOpen(false, event.nativeEvent);
+        }
+    };
+    return (react_1.default.createElement(Slot_1.Slot, Object.assign({ type: "button" }, restProps, { ref: forwardedRef, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, handleClick) }), children));
+});
+exports.DialogCloseTrigger = DialogCloseTrigger;
+//# sourceMappingURL=DialogCloseTrigger.js.map

package/cjs/dialog/close-trigger/DialogCloseTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogCloseTrigger.js","sourceRoot":"","sources":["../../../src/dialog/close-trigger/DialogCloseTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAAuC;AACvC,0EAAuE;AACvE,mEAA8D;AAO9D;;;;;;;;;;;;GAYG;AACH,MAAM,kBAAkB,GAAG,IAAA,kBAAU,EAGnC,CAAC,EAAmC,EAAE,YAAY,EAAE,EAAE;QAArD,EAAE,QAAQ,EAAE,OAAO,OAAgB,EAAX,SAAS,cAAjC,uBAAmC,CAAF;IAClC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAA,qCAAgB,GAAE,CAAC;IAE7C,MAAM,WAAW,GAAG,CAClB,KAAsD,EACtD,EAAE;QACF,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,WAAI,kBACH,IAAI,EAAC,QAAQ,IACT,SAAS,IACb,GAAG,EAAE,YAAY,EACjB,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,WAAW,CAAC,KAElD,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEM,gDAAkB"}

package/cjs/dialog/description/DialogDescription.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+type DialogDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
+/**
+ * @see 🏷️ {@link DialogDescriptionProps}
+ * @example
+ * ```jsx
+ *  <Dialog>
+ *    <Dialog.Popup>
+ *      <Dialog.Header>
+ *        <Dialog.Title>Dialog title</Dialog.Title>
+ *        <Dialog.Description>Dialog description</Dialog.Description>
+ *      </Dialog.Header>
+ *    </Dialog.Popup>
+ *  </Dialog>
+ * ```
+ */
+declare const DialogDescription: React.ForwardRefExoticComponent<DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+export { DialogDescription };
+export type { DialogDescriptionProps };

package/cjs/dialog/description/DialogDescription.js

@@ -0,0 +1,73 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogDescription = void 0;
+const react_1 = __importStar(require("react"));
+const Theme_1 = require("../../theme/Theme");
+const typography_1 = require("../../typography");
+const DialogRoot_context_1 = require("../root/DialogRoot.context");
+/**
+ * @see 🏷️ {@link DialogDescriptionProps}
+ * @example
+ * ```jsx
+ *  <Dialog>
+ *    <Dialog.Popup>
+ *      <Dialog.Header>
+ *        <Dialog.Title>Dialog title</Dialog.Title>
+ *        <Dialog.Description>Dialog description</Dialog.Description>
+ *      </Dialog.Header>
+ *    </Dialog.Popup>
+ *  </Dialog>
+ * ```
+ */
+const DialogDescription = (0, react_1.forwardRef)((_a, forwardedRef) => {
+    var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
+    const { cn } = (0, Theme_1.useRenameCSS)();
+    const { size } = (0, DialogRoot_context_1.useDialogContext)();
+    return (react_1.default.createElement(typography_1.BodyShort, Object.assign({}, restProps, { ref: forwardedRef, className: cn("navds-dialog__description", className), size: size, "data-color": "neutral", textColor: "subtle" }), children));
+});
+exports.DialogDescription = DialogDescription;
+//# sourceMappingURL=DialogDescription.js.map

package/cjs/dialog/description/DialogDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogDescription.js","sourceRoot":"","sources":["../../../src/dialog/description/DialogDescription.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAiD;AACjD,iDAA6C;AAC7C,mEAA8D;AAI9D;;;;;;;;;;;;;GAaG;AACH,MAAM,iBAAiB,GAAG,IAAA,kBAAU,EAGlC,CAAC,EAAqC,EAAE,YAAY,EAAE,EAAE;QAAvD,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAAnC,yBAAqC,CAAF;IACpC,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,qCAAgB,GAAE,CAAC;IAEpC,OAAO,CACL,8BAAC,sBAAS,oBACJ,SAAS,IACb,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,EACrD,IAAI,EAAE,IAAI,gBACC,SAAS,EACpB,SAAS,EAAC,QAAQ,KAEjB,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAEM,8CAAiB"}

package/cjs/dialog/footer/DialogFooter.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
+/**
+ * @see 🏷️ {@link DialogFooterProps}
+ * @example
+ * ```jsx
+ *  <Dialog>
+ *    <Dialog.Popup>
+ *      <Dialog.Footer>
+ *        <Dialog.CloseTrigger>
+ *          <Button>Close dialog</Button>
+ *        </Dialog.CloseTrigger>
+ *      </Dialog.Footer>
+ *    </Dialog.Popup>
+ *  </Dialog>
+ * ```
+ */
+declare const DialogFooter: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;
+export { DialogFooter };
+export type { DialogFooterProps };

package/cjs/dialog/footer/DialogFooter.js

@@ -0,0 +1,71 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogFooter = void 0;
+const react_1 = __importStar(require("react"));
+const Theme_1 = require("../../theme/Theme");
+/**
+ * @see 🏷️ {@link DialogFooterProps}
+ * @example
+ * ```jsx
+ *  <Dialog>
+ *    <Dialog.Popup>
+ *      <Dialog.Footer>
+ *        <Dialog.CloseTrigger>
+ *          <Button>Close dialog</Button>
+ *        </Dialog.CloseTrigger>
+ *      </Dialog.Footer>
+ *    </Dialog.Popup>
+ *  </Dialog>
+ * ```
+ */
+const DialogFooter = (0, react_1.forwardRef)((_a, forwardedRef) => {
+    var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
+    const { cn } = (0, Theme_1.useRenameCSS)();
+    return (react_1.default.createElement("div", Object.assign({}, restProps, { ref: forwardedRef, className: cn("navds-dialog__footer", className) }), children));
+});
+exports.DialogFooter = DialogFooter;
+//# sourceMappingURL=DialogFooter.js.map

package/cjs/dialog/footer/DialogFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogFooter.js","sourceRoot":"","sources":["../../../src/dialog/footer/DialogFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAiD;AAIjD;;;;;;;;;;;;;;GAcG;AACH,MAAM,YAAY,GAAG,IAAA,kBAAU,EAC7B,CAAC,EAAqC,EAAE,YAAY,EAAE,EAAE;QAAvD,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAAnC,yBAAqC,CAAF;IAClC,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,uDACM,SAAS,IACb,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,KAE/C,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,oCAAY"}

package/cjs/dialog/header/DialogHeader.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Whether to show a close button in the header.
+     * Will trigger `onOpenChange` when clicked.
+     * @default true
+     */
+    withClosebutton?: boolean;
+}
+/**
+ * @see 🏷️ {@link DialogHeaderProps}
+ * @example
+ * ```jsx
+ *  <Dialog>
+ *    <Dialog.Popup>
+ *      <Dialog.Header>
+ *        <Dialog.Title>Dialog title</Dialog.Title>
+ *      </Dialog.Header>
+ *    </Dialog.Popup>
+ *  </Dialog>
+ * ```
+ */
+declare const DialogHeader: React.ForwardRefExoticComponent<DialogHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export { DialogHeader };
+export type { DialogHeaderProps };

package/cjs/dialog/header/DialogHeader.js

@@ -0,0 +1,77 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogHeader = void 0;
+const react_1 = __importStar(require("react"));
+const aksel_icons_1 = require("@navikt/aksel-icons");
+const button_1 = require("../../button");
+const Theme_1 = require("../../theme/Theme");
+const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
+const DialogCloseTrigger_1 = require("../close-trigger/DialogCloseTrigger");
+/**
+ * @see 🏷️ {@link DialogHeaderProps}
+ * @example
+ * ```jsx
+ *  <Dialog>
+ *    <Dialog.Popup>
+ *      <Dialog.Header>
+ *        <Dialog.Title>Dialog title</Dialog.Title>
+ *      </Dialog.Header>
+ *    </Dialog.Popup>
+ *  </Dialog>
+ * ```
+ */
+const DialogHeader = (0, react_1.forwardRef)((_a, forwardedRef) => {
+    var { className, children, withClosebutton = true } = _a, restProps = __rest(_a, ["className", "children", "withClosebutton"]);
+    const { cn } = (0, Theme_1.useRenameCSS)();
+    const translate = (0, i18n_hooks_1.useI18n)("global");
+    return (react_1.default.createElement("div", Object.assign({}, restProps, { ref: forwardedRef, className: cn("navds-dialog__header", className) }),
+        withClosebutton && (react_1.default.createElement(DialogCloseTrigger_1.DialogCloseTrigger, null,
+            react_1.default.createElement(button_1.Button, { type: "button", className: cn("navds-dialog__close-button"), size: "small", variant: "tertiary-neutral", icon: react_1.default.createElement(aksel_icons_1.XMarkIcon, { title: translate("close") }) }))),
+        children));
+});
+exports.DialogHeader = DialogHeader;
+//# sourceMappingURL=DialogHeader.js.map

package/cjs/dialog/header/DialogHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogHeader.js","sourceRoot":"","sources":["../../../src/dialog/header/DialogHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAgD;AAChD,yCAAsC;AACtC,6CAAiD;AACjD,2DAAqD;AACrD,4EAAyE;AAWzE;;;;;;;;;;;;GAYG;AACH,MAAM,YAAY,GAAG,IAAA,kBAAU,EAC7B,CACE,EAA6D,EAC7D,YAAY,EACZ,EAAE;QAFF,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,GAAG,IAAI,OAAgB,EAAX,SAAS,cAA3D,4CAA6D,CAAF;IAG3D,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,QAAQ,CAAC,CAAC;IAEpC,OAAO,CACL,uDACM,SAAS,IACb,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC;QAE/C,eAAe,IAAI,CAClB,8BAAC,uCAAkB;YACjB,8BAAC,eAAM,IACL,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC,EAC3C,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,kBAAkB,EAC1B,IAAI,EAAE,8BAAC,uBAAS,IAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,GAAI,GAC9C,CACiB,CACtB;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,oCAAY"}

package/cjs/dialog/index.d.ts

@@ -0,0 +1,18 @@
+export { default as Dialog } from "./root/DialogRoot";
+export type { DialogProps } from "./root/DialogRoot";
+export { DialogTrigger } from "./trigger/DialogTrigger";
+export type { DialogTriggerProps } from "./trigger/DialogTrigger";
+export { DialogPopup } from "./popup/DialogPopup";
+export type { DialogPopupProps } from "./popup/DialogPopup";
+export { DialogCloseTrigger } from "./close-trigger/DialogCloseTrigger";
+export type { DialogCloseTriggerProps } from "./close-trigger/DialogCloseTrigger";
+export { DialogHeader } from "./header/DialogHeader";
+export type { DialogHeaderProps } from "./header/DialogHeader";
+export { DialogFooter } from "./footer/DialogFooter";
+export type { DialogFooterProps } from "./footer/DialogFooter";
+export { DialogTitle } from "./title/DialogTitle";
+export type { DialogTitleProps } from "./title/DialogTitle";
+export { DialogDescription } from "./description/DialogDescription";
+export type { DialogDescriptionProps } from "./description/DialogDescription";
+export { DialogBody } from "./body/DialogBody";
+export type { DialogBodyProps } from "./body/DialogBody";

package/cjs/dialog/index.js

@@ -0,0 +1,26 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogBody = exports.DialogDescription = exports.DialogTitle = exports.DialogFooter = exports.DialogHeader = exports.DialogCloseTrigger = exports.DialogPopup = exports.DialogTrigger = exports.Dialog = void 0;
+var DialogRoot_1 = require("./root/DialogRoot");
+Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return __importDefault(DialogRoot_1).default; } });
+var DialogTrigger_1 = require("./trigger/DialogTrigger");
+Object.defineProperty(exports, "DialogTrigger", { enumerable: true, get: function () { return DialogTrigger_1.DialogTrigger; } });
+var DialogPopup_1 = require("./popup/DialogPopup");
+Object.defineProperty(exports, "DialogPopup", { enumerable: true, get: function () { return DialogPopup_1.DialogPopup; } });
+var DialogCloseTrigger_1 = require("./close-trigger/DialogCloseTrigger");
+Object.defineProperty(exports, "DialogCloseTrigger", { enumerable: true, get: function () { return DialogCloseTrigger_1.DialogCloseTrigger; } });
+var DialogHeader_1 = require("./header/DialogHeader");
+Object.defineProperty(exports, "DialogHeader", { enumerable: true, get: function () { return DialogHeader_1.DialogHeader; } });
+var DialogFooter_1 = require("./footer/DialogFooter");
+Object.defineProperty(exports, "DialogFooter", { enumerable: true, get: function () { return DialogFooter_1.DialogFooter; } });
+var DialogTitle_1 = require("./title/DialogTitle");
+Object.defineProperty(exports, "DialogTitle", { enumerable: true, get: function () { return DialogTitle_1.DialogTitle; } });
+var DialogDescription_1 = require("./description/DialogDescription");
+Object.defineProperty(exports, "DialogDescription", { enumerable: true, get: function () { return DialogDescription_1.DialogDescription; } });
+var DialogBody_1 = require("./body/DialogBody");
+Object.defineProperty(exports, "DialogBody", { enumerable: true, get: function () { return DialogBody_1.DialogBody; } });
+//# sourceMappingURL=index.js.map

package/cjs/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/dialog/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,gDAAsD;AAA7C,qHAAA,OAAO,OAAU;AAE1B,yDAAwD;AAA/C,8GAAA,aAAa,OAAA;AAEtB,mDAAkD;AAAzC,0GAAA,WAAW,OAAA;AAEpB,yEAAwE;AAA/D,wHAAA,kBAAkB,OAAA;AAE3B,sDAAqD;AAA5C,4GAAA,YAAY,OAAA;AAErB,sDAAqD;AAA5C,4GAAA,YAAY,OAAA;AAErB,mDAAkD;AAAzC,0GAAA,WAAW,OAAA;AAEpB,qEAAoE;AAA3D,sHAAA,iBAAiB,OAAA;AAE1B,gDAA+C;AAAtC,wGAAA,UAAU,OAAA"}

package/cjs/dialog/popup/DialogPopup.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { type PortalProps } from "../../portal";
+import { type DialogPopupInternalProps } from "./DialogPopupInternal";
+type DialogPopupProps = DialogPopupInternalProps & Pick<PortalProps, "rootElement"> & {
+    children: React.ReactNode;
+};
+/**
+ * @see 🏷️ {@link DialogPopupProps}
+ * @example
+ * ```jsx
+ *  <Dialog>
+ *    <Dialog.Popup>
+ *      ...
+ *    </Dialog.Popup>
+ *  </Dialog>
+ * ```
+ */
+declare const DialogPopup: React.ForwardRefExoticComponent<DialogPopupInternalProps & Pick<PortalProps, "rootElement"> & {
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export { DialogPopup };
+export type { DialogPopupProps };

package/cjs/dialog/popup/DialogPopup.js

@@ -0,0 +1,80 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogPopup = void 0;
+const react_1 = __importStar(require("react"));
+const Modal_context_1 = require("../../modal/Modal.context");
+const portal_1 = require("../../portal");
+const DialogBackdropInternal_1 = require("../backdrop/DialogBackdropInternal");
+const DialogRoot_context_1 = require("../root/DialogRoot.context");
+const DialogPopupInternal_1 = require("./DialogPopupInternal");
+/**
+ * @see 🏷️ {@link DialogPopupProps}
+ * @example
+ * ```jsx
+ *  <Dialog>
+ *    <Dialog.Popup>
+ *      ...
+ *    </Dialog.Popup>
+ *  </Dialog>
+ * ```
+ */
+const DialogPopup = (0, react_1.forwardRef)((_a, forwardedRef) => {
+    var { modal = true, withBackdrop = modal === true, rootElement: rootElementProp, position } = _a, restProps = __rest(_a, ["modal", "withBackdrop", "rootElement", "position"]);
+    const { mounted, nested } = (0, DialogRoot_context_1.useDialogContext)();
+    const modalContext = (0, Modal_context_1.useModalContext)(false);
+    const rootElement = modalContext
+        ? modalContext.modalRef.current
+        : rootElementProp;
+    if (!mounted) {
+        return null;
+    }
+    return (react_1.default.createElement(portal_1.Portal, { rootElement: rootElement },
+        withBackdrop && position !== "fullscreen" && !nested && (react_1.default.createElement(DialogBackdropInternal_1.DialogBackdropInternal, null)),
+        react_1.default.createElement(DialogPopupInternal_1.DialogPopupInternal, Object.assign({ ref: forwardedRef }, restProps, { position: position, withBackdrop: withBackdrop && position !== "fullscreen", modal: modal }))));
+});
+exports.DialogPopup = DialogPopup;
+//# sourceMappingURL=DialogPopup.js.map

package/cjs/dialog/popup/DialogPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogPopup.js","sourceRoot":"","sources":["../../../src/dialog/popup/DialogPopup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6DAA4D;AAC5D,yCAAwD;AACxD,+EAA4E;AAC5E,mEAA8D;AAC9D,+DAG+B;AAO/B;;;;;;;;;;GAUG;AACH,MAAM,WAAW,GAAG,IAAA,kBAAU,EAC5B,CACE,EAMC,EACD,YAAY,EACZ,EAAE;QARF,EACE,KAAK,GAAG,IAAI,EACZ,YAAY,GAAG,KAAK,KAAK,IAAI,EAC7B,WAAW,EAAE,eAAe,EAC5B,QAAQ,OAET,EADI,SAAS,cALd,oDAMC,CADa;IAId,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAA,qCAAgB,GAAE,CAAC;IAE/C,MAAM,YAAY,GAAG,IAAA,+BAAe,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,YAAY;QAC9B,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,OAAO;QAC/B,CAAC,CAAC,eAAe,CAAC;IAEpB,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BAAC,eAAM,IAAC,WAAW,EAAE,WAAW;QAC7B,YAAY,IAAI,QAAQ,KAAK,YAAY,IAAI,CAAC,MAAM,IAAI,CACvD,8BAAC,+CAAsB,OAAG,CAC3B;QACD,8BAAC,yCAAmB,kBAClB,GAAG,EAAE,YAAY,IACb,SAAS,IACb,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,IAAI,QAAQ,KAAK,YAAY,EACvD,KAAK,EAAE,KAAK,IACZ,CACK,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,kCAAW"}

package/cjs/dialog/popup/DialogPopupInternal.d.ts

@@ -0,0 +1,60 @@
+import React from "react";
+interface DialogPopupInternalProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Determines if the dialog enters a modal state when open.
+     * - `true`: user interaction is limited to just the dialog: focus is trapped, document page scroll is locked, and pointer interactions on outside elements are disabled.
+     * - `'trap-focus'`: focus is trapped inside the dialog, but document page scroll is not locked and pointer interactions outside of it remain enabled.
+     * @default true
+     */
+    modal?: true | "trap-focus";
+    /**
+     * Determines if the dialog should close on outside clicks.
+     * @default true
+     */
+    closeOnOutsideClick?: boolean;
+    /**
+     * Will try to focus the given element on mount.
+     *
+     * If not provided, Dialog will focus the popup itself.
+     */
+    initialFocusTo?: React.RefObject<HTMLElement | null> | (() => HTMLElement | null | undefined);
+    /**
+     * Will try to focus the given element on unmount.
+     *
+     * If not provided, Dialog will try to focus the `Dialog.Trigger` element
+     * or the last focused element before the dialog opened.
+     */
+    returnFocusTo?: React.RefObject<HTMLElement | null> | (() => HTMLElement | null | undefined);
+    /**
+     * The position of the dialog relative to the viewport.
+     * @default "center"
+     */
+    position?: "center" | "bottom" | "left" | "right" | "fullscreen";
+    /**
+     * CSS `width`
+     *
+     * Has no effect when `position` is set to `fullscreen`.
+     *
+     * @default "medium"
+     */
+    width?: (string & {}) | "small" | "medium" | "large";
+    /**
+     * CSS `height`
+     *
+     * Has no effect when `position` is set to `fullscreen`, `left` or `right`.
+     */
+    height?: (string & {}) | "small" | "medium" | "large";
+    /**
+     * Adds a backdrop behind the dialog popup.
+     * @default true if `modal={true}`, else `false`
+     */
+    withBackdrop?: boolean;
+    /**
+     * ARIA role for the dialog popup.
+     * @default "dialog"
+     */
+    role?: "dialog" | "alertdialog";
+}
+declare const DialogPopupInternal: React.ForwardRefExoticComponent<DialogPopupInternalProps & React.RefAttributes<HTMLDivElement>>;
+export { DialogPopupInternal };
+export type { DialogPopupInternalProps };