@photoroom/ui 0.1.118 → 0.1.119

package/index.mjs

@@ -8859,13 +8859,13 @@ var Ms = /* @__PURE__ */ new Set(), Ns = ({ variant: e = "default", label: t, pr
 			...x,
 			"aria-labelledby": s ? S : void 0,
 			type: "button",
-			className: V("group relative block appearance-none", "rounded-400 outline-hidden", "*:select-none", { [V("before:absolute before:inset-x-3 before:-top-2 before:content-['']", "before:h-6 before:w-[calc(100%-24px)]", "before:rounded-inherit before:bg-misc-stack-layer-2", "before:transition-opacity before:duration-800", "after:absolute after:inset-x-1.5 after:-top-1 after:content-['']", "after:h-6 after:w-[calc(100%-12px)]", "after:rounded-inherit after:bg-misc-stack-layer-1", "after:transition-opacity after:duration-800", {
+			className: V("group relative block appearance-none", "rounded-400 outline-hidden", "*:select-none", { [V("before:absolute before:inset-x-3 before:-top-2 before:content-['']", "before:h-6 before:w-[calc(100%-24px)]", "before:bg-misc-stack-layer-2 before:rounded-[inherit]", "before:transition-opacity before:duration-800", "after:absolute after:inset-x-1.5 after:-top-1 after:content-['']", "after:h-6 after:w-[calc(100%-12px)]", "after:bg-misc-stack-layer-1 after:rounded-[inherit]", "after:transition-opacity after:duration-800", {
 				"before:opacity-0 after:opacity-0": j,
 				"before:opacity-100 after:opacity-100": !j
 			})]: e === "stack" }, x.className),
 			disabled: A,
 			children: /* @__PURE__ */ E("div", {
-				className: H("relative z-1 overflow-hidden", "flex items-center justify-center", "rounded-500 bg-surface-high", "group-focus-visible:ring-accent-alpha-5 group-focus-visible:misc-border-size-focus-ring", "interaction-transition transition-all", "after:rounded-inherit after:border-misc-border after:misc-border-size-default after:absolute after:inset-0 after:content-['']", "group-focus-active:after:bg-misc-visual-down group-hover:after:bg-misc-visual-hover group-focus-visible:after:bg-misc-visual-hover", "after:interaction-transition after:transition-all", {
+				className: H("relative z-1 overflow-hidden", "flex items-center justify-center", "rounded-500 bg-surface-high", "group-focus-visible:ring-accent-alpha-5 group-focus-visible:misc-border-size-focus-ring", "interaction-transition transition-all", "after:border-misc-border after:misc-border-size-default after:absolute after:inset-0 after:rounded-[inherit] after:content-['']", "group-focus-active:after:bg-misc-visual-down group-hover:after:bg-misc-visual-hover group-focus-visible:after:bg-misc-visual-hover", "after:interaction-transition after:transition-all", {
 					"h-[160px] max-w-[360px] min-w-[40px]": o === "height",
 					"h-auto w-full": o === "width"
 				}, y),
@@ -31967,7 +31967,7 @@ var DW = ({ variant: e = "default", title: t, image: n, cta: r, className: i })
 	...i,
 	className: V("group flex flex-col gap-3 outline-hidden", r),
 	children: [/* @__PURE__ */ T("figure", {
-		className: V("rounded-500 relative block aspect-video", "after:rounded-inherit after:border-misc-border after:absolute after:inset-0 after:border after:content-['']", "group-focus-visible:ring-misc-focus-indicator group-focus-visible:misc-border-size-focus-ring", "[&_img]:rounded-inherit [&_img]:block [&_img]:size-full [&_img]:overflow-hidden [&_img]:object-cover"),
+		className: V("rounded-500 relative block aspect-video", "after:border-misc-border after:absolute after:inset-0 after:rounded-[inherit] after:border after:content-['']", "group-focus-visible:ring-misc-focus-indicator group-focus-visible:misc-border-size-focus-ring", "[&_img]:block [&_img]:size-full [&_img]:overflow-hidden [&_img]:rounded-[inherit] [&_img]:object-cover"),
 		children: n
 	}), /* @__PURE__ */ T("h5", {
 		className: "component-semi-strong-600 text-content-primary",
@@ -32555,7 +32555,7 @@ var MW = /* @__PURE__ */ xt((() => {
 }), XW = ({ image: e, cardLink: t, categoryLink: n, direction: r = "vertical", title: i, description: a, authorName: s, authorAvatar: c, border: l = !0, ...u }) => {
 	let d = b(() => t ? o(t, { className: V("rounded-500 absolute h-full w-full outline-hidden", "interaction-transition focus-visible:ring-misc-focus-indicator transition-all focus-visible:ring focus-visible:outline-hidden") }) : null, [t]), f = b(() => n ? o(n, { className: UW({ direction: r }) }) : null, [n, r]);
 	return /* @__PURE__ */ E("div", {
-		className: V("@container", "relative flex-1", "rounded-500 bg-surface-high", "after:rounded-inherit after:pointer-events-none after:absolute after:top-0 after:left-0 after:h-full after:w-full after:content-['']", { "after:border-misc-border after:border": l }),
+		className: V("@container", "relative flex-1", "rounded-500 bg-surface-high", "after:pointer-events-none after:absolute after:top-0 after:left-0 after:h-full after:w-full after:rounded-[inherit] after:content-['']", { "after:border-misc-border after:border": l }),
 		...u,
 		children: [d, /* @__PURE__ */ E("div", {
 			className: BW({ direction: r }),
@@ -32633,7 +32633,7 @@ var $W = ({ title: e, subtitle: t, image: n, cta: r, className: i, onClick: a, o
 			})]
 		}),
 		!!n && /* @__PURE__ */ T("figure", {
-			className: "aspect-4/3 h-[60px] w-[80px] flex-shrink-0",
+			className: "aspect-[4/3] h-[60px] w-[80px] flex-shrink-0",
 			children: n
 		}),
 		!!o && /* @__PURE__ */ T(Kn, {
@@ -45471,15 +45471,15 @@ var oue = U([
 	"rounded-500 interaction-transition box-border flex h-10 w-10 outline-hidden transition-all",
 	"bg-surface-default",
 	"before:absolute before:content-['']",
-	"before:rounded-inherit before:pointer-events-none",
+	"before:pointer-events-none before:rounded-[inherit]",
 	"before:bg-misc-visual-down before:opacity-0",
 	"active:before:opacity-100",
 	"before:interaction-transition before:transition-opacity",
 	"after:absolute after:inset-0 after:content-['']",
-	"after:rounded-inherit after:pointer-events-none",
+	"after:pointer-events-none after:rounded-[inherit]",
 	"after:interaction-transition after:transition-colors",
 	"focus-visible:ring-accent-alpha-5 focus-visible:misc-border-size-focus-ring",
-	"[&>img]:rounded-inherit [&>img]:h-full [&>img]:w-full [&>img]:object-cover"
+	"[&>img]:h-full [&>img]:w-full [&>img]:rounded-[inherit] [&>img]:object-cover"
 ], {
 	variants: { selected: {
 		true: ["after:misc-border-size-selection after:misc-shadow-selection after:-inset-px after:border-black"],
@@ -48695,7 +48695,7 @@ var f8 = l(({ className: e, placeholder: t, search: n, onOpenChange: r, children
 			className: u,
 			side: f,
 			children: /* @__PURE__ */ E(uq, {
-				className: V("w-radix-select-trigger-width p-0!", "h-max max-h-[min(524px,var(--radix-select-content-available-height))]", "border-misc-border border"),
+				className: V("w-(--radix-select-trigger-width) p-0!", "h-max max-h-[min(524px,var(--radix-select-content-available-height))]", "border-misc-border border"),
 				style: { minHeight: l },
 				children: [
 					o && /* @__PURE__ */ T("div", {
@@ -53467,7 +53467,7 @@ var Qme = ({ title: e, date: t, className: n }) => /* @__PURE__ */ E("div", {
 	children: /* @__PURE__ */ T("div", {
 		className: "flex items-center justify-center",
 		children: /* @__PURE__ */ E("div", {
-			className: "sm:max-w-mdlg lg:max-w-2.5xl flex w-full max-w-xs flex-wrap items-center justify-center gap-x-12 gap-y-6",
+			className: "sm:max-w-mdlg flex w-full max-w-xs flex-wrap items-center justify-center gap-x-12 gap-y-6 lg:max-w-[45rem]",
 			children: [
 				/* @__PURE__ */ T("div", {
 					className: "order-1",
@@ -53840,7 +53840,7 @@ var ohe = ({ titleBlock: e, children: t, ...n }) => /* @__PURE__ */ E("div", {
 	"max-w-sm sm:max-w-lg"
 ], { variants: { wide: {
 	true: "lg:max-w-[1200px]",
-	false: "lg:max-w-5.5xl"
+	false: "lg:max-w-[67rem]"
 } } }), bhe = U("mx-auto grid grid-cols-1 gap-4", { variants: { invertOrder: {
 	true: "lg:-order-1 lg:pr-16",
 	false: "lg:pl-16"
@@ -55657,7 +55657,7 @@ var Fge = ({ title: e, children: t, cta: n, image: r, ...i }) => {
 	...r,
 	children: [!!n && /* @__PURE__ */ E("div", {
 		className: "rounded-200 relative flex size-10 shrink-0 overflow-hidden [&>img]:h-full [&>img]:w-full [&>img]:object-cover",
-		children: [n, /* @__PURE__ */ T("div", { className: "rounded-inherit ring-misc-border pointer-events-none absolute inset-0 ring-1 ring-inset" })]
+		children: [n, /* @__PURE__ */ T("div", { className: "ring-misc-border pointer-events-none absolute inset-0 rounded-[inherit] ring-1 ring-inset" })]
 	}), /* @__PURE__ */ T("span", {
 		className: "component-semi-strong-600 truncate",
 		children: t

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@photoroom/ui",
-  "version": "0.1.118",
+  "version": "0.1.119",
   "private": false,
   "description": "Photoroom design system components",
   "sideEffects": [
@@ -14,16 +14,16 @@
       "types": "./index.lib.d.ts",
       "import": "./index.mjs"
     },
-    "./styles.css": "./style.css",
-    "./tailwind.config": "./tailwind.config.js"
+    "./styles.css": "./index.css",
+    "./theme.css": "./theme.css",
+    "./colors.css": "./colors.css",
+    "./animations.css": "./animations.css"
   },
   "files": [
     "**/*.mjs",
     "**/*.d.ts",
     "**/*.d.ts.map",
     "**/*.css",
-    "tailwind.config.js",
-    "plugins/**",
     "README.md"
   ],
   "publishConfig": {