@photoroom/ui 0.1.697 → 0.1.698

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 (4) hide show
  1. package/components/dialog/ToolDialog/ToolDialog.d.ts +3 -1
  2. package/components/dialog/ToolDialog/ToolDialog.d.ts.map +1 -1
  3. package/index.mjs +14 -10
  4. package/package.json +1 -1
package/components/dialog/ToolDialog/ToolDialog.d.ts CHANGED
@@ -12,6 +12,8 @@ export type ToolDialogProps = Readonly<{
12
12
  sidePanel?: React.ReactNode;
13
13
  toolbar?: React.ReactNode;
14
14
  footer?: React.ReactNode;
15
+ /** Translated dialog name for assistive tech; the visible title belongs in the side panel header. */
16
+ title: string;
15
17
  hideCloseButton?: boolean;
16
18
  /** Translated accessible name for the close button; defaults to "Close". */
17
19
  closeButtonLabel?: string;
@@ -19,7 +21,7 @@ export type ToolDialogProps = Readonly<{
19
21
  testId?: string;
20
22
  children: React.ReactNode;
21
23
  }>;
22
- export declare function ToolDialog({ open, defaultOpen, onOpenChange, onEscapeKeyDown, onPointerDownOutside, trigger, sidePanel, toolbar, footer, hideCloseButton, closeButtonLabel, className, testId, children, }: ToolDialogProps): import("react").JSX.Element;
24
+ export declare function ToolDialog({ open, defaultOpen, onOpenChange, onEscapeKeyDown, onPointerDownOutside, trigger, sidePanel, toolbar, footer, title, hideCloseButton, closeButtonLabel, className, testId, children, }: ToolDialogProps): import("react").JSX.Element;
23
25
  export declare namespace ToolDialog {
24
26
  export { ToolDialogFooter as Footer };
25
27
  export { ToolDialogSelectionFooter as SelectionFooter };
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":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AACrF,OAAO,KAAK,eAAe,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAExE,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;mCAQwB,EACzB,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,OAAO,EACP,SAAS,EACT,OAAO,EACP,MAAM,EACN,eAAuB,EACvB,gBAAgB,EAChB,SAAS,EACT,MAAM,EACN,QAAQ,GACT,EAAE,eAAe;;aAiEE,gBAAgB;aACP,yBAAyB;aACtB,wBAAwB"}
1
+ {"version":3,"file":"ToolDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/ToolDialog/ToolDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AACrF,OAAO,KAAK,eAAe,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAExE,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,qGAAqG;IACrG,KAAK,EAAE,MAAM,CAAC;IACd,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;mCAQwB,EACzB,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,OAAO,EACP,SAAS,EACT,OAAO,EACP,MAAM,EACN,KAAK,EACL,eAAuB,EACvB,gBAAgB,EAChB,SAAS,EACT,MAAM,EACN,QAAQ,GACT,EAAE,eAAe;;aAkEE,gBAAgB;aACP,yBAAyB;aACtB,wBAAwB"}
package/index.mjs CHANGED
@@ -37282,8 +37282,8 @@ var hY = (e) => /* @__PURE__ */ I("svg", {
37282
37282
  }), _Y = ({ className: e, ...t }) => /* @__PURE__ */ I(iY, {
37283
37283
  className: U("px-4", e),
37284
37284
  ...t
37285
- }), vY = ({ 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 }) => {
37286
- let [m, h] = Fe(!1);
37285
+ }), vY = ({ open: e, defaultOpen: t, onOpenChange: n, onEscapeKeyDown: r, onPointerDownOutside: i, trigger: a, sidePanel: o, toolbar: s, footer: c, title: l, hideCloseButton: u = !1, closeButtonLabel: d, className: f, testId: p, children: m }) => {
37286
+ let [h, g] = Fe(!1);
37287
37287
  return /* @__PURE__ */ L(fJ, {
37288
37288
  open: e,
37289
37289
  defaultOpen: t,
@@ -37292,20 +37292,24 @@ var hY = (e) => /* @__PURE__ */ I("svg", {
37292
37292
  asChild: !0,
37293
37293
  children: a
37294
37294
  }), /* @__PURE__ */ I(vJ, { children: /* @__PURE__ */ I(YJ, { children: /* @__PURE__ */ L(JJ, {
37295
- className: U("flex flex-col overflow-hidden", d),
37296
- "data-testid": f,
37295
+ className: U("flex flex-col overflow-hidden", f),
37296
+ "data-testid": p,
37297
37297
  onEscapeKeyDown: r,
37298
37298
  onPointerDownOutside: i,
37299
37299
  children: [
37300
+ /* @__PURE__ */ I(kJ, {
37301
+ className: "sr-only",
37302
+ children: l
37303
+ }),
37300
37304
  /* @__PURE__ */ L("div", {
37301
37305
  className: "relative flex min-h-0 flex-1",
37302
37306
  children: [o && /* @__PURE__ */ I("div", {
37303
- className: H("bg-surface-primary-elevated 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"),
37307
+ className: H("bg-surface-primary-elevated 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", !h && "max-[800px]:hidden"),
37304
37308
  children: o
37305
37309
  }), /* @__PURE__ */ L("div", {
37306
37310
  className: "bg-surface-canvas relative min-w-0 flex-1",
37307
37311
  children: [(s || o) && /* @__PURE__ */ I("div", {
37308
- className: H("absolute start-3 top-3 z-20", o && m && "max-[800px]:start-80"),
37312
+ className: H("absolute start-3 top-3 z-20", o && h && "max-[800px]:start-80"),
37309
37313
  children: /* @__PURE__ */ L(mY, {
37310
37314
  className: H(!s && "hidden max-[800px]:flex"),
37311
37315
  children: [o && /* @__PURE__ */ L("div", {
@@ -37313,20 +37317,20 @@ var hY = (e) => /* @__PURE__ */ I("svg", {
37313
37317
  children: [/* @__PURE__ */ I(mY.Button, {
37314
37318
  icon: /* @__PURE__ */ I(hY, { className: "size-5" }),
37315
37319
  tooltip: "Toggle sidebar",
37316
- onClick: () => h((e) => !e)
37320
+ onClick: () => g((e) => !e)
37317
37321
  }), s && /* @__PURE__ */ I(mY.Divider, {})]
37318
37322
  }), s]
37319
37323
  })
37320
37324
  }), /* @__PURE__ */ I("div", {
37321
37325
  className: "h-full",
37322
- children: p
37326
+ children: m
37323
37327
  })]
37324
37328
  })]
37325
37329
  }),
37326
37330
  c,
37327
- !l && /* @__PURE__ */ I("div", {
37331
+ !u && /* @__PURE__ */ I("div", {
37328
37332
  className: "absolute inset-e-3 top-3 z-30",
37329
- children: /* @__PURE__ */ I(qJ, { "aria-label": u })
37333
+ children: /* @__PURE__ */ I(qJ, { "aria-label": d })
37330
37334
  })
37331
37335
  ]
37332
37336
  }) }) })]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@photoroom/ui",
3
- "version": "0.1.697",
3
+ "version": "0.1.698",
4
4
  "private": false,
5
5
  "description": "Photoroom design system components",
6
6
  "sideEffects": [