moduix 0.10.0 → 0.11.1

package/dist/components/Dialog/Dialog.cjs

@@ -0,0 +1,136 @@
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_CloseButton = require("../CloseButton/CloseButton.cjs");
+const require_Dialog_module = require("./Dialog.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+let react = require("react");
+let _base_ui_react_dialog = require("@base-ui/react/dialog");
+//#region src/components/Dialog/Dialog.tsx
+const DEFAULT_CLOSE_BUTTON_LABEL = "Close dialog";
+const DialogModeContext = (0, react.createContext)(true);
+const createDialogHandle = _base_ui_react_dialog.Dialog.createHandle;
+function Dialog({ modal = true, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogModeContext.Provider, {
+		value: modal,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Root, {
+			modal,
+			...props
+		})
+	});
+}
+function DialogTrigger({ className, render, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Trigger, {
+		"data-slot": "dialog-trigger",
+		render,
+		className: render ? className : require_mergeClassName.mergeClassName(className, require_Dialog_module.default.trigger),
+		...props
+	});
+}
+function DialogPortal({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Portal, {
+		"data-slot": "dialog-portal",
+		className,
+		...props
+	});
+}
+function DialogBackdrop({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Backdrop, {
+		"data-slot": "dialog-backdrop",
+		className: require_mergeClassName.mergeClassName(className, require_Dialog_module.default.backdrop),
+		...props
+	});
+}
+function DialogViewport({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Viewport, {
+		"data-slot": "dialog-viewport",
+		className: require_mergeClassName.mergeClassName(className, require_Dialog_module.default.viewport),
+		...props
+	});
+}
+function DialogPopup({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Popup, {
+		"data-slot": "dialog-popup",
+		className: require_mergeClassName.mergeClassName(className, require_Dialog_module.default.popup),
+		...props
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Title, {
+		"data-slot": "dialog-title",
+		className: require_mergeClassName.mergeClassName(className, require_Dialog_module.default.title),
+		...props
+	});
+}
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Description, {
+		"data-slot": "dialog-description",
+		className: require_mergeClassName.mergeClassName(className, require_Dialog_module.default.description),
+		...props
+	});
+}
+function DialogClose({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Close, {
+		"data-slot": "dialog-close",
+		className: require_mergeClassName.mergeClassName(className, require_Dialog_module.default.close),
+		...props
+	});
+}
+function DialogCloseIcon({ className, children, "aria-label": ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, render, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Close, {
+		"data-slot": "dialog-close-icon",
+		render: render ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CloseButton.CloseButton, {
+			"aria-label": ariaLabel,
+			children
+		}),
+		className: require_mergeClassName.mergeClassName(className, require_Dialog_module.default.closeIcon),
+		...props
+	});
+}
+function DialogContent({ className, children, ...props }) {
+	const blocksOutsidePointerInteraction = (0, react.useContext)(DialogModeContext) === true;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogPortal, { children: [blocksOutsidePointerInteraction ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogBackdrop, {}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogViewport, {
+		className: blocksOutsidePointerInteraction ? void 0 : require_Dialog_module.default.viewportNonBlocking,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogPopup, {
+			className,
+			...props,
+			children
+		})
+	})] });
+}
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "dialog-header",
+		className: (0, clsx.clsx)(require_Dialog_module.default.header, className),
+		...props
+	});
+}
+function DialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "dialog-footer",
+		className: (0, clsx.clsx)(require_Dialog_module.default.footer, className),
+		...props
+	});
+}
+function DialogBody({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "dialog-body",
+		className: (0, clsx.clsx)(require_Dialog_module.default.body, className),
+		...props
+	});
+}
+//#endregion
+exports.Dialog = Dialog;
+exports.DialogBackdrop = DialogBackdrop;
+exports.DialogBody = DialogBody;
+exports.DialogClose = DialogClose;
+exports.DialogCloseIcon = DialogCloseIcon;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogPopup = DialogPopup;
+exports.DialogPortal = DialogPortal;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
+exports.DialogViewport = DialogViewport;
+exports.createDialogHandle = createDialogHandle;

package/dist/components/Dialog/Dialog.css

