@photoroom/ui 0.1.645 → 0.1.647

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

@@ -4,6 +4,8 @@ export type SettingsDialogProps = Readonly<{
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
     trigger?: React.ReactNode;
+    /** Accessible name of the dialog; visually hidden. */
+    title: string;
     sidePanel: React.ReactNode;
     hideCloseButton?: boolean;
     /** Translated accessible name for the close button; defaults to "Close". */
@@ -20,5 +22,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, closeButtonLabel, onEscapeKeyDown, onPointerDownOutside, className, testId, children, }: SettingsDialogProps) => import("react").JSX.Element;
+export declare const SettingsDialog: ({ open, defaultOpen, onOpenChange, trigger, title, 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":"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"}
+{"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,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,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,2KAcxB,mBAAmB,gCAmDrB,CAAC"}

package/components/website/ValuesBlock/ValueCard.d.ts

@@ -1,7 +1,7 @@
 export type ValueCardProps = Readonly<{
     icon?: React.ReactNode;
     title: string;
-    description: string;
+    description: React.ReactNode;
     cardCount?: number;
 }> & Omit<React.ComponentProps<"div">, "children">;
 export declare const ValueCard: ({ icon, title, description, cardCount, className, ...rest }: ValueCardProps) => import("react").JSX.Element;

package/components/website/ValuesBlock/ValueCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ValueCard.d.ts","sourceRoot":"","sources":["../../../../src/components/website/ValuesBlock/ValueCard.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,GACA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEhD,eAAO,MAAM,SAAS,gEAOnB,cAAc,gCAsChB,CAAC"}
+{"version":3,"file":"ValueCard.d.ts","sourceRoot":"","sources":["../../../../src/components/website/ValuesBlock/ValueCard.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,GACA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEhD,eAAO,MAAM,SAAS,gEAOnB,cAAc,gCAsChB,CAAC"}

package/index.mjs

@@ -36732,10 +36732,10 @@ var WJ = ({ "aria-label": e = "Close", ...t }) => /* @__PURE__ */ I(AJ, {
 			/* @__PURE__ */ L("div", {
 				className: "flex flex-col gap-2 pe-8",
 				children: [/* @__PURE__ */ I(EJ, {
-					className: "heading-light-500 text-content-primary",
+					className: "heading-light-500 text-content-primary wrap-break-word",
 					children: i
 				}), a && /* @__PURE__ */ I(OJ, {
-					className: "body-500 text-content-secondary",
+					className: "body-500 text-content-secondary wrap-break-word",
 					children: a
 				})]
 			}),
@@ -37013,8 +37013,8 @@ var lY = (e) => /* @__PURE__ */ I("svg", {
 fY.Footer = uY, fY.SelectionFooter = dY, fY.SelectionThumbnail = eY;
 //#endregion
 //#region src/components/dialog/SettingsDialog/SettingsDialog.tsx
-var pY = ({ 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] = Fe(!1);
+var pY = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, title: i, sidePanel: a, hideCloseButton: o = !1, closeButtonLabel: s, onEscapeKeyDown: c, onPointerDownOutside: l, className: u, testId: d, children: f }) => {
+	let [p, m] = Fe(!1);
 	return /* @__PURE__ */ L(lJ, {
 		open: e,
 		defaultOpen: t,
@@ -37023,32 +37023,36 @@ var pY = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, sidePanel: i,
 			asChild: !0,
 			children: r
 		}), /* @__PURE__ */ I(hJ, { children: /* @__PURE__ */ I(KJ, { children: /* @__PURE__ */ L(GJ, {
-			className: U("relative flex max-w-256 overflow-hidden", l),
-			"data-testid": u,
-			onEscapeKeyDown: s,
-			onPointerDownOutside: c,
+			className: U("relative flex max-w-256 overflow-hidden", u),
+			"data-testid": d,
+			onEscapeKeyDown: c,
+			onPointerDownOutside: l,
 			children: [
-				/* @__PURE__ */ I("div", {
-					className: H("bg-surface-high border-misc-divider w-70 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-70 max-[800px]:border", !f && "max-[800px]:hidden"),
+				/* @__PURE__ */ I(EJ, {
+					className: "sr-only",
 					children: i
 				}),
+				/* @__PURE__ */ I("div", {
+					className: H("bg-surface-high border-misc-divider w-70 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-70 max-[800px]:border", !p && "max-[800px]:hidden"),
+					children: a
+				}),
 				/* @__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", f && "max-[800px]:start-76"),
+						className: H("absolute start-3 top-3 z-20 hidden max-[800px]:block", p && "max-[800px]:start-76"),
 						children: /* @__PURE__ */ I(cY, { children: /* @__PURE__ */ I(cY.Button, {
 							icon: /* @__PURE__ */ I(lY, { className: "size-5" }),
 							tooltip: "Toggle sidebar",
-							onClick: () => p((e) => !e)
+							onClick: () => m((e) => !e)
 						}) })
 					}), /* @__PURE__ */ I("div", {
 						className: "h-full overflow-y-auto px-10 py-16",
-						children: d
+						children: f
 					})]
 				}),
-				!a && /* @__PURE__ */ I("div", {
+				!o && /* @__PURE__ */ I("div", {
 					className: "absolute inset-e-3 top-3 z-30",
-					children: /* @__PURE__ */ I(WJ, { "aria-label": o })
+					children: /* @__PURE__ */ I(WJ, { "aria-label": s })
 				})
 			]
 		}) }) })]
@@ -61427,7 +61431,7 @@ var kDe = ({ title: e, logos: t, className: n, ...r }) => {
 			children: [/* @__PURE__ */ I("h3", {
 				className: H("component-700 text-content-primary text-balance", o && "sm:max-w-[560px] lg:max-w-none"),
 				children: t
-			}), /* @__PURE__ */ I("p", {
+			}), /* @__PURE__ */ I("div", {
 				className: H("body-light-600 text-content-secondary text-pretty", o && "sm:max-w-[560px] lg:max-w-none"),
 				children: n
 			})]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@photoroom/ui",
-  "version": "0.1.645",
+  "version": "0.1.647",
   "private": false,
   "description": "Photoroom design system components",
   "sideEffects": [