@photoroom/ui 0.1.96 → 0.1.98

package/components/content/MoreTile/MoreTile.d.ts

@@ -1,11 +1,13 @@
 export type MoreTileProps = {
     "aria-label": string;
     variant?: "accent" | "secondary";
+    layout?: "fixed" | "fluidWidth";
     className?: string;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "aria-label">;
 export declare const MoreTile: import("react").ForwardRefExoticComponent<{
     "aria-label": string;
     variant?: "accent" | "secondary";
+    layout?: "fixed" | "fluidWidth";
     className?: string;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "aria-label" | "children"> & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=MoreTile.d.ts.map

package/components/content/MoreTile/MoreTile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MoreTile.d.ts","sourceRoot":"","sources":["../../../../src/components/content/MoreTile/MoreTile.tsx"],"names":[],"mappings":"AAmCA,MAAM,MAAM,aAAa,GAAG;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC,CAAC;AAEnF,eAAO,MAAM,QAAQ;kBALL,MAAM;cACV,QAAQ,GAAG,WAAW;gBACpB,MAAM;gJAgBnB,CAAC"}
+{"version":3,"file":"MoreTile.d.ts","sourceRoot":"","sources":["../../../../src/components/content/MoreTile/MoreTile.tsx"],"names":[],"mappings":"AAwCA,MAAM,MAAM,aAAa,GAAG;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC,CAAC;AAEnF,eAAO,MAAM,QAAQ;kBANL,MAAM;cACV,QAAQ,GAAG,WAAW;aACvB,OAAO,GAAG,YAAY;gBACnB,MAAM;gJAmBnB,CAAC"}

package/index.mjs

@@ -31674,23 +31674,35 @@ var CW = ({ variant: e = "default", title: t, image: n, cta: r, className: i })
 wW.displayName = "BlogEditorialCard";
 //#endregion
 //#region src/components/content/MoreTile/MoreTile.tsx
-var TW = U("rounded-400 interaction-transition focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring relative flex size-[100px] shrink-0 appearance-none items-center justify-center outline-hidden transition-colors", {
-	variants: { variant: {
-		accent: "bg-background-accent-subdued hover:bg-background-accent-subdued-hover focus-visible:bg-background-accent-subdued-hover active:bg-background-accent-subdued-down",
-		secondary: "bg-background-subdued hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover active:bg-background-subdued-down"
-	} },
-	defaultVariants: { variant: "accent" }
+var TW = U("rounded-400 interaction-transition focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring relative flex appearance-none items-center justify-center outline-hidden transition-colors", {
+	variants: {
+		variant: {
+			accent: "bg-background-accent-subdued hover:bg-background-accent-subdued-hover focus-visible:bg-background-accent-subdued-hover active:bg-background-accent-subdued-down",
+			secondary: "bg-background-subdued hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover active:bg-background-subdued-down"
+		},
+		layout: {
+			fixed: "size-[100px] shrink-0",
+			fluidWidth: "aspect-square w-full"
+		}
+	},
+	defaultVariants: {
+		variant: "accent",
+		layout: "fixed"
+	}
 }), EW = U("icon-size-600 shrink-0", {
 	variants: { variant: {
 		accent: "text-content-accent",
 		secondary: "text-content-secondary"
 	} },
 	defaultVariants: { variant: "accent" }
-}), DW = l(({ className: e, type: t = "button", variant: n = "accent", ...r }, i) => /* @__PURE__ */ T("button", {
-	...r,
+}), DW = l(({ className: e, type: t = "button", variant: n = "accent", layout: r = "fixed", ...i }, a) => /* @__PURE__ */ T("button", {
+	...i,
 	type: t,
-	className: H(TW({ variant: n }), e),
-	ref: i,
+	className: H(TW({
+		variant: n,
+		layout: r
+	}), e),
+	ref: a,
 	children: /* @__PURE__ */ T(O, { className: EW({ variant: n }) })
 }));
 DW.displayName = "MoreTile";

package/package.json

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