@@ -0,0 +1,186 @@
+@layer ui.components {
+  .u1ogVa_trigger, .u1ogVa_close {
+    box-sizing: border-box;
+    min-height: var(--dialog-control-height, var(--size-lg));
+    padding: var(--dialog-control-padding-y, .5rem) var(--dialog-control-padding-x, .875rem);
+    border: var(--dialog-control-border-width, var(--border-width-sm)) solid
+      var(--dialog-control-border-color, var(--color-border));
+    border-radius: var(--dialog-control-radius, var(--radius-md));
+    background-color: var(--dialog-control-bg, var(--color-background));
+    color: var(--dialog-control-color, var(--color-foreground));
+    font: inherit;
+    font-size: var(--dialog-control-font-size, var(--text-md));
+    line-height: var(--dialog-control-line-height, var(--line-height-text-md));
+    cursor: pointer;
+    user-select: none;
+    transition: background-color var(--transition-default),
+      border-color var(--transition-default),
+      color var(--transition-default);
+    justify-content: center;
+    align-items: center;
+    margin: 0;
+    display: inline-flex;
+
+    @media (hover: hover) {
+      &:hover {
+        background-color: var(--dialog-control-bg-hover, var(--color-accent));
+      }
+    }
+
+    &:focus-visible {
+      outline: var(--dialog-focus-ring-width, var(--dialog-control-border-width, var(--border-width-sm)))
+        solid var(--dialog-focus-ring-color, var(--color-ring));
+      outline-offset: calc(var(--dialog-focus-ring-width, var(--dialog-control-border-width, var(--border-width-sm))) *
+          -1);
+    }
+
+    &[data-disabled], &[disabled] {
+      pointer-events: none;
+      opacity: var(--opacity-disabled);
+    }
+  }
+
+  .u1ogVa_backdrop {
+    z-index: var(--z-backdrop);
+    background-color: var(--dialog-backdrop-bg, var(--backdrop-bg, var(--color-overlay)));
+    min-height: 100dvh;
+    backdrop-filter: var(--backdrop-filter, blur(var(--dialog-backdrop-blur, 4px)));
+    transition: opacity var(--dialog-backdrop-transition, var(--transition-default)),
+      backdrop-filter var(--dialog-backdrop-transition, var(--transition-default));
+    position: fixed;
+    inset: 0;
+
+    &[data-starting-style], &[data-ending-style] {
+      opacity: 0;
+      backdrop-filter: none;
+    }
+
+    &[data-nested] {
+      z-index: calc(var(--z-backdrop) + 1);
+    }
+  }
+
+  .u1ogVa_viewport {
+    box-sizing: border-box;
+    z-index: var(--z-modal);
+    overscroll-behavior: contain;
+    padding: var(--dialog-viewport-padding, var(--spacing-4));
+    place-items: center;
+    display: grid;
+    position: fixed;
+    inset: 0;
+    overflow-y: auto;
+
+    &[data-nested] {
+      z-index: calc(var(--z-modal) + 1);
+    }
+  }
+
+  .u1ogVa_viewportNonBlocking {
+    pointer-events: none;
+
+    & > [data-slot="dialog-popup"] {
+      pointer-events: auto;
+    }
+  }
+
+  .u1ogVa_popup {
+    box-sizing: border-box;
+    width: min(var(--dialog-width, 28rem),
+      var(--dialog-max-width, calc(100vw - var(--spacing-8, 2rem))),
+      var(--available-width, calc(100vw - var(--spacing-8, 2rem))));
+    max-width: 100%;
+    padding: var(--dialog-padding, var(--spacing-6));
+    border: var(--dialog-border-width, var(--border-width-sm)) solid
+      var(--dialog-border-color, var(--color-border));
+    border-radius: var(--dialog-radius, var(--radius-lg));
+    background-color: var(--dialog-bg, var(--color-popover));
+    color: var(--dialog-color, var(--color-popover-foreground));
+    box-shadow: var(--dialog-shadow, var(--shadow-lg));
+    translate: 0 calc(var(--dialog-nested-offset-y, 1.25rem) * var(--nested-dialogs, 0));
+    transform: scale(calc(1 - var(--dialog-nested-scale-step, .1) * var(--nested-dialogs, 0)));
+    transition: opacity var(--dialog-transition, var(--transition-default)),
+      transform var(--dialog-transition, var(--transition-default)),
+      translate var(--dialog-transition, var(--transition-default));
+    position: relative;
+
+    &[data-nested-dialog-open] {
+      &:after {
+        content: "";
+        border-radius: inherit;
+        background-color: var(--dialog-nested-overlay-bg, #0000000d);
+        position: absolute;
+        inset: 0;
+      }
+    }
+
+    &[data-starting-style], &[data-ending-style] {
+      opacity: 0;
+      transform: scale(calc((1 - var(--dialog-nested-scale-step, .1) * var(--nested-dialogs, 0)) *
+            var(--dialog-scale, var(--scale-popup))));
+    }
+  }
+
+  .u1ogVa_header {
+    align-items: start;
+    gap: var(--dialog-header-gap, var(--spacing-1));
+    grid-template-columns: minmax(0, 1fr) auto;
+    display: grid;
+
+    & > [data-slot="dialog-title"] {
+      grid-column: 1;
+    }
+
+    & > [data-slot="dialog-close"], & > [data-slot="dialog-close-icon"] {
+      grid-column: 2;
+      justify-self: end;
+    }
+
+    & > [data-slot="dialog-description"] {
+      grid-column: 1 / -1;
+    }
+  }
+
+  .u1ogVa_title {
+    color: var(--dialog-title-color, var(--dialog-color, var(--color-popover-foreground)));
+    font-size: var(--dialog-title-font-size, var(--text-lg));
+    font-weight: var(--dialog-title-font-weight, var(--weight-semibold));
+    line-height: var(--dialog-title-line-height, var(--line-height-text-lg));
+    margin: 0;
+  }
+
+  .u1ogVa_description {
+    color: var(--dialog-description-color, var(--dialog-muted-color, var(--color-muted-foreground)));
+    font-size: var(--dialog-description-font-size, var(--text-md));
+    line-height: var(--dialog-description-line-height, var(--line-height-text-md));
+    margin: 0;
+  }
+
+  .u1ogVa_footer {
+    justify-content: flex-end;
+    gap: var(--dialog-footer-gap, var(--spacing-2));
+    margin-top: var(--dialog-footer-margin-top, var(--spacing-6));
+    display: flex;
+  }
+
+  .u1ogVa_closeIcon {
+    --close-button-size: var(--dialog-close-icon-size, 1.75rem);
+    --close-button-radius: var(--dialog-close-icon-radius, var(--radius-md));
+    --close-button-color: var(--dialog-close-icon-color, var(--dialog-muted-color, var(--color-muted-foreground)));
+    --close-button-color-hover: var(--dialog-close-icon-color-hover, var(--dialog-close-icon-color, var(--dialog-color, var(--color-popover-foreground))));
+    --close-button-bg: var(--dialog-close-icon-bg, transparent);
+    --close-button-bg-hover: var(--dialog-close-icon-bg-hover, var(--color-accent));
+    --close-button-focus-ring-color: var(--dialog-close-icon-focus-ring-color, var(--dialog-focus-ring-color, var(--color-ring)));
+    --close-button-icon-size: var(--dialog-close-icon-glyph-size, .75rem);
+    border: 0;
+    min-height: auto;
+    padding: 0;
+  }
+
+  .u1ogVa_body {
+    margin: var(--dialog-content-margin, var(--spacing-4) 0 0);
+    color: var(--dialog-description-color, var(--dialog-muted-color, var(--color-muted-foreground)));
+    font-size: var(--dialog-description-font-size, var(--text-md));
+    line-height: var(--dialog-description-line-height, var(--line-height-text-md));
+  }
+}

package/dist/components/Dialog/Dialog.d.ts

@@ -1,18 +1,68 @@
-import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
-import { ComponentProps } from 'react';
-declare const createDialogHandle: typeof DialogPrimitive.createHandle;
-declare function Dialog<Payload = unknown>({ modal, ...props }: DialogPrimitive.Root.Props<Payload>): import("react/jsx-runtime").JSX.Element;
-declare function DialogTrigger({ className, render, ...props }: DialogPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
-declare function DialogPortal({ className, ...props }: DialogPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
-declare function DialogBackdrop({ className, ...props }: DialogPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
-declare function DialogViewport({ className, ...props }: DialogPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
-declare function DialogPopup({ className, ...props }: DialogPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
-declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
-declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
-declare function DialogClose({ className, ...props }: DialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
-declare function DialogCloseIcon({ className, children, 'aria-label': ariaLabel, render, ...props }: DialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
-declare function DialogContent({ className, children, ...props }: DialogPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
-declare function DialogHeader({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function DialogFooter({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function DialogBody({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export { Dialog, createDialogHandle, DialogTrigger, DialogPortal, DialogBackdrop, DialogViewport, DialogPopup, DialogTitle, DialogDescription, DialogClose, DialogCloseIcon, DialogContent, DialogHeader, DialogBody, DialogFooter, };
+import { ComponentProps } from "react";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/components/Dialog/Dialog.d.ts
+declare const createDialogHandle: typeof Dialog.createHandle;
+declare function Dialog$1<Payload = unknown>({
+  modal,
+  ...props
+}: Dialog.Root.Props<Payload>): import("react").JSX.Element;
+declare function DialogTrigger({
+  className,
+  render,
+  ...props
+}: Dialog.Trigger.Props): import("react").JSX.Element;
+declare function DialogPortal({
+  className,
+  ...props
+}: Dialog.Portal.Props): import("react").JSX.Element;
+declare function DialogBackdrop({
+  className,
+  ...props
+}: Dialog.Backdrop.Props): import("react").JSX.Element;
+declare function DialogViewport({
+  className,
+  ...props
+}: Dialog.Viewport.Props): import("react").JSX.Element;
+declare function DialogPopup({
+  className,
+  ...props
+}: Dialog.Popup.Props): import("react").JSX.Element;
+declare function DialogTitle({
+  className,
+  ...props
+}: Dialog.Title.Props): import("react").JSX.Element;
+declare function DialogDescription({
+  className,
+  ...props
+}: Dialog.Description.Props): import("react").JSX.Element;
+declare function DialogClose({
+  className,
+  ...props
+}: Dialog.Close.Props): import("react").JSX.Element;
+declare function DialogCloseIcon({
+  className,
+  children,
+  'aria-label': ariaLabel,
+  render,
+  ...props
+}: Dialog.Close.Props): import("react").JSX.Element;
+declare function DialogContent({
+  className,
+  children,
+  ...props
+}: Dialog.Popup.Props): import("react").JSX.Element;
+declare function DialogHeader({
+  className,
+  ...props
+}: ComponentProps<'div'>): import("react").JSX.Element;
+declare function DialogFooter({
+  className,
+  ...props
+}: ComponentProps<'div'>): import("react").JSX.Element;
+declare function DialogBody({
+  className,
+  ...props
+}: ComponentProps<'div'>): import("react").JSX.Element;
+//#endregion
+export { Dialog$1 as Dialog, DialogBackdrop, DialogBody, DialogClose, DialogCloseIcon, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPopup, DialogPortal, DialogTitle, DialogTrigger, DialogViewport, createDialogHandle };

package/dist/components/Dialog/Dialog.js

@@ -0,0 +1,122 @@
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import { CloseButton } from "../CloseButton/CloseButton.js";
+import Dialog_module_default from "./Dialog.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { createContext, useContext } from "react";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/Dialog/Dialog.tsx
+const DEFAULT_CLOSE_BUTTON_LABEL = "Close dialog";
+const DialogModeContext = createContext(true);
+const createDialogHandle = Dialog.createHandle;
+function Dialog$1({ modal = true, ...props }) {
+	return /* @__PURE__ */ jsx(DialogModeContext.Provider, {
+		value: modal,
+		children: /* @__PURE__ */ jsx(Dialog.Root, {
+			modal,
+			...props
+		})
+	});
+}
+function DialogTrigger({ className, render, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Trigger, {
+		"data-slot": "dialog-trigger",
+		render,
+		className: render ? className : mergeClassName(className, Dialog_module_default.trigger),
+		...props
+	});
+}
+function DialogPortal({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Portal, {
+		"data-slot": "dialog-portal",
+		className,
+		...props
+	});
+}
+function DialogBackdrop({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Backdrop, {
+		"data-slot": "dialog-backdrop",
+		className: mergeClassName(className, Dialog_module_default.backdrop),
+		...props
+	});
+}
+function DialogViewport({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Viewport, {
+		"data-slot": "dialog-viewport",
+		className: mergeClassName(className, Dialog_module_default.viewport),
+		...props
+	});
+}
+function DialogPopup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Popup, {
+		"data-slot": "dialog-popup",
+		className: mergeClassName(className, Dialog_module_default.popup),
+		...props
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Title, {
+		"data-slot": "dialog-title",
+		className: mergeClassName(className, Dialog_module_default.title),
+		...props
+	});
+}
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Description, {
+		"data-slot": "dialog-description",
+		className: mergeClassName(className, Dialog_module_default.description),
+		...props
+	});
+}
+function DialogClose({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Close, {
+		"data-slot": "dialog-close",
+		className: mergeClassName(className, Dialog_module_default.close),
+		...props
+	});
+}
+function DialogCloseIcon({ className, children, "aria-label": ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, render, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Close, {
+		"data-slot": "dialog-close-icon",
+		render: render ?? /* @__PURE__ */ jsx(CloseButton, {
+			"aria-label": ariaLabel,
+			children
+		}),
+		className: mergeClassName(className, Dialog_module_default.closeIcon),
+		...props
+	});
+}
+function DialogContent({ className, children, ...props }) {
+	const blocksOutsidePointerInteraction = useContext(DialogModeContext) === true;
+	return /* @__PURE__ */ jsxs(DialogPortal, { children: [blocksOutsidePointerInteraction ? /* @__PURE__ */ jsx(DialogBackdrop, {}) : null, /* @__PURE__ */ jsx(DialogViewport, {
+		className: blocksOutsidePointerInteraction ? void 0 : Dialog_module_default.viewportNonBlocking,
+		children: /* @__PURE__ */ jsx(DialogPopup, {
+			className,
+			...props,
+			children
+		})
+	})] });
+}
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-header",
+		className: clsx(Dialog_module_default.header, className),
+		...props
+	});
+}
+function DialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-footer",
+		className: clsx(Dialog_module_default.footer, className),
+		...props
+	});
+}
+function DialogBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-body",
+		className: clsx(Dialog_module_default.body, className),
+		...props
+	});
+}
+//#endregion
+export { Dialog$1 as Dialog, DialogBackdrop, DialogBody, DialogClose, DialogCloseIcon, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPopup, DialogPortal, DialogTitle, DialogTrigger, DialogViewport, createDialogHandle };

package/dist/components/Dialog/Dialog.module.cjs

@@ -0,0 +1,18 @@
+import './Dialog.css';
+//#region src/components/Dialog/Dialog.module.css
+var Dialog_module_default = {
+	"backdrop": "u1ogVa_backdrop",
+	"body": "u1ogVa_body",
+	"close": "u1ogVa_close",
+	"closeIcon": "u1ogVa_closeIcon",
+	"description": "u1ogVa_description",
+	"footer": "u1ogVa_footer",
+	"header": "u1ogVa_header",
+	"popup": "u1ogVa_popup",
+	"title": "u1ogVa_title",
+	"trigger": "u1ogVa_trigger",
+	"viewport": "u1ogVa_viewport",
+	"viewportNonBlocking": "u1ogVa_viewportNonBlocking"
+};
+//#endregion
+exports.default = Dialog_module_default;

package/dist/components/Dialog/Dialog.module.js

@@ -0,0 +1,18 @@
+import './Dialog.css';
+//#region src/components/Dialog/Dialog.module.css
+var Dialog_module_default = {
+	"backdrop": "u1ogVa_backdrop",
+	"body": "u1ogVa_body",
+	"close": "u1ogVa_close",
+	"closeIcon": "u1ogVa_closeIcon",
+	"description": "u1ogVa_description",
+	"footer": "u1ogVa_footer",
+	"header": "u1ogVa_header",
+	"popup": "u1ogVa_popup",
+	"title": "u1ogVa_title",
+	"trigger": "u1ogVa_trigger",
+	"viewport": "u1ogVa_viewport",
+	"viewportNonBlocking": "u1ogVa_viewportNonBlocking"
+};
+//#endregion
+export { Dialog_module_default as default };

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

@@ -1 +1 @@
-export { Dialog, createDialogHandle, DialogTrigger, DialogPortal, DialogBackdrop, DialogViewport, DialogPopup, DialogTitle, DialogDescription, DialogClose, DialogCloseIcon, DialogContent, DialogHeader, DialogBody, DialogFooter, } from './Dialog';
+import { Dialog, DialogBackdrop, DialogBody, DialogClose, DialogCloseIcon, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPopup, DialogPortal, DialogTitle, DialogTrigger, DialogViewport, createDialogHandle } from "./Dialog.js";