@bug-on/m3-expressive 1.3.5 → 1.3.7

package/dist/overlays.d.mts

@@ -1,9 +1,11 @@
-import { W as SheetValue } from './side-sheet-modal-64FGhDxL.mjs';
-export { B as BaseSheetProps, a as BottomSheet, b as BottomSheetHandle, c as BottomSheetModal, d as BottomSheetModalProps, e as BottomSheetProps, f as BottomSheetSnapPoint, D as Dialog, g as DialogBody, h as DialogClose, i as DialogContent, j as DialogContentProps, k as DialogDescription, l as DialogFooter, m as DialogFullScreenContent, n as DialogFullScreenContentProps, o as DialogHeader, p as DialogIcon, q as DialogOverlay, r as DialogPortal, s as DialogProps, t as DialogTitle, u as DialogTrigger, v as DragHandle, w as DragHandleProps, x as Drawer, y as DrawerClose, z as DrawerContent, A as DrawerContentProps, C as DrawerDescription, E as DrawerFooter, F as DrawerHeader, G as DrawerOverlay, H as DrawerPortal, I as DrawerProps, J as DrawerTitle, K as DrawerTrigger, S as Scrim, L as ScrimProps, M as SheetEdge, N as SheetState, O as SideSheet, P as SideSheetModal, Q as SideSheetModalProps, R as SideSheetProps, U as UseBottomSheetOptions, T as UseBottomSheetReturn, V as useBottomSheet } from './side-sheet-modal-64FGhDxL.mjs';
+import { W as SheetValue } from './side-sheet-modal-kLfHINFZ.mjs';
+export { B as BaseSheetProps, a as BottomSheet, b as BottomSheetHandle, c as BottomSheetModal, d as BottomSheetModalProps, e as BottomSheetProps, f as BottomSheetSnapPoint, D as Dialog, g as DialogBody, h as DialogClose, i as DialogContent, j as DialogContentProps, k as DialogDescription, l as DialogFooter, m as DialogFullScreenContent, n as DialogFullScreenContentProps, o as DialogHeader, p as DialogIcon, q as DialogOverlay, r as DialogPortal, s as DialogProps, t as DialogTitle, u as DialogTrigger, v as DragHandle, w as DragHandleProps, x as Drawer, y as DrawerClose, z as DrawerContent, A as DrawerContentProps, C as DrawerDescription, E as DrawerFooter, F as DrawerHeader, G as DrawerOverlay, H as DrawerPortal, I as DrawerProps, J as DrawerTitle, K as DrawerTrigger, S as Scrim, L as ScrimProps, M as SheetEdge, N as SheetState, O as SideSheet, P as SideSheetModal, Q as SideSheetModalProps, R as SideSheetProps, U as UseBottomSheetOptions, T as UseBottomSheetReturn, V as useBottomSheet } from './side-sheet-modal-kLfHINFZ.mjs';
 import * as React$1 from 'react';
 import { useMotionValue, PanInfo } from 'motion/react';
 import 'react/jsx-runtime';
 import '@radix-ui/react-dialog';
+import './icon-button-BpX9_fwZ.mjs';
+import './md3-xBl4wgND.mjs';
 import './scroll-area-CVS6HyLl.mjs';
 import '@radix-ui/react-scroll-area';
 

package/dist/overlays.d.ts

