@photoroom/ui 0.1.316 → 0.1.317
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
|
@@ -59,7 +59,7 @@ jt.displayName = "AppButton";
|
|
|
59
59
|
var Mt = (({ as: e = "button", icon: n, className: r, ref: i, ...a }) => /* @__PURE__ */ t(e, {
|
|
60
60
|
ref: i,
|
|
61
61
|
...a,
|
|
62
|
-
className: U("inline-flex items-center justify-center", "size-10 shrink-0", "rounded-500 border-misc-border misc-border-size-default", "hover:bg-background-subdued-hover focus-visible:bg-background-subdued active:bg-background-subdued-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:outline-hidden", "interaction-transition transition-colors", r),
|
|
62
|
+
className: U("inline-flex items-center justify-center", "size-10 shrink-0", "rounded-500 border-misc-border misc-border-size-default", "hover:bg-background-borderless-subdued-hover focus-visible:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:outline-hidden", "interaction-transition transition-colors", r),
|
|
63
63
|
children: /* @__PURE__ */ t(n, { className: "text-content-secondary size-5" })
|
|
64
64
|
}));
|
|
65
65
|
Mt.displayName = "BlogSocialButton";
|
|
@@ -6058,7 +6058,7 @@ var ds = G([
|
|
|
6058
6058
|
...i,
|
|
6059
6059
|
ref: r,
|
|
6060
6060
|
type: "button",
|
|
6061
|
-
className: U("relative overflow-hidden", "size-h-400 w-8 cursor-pointer rounded-full outline-hidden", "ring-misc-border ring-1", "bg-surface-higher text-content-primary shadow-500", "flex items-center justify-center", "before:absolute before:inset-0 before:rounded-full before:transition-colors", "hover:before:bg-background-subdued-hover", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:before:bg-background-subdued-hover", "active:before:bg-background-subdued-down", "interaction-transition transition-all", i.className),
|
|
6061
|
+
className: U("relative overflow-hidden", "size-h-400 w-8 cursor-pointer rounded-full outline-hidden", "ring-misc-border ring-1", "bg-surface-higher text-content-primary shadow-500", "flex items-center justify-center", "before:absolute before:inset-0 before:rounded-full before:transition-colors", "hover:before:bg-background-borderless-subdued-hover", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:before:bg-background-borderless-subdued-hover", "active:before:bg-background-borderless-subdued-down", "interaction-transition transition-all", i.className),
|
|
6062
6062
|
children: /* @__PURE__ */ t(L, { className: "icon-size-500 relative" })
|
|
6063
6063
|
})
|
|
6064
6064
|
});
|
|
@@ -9447,7 +9447,7 @@ var sc = 16, cc = 2, lc = (sc - cc) / 2, uc = 2 * Math.PI * lc, dc = ({ value: r
|
|
|
9447
9447
|
let c = we();
|
|
9448
9448
|
return /* @__PURE__ */ n("button", {
|
|
9449
9449
|
ref: o,
|
|
9450
|
-
className: W("h-10 px-3", "flex items-center gap-2", "rounded-500", "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 focus-visible:outline-hidden", "interaction-transition transition-colors", "disabled:cursor-not-allowed disabled:opacity-30", a),
|
|
9450
|
+
className: W("h-10 px-3", "flex items-center gap-2", "rounded-500", "hover:bg-background-borderless-subdued-hover focus-visible:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:outline-hidden", "interaction-transition transition-colors", "disabled:cursor-not-allowed disabled:opacity-30", a),
|
|
9451
9451
|
...s,
|
|
9452
9452
|
children: [/* @__PURE__ */ t(dc, {
|
|
9453
9453
|
value: e,
|
|
@@ -9567,9 +9567,9 @@ var vc = G("group flex w-full flex-col items-center justify-center gap-0.5 outli
|
|
|
9567
9567
|
disabled: !1,
|
|
9568
9568
|
toggled: !1,
|
|
9569
9569
|
class: [
|
|
9570
|
-
"group-hover:bg-background-subdued-hover group-focus-visible:bg-background-subdued-hover",
|
|
9570
|
+
"group-hover:bg-background-borderless-subdued-hover group-focus-visible:bg-background-borderless-subdued-hover",
|
|
9571
9571
|
"group-focus-visible:outline-hidden group-focus-visible:ring-misc-focus-indicator group-focus-visible:misc-border-size-focus-ring",
|
|
9572
|
-
"group-active:bg-background-subdued-down"
|
|
9572
|
+
"group-active:bg-background-borderless-subdued-down"
|
|
9573
9573
|
].join(" ")
|
|
9574
9574
|
},
|
|
9575
9575
|
{
|
|
@@ -9587,7 +9587,7 @@ var vc = G("group flex w-full flex-col items-center justify-center gap-0.5 outli
|
|
|
9587
9587
|
disabled: !1,
|
|
9588
9588
|
toggled: !1,
|
|
9589
9589
|
active: !0,
|
|
9590
|
-
class: "bg-background-subdued-hover"
|
|
9590
|
+
class: "bg-background-borderless-subdued-hover"
|
|
9591
9591
|
}
|
|
9592
9592
|
],
|
|
9593
9593
|
defaultVariants: {
|
|
@@ -9890,7 +9890,7 @@ Bc.displayName = "RoundedButton";
|
|
|
9890
9890
|
var Vc = ({ href: e, title: n, size: r = "default", icon: i, iconElement: a, className: o, ...s }) => /* @__PURE__ */ t("a", {
|
|
9891
9891
|
href: e,
|
|
9892
9892
|
target: "_blank",
|
|
9893
|
-
className: U("inline-flex cursor-pointer items-center justify-center", "rounded-500 outline-hidden", "hover:bg-
|
|
9893
|
+
className: U("inline-flex cursor-pointer items-center justify-center", "rounded-500 outline-hidden", "hover:bg-background-borderless-subdued-hover focus-visible:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "text-content-primary", "interaction-transition transition-all", {
|
|
9894
9894
|
"h-12 w-12": r === "default",
|
|
9895
9895
|
"h-10 w-10": r === "small"
|
|
9896
9896
|
}, o),
|
|
@@ -23758,9 +23758,10 @@ function Ww(e) {
|
|
|
23758
23758
|
//#region src/components/action/ToggleButton/ToggleButton.tsx
|
|
23759
23759
|
var Gw = ({ variant: e = "secondary", icons: r, labels: i, className: a, ref: o, ...s }) => /* @__PURE__ */ n(zw, {
|
|
23760
23760
|
...s,
|
|
23761
|
-
className: U("group shrink-0 cursor-pointer outline-hidden", "inline-flex flex-col items-center justify-center gap-0.5 p-2.5", "rounded-500", "
|
|
23761
|
+
className: U("group shrink-0 cursor-pointer outline-hidden", "inline-flex flex-col items-center justify-center gap-0.5 p-2.5", "rounded-500", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "radix-state-unchecked:text-content-primary", "disabled:cursor-not-allowed disabled:opacity-30", "interaction-transition transition-all", {
|
|
23762
23762
|
"aspect-square": !i,
|
|
23763
|
-
"radix-state-unchecked:bg-background-subdued": e === "secondary",
|
|
23763
|
+
"radix-state-unchecked:bg-background-subdued hover:radix-state-unchecked:bg-background-subdued-hover focus-visible:radix-state-unchecked:bg-background-subdued-hover active:radix-state-unchecked:bg-background-subdued-down": e === "secondary",
|
|
23764
|
+
"hover:radix-state-unchecked:bg-background-borderless-subdued-hover focus-visible:radix-state-unchecked:bg-background-borderless-subdued-hover active:radix-state-unchecked:bg-background-borderless-subdued-down": ["borderless", "borderless-subtle"].includes(e),
|
|
23764
23765
|
"radix-state-checked:bg-background-accent radix-state-checked:text-content-white-primary hover:radix-state-checked:bg-background-accent-hover focus-visible:radix-state-checked:bg-background-accent-hover active:radix-state-checked:bg-background-accent-down": ["secondary", "borderless"].includes(e),
|
|
23765
23766
|
"hover:radix-state-checked:bg-background-subdued-hover focus-visible:radix-state-checked:bg-background-subdued-hover active:radix-state-checked:bg-background-subdued-down": e === "borderless-subtle"
|
|
23766
23767
|
}, a),
|
|
@@ -36644,7 +36645,7 @@ xJ.displayName = "DropdownMenuSpaceItem";
|
|
|
36644
36645
|
var SJ = ({ title: e, avatar: r, badgeLabel: i, className: a, ref: o, ...s }) => /* @__PURE__ */ n("button", {
|
|
36645
36646
|
ref: o,
|
|
36646
36647
|
...s,
|
|
36647
|
-
className: U("shrink-0 cursor-pointer outline-hidden", "rounded-500 flex h-14 w-full items-center gap-3 p-2", "
|
|
36648
|
+
className: U("shrink-0 cursor-pointer outline-hidden", "rounded-500 flex h-14 w-full items-center gap-3 p-2", "data-radix-collection-item:focus:bg-background-borderless-subdued-hover", "data-radix-collection-item:active:bg-background-borderless-subdued-down", "[&:not([data-radix-collection-item])]:hover:bg-background-borderless-subdued-hover", "[&:not([data-radix-collection-item])]:focus-visible:bg-background-borderless-subdued-hover", "[&:not([data-radix-collection-item])]:active:bg-background-borderless-subdued-down", "[&:not([data-radix-collection-item])]:focus-visible:misc-border-size-focus-ring", "[&:not([data-radix-collection-item])]:focus-visible:ring-misc-focus-indicator", a),
|
|
36648
36649
|
children: [
|
|
36649
36650
|
/* @__PURE__ */ t(ms, {
|
|
36650
36651
|
...r,
|