@photoroom/ui 0.1.617 → 0.1.618

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 (8) hide show
  1. package/components/dialog/DialogPrimitive/Content.d.ts +1 -1
  2. package/components/dialog/DialogPrimitive/Content.d.ts.map +1 -1
  3. package/components/dialog/DialogPrimitive/Overlay.d.ts.map +1 -1
  4. package/components/dialog/LegacyDialog/Dialog.d.ts.map +1 -1
  5. package/components/dialog/ToolDialog/ToolDialog.d.ts +2 -1
  6. package/components/dialog/ToolDialog/ToolDialog.d.ts.map +1 -1
  7. package/index.mjs +27 -21
  8. package/package.json +1 -1
package/components/dialog/DialogPrimitive/Content.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import * as RadixDialog from "@radix-ui/react-dialog";
2
2
  export type ContentProps = Readonly<React.ComponentProps<typeof RadixDialog.Content>>;
3
- export declare const Content: ({ className, children, ...rest }: ContentProps) => import("react").JSX.Element;
3
+ export declare const Content: ({ className, children, onPointerDownOutside, ...rest }: ContentProps) => import("react").JSX.Element;
4
4
  //# sourceMappingURL=Content.d.ts.map
package/components/dialog/DialogPrimitive/Content.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/DialogPrimitive/Content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAItD,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AAEtF,eAAO,MAAM,OAAO,qCAAsC,YAAY,gCAarE,CAAC"}
1
+ {"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/DialogPrimitive/Content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAItD,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AAEtF,eAAO,MAAM,OAAO,2DAA4D,YAAY,gCA0B3F,CAAC"}
package/components/dialog/DialogPrimitive/Overlay.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/DialogPrimitive/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAItD,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AAEtF,eAAO,MAAM,OAAO,qCAAsC,YAAY,gCAcrE,CAAC"}
1
+ {"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/DialogPrimitive/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAItD,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AAEtF,eAAO,MAAM,OAAO,qCAAsC,YAAY,gCAerE,CAAC"}
package/components/dialog/LegacyDialog/Dialog.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/LegacyDialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAK7D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,eAAO,MAAM,eAAe;;8EAsB3B,CAAC;AAGF,eAAO,MAAM,eAAe;;8EAmC3B,CAAC;AAEF,gGAAgG;AAChG,MAAM,MAAM,WAAW,GAAG,QAAQ,CAChC;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+FAA+F;IAC/F,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAClD,GAAG,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,aAAa,CAAC,GAC9C,YAAY,CAAC,OAAO,eAAe,CAAC,CACvC,CAAC;+BAGqB,EACrB,IAAY,EACZ,SAAgB,EAChB,eAAuB,EACvB,SAAS,EACT,UAAiB,EACjB,MAAM,EACN,QAAQ,EACR,eAAe,EACf,SAAS,EACT,cAAc,EACd,YAAY,EACZ,MAAM,EACN,MAAM,EACN,OAAO,EACP,gBAAgB,EAChB,eAAe,GAChB,EAAE,WAAW;;aA8EA,UAAU;aACR,YAAY;aACV,cAAc;aACZ,gBAAgB;aACf,iBAAiB"}
1
+ {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/LegacyDialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAK7D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,eAAO,MAAM,eAAe;;8EAsB3B,CAAC;AAGF,eAAO,MAAM,eAAe;;8EAmC3B,CAAC;AAEF,gGAAgG;AAChG,MAAM,MAAM,WAAW,GAAG,QAAQ,CAChC;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+FAA+F;IAC/F,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAClD,GAAG,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,aAAa,CAAC,GAC9C,YAAY,CAAC,OAAO,eAAe,CAAC,CACvC,CAAC;+BAGqB,EACrB,IAAY,EACZ,SAAgB,EAChB,eAAuB,EACvB,SAAS,EACT,UAAiB,EACjB,MAAM,EACN,QAAQ,EACR,eAAe,EACf,SAAS,EACT,cAAc,EACd,YAAY,EACZ,MAAM,EACN,MAAM,EACN,OAAO,EACP,gBAAgB,EAChB,eAAe,GAChB,EAAE,WAAW;;aA+EA,UAAU;aACR,YAAY;aACV,cAAc;aACZ,gBAAgB;aACf,iBAAiB"}
package/components/dialog/ToolDialog/ToolDialog.d.ts CHANGED
@@ -2,6 +2,7 @@ export type ToolDialogProps = Readonly<{
2
2
  open?: boolean;
3
3
  defaultOpen?: boolean;
4
4
  onOpenChange?: (open: boolean) => void;
5
+ onEscapeKeyDown?: (event: KeyboardEvent) => void;
5
6
  trigger?: React.ReactNode;
6
7
  sidePanel?: React.ReactNode;
7
8
  toolbar?: React.ReactNode;
@@ -17,5 +18,5 @@ export type ToolDialogProps = Readonly<{
17
18
  *
18
19
  * https://www.figma.com/design/cHgANa7dtzDDGXk7dKuAOQ/Prism?node-id=76519-18261&m=dev
19
20
  */
20
- export declare const ToolDialog: ({ open, defaultOpen, onOpenChange, trigger, sidePanel, toolbar, footer, hideCloseButton, className, testId, children, }: ToolDialogProps) => import("react").JSX.Element;
21
+ export declare const ToolDialog: ({ open, defaultOpen, onOpenChange, onEscapeKeyDown, trigger, sidePanel, toolbar, footer, hideCloseButton, className, testId, children, }: ToolDialogProps) => import("react").JSX.Element;
21
22
  //# 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,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,4HAYpB,eAAe,gCA6DjB,CAAC"}
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"}
package/index.mjs CHANGED
@@ -36366,6 +36366,7 @@ var MJ = ({ children: e }) => /* @__PURE__ */ L("div", {
36366
36366
  asChild: !0,
36367
36367
  children: /* @__PURE__ */ I("div", {
36368
36368
  ref: _,
36369
+ "data-dialog-overlay": "",
36369
36370
  className: LJ({
36370
36371
  layout: d,
36371
36372
  class: s
@@ -36417,11 +36418,15 @@ var BJ = (e) => /* @__PURE__ */ I(EJ, {
36417
36418
  "data-testid": "dialog-close-button",
36418
36419
  ...e
36419
36420
  })
36420
- }), VJ = ({ className: e, children: t, ...n }) => /* @__PURE__ */ I(_J, {
36421
+ }), VJ = ({ className: e, children: t, onPointerDownOutside: n, ...r }) => /* @__PURE__ */ I(_J, {
36422
+ onPointerDownOutside: (e) => {
36423
+ n?.(e), !(e.defaultPrevented || !(e.target instanceof Element)) && (!e.target.closest("[data-dialog-overlay]") || e.target.closest("[data-sonner-toast]")) && e.preventDefault();
36424
+ },
36421
36425
  className: U("bg-surface-high shadow-700 misc-dialog-rounding relative h-full w-full outline-hidden", "radix-state-closed:animate-dialog-leave radix-state-open:animate-dialog-enter", e),
36422
- ...n,
36426
+ ...r,
36423
36427
  children: t
36424
36428
  }), HJ = ({ className: e, children: t, ...n }) => /* @__PURE__ */ I(pJ, {
36429
+ "data-dialog-overlay": "",
36425
36430
  className: U("misc-dialog-overlay mobile:p-4 fixed inset-0 z-50 h-screen w-screen overflow-y-auto p-6 supports-[height:100dvh]:h-dvh", "radix-state-closed:animate-dialog-overlay-leave radix-state-open:animate-dialog-overlay-enter", e),
36426
36431
  ...n,
36427
36432
  children: /* @__PURE__ */ I("div", {
@@ -36691,47 +36696,48 @@ var aY = (e) => /* @__PURE__ */ I("svg", {
36691
36696
  clipRule: "evenodd",
36692
36697
  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"
36693
36698
  })
36694
- }), oY = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, sidePanel: i, toolbar: a, footer: o, hideCloseButton: s = !1, className: c, testId: l, children: u }) => {
36695
- let [d, f] = Pe(!1);
36699
+ }), oY = ({ 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 }) => {
36700
+ let [f, p] = Pe(!1);
36696
36701
  return /* @__PURE__ */ L(aJ, {
36697
36702
  open: e,
36698
36703
  defaultOpen: t,
36699
36704
  onOpenChange: n,
36700
- children: [r && /* @__PURE__ */ I(sJ, {
36705
+ children: [i && /* @__PURE__ */ I(sJ, {
36701
36706
  asChild: !0,
36702
- children: r
36707
+ children: i
36703
36708
  }), /* @__PURE__ */ I(dJ, { children: /* @__PURE__ */ I(HJ, { children: /* @__PURE__ */ L(VJ, {
36704
- className: U("flex flex-col overflow-hidden", c),
36705
- "data-testid": l,
36709
+ className: U("flex flex-col overflow-hidden", l),
36710
+ "data-testid": u,
36711
+ onEscapeKeyDown: r,
36706
36712
  children: [
36707
36713
  /* @__PURE__ */ L("div", {
36708
36714
  className: "relative flex min-h-0 flex-1",
36709
- children: [i && /* @__PURE__ */ I("div", {
36710
- 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", !d && "max-[800px]:hidden"),
36711
- children: i
36715
+ children: [a && /* @__PURE__ */ I("div", {
36716
+ 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"),
36717
+ children: a
36712
36718
  }), /* @__PURE__ */ L("div", {
36713
36719
  className: "bg-surface-low relative min-w-0 flex-1",
36714
- children: [(a || i) && /* @__PURE__ */ I("div", {
36715
- className: H("absolute start-3 top-3 z-20", i && d && "max-[800px]:start-80"),
36720
+ children: [(o || a) && /* @__PURE__ */ I("div", {
36721
+ className: H("absolute start-3 top-3 z-20", a && f && "max-[800px]:start-80"),
36716
36722
  children: /* @__PURE__ */ L(iY, {
36717
- className: H(!a && "hidden max-[800px]:flex"),
36718
- children: [i && /* @__PURE__ */ L("div", {
36723
+ className: H(!o && "hidden max-[800px]:flex"),
36724
+ children: [a && /* @__PURE__ */ L("div", {
36719
36725
  className: "hidden items-center gap-1 max-[800px]:flex",
36720
36726
  children: [/* @__PURE__ */ I(iY.Button, {
36721
36727
  icon: /* @__PURE__ */ I(aY, { className: "size-5" }),
36722
36728
  tooltip: "Toggle sidebar",
36723
- onClick: () => f((e) => !e)
36724
- }), a && /* @__PURE__ */ I(iY.Divider, {})]
36725
- }), a]
36729
+ onClick: () => p((e) => !e)
36730
+ }), o && /* @__PURE__ */ I(iY.Divider, {})]
36731
+ }), o]
36726
36732
  })
36727
36733
  }), /* @__PURE__ */ I("div", {
36728
36734
  className: "h-full",
36729
- children: u
36735
+ children: d
36730
36736
  })]
36731
36737
  })]
36732
36738
  }),
36733
- o,
36734
- !s && /* @__PURE__ */ I("div", {
36739
+ s,
36740
+ !c && /* @__PURE__ */ I("div", {
36735
36741
  className: "absolute inset-e-3 top-3 z-30",
36736
36742
  children: /* @__PURE__ */ I(BJ, {})
36737
36743
  })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@photoroom/ui",
3
- "version": "0.1.617",
3
+ "version": "0.1.618",
4
4
  "private": false,
5
5
  "description": "Photoroom design system components",
6
6
  "sideEffects": [