@@ -1,9 +1,11 @@
-import { W as SheetValue } from './side-sheet-modal-Bd5Qqvp9.js';
-export { B as BaseSheetProps, a as BottomSheet, b as BottomSheetHandle, c as BottomSheetModal, d as BottomSheetModalProps, e as BottomSheetProps, f as BottomSheetSnapPoint, D as Dialog, g as DialogBody, h as DialogClose, i as DialogContent, j as DialogContentProps, k as DialogDescription, l as DialogFooter, m as DialogFullScreenContent, n as DialogFullScreenContentProps, o as DialogHeader, p as DialogIcon, q as DialogOverlay, r as DialogPortal, s as DialogProps, t as DialogTitle, u as DialogTrigger, v as DragHandle, w as DragHandleProps, x as Drawer, y as DrawerClose, z as DrawerContent, A as DrawerContentProps, C as DrawerDescription, E as DrawerFooter, F as DrawerHeader, G as DrawerOverlay, H as DrawerPortal, I as DrawerProps, J as DrawerTitle, K as DrawerTrigger, S as Scrim, L as ScrimProps, M as SheetEdge, N as SheetState, O as SideSheet, P as SideSheetModal, Q as SideSheetModalProps, R as SideSheetProps, U as UseBottomSheetOptions, T as UseBottomSheetReturn, V as useBottomSheet } from './side-sheet-modal-Bd5Qqvp9.js';
+import { W as SheetValue } from './side-sheet-modal-BfdgYjd3.js';
+export { B as BaseSheetProps, a as BottomSheet, b as BottomSheetHandle, c as BottomSheetModal, d as BottomSheetModalProps, e as BottomSheetProps, f as BottomSheetSnapPoint, D as Dialog, g as DialogBody, h as DialogClose, i as DialogContent, j as DialogContentProps, k as DialogDescription, l as DialogFooter, m as DialogFullScreenContent, n as DialogFullScreenContentProps, o as DialogHeader, p as DialogIcon, q as DialogOverlay, r as DialogPortal, s as DialogProps, t as DialogTitle, u as DialogTrigger, v as DragHandle, w as DragHandleProps, x as Drawer, y as DrawerClose, z as DrawerContent, A as DrawerContentProps, C as DrawerDescription, E as DrawerFooter, F as DrawerHeader, G as DrawerOverlay, H as DrawerPortal, I as DrawerProps, J as DrawerTitle, K as DrawerTrigger, S as Scrim, L as ScrimProps, M as SheetEdge, N as SheetState, O as SideSheet, P as SideSheetModal, Q as SideSheetModalProps, R as SideSheetProps, U as UseBottomSheetOptions, T as UseBottomSheetReturn, V as useBottomSheet } from './side-sheet-modal-BfdgYjd3.js';
 import * as React$1 from 'react';
 import { useMotionValue, PanInfo } from 'motion/react';
 import 'react/jsx-runtime';
 import '@radix-ui/react-dialog';
+import './icon-button-DFXp9hze.js';
+import './md3-xBl4wgND.js';
 import './scroll-area-CVS6HyLl.js';
 import '@radix-ui/react-scroll-area';
 

package/dist/overlays.js

@@ -1479,7 +1479,7 @@ var WIDTH_SIZE_STYLES = {
   },
   sm: {
     default: "w-10",
-    narrow: "w-12",
+    narrow: "w-10",
     wide: "w-[3.25rem]"
   },
   md: {
@@ -2031,45 +2031,64 @@ var DialogOverlay = React2__namespace.forwardRef((_a, ref) => {
   ) }));
 });
 DialogOverlay.displayName = "DialogOverlay";
-var DialogContent = React2__namespace.forwardRef((_a, ref) => {
-  var _b = _a, { className, children, hideCloseButton = false } = _b, props = __objRest(_b, ["className", "children", "hideCloseButton"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    RadixDialog__namespace.Content,
-    __spreadProps(__spreadValues({
-      ref,
-      asChild: true,
-      "aria-describedby": void 0
-    }, props), {
-      children: /* @__PURE__ */ jsxRuntime.jsxs(
-        react.m.div,
-        __spreadProps(__spreadValues({
-          className: cn(
-            "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
-            "w-[calc(100%-2rem)] max-w-140",
-            "rounded-[28px] bg-m3-surface-container-high p-6",
-            "shadow-lg outline-none focus-visible:ring-2 focus-visible:ring-m3-primary",
-            className
-          ),
-          role: "dialog"
-        }, MD3_CONTENT_ANIM), {
-          children: [
-            children,
-            !hideCloseButton && /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, { asChild: true, "aria-label": "Close dialog", children: /* @__PURE__ */ jsxRuntime.jsx(
-              IconButton,
-              {
-                size: "sm",
-                colorStyle: "filled",
-                className: "absolute right-4 top-4",
-                "aria-label": "Close",
-                children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "close", "aria-hidden": "true" })
-              }
-            ) })
-          ]
-        })
-      )
-    })
-  );
-});
+var DEFAULT_CLOSE_BTN_PROPS = {
+  size: "sm",
+  colorStyle: "standard",
+  className: "absolute right-4 top-4",
+  "aria-label": "Close"
+};
+var DialogContent = React2__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      children,
+      hideCloseButton = false,
+      closeButtonProps,
+      closeButton
+    } = _b, props = __objRest(_b, [
+      "className",
+      "children",
+      "hideCloseButton",
+      "closeButtonProps",
+      "closeButton"
+    ]);
+    const closeAriaLabel = (() => {
+      var _a2, _b2, _c;
+      if (closeButton == null) {
+        return (_a2 = closeButtonProps == null ? void 0 : closeButtonProps["aria-label"]) != null ? _a2 : DEFAULT_CLOSE_BTN_PROPS["aria-label"];
+      }
+      const el = closeButton;
+      return (_c = (_b2 = el == null ? void 0 : el.props) == null ? void 0 : _b2["aria-label"]) != null ? _c : "Close";
+    })();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      RadixDialog__namespace.Content,
+      __spreadProps(__spreadValues({
+        ref,
+        asChild: true,
+        "aria-describedby": void 0
+      }, props), {
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          react.m.div,
+          __spreadProps(__spreadValues({
+            className: cn(
+              "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
+              "w-[calc(100%-2rem)] max-w-140",
+              "rounded-[28px] bg-m3-surface-container-high p-6",
+              "shadow-lg outline-none focus-visible:ring-2 focus-visible:ring-m3-primary",
+              className
+            ),
+            role: "dialog"
+          }, MD3_CONTENT_ANIM), {
+            children: [
+              children,
+              closeButton != null ? /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, { asChild: true, "aria-label": closeAriaLabel, children: closeButton }) : !hideCloseButton ? /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, { asChild: true, "aria-label": closeAriaLabel, children: /* @__PURE__ */ jsxRuntime.jsx(IconButton, __spreadProps(__spreadValues(__spreadValues({}, DEFAULT_CLOSE_BTN_PROPS), closeButtonProps), { children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "close", "aria-hidden": "true" }) })) }) : null
+            ]
+          })
+        )
+      })
+    );
+  }
+);
 DialogContent.displayName = "DialogContent";
 var DialogIcon = React2__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
