@photoroom/ui 0.1.286 → 0.1.287

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.
package/index.mjs CHANGED
@@ -54605,7 +54605,7 @@ var i9 = {
54605
54605
  }) : null, s9 = ({ className: e, children: n, ref: r, ...i }) => /* @__PURE__ */ t("div", {
54606
54606
  ...i,
54607
54607
  ref: r,
54608
- className: U("prose body-600 max-w-none wrap-break-word text-neutral-800", "prose-headings:text-content-primary", "prose-h2:heading-light-700 sm:prose-h2:heading-light-800", "prose-h2:mb-6 prose-h2:mt-12 sm:prose-h2:mt-14", "prose-h3:heading-light-600 sm:prose-h3:heading-light-700", "prose-h3:mb-6 prose-h3:mt-10 sm:prose-h3:mt-12", "prose-h4:heading-light-600", "prose-h4:mb-4 prose-h4:mt-10", "prose-p:my-6", "prose-ol:my-6 prose-ul:my-6", "prose-ol:pl-3 prose-ul:pl-3", "prose-li:my-0 prose-li:ml-3 prose-li:p-0", "[&_li::marker]:text-inherit", "prose-blockquote:my-12", "prose-blockquote:pl-6 sm:prose-blockquote:pl-8", "prose-blockquote:border-l-2 prose-blockquote:border-misc-border", "prose-blockquote:body-semi-strong-600 prose-blockquote:not-italic", "prose-blockquote:before:hidden prose-blockquote:after:hidden", "prose-p:before:hidden prose-p:after:hidden", "prose-figure:my-10 sm:prose-figure:my-12", "prose-img:my-0 prose-img:block prose-img:w-full prose-img:object-cover", "prose-strong:font-600", "prose-em:italic", "prose-code:inline-block prose-code:break-all", "prose-code:rounded-400 prose-code:bg-background-subdued prose-code:px-1.5", "prose-code:break-all prose-code:text-600 prose-code:font-500", "prose-code:before:[content:''] prose-code:after:[content:'']", "prose-pre:my-6", "[&_:where(pre_code):not(:where([class~='not-prose'],[class~='not-prose']_*))]:bg-inherit [&_:where(pre_code):not(:where([class~='not-prose'],[class~='not-prose']_*))]:px-0", "[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:rounded-200 [&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:cursor-pointer", "[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:focus-visible:ring-misc-focus-indicator [&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:focus-visible:misc-border-size-focus-ring [&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:outline-hidden", "[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:text-content-accent [&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:hover:text-content-accent-hover", "[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:focus-visible:text-content-accent-hover [&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:active:text-content-accent-down", "[&_:where(a:not([href])):not(:where([class~='not-prose'],[class~='not-prose']_*))]:no-underline [&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:underline", "prose-table:w-full prose-table:border-separate prose-table:border-spacing-0", "prose-table:text-component-600 prose-table:whitespace-pre-wrap prose-table:text-content-subdued-primary", "prose-th:min-w-[200px] prose-td:min-w-[200px]", "prose-th:border-b prose-th:border-misc-border prose-td:border-b prose-td:border-misc-border", "prose-th:first:border-l prose-th:last:border-r prose-td:first:border-l prose-td:last:border-r", "prose-th:px-2 prose-th:py-3 prose-th:first:pl-4 prose-th:last:pr-4", "prose-td:px-2 prose-td:py-3 prose-td:first:pl-4 prose-td:last:pr-4", "prose-th:text-left prose-th:align-top prose-th:text-content-primary", "prose-td:align-top", "[&_:where(tr:first-child>th):not(:where([class~='not-prose'],[class~='not-prose']_*))]:bg-background-subdued [&_:where(tr:first-child>th):not(:where([class~='not-prose'],[class~='not-prose']_*))]:align-middle", "[&_:where(tr:first-child>*):not(:where([class~='not-prose'],[class~='not-prose']_*))]:border-t", "[&_:where(tr:first-child>:first-child):not(:where([class~='not-prose'],[class~='not-prose']_*))]:rounded-tl-200 [&_:where(tr:first-child>:last-child):not(:where([class~='not-prose'],[class~='not-prose']_*))]:rounded-tr-200", "[&_:where(tr:last-child>:first-child):not(:where([class~='not-prose'],[class~='not-prose']_*))]:rounded-bl-200 [&_:where(tr:last-child>:last-child):not(:where([class~='not-prose'],[class~='not-prose']_*))]:rounded-br-200", "[&_:where(li_p):not(:where([class~='not-prose'],[class~='not-prose']_*))]:my-0", "[&_:where(table_p):not(:where([class~='not-prose'],[class~='not-prose']_*))]:my-0", "[&>*:first-child]:mt-0! [&>span>*:first-child]:mt-0!", "[&>*:last-child]:mb-0! [&>span>*:last-child]:mb-0!", "[&_.yt-embed]:my-10 sm:[&_.yt-embed]:my-12", "sm:prose-h1:heading-900 prose-h1:mb-6 prose-h1:mt-12 sm:prose-h1:mt-14", "[&_h1_strong]:font-700", e),
54608
+ className: U("prose body-600 max-w-none wrap-break-word text-neutral-800", "prose-headings:text-content-primary", "prose-h2:heading-light-700 sm:prose-h2:heading-light-800", "prose-h2:mb-6 prose-h2:mt-12 sm:prose-h2:mt-14", "prose-h3:heading-light-600 sm:prose-h3:heading-light-700", "prose-h3:mb-6 prose-h3:mt-10 sm:prose-h3:mt-12", "prose-h4:heading-light-600", "prose-h4:mb-4 prose-h4:mt-10", "prose-p:my-6", "prose-ol:my-6 prose-ul:my-6", "prose-ol:ps-3 prose-ul:ps-3", "prose-li:my-0 prose-li:ms-3 prose-li:p-0", "[&_li::marker]:text-inherit", "prose-blockquote:my-12", "prose-blockquote:ps-6 sm:prose-blockquote:ps-8", "prose-blockquote:border-s-2 prose-blockquote:border-misc-border", "prose-blockquote:body-semi-strong-600 prose-blockquote:not-italic", "prose-blockquote:before:hidden prose-blockquote:after:hidden", "prose-p:before:hidden prose-p:after:hidden", "prose-figure:my-10 sm:prose-figure:my-12", "prose-img:my-0 prose-img:block prose-img:w-full prose-img:object-cover", "prose-strong:font-600", "prose-em:italic", "prose-code:inline-block prose-code:break-all", "prose-code:rounded-400 prose-code:bg-background-subdued prose-code:px-1.5", "prose-code:break-all prose-code:text-600 prose-code:font-500", "prose-code:before:[content:''] prose-code:after:[content:'']", "prose-pre:my-6", "[&_:where(pre_code):not(:where([class~='not-prose'],[class~='not-prose']_*))]:bg-inherit [&_:where(pre_code):not(:where([class~='not-prose'],[class~='not-prose']_*))]:px-0", "[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:rounded-200 [&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:cursor-pointer", "[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:focus-visible:ring-misc-focus-indicator [&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:focus-visible:misc-border-size-focus-ring [&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:outline-hidden", "[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:text-content-accent [&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:hover:text-content-accent-hover", "[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:focus-visible:text-content-accent-hover [&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:active:text-content-accent-down", "[&_:where(a:not([href])):not(:where([class~='not-prose'],[class~='not-prose']_*))]:no-underline [&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:underline", "prose-table:w-full prose-table:border-separate prose-table:border-spacing-0", "prose-table:text-component-600 prose-table:whitespace-pre-wrap prose-table:text-content-subdued-primary", "prose-th:min-w-[200px] prose-td:min-w-[200px]", "prose-th:border-b prose-th:border-misc-border prose-td:border-b prose-td:border-misc-border", "prose-th:first:border-s prose-th:last:border-e prose-td:first:border-s prose-td:last:border-e", "prose-th:px-2 prose-th:py-3 prose-th:first:ps-4 prose-th:last:pe-4", "prose-td:px-2 prose-td:py-3 prose-td:first:ps-4 prose-td:last:pe-4", "prose-th:text-start prose-th:align-top prose-th:text-content-primary", "prose-td:align-top", "[&_:where(tr:first-child>th):not(:where([class~='not-prose'],[class~='not-prose']_*))]:bg-background-subdued [&_:where(tr:first-child>th):not(:where([class~='not-prose'],[class~='not-prose']_*))]:align-middle", "[&_:where(tr:first-child>*):not(:where([class~='not-prose'],[class~='not-prose']_*))]:border-t", "[&_:where(tr:first-child>:first-child):not(:where([class~='not-prose'],[class~='not-prose']_*))]:rounded-ss-200 [&_:where(tr:first-child>:last-child):not(:where([class~='not-prose'],[class~='not-prose']_*))]:rounded-se-200", "[&_:where(tr:last-child>:first-child):not(:where([class~='not-prose'],[class~='not-prose']_*))]:rounded-es-200 [&_:where(tr:last-child>:last-child):not(:where([class~='not-prose'],[class~='not-prose']_*))]:rounded-ee-200", "[&_:where(li_p):not(:where([class~='not-prose'],[class~='not-prose']_*))]:my-0", "[&_:where(table_p):not(:where([class~='not-prose'],[class~='not-prose']_*))]:my-0", "[&>*:first-child]:mt-0! [&>span>*:first-child]:mt-0!", "[&>*:last-child]:mb-0! [&>span>*:last-child]:mb-0!", "[&_.yt-embed]:my-10 sm:[&_.yt-embed]:my-12", "sm:prose-h1:heading-900 prose-h1:mb-6 prose-h1:mt-12 sm:prose-h1:mt-14", "[&_h1_strong]:font-700", e),
54609
54609
  children: n
54610
54610
  });
