@photoroom/ui 0.1.846 → 0.1.847

package/components/dropdown/DropdownMenuDivider/DropdownMenuDivider.d.ts

@@ -1,4 +1,4 @@
 import * as RadixDropdownMenu from "@radix-ui/react-dropdown-menu";
 export type DropdownMenuDividerProps = RadixDropdownMenu.DropdownMenuSeparatorProps;
-export declare const DropdownMenuDivider: (props: DropdownMenuDividerProps) => import("react").JSX.Element;
+export declare const DropdownMenuDivider: ({ className, ...props }: DropdownMenuDividerProps) => import("react").JSX.Element;
 //# sourceMappingURL=DropdownMenuDivider.d.ts.map

package/components/dropdown/DropdownMenuDivider/DropdownMenuDivider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuDivider.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/DropdownMenuDivider/DropdownMenuDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,+BAA+B,CAAC;AAEnE,MAAM,MAAM,wBAAwB,GAAG,iBAAiB,CAAC,0BAA0B,CAAC;AAEpF,eAAO,MAAM,mBAAmB,UAAW,wBAAwB,gCAIlE,CAAC"}
+{"version":3,"file":"DropdownMenuDivider.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/DropdownMenuDivider/DropdownMenuDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,+BAA+B,CAAC;AAInE,MAAM,MAAM,wBAAwB,GAAG,iBAAiB,CAAC,0BAA0B,CAAC;AAEpF,eAAO,MAAM,mBAAmB,4BAA6B,wBAAwB,gCAOpF,CAAC"}

package/components/website/FooterBlockV2/FooterV2Block.d.ts

@@ -8,7 +8,7 @@ export type FooterV2BlockProps = Omit<React.ComponentProps<"footer">, "children"
     legalLinks?: React.ReactNode;
     languageSelector?: React.ReactNode;
 }>;
