@synopackageland/ui 0.23.7 → 0.23.9

package/dist/json-preview/preview.js

@@ -15215,7 +15215,7 @@ const DT = ["value", "type", "name", "placeholder", "disabled", "readonly"], RT
           disabled: d(o),
           "aria-label": l.value ? d(r)("Hide password") : d(r)("Show password"),
           "aria-pressed": l.value,
-          class: "absolute right-1 flex size-6 [--ui-hit-end-room:4px] items-center justify-center rounded-[var(--ui-radius-sm)] border-0 bg-transparent p-0 text-[var(--ui-text-secondary)] outline-none hover:text-[var(--ui-text)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)] disabled:opacity-40",
+          class: "absolute right-1 flex size-6 [--ui-hit-end-room:4px] items-center justify-center rounded-[var(--ui-radius-inner)] border-0 bg-transparent p-0 text-[var(--ui-text-secondary)] outline-none hover:text-[var(--ui-text)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)] disabled:opacity-40",
           onClick: k[1] || (k[1] = (b) => l.value = !l.value)
         }, [
           l.value ? (g(), F(d(wO), {
@@ -26938,7 +26938,7 @@ const ef = /* @__PURE__ */ j({
         id: c.value,
         "model-value": n.indeterminate ? "indeterminate" : n.modelValue,
         disabled: d(o),
-        class: [u.value && "mt-[var(--ui-choice-box-offset)]", "flex size-[var(--ui-choice-box-size)] shrink-0 items-center justify-center rounded-[var(--ui-radius-sm)] border border-[var(--ui-border-strong)] aria-[invalid=true]:border-[var(--ui-danger)] bg-[var(--ui-surface)] text-[var(--ui-primary-foreground)] outline-none transition-[border-color,background-color,box-shadow] duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] data-[state=checked]:border-[var(--ui-primary)] data-[state=checked]:bg-[var(--ui-primary)] data-[state=indeterminate]:border-[var(--ui-primary)] data-[state=indeterminate]:bg-[var(--ui-primary)] data-[disabled]:data-[state=indeterminate]:opacity-50 data-[state=indeterminate]:enabled:hover:bg-[var(--ui-primary-hover)] data-[state=indeterminate]:enabled:hover:border-[var(--ui-primary-hover)] focus-visible:shadow-[var(--ui-shadow-focus)] disabled:bg-[var(--ui-surface-subtle)] data-[disabled]:data-[state=checked]:opacity-50 data-[state=unchecked]:enabled:hover:border-[var(--ui-control-border-hover)] data-[state=unchecked]:enabled:active:bg-[var(--ui-control-bg-active)] data-[state=checked]:enabled:hover:bg-[var(--ui-primary-hover)] data-[state=checked]:enabled:hover:border-[var(--ui-primary-hover)] data-[state=checked]:enabled:active:bg-[var(--ui-primary-active)] data-[state=checked]:enabled:active:border-[var(--ui-primary-active)]"],
+        class: [u.value && "mt-[var(--ui-choice-box-offset)]", "flex size-[var(--ui-choice-box-size)] shrink-0 items-center justify-center rounded-[var(--ui-radius-inner)] border border-[var(--ui-border-strong)] aria-[invalid=true]:border-[var(--ui-danger)] bg-[var(--ui-surface)] text-[var(--ui-primary-foreground)] outline-none transition-[border-color,background-color,box-shadow] duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] data-[state=checked]:border-[var(--ui-primary)] data-[state=checked]:bg-[var(--ui-primary)] data-[state=indeterminate]:border-[var(--ui-primary)] data-[state=indeterminate]:bg-[var(--ui-primary)] data-[disabled]:data-[state=indeterminate]:opacity-50 data-[state=indeterminate]:enabled:hover:bg-[var(--ui-primary-hover)] data-[state=indeterminate]:enabled:hover:border-[var(--ui-primary-hover)] focus-visible:shadow-[var(--ui-shadow-focus)] disabled:bg-[var(--ui-surface-subtle)] data-[disabled]:data-[state=checked]:opacity-50 data-[state=unchecked]:enabled:hover:border-[var(--ui-control-border-hover)] data-[state=unchecked]:enabled:active:bg-[var(--ui-control-bg-active)] data-[state=checked]:enabled:hover:bg-[var(--ui-primary-hover)] data-[state=checked]:enabled:hover:border-[var(--ui-primary-hover)] data-[state=checked]:enabled:active:bg-[var(--ui-primary-active)] data-[state=checked]:enabled:active:border-[var(--ui-primary-active)]"],
         "onUpdate:modelValue": p[0] || (p[0] = (h) => {
           d(s)(h), a("update:modelValue", h === !0);
         })
@@ -27027,7 +27027,7 @@ const ef = /* @__PURE__ */ j({
   }
 }), NF = ["data-ui-choice-card", "data-state", "data-disabled"], LF = { class: "min-w-0 flex-1 break-words" }, FF = {
   key: 0,
-  class: "ui-choice-card-icon mb-[var(--ui-space-2)] flex size-8 items-center justify-center rounded-[var(--ui-radius-md)]",
+  class: "ui-choice-card-icon mb-[var(--ui-space-2)] flex size-8 items-center justify-center rounded-[var(--ui-radius-control)]",
   "data-ui-choice-card-icon": "",
   "aria-hidden": "true"
 }, zF = /* @__PURE__ */ j({
@@ -27061,7 +27061,7 @@ const ef = /* @__PURE__ */ j({
           key: u.value,
           class: de(["flex min-w-0 items-start gap-[var(--ui-choice-box-gap)] text-[length:var(--ui-font-size-control)] text-[var(--ui-text)]", [
             d(o) || u.disabled ? "cursor-default text-[var(--ui-text-disabled)]" : "cursor-pointer",
-            n.variant === "card" ? "ui-choice-card relative rounded-[var(--ui-radius-lg)] border p-[var(--ui-space-3)] transition-[border-color,background-color,box-shadow] duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)]" : "[@media(pointer:coarse)]:min-h-8 [@media(pointer:coarse)]:items-center"
+            n.variant === "card" ? "ui-choice-card relative rounded-[var(--ui-radius-panel)] border p-[var(--ui-space-3)] transition-[border-color,background-color,box-shadow] duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)]" : "[@media(pointer:coarse)]:min-h-8 [@media(pointer:coarse)]:items-center"
           ]]),
           "data-ui-choice-card": n.variant === "card" ? "" : void 0,
           "data-state": n.variant === "card" ? n.modelValue === u.value ? "checked" : "unchecked" : void 0,
@@ -27161,12 +27161,12 @@ const WF = {
   key: 0,
   "data-ui-option-check": "",
   "aria-hidden": "true",
-  class: "flex size-5 shrink-0 items-center justify-center rounded-[var(--ui-radius-sm)] border border-[var(--ui-border-strong)] bg-[var(--ui-surface)] text-[var(--ui-primary-foreground)] group-data-[state=checked]:border-[var(--ui-primary)] group-data-[state=checked]:bg-[var(--ui-primary)]"
+  class: "flex size-5 shrink-0 items-center justify-center rounded-[var(--ui-radius-inner)] border border-[var(--ui-border-strong)] bg-[var(--ui-surface)] text-[var(--ui-primary-foreground)] group-data-[state=checked]:border-[var(--ui-primary)] group-data-[state=checked]:bg-[var(--ui-primary)]"
 }, HF = { class: "min-w-0 flex-1 truncate" }, ZF = {
   key: 0,
   class: "px-3 py-3 text-[length:var(--ui-font-size)] text-[var(--ui-text-muted)]",
   "aria-live": "polite"
-}, GF = { class: "min-w-0 flex-1 truncate" }, hv = "relative flex min-h-12 select-none items-center gap-3 rounded-[var(--ui-radius-md)] px-3 text-[length:var(--ui-font-size)] text-[var(--ui-text)] outline-none data-[highlighted]:bg-[var(--ui-neutral-soft)] data-[disabled]:opacity-40", YF = /* @__PURE__ */ j({
+}, GF = { class: "min-w-0 flex-1 truncate" }, hv = "relative flex min-h-12 select-none items-center gap-3 rounded-[var(--ui-radius-control)] px-3 text-[length:var(--ui-font-size)] text-[var(--ui-text)] outline-none data-[highlighted]:bg-[var(--ui-neutral-soft)] data-[disabled]:opacity-40", YF = /* @__PURE__ */ j({
   __name: "SelectSheet",
   props: {
     open: { type: Boolean },
@@ -27459,7 +27459,7 @@ const WF = {
                 "data-ui-popup-motion": d(M)() === "none" ? "none" : void 0,
                 position: "popper",
                 "side-offset": 4,
-                class: ["z-[1450] min-w-[min(var(--reka-select-trigger-width),var(--reka-popper-available-width))] overflow-hidden rounded-[var(--ui-radius-md)] border border-[var(--ui-border-floating)] bg-[var(--ui-surface-raised)] p-1 shadow-[var(--ui-shadow-menu)]", d(Tl)],
+                class: ["z-[1450] min-w-[min(var(--reka-select-trigger-width),var(--reka-popper-available-width))] overflow-hidden rounded-[var(--ui-radius-popover)] border border-[var(--ui-border-floating)] bg-[var(--ui-surface-raised)] p-1 shadow-[var(--ui-shadow-menu)]", d(Tl)],
                 "data-syno-pkg-land-ui": "",
                 onEscapeKeyDown: d(Ml),
                 onFocusin: k,
@@ -27505,7 +27505,7 @@ const WF = {
                             value: re.value,
                             "text-value": re.label,
                             disabled: re.disabled,
-                            class: de(["relative flex h-[var(--ui-menu-row-height)] select-none items-center rounded-[var(--ui-radius-sm)] py-1 pr-8 text-[length:var(--ui-font-size-control)] text-[var(--ui-text)] outline-none data-[highlighted]:bg-[var(--ui-neutral-soft)] data-[state=checked]:bg-[var(--ui-surface-selected)] data-[disabled]:opacity-40", ge.label && ge.indent ? "pl-5" : "pl-2.5"])
+                            class: de(["relative flex h-[var(--ui-menu-row-height)] select-none items-center rounded-[var(--ui-radius-inner)] py-1 pr-8 text-[length:var(--ui-font-size-control)] text-[var(--ui-text)] outline-none data-[highlighted]:bg-[var(--ui-neutral-soft)] data-[state=checked]:bg-[var(--ui-surface-selected)] data-[disabled]:opacity-40", ge.label && ge.indent ? "pl-5" : "pl-2.5"])
                           }, {
                             default: R(() => [
                               ie("span", oz, [
@@ -27617,7 +27617,7 @@ function pz() {
 function vw() {
   return Fe(hw, !1);
 }
-const mw = "z-[1450] max-w-[min(18rem,var(--reka-popper-available-width,18rem))] rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip-bg)] px-3 py-1.5 text-[length:var(--ui-font-size-sm)] leading-4 text-[var(--ui-tooltip-fg)] whitespace-pre-line shadow-[var(--ui-shadow-menu)] [overflow-wrap:anywhere] animate-[ui-fade-in_var(--ui-motion-fast)_var(--ui-motion-ease)]", gw = 6, yw = 350, hz = 300;
+const mw = "z-[1450] max-w-[min(18rem,var(--reka-popper-available-width,18rem))] rounded-[var(--ui-radius-inner)] bg-[var(--ui-tooltip-bg)] px-3 py-1.5 text-[length:var(--ui-font-size-sm)] leading-4 text-[var(--ui-tooltip-fg)] whitespace-pre-line shadow-[var(--ui-shadow-menu)] [overflow-wrap:anywhere] animate-[ui-fade-in_var(--ui-motion-fast)_var(--ui-motion-ease)]", gw = 6, yw = 350, hz = 300;
 let Cr = 0, Mc;
 const Nl = /* @__PURE__ */ N(!1);
 function bw() {
@@ -27820,7 +27820,7 @@ const ww = /* @__PURE__ */ j({
   setup(e) {
     const n = Zn(e, { label: "Loading" });
     return (o, a) => (g(), I("div", {
-      class: "inline-flex min-h-8 items-center gap-2 rounded-[var(--ui-radius-sm)] border border-[var(--ui-border)] bg-[var(--ui-surface)] py-1 pr-4 pl-2 text-[length:var(--ui-font-size)] leading-5 text-[var(--ui-text)] shadow-[var(--ui-shadow-card)]",
+      class: "inline-flex min-h-8 items-center gap-2 rounded-[var(--ui-radius-inner)] border border-[var(--ui-border)] bg-[var(--ui-surface)] py-1 pr-4 pl-2 text-[length:var(--ui-font-size)] leading-5 text-[var(--ui-text)] shadow-[var(--ui-shadow-card)]",
       role: "status",
       "aria-label": e.text || d(n).label,
       "data-syno-pkg-land-ui": ""
@@ -27911,7 +27911,7 @@ const ww = /* @__PURE__ */ j({
   props: {
     width: { default: "100%" },
     height: { default: "16px" },
-    radius: { default: "var(--ui-radius-sm)" },
+    radius: { default: "var(--ui-radius-inner)" },
     pulse: { type: Boolean, default: !0 }
   },
   setup(e) {
@@ -28133,7 +28133,7 @@ const Iz = ["data-ui-skeleton", "data-pending"], Dz = { class: "sr-only" }, Rz =
           (g(!0), I(xe, null, Ze(e.count, (p) => (g(), I("span", {
             key: p,
             "data-ui-skeleton-card": "",
-            class: "box-border flex flex-col gap-2 overflow-hidden rounded-[var(--ui-radius-md)] border border-[var(--ui-border-subtle)] px-3 py-2",
+            class: "box-border flex flex-col gap-2 overflow-hidden rounded-[var(--ui-radius-container)] border border-[var(--ui-border-subtle)] px-3 py-2",
             style: Ge({ height: e.cardHeight })
           }, [
             K(Xt, {
@@ -28185,7 +28185,7 @@ const Iz = ["data-ui-skeleton", "data-pending"], Dz = { class: "sr-only" }, Rz =
     const t = e, n = { none: "", sm: "p-3", md: "p-4", lg: "p-6" }, o = S(() => t.variant === "inset"), a = S(() => t.padding ? n[t.padding] : o.value ? "px-4 py-3" : n.md);
     return (r, i) => (g(), I("section", {
       class: de([
-        "rounded-[var(--ui-radius-md)]",
+        "rounded-[var(--ui-radius-container)]",
         o.value ? "bg-[var(--ui-surface-inset)]" : "bg-[var(--ui-surface)]",
         e.border && !o.value && "border border-[var(--ui-border-subtle)]",
         e.raised && "shadow-[var(--ui-shadow-menu)]",
@@ -28629,7 +28629,7 @@ const Hz = {
 }, vB = {
   key: 1,
   class: "shrink-0 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-muted)]"
-}, Xi = "flex min-h-[var(--ui-menu-row-height)] select-none items-center gap-2 rounded-[var(--ui-radius-sm)] px-2 py-1 text-left text-[length:var(--ui-font-size)] outline-none data-[highlighted]:bg-[var(--ui-primary-soft)] data-[disabled]:opacity-40", mB = /* @__PURE__ */ j({
+}, Xi = "flex min-h-[var(--ui-menu-row-height)] select-none items-center gap-2 rounded-[var(--ui-radius-inner)] px-2 py-1 text-left text-[length:var(--ui-font-size)] outline-none data-[highlighted]:bg-[var(--ui-primary-soft)] data-[disabled]:opacity-40", mB = /* @__PURE__ */ j({
   name: "DropdownMenuItems",
   __name: "DropdownMenuItems",
   props: {
@@ -28707,7 +28707,7 @@ const Hz = {
                   "side-offset": 4,
                   "align-offset": -4
                 }, { ref_for: !0 }, e.floating, {
-                  class: ["z-[1450] min-w-[min(11rem,var(--reka-popper-available-width))] overflow-y-auto [scrollbar-gutter:stable] rounded-[var(--ui-radius-md)] border border-[var(--ui-border-floating)] bg-[var(--ui-surface-raised)] p-1 shadow-[var(--ui-shadow-menu)] outline-none", d(Tl)],
+                  class: ["z-[1450] min-w-[min(11rem,var(--reka-popper-available-width))] overflow-y-auto [scrollbar-gutter:stable] rounded-[var(--ui-radius-popover)] border border-[var(--ui-border-floating)] bg-[var(--ui-surface-raised)] p-1 shadow-[var(--ui-shadow-menu)] outline-none", d(Tl)],
                   "data-syno-pkg-land-ui": ""
                 }), {
                   default: R(() => [
@@ -28856,7 +28856,7 @@ const Hz = {
   key: 1,
   "data-menu-hint": "",
   class: "shrink-0 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-muted)]"
-}, Bu = "flex min-h-12 w-full select-none items-center gap-3 rounded-[var(--ui-radius-md)] px-3 py-1.5 text-left text-[length:var(--ui-font-size)] outline-none hover:bg-[var(--ui-neutral-soft)] focus-visible:bg-[var(--ui-neutral-soft)] disabled:opacity-40", CB = /* @__PURE__ */ j({
+}, Bu = "flex min-h-12 w-full select-none items-center gap-3 rounded-[var(--ui-radius-control)] px-3 py-1.5 text-left text-[length:var(--ui-font-size)] outline-none hover:bg-[var(--ui-neutral-soft)] focus-visible:bg-[var(--ui-neutral-soft)] disabled:opacity-40", CB = /* @__PURE__ */ j({
   inheritAttrs: !1,
   __name: "DropdownMenuSheet",
   props: {
@@ -29086,7 +29086,7 @@ const Hz = {
                 "data-ui-popup-motion": d(k)() === "none" ? "none" : void 0,
                 align: n.align,
                 "side-offset": 4,
-                class: ["z-[1450] min-w-[min(11rem,var(--reka-popper-available-width))] overflow-y-auto [scrollbar-gutter:stable] rounded-[var(--ui-radius-md)] border border-[var(--ui-border-floating)] bg-[var(--ui-surface-raised)] p-1 shadow-[var(--ui-shadow-menu)] outline-none", d(Tl)],
+                class: ["z-[1450] min-w-[min(11rem,var(--reka-popper-available-width))] overflow-y-auto [scrollbar-gutter:stable] rounded-[var(--ui-radius-popover)] border border-[var(--ui-border-floating)] bg-[var(--ui-surface-raised)] p-1 shadow-[var(--ui-shadow-menu)] outline-none", d(Tl)],
                 "data-syno-pkg-land-ui": "",
                 onEscapeKeyDown: d(Ml)
               }), {
@@ -29389,7 +29389,7 @@ const TB = ["data-ui-dialog-header-divider", "data-ui-drag-handle"], $B = ["data
                         key: 0,
                         "data-dialog-close": "",
                         "data-ui-hit": "",
-                        class: "-my-1 [@media(pointer:coarse)]:my-0 flex size-7 shrink-0 items-center justify-center rounded-[var(--ui-radius-sm)] text-[var(--ui-text-muted)] outline-none hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)]",
+                        class: "-my-1 [@media(pointer:coarse)]:my-0 flex size-7 shrink-0 items-center justify-center rounded-[var(--ui-radius-inner)] text-[var(--ui-text-muted)] outline-none hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)]",
                         "aria-label": d(o).closeLabel
                       }, {
                         default: R(() => [
@@ -29583,7 +29583,7 @@ const BB = ["aria-label", "aria-labelledby", "data-ui-segment-control", "data-ov
       A.target === v.value && A.propertyName === "transform" && b();
     }
     Le(() => clearTimeout(y));
-    const T = { borderRadius: "var(--ui-radius-md)", background: "var(--ui-surface)", boxShadow: "var(--ui-shadow-card)" };
+    const T = { borderRadius: "var(--ui-radius-control)", background: "var(--ui-surface)", boxShadow: "var(--ui-shadow-card)" };
     return (A, P) => (g(), I("div", {
       ref_key: "root",
       ref: f,
@@ -29592,7 +29592,7 @@ const BB = ["aria-label", "aria-labelledby", "data-ui-segment-control", "data-ov
       "aria-labelledby": n.ariaLabelledby,
       class: de([
         "ui-segment-control",
-        n.variant === "sheet" ? "relative isolate inline-flex w-[var(--ui-segment-control-width,auto)] max-w-full items-end shadow-[inset_0_-1px_0_var(--ui-border)]" : u.size.value === "sm" ? "relative isolate inline-flex h-8 w-[var(--ui-segment-control-width,auto)] max-w-full items-center gap-[var(--ui-space-1)] overflow-x-auto [scrollbar-width:none] rounded-[var(--ui-radius-lg)] bg-[var(--ui-surface-subtle)] p-1" : "relative isolate inline-flex w-[var(--ui-segment-control-width,auto)] max-w-full items-center gap-[var(--ui-space-1)] overflow-x-auto [scrollbar-width:none] rounded-[var(--ui-radius-pill)] border border-[var(--ui-border)] bg-[var(--ui-surface-subtle)] p-px",
+        n.variant === "sheet" ? "relative isolate inline-flex w-[var(--ui-segment-control-width,auto)] max-w-full items-end shadow-[inset_0_-1px_0_var(--ui-border)]" : u.size.value === "sm" ? "relative isolate inline-flex h-8 w-[var(--ui-segment-control-width,auto)] max-w-full items-center gap-[var(--ui-space-1)] overflow-x-auto [scrollbar-width:none] rounded-[var(--ui-radius-panel)] bg-[var(--ui-surface-subtle)] p-1" : "relative isolate inline-flex w-[var(--ui-segment-control-width,auto)] max-w-full items-center gap-[var(--ui-space-1)] overflow-x-auto [scrollbar-width:none] rounded-[var(--ui-radius-pill)] border border-[var(--ui-border)] bg-[var(--ui-surface-subtle)] p-px",
         n.disabled && "opacity-40"
       ]),
       "data-ui-segment-control": n.variant,
@@ -29638,7 +29638,7 @@ const BB = ["aria-label", "aria-labelledby", "data-ui-segment-control", "data-ov
     si(i);
     const s = S(() => n?.selected.value === t.value), l = S(() => t.disabled || !!n?.groupDisabled.value), c = S(() => s.value && !l.value ? 0 : -1), u = S(() => t.dot !== !1 && t.dot !== void 0), f = S(() => typeof t.dot == "string" && t.dot ? t.dot : void 0), p = S(() => typeof t.tooltip == "string" ? t.tooltip : t.tooltip === !0 ? t.ariaLabel ?? o.value?.textContent?.trim() ?? "" : t.tooltip && typeof t.tooltip == "object" && typeof t.tooltip.content == "string" ? t.tooltip.content : ""), h = S(
       () => an(
-        "relative inline-flex h-6 shrink-0 items-center justify-center gap-1.5 rounded-[var(--ui-radius-md)] px-2 text-[length:var(--ui-font-size-sm)] font-medium outline-none transition-colors duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] focus-visible:shadow-[var(--ui-shadow-focus)]",
+        "relative inline-flex h-6 shrink-0 items-center justify-center gap-1.5 rounded-[var(--ui-radius-control)] px-2 text-[length:var(--ui-font-size-sm)] font-medium outline-none transition-colors duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] focus-visible:shadow-[var(--ui-shadow-focus)]",
         r.value ? "min-w-6" : "min-w-12",
         s.value ? "bg-[var(--ui-surface)] text-[var(--ui-text)] shadow-[var(--ui-shadow-card)] [[data-ui-segment-moving]_&]:shadow-none" : "text-[var(--ui-text-secondary)]",
         l.value ? "opacity-40" : !s.value && "hover:text-[var(--ui-text)] hover:bg-[var(--ui-surface-hover)]"
@@ -29653,7 +29653,7 @@ const BB = ["aria-label", "aria-labelledby", "data-ui-segment-control", "data-ov
       )
     ), m = S(
       () => an(
-        "relative -ms-px inline-flex h-8 min-w-0 shrink items-center justify-center gap-1.5 whitespace-nowrap rounded-t-[var(--ui-radius-sm)] border border-[var(--ui-border)] px-3 text-[length:var(--ui-font-size)] outline-none transition-colors duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] first:ms-0 focus-visible:z-[2] focus-visible:shadow-[var(--ui-shadow-focus)]",
+        "relative -ms-px inline-flex h-8 min-w-0 shrink items-center justify-center gap-1.5 whitespace-nowrap rounded-t-[var(--ui-radius-inner)] border border-[var(--ui-border)] px-3 text-[length:var(--ui-font-size)] outline-none transition-colors duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] first:ms-0 focus-visible:z-[2] focus-visible:shadow-[var(--ui-shadow-focus)]",
         s.value && "z-[1] border-b-[var(--ui-surface)] bg-[var(--ui-surface)] font-medium text-[var(--ui-accent-11)] shadow-[inset_0_2px_0_var(--ui-accent-9)] focus-visible:shadow-[inset_0_2px_0_var(--ui-accent-9),var(--ui-shadow-focus)]",
         !s.value && "bg-[var(--ui-surface-subtle)] text-[var(--ui-text-secondary)]",
         l.value ? "opacity-40" : !s.value && "hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] active:bg-[var(--ui-surface-selected)]"
@@ -30274,7 +30274,7 @@ const kq = {
                   "data-disabled": e.disabled || void 0,
                   "data-ui-infotip-wrap": e.wrap || void 0,
                   "data-ui-hit": e.wrap ? void 0 : "",
-                  class: ["relative inline-flex items-center outline-none transition-colors duration-[var(--ui-motion-fast)] focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)] data-[disabled]:opacity-40", e.wrap ? "min-w-0 max-w-full gap-[inherit] rounded-[var(--ui-radius-sm)] text-start text-inherit" : [
+                  class: ["relative inline-flex items-center outline-none transition-colors duration-[var(--ui-motion-fast)] focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)] data-[disabled]:opacity-40", e.wrap ? "min-w-0 max-w-full gap-[inherit] rounded-[var(--ui-radius-inner)] text-start text-inherit" : [
                     "shrink-0 justify-center rounded-full align-middle before:absolute before:content-['']",
                     e.type === "white" ? "text-[var(--ui-primary-foreground)]" : "text-[var(--ui-primary)]",
                     e.size === "small" ? "size-3.5 [@media(pointer:fine)]:before:-inset-2.5" : "size-4 [@media(pointer:fine)]:before:-inset-2"
@@ -30313,7 +30313,7 @@ const kq = {
                       ref_key: "contentEl",
                       ref: l,
                       role: "tooltip",
-                      class: de(["z-[1450] max-w-[min(18rem,var(--reka-popper-available-width))] max-h-[var(--reka-popper-available-height)] overflow-y-auto rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip-bg)] text-[length:var(--ui-font-size-sm)] leading-4 text-[var(--ui-tooltip-fg)] [overflow-wrap:anywhere] shadow-[var(--ui-shadow-menu)] outline-none [&_a]:underline [&_a]:text-inherit", b.value]),
+                      class: de(["z-[1450] max-w-[min(18rem,var(--reka-popper-available-width))] max-h-[var(--reka-popper-available-height)] overflow-y-auto rounded-[var(--ui-radius-inner)] bg-[var(--ui-tooltip-bg)] text-[length:var(--ui-font-size-sm)] leading-4 text-[var(--ui-tooltip-fg)] [overflow-wrap:anywhere] shadow-[var(--ui-shadow-menu)] outline-none [&_a]:underline [&_a]:text-inherit", b.value]),
                       "data-syno-pkg-land-ui": "",
                       onPointerenter: ge,
                       onPointerleave: re,
@@ -30867,7 +30867,7 @@ const pV = ["data-ui-data-view", "data-fill"], hV = {
         (g(!0), I(xe, null, Ze(d(a).rows, (q, Z) => (g(), I("article", {
           key: D(q, Z),
           "data-ui-row-new": d(M).has(D(q, Z)) ? "" : void 0,
-          class: "min-w-0 rounded-[var(--ui-radius-md)] border border-[var(--ui-border)] bg-[var(--ui-surface)] px-3 py-2.5",
+          class: "min-w-0 rounded-[var(--ui-radius-container)] border border-[var(--ui-border)] bg-[var(--ui-surface)] px-3 py-2.5",
           role: "listitem"
         }, [
           ie("dl", xV, [
@@ -31026,7 +31026,7 @@ const pV = ["data-ui-data-view", "data-fill"], hV = {
           "data-ui-cell-primary": "",
           "data-ui-tooltip-hint": e.openLabel,
           disabled: e.openDisabled,
-          class: de([a.value, "m-0 -mx-0.5 min-w-0 max-w-full rounded-[var(--ui-radius-sm)] border-0 bg-transparent px-0.5 py-0 text-left text-[length:inherit] leading-5 text-[var(--ui-primary)] outline-none hover:underline focus-visible:shadow-[0_0_0_1px_var(--ui-primary),0_0_0_3px_var(--ui-focus-ring)] disabled:cursor-default disabled:opacity-50 disabled:hover:no-underline"]),
+          class: de([a.value, "m-0 -mx-0.5 min-w-0 max-w-full rounded-[var(--ui-radius-inner)] border-0 bg-transparent px-0.5 py-0 text-left text-[length:inherit] leading-5 text-[var(--ui-primary)] outline-none hover:underline focus-visible:shadow-[0_0_0_1px_var(--ui-primary),0_0_0_3px_var(--ui-focus-ring)] disabled:cursor-default disabled:opacity-50 disabled:hover:no-underline"]),
           onClick: i[0] || (i[0] = (s) => r.$emit("open"))
         }, [
           z(r.$slots, "default", {}, () => [
@@ -31067,7 +31067,7 @@ const pV = ["data-ui-data-view", "data-fill"], hV = {
 }, BV = {
   "data-ui-cell-status-label": "",
   tabindex: "0",
-  class: "-mx-0.5 min-w-0 truncate rounded-[var(--ui-radius-sm)] px-0.5 outline-none focus-visible:shadow-[0_0_0_1px_var(--ui-primary),0_0_0_3px_var(--ui-focus-ring)]"
+  class: "-mx-0.5 min-w-0 truncate rounded-[var(--ui-radius-inner)] px-0.5 outline-none focus-visible:shadow-[0_0_0_1px_var(--ui-primary),0_0_0_3px_var(--ui-focus-ring)]"
 }, qV = {
   key: 1,
   "data-ui-cell-status-label": "",
@@ -32565,7 +32565,7 @@ const j2 = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
   emits: ["select", "toggle"],
   setup(e, { emit: t }) {
     const n = e, o = t, a = (f) => n.searching || n.expandedKeys.includes(f.key), r = (f) => n.collapsed ? void 0 : { paddingLeft: `calc(var(--ui-space-3) + ${f * 16}px)` }, i = (f) => !!n.collapsed && !f.icon, s = (f) => !!f.children?.some((p) => i(p) && n.modelValue === p.key || s(p)), l = (f) => n.modelValue === f.key || !!n.collapsed && s(f), c = S(() => !n.collapsed && n.items.some((f) => f.children?.length)), u = (f) => [
-      "flex min-h-[var(--ui-nav-row-height,var(--ui-nav-row-height-default,42px))] w-full items-center border-0 gap-[var(--ui-space-2)] rounded-[var(--ui-radius-lg)] px-[var(--ui-space-3)] py-1 text-left text-[length:var(--ui-font-size-lg)] leading-snug outline-none transition-colors focus-visible:shadow-[var(--ui-shadow-focus)] disabled:opacity-40",
+      "flex min-h-[var(--ui-nav-row-height,var(--ui-nav-row-height-default,42px))] w-full items-center border-0 gap-[var(--ui-space-2)] rounded-[var(--ui-radius-nav)] px-[var(--ui-space-3)] py-1 text-left text-[length:var(--ui-font-size-lg)] leading-snug outline-none transition-colors focus-visible:shadow-[var(--ui-shadow-focus)] disabled:opacity-40",
       l(f) ? "bg-[var(--ui-surface-selected)] text-[var(--ui-text)]" : "bg-transparent text-[var(--ui-text)] hover:bg-[var(--ui-surface-hover)]"
     ];
     return (f, p) => {
@@ -32688,7 +32688,7 @@ const j2 = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       f && !f.disabled && o("select", f);
     }
     const l = (c) => [
-      "inline-flex h-[var(--ui-nav-row-height,var(--ui-nav-row-height-default,42px))] shrink-0 items-center gap-[var(--ui-space-2)] whitespace-nowrap rounded-[var(--ui-radius-lg)] border-0 px-[var(--ui-space-3)] text-[length:var(--ui-font-size-lg)] outline-none transition-colors focus-visible:shadow-[var(--ui-shadow-focus)] disabled:opacity-40",
+      "inline-flex h-[var(--ui-nav-row-height,var(--ui-nav-row-height-default,42px))] shrink-0 items-center gap-[var(--ui-space-2)] whitespace-nowrap rounded-[var(--ui-radius-nav)] border-0 px-[var(--ui-space-3)] text-[length:var(--ui-font-size-lg)] outline-none transition-colors focus-visible:shadow-[var(--ui-shadow-focus)] disabled:opacity-40",
       c ? "bg-[var(--ui-surface-selected)] text-[var(--ui-text)]" : "bg-transparent text-[var(--ui-text)] hover:bg-[var(--ui-surface-hover)]"
     ];
     return (c, u) => (g(!0), I(xe, null, Ze(n.items, (f) => (g(), I(xe, {
@@ -33920,7 +33920,7 @@ const B3 = ["data-direction", "data-inset", "data-status"], q3 = ["id", "for"],
     }), Ve = S(() => {
       const Y = U.value ? "text-[var(--ui-danger)]" : Z.value === "warning" ? "text-[var(--ui-warning)]" : Z.value === "success" ? "text-[var(--ui-success)]" : "text-[var(--ui-text-secondary)]";
       return Me.value === "text" ? an("mt-1 text-[length:var(--ui-font-size-sm)] leading-4", Y) : an(
-        "absolute left-0 top-full z-[1100] mt-1 max-w-[min(100%,20rem)] rounded-[var(--ui-radius-md)] px-2.5 py-1.5 text-[length:var(--ui-font-size-sm)] leading-4 shadow-[var(--ui-shadow-menu)]",
+        "absolute left-0 top-full z-[1100] mt-1 max-w-[min(100%,20rem)] rounded-[var(--ui-radius-popover)] px-2.5 py-1.5 text-[length:var(--ui-font-size-sm)] leading-4 shadow-[var(--ui-shadow-menu)]",
         U.value ? "bg-[var(--ui-danger-hover)] text-[var(--ui-danger-foreground)]" : "bg-[var(--ui-tooltip-bg)] text-[var(--ui-tooltip-fg)]",
         "transition-opacity duration-[var(--ui-motion-fast)]",
         W.value ? "opacity-100" : "pointer-events-none opacity-0"

package/dist/reka-runtime.json

@@ -3,7 +3,7 @@
   "version": "2.11.0",
   "delivery": "bundled-patched-esm",
   "patchManifestSha256": "9c5b9c9a162fa584b4695a683368a4484b3ac6e70177fd063b77aa618c051627",
-  "bundleSha256": "ac706c9e44fc2305ffd53c63450f924ed97151c0025cc77f0b7c1de5ce7968f4",
+  "bundleSha256": "8e9b8504543503208bf2f53038c3f4da92bb1726f539f980350f9c2531c050c7",
   "sourceHashes": {
     "shared/useBodyScrollLock.js": "287bfb604318c4202769e4b5191896eaf0e52a952e1de898967cbe09467fcfda",
     "DismissableLayer/DismissableLayer.js": "3c8d248f0a32e01f89ca1f6202b1bb691bf5d0e4012a92535e161c35e69cdc32",

package/dist/rich-text.js

@@ -32,7 +32,7 @@ function ba(a) {
       return ({ node: o }) => {
         let i = o;
         const u = document.createElement("div");
-        u.className = "relative my-1 flex w-fit max-w-full overflow-hidden rounded-[var(--ui-radius-md)] border border-[var(--ui-border-subtle)] bg-[var(--ui-surface-subtle)] [&.ProseMirror-selectednode]:shadow-[var(--ui-shadow-focus)]", u.setAttribute("data-ui-rich-editor-image", ""), u.contentEditable = "false";
+        u.className = "relative my-1 flex w-fit max-w-full overflow-hidden rounded-[var(--ui-radius-container)] border border-[var(--ui-border-subtle)] bg-[var(--ui-surface-subtle)] [&.ProseMirror-selectednode]:shadow-[var(--ui-shadow-focus)]", u.setAttribute("data-ui-rich-editor-image", ""), u.contentEditable = "false";
         const n = () => {
           const { id: s, alt: S, upload: k, src: h } = i.attrs, m = s ? a.file(s) : void 0, v = i.attrs.progress < 0 ? "failed" : i.attrs.progress, c = h ?? m?.preview ?? m?.url ?? m?.thumb;
           if (u.replaceChildren(), u.style.background = m?.dominant ?? "", u.dataset.state = v === "failed" ? "failed" : k ? "uploading" : m?.state ?? (c ? "ready" : "missing"), c) {
@@ -637,14 +637,14 @@ const La = ["data-variant", "data-over"], Sa = ["aria-label"], Aa = ["aria-label
       he?.disconnect(), $.cancelAll(), clearTimeout(z), oe.value === me && (oe.value = null);
       for (const e of f) URL.revokeObjectURL(e);
     });
-    const H = "relative flex size-8 shrink-0 items-center justify-center rounded-[var(--ui-radius-sm)] border-0 bg-transparent p-0 text-[var(--ui-text-secondary)] outline-none hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[var(--ui-shadow-focus)] disabled:pointer-events-none disabled:text-[var(--ui-text-disabled)] aria-pressed:bg-[var(--ui-primary-soft)] aria-pressed:text-[var(--ui-primary)] [@media(pointer:coarse)]:size-11", St = [
+    const H = "relative flex size-8 shrink-0 items-center justify-center rounded-[var(--ui-radius-inner)] border-0 bg-transparent p-0 text-[var(--ui-text-secondary)] outline-none hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[var(--ui-shadow-focus)] disabled:pointer-events-none disabled:text-[var(--ui-text-disabled)] aria-pressed:bg-[var(--ui-primary-soft)] aria-pressed:text-[var(--ui-primary)] [@media(pointer:coarse)]:size-11", St = [
       "min-w-0 text-[length:var(--ui-font-size)] leading-5 text-[var(--ui-text)] [overflow-wrap:anywhere]",
       "[&_.ProseMirror]:outline-none [&_.ProseMirror]:whitespace-pre-wrap [&_.ProseMirror_p]:m-0 [&_.ProseMirror>*+*]:mt-2",
       "[&_.ProseMirror_h2]:m-0 [&_.ProseMirror_h2]:text-[1.25em] [&_.ProseMirror_h2]:font-semibold [&_.ProseMirror_h3]:m-0 [&_.ProseMirror_h3]:text-[1.1em] [&_.ProseMirror_h3]:font-semibold",
       "[&_.ProseMirror_ul]:m-0 [&_.ProseMirror_ul]:list-disc [&_.ProseMirror_ul]:ps-5 [&_.ProseMirror_ol]:m-0 [&_.ProseMirror_ol]:list-decimal [&_.ProseMirror_ol]:ps-5",
       "[&_.ProseMirror_blockquote]:m-0 [&_.ProseMirror_blockquote]:border-s-[3px] [&_.ProseMirror_blockquote]:border-[var(--ui-border-strong)] [&_.ProseMirror_blockquote]:ps-3 [&_.ProseMirror_blockquote]:text-[var(--ui-text-secondary)]",
-      "[&_.ProseMirror_pre]:m-0 [&_.ProseMirror_pre]:rounded-[var(--ui-radius-md)] [&_.ProseMirror_pre]:bg-[var(--ui-surface-subtle)] [&_.ProseMirror_pre]:px-3 [&_.ProseMirror_pre]:py-2 [&_.ProseMirror_pre]:font-[family-name:var(--ui-font-mono)] [&_.ProseMirror_pre]:text-[0.92em]",
-      "[&_.ProseMirror_:not(pre)>code]:rounded-[var(--ui-radius-sm)] [&_.ProseMirror_:not(pre)>code]:bg-[var(--ui-surface-subtle)] [&_.ProseMirror_:not(pre)>code]:px-1 [&_.ProseMirror_:not(pre)>code]:font-[family-name:var(--ui-font-mono)] [&_.ProseMirror_:not(pre)>code]:text-[0.92em]",
+      "[&_.ProseMirror_pre]:m-0 [&_.ProseMirror_pre]:rounded-[var(--ui-radius-container)] [&_.ProseMirror_pre]:bg-[var(--ui-surface-subtle)] [&_.ProseMirror_pre]:px-3 [&_.ProseMirror_pre]:py-2 [&_.ProseMirror_pre]:font-[family-name:var(--ui-font-mono)] [&_.ProseMirror_pre]:text-[0.92em]",
+      "[&_.ProseMirror_:not(pre)>code]:rounded-[var(--ui-radius-inner)] [&_.ProseMirror_:not(pre)>code]:bg-[var(--ui-surface-subtle)] [&_.ProseMirror_:not(pre)>code]:px-1 [&_.ProseMirror_:not(pre)>code]:font-[family-name:var(--ui-font-mono)] [&_.ProseMirror_:not(pre)>code]:text-[0.92em]",
       "[&_.ProseMirror_a]:text-[var(--ui-primary)] [&_.ProseMirror_a]:underline [&_.ProseMirror_a]:underline-offset-2",
       "[&_.is-editor-empty:first-child]:before:pointer-events-none [&_.is-editor-empty:first-child]:before:float-start [&_.is-editor-empty:first-child]:before:h-0 [&_.is-editor-empty:first-child]:before:text-[var(--ui-text-muted)] [&_.is-editor-empty:first-child]:before:content-[attr(data-placeholder)]"
     ];
@@ -803,7 +803,7 @@ const La = ["data-variant", "data-over"], Sa = ["aria-label"], Aa = ["aria-label
           B("div", {
             role: "toolbar",
             "aria-label": l(n)("Formatting"),
-            class: "flex items-center gap-0.5 rounded-[var(--ui-radius-md)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-0.5 shadow-[var(--ui-shadow-menu)]",
+            class: "flex items-center gap-0.5 rounded-[var(--ui-radius-popover)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-0.5 shadow-[var(--ui-shadow-menu)]",
             "data-ui-rich-bubble": ""
           }, [
             (p(!0), y(Q, null, Z(xt.value, (r) => (p(), y("button", {
@@ -838,7 +838,7 @@ const La = ["data-variant", "data-over"], Sa = ["aria-label"], Aa = ["aria-label
           "data-ui-rich-attachment": r.id ?? ""
         }, [
           B("div", {
-            class: "relative flex size-16 items-center justify-center overflow-hidden rounded-[var(--ui-radius-md)] border border-[var(--ui-border-subtle)] bg-[var(--ui-surface-subtle)]",
+            class: "relative flex size-16 items-center justify-center overflow-hidden rounded-[var(--ui-radius-container)] border border-[var(--ui-border-subtle)] bg-[var(--ui-surface-subtle)]",
             style: Rt({ background: a.files?.(r.id ?? "")?.dominant })
           }, [
             r.src ?? a.files?.(r.id ?? "")?.thumb ? (p(), y("img", {