@umami/react-zen 0.36.0 → 0.37.0

package/dist/index.css

@@ -2572,7 +2572,7 @@ body a.Button_button__N2NhN {
 }
 
 /* virtual-css:css:e93e399a7d084c43e7eb6d4a64b3f486 */
-.Dialog_dialog__YjBmO {
+.Dialog_dialog__OTZlZ {
   position: relative;
   padding: var(--spacing-6);
   box-shadow: var(--box-shadow-4);
@@ -2581,7 +2581,14 @@ body a.Button_button__N2NhN {
   border-radius: var(--border-radius);
   outline: none;
 }
-.Dialog_title__MmNiZ {
+.Dialog_dialog__OTZlZ.Dialog_fullscreen__YmVhY {
+  width: 100vw;
+  height: 100vh;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+}
+.Dialog_title__Yzc2Y {
   font-size: var(--font-size-4);
   font-weight: 700;
   margin-bottom: var(--spacing-3);

package/dist/index.d.ts

@@ -411,8 +411,9 @@ declare module '@umami/react-zen/Dialog' {
     import { DialogProps as AriaDialogProps } from 'react-aria-components';
     interface DialogProps extends AriaDialogProps {
         title?: ReactNode;
+        variant?: 'fullscreen';
     }
-    function Dialog({ title, children, className, ...props }: DialogProps): import("react").JSX.Element;
+    function Dialog({ title, variant, children, className, ...props }: DialogProps): import("react").JSX.Element;
     export { Dialog };
     export type { DialogProps };
 }

package/dist/index.js

@@ -30411,17 +30411,24 @@ var import_classnames14 = __toESM(require_classnames());
 var import_classnames13 = __toESM(require_classnames());
 
 // css-modules:/Users/mikecao/Development/umami-software/react-zen/src/components/Dialog.module.css
-var Dialog_default = { "dialog": "Dialog_dialog__YjBmO", "title": "Dialog_title__MmNiZ" };
+var Dialog_default = { "dialog": "Dialog_dialog__OTZlZ", "fullscreen": "Dialog_fullscreen__YmVhY", "title": "Dialog_title__Yzc2Y" };
 
 // src/components/Dialog.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
-function Dialog({ title, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)($de32f1b87079253c$export$3ddf2d174ce01153, { ...props, className: (0, import_classnames13.default)(Dialog_default.dialog, className), children: ({ close }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: Dialog_default.title, children: title }),
-      typeof children === "function" ? children({ close }) : children
-    ] });
-  } });
+function Dialog({ title, variant, children, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    $de32f1b87079253c$export$3ddf2d174ce01153,
+    {
+      ...props,
+      className: (0, import_classnames13.default)(Dialog_default.dialog, variant && Dialog_default[variant], className),
+      children: ({ close }) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: Dialog_default.title, children: title }),
+          typeof children === "function" ? children({ close }) : children
+        ] });
+      }
+    }
+  );
 }
 
 // src/components/Row.tsx

package/dist/index.mjs

@@ -30312,17 +30312,24 @@ var import_classnames14 = __toESM(require_classnames());
 var import_classnames13 = __toESM(require_classnames());
 
 // css-modules:/Users/mikecao/Development/umami-software/react-zen/src/components/Dialog.module.css
-var Dialog_default = { "dialog": "Dialog_dialog__YjBmO", "title": "Dialog_title__MmNiZ" };
+var Dialog_default = { "dialog": "Dialog_dialog__OTZlZ", "fullscreen": "Dialog_fullscreen__YmVhY", "title": "Dialog_title__Yzc2Y" };
 
 // src/components/Dialog.tsx
 import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
-function Dialog({ title, children, className, ...props }) {
-  return /* @__PURE__ */ jsx20($de32f1b87079253c$export$3ddf2d174ce01153, { ...props, className: (0, import_classnames13.default)(Dialog_default.dialog, className), children: ({ close }) => {
-    return /* @__PURE__ */ jsxs10(Fragment2, { children: [
-      title && /* @__PURE__ */ jsx20("div", { className: Dialog_default.title, children: title }),
-      typeof children === "function" ? children({ close }) : children
-    ] });
-  } });
+function Dialog({ title, variant, children, className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    $de32f1b87079253c$export$3ddf2d174ce01153,
+    {
+      ...props,
+      className: (0, import_classnames13.default)(Dialog_default.dialog, variant && Dialog_default[variant], className),
+      children: ({ close }) => {
+        return /* @__PURE__ */ jsxs10(Fragment2, { children: [
+          title && /* @__PURE__ */ jsx20("div", { className: Dialog_default.title, children: title }),
+          typeof children === "function" ? children({ close }) : children
+        ] });
+      }
+    }
+  );
 }
 
 // src/components/Row.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umami/react-zen",
-  "version": "0.36.0",
+  "version": "0.37.0",
   "description": "React components built by Umami",
   "author": "Umami <hello@umami.is>",
   "license": "MIT",
@@ -49,7 +49,7 @@
     "@fontsource/jetbrains-mono": "^5.0.18",
     "@react-spring/web": "^9.7.5",
     "@umami/esbuild-plugin-css-modules": "0.2.0",
-    "@umami/shiso": "^0.21.0",
+    "@umami/shiso": "^0.22.0",
     "classnames": "^2.5.1",
     "dts-bundle": "^0.7.3",
     "glob": "^10.3.10",

package/styles.css

@@ -2840,7 +2840,7 @@ body a.Button_button__N2NhN {
 }
 
 /* virtual-css:css:e93e399a7d084c43e7eb6d4a64b3f486 */
-.Dialog_dialog__YjBmO {
+.Dialog_dialog__OTZlZ {
   position: relative;
   padding: var(--spacing-6);
   box-shadow: var(--box-shadow-4);
@@ -2849,7 +2849,14 @@ body a.Button_button__N2NhN {
   border-radius: var(--border-radius);
   outline: none;
 }
-.Dialog_title__MmNiZ {
+.Dialog_dialog__OTZlZ.Dialog_fullscreen__YmVhY {
+  width: 100vw;
+  height: 100vh;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+}
+.Dialog_title__Yzc2Y {
   font-size: var(--font-size-4);
   font-weight: 700;
   margin-bottom: var(--spacing-3);