54611
54611
  s9.displayName = "ArticleContent";
@@ -54666,7 +54666,7 @@ var wge = ({ title: e, date: r, className: i }) => /* @__PURE__ */ n("div", {
54666
54666
  })]
54667
54667
  })
54668
54668
  }), Ege = ({ className: i, isLoading: a, children: o }) => /* @__PURE__ */ t(e, { children: /* @__PURE__ */ n("div", {
54669
- className: H(i, "rounded-area-500 bg-white-alpha-3 relative h-full w-full overflow-hidden", "pointer-events-none", "after:rounded-area-500 after:pointer-events-none after:absolute after:top-0 after:left-0 after:h-full after:w-full after:border after:border-solid after:content-['']", "after:transition-all after:duration-300", "after:border-neutral-alpha-300"),
54669
+ className: H(i, "rounded-area-500 bg-white-alpha-3 relative h-full w-full overflow-hidden", "pointer-events-none", "after:rounded-area-500 after:pointer-events-none after:absolute after:start-0 after:top-0 after:h-full after:w-full after:border after:border-solid after:content-['']", "after:transition-all after:duration-300", "after:border-neutral-alpha-300"),
54670
54670
  children: [/* @__PURE__ */ t("div", {
54671
54671
  className: H("flex h-full w-full justify-center", "transition-opacity duration-300", a && "opacity-25"),
54672
54672
  children: o
@@ -54905,7 +54905,7 @@ var wge = ({ title: e, date: r, className: i }) => /* @__PURE__ */ n("div", {
54905
54905
  ]
54906
54906
  });
54907
54907
  }, Nge = ({ variant: e = "default", author: r, children: i, className: a, ...o }) => /* @__PURE__ */ n("blockquote", {
54908
- className: H("not-prose flex flex-col gap-4", "content-to-edge-spacious-pl-700 my-10 sm:my-12 sm:pl-[30px]", "border-misc-border border-l-2", a),
54908
+ className: H("not-prose flex flex-col gap-4", "content-to-edge-spacious-ps-700 my-10 sm:my-12 sm:ps-[30px]", "border-misc-border border-s-2", a),
54909
54909
  ...o,
54910
54910
  children: [/* @__PURE__ */ t("div", {
54911
54911
  className: H("text-content-primary", {
@@ -54916,14 +54916,14 @@ var wge = ({ title: e, date: r, className: i }) => /* @__PURE__ */ n("div", {
54916
54916
  }), !!r && /* @__PURE__ */ n("p", {
54917
54917
  className: "body-semi-strong-600 text-content-primary",
54918
54918
  children: [/* @__PURE__ */ t("span", {
54919
- className: "inline-flex pr-1.5",
54919
+ className: "inline-flex pe-1.5",
54920
54920
  children: "–"
54921
54921
  }), r]
54922
54922
  })]
54923
54923
  }), u9 = (({ as: e = "a", title: r, className: i, ref: a, ...o }) => /* @__PURE__ */ n(e, {
54924
54924
  ...o,
54925
54925
  ref: a,
54926
- className: H("not-prose", "flex items-center justify-between gap-6", "my-6 p-4 pl-6", "rounded-area-500 bg-[#F5F3F0]", "font-brand", i),
54926
+ className: H("not-prose", "flex items-center justify-between gap-6", "my-6 p-4 ps-6", "rounded-area-500 bg-[#F5F3F0]", "font-brand", i),
54927
54927
  children: [/* @__PURE__ */ t("span", {
54928
54928
  className: "component-600 text-content-primary sm:component-700",
54929
54929
  children: r
@@ -55057,7 +55057,7 @@ var Pge = ({ titleBlock: e, children: r, ...i }) => /* @__PURE__ */ n("div", {
55057
55057
  ]
55058
55058
  }, e.featureName)), /* @__PURE__ */ t("div", {
55059
55059
  "aria-hidden": "true",
55060
- className: "rounded-400 border-content-primary pointer-events-none absolute -top-12 right-0 bottom-0 w-12 border-2"
55060
+ className: "rounded-400 border-content-primary pointer-events-none absolute end-0 -top-12 bottom-0 w-12 border-2"
55061
55061
  })]
55062
55062
  })]
55063
55063
  }), Bge = ({ title: e, cards: r, cta: i, ...a }) => /* @__PURE__ */ t("div", {
@@ -55281,8 +55281,8 @@ var Vge = ({ title: e, background: r = "surface-default", children: i, className
55281
55281
  ...r,
55282
55282
  children: [e, t]
55283
55283
  }), Xge = W("mx-auto grid grid-cols-1 gap-4", { variants: { invertOrder: {
55284
- true: "lg:-order-1 lg:pr-16",
55285
- false: "lg:pl-16"
55284
+ true: "lg:-order-1 lg:pe-16",
55285
+ false: "lg:ps-16"
55286
55286
  } } }), Zge = ({ title: e, description: r, listItems: i, visualElement: a, invertOrder: o = !1, cta: s, withVisualBorder: c, ...l }) => {
55287
55287
  let u = Array.isArray(i) ? i.length > 0 : !!i;
55288
55288
  return /* @__PURE__ */ t("div", {
@@ -55291,7 +55291,7 @@ var Vge = ({ title: e, background: r = "surface-default", children: i, className
55291
55291
  children: /* @__PURE__ */ n("div", {
55292
55292
  className: H("grid grid-cols-1 items-center lg:grid-cols-2", "mx-auto gap-4 sm:gap-6", "max-w-sm sm:max-w-lg lg:max-w-[1200px]"),
55293
55293
  children: [/* @__PURE__ */ t("div", {
55294
- className: H("relative", c && "after:rounded-500 after:border-misc-border after:pointer-events-none after:absolute after:top-0 after:left-0 after:h-full after:w-full after:border after:content-['']"),
55294
+ className: H("relative", c && "after:rounded-500 after:border-misc-border after:pointer-events-none after:absolute after:start-0 after:top-0 after:h-full after:w-full after:border after:content-['']"),
55295
55295
  children: a
55296
55296
  }), /* @__PURE__ */ n("div", {
55297
55297
  className: Xge({ invertOrder: o }),
@@ -55433,7 +55433,7 @@ var Vge = ({ title: e, background: r = "surface-default", children: i, className
55433
55433
  children: /* @__PURE__ */ n("div", {
55434
55434
  className: "mx-auto flex max-w-[512px] flex-col-reverse gap-6 lg:max-w-[1200px] lg:flex-row lg:items-center",
55435
55435
  children: [/* @__PURE__ */ n("div", {
55436
- className: "basis-1/2 xl:pr-16",
55436
+ className: "basis-1/2 xl:pe-16",
55437
55437
  children: [
55438
55438
  /* @__PURE__ */ n("header", {
55439
55439
  className: "text-content-primary flex flex-col gap-1",
@@ -55620,7 +55620,7 @@ var u_e = ({ id: e, letter: r, headingLevel: i = "h2", children: a, className: o
55620
55620
  })]
55621
55621
  }), v9 = (({ as: e = "a", name: r, shortDescription: i, className: a, ref: o, ...s }) => /* @__PURE__ */ n(e, {
55622
55622
  ref: o,
55623
- className: U("rounded-500 border-misc-border flex flex-col gap-3 border px-8 pt-7 pb-8 text-left", "interaction-transition outline-hidden transition-colors", "hover:bg-background-subdued-hover active:bg-background-subdued-down", "focus-visible:bg-background-subdued-hover focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", a),
55623
+ className: U("rounded-500 border-misc-border flex flex-col gap-3 border px-8 pt-7 pb-8 text-start", "interaction-transition outline-hidden transition-colors", "hover:bg-background-subdued-hover active:bg-background-subdued-down", "focus-visible:bg-background-subdued-hover focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", a),
55624
55624
  ...s,
55625
55625
  children: [/* @__PURE__ */ t("span", {
55626
55626
  className: "component-semi-strong-600",
@@ -55650,7 +55650,7 @@ var y9 = {}, b9 = ({ variant: e, className: r, cssBackgroundColor: i, children:
55650
55650
  c || (d(!0), o && (sessionStorage.setItem(o, JSON.stringify(!0)), y9[o] = !0));
55651
55651
  }, [o, c]);
55652
55652
  return f ? null : /* @__PURE__ */ n("div", {
55653
- className: H("relative text-white", "pr-16 pl-4 sm:pl-6 md:pl-8 lg:px-16", !i && e === "accent" && "bg-content-accent", !i && e === "neutral" && "bg-neutral-800", r),
55653
+ className: H("relative text-white", "ps-4 pe-16 sm:ps-6 md:ps-8 lg:px-16", !i && e === "accent" && "bg-content-accent", !i && e === "neutral" && "bg-neutral-800", r),
55654
55654
  style: i ? { backgroundColor: i } : void 0,
55655
55655
  ...l,
55656
55656
  children: [/* @__PURE__ */ t("div", {
@@ -55658,7 +55658,7 @@ var y9 = {}, b9 = ({ variant: e, className: r, cssBackgroundColor: i, children:
55658
55658
  children: a
55659
55659
  }), /* @__PURE__ */ t(dr, {
55660
55660
  "aria-label": s || "Close",
55661
- className: "absolute top-5 right-5",
55661
+ className: "absolute end-5 top-5",
55662
55662
  variant: "secondary-on-dark",
55663
55663
  size: "small",
55664
55664
  onClick: p
@@ -55874,7 +55874,7 @@ var y9 = {}, b9 = ({ variant: e, className: r, cssBackgroundColor: i, children:
55874
55874
  }), /* @__PURE__ */ n("h1", {
55875
55875
  className: "text-balance",
55876
55876
  children: [!!e && /* @__PURE__ */ t("figure", {
55877
- className: H("relative inline-flex align-middle", "size-[31px] sm:size-[58px] lg:size-[71px]", "mr-2 sm:mr-3 lg:mr-4"),
55877
+ className: H("relative inline-flex align-middle", "size-[31px] sm:size-[58px] lg:size-[71px]", "me-2 sm:me-3 lg:me-4"),
55878
55878
  children: e
55879
55879
  }), /* @__PURE__ */ t("span", {
55880
55880
  className: H("inline align-middle", "heading-thin-800 sm:heading-extra-thin-1100 lg:heading-extra-thin-1200"),
@@ -56000,7 +56000,7 @@ var y9 = {}, b9 = ({ variant: e, className: r, cssBackgroundColor: i, children:
56000
56000
  ]);
56001
56001
  }, S9 = ({ children: e, ref: r, ...i }) => /* @__PURE__ */ n("button", {
56002
56002
  ref: r,
56003
- className: H("component-semi-strong-700 rounded-500 size-h-700 flex items-center gap-3 pr-3 pl-4", "bg-background-subdued hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover active:bg-background-subdued-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring transition-all focus-visible:outline-hidden"),
56003
+ className: H("component-semi-strong-700 rounded-500 size-h-700 flex items-center gap-3 ps-4 pe-3", "bg-background-subdued hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover active:bg-background-subdued-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring transition-all focus-visible:outline-hidden"),
56004
56004
  ...i,
56005
56005
  children: [e, /* @__PURE__ */ t(f, {
56006
56006
  className: "icon-size-400 shrink-0",
@@ -56722,7 +56722,7 @@ var Q_e = Object.assign(R9, {
56722
56722
  children: /* @__PURE__ */ n("div", {
56723
56723
  className: H("mx-auto w-full max-w-[1200px]", "gap-i400 flex flex-col items-center", "lg:flex-row lg:gap-3", "xl:gap-6"),
56724
56724
  children: [/* @__PURE__ */ t("div", {
56725
- className: "relative z-1 w-full flex-1 lg:pr-8",
56725
+ className: "relative z-1 w-full flex-1 lg:pe-8",
56726
56726
  children: e
56727
56727
  }), /* @__PURE__ */ n("div", {
56728
56728
  className: "w-full flex-1",
@@ -56730,7 +56730,7 @@ var Q_e = Object.assign(R9, {
56730
56730
  className: H("rounded-500 relative mx-auto max-w-[480px] overflow-hidden lg:max-w-none", !!i && "lg:hidden"),
56731
56731
  children: r
56732
56732
  }), !!i && /* @__PURE__ */ t("div", {
56733
- className: H("hidden lg:block", "absolute top-0 bottom-0 left-1/2 w-max"),
56733
+ className: H("hidden lg:block", "absolute start-1/2 top-0 bottom-0 w-max"),
56734
56734
  children: i
56735
56735
  })]
56736
56736
  })]
@@ -56865,7 +56865,7 @@ var Q_e = Object.assign(R9, {
56865
56865
  size: "large"
56866
56866
  })), [a]), l = be(i) ? !!i.props?.children : !!i;
56867
56867
  return /* @__PURE__ */ n("header", {
56868
- className: U("lg:max-w-auto mx-auto max-w-[704px] lg:mx-0", "flex flex-col items-center lg:items-start", "text-center lg:text-left", s),
56868
+ className: U("lg:max-w-auto mx-auto max-w-[704px] lg:mx-0", "flex flex-col items-center lg:items-start", "text-center lg:text-start", s),
56869
56869
  children: [
56870
56870
  !!r && /* @__PURE__ */ t("div", {
56871
56871
  className: "component-700 sm:component-800 text-content-primary mb-1 max-w-[900px] sm:mb-2",
@@ -56892,7 +56892,7 @@ var Q_e = Object.assign(R9, {
56892
56892
  }, ove = ({ title: e, overline: r, placement: i = "default" }) => /* @__PURE__ */ n("div", {
56893
56893
  className: H("mx-auto flex w-full max-w-[1200px] flex-col gap-1", {
56894
56894
  "items-center text-center": i === "default",
56895
- "items-start text-left": i === "side"
56895
+ "items-start text-start": i === "side"
56896
56896
  }),
56897
56897
  children: [!!r && /* @__PURE__ */ t("div", {
56898
56898
  className: "component-700 text-content-accent max-w-[600px]",
@@ -57133,7 +57133,7 @@ var hve = ({ title: e, children: r, cta: i, image: a, ...o }) => {
57133
57133
  ...o,
57134
57134
  className: "lg:rounded-500 lg:bg-background-subdued relative flex flex-col lg:min-h-[300px] lg:overflow-hidden lg:p-10",
57135
57135
  children: [!!a && /* @__PURE__ */ t("div", {
57136
- className: H("pointer-events-none", "absolute inset-y-0 right-0", "hidden max-w-[576px] lg:flex", "mask-[linear-gradient(to_right,transparent,black_25%)]"),
57136
+ className: H("pointer-events-none", "absolute inset-y-0 end-0", "hidden max-w-[576px] lg:flex", "mask-[linear-gradient(to_right,transparent,black_25%)]", "rtl:mask-[linear-gradient(to_left,transparent,black_25%)]"),
57137
57137
  children: a
57138
57138
  }), /* @__PURE__ */ n("div", {
57139
57139
  className: "relative z-2 flex items-center justify-between gap-4 lg:max-w-[480px] lg:flex-col lg:items-start lg:gap-6",
@@ -57202,7 +57202,7 @@ var gve = ({ titleBlock: e, selectedIndex: r, background: i = "neutral-50-bottom
57202
57202
  children: r
57203
57203
  }),
57204
57204
  /* @__PURE__ */ t("div", {
57205
- className: H("flex h-12 w-12 items-center justify-center rounded-full bg-black", "absolute top-1/2 right-1/2 translate-x-1/2 -translate-y-1/2"),
57205
+ className: H("flex h-12 w-12 items-center justify-center rounded-full bg-black", "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"),
57206
57206
  children: /* @__PURE__ */ t(s, {
57207
57207
  width: 32,
57208
57208
  height: 32,
@@ -57211,7 +57211,7 @@ var gve = ({ titleBlock: e, selectedIndex: r, background: i = "neutral-50-bottom
57211
57211
  })
57212
57212
  ]
57213
57213
  }), vve = ({ image: e, withBorder: n, ...r }) => e ? /* @__PURE__ */ t("div", {
57214
- className: H("rounded-500 relative overflow-hidden", n && "after:rounded-500 after:border-misc-border after:pointer-events-none after:absolute after:top-0 after:left-0 after:h-full after:w-full after:border after:content-['']"),
57214
+ className: H("rounded-500 relative overflow-hidden", n && "after:rounded-500 after:border-misc-border after:pointer-events-none after:absolute after:start-0 after:top-0 after:h-full after:w-full after:border after:content-['']"),
57215
57215
  ...r,
57216
57216
  children: e
57217
57217
  }) : null, yve = ({ titleBlock: e, background: r, children: i, className: a, ...o }) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@photoroom/ui",
3
- "version": "0.1.286",
3
+ "version": "0.1.287",
4
4
  "private": false,
5
5
  "description": "Photoroom design system components",
6
6
  "sideEffects": [