@@ -2160,6 +2179,8 @@ var DialogFullScreenContent = React2__namespace.forwardRef(
       title,
       actionLabel,
       onAction,
+      actionButtonProps,
+      closeButtonProps,
       showDivider
     } = _b, props = __objRest(_b, [
       "className",
@@ -2167,8 +2188,11 @@ var DialogFullScreenContent = React2__namespace.forwardRef(
       "title",
       "actionLabel",
       "onAction",
+      "actionButtonProps",
+      "closeButtonProps",
       "showDivider"
     ]);
+    var _a2;
     return /* @__PURE__ */ jsxRuntime.jsx(
       RadixDialog__namespace.Content,
       __spreadProps(__spreadValues({
@@ -2188,16 +2212,33 @@ var DialogFullScreenContent = React2__namespace.forwardRef(
           }, MD3_FULLSCREEN_ANIM), {
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center px-4 h-14 gap-2 bg-m3-surface", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, { asChild: true, "aria-label": "Close dialog", children: /* @__PURE__ */ jsxRuntime.jsx(IconButton, { size: "sm", colorStyle: "filled", "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "close", "aria-hidden": "true" }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  RadixDialog__namespace.Close,
+                  {
+                    asChild: true,
+                    "aria-label": (_a2 = closeButtonProps == null ? void 0 : closeButtonProps["aria-label"]) != null ? _a2 : "Close",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      IconButton,
+                      __spreadProps(__spreadValues({
+                        size: "sm",
+                        colorStyle: "standard",
+                        "aria-label": "Close"
+                      }, closeButtonProps), {
+                        children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "close", "aria-hidden": "true" })
+                      })
+                    )
+                  }
+                ),
                 title && /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "flex-1 text-[22px] leading-7 font-medium truncate pr-2", children: title }),
                 actionLabel && onAction && /* @__PURE__ */ jsxRuntime.jsx(
                   "button",
-                  {
+                  __spreadProps(__spreadValues({
                     type: "button",
                     onClick: onAction,
-                    className: "text-sm font-medium text-m3-primary px-3 py-2 rounded-full hover:bg-m3-primary/8 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-m3-primary transition-colors whitespace-nowrap",
+                    className: "text-sm font-medium text-m3-primary px-3 py-2 rounded-full hover:bg-m3-primary/8 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-m3-primary transition-colors whitespace-nowrap disabled:opacity-[0.38] disabled:pointer-events-none"
+                  }, actionButtonProps), {
                     children: actionLabel
-                  }
+                  })
                 )
               ] }),
               showDivider && /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-m3-outline-variant w-full shrink-0 m-0" }),