-export declare function FooterV2Block({ appsSectionTitle, appButtons, linksSections, socialLinks, legalLinks, languageSelector, ...rest }: FooterV2BlockProps): import("react").JSX.Element;
+export declare function FooterV2Block({ appsSectionTitle, appButtons, linksSections, socialLinks, legalLinks, languageSelector, className, ...rest }: FooterV2BlockProps): import("react").JSX.Element;
 export declare namespace FooterV2Block {
     export { FooterV2LinksSectionBlock as LinksSection };
     export { FooterV2LinkBlock as Link };

package/components/website/FooterBlockV2/FooterV2Block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FooterV2Block.d.ts","sourceRoot":"","sources":["../../../../src/components/website/FooterBlockV2/FooterV2Block.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAExE,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAC/E,QAAQ,CAAC;IACP,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC,CAAC,CAAC;AAEL,wBAAgB,aAAa,CAAC,EAC5B,gBAAgB,EAChB,UAAU,EACV,aAAa,EACb,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,GAAG,IAAI,EACR,EAAE,kBAAkB,+BAqCpB;yBA7Ce,aAAa;aA+CA,yBAAyB;aACjC,iBAAiB"}
+{"version":3,"file":"FooterV2Block.d.ts","sourceRoot":"","sources":["../../../../src/components/website/FooterBlockV2/FooterV2Block.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAExE,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAC/E,QAAQ,CAAC;IACP,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC,CAAC,CAAC;AAEL,wBAAgB,aAAa,CAAC,EAC5B,gBAAgB,EAChB,UAAU,EACV,aAAa,EACb,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,+BAwCpB;yBAjDe,aAAa;aAmDA,yBAAyB;aACjC,iBAAiB"}

package/components/website/FooterBlockV2/FooterV2LinkBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FooterV2LinkBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/FooterBlockV2/FooterV2LinkBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAoB,MAAM,mBAAmB,CAAC;AAG3E,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GACrD,QAAQ,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC,CAAC;AAEL,eAAO,MAAM,iBAAiB,EA+BzB,oBAAoB,CAAC,GAAG,EAAE,sBAAsB,CAAC,CAAC"}
+{"version":3,"file":"FooterV2LinkBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/FooterBlockV2/FooterV2LinkBlock.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAoB,MAAM,mBAAmB,CAAC;AAG3E,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GACrD,QAAQ,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC,CAAC;AAEL,eAAO,MAAM,iBAAiB,EAiCzB,oBAAoB,CAAC,GAAG,EAAE,sBAAsB,CAAC,CAAC"}

package/components/website/Glossary/GlossaryLetterLink.d.ts

@@ -1,7 +1,7 @@
 export type GlossaryLetterLinkProps = Readonly<{
     letter: string;
 }> & Omit<React.ComponentProps<"a">, "children">;
-export declare function GlossaryLetterLink({ letter, href, ref, ...rest }: GlossaryLetterLinkProps): import("react").JSX.Element;
+export declare function GlossaryLetterLink({ letter, href, className, ref, ...rest }: GlossaryLetterLinkProps): import("react").JSX.Element;
 export declare namespace GlossaryLetterLink {
     var displayName: string;
 }

package/components/website/Glossary/GlossaryLetterLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlossaryLetterLink.d.ts","sourceRoot":"","sources":["../../../../src/components/website/Glossary/GlossaryLetterLink.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC,GACA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC;2CAEX,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,uBAAuB"}
+{"version":3,"file":"GlossaryLetterLink.d.ts","sourceRoot":"","sources":["../../../../src/components/website/Glossary/GlossaryLetterLink.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC,GACA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC;2CAEX,EACjC,MAAM,EACN,IAAI,EACJ,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,uBAAuB"}

package/components/website/StepsBlock/StepsBlock.d.ts

@@ -3,5 +3,5 @@ export type StepsBlockProps = Readonly<{
     titleBlock?: React.ReactNode;
     cta?: React.ReactNode;
 }> & React.ComponentProps<"div">;
-export declare const StepsBlock: ({ titleBlock, children, cta, ...rest }: StepsBlockProps) => React.JSX.Element;
+export declare const StepsBlock: ({ titleBlock, children, cta, className, ...rest }: StepsBlockProps) => React.JSX.Element;
 //# sourceMappingURL=StepsBlock.d.ts.map

package/components/website/StepsBlock/StepsBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepsBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,CAAC,GACA,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAE9B,eAAO,MAAM,UAAU,2CAA4C,eAAe,sBA0BjF,CAAC"}
+{"version":3,"file":"StepsBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,CAAC,GACA,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAE9B,eAAO,MAAM,UAAU,sDAAuD,eAAe,sBA2B5F,CAAC"}

package/components/website/ToolCard/ToolCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolCard.d.ts","sourceRoot":"","sources":["../../../../src/components/website/ToolCard/ToolCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAoB,MAAM,mBAAmB,CAAC;AAE3E,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GACnD,QAAQ,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC,CAAC;AAEL,eAAO,MAAM,QAAQ,EAwCf,oBAAoB,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC"}
+{"version":3,"file":"ToolCard.d.ts","sourceRoot":"","sources":["../../../../src/components/website/ToolCard/ToolCard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAoB,MAAM,mBAAmB,CAAC;AAE3E,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GACnD,QAAQ,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC,CAAC;AAEL,eAAO,MAAM,QAAQ,EAyCf,oBAAoB,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC"}

package/components/website/ToolSmallCard/ToolSmallCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolSmallCard.d.ts","sourceRoot":"","sources":["../../../../src/components/website/ToolSmallCard/ToolSmallCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAoB,MAAM,mBAAmB,CAAC;AAE3E,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GACxD,QAAQ,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC,CAAC;AAEL,eAAO,MAAM,aAAa,EAgCpB,oBAAoB,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"ToolSmallCard.d.ts","sourceRoot":"","sources":["../../../../src/components/website/ToolSmallCard/ToolSmallCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAoB,MAAM,mBAAmB,CAAC;AAE3E,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GACxD,QAAQ,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC,CAAC;AAEL,eAAO,MAAM,aAAa,EAkCpB,oBAAoB,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAC"}

package/index.mjs

@@ -38899,9 +38899,9 @@ var HY = ({ label: e, selected: t, badge: n, thumbnail: r, icon: i, multiline: a
 HY.displayName = "DropdownMenuSingleSelectionItem";
 //#endregion
 //#region src/components/dropdown/DropdownMenuDivider/DropdownMenuDivider.tsx
-var hhe = (e) => /* @__PURE__ */ L(dU, {
-	className: "border-misc-divider mx-3 my-1 border-t",
-	...e
+var hhe = ({ className: e, ...t }) => /* @__PURE__ */ L(dU, {
+	className: W("border-misc-divider mx-3 my-1 border-t", e),
+	...t
 }), UY = ({ selected: e, className: t, children: n, ...r }) => /* @__PURE__ */ R("button", {
 	...r,
 	type: "button",
@@ -60045,12 +60045,12 @@ var O7 = ({ label: e, value: t, max: n = 5, tooltip: r, className: i }) => {
 			})]
 		})
 	});
-}, aEe = function({ as: e = "a", label: t, isNew: n, ref: r, ...i }) {
+}, aEe = function({ as: e = "a", label: t, isNew: n, className: r, ref: i, ...a }) {
 	return /* @__PURE__ */ R(e, {
-		ref: r,
-		className: U("inline-flex items-center gap-1.5", "rounded-200 cursor-pointer outline-hidden", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "component-light-500 text-content-subdued-primary", "hover:text-content-primary focus-visible:text-content-primary active:text-content-primary", "interaction-transition transition-colors"),
-		...i,
-		...i.href?.toString().startsWith("http") ? {
+		ref: i,
+		className: W("inline-flex items-center gap-1.5", "rounded-200 cursor-pointer outline-hidden", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "component-light-500 text-content-subdued-primary", "hover:text-content-primary focus-visible:text-content-primary active:text-content-primary", "interaction-transition transition-colors", r),
+		...a,
+		...a.href?.toString().startsWith("http") ? {
 			target: "_blank",
 			rel: "noopener noreferrer"
 		} : {},
@@ -60109,10 +60109,10 @@ function oEe({ title: e, className: t, children: n, ...r }) {
 }
 //#endregion
 //#region src/components/website/FooterBlockV2/FooterV2Block.tsx
-function M7({ appsSectionTitle: e, appButtons: t, linksSections: n, socialLinks: r, legalLinks: i, languageSelector: a, ...o }) {
+function M7({ appsSectionTitle: e, appButtons: t, linksSections: n, socialLinks: r, legalLinks: i, languageSelector: a, className: o, ...s }) {
 	return /* @__PURE__ */ L("footer", {
-		className: "bg-surface-primary px-4 py-6 sm:px-6 sm:pt-20 md:px-8 lg:pt-24 lg:pb-10",
-		...o,
+		className: W("bg-surface-primary px-4 py-6 sm:px-6 sm:pt-20 md:px-8 lg:pt-24 lg:pb-10", o),
+		...s,
 		children: /* @__PURE__ */ R("div", {
 			className: "mx-auto flex max-w-[1200px] flex-col gap-12 md:gap-16 lg:gap-32",
 			children: [/* @__PURE__ */ R("div", {
@@ -60201,11 +60201,11 @@ var sEe = ({ image: e, title: t, description: n, className: r, ...i }) => /* @__
 			children: n
 		})]
 	})
-}), N7 = ({ letter: e, href: t, ref: n, ...r }) => /* @__PURE__ */ L("a", {
-	ref: n,
+}), N7 = ({ letter: e, href: t, className: n, ref: r, ...i }) => /* @__PURE__ */ L("a", {
+	ref: r,
 	href: t,
-	className: U("component-700 rounded-500 flex size-500 items-center justify-center", "outline-hidden", t ? "hover:bg-background-subdued-hover active:bg-background-subdued-down" : "opacity-30", "interaction-transition focus-visible:bg-background-subdued-hover focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring transition-all"),
-	...r,
+	className: W("component-700 rounded-500 flex size-500 items-center justify-center", "outline-hidden", t ? "hover:bg-background-subdued-hover active:bg-background-subdued-down" : "opacity-30", "interaction-transition focus-visible:bg-background-subdued-hover focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring transition-all", n),
+	...i,
 	children: e
 });
 N7.displayName = "GlossaryLetterLink";
@@ -62014,17 +62014,17 @@ var fDe = Object.assign(r9, {
 		className: "heading-thin-700 max-w-[600px] text-balance",
 		children: e
 	})]
-}), ODe = ({ titleBlock: e, children: t, cta: n, ...r }) => {
-	let i = Se.count(t);
+}), ODe = ({ titleBlock: e, children: t, cta: n, className: r, ...i }) => {
+	let a = Se.count(t);
 	return /* @__PURE__ */ R("div", {
-		className: U("px-4 sm:px-6 md:px-8 xl:px-10", "pt-e700 pb-e1000", "gap-i600 flex flex-col items-stretch"),
-		...r,
+		className: W("px-4 sm:px-6 md:px-8 xl:px-10", "pt-e700 pb-e1000", "gap-i600 flex flex-col items-stretch", r),
+		...i,
 		children: [e, /* @__PURE__ */ R("div", {
 			className: "gap-i500 mx-auto flex w-full max-w-[1200px] flex-col",
 			children: [/* @__PURE__ */ L("div", {
 				className: U("grid w-full grid-cols-1 gap-6", {
-					"lg:grid-cols-2": i < 3,
-					"lg:grid-cols-3": i >= 3
+					"lg:grid-cols-2": a < 3,
+					"lg:grid-cols-3": a >= 3
 				}),
 				children: t
 			}), n && /* @__PURE__ */ L("div", {
@@ -62412,24 +62412,24 @@ var kDe = ({ titleBlock: e, children: t, className: n, ...r }) => {
 			className: U("bg-surface-primary border-misc-border absolute size-3 rounded-full border", "start-0 top-3", "lg:start-1/2 lg:top-14 lg:-translate-x-1/2 lg:rtl:translate-x-1/2")
 		})
 	]
-}), s9 = (({ as: e = "a", icon: t, title: n, description: r, image: i, ref: a, ...o }) => o.href ? /* @__PURE__ */ R(e, {
-	ref: a,
-	className: "group inline-flex w-full flex-col gap-3 outline-hidden",
-	...o,
+}), s9 = (({ as: e = "a", className: t, icon: n, title: r, description: i, image: a, ref: o, ...s }) => s.href ? /* @__PURE__ */ R(e, {
+	ref: o,
+	className: W("group inline-flex w-full flex-col gap-3 outline-hidden", t),
+	...s,
 	children: [/* @__PURE__ */ R("div", {
 		className: U("relative flex", "rounded-500 aspect-video overflow-hidden", "group-focus-visible:ring-misc-focus-indicator group-focus-visible:misc-border-size-focus-ring", "transition-all"),
-		children: [i, /* @__PURE__ */ L("div", { className: "rounded-500 ring-misc-border pointer-events-none absolute inset-0 ring-1 ring-inset" })]
+		children: [a, /* @__PURE__ */ L("div", { className: "rounded-500 ring-misc-border pointer-events-none absolute inset-0 ring-1 ring-inset" })]
 	}), /* @__PURE__ */ R("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ R("div", {
 			className: "flex items-center",
-			children: [t, /* @__PURE__ */ L("span", {
+			children: [n, /* @__PURE__ */ L("span", {
 				className: "component-600 ms-1.25",
-				children: n
+				children: r
 			})]
-		}), r && /* @__PURE__ */ L("p", {
+		}), i && /* @__PURE__ */ L("p", {
 			className: "component-light-500 text-content-secondary",
-			children: r
+			children: i
 		})]
 	})]
 }) : null);
@@ -62596,10 +62596,10 @@ var d9 = ({ title: e, subtitle: t, image: n, form: r, cta: i, dismiss: a, classN
 d9.displayName = "RaterPromoBanner";
 //#endregion
 //#region src/components/website/ToolSmallCard/ToolSmallCard.tsx
-var f9 = (({ as: e = "a", title: t, image: n, ref: r, ...i }) => i.href ? /* @__PURE__ */ R(e, {
-	ref: r,
-	className: U("inline-flex items-center gap-2 py-1.5 ps-1.5 pe-3", "rounded-500 border-misc-hairline-emphasized misc-border-size-hairline", "hover:bg-background-borderless-subdued-hover", "active:bg-background-borderless-subdued-down", "focus-visible:bg-background-borderless-subdued-hover", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring outline-hidden transition-all"),
-	...i,
+var f9 = (({ as: e = "a", title: t, image: n, className: r, ref: i, ...a }) => a.href ? /* @__PURE__ */ R(e, {
+	ref: i,
+	className: W("inline-flex items-center gap-2 py-1.5 ps-1.5 pe-3", "rounded-500 border-misc-hairline-emphasized misc-border-size-hairline", "hover:bg-background-borderless-subdued-hover", "active:bg-background-borderless-subdued-down", "focus-visible:bg-background-borderless-subdued-hover", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring outline-hidden transition-all", r),
+	...a,
 	children: [!!n && /* @__PURE__ */ L("div", {
 		className: "rounded-concentric-500-6px relative flex h-12 w-[85px] shrink-0 overflow-hidden [&_img]:size-full [&_img]:object-cover",
 		children: n

package/package.json

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