@photoroom/ui 0.1.639 → 0.1.640

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/components/dialog/BrowserDialog/BrowserDialog.d.ts +6 -1
  2. package/components/dialog/BrowserDialog/BrowserDialog.d.ts.map +1 -1
  3. package/components/dialog/DialogPrimitive/CloseButton.d.ts +1 -1
  4. package/components/dialog/DialogPrimitive/CloseButton.d.ts.map +1 -1
  5. package/components/dialog/SettingsDialog/SettingsDialog.d.ts +6 -1
  6. package/components/dialog/SettingsDialog/SettingsDialog.d.ts.map +1 -1
  7. package/components/dialog/SpotlightDialog/SpotlightDialog.d.ts +6 -1
  8. package/components/dialog/SpotlightDialog/SpotlightDialog.d.ts.map +1 -1
  9. package/components/dialog/StandardDialog/StandardDialog.d.ts +6 -1
  10. package/components/dialog/StandardDialog/StandardDialog.d.ts.map +1 -1
  11. package/components/dialog/ToolDialog/ToolDialog.d.ts +6 -2
  12. package/components/dialog/ToolDialog/ToolDialog.d.ts.map +1 -1
  13. package/components/dialog/VisualSplitDialog/VisualSplitDialog.d.ts +6 -1
  14. package/components/dialog/VisualSplitDialog/VisualSplitDialog.d.ts.map +1 -1
  15. package/index.mjs +69 -55
  16. package/package.json +1 -1
package/components/dialog/BrowserDialog/BrowserDialog.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { VariantProps } from "class-variance-authority";
2
+ import * as DialogPrimitive from "../DialogPrimitive";
2
3
  import { BrowserDialogAccessoryBar } from "./BrowserDialogAccessoryBar";
3
4
  import { BrowserDialogFooter } from "./BrowserDialogFooter";
4
5
  import { BrowserDialogHeader } from "./BrowserDialogHeader";
@@ -16,12 +17,16 @@ export type BrowserDialogProps = Readonly<{
16
17
  accessory?: React.ReactNode;
17
18
  footer?: React.ReactNode;
18
19
  hideCloseButton?: boolean;
20
+ /** Translated accessible name for the close button; defaults to "Close". */
21
+ closeButtonLabel?: string;
22
+ onEscapeKeyDown?: DialogPrimitive.ContentProps["onEscapeKeyDown"];
23
+ onPointerDownOutside?: DialogPrimitive.ContentProps["onPointerDownOutside"];
19
24
  className?: string;
20
25
  contentClassName?: string;
21
26
  testId?: string;
22
27
  children: React.ReactNode;
23
28
  } & VariantProps<typeof contentVariants>>;
24
- export declare function BrowserDialog({ open, defaultOpen, onOpenChange, trigger, header, accessory, footer, size, hideCloseButton, className, contentClassName, testId, children, }: BrowserDialogProps): import("react").JSX.Element;
29
+ 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;
25
30
  export declare namespace BrowserDialog {
26
31
  export { BrowserDialogHeader as Header };
27
32
  export { BrowserDialogAccessoryBar as AccessoryBar };
package/components/dialog/BrowserDialog/BrowserDialog.d.ts.map CHANGED
@@ -1 +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"}
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;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 CHANGED
@@ -1,4 +1,4 @@
1
1
  import { CloseButtonProps as CloseButtonBaseProps } from "../../action/CloseButton/CloseButton";
2
2
  export type CloseButtonProps = CloseButtonBaseProps;
3
- export declare const CloseButton: (props: CloseButtonProps) => import("react").JSX.Element;
3
+ export declare const CloseButton: ({ "aria-label": ariaLabel, ...props }: CloseButtonProps) => import("react").JSX.Element;
4
4
  //# sourceMappingURL=CloseButton.d.ts.map
package/components/dialog/DialogPrimitive/CloseButton.d.ts.map CHANGED
@@ -1 +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"}
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,0CAAqD,gBAAgB,gCAM5F,CAAC"}
package/components/dialog/SettingsDialog/SettingsDialog.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import * as DialogPrimitive from "../DialogPrimitive";
1
2
  export type SettingsDialogProps = Readonly<{
2
3
  open?: boolean;
3
4
  defaultOpen?: boolean;
@@ -5,6 +6,10 @@ export type SettingsDialogProps = Readonly<{
5
6
  trigger?: React.ReactNode;
6
7
  sidePanel: React.ReactNode;
7
8
  hideCloseButton?: boolean;
9
+ /** Translated accessible name for the close button; defaults to "Close". */
10
+ closeButtonLabel?: string;
11
+ onEscapeKeyDown?: DialogPrimitive.ContentProps["onEscapeKeyDown"];
12
+ onPointerDownOutside?: DialogPrimitive.ContentProps["onPointerDownOutside"];
8
13
  className?: string;
9
14
  testId?: string;
10
15
  children: React.ReactNode;
@@ -15,5 +20,5 @@ export type SettingsDialogProps = Readonly<{
15
20
  *
16
21
  * https://www.figma.com/design/cHgANa7dtzDDGXk7dKuAOQ/Prism?node-id=76519-18164&m=dev
17
22
  */
18
- export declare const SettingsDialog: ({ open, defaultOpen, onOpenChange, trigger, sidePanel, hideCloseButton, className, testId, children, }: SettingsDialogProps) => import("react").JSX.Element;
23
+ export declare const SettingsDialog: ({ open, defaultOpen, onOpenChange, trigger, sidePanel, hideCloseButton, closeButtonLabel, onEscapeKeyDown, onPointerDownOutside, className, testId, children, }: SettingsDialogProps) => import("react").JSX.Element;
19
24
  //# sourceMappingURL=SettingsDialog.d.ts.map
package/components/dialog/SettingsDialog/SettingsDialog.d.ts.map CHANGED
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -1,3 +1,4 @@
1
+ import * as DialogPrimitive from "../DialogPrimitive";
1
2
  import type { CloseButtonProps } from "../DialogPrimitive/CloseButton";
2
3
  export type SpotlightDialogProps = Readonly<{
3
4
  open?: boolean;
@@ -11,8 +12,12 @@ export type SpotlightDialogProps = Readonly<{
11
12
  actions?: React.ReactNode;
12
13
  pagination?: React.ReactNode;
13
14
  hideCloseButton?: boolean;
15
+ /** Translated accessible name for the close button; defaults to "Close". */
16
+ closeButtonLabel?: string;
14
17
  /** The visual decides: the default reads on a dark visual, `secondary` on a light one. */
15
18
  closeButtonVariant?: CloseButtonProps["variant"];
19
+ onEscapeKeyDown?: DialogPrimitive.ContentProps["onEscapeKeyDown"];
20
+ onPointerDownOutside?: DialogPrimitive.ContentProps["onPointerDownOutside"];
16
21
  className?: string;
17
22
  testId?: string;
18
23
  }>;
@@ -22,5 +27,5 @@ export type SpotlightDialogProps = Readonly<{
22
27
  *
23
28
  * https://www.figma.com/design/cHgANa7dtzDDGXk7dKuAOQ/Prism?node-id=76519-18026&m=dev
24
29
  */
25
- export declare const SpotlightDialog: ({ open, defaultOpen, onOpenChange, trigger, visual, title, subtitle, actions, pagination, hideCloseButton, closeButtonVariant, className, testId, }: SpotlightDialogProps) => import("react").JSX.Element;
30
+ 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;
26
31
  //# sourceMappingURL=SpotlightDialog.d.ts.map
package/components/dialog/SpotlightDialog/SpotlightDialog.d.ts.map CHANGED
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -1,3 +1,4 @@
1
+ import * as DialogPrimitive from "../DialogPrimitive";
1
2
  import { StandardDialogFooter } from "./StandardDialogFooter";
2
3
  export type StandardDialogProps = Readonly<{
3
4
  open?: boolean;
@@ -8,11 +9,15 @@ export type StandardDialogProps = Readonly<{
8
9
  subtitle?: string;
9
10
  footer?: React.ReactNode;
10
11
  hideCloseButton?: boolean;
12
+ /** Translated accessible name for the close button; defaults to "Close". */
13
+ closeButtonLabel?: string;
14
+ onEscapeKeyDown?: DialogPrimitive.ContentProps["onEscapeKeyDown"];
15
+ onPointerDownOutside?: DialogPrimitive.ContentProps["onPointerDownOutside"];
11
16
  className?: string;
12
17
  testId?: string;
13
18
  children?: React.ReactNode;
14
19
  }>;
15
- export declare function StandardDialog({ open, defaultOpen, onOpenChange, trigger, title, subtitle, footer, hideCloseButton, className, testId, children, }: StandardDialogProps): import("react").JSX.Element;
20
+ export declare function StandardDialog({ open, defaultOpen, onOpenChange, trigger, title, subtitle, footer, hideCloseButton, closeButtonLabel, onEscapeKeyDown, onPointerDownOutside, className, testId, children, }: StandardDialogProps): import("react").JSX.Element;
16
21
  export declare namespace StandardDialog {
17
22
  export { StandardDialogFooter as Footer };
18
23
  }
package/components/dialog/StandardDialog/StandardDialog.d.ts.map CHANGED
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -1,13 +1,17 @@
1
+ import * as DialogPrimitive from "../DialogPrimitive";
1
2
  export type ToolDialogProps = Readonly<{
2
3
  open?: boolean;
3
4
  defaultOpen?: boolean;
4
5
  onOpenChange?: (open: boolean) => void;
5
- onEscapeKeyDown?: (event: KeyboardEvent) => void;
6
+ onEscapeKeyDown?: DialogPrimitive.ContentProps["onEscapeKeyDown"];
7
+ onPointerDownOutside?: DialogPrimitive.ContentProps["onPointerDownOutside"];
6
8
  trigger?: React.ReactNode;
7
9
  sidePanel?: React.ReactNode;
8
10
  toolbar?: React.ReactNode;
9
11
  footer?: React.ReactNode;
10
12
  hideCloseButton?: boolean;
13
+ /** Translated accessible name for the close button; defaults to "Close". */
14
+ closeButtonLabel?: string;
11
15
  className?: string;
12
16
  testId?: string;
13
17
  children: React.ReactNode;
@@ -18,5 +22,5 @@ export type ToolDialogProps = Readonly<{
18
22
  *
19
23
  * https://www.figma.com/design/cHgANa7dtzDDGXk7dKuAOQ/Prism?node-id=76519-18261&m=dev
20
24
  */
21
- export declare const ToolDialog: ({ open, defaultOpen, onOpenChange, onEscapeKeyDown, trigger, sidePanel, toolbar, footer, hideCloseButton, className, testId, children, }: ToolDialogProps) => import("react").JSX.Element;
25
+ export declare const ToolDialog: ({ open, defaultOpen, onOpenChange, onEscapeKeyDown, onPointerDownOutside, trigger, sidePanel, toolbar, footer, hideCloseButton, closeButtonLabel, className, testId, children, }: ToolDialogProps) => import("react").JSX.Element;
22
26
  //# sourceMappingURL=ToolDialog.d.ts.map
package/components/dialog/ToolDialog/ToolDialog.d.ts.map CHANGED
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -1,4 +1,5 @@
1
1
  import { VariantProps } from "class-variance-authority";
2
+ import * as DialogPrimitive from "../DialogPrimitive";
2
3
  declare const contentVariants: (props?: ({
3
4
  visualRatio?: "1:1" | "2:3" | null | undefined;
4
5
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -11,6 +12,10 @@ export type VisualSplitDialogProps = Readonly<{
11
12
  visual: React.ReactNode;
12
13
  logo?: React.ReactNode;
13
14
  hideCloseButton?: boolean;
15
+ /** Translated accessible name for the close button; defaults to "Close". */
16
+ closeButtonLabel?: string;
17
+ onEscapeKeyDown?: DialogPrimitive.ContentProps["onEscapeKeyDown"];
18
+ onPointerDownOutside?: DialogPrimitive.ContentProps["onPointerDownOutside"];
14
19
  className?: string;
15
20
  testId?: string;
16
21
  children: React.ReactNode;
@@ -22,6 +27,6 @@ export type VisualSplitDialogProps = Readonly<{
22
27
  *
23
28
  * https://www.figma.com/design/cHgANa7dtzDDGXk7dKuAOQ/Prism?node-id=76519-18093&m=dev
24
29
  */
25
- export declare const VisualSplitDialog: ({ open, defaultOpen, onOpenChange, trigger, visual, logo, visualRatio, hideCloseButton, className, testId, children, }: VisualSplitDialogProps) => import("react").JSX.Element;
30
+ export declare const VisualSplitDialog: ({ open, defaultOpen, onOpenChange, trigger, visual, logo, visualRatio, hideCloseButton, closeButtonLabel, onEscapeKeyDown, onPointerDownOutside, className, testId, children, }: VisualSplitDialogProps) => import("react").JSX.Element;
26
31
  export {};
27
32
  //# sourceMappingURL=VisualSplitDialog.d.ts.map
package/components/dialog/VisualSplitDialog/VisualSplitDialog.d.ts.map CHANGED
@@ -1 +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"}
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;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 CHANGED
@@ -36646,12 +36646,12 @@ var zJ = ({ children: e }) => /* @__PURE__ */ L("div", {
36646
36646
  KJ.Body = FJ, KJ.Header = zJ, KJ.Headline = UJ, KJ.ButtonsRow = LJ, KJ.CloseButton = RJ;
36647
36647
  //#endregion
36648
36648
  //#region src/components/dialog/DialogPrimitive/CloseButton.tsx
36649
- var qJ = (e) => /* @__PURE__ */ I(NJ, {
36649
+ var qJ = ({ "aria-label": e = "Close", ...t }) => /* @__PURE__ */ I(NJ, {
36650
36650
  asChild: !0,
36651
36651
  children: /* @__PURE__ */ I(Nd, {
36652
- "aria-label": "Close",
36652
+ "aria-label": e,
36653
36653
  "data-testid": "dialog-close-button",
36654
- ...e
36654
+ ...t
36655
36655
  })
36656
36656
  }), JJ = ({ className: e, children: t, onPointerDownOutside: n, ...r }) => /* @__PURE__ */ I(wJ, {
36657
36657
  onPointerDownOutside: (e) => {
@@ -36696,7 +36696,7 @@ var qJ = (e) => /* @__PURE__ */ I(NJ, {
36696
36696
  className: "flex flex-1 items-center justify-end gap-2",
36697
36697
  children: e
36698
36698
  })]
36699
- }), 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, {
36699
+ }), 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, {
36700
36700
  open: e,
36701
36701
  defaultOpen: t,
36702
36702
  onOpenChange: n,
@@ -36704,8 +36704,10 @@ var qJ = (e) => /* @__PURE__ */ I(NJ, {
36704
36704
  asChild: !0,
36705
36705
  children: r
36706
36706
  }), /* @__PURE__ */ I(vJ, { children: /* @__PURE__ */ I(YJ, { children: /* @__PURE__ */ L(JJ, {
36707
- className: U("flex h-fit w-full max-w-120 flex-col gap-6 p-6", c),
36708
- "data-testid": l,
36707
+ className: U("flex h-fit w-full max-w-120 flex-col gap-6 p-6", d),
36708
+ "data-testid": f,
36709
+ onEscapeKeyDown: l,
36710
+ onPointerDownOutside: u,
36709
36711
  children: [
36710
36712
  /* @__PURE__ */ L("div", {
36711
36713
  className: "flex flex-col gap-2 pe-8",
@@ -36717,11 +36719,11 @@ var qJ = (e) => /* @__PURE__ */ I(NJ, {
36717
36719
  children: a
36718
36720
  })]
36719
36721
  }),
36720
- u,
36722
+ p,
36721
36723
  o,
36722
36724
  !s && /* @__PURE__ */ I("div", {
36723
36725
  className: "absolute inset-e-3 top-3",
36724
- children: /* @__PURE__ */ I(qJ, {})
36726
+ children: /* @__PURE__ */ I(qJ, { "aria-label": c })
36725
36727
  })
36726
36728
  ]
36727
36729
  }) }) })]
@@ -36788,7 +36790,7 @@ var $J = ({ className: e, children: t }) => /* @__PURE__ */ I("div", {
36788
36790
  large: "h-fit max-h-180 max-w-256"
36789
36791
  } },
36790
36792
  defaultVariants: { size: "small" }
36791
- }), 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, {
36793
+ }), 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, {
36792
36794
  open: e,
36793
36795
  defaultOpen: t,
36794
36796
  onOpenChange: n,
@@ -36796,19 +36798,21 @@ var $J = ({ className: e, children: t }) => /* @__PURE__ */ I("div", {
36796
36798
  asChild: !0,
36797
36799
  children: r
36798
36800
  }), /* @__PURE__ */ I(vJ, { children: /* @__PURE__ */ I(YJ, { children: /* @__PURE__ */ L(JJ, {
36799
- className: U(iY({ size: s }), l),
36800
- "data-testid": d,
36801
+ className: U(iY({ size: s }), f),
36802
+ "data-testid": m,
36803
+ onEscapeKeyDown: u,
36804
+ onPointerDownOutside: d,
36801
36805
  children: [
36802
36806
  i,
36803
36807
  a,
36804
36808
  /* @__PURE__ */ I("div", {
36805
- className: U("min-h-0 flex-1 overflow-y-auto px-6 py-4", u),
36806
- children: f
36809
+ className: U("min-h-0 flex-1 overflow-y-auto px-6 py-4", p),
36810
+ children: h
36807
36811
  }),
36808
36812
  o,
36809
36813
  !c && /* @__PURE__ */ I("div", {
36810
36814
  className: "absolute inset-e-3 top-3",
36811
- children: /* @__PURE__ */ I(qJ, {})
36815
+ children: /* @__PURE__ */ I(qJ, { "aria-label": l })
36812
36816
  })
36813
36817
  ]
36814
36818
  }) }) })]
@@ -36931,56 +36935,57 @@ var fY = (e) => /* @__PURE__ */ I("svg", {
36931
36935
  clipRule: "evenodd",
36932
36936
  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"
36933
36937
  })
36934
- }), 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 }) => {
36935
- let [f, p] = Ie(!1);
36938
+ }), 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 }) => {
36939
+ let [m, h] = Ie(!1);
36936
36940
  return /* @__PURE__ */ L(fJ, {
36937
36941
  open: e,
36938
36942
  defaultOpen: t,
36939
36943
  onOpenChange: n,
36940
- children: [i && /* @__PURE__ */ I(mJ, {
36944
+ children: [a && /* @__PURE__ */ I(mJ, {
36941
36945
  asChild: !0,
36942
- children: i
36946
+ children: a
36943
36947
  }), /* @__PURE__ */ I(vJ, { children: /* @__PURE__ */ I(YJ, { children: /* @__PURE__ */ L(JJ, {
36944
- className: U("flex flex-col overflow-hidden", l),
36945
- "data-testid": u,
36948
+ className: U("flex flex-col overflow-hidden", d),
36949
+ "data-testid": f,
36946
36950
  onEscapeKeyDown: r,
36951
+ onPointerDownOutside: i,
36947
36952
  children: [
36948
36953
  /* @__PURE__ */ L("div", {
36949
36954
  className: "relative flex min-h-0 flex-1",
36950
- children: [a && /* @__PURE__ */ I("div", {
36951
- 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"),
36952
- children: a
36955
+ children: [o && /* @__PURE__ */ I("div", {
36956
+ 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"),
36957
+ children: o
36953
36958
  }), /* @__PURE__ */ L("div", {
36954
36959
  className: "bg-surface-low relative min-w-0 flex-1",
36955
- children: [(o || a) && /* @__PURE__ */ I("div", {
36956
- className: H("absolute start-3 top-3 z-20", a && f && "max-[800px]:start-80"),
36960
+ children: [(s || o) && /* @__PURE__ */ I("div", {
36961
+ className: H("absolute start-3 top-3 z-20", o && m && "max-[800px]:start-80"),
36957
36962
  children: /* @__PURE__ */ L(dY, {
36958
- className: H(!o && "hidden max-[800px]:flex"),
36959
- children: [a && /* @__PURE__ */ L("div", {
36963
+ className: H(!s && "hidden max-[800px]:flex"),
36964
+ children: [o && /* @__PURE__ */ L("div", {
36960
36965
  className: "hidden items-center gap-1 max-[800px]:flex",
36961
36966
  children: [/* @__PURE__ */ I(dY.Button, {
36962
36967
  icon: /* @__PURE__ */ I(fY, { className: "size-5" }),
36963
36968
  tooltip: "Toggle sidebar",
36964
- onClick: () => p((e) => !e)
36965
- }), o && /* @__PURE__ */ I(dY.Divider, {})]
36966
- }), o]
36969
+ onClick: () => h((e) => !e)
36970
+ }), s && /* @__PURE__ */ I(dY.Divider, {})]
36971
+ }), s]
36967
36972
  })
36968
36973
  }), /* @__PURE__ */ I("div", {
36969
36974
  className: "h-full",
36970
- children: d
36975
+ children: p
36971
36976
  })]
36972
36977
  })]
36973
36978
  }),
36974
- s,
36975
- !c && /* @__PURE__ */ I("div", {
36979
+ c,
36980
+ !l && /* @__PURE__ */ I("div", {
36976
36981
  className: "absolute inset-e-3 top-3 z-30",
36977
- children: /* @__PURE__ */ I(qJ, {})
36982
+ children: /* @__PURE__ */ I(qJ, { "aria-label": u })
36978
36983
  })
36979
36984
  ]
36980
36985
  }) }) })]
36981
36986
  });
36982
- }, mY = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, sidePanel: i, hideCloseButton: a = !1, className: o, testId: s, children: c }) => {
36983
- let [l, u] = Ie(!1);
36987
+ }, 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 }) => {
36988
+ let [f, p] = Ie(!1);
36984
36989
  return /* @__PURE__ */ L(fJ, {
36985
36990
  open: e,
36986
36991
  defaultOpen: t,
@@ -36989,30 +36994,32 @@ var fY = (e) => /* @__PURE__ */ I("svg", {
36989
36994
  asChild: !0,
36990
36995
  children: r
36991
36996
  }), /* @__PURE__ */ I(vJ, { children: /* @__PURE__ */ I(YJ, { children: /* @__PURE__ */ L(JJ, {
36992
- className: U("relative flex max-w-256 overflow-hidden", o),
36993
- "data-testid": s,
36997
+ className: U("relative flex max-w-256 overflow-hidden", l),
36998
+ "data-testid": u,
36999
+ onEscapeKeyDown: s,
37000
+ onPointerDownOutside: c,
36994
37001
  children: [
36995
37002
  /* @__PURE__ */ I("div", {
36996
- 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"),
37003
+ 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"),
36997
37004
  children: i
36998
37005
  }),
36999
37006
  /* @__PURE__ */ L("div", {
37000
37007
  className: "bg-surface-low relative min-w-0 flex-1",
37001
37008
  children: [/* @__PURE__ */ I("div", {
37002
- className: H("absolute start-3 top-3 z-20 hidden max-[800px]:block", l && "max-[800px]:start-80"),
37009
+ className: H("absolute start-3 top-3 z-20 hidden max-[800px]:block", f && "max-[800px]:start-80"),
37003
37010
  children: /* @__PURE__ */ I(dY, { children: /* @__PURE__ */ I(dY.Button, {
37004
37011
  icon: /* @__PURE__ */ I(fY, { className: "size-5" }),
37005
37012
  tooltip: "Toggle sidebar",
37006
- onClick: () => u((e) => !e)
37013
+ onClick: () => p((e) => !e)
37007
37014
  }) })
37008
37015
  }), /* @__PURE__ */ I("div", {
37009
37016
  className: "h-full overflow-y-auto px-10 py-16",
37010
- children: c
37017
+ children: d
37011
37018
  })]
37012
37019
  }),
37013
37020
  !a && /* @__PURE__ */ I("div", {
37014
37021
  className: "absolute inset-e-3 top-3 z-30",
37015
- children: /* @__PURE__ */ I(qJ, {})
37022
+ children: /* @__PURE__ */ I(qJ, { "aria-label": o })
37016
37023
  })
37017
37024
  ]
37018
37025
  }) }) })]
@@ -37023,7 +37030,7 @@ var fY = (e) => /* @__PURE__ */ I("svg", {
37023
37030
  "1:1": "max-h-110"
37024
37031
  } },
37025
37032
  defaultVariants: { visualRatio: "2:3" }
37026
- }), 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, {
37033
+ }), 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, {
37027
37034
  open: e,
37028
37035
  defaultOpen: t,
37029
37036
  onOpenChange: n,
@@ -37031,8 +37038,10 @@ var fY = (e) => /* @__PURE__ */ I("svg", {
37031
37038
  asChild: !0,
37032
37039
  children: r
37033
37040
  }), /* @__PURE__ */ I(vJ, { children: /* @__PURE__ */ I(YJ, { children: /* @__PURE__ */ L(JJ, {
37034
- className: U(hY({ visualRatio: o }), c),
37035
- "data-testid": l,
37041
+ className: U(hY({ visualRatio: o }), d),
37042
+ "data-testid": f,
37043
+ onEscapeKeyDown: l,
37044
+ onPointerDownOutside: u,
37036
37045
  children: [
37037
37046
  /* @__PURE__ */ L("div", {
37038
37047
  className: "relative w-1/2 shrink-0 overflow-hidden max-[720px]:hidden",
@@ -37043,11 +37052,11 @@ var fY = (e) => /* @__PURE__ */ I("svg", {
37043
37052
  }),
37044
37053
  /* @__PURE__ */ I("div", {
37045
37054
  className: "min-w-0 flex-1 overflow-y-auto p-10",
37046
- children: u
37055
+ children: p
37047
37056
  }),
37048
37057
  !s && /* @__PURE__ */ I("div", {
37049
37058
  className: "absolute inset-e-3 top-3 z-20",
37050
- children: /* @__PURE__ */ I(qJ, {})
37059
+ children: /* @__PURE__ */ I(qJ, { "aria-label": c })
37051
37060
  })
37052
37061
  ]
37053
37062
  }) }) })]
@@ -37326,8 +37335,8 @@ var fY = (e) => /* @__PURE__ */ I("svg", {
37326
37335
  bY.displayName = "SpotlightDialog";
37327
37336
  //#endregion
37328
37337
  //#region src/components/dialog/SpotlightDialog/SpotlightDialog.tsx
37329
- 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 }) => {
37330
- let p = V(null);
37338
+ 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 }) => {
37339
+ let g = V(null);
37331
37340
  return /* @__PURE__ */ L(fJ, {
37332
37341
  open: e,
37333
37342
  defaultOpen: t,
@@ -37336,11 +37345,13 @@ var xY = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, visual: i, tit
37336
37345
  asChild: !0,
37337
37346
  children: r
37338
37347
  }), /* @__PURE__ */ I(vJ, { children: /* @__PURE__ */ I(YJ, { children: /* @__PURE__ */ L(JJ, {
37339
- ref: p,
37340
- className: U("flex h-fit w-full max-w-160 flex-col", d),
37341
- "data-testid": f,
37348
+ ref: g,
37349
+ className: U("flex h-fit w-full max-w-160 flex-col", m),
37350
+ "data-testid": h,
37351
+ onEscapeKeyDown: f,
37352
+ onPointerDownOutside: p,
37342
37353
  onOpenAutoFocus: (e) => {
37343
- e.preventDefault(), p.current?.focus();
37354
+ e.preventDefault(), g.current?.focus();
37344
37355
  },
37345
37356
  children: [
37346
37357
  /* @__PURE__ */ I("div", {
@@ -37371,7 +37382,10 @@ var xY = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, visual: i, tit
37371
37382
  }),
37372
37383
  !l && /* @__PURE__ */ I("div", {
37373
37384
  className: "absolute inset-e-3 top-3 z-10",
37374
- children: /* @__PURE__ */ I(qJ, { variant: u })
37385
+ children: /* @__PURE__ */ I(qJ, {
37386
+ variant: d,
37387
+ "aria-label": u
37388
+ })
37375
37389
  })
37376
37390
  ]
37377
37391
  }) }) })]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@photoroom/ui",
3
- "version": "0.1.639",
3
+ "version": "0.1.640",
4
4
  "private": false,
5
5
  "description": "Photoroom design system components",
6
6
  "sideEffects": [