@photoroom/ui 0.1.639 → 0.1.641

package/components/dialog/BrowserDialog/BrowserDialog.d.ts

@@ -1,4 +1,5 @@
 import { VariantProps } from "class-variance-authority";
+import * as DialogPrimitive from "../DialogPrimitive";
 import { BrowserDialogAccessoryBar } from "./BrowserDialogAccessoryBar";
 import { BrowserDialogFooter } from "./BrowserDialogFooter";
 import { BrowserDialogHeader } from "./BrowserDialogHeader";
@@ -16,12 +17,16 @@ export type BrowserDialogProps = Readonly<{
     accessory?: React.ReactNode;
     footer?: React.ReactNode;
     hideCloseButton?: boolean;
+    /** Translated accessible name for the close button; defaults to "Close". */
+    closeButtonLabel?: string;
+    onEscapeKeyDown?: DialogPrimitive.ContentProps["onEscapeKeyDown"];
+    onPointerDownOutside?: DialogPrimitive.ContentProps["onPointerDownOutside"];
     className?: string;
     contentClassName?: string;
     testId?: string;
     children: React.ReactNode;
 } & VariantProps<typeof contentVariants>>;
-export declare function BrowserDialog({ open, defaultOpen, onOpenChange, trigger, header, accessory, footer, size, hideCloseButton, className, contentClassName, testId, children, }: BrowserDialogProps): import("react").JSX.Element;
+export declare function BrowserDialog({ open, defaultOpen, onOpenChange, trigger, header, accessory, footer, size, hideCloseButton, closeButtonLabel, onEscapeKeyDown, onPointerDownOutside, className, contentClassName, testId, children, }: BrowserDialogProps): import("react").JSX.Element;
 export declare namespace BrowserDialog {
     export { BrowserDialogHeader as Header };
     export { BrowserDialogAccessoryBar as AccessoryBar };

package/components/dialog/BrowserDialog/BrowserDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BrowserDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/BrowserDialog/BrowserDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAK7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,QAAA,MAAM,eAAe;;8EAWnB,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CACvC;IACE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CACzC,CAAC;sCAO4B,EAC5B,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,EACT,MAAM,EACN,IAAI,EACJ,eAAuB,EACvB,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,QAAQ,GACT,EAAE,kBAAkB;;aA4BE,mBAAmB;aACb,yBAAyB;aAC/B,mBAAmB;aACV,4BAA4B;aACzB,wBAAwB"}
+{"version":3,"file":"BrowserDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/BrowserDialog/BrowserDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAG7D,OAAO,KAAK,eAAe,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,QAAA,MAAM,eAAe;;8EAWnB,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CACvC;IACE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;IAClE,oBAAoB,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAAC;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CACzC,CAAC;sCAO4B,EAC5B,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,EACT,MAAM,EACN,IAAI,EACJ,eAAuB,EACvB,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,QAAQ,GACT,EAAE,kBAAkB;;aA8BE,mBAAmB;aACb,yBAAyB;aAC/B,mBAAmB;aACV,4BAA4B;aACzB,wBAAwB"}

package/components/dialog/DialogPrimitive/CloseButton.d.ts

@@ -1,4 +1,4 @@
 import { CloseButtonProps as CloseButtonBaseProps } from "../../action/CloseButton/CloseButton";
 export type CloseButtonProps = CloseButtonBaseProps;
-export declare const CloseButton: (props: CloseButtonProps) => import("react").JSX.Element;
+export declare const CloseButton: ({ "aria-label": ariaLabel, ...props }: CloseButtonProps) => import("react").JSX.Element;
 //# sourceMappingURL=CloseButton.d.ts.map

package/components/dialog/DialogPrimitive/CloseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/DialogPrimitive/CloseButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,gBAAgB,IAAI,oBAAoB,EACzC,MAAM,sCAAsC,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAEpD,eAAO,MAAM,WAAW,UAAW,gBAAgB,gCAMlD,CAAC"}
+{"version":3,"file":"CloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/DialogPrimitive/CloseButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,gBAAgB,IAAI,oBAAoB,EACzC,MAAM,sCAAsC,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAEpD,eAAO,MAAM,WAAW,0CAAqD,gBAAgB,gCAM5F,CAAC"}

package/components/dialog/SettingsDialog/SettingsDialog.d.ts

@@ -1,3 +1,4 @@
+import * as DialogPrimitive from "../DialogPrimitive";
 export type SettingsDialogProps = Readonly<{
     open?: boolean;
     defaultOpen?: boolean;
@@ -5,6 +6,10 @@ export type SettingsDialogProps = Readonly<{
     trigger?: React.ReactNode;
     sidePanel: React.ReactNode;
     hideCloseButton?: boolean;
+    /** Translated accessible name for the close button; defaults to "Close". */
+    closeButtonLabel?: string;
+    onEscapeKeyDown?: DialogPrimitive.ContentProps["onEscapeKeyDown"];
+    onPointerDownOutside?: DialogPrimitive.ContentProps["onPointerDownOutside"];
     className?: string;
     testId?: string;
     children: React.ReactNode;
@@ -15,5 +20,5 @@ export type SettingsDialogProps = Readonly<{
  *
  * https://www.figma.com/design/cHgANa7dtzDDGXk7dKuAOQ/Prism?node-id=76519-18164&m=dev
  */
-export declare const SettingsDialog: ({ open, defaultOpen, onOpenChange, trigger, sidePanel, hideCloseButton, className, testId, children, }: SettingsDialogProps) => import("react").JSX.Element;
+export declare const SettingsDialog: ({ open, defaultOpen, onOpenChange, trigger, sidePanel, hideCloseButton, closeButtonLabel, onEscapeKeyDown, onPointerDownOutside, className, testId, children, }: SettingsDialogProps) => import("react").JSX.Element;
 //# sourceMappingURL=SettingsDialog.d.ts.map

package/components/dialog/SettingsDialog/SettingsDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/SettingsDialog/SettingsDialog.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,cAAc,2GAUxB,mBAAmB,gCAgDrB,CAAC"}
+{"version":3,"file":"SettingsDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/SettingsDialog/SettingsDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,eAAe,MAAM,oBAAoB,CAAC;AAGtD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;IAClE,oBAAoB,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAAC;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,cAAc,oKAaxB,mBAAmB,gCAkDrB,CAAC"}

package/components/dialog/SpotlightDialog/SpotlightDialog.d.ts

@@ -1,3 +1,4 @@
+import * as DialogPrimitive from "../DialogPrimitive";
 import type { CloseButtonProps } from "../DialogPrimitive/CloseButton";
 export type SpotlightDialogProps = Readonly<{
     open?: boolean;
@@ -11,8 +12,12 @@ export type SpotlightDialogProps = Readonly<{
     actions?: React.ReactNode;
     pagination?: React.ReactNode;
     hideCloseButton?: boolean;
+    /** Translated accessible name for the close button; defaults to "Close". */
+    closeButtonLabel?: string;
     /** The visual decides: the default reads on a dark visual, `secondary` on a light one. */
     closeButtonVariant?: CloseButtonProps["variant"];
+    onEscapeKeyDown?: DialogPrimitive.ContentProps["onEscapeKeyDown"];
+    onPointerDownOutside?: DialogPrimitive.ContentProps["onPointerDownOutside"];
     className?: string;
     testId?: string;
 }>;
@@ -22,5 +27,5 @@ export type SpotlightDialogProps = Readonly<{
  *
  * https://www.figma.com/design/cHgANa7dtzDDGXk7dKuAOQ/Prism?node-id=76519-18026&m=dev
  */
-export declare const SpotlightDialog: ({ open, defaultOpen, onOpenChange, trigger, visual, title, subtitle, actions, pagination, hideCloseButton, closeButtonVariant, className, testId, }: SpotlightDialogProps) => import("react").JSX.Element;
+export declare const SpotlightDialog: ({ open, defaultOpen, onOpenChange, trigger, visual, title, subtitle, actions, pagination, hideCloseButton, closeButtonLabel, closeButtonVariant, onEscapeKeyDown, onPointerDownOutside, className, testId, }: SpotlightDialogProps) => import("react").JSX.Element;
 //# sourceMappingURL=SpotlightDialog.d.ts.map

package/components/dialog/SpotlightDialog/SpotlightDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpotlightDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/SpotlightDialog/SpotlightDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0FAA0F;IAC1F,kBAAkB,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,eAAe,wJAczB,oBAAoB,gCAsDtB,CAAC"}
+{"version":3,"file":"SpotlightDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/SpotlightDialog/SpotlightDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,eAAe,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0FAA0F;IAC1F,kBAAkB,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACjD,eAAe,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;IAClE,oBAAoB,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAAC;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,eAAe,iNAiBzB,oBAAoB,gCA2DtB,CAAC"}

package/components/dialog/StandardDialog/StandardDialog.d.ts

@@ -1,3 +1,4 @@
+import * as DialogPrimitive from "../DialogPrimitive";
 import { StandardDialogFooter } from "./StandardDialogFooter";
 export type StandardDialogProps = Readonly<{
     open?: boolean;
@@ -8,11 +9,15 @@ export type StandardDialogProps = Readonly<{
     subtitle?: string;
     footer?: React.ReactNode;
     hideCloseButton?: boolean;
+    /** Translated accessible name for the close button; defaults to "Close". */
+    closeButtonLabel?: string;
+    onEscapeKeyDown?: DialogPrimitive.ContentProps["onEscapeKeyDown"];
+    onPointerDownOutside?: DialogPrimitive.ContentProps["onPointerDownOutside"];
     className?: string;
     testId?: string;
     children?: React.ReactNode;
 }>;
-export declare function StandardDialog({ open, defaultOpen, onOpenChange, trigger, title, subtitle, footer, hideCloseButton, className, testId, children, }: StandardDialogProps): import("react").JSX.Element;
+export declare function StandardDialog({ open, defaultOpen, onOpenChange, trigger, title, subtitle, footer, hideCloseButton, closeButtonLabel, onEscapeKeyDown, onPointerDownOutside, className, testId, children, }: StandardDialogProps): import("react").JSX.Element;
 export declare namespace StandardDialog {
     export { StandardDialogFooter as Footer };
 }

package/components/dialog/StandardDialog/StandardDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StandardDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/StandardDialog/StandardDialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC,CAAC;uCAQ4B,EAC7B,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,eAAuB,EACvB,SAAS,EACT,MAAM,EACN,QAAQ,GACT,EAAE,mBAAmB;;aAkCE,oBAAoB"}
+{"version":3,"file":"StandardDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/StandardDialog/StandardDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;IAClE,oBAAoB,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAAC;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC,CAAC;uCAQ4B,EAC7B,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,eAAuB,EACvB,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,SAAS,EACT,MAAM,EACN,QAAQ,GACT,EAAE,mBAAmB;;aAoCE,oBAAoB"}

package/components/dialog/ToolDialog/ToolDialog.d.ts

@@ -1,13 +1,17 @@
+import * as DialogPrimitive from "../DialogPrimitive";
 export type ToolDialogProps = Readonly<{
     open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
-    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    onEscapeKeyDown?: DialogPrimitive.ContentProps["onEscapeKeyDown"];
+    onPointerDownOutside?: DialogPrimitive.ContentProps["onPointerDownOutside"];
     trigger?: React.ReactNode;
     sidePanel?: React.ReactNode;
     toolbar?: React.ReactNode;
     footer?: React.ReactNode;
     hideCloseButton?: boolean;
+    /** Translated accessible name for the close button; defaults to "Close". */
+    closeButtonLabel?: string;
     className?: string;
     testId?: string;
     children: React.ReactNode;
@@ -18,5 +22,5 @@ export type ToolDialogProps = Readonly<{
  *
  * https://www.figma.com/design/cHgANa7dtzDDGXk7dKuAOQ/Prism?node-id=76519-18261&m=dev
  */
-export declare const ToolDialog: ({ open, defaultOpen, onOpenChange, onEscapeKeyDown, trigger, sidePanel, toolbar, footer, hideCloseButton, className, testId, children, }: ToolDialogProps) => import("react").JSX.Element;
+export declare const ToolDialog: ({ open, defaultOpen, onOpenChange, onEscapeKeyDown, onPointerDownOutside, trigger, sidePanel, toolbar, footer, hideCloseButton, closeButtonLabel, className, testId, children, }: ToolDialogProps) => import("react").JSX.Element;
 //# sourceMappingURL=ToolDialog.d.ts.map

package/components/dialog/ToolDialog/ToolDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/ToolDialog/ToolDialog.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,UAAU,6IAapB,eAAe,gCA8DjB,CAAC"}
+{"version":3,"file":"ToolDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/ToolDialog/ToolDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,eAAe,MAAM,oBAAoB,CAAC;AAItD,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,eAAe,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;IAClE,oBAAoB,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAAC;IAC5E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,UAAU,qLAepB,eAAe,gCA+DjB,CAAC"}

package/components/dialog/VisualSplitDialog/VisualSplitDialog.d.ts

@@ -1,4 +1,5 @@
 import { VariantProps } from "class-variance-authority";
+import * as DialogPrimitive from "../DialogPrimitive";
 declare const contentVariants: (props?: ({
     visualRatio?: "1:1" | "2:3" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -11,6 +12,10 @@ export type VisualSplitDialogProps = Readonly<{
     visual: React.ReactNode;
     logo?: React.ReactNode;
     hideCloseButton?: boolean;
+    /** Translated accessible name for the close button; defaults to "Close". */
+    closeButtonLabel?: string;
+    onEscapeKeyDown?: DialogPrimitive.ContentProps["onEscapeKeyDown"];
+    onPointerDownOutside?: DialogPrimitive.ContentProps["onPointerDownOutside"];
     className?: string;
     testId?: string;
     children: React.ReactNode;
@@ -22,6 +27,6 @@ export type VisualSplitDialogProps = Readonly<{
  *
  * https://www.figma.com/design/cHgANa7dtzDDGXk7dKuAOQ/Prism?node-id=76519-18093&m=dev
  */
-export declare const VisualSplitDialog: ({ open, defaultOpen, onOpenChange, trigger, visual, logo, visualRatio, hideCloseButton, className, testId, children, }: VisualSplitDialogProps) => import("react").JSX.Element;
+export declare const VisualSplitDialog: ({ open, defaultOpen, onOpenChange, trigger, visual, logo, visualRatio, hideCloseButton, closeButtonLabel, onEscapeKeyDown, onPointerDownOutside, className, testId, children, }: VisualSplitDialogProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=VisualSplitDialog.d.ts.map

package/components/dialog/VisualSplitDialog/VisualSplitDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VisualSplitDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/VisualSplitDialog/VisualSplitDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAK7D,QAAA,MAAM,eAAe;;8EAUnB,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAC3C;IACE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sFAAsF;IACtF,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CACzC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,2HAY3B,sBAAsB,gCAyBxB,CAAC"}
+{"version":3,"file":"VisualSplitDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/VisualSplitDialog/VisualSplitDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAG7D,OAAO,KAAK,eAAe,MAAM,oBAAoB,CAAC;AAEtD,QAAA,MAAM,eAAe;;8EAUnB,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAC3C;IACE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sFAAsF;IACtF,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;IAClE,oBAAoB,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAAC;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CACzC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,oLAe3B,sBAAsB,gCA2BxB,CAAC"}

package/index.mjs

@@ -12751,7 +12751,7 @@ var $h = `${Qh}/api`;
 var eg = `${process.env.REACT_APP_URL}`;
 `${eg}`, `${eg}`, `${Qh}`;
 //#endregion
-//#region ../../node_modules/.pnpm/zod@4.6.1/node_modules/zod/v4/core/util.js
+//#region ../../node_modules/.pnpm/zod@4.6.2/node_modules/zod/v4/core/util.js
 function tg(e) {
 	let t = Object.values(e).filter((e) => typeof e == "number");
 	return Object.entries(e).filter(([e, n]) => t.indexOf(+e) === -1).map(([e, t]) => t);
@@ -13159,7 +13159,7 @@ function c_(e) {
 	return t[s_] = !0, t;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/zod@4.6.1/node_modules/zod/v4/core/core.js
+//#region ../../node_modules/.pnpm/zod@4.6.2/node_modules/zod/v4/core/core.js
 var l_, u_ = {
 	value: void 0,
 	enumerable: !1
@@ -13240,7 +13240,7 @@ function h_(e) {
 	return e && Object.assign(m_, e), m_;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/zod@4.6.1/node_modules/zod/v4/core/errors.js
+//#region ../../node_modules/.pnpm/zod@4.6.2/node_modules/zod/v4/core/errors.js
 function ise() {
 	let e = this._zod;
 	return e.message ??= JSON.stringify(e.def, rg, 2), e.message;
@@ -13327,7 +13327,7 @@ function use(e, t = (e) => e.message) {
 	return r(e), n;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/zod@4.6.1/node_modules/zod/v4/core/parse.js
+//#region ../../node_modules/.pnpm/zod@4.6.2/node_modules/zod/v4/core/parse.js
 function y_(e, t) {
 	return {
 		callee: t?.callee ?? e,
@@ -13671,7 +13671,7 @@ var Jse = /^[\s\S]{0,}$/, Yse = /^[^A-Z]*$/, Xse = /^[^a-z]*$/, O_ = /*@__PURE__
 }, cce = {
 	major: 4,
 	minor: 6,
-	patch: 1
+	patch: 2
 }, j_ = /*@__PURE__*/ K("$ZodType", (e, t) => {
 	var n;
 	e ??= {}, e._zod.def = t, e._zod.bag = e._zod.bag || {}, e._zod.version = cce;
@@ -14045,7 +14045,7 @@ function V_(e, t, n, r, i, a) {
 			});
 			return;
 		}
-		e.value === void 0 ? o && (t.value[n] = void 0) : t.value[n] = e.value;
+		e.value === void 0 ? (o || i === "defaulted" && !s) && (t.value[n] = void 0) : t.value[n] = e.value;
 	}
 }
 var Gce = [];
@@ -14182,19 +14182,14 @@ var Kce = /*@__PURE__*/ K("$ZodObject", (e, t) => {
         }
 
       `);
-			} else f ? o.write(`
+			} else f ? (o.write(`
         if (${n}.issues.length) {${c(n, r)}
         }
-        
-        if (${n}.value === undefined) {
-          if (${i}) {
-            newResult[${r}] = undefined;
-          }
-        } else {
+      `), d === "defaulted" ? o.write(`newResult[${r}] = ${n}.value;`) : o.write(`
+        if (${n}.value !== undefined || ${i}) {
           newResult[${r}] = ${n}.value;
         }
-
-      `) : o.write(`
+      `)) : o.write(`
         const ${n}_present = ${i};
         if (${n}.issues.length) {${c(n, r)}
         }
@@ -14516,7 +14511,7 @@ function ev(e, t, n, r) {
 	}
 }
 //#endregion
-//#region ../../node_modules/.pnpm/zod@4.6.1/node_modules/zod/v4/core/memoizer.js
+//#region ../../node_modules/.pnpm/zod@4.6.2/node_modules/zod/v4/core/memoizer.js
 var cle = class extends Error {
 	constructor() {
 		super("Cannot parse a reference cycle that closes through a transform"), this.name = "ZodCyclicError";
@@ -14704,7 +14699,7 @@ function pv(e, t) {
 	return n !== void 0 && rv(t) && n.has(t);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/zod@4.6.1/node_modules/zod/v4/locales/en.js
+//#region ../../node_modules/.pnpm/zod@4.6.2/node_modules/zod/v4/locales/en.js
 var mv = () => {
 	let e = {
 		string: {
@@ -14796,7 +14791,7 @@ function hv() {
 	return { localeError: mv() };
 }
 //#endregion
-//#region ../../node_modules/.pnpm/zod@4.6.1/node_modules/zod/v4/core/registries.js
+//#region ../../node_modules/.pnpm/zod@4.6.2/node_modules/zod/v4/core/registries.js
 var gv, _v = class {
 	constructor() {
 		this._map = /* @__PURE__ */ new WeakMap(), this._idmap = /* @__PURE__ */ new Map();
@@ -14835,7 +14830,7 @@ function vv() {
 (gv = globalThis).__zod_globalRegistry ?? (gv.__zod_globalRegistry = vv());
 var yv = globalThis.__zod_globalRegistry;
 //#endregion
-//#region ../../node_modules/.pnpm/zod@4.6.1/node_modules/zod/v4/core/api.js
+//#region ../../node_modules/.pnpm/zod@4.6.2/node_modules/zod/v4/core/api.js
 // @__NO_SIDE_EFFECTS__
 function bv(e, t) {
 	return new e({
@@ -15257,7 +15252,7 @@ function py(e, t) {
 	return n._zod.check = e, n;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/zod@4.6.1/node_modules/zod/v4/core/to-json-schema.js
+//#region ../../node_modules/.pnpm/zod@4.6.2/node_modules/zod/v4/core/to-json-schema.js
 function my(e, ...t) {
 	for (let n of t) for (let t of Reflect.ownKeys(n)) Object.prototype.propertyIsEnumerable.call(n, t) && sg(e, t, n[t]);
 	return e;
@@ -15832,7 +15827,7 @@ var mb = /*@__PURE__*/ K("ZodError", (e, t) => {
 	}));
 }, void 0, { Parent: Error }), hb = /* @__PURE__ */ b_(mb), gb = /* @__PURE__ */ x_(mb), _b = /* @__PURE__ */ S_(mb), vb = /* @__PURE__ */ w_(mb), yb = /* @__PURE__ */ gse(mb), bb = /* @__PURE__ */ _se(mb), xb = /* @__PURE__ */ vse(mb), Sb = /* @__PURE__ */ yse(mb), Cb = /* @__PURE__ */ bse(mb), wb = /* @__PURE__ */ xse(mb), Tb = /* @__PURE__ */ Sse(mb), Eb = /* @__PURE__ */ Cse(mb);
 //#endregion
-//#region ../../node_modules/.pnpm/zod@4.6.1/node_modules/zod/v4/classic/schemas.js
+//#region ../../node_modules/.pnpm/zod@4.6.2/node_modules/zod/v4/classic/schemas.js
 function Db() {
 	m_.localeError || h_(hv());
 }
@@ -36646,12 +36641,12 @@ var zJ = ({ children: e }) => /* @__PURE__ */ L("div", {
 KJ.Body = FJ, KJ.Header = zJ, KJ.Headline = UJ, KJ.ButtonsRow = LJ, KJ.CloseButton = RJ;
 //#endregion
 //#region src/components/dialog/DialogPrimitive/CloseButton.tsx
-var qJ = (e) => /* @__PURE__ */ I(NJ, {
+var qJ = ({ "aria-label": e = "Close", ...t }) => /* @__PURE__ */ I(NJ, {
 	asChild: !0,
 	children: /* @__PURE__ */ I(Nd, {
-		"aria-label": "Close",
+		"aria-label": e,
 		"data-testid": "dialog-close-button",
-		...e
+		...t
 	})
 }), JJ = ({ className: e, children: t, onPointerDownOutside: n, ...r }) => /* @__PURE__ */ I(wJ, {
 	onPointerDownOutside: (e) => {
@@ -36696,7 +36691,7 @@ var qJ = (e) => /* @__PURE__ */ I(NJ, {
 		className: "flex flex-1 items-center justify-end gap-2",
 		children: e
 	})]
-}), QJ = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, title: i, subtitle: a, footer: o, hideCloseButton: s = !1, className: c, testId: l, children: u }) => /* @__PURE__ */ L(fJ, {
+}), QJ = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, title: i, subtitle: a, footer: o, hideCloseButton: s = !1, closeButtonLabel: c, onEscapeKeyDown: l, onPointerDownOutside: u, className: d, testId: f, children: p }) => /* @__PURE__ */ L(fJ, {
 	open: e,
 	defaultOpen: t,
 	onOpenChange: n,
@@ -36704,8 +36699,10 @@ var qJ = (e) => /* @__PURE__ */ I(NJ, {
 		asChild: !0,
 		children: r
 	}), /* @__PURE__ */ I(vJ, { children: /* @__PURE__ */ I(YJ, { children: /* @__PURE__ */ L(JJ, {
-		className: U("flex h-fit w-full max-w-120 flex-col gap-6 p-6", c),
-		"data-testid": l,
+		className: U("flex h-fit w-full max-w-120 flex-col gap-6 p-6", d),
+		"data-testid": f,
+		onEscapeKeyDown: l,
+		onPointerDownOutside: u,
 		children: [
 			/* @__PURE__ */ L("div", {
 				className: "flex flex-col gap-2 pe-8",
@@ -36717,11 +36714,11 @@ var qJ = (e) => /* @__PURE__ */ I(NJ, {
 					children: a
 				})]
 			}),
-			u,
+			p,
 			o,
 			!s && /* @__PURE__ */ I("div", {
 				className: "absolute inset-e-3 top-3",
-				children: /* @__PURE__ */ I(qJ, {})
+				children: /* @__PURE__ */ I(qJ, { "aria-label": c })
 			})
 		]
 	}) }) })]
@@ -36788,7 +36785,7 @@ var $J = ({ className: e, children: t }) => /* @__PURE__ */ I("div", {
 		large: "h-fit max-h-180 max-w-256"
 	} },
 	defaultVariants: { size: "small" }
-}), aY = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, header: i, accessory: a, footer: o, size: s, hideCloseButton: c = !1, className: l, contentClassName: u, testId: d, children: f }) => /* @__PURE__ */ L(fJ, {
+}), aY = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, header: i, accessory: a, footer: o, size: s, hideCloseButton: c = !1, closeButtonLabel: l, onEscapeKeyDown: u, onPointerDownOutside: d, className: f, contentClassName: p, testId: m, children: h }) => /* @__PURE__ */ L(fJ, {
 	open: e,
 	defaultOpen: t,
 	onOpenChange: n,
@@ -36796,19 +36793,21 @@ var $J = ({ className: e, children: t }) => /* @__PURE__ */ I("div", {
 		asChild: !0,
 		children: r
 	}), /* @__PURE__ */ I(vJ, { children: /* @__PURE__ */ I(YJ, { children: /* @__PURE__ */ L(JJ, {
-		className: U(iY({ size: s }), l),
-		"data-testid": d,
+		className: U(iY({ size: s }), f),
+		"data-testid": m,
+		onEscapeKeyDown: u,
+		onPointerDownOutside: d,
 		children: [
 			i,
 			a,
 			/* @__PURE__ */ I("div", {
-				className: U("min-h-0 flex-1 overflow-y-auto px-6 py-4", u),
-				children: f
+				className: U("min-h-0 flex-1 overflow-y-auto px-6 py-4", p),
+				children: h
 			}),
 			o,
 			!c && /* @__PURE__ */ I("div", {
 				className: "absolute inset-e-3 top-3",
-				children: /* @__PURE__ */ I(qJ, {})
+				children: /* @__PURE__ */ I(qJ, { "aria-label": l })
 			})
 		]
 	}) }) })]
@@ -36931,56 +36930,57 @@ var fY = (e) => /* @__PURE__ */ I("svg", {
 		clipRule: "evenodd",
 		d: "M4.16667 3.33333C2.78595 3.33333 1.66667 4.45262 1.66667 5.83333L1.66667 14.1667C1.66667 15.5474 2.78595 16.6667 4.16667 16.6667L15.8333 16.6667C17.214 16.6667 18.3333 15.5474 18.3333 14.1667L18.3333 5.83333C18.3333 4.45262 17.214 3.33333 15.8333 3.33333L4.16667 3.33333ZM3.33333 5.83333C3.33333 5.3731 3.70643 5 4.16667 5L6.66667 5L6.66667 15L4.16667 15C3.70643 15 3.33333 14.6269 3.33333 14.1667L3.33333 5.83333ZM8.33333 15L15.8333 15C16.2936 15 16.6667 14.6269 16.6667 14.1667L16.6667 5.83333C16.6667 5.37309 16.2936 5 15.8333 5L8.33333 5L8.33333 15Z"
 	})
-}), pY = ({ open: e, defaultOpen: t, onOpenChange: n, onEscapeKeyDown: r, trigger: i, sidePanel: a, toolbar: o, footer: s, hideCloseButton: c = !1, className: l, testId: u, children: d }) => {
-	let [f, p] = Ie(!1);
+}), pY = ({ open: e, defaultOpen: t, onOpenChange: n, onEscapeKeyDown: r, onPointerDownOutside: i, trigger: a, sidePanel: o, toolbar: s, footer: c, hideCloseButton: l = !1, closeButtonLabel: u, className: d, testId: f, children: p }) => {
+	let [m, h] = Ie(!1);
 	return /* @__PURE__ */ L(fJ, {
 		open: e,
 		defaultOpen: t,
 		onOpenChange: n,
-		children: [i && /* @__PURE__ */ I(mJ, {
+		children: [a && /* @__PURE__ */ I(mJ, {
 			asChild: !0,
-			children: i
+			children: a
 		}), /* @__PURE__ */ I(vJ, { children: /* @__PURE__ */ I(YJ, { children: /* @__PURE__ */ L(JJ, {
-			className: U("flex flex-col overflow-hidden", l),
-			"data-testid": u,
+			className: U("flex flex-col overflow-hidden", d),
+			"data-testid": f,
 			onEscapeKeyDown: r,
+			onPointerDownOutside: i,
 			children: [
 				/* @__PURE__ */ L("div", {
 					className: "relative flex min-h-0 flex-1",
-					children: [a && /* @__PURE__ */ I("div", {
-						className: H("bg-surface-high border-misc-divider flex w-80 shrink-0 flex-col overflow-y-auto border-e", "max-[800px]:border-misc-border max-[800px]:rounded-500 max-[800px]:absolute max-[800px]:inset-y-3 max-[800px]:start-3 max-[800px]:z-10 max-[800px]:w-74 max-[800px]:border", !f && "max-[800px]:hidden"),
-						children: a
+					children: [o && /* @__PURE__ */ I("div", {
+						className: H("bg-surface-high border-misc-divider flex w-80 shrink-0 flex-col overflow-y-auto border-e", "max-[800px]:border-misc-border max-[800px]:rounded-500 max-[800px]:absolute max-[800px]:inset-y-3 max-[800px]:start-3 max-[800px]:z-10 max-[800px]:w-74 max-[800px]:border", !m && "max-[800px]:hidden"),
+						children: o
 					}), /* @__PURE__ */ L("div", {
 						className: "bg-surface-low relative min-w-0 flex-1",
-						children: [(o || a) && /* @__PURE__ */ I("div", {
-							className: H("absolute start-3 top-3 z-20", a && f && "max-[800px]:start-80"),
+						children: [(s || o) && /* @__PURE__ */ I("div", {
+							className: H("absolute start-3 top-3 z-20", o && m && "max-[800px]:start-80"),
 							children: /* @__PURE__ */ L(dY, {
-								className: H(!o && "hidden max-[800px]:flex"),
-								children: [a && /* @__PURE__ */ L("div", {
+								className: H(!s && "hidden max-[800px]:flex"),
+								children: [o && /* @__PURE__ */ L("div", {
 									className: "hidden items-center gap-1 max-[800px]:flex",
 									children: [/* @__PURE__ */ I(dY.Button, {
 										icon: /* @__PURE__ */ I(fY, { className: "size-5" }),
 										tooltip: "Toggle sidebar",
-										onClick: () => p((e) => !e)
-									}), o && /* @__PURE__ */ I(dY.Divider, {})]
-								}), o]
+										onClick: () => h((e) => !e)
+									}), s && /* @__PURE__ */ I(dY.Divider, {})]
+								}), s]
 							})
 						}), /* @__PURE__ */ I("div", {
 							className: "h-full",
-							children: d
+							children: p
 						})]
 					})]
 				}),
-				s,
-				!c && /* @__PURE__ */ I("div", {
+				c,
+				!l && /* @__PURE__ */ I("div", {
 					className: "absolute inset-e-3 top-3 z-30",
-					children: /* @__PURE__ */ I(qJ, {})
+					children: /* @__PURE__ */ I(qJ, { "aria-label": u })
 				})
 			]
 		}) }) })]
 	});
-}, mY = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, sidePanel: i, hideCloseButton: a = !1, className: o, testId: s, children: c }) => {
-	let [l, u] = Ie(!1);
+}, mY = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, sidePanel: i, hideCloseButton: a = !1, closeButtonLabel: o, onEscapeKeyDown: s, onPointerDownOutside: c, className: l, testId: u, children: d }) => {
+	let [f, p] = Ie(!1);
 	return /* @__PURE__ */ L(fJ, {
 		open: e,
 		defaultOpen: t,
@@ -36989,30 +36989,32 @@ var fY = (e) => /* @__PURE__ */ I("svg", {
 			asChild: !0,
 			children: r
 		}), /* @__PURE__ */ I(vJ, { children: /* @__PURE__ */ I(YJ, { children: /* @__PURE__ */ L(JJ, {
-			className: U("relative flex max-w-256 overflow-hidden", o),
-			"data-testid": s,
+			className: U("relative flex max-w-256 overflow-hidden", l),
+			"data-testid": u,
+			onEscapeKeyDown: s,
+			onPointerDownOutside: c,
 			children: [
 				/* @__PURE__ */ I("div", {
-					className: H("bg-surface-high border-misc-divider w-80 shrink-0 overflow-y-auto border-e p-4", "max-[800px]:border-misc-border max-[800px]:rounded-500 max-[800px]:absolute max-[800px]:inset-y-3 max-[800px]:start-3 max-[800px]:z-10 max-[800px]:w-74 max-[800px]:border", !l && "max-[800px]:hidden"),
+					className: H("bg-surface-high border-misc-divider w-80 shrink-0 overflow-y-auto border-e p-4", "max-[800px]:border-misc-border max-[800px]:rounded-500 max-[800px]:absolute max-[800px]:inset-y-3 max-[800px]:start-3 max-[800px]:z-10 max-[800px]:w-74 max-[800px]:border", !f && "max-[800px]:hidden"),
 					children: i
 				}),
 				/* @__PURE__ */ L("div", {
 					className: "bg-surface-low relative min-w-0 flex-1",
 					children: [/* @__PURE__ */ I("div", {
-						className: H("absolute start-3 top-3 z-20 hidden max-[800px]:block", l && "max-[800px]:start-80"),
+						className: H("absolute start-3 top-3 z-20 hidden max-[800px]:block", f && "max-[800px]:start-80"),
 						children: /* @__PURE__ */ I(dY, { children: /* @__PURE__ */ I(dY.Button, {
 							icon: /* @__PURE__ */ I(fY, { className: "size-5" }),
 							tooltip: "Toggle sidebar",
-							onClick: () => u((e) => !e)
+							onClick: () => p((e) => !e)
 						}) })
 					}), /* @__PURE__ */ I("div", {
 						className: "h-full overflow-y-auto px-10 py-16",
-						children: c
+						children: d
 					})]
 				}),
 				!a && /* @__PURE__ */ I("div", {
 					className: "absolute inset-e-3 top-3 z-30",
-					children: /* @__PURE__ */ I(qJ, {})
+					children: /* @__PURE__ */ I(qJ, { "aria-label": o })
 				})
 			]
 		}) }) })]
@@ -37023,7 +37025,7 @@ var fY = (e) => /* @__PURE__ */ I("svg", {
 		"1:1": "max-h-110"
 	} },
 	defaultVariants: { visualRatio: "2:3" }
-}), gY = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, visual: i, logo: a, visualRatio: o, hideCloseButton: s = !1, className: c, testId: l, children: u }) => /* @__PURE__ */ L(fJ, {
+}), gY = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, visual: i, logo: a, visualRatio: o, hideCloseButton: s = !1, closeButtonLabel: c, onEscapeKeyDown: l, onPointerDownOutside: u, className: d, testId: f, children: p }) => /* @__PURE__ */ L(fJ, {
 	open: e,
 	defaultOpen: t,
 	onOpenChange: n,
@@ -37031,8 +37033,10 @@ var fY = (e) => /* @__PURE__ */ I("svg", {
 		asChild: !0,
 		children: r
 	}), /* @__PURE__ */ I(vJ, { children: /* @__PURE__ */ I(YJ, { children: /* @__PURE__ */ L(JJ, {
-		className: U(hY({ visualRatio: o }), c),
-		"data-testid": l,
+		className: U(hY({ visualRatio: o }), d),
+		"data-testid": f,
+		onEscapeKeyDown: l,
+		onPointerDownOutside: u,
 		children: [
 			/* @__PURE__ */ L("div", {
 				className: "relative w-1/2 shrink-0 overflow-hidden max-[720px]:hidden",
@@ -37043,11 +37047,11 @@ var fY = (e) => /* @__PURE__ */ I("svg", {
 			}),
 			/* @__PURE__ */ I("div", {
 				className: "min-w-0 flex-1 overflow-y-auto p-10",
-				children: u
+				children: p
 			}),
 			!s && /* @__PURE__ */ I("div", {
 				className: "absolute inset-e-3 top-3 z-20",
-				children: /* @__PURE__ */ I(qJ, {})
+				children: /* @__PURE__ */ I(qJ, { "aria-label": c })
 			})
 		]
 	}) }) })]
@@ -37326,8 +37330,8 @@ var fY = (e) => /* @__PURE__ */ I("svg", {
 bY.displayName = "SpotlightDialog";
 //#endregion
 //#region src/components/dialog/SpotlightDialog/SpotlightDialog.tsx
-var xY = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, visual: i, title: a, subtitle: o, actions: s, pagination: c, hideCloseButton: l = !1, closeButtonVariant: u = "secondary-on-dark", className: d, testId: f }) => {
-	let p = V(null);
+var xY = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, visual: i, title: a, subtitle: o, actions: s, pagination: c, hideCloseButton: l = !1, closeButtonLabel: u, closeButtonVariant: d = "secondary-on-dark", onEscapeKeyDown: f, onPointerDownOutside: p, className: m, testId: h }) => {
+	let g = V(null);
 	return /* @__PURE__ */ L(fJ, {
 		open: e,
 		defaultOpen: t,
@@ -37336,11 +37340,13 @@ var xY = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, visual: i, tit
 			asChild: !0,
 			children: r
 		}), /* @__PURE__ */ I(vJ, { children: /* @__PURE__ */ I(YJ, { children: /* @__PURE__ */ L(JJ, {
-			ref: p,
-			className: U("flex h-fit w-full max-w-160 flex-col", d),
-			"data-testid": f,
+			ref: g,
+			className: U("flex h-fit w-full max-w-160 flex-col", m),
+			"data-testid": h,
+			onEscapeKeyDown: f,
+			onPointerDownOutside: p,
 			onOpenAutoFocus: (e) => {
-				e.preventDefault(), p.current?.focus();
+				e.preventDefault(), g.current?.focus();
 			},
 			children: [
 				/* @__PURE__ */ I("div", {
@@ -37371,7 +37377,10 @@ var xY = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, visual: i, tit
 				}),
 				!l && /* @__PURE__ */ I("div", {
 					className: "absolute inset-e-3 top-3 z-10",
-					children: /* @__PURE__ */ I(qJ, { variant: u })
+					children: /* @__PURE__ */ I(qJ, {
+						variant: d,
+						"aria-label": u
+					})
 				})
 			]
 		}) }) })]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@photoroom/ui",
-  "version": "0.1.639",
+  "version": "0.1.641",
   "private": false,
   "description": "Photoroom design system components",
   "sideEffects": [
@@ -37,7 +37,7 @@
   "dependencies": {
     "@img-comparison-slider/react": "8.0.2",
     "@lottiefiles/react-lottie-player": "3.6.0",
-    "@photoroom/icons": "0.1.44",
+    "@photoroom/icons": "0.1.45",
     "@radix-ui/react-accordion": "1.2.20",
     "@radix-ui/react-avatar": "1.2.6",
     "@radix-ui/react-checkbox": "1.3.11",