@synopackageland/ui 0.23.7 → 0.23.9

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/dist/index.js CHANGED
@@ -3255,7 +3255,7 @@ const kw = ["value", "type", "name", "placeholder", "disabled", "readonly"], Cw
3255
3255
  disabled: r(n),
3256
3256
  "aria-label": u.value ? r(i)("Hide password") : r(i)("Show password"),
3257
3257
  "aria-pressed": u.value,
3258
- 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",
3258
+ 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",
3259
3259
  onClick: C[1] || (C[1] = (k) => u.value = !u.value)
3260
3260
  }, [
3261
3261
  u.value ? (d(), D(r(Hy), {
@@ -22796,7 +22796,7 @@ const eP = ["disabled", "aria-label"], tP = { class: "relative min-w-0 flex-1" }
22796
22796
  default: S(() => [
22797
22797
  L("button", {
22798
22798
  type: "button",
22799
- class: "absolute top-1/2 right-0.5 flex size-5 [@media(pointer:coarse)]:after:absolute [@media(pointer:coarse)]:after:-inset-1.5 [@media(pointer:coarse)]:after:-end-0.5 [@media(pointer:coarse)]:after:-start-2.5 [@media(pointer:coarse)]:after:content-[''] -translate-y-1/2 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_2px_var(--ui-focus-ring)] disabled:opacity-40",
22799
+ class: "absolute top-1/2 right-0.5 flex size-5 [@media(pointer:coarse)]:after:absolute [@media(pointer:coarse)]:after:-inset-1.5 [@media(pointer:coarse)]:after:-end-0.5 [@media(pointer:coarse)]:after:-start-2.5 [@media(pointer:coarse)]:after:content-[''] -translate-y-1/2 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_2px_var(--ui-focus-ring)] disabled:opacity-40",
22800
22800
  disabled: r(o),
22801
22801
  "aria-expanded": x.value,
22802
22802
  "aria-label": J.value.presets
@@ -22863,7 +22863,7 @@ const eP = ["disabled", "aria-label"], tP = { class: "relative min-w-0 flex-1" }
22863
22863
  "side-offset": 4,
22864
22864
  align: "start"
22865
22865
  }, r(Y), {
22866
- class: ["z-[1450] min-w-[min(var(--reka-popover-trigger-width),var(--reka-popper-available-width))] overflow-y-auto rounded-[var(--ui-radius-md)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-1 shadow-[var(--ui-shadow-menu)] outline-none", r(Ht)],
22866
+ class: ["z-[1450] min-w-[min(var(--reka-popover-trigger-width),var(--reka-popper-available-width))] overflow-y-auto rounded-[var(--ui-radius-popover)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-1 shadow-[var(--ui-shadow-menu)] outline-none", r(Ht)],
22867
22867
  "data-syno-pkg-land-ui": "",
22868
22868
  onOpenAutoFocus: j[6] || (j[6] = (X) => X.preventDefault()),
22869
22869
  onCloseAutoFocus: j[7] || (j[7] = (X) => X.preventDefault())
@@ -22882,7 +22882,7 @@ const eP = ["disabled", "aria-label"], tP = { class: "relative min-w-0 flex-1" }
22882
22882
  "aria-selected": X.value === n.modelValue,
22883
22883
  class: ne(
22884
22884
  r(Je)(
22885
- "flex min-h-8 w-full items-center whitespace-normal py-1.5 rounded-[var(--ui-radius-sm)] px-2.5 text-left text-[length:var(--ui-font-size-control)] text-[var(--ui-text)] outline-none [@media(pointer:coarse)]:min-h-11",
22885
+ "flex min-h-8 w-full items-center whitespace-normal py-1.5 rounded-[var(--ui-radius-inner)] px-2.5 text-left text-[length:var(--ui-font-size-control)] text-[var(--ui-text)] outline-none [@media(pointer:coarse)]:min-h-11",
22886
22886
  A === b.value && "bg-[var(--ui-primary-soft)]"
22887
22887
  )
22888
22888
  ),
@@ -22987,7 +22987,7 @@ const eP = ["disabled", "aria-label"], tP = { class: "relative min-w-0 flex-1" }
22987
22987
  L("div", dP, [
22988
22988
  f.value && p.value ? (d(), y("div", {
22989
22989
  key: 0,
22990
- class: "pointer-events-none absolute -top-7 z-[1000] max-w-full rounded-[var(--ui-radius-sm)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] px-1.5 py-0.5 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text)] shadow-[var(--ui-shadow-menu)]",
22990
+ class: "pointer-events-none absolute -top-7 z-[1000] max-w-full rounded-[var(--ui-radius-inner)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] px-1.5 py-0.5 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text)] shadow-[var(--ui-shadow-menu)]",
22991
22991
  style: Pe({ left: `${m.value}%`, transform: `translateX(-${m.value}%)` }),
22992
22992
  "data-testid": "slider-tip"
22993
22993
  }, W(r(n).modelValue), 5)) : I("", !0),
@@ -24119,7 +24119,7 @@ const Wl = /* @__PURE__ */ U({
24119
24119
  tabindex: ce.offset + we === m.value ? 0 : -1,
24120
24120
  class: ne(
24121
24121
  r(Je)(
24122
- "flex items-center justify-center rounded-[var(--ui-radius-sm)] border p-0.5 outline-none hover:border-[var(--ui-border-strong)] focus-visible:border-[var(--ui-primary)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)]",
24122
+ "flex items-center justify-center rounded-[var(--ui-radius-inner)] border p-0.5 outline-none hover:border-[var(--ui-border-strong)] focus-visible:border-[var(--ui-primary)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)]",
24123
24123
  ae ? "size-8" : "size-[22px]",
24124
24124
  Te.hex !== void 0 && Te.hex === b.value ? "border-[var(--ui-primary)]" : "border-transparent"
24125
24125
  )
@@ -24128,7 +24128,7 @@ const Wl = /* @__PURE__ */ U({
24128
24128
  onClick: (ye) => B(Te.value)
24129
24129
  }, [
24130
24130
  L("span", {
24131
- class: "block size-full rounded-[var(--ui-radius-sm)] border border-[var(--ui-border-strong)]",
24131
+ class: "block size-full rounded-[var(--ui-radius-inner)] border border-[var(--ui-border-strong)]",
24132
24132
  style: Pe({ backgroundColor: Te.value })
24133
24133
  }, null, 4)
24134
24134
  ], 42, rD))), 128))
@@ -24136,13 +24136,13 @@ const Wl = /* @__PURE__ */ U({
24136
24136
  L("div", lD, [
24137
24137
  L("button", {
24138
24138
  type: "button",
24139
- class: ne([ae ? "h-11 text-[length:var(--ui-font-size)]" : "h-7 text-[length:var(--ui-font-size-control)]", "flex items-center rounded-[var(--ui-radius-sm)] px-2 text-[var(--ui-text)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)]"]),
24139
+ class: ne([ae ? "h-11 text-[length:var(--ui-font-size)]" : "h-7 text-[length:var(--ui-font-size-control)]", "flex items-center rounded-[var(--ui-radius-inner)] px-2 text-[var(--ui-text)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)]"]),
24140
24140
  onClick: T
24141
24141
  }, W(r(i).resetLabel), 3),
24142
24142
  r(i).hasCustom ? (d(), y("button", {
24143
24143
  key: 0,
24144
24144
  type: "button",
24145
- class: ne([ae ? "h-11 text-[length:var(--ui-font-size)]" : "h-7 text-[length:var(--ui-font-size-control)]", "flex items-center rounded-[var(--ui-radius-sm)] px-2 text-[var(--ui-primary)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)]"]),
24145
+ class: ne([ae ? "h-11 text-[length:var(--ui-font-size)]" : "h-7 text-[length:var(--ui-font-size-control)]", "flex items-center rounded-[var(--ui-radius-inner)] px-2 text-[var(--ui-primary)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)]"]),
24146
24146
  onClick: z
24147
24147
  }, W(r(i).customLabel), 3)) : I("", !0)
24148
24148
  ]),
@@ -24181,7 +24181,7 @@ const Wl = /* @__PURE__ */ U({
24181
24181
  onClick: G
24182
24182
  }), [
24183
24183
  L("span", {
24184
- class: "relative block size-4 shrink-0 overflow-hidden rounded-[var(--ui-radius-sm)] border border-[var(--ui-border)]",
24184
+ class: "relative block size-4 shrink-0 overflow-hidden rounded-[var(--ui-radius-inner)] border border-[var(--ui-border)]",
24185
24185
  style: Pe(_.value < 1 ? { backgroundImage: cD, backgroundSize: "8px 8px" } : void 0),
24186
24186
  "data-testid": "color-picker-preview"
24187
24187
  }, [
@@ -24207,7 +24207,7 @@ const Wl = /* @__PURE__ */ U({
24207
24207
  "side-offset": 4,
24208
24208
  align: "start"
24209
24209
  }, r(ie), {
24210
- class: ["z-[1450] w-[270px] overflow-y-auto rounded-[var(--ui-radius-md)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-2 shadow-[var(--ui-shadow-menu)] outline-none", r(Ht)],
24210
+ class: ["z-[1450] w-[270px] overflow-y-auto rounded-[var(--ui-radius-popover)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-2 shadow-[var(--ui-shadow-menu)] outline-none", r(Ht)],
24211
24211
  "data-syno-pkg-land-ui": "",
24212
24212
  onOpenAutoFocus: Y,
24213
24213
  onKeydown: J
@@ -24267,7 +24267,7 @@ const Wl = /* @__PURE__ */ U({
24267
24267
  id: c.value,
24268
24268
  "model-value": t.indeterminate ? "indeterminate" : t.modelValue,
24269
24269
  disabled: r(n),
24270
- class: [f.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)]"],
24270
+ class: [f.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)]"],
24271
24271
  "onUpdate:modelValue": v[0] || (v[0] = (m) => {
24272
24272
  r(s)(m), o("update:modelValue", m === !0);
24273
24273
  })
@@ -24389,7 +24389,7 @@ const Wl = /* @__PURE__ */ U({
24389
24389
  }
24390
24390
  }), hD = ["data-ui-choice-card", "data-state", "data-disabled"], gD = { class: "min-w-0 flex-1 break-words" }, yD = {
24391
24391
  key: 0,
24392
- class: "ui-choice-card-icon mb-[var(--ui-space-2)] flex size-8 items-center justify-center rounded-[var(--ui-radius-md)]",
24392
+ class: "ui-choice-card-icon mb-[var(--ui-space-2)] flex size-8 items-center justify-center rounded-[var(--ui-radius-control)]",
24393
24393
  "data-ui-choice-card-icon": "",
24394
24394
  "aria-hidden": "true"
24395
24395
  }, TU = /* @__PURE__ */ U({
@@ -24423,7 +24423,7 @@ const Wl = /* @__PURE__ */ U({
24423
24423
  key: f.value,
24424
24424
  class: ne(["flex min-w-0 items-start gap-[var(--ui-choice-box-gap)] text-[length:var(--ui-font-size-control)] text-[var(--ui-text)]", [
24425
24425
  r(n) || f.disabled ? "cursor-default text-[var(--ui-text-disabled)]" : "cursor-pointer",
24426
- t.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"
24426
+ t.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"
24427
24427
  ]]),
24428
24428
  "data-ui-choice-card": t.variant === "card" ? "" : void 0,
24429
24429
  "data-state": t.variant === "card" ? t.modelValue === f.value ? "checked" : "unchecked" : void 0,
@@ -24530,12 +24530,12 @@ const _D = {
24530
24530
  key: 0,
24531
24531
  "data-ui-option-check": "",
24532
24532
  "aria-hidden": "true",
24533
- 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)]"
24533
+ 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)]"
24534
24534
  }, SD = { class: "min-w-0 flex-1 truncate" }, $D = {
24535
24535
  key: 0,
24536
24536
  class: "px-3 py-3 text-[length:var(--ui-font-size)] text-[var(--ui-text-muted)]",
24537
24537
  "aria-live": "polite"
24538
- }, ED = { class: "min-w-0 flex-1 truncate" }, op = "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", tg = /* @__PURE__ */ U({
24538
+ }, ED = { class: "min-w-0 flex-1 truncate" }, op = "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", tg = /* @__PURE__ */ U({
24539
24539
  __name: "SelectSheet",
24540
24540
  props: {
24541
24541
  open: { type: Boolean },
@@ -24828,7 +24828,7 @@ const _D = {
24828
24828
  "data-ui-popup-motion": r(T)() === "none" ? "none" : void 0,
24829
24829
  position: "popper",
24830
24830
  "side-offset": 4,
24831
- 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)]", r(Ht)],
24831
+ 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)]", r(Ht)],
24832
24832
  "data-syno-pkg-land-ui": "",
24833
24833
  onEscapeKeyDown: r(kn),
24834
24834
  onFocusin: C,
@@ -24874,7 +24874,7 @@ const _D = {
24874
24874
  value: j.value,
24875
24875
  "text-value": j.label,
24876
24876
  disabled: j.disabled,
24877
- class: ne(["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", Z.label && Z.indent ? "pl-5" : "pl-2.5"])
24877
+ class: ne(["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", Z.label && Z.indent ? "pl-5" : "pl-2.5"])
24878
24878
  }, {
24879
24879
  default: S(() => [
24880
24880
  L("span", MD, [
@@ -24932,7 +24932,7 @@ const _D = {
24932
24932
  ], 16));
24933
24933
  }
24934
24934
  }), RD = {
24935
- class: "inline-flex h-5 max-w-full shrink-0 items-center gap-0.5 rounded-[var(--ui-radius-sm)] border border-[var(--ui-border)] bg-[var(--ui-surface-subtle)] pl-1.5 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text)]",
24935
+ class: "inline-flex h-5 max-w-full shrink-0 items-center gap-0.5 rounded-[var(--ui-radius-inner)] border border-[var(--ui-border)] bg-[var(--ui-surface-subtle)] pl-1.5 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text)]",
24936
24936
  "data-syno-pkg-land-ui-select-tag": ""
24937
24937
  }, zD = { class: "max-w-40 truncate" }, LD = ["aria-label", "disabled"], qD = /* @__PURE__ */ U({
24938
24938
  __name: "SelectTag",
@@ -24951,7 +24951,7 @@ const _D = {
24951
24951
  role: "button",
24952
24952
  "aria-label": n.removeLabel ?? r(t)("Remove {name}", { name: n.label }),
24953
24953
  disabled: n.disabled,
24954
- class: "inline-flex size-4 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_2px_var(--ui-focus-ring)] disabled:pointer-events-none disabled:text-[var(--ui-text-disabled)]",
24954
+ class: "inline-flex size-4 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_2px_var(--ui-focus-ring)] disabled:pointer-events-none disabled:text-[var(--ui-text-disabled)]",
24955
24955
  "data-syno-pkg-land-ui-select-tag-remove": "",
24956
24956
  "data-ui-hit": "",
24957
24957
  onPointerdown: l[0] || (l[0] = Fe(() => {
@@ -25020,7 +25020,7 @@ function rg() {
25020
25020
  function ec() {
25021
25021
  return tt(ig, !1);
25022
25022
  }
25023
- const lg = "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)]", sg = 6, ug = 350, jD = 300;
25023
+ const lg = "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)]", sg = 6, ug = 350, jD = 300;
25024
25024
  let xi = 0, Au;
25025
25025
  const Ul = R(!1);
25026
25026
  function dg() {
@@ -25412,7 +25412,7 @@ const rn = /* @__PURE__ */ U({
25412
25412
  }, null, 8, ["label", "disabled", "remove-label", "onRemove"]))), 128)),
25413
25413
  Q.value > 0 ? (d(), y("span", {
25414
25414
  key: 0,
25415
- class: "inline-flex h-5 shrink-0 cursor-default items-center rounded-[var(--ui-radius-sm)] bg-[var(--ui-surface-subtle)] px-1.5 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-secondary)] tabular-nums",
25415
+ class: "inline-flex h-5 shrink-0 cursor-default items-center rounded-[var(--ui-radius-inner)] bg-[var(--ui-surface-subtle)] px-1.5 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-secondary)] tabular-nums",
25416
25416
  "data-ui-tooltip-hint": le.value,
25417
25417
  "data-syno-pkg-land-ui-select-more": ""
25418
25418
  }, "+" + W(Q.value), 9, GD)) : I("", !0),
@@ -25454,7 +25454,7 @@ const rn = /* @__PURE__ */ U({
25454
25454
  key: 0,
25455
25455
  type: "button",
25456
25456
  "aria-label": r(o).clearLabel,
25457
- class: "inline-flex size-4 shrink-0 items-center justify-center rounded-[var(--ui-radius-sm)] border-0 bg-transparent text-[var(--ui-text-muted)] outline-none hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)]",
25457
+ class: "inline-flex size-4 shrink-0 items-center justify-center rounded-[var(--ui-radius-inner)] border-0 bg-transparent text-[var(--ui-text-muted)] outline-none hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)]",
25458
25458
  "data-syno-pkg-land-ui-select-clear": "",
25459
25459
  onPointerdown: Ye[1] || (Ye[1] = Fe(() => {
25460
25460
  }, ["stop"])),
@@ -25469,7 +25469,7 @@ const rn = /* @__PURE__ */ U({
25469
25469
  type: "button",
25470
25470
  tabindex: "-1",
25471
25471
  disabled: r(n),
25472
- class: "inline-flex size-4 shrink-0 items-center justify-center rounded-[var(--ui-radius-sm)] border-0 bg-transparent text-[var(--ui-text-muted)] outline-none disabled:opacity-50",
25472
+ class: "inline-flex size-4 shrink-0 items-center justify-center rounded-[var(--ui-radius-inner)] border-0 bg-transparent text-[var(--ui-text-muted)] outline-none disabled:opacity-50",
25473
25473
  "aria-label": r(o).openLabel,
25474
25474
  "data-syno-pkg-land-ui-select-trigger": "",
25475
25475
  onPointerdown: Ye[2] || (Ye[2] = Fe(() => {
@@ -25491,7 +25491,7 @@ const rn = /* @__PURE__ */ U({
25491
25491
  "data-ui-popup-motion": r(x)() === "none" ? "none" : void 0,
25492
25492
  position: "popper",
25493
25493
  "side-offset": 4,
25494
- class: ["z-[1450] flex min-w-[min(var(--reka-combobox-trigger-width),var(--reka-popper-available-width))] flex-col 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)]", r(Ht)],
25494
+ class: ["z-[1450] flex min-w-[min(var(--reka-combobox-trigger-width),var(--reka-popper-available-width))] flex-col 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)]", r(Ht)],
25495
25495
  "data-syno-pkg-land-ui": "",
25496
25496
  onEscapeKeyDown: r(kn)
25497
25497
  }), {
@@ -25523,7 +25523,7 @@ const rn = /* @__PURE__ */ U({
25523
25523
  // The row under the pointer or keyboard only tints; a chosen
25524
25524
  // row is marked by its checkbox (multiple) or its check
25525
25525
  // and the selected tint (single), never by blue text.
25526
- "relative flex h-[var(--ui-menu-row-height)] select-none items-center gap-2 rounded-[var(--ui-radius-sm)] py-1 text-[length:var(--ui-font-size-control)] text-[var(--ui-text)] outline-none data-[highlighted]:bg-[var(--ui-neutral-soft)] data-[disabled]:opacity-40",
25526
+ "relative flex h-[var(--ui-menu-row-height)] select-none items-center gap-2 rounded-[var(--ui-radius-inner)] py-1 text-[length:var(--ui-font-size-control)] text-[var(--ui-text)] outline-none data-[highlighted]:bg-[var(--ui-neutral-soft)] data-[disabled]:opacity-40",
25527
25527
  r(o).multiple ? "pr-2.5" : "pr-8 aria-selected:bg-[var(--ui-surface-selected)]",
25528
25528
  Qe.label && Qe.indent ? "pl-5" : r(o).multiple ? "pl-2" : "pl-2.5"
25529
25529
  )
@@ -25537,7 +25537,7 @@ const rn = /* @__PURE__ */ U({
25537
25537
  "data-ui-option-check": "",
25538
25538
  "data-state": ve.value.has(ft.value) ? "checked" : "unchecked",
25539
25539
  "aria-hidden": "true",
25540
- class: "flex size-[var(--ui-choice-box-size)] 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)] transition-[border-color,background-color] duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] data-[state=checked]:border-[var(--ui-primary)] data-[state=checked]:bg-[var(--ui-primary)]"
25540
+ class: "flex size-[var(--ui-choice-box-size)] 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)] transition-[border-color,background-color] duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] data-[state=checked]:border-[var(--ui-primary)] data-[state=checked]:bg-[var(--ui-primary)]"
25541
25541
  }, [
25542
25542
  ve.value.has(ft.value) ? (d(), D(r(kt), {
25543
25543
  key: 0,
@@ -25801,7 +25801,7 @@ const rn = /* @__PURE__ */ U({
25801
25801
  setup(e) {
25802
25802
  const t = pt(e, { label: "Loading" });
25803
25803
  return (n, o) => (d(), y("div", {
25804
- 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)]",
25804
+ 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)]",
25805
25805
  role: "status",
25806
25806
  "aria-label": e.text || r(t).label,
25807
25807
  "data-syno-pkg-land-ui": ""
@@ -26025,7 +26025,7 @@ const rn = /* @__PURE__ */ U({
26025
26025
  props: {
26026
26026
  width: { default: "100%" },
26027
26027
  height: { default: "16px" },
26028
- radius: { default: "var(--ui-radius-sm)" },
26028
+ radius: { default: "var(--ui-radius-inner)" },
26029
26029
  pulse: { type: Boolean, default: !0 }
26030
26030
  },
26031
26031
  setup(e) {
@@ -26258,7 +26258,7 @@ const CO = ["data-ui-skeleton", "data-pending"], SO = { class: "sr-only" }, $O =
26258
26258
  (d(!0), y(pe, null, Se(e.count, (v) => (d(), y("span", {
26259
26259
  key: v,
26260
26260
  "data-ui-skeleton-card": "",
26261
- 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",
26261
+ 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",
26262
26262
  style: Pe({ height: e.cardHeight })
26263
26263
  }, [
26264
26264
  N(Yt, {
@@ -26310,7 +26310,7 @@ const CO = ["data-ui-skeleton", "data-pending"], SO = { class: "sr-only" }, $O =
26310
26310
  const a = e, t = { none: "", sm: "p-3", md: "p-4", lg: "p-6" }, n = h(() => a.variant === "inset"), o = h(() => a.padding ? t[a.padding] : n.value ? "px-4 py-3" : t.md);
26311
26311
  return (i, l) => (d(), y("section", {
26312
26312
  class: ne([
26313
- "rounded-[var(--ui-radius-md)]",
26313
+ "rounded-[var(--ui-radius-container)]",
26314
26314
  n.value ? "bg-[var(--ui-surface-inset)]" : "bg-[var(--ui-surface)]",
26315
26315
  e.border && !n.value && "border border-[var(--ui-border-subtle)]",
26316
26316
  e.raised && "shadow-[var(--ui-shadow-menu)]",
@@ -26415,7 +26415,7 @@ const CO = ["data-ui-skeleton", "data-pending"], SO = { class: "sr-only" }, $O =
26415
26415
  set: (v) => {
26416
26416
  t.open === void 0 && (o.value = v), n("update:open", v);
26417
26417
  }
26418
- }), l = Le("trigger"), s = Jt(() => l.value?.$el, () => i.value), u = ["z-[1450] overflow-y-auto [scrollbar-gutter:stable] [overflow-wrap:anywhere] rounded-[var(--ui-radius-md)] border border-[var(--ui-border-floating)] bg-[var(--ui-surface-raised)] p-3 shadow-[var(--ui-shadow-menu)] outline-none", Ht], c = Nl(() => t.motion), f = Hl(() => i.value, () => {
26418
+ }), l = Le("trigger"), s = Jt(() => l.value?.$el, () => i.value), u = ["z-[1450] overflow-y-auto [scrollbar-gutter:stable] [overflow-wrap:anywhere] rounded-[var(--ui-radius-popover)] border border-[var(--ui-border-floating)] bg-[var(--ui-surface-raised)] p-3 shadow-[var(--ui-shadow-menu)] outline-none", Ht], c = Nl(() => t.motion), f = Hl(() => i.value, () => {
26419
26419
  i.value = !1;
26420
26420
  });
26421
26421
  function p(v) {
@@ -26595,7 +26595,7 @@ const CO = ["data-ui-skeleton", "data-pending"], SO = { class: "sr-only" }, $O =
26595
26595
  ]),
26596
26596
  N(r(em), {
26597
26597
  "data-ui-hit": "",
26598
- class: "-m-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)]",
26598
+ class: "-m-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)]",
26599
26599
  "aria-label": r(n).closeLabel
26600
26600
  }, {
26601
26601
  default: S(() => [
@@ -27420,7 +27420,7 @@ const o2 = {
27420
27420
  role: "region",
27421
27421
  "aria-label": e.label,
27422
27422
  tabindex: "-1",
27423
- class: ["pointer-events-auto absolute inset-y-0 end-0 flex flex-col rounded-s-[var(--ui-radius-lg)] border-s border-[var(--ui-border-floating)] bg-[var(--ui-surface)] text-[var(--ui-text)] shadow-[var(--ui-shadow-dialog)] outline-none", $.value && "select-none"],
27423
+ class: ["pointer-events-auto absolute inset-y-0 end-0 flex flex-col rounded-s-[var(--ui-radius-panel)] border-s border-[var(--ui-border-floating)] bg-[var(--ui-surface)] text-[var(--ui-text)] shadow-[var(--ui-shadow-dialog)] outline-none", $.value && "select-none"],
27424
27424
  style: { width: `${E.value}px` },
27425
27425
  onKeydown: xe,
27426
27426
  onPaste: xe,
@@ -27454,7 +27454,7 @@ const o2 = {
27454
27454
  }, null, 2),
27455
27455
  L("div", {
27456
27456
  "aria-hidden": "true",
27457
- class: ne(["absolute left-1/2 top-[var(--ui-record-panel-grip-y)] h-[30px] w-2 -translate-x-1/2 -translate-y-1/2 rounded-[var(--ui-radius-md)] bg-[var(--ui-primary)]", $.value ? "opacity-100" : "opacity-0 group-hover:opacity-100"])
27457
+ class: ne(["absolute left-1/2 top-[var(--ui-record-panel-grip-y)] h-[30px] w-2 -translate-x-1/2 -translate-y-1/2 rounded-[var(--ui-radius-control)] bg-[var(--ui-primary)]", $.value ? "opacity-100" : "opacity-0 group-hover:opacity-100"])
27458
27458
  }, null, 2)
27459
27459
  ], 44, r2),
27460
27460
  L("header", l2, [
@@ -27466,7 +27466,7 @@ const o2 = {
27466
27466
  type: "button",
27467
27467
  "data-ui-record-panel-close": "",
27468
27468
  "data-ui-hit": "",
27469
- class: "flex size-7 shrink-0 items-center justify-center rounded-[var(--ui-radius-md)] text-[var(--ui-text-muted)] outline-none transition-colors duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[var(--ui-shadow-focus)]",
27469
+ class: "flex size-7 shrink-0 items-center justify-center rounded-[var(--ui-radius-control)] text-[var(--ui-text-muted)] outline-none transition-colors duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[var(--ui-shadow-focus)]",
27470
27470
  "aria-label": e.closeLabel ?? r(i)("Close"),
27471
27471
  onClick: He[0] || (He[0] = (bt) => c("button"))
27472
27472
  }, [
@@ -27635,7 +27635,7 @@ const o2 = {
27635
27635
  }, S2 = {
27636
27636
  key: 1,
27637
27637
  class: "shrink-0 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-muted)]"
27638
- }, kr = "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", $2 = /* @__PURE__ */ U({
27638
+ }, kr = "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", $2 = /* @__PURE__ */ U({
27639
27639
  name: "DropdownMenuItems",
27640
27640
  __name: "DropdownMenuItems",
27641
27641
  props: {
@@ -27713,7 +27713,7 @@ const o2 = {
27713
27713
  "side-offset": 4,
27714
27714
  "align-offset": -4
27715
27715
  }, { ref_for: !0 }, e.floating, {
27716
- 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", r(Ht)],
27716
+ 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", r(Ht)],
27717
27717
  "data-syno-pkg-land-ui": ""
27718
27718
  }), {
27719
27719
  default: S(() => [
@@ -27862,7 +27862,7 @@ const o2 = {
27862
27862
  key: 1,
27863
27863
  "data-menu-hint": "",
27864
27864
  class: "shrink-0 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-muted)]"
27865
- }, Ds = "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", kg = /* @__PURE__ */ U({
27865
+ }, Ds = "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", kg = /* @__PURE__ */ U({
27866
27866
  inheritAttrs: !1,
27867
27867
  __name: "DropdownMenuSheet",
27868
27868
  props: {
@@ -28092,7 +28092,7 @@ const o2 = {
28092
28092
  "data-ui-popup-motion": r(C)() === "none" ? "none" : void 0,
28093
28093
  align: t.align,
28094
28094
  "side-offset": 4,
28095
- 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", r(Ht)],
28095
+ 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", r(Ht)],
28096
28096
  "data-syno-pkg-land-ui": "",
28097
28097
  onEscapeKeyDown: r(kn)
28098
28098
  }), {
@@ -28210,7 +28210,7 @@ const o2 = {
28210
28210
  }, U2 = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, j2 = {
28211
28211
  key: 1,
28212
28212
  class: "shrink-0 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-muted)]"
28213
- }, cp = "flex min-h-[var(--ui-menu-row-height)] select-none items-center gap-2 rounded-[var(--ui-radius-sm)] px-2 py-1 text-[length:var(--ui-font-size-control)] outline-none data-[highlighted]:bg-[var(--ui-primary-soft)] data-[disabled]:opacity-40", G2 = /* @__PURE__ */ U({
28213
+ }, cp = "flex min-h-[var(--ui-menu-row-height)] select-none items-center gap-2 rounded-[var(--ui-radius-inner)] px-2 py-1 text-[length:var(--ui-font-size-control)] outline-none data-[highlighted]:bg-[var(--ui-primary-soft)] data-[disabled]:opacity-40", G2 = /* @__PURE__ */ U({
28214
28214
  name: "ContextMenuItems",
28215
28215
  __name: "ContextMenuItems",
28216
28216
  props: {
@@ -28256,7 +28256,7 @@ const o2 = {
28256
28256
  "align-offset": -4
28257
28257
  }, { ref_for: !0 }, e.floating, {
28258
28258
  "data-ui-ignore-outside": "",
28259
- class: ["z-[1400] 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", r(Ht)],
28259
+ class: ["z-[1400] 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", r(Ht)],
28260
28260
  "data-syno-pkg-land-ui": ""
28261
28261
  }), {
28262
28262
  default: S(() => [
@@ -28278,7 +28278,7 @@ const o2 = {
28278
28278
  key: 2,
28279
28279
  "model-value": u.checked,
28280
28280
  disabled: u.disabled,
28281
- class: "relative flex min-h-[var(--ui-menu-row-height)] select-none items-center gap-2 rounded-[var(--ui-radius-sm)] py-1 pr-2 pl-2 text-[length:var(--ui-font-size-control)] text-[var(--ui-text)] outline-none data-[highlighted]:bg-[var(--ui-primary-soft)] data-[disabled]:opacity-40",
28281
+ class: "relative flex min-h-[var(--ui-menu-row-height)] select-none items-center gap-2 rounded-[var(--ui-radius-inner)] py-1 pr-2 pl-2 text-[length:var(--ui-font-size-control)] text-[var(--ui-text)] outline-none data-[highlighted]:bg-[var(--ui-primary-soft)] data-[disabled]:opacity-40",
28282
28282
  "onUpdate:modelValue": (c) => n("toggle", u.key, !!c),
28283
28283
  onSelect: l[2] || (l[2] = Fe(() => {
28284
28284
  }, ["prevent"]))
@@ -28381,7 +28381,7 @@ const o2 = {
28381
28381
  "data-ui-ignore-outside": ""
28382
28382
  }, { ...r(u), ...b.$attrs }, {
28383
28383
  reference: p.value,
28384
- class: ["z-[1400] 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", r(Ht)],
28384
+ class: ["z-[1400] 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", r(Ht)],
28385
28385
  "data-syno-pkg-land-ui": "",
28386
28386
  onEscapeKeyDown: r(kn)
28387
28387
  }), {
@@ -28675,7 +28675,7 @@ const eB = ["data-ui-dialog-header-divider", "data-ui-drag-handle"], tB = ["data
28675
28675
  key: 0,
28676
28676
  "data-dialog-close": "",
28677
28677
  "data-ui-hit": "",
28678
- 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)]",
28678
+ 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)]",
28679
28679
  "aria-label": r(n).closeLabel
28680
28680
  }, {
28681
28681
  default: S(() => [
@@ -28943,7 +28943,7 @@ const fB = ["aria-label"], pB = ["aria-label"], vB = {
28943
28943
  default: S(() => [
28944
28944
  L("button", {
28945
28945
  type: "button",
28946
- class: ne(["flex items-center justify-center rounded-[var(--ui-radius-sm)] text-[var(--ui-text-secondary)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)]", me ? "size-11" : "size-7 [@media(pointer:coarse)]:size-11"]),
28946
+ class: ne(["flex items-center justify-center rounded-[var(--ui-radius-inner)] text-[var(--ui-text-secondary)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)]", me ? "size-11" : "size-7 [@media(pointer:coarse)]:size-11"]),
28947
28947
  "aria-label": ie.value.previousMonth
28948
28948
  }, [
28949
28949
  N(r(Za), {
@@ -28966,7 +28966,7 @@ const fB = ["aria-label"], pB = ["aria-label"], vB = {
28966
28966
  default: S(() => [
28967
28967
  L("button", {
28968
28968
  type: "button",
28969
- class: ne(["flex items-center justify-center rounded-[var(--ui-radius-sm)] text-[var(--ui-text-secondary)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)]", me ? "size-11" : "size-7 [@media(pointer:coarse)]:size-11"]),
28969
+ class: ne(["flex items-center justify-center rounded-[var(--ui-radius-inner)] text-[var(--ui-text-secondary)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)]", me ? "size-11" : "size-7 [@media(pointer:coarse)]:size-11"]),
28970
28970
  "aria-label": ie.value.nextMonth
28971
28971
  }, [
28972
28972
  N(r(xt), {
@@ -29017,7 +29017,7 @@ const fB = ["aria-label"], pB = ["aria-label"], vB = {
29017
29017
  N(r(VS), {
29018
29018
  day: ye,
29019
29019
  month: ge.value,
29020
- class: ne(["flex items-center justify-center rounded-[var(--ui-radius-sm)] text-[var(--ui-text)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)] data-[outside-view]:text-[var(--ui-text-disabled)] data-[selected]:bg-[var(--ui-primary)] data-[selected]:font-semibold data-[selected]:text-[var(--ui-primary-foreground)] data-[today]:ring-1 data-[today]:ring-inset data-[today]:ring-[var(--ui-primary)] data-[disabled]:pointer-events-none data-[disabled]:opacity-35 data-[unavailable]:line-through", me ? "size-11 text-[15px]" : "size-8 text-[length:var(--ui-font-size-sm)] [@media(pointer:coarse)]:size-11"])
29020
+ class: ne(["flex items-center justify-center rounded-[var(--ui-radius-inner)] text-[var(--ui-text)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)] data-[outside-view]:text-[var(--ui-text-disabled)] data-[selected]:bg-[var(--ui-primary)] data-[selected]:font-semibold data-[selected]:text-[var(--ui-primary-foreground)] data-[today]:ring-1 data-[today]:ring-inset data-[today]:ring-[var(--ui-primary)] data-[disabled]:pointer-events-none data-[disabled]:opacity-35 data-[unavailable]:line-through", me ? "size-11 text-[15px]" : "size-8 text-[length:var(--ui-font-size-sm)] [@media(pointer:coarse)]:size-11"])
29021
29021
  }, {
29022
29022
  default: S(() => [
29023
29023
  he(W(ye.day), 1)
@@ -29057,7 +29057,7 @@ const fB = ["aria-label"], pB = ["aria-label"], vB = {
29057
29057
  Nt(L("select", {
29058
29058
  "onUpdate:modelValue": re[1] || (re[1] = (ae) => M.value = ae),
29059
29059
  "aria-label": ie.value.hour,
29060
- class: ne(["appearance-none rounded-[var(--ui-radius-sm)] border border-[var(--ui-border)] bg-[var(--ui-surface)] pl-2 pr-6 text-[var(--ui-text)] outline-none focus-visible:border-[var(--ui-primary)]", me ? "h-11 text-[length:var(--ui-font-size-field)]" : "h-7 text-[length:var(--ui-font-size-control)]"])
29060
+ class: ne(["appearance-none rounded-[var(--ui-radius-inner)] border border-[var(--ui-border)] bg-[var(--ui-surface)] pl-2 pr-6 text-[var(--ui-text)] outline-none focus-visible:border-[var(--ui-primary)]", me ? "h-11 text-[length:var(--ui-font-size-field)]" : "h-7 text-[length:var(--ui-font-size-control)]"])
29061
29061
  }, [
29062
29062
  (d(!0), y(pe, null, Se(r(dB)(m.enableHour24), (ae) => (d(), y("option", {
29063
29063
  key: ae,
@@ -29081,7 +29081,7 @@ const fB = ["aria-label"], pB = ["aria-label"], vB = {
29081
29081
  Nt(L("select", {
29082
29082
  "onUpdate:modelValue": re[2] || (re[2] = (ae) => V.value = ae),
29083
29083
  "aria-label": ie.value.minute,
29084
- class: ne(["appearance-none rounded-[var(--ui-radius-sm)] border border-[var(--ui-border)] bg-[var(--ui-surface)] pl-2 pr-6 text-[var(--ui-text)] outline-none focus-visible:border-[var(--ui-primary)]", me ? "h-11 text-[length:var(--ui-font-size-field)]" : "h-7 text-[length:var(--ui-font-size-control)]"])
29084
+ class: ne(["appearance-none rounded-[var(--ui-radius-inner)] border border-[var(--ui-border)] bg-[var(--ui-surface)] pl-2 pr-6 text-[var(--ui-text)] outline-none focus-visible:border-[var(--ui-primary)]", me ? "h-11 text-[length:var(--ui-font-size-field)]" : "h-7 text-[length:var(--ui-font-size-control)]"])
29085
29085
  }, [
29086
29086
  (d(!0), y(pe, null, Se(r(cB)(), (ae) => (d(), y("option", {
29087
29087
  key: ae,
@@ -29104,7 +29104,7 @@ const fB = ["aria-label"], pB = ["aria-label"], vB = {
29104
29104
  Nt(L("select", {
29105
29105
  "onUpdate:modelValue": re[3] || (re[3] = (ae) => G.value = ae),
29106
29106
  "aria-label": ie.value.meridiem,
29107
- class: ne(["appearance-none rounded-[var(--ui-radius-sm)] border border-[var(--ui-border)] bg-[var(--ui-surface)] pl-2 pr-6 text-[var(--ui-text)] outline-none focus-visible:border-[var(--ui-primary)]", me ? "h-11 text-[length:var(--ui-font-size-field)]" : "h-7 text-[length:var(--ui-font-size-control)]"])
29107
+ class: ne(["appearance-none rounded-[var(--ui-radius-inner)] border border-[var(--ui-border)] bg-[var(--ui-surface)] pl-2 pr-6 text-[var(--ui-text)] outline-none focus-visible:border-[var(--ui-primary)]", me ? "h-11 text-[length:var(--ui-font-size-field)]" : "h-7 text-[length:var(--ui-font-size-control)]"])
29108
29108
  }, [
29109
29109
  L("option", SB, W(ie.value.am), 1),
29110
29110
  L("option", $B, W(ie.value.pm), 1)
@@ -29146,7 +29146,7 @@ const fB = ["aria-label"], pB = ["aria-label"], vB = {
29146
29146
  readonly: m.readonly
29147
29147
  }, r(Q)(), {
29148
29148
  placeholder: m.placeholder ?? ie.value.placeholder,
29149
- class: ["flex h-[var(--ui-control-md)] min-w-0 w-full flex-1 rounded-[var(--ui-radius-md)] border border-[var(--ui-border)] bg-[var(--ui-surface)] px-2.5 text-left text-[length:var(--ui-font-size-control)] text-[var(--ui-text)] outline-none transition-[border-color,box-shadow,background-color] placeholder:text-[var(--ui-text-muted)] enabled:hover:not-focus-visible:border-[var(--ui-control-border-hover)] aria-[invalid=true]:border-[var(--ui-danger)] aria-[invalid=true]:enabled:hover:not-focus-visible:border-[var(--ui-danger)] focus-visible:border-[var(--ui-primary)] focus-visible:shadow-[var(--ui-shadow-focus)] disabled:cursor-default disabled:bg-[var(--ui-surface-subtle)] disabled:text-[var(--ui-text-disabled)]", ve.value && "pr-8 [@media(pointer:coarse)]:pr-[var(--ui-hit-min)]"],
29149
+ class: ["flex h-[var(--ui-control-md)] min-w-0 w-full flex-1 rounded-[var(--ui-radius-control)] border border-[var(--ui-border)] bg-[var(--ui-surface)] px-2.5 text-left text-[length:var(--ui-font-size-control)] text-[var(--ui-text)] outline-none transition-[border-color,box-shadow,background-color] placeholder:text-[var(--ui-text-muted)] enabled:hover:not-focus-visible:border-[var(--ui-control-border-hover)] aria-[invalid=true]:border-[var(--ui-danger)] aria-[invalid=true]:enabled:hover:not-focus-visible:border-[var(--ui-danger)] focus-visible:border-[var(--ui-primary)] focus-visible:shadow-[var(--ui-shadow-focus)] disabled:cursor-default disabled:bg-[var(--ui-surface-subtle)] disabled:text-[var(--ui-text-disabled)]", ve.value && "pr-8 [@media(pointer:coarse)]:pr-[var(--ui-hit-min)]"],
29150
29150
  onInput: re[5] || (re[5] = (me) => j.value = !1),
29151
29151
  onBlur: A,
29152
29152
  onKeydown: yt(Fe(A, ["prevent"]), ["enter"])
@@ -29157,7 +29157,7 @@ const fB = ["aria-label"], pB = ["aria-label"], vB = {
29157
29157
  type: "button",
29158
29158
  disabled: m.disabled
29159
29159
  }, r(Q)(), {
29160
- class: ["flex h-[var(--ui-control-md)] min-w-0 w-full flex-1 items-center gap-2 rounded-[var(--ui-radius-md)] border border-[var(--ui-border)] bg-[var(--ui-surface)] px-2.5 text-left text-[length:var(--ui-font-size-control)] outline-none transition-[border-color,box-shadow,background-color] enabled:hover:not-focus-visible:border-[var(--ui-control-border-hover)] aria-[invalid=true]:border-[var(--ui-danger)] aria-[invalid=true]:enabled:hover:not-focus-visible:border-[var(--ui-danger)] focus-visible:border-[var(--ui-primary)] focus-visible:shadow-[var(--ui-shadow-focus)] disabled:cursor-default disabled:bg-[var(--ui-surface-subtle)] disabled:text-[var(--ui-text-disabled)]", ve.value && "pr-8 [@media(pointer:coarse)]:pr-[var(--ui-hit-min)]"]
29160
+ class: ["flex h-[var(--ui-control-md)] min-w-0 w-full flex-1 items-center gap-2 rounded-[var(--ui-radius-control)] border border-[var(--ui-border)] bg-[var(--ui-surface)] px-2.5 text-left text-[length:var(--ui-font-size-control)] outline-none transition-[border-color,box-shadow,background-color] enabled:hover:not-focus-visible:border-[var(--ui-control-border-hover)] aria-[invalid=true]:border-[var(--ui-danger)] aria-[invalid=true]:enabled:hover:not-focus-visible:border-[var(--ui-danger)] focus-visible:border-[var(--ui-primary)] focus-visible:shadow-[var(--ui-shadow-focus)] disabled:cursor-default disabled:bg-[var(--ui-surface-subtle)] disabled:text-[var(--ui-text-disabled)]", ve.value && "pr-8 [@media(pointer:coarse)]:pr-[var(--ui-hit-min)]"]
29161
29161
  }), [
29162
29162
  N(r(Uy), {
29163
29163
  class: "size-4 shrink-0 text-[var(--ui-text-muted)]",
@@ -29172,7 +29172,7 @@ const fB = ["aria-label"], pB = ["aria-label"], vB = {
29172
29172
  }),
29173
29173
  N(r(XS), fe({ "side-offset": 4 }, r(p), {
29174
29174
  align: "start",
29175
- class: ["z-[1450] overflow-auto rounded-[var(--ui-radius-md)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-3 shadow-[var(--ui-shadow-menu)] outline-none", r(Ht)],
29175
+ class: ["z-[1450] overflow-auto rounded-[var(--ui-radius-popover)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-3 shadow-[var(--ui-shadow-menu)] outline-none", r(Ht)],
29176
29176
  "data-ui-popover": "",
29177
29177
  "data-ui-popup": "",
29178
29178
  "data-syno-pkg-land-ui": "",
@@ -29213,7 +29213,7 @@ const fB = ["aria-label"], pB = ["aria-label"], vB = {
29213
29213
  ve.value ? (d(), y("button", {
29214
29214
  key: 0,
29215
29215
  type: "button",
29216
- class: "absolute right-1 top-1/2 flex size-6 -translate-y-1/2 [@media(pointer:coarse)]:right-0 [@media(pointer:coarse)]:size-[var(--ui-hit-min)] 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)]",
29216
+ class: "absolute right-1 top-1/2 flex size-6 -translate-y-1/2 [@media(pointer:coarse)]:right-0 [@media(pointer:coarse)]:size-[var(--ui-hit-min)] 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)]",
29217
29217
  "aria-label": ie.value.clear,
29218
29218
  onClick: H
29219
29219
  }, [
@@ -29425,7 +29425,7 @@ const OB = {
29425
29425
  ]),
29426
29426
  N(r(vA), {
29427
29427
  "data-ui-hit": "",
29428
- class: "-mr-1.5 -mt-1.5 flex size-8 items-center justify-center rounded-[var(--ui-radius-sm)] text-[var(--ui-text-secondary)] outline-none hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)]",
29428
+ class: "-mr-1.5 -mt-1.5 flex size-8 items-center justify-center rounded-[var(--ui-radius-inner)] text-[var(--ui-text-secondary)] outline-none hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)]",
29429
29429
  "aria-label": r(n).closeLabel
29430
29430
  }, {
29431
29431
  default: S(() => [
@@ -29644,7 +29644,7 @@ const zB = ["data-overflow-start", "data-overflow-end"], HU = /* @__PURE__ */ U(
29644
29644
  default: S(() => [
29645
29645
  N(r(I0), null, {
29646
29646
  default: S(() => [
29647
- N(r(z0), { class: "ui-accordion-trigger group flex min-h-10 [@media(pointer:coarse)]:min-h-[var(--ui-hit-min)] w-full items-center gap-2 rounded-[var(--ui-radius-sm)] px-0 py-2 text-left text-[length:var(--ui-font-size-control)] font-semibold text-[var(--ui-text)] outline-none hover:text-[var(--ui-primary-active)] active:bg-[var(--ui-control-bg-active)] active:shadow-[-4px_0_0_var(--ui-control-bg-active),4px_0_0_var(--ui-control-bg-active)] focus-visible:shadow-[var(--ui-shadow-focus)] data-[disabled]:cursor-not-allowed data-[disabled]:opacity-40 data-[disabled]:hover:text-[var(--ui-text)] data-[disabled]:active:bg-transparent" }, {
29647
+ N(r(z0), { class: "ui-accordion-trigger group flex min-h-10 [@media(pointer:coarse)]:min-h-[var(--ui-hit-min)] w-full items-center gap-2 rounded-[var(--ui-radius-inner)] px-0 py-2 text-left text-[length:var(--ui-font-size-control)] font-semibold text-[var(--ui-text)] outline-none hover:text-[var(--ui-primary-active)] active:bg-[var(--ui-control-bg-active)] active:shadow-[-4px_0_0_var(--ui-control-bg-active),4px_0_0_var(--ui-control-bg-active)] focus-visible:shadow-[var(--ui-shadow-focus)] data-[disabled]:cursor-not-allowed data-[disabled]:opacity-40 data-[disabled]:hover:text-[var(--ui-text)] data-[disabled]:active:bg-transparent" }, {
29648
29648
  default: S(() => [
29649
29649
  N(r($t), {
29650
29650
  class: "size-3.5 shrink-0 text-[var(--ui-primary)] transition-transform group-data-[state=open]:rotate-180",
@@ -29928,7 +29928,7 @@ const oM = "cursor-pointer text-[var(--ui-primary)] underline underline-offset-2
29928
29928
  t[n] = o;
29929
29929
  return t;
29930
29930
  }, iM = {}, rM = {
29931
- class: "cursor-pointer text-[var(--ui-primary)] underline underline-offset-2 hover:text-[var(--ui-primary-hover)] rounded-[var(--ui-radius-sm)] outline-none focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)]",
29931
+ class: "cursor-pointer text-[var(--ui-primary)] underline underline-offset-2 hover:text-[var(--ui-primary-hover)] rounded-[var(--ui-radius-inner)] outline-none focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)]",
29932
29932
  "data-syno-pkg-land-ui": ""
29933
29933
  };
29934
29934
  function lM(e, a) {
@@ -29973,7 +29973,7 @@ const cM = {
29973
29973
  __name: "TypoCode",
29974
29974
  setup(e) {
29975
29975
  return (a, t) => (d(), y("div", {
29976
- class: ne([r(Qo), "overflow-x-auto rounded-[var(--ui-radius-sm)] bg-[var(--ui-surface-subtle)] p-2.5"]),
29976
+ class: ne([r(Qo), "overflow-x-auto rounded-[var(--ui-radius-inner)] bg-[var(--ui-surface-subtle)] p-2.5"]),
29977
29977
  "data-syno-pkg-land-ui": ""
29978
29978
  }, [
29979
29979
  L("code", {
@@ -30069,7 +30069,7 @@ const tj = /* @__PURE__ */ fc(yM, [["render", wM]]), aj = /* @__PURE__ */ U({
30069
30069
  __name: "TypoTable",
30070
30070
  setup(e) {
30071
30071
  return (a, t) => (d(), y("div", {
30072
- class: ne([r(Qo), "min-w-0 max-w-full overflow-x-auto rounded-[var(--ui-radius-sm)] border border-[var(--ui-border)]"]),
30072
+ class: ne([r(Qo), "min-w-0 max-w-full overflow-x-auto rounded-[var(--ui-radius-inner)] border border-[var(--ui-border)]"]),
30073
30073
  "data-syno-pkg-land-ui": ""
30074
30074
  }, [
30075
30075
  L("table", {
@@ -30087,7 +30087,7 @@ const tj = /* @__PURE__ */ fc(yM, [["render", wM]]), aj = /* @__PURE__ */ U({
30087
30087
  }
30088
30088
  }), xM = {
30089
30089
  key: 0,
30090
- class: "rounded-[var(--ui-radius-sm)] bg-[var(--ui-surface-subtle)] px-1 py-0.5 font-mono text-[length:var(--ui-font-size-sm)] text-[var(--ui-text)]",
30090
+ class: "rounded-[var(--ui-radius-inner)] bg-[var(--ui-surface-subtle)] px-1 py-0.5 font-mono text-[length:var(--ui-font-size-sm)] text-[var(--ui-text)]",
30091
30091
  "data-syno-pkg-land-ui": ""
30092
30092
  }, _M = {
30093
30093
  key: 1,
@@ -30123,7 +30123,7 @@ const tj = /* @__PURE__ */ fc(yM, [["render", wM]]), aj = /* @__PURE__ */ U({
30123
30123
  class: ne([
30124
30124
  r(Qo),
30125
30125
  r(Zo),
30126
- "rounded-[var(--ui-radius-sm)] border border-l-2 border-[var(--ui-border)] bg-[var(--ui-surface-subtle)] px-4 py-2",
30126
+ "rounded-[var(--ui-radius-inner)] border border-l-2 border-[var(--ui-border)] bg-[var(--ui-surface-subtle)] px-4 py-2",
30127
30127
  r(fM)[e.type]
30128
30128
  ]),
30129
30129
  "data-syno-pkg-land-ui": ""
@@ -30309,7 +30309,7 @@ const tj = /* @__PURE__ */ fc(yM, [["render", wM]]), aj = /* @__PURE__ */ U({
30309
30309
  default: S(() => [
30310
30310
  L("span", fe({
30311
30311
  class: r(Je)(
30312
- "inline-flex h-6 max-w-full items-center gap-[var(--ui-space-1)] rounded-[var(--ui-radius-sm)] border px-2 text-[length:var(--ui-font-size-sm)] leading-none outline-none",
30312
+ "inline-flex h-6 max-w-full items-center gap-[var(--ui-space-1)] rounded-[var(--ui-radius-inner)] border px-2 text-[length:var(--ui-font-size-sm)] leading-none outline-none",
30313
30313
  f.value,
30314
30314
  p.value,
30315
30315
  e.removable && "pr-1.5"
@@ -30340,7 +30340,7 @@ const tj = /* @__PURE__ */ fc(yM, [["render", wM]]), aj = /* @__PURE__ */ U({
30340
30340
  type: "button",
30341
30341
  disabled: e.disabled,
30342
30342
  "aria-label": `${r(o).removeLabel} ${e.label}`,
30343
- class: "relative -mr-0.5 ml-0.5 inline-flex size-4 shrink-0 items-center justify-center rounded-[var(--ui-radius-sm)] text-[var(--ui-text-secondary)] opacity-60 outline-none hover:opacity-100 focus-visible:shadow-[var(--ui-shadow-focus)] disabled:opacity-40 [--ui-hit-end-room:5px]",
30343
+ class: "relative -mr-0.5 ml-0.5 inline-flex size-4 shrink-0 items-center justify-center rounded-[var(--ui-radius-inner)] text-[var(--ui-text-secondary)] opacity-60 outline-none hover:opacity-100 focus-visible:shadow-[var(--ui-shadow-focus)] disabled:opacity-40 [--ui-hit-end-room:5px]",
30344
30344
  "data-tag-remove": "",
30345
30345
  onClick: Fe(T, ["stop"])
30346
30346
  }, [
@@ -30691,7 +30691,7 @@ const tj = /* @__PURE__ */ fc(yM, [["render", wM]]), aj = /* @__PURE__ */ U({
30691
30691
  return l === !1 || l < 2 ? null : l > 99 ? "99+" : String(l);
30692
30692
  }), i = h(
30693
30693
  () => Je(
30694
- "relative flex h-[40px] w-[200px] items-center gap-1 rounded-[var(--ui-radius-md)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] px-4 text-[length:var(--ui-font-size-control)] text-[var(--ui-text)] shadow-[var(--ui-shadow-menu)]"
30694
+ "relative flex h-[40px] w-[200px] items-center gap-1 rounded-[var(--ui-radius-popover)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] px-4 text-[length:var(--ui-font-size-control)] text-[var(--ui-text)] shadow-[var(--ui-shadow-menu)]"
30695
30695
  )
30696
30696
  );
30697
30697
  return (l, s) => (d(), y("div", {
@@ -30737,7 +30737,7 @@ const tj = /* @__PURE__ */ fc(yM, [["render", wM]]), aj = /* @__PURE__ */ U({
30737
30737
  "aria-current": e.current ? "page" : void 0,
30738
30738
  title: e.display,
30739
30739
  onClick: o[0] || (o[0] = (i) => t("click", i)),
30740
- class: "inline-flex max-w-[var(--ui-breadcrumb-item-max-width,180px)] min-w-0 items-center gap-1 truncate [@media(pointer:coarse)]:min-h-[var(--ui-hit-min)] rounded-[var(--ui-radius-sm)] px-1.5 py-0.5 text-[length:var(--ui-font-size)] font-medium text-[var(--ui-text)] outline-none transition-colors duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] hover:bg-[var(--ui-surface-hover)] active:bg-[var(--ui-surface-selected)] focus-visible:shadow-[var(--ui-shadow-focus)]"
30740
+ class: "inline-flex max-w-[var(--ui-breadcrumb-item-max-width,180px)] min-w-0 items-center gap-1 truncate [@media(pointer:coarse)]:min-h-[var(--ui-hit-min)] rounded-[var(--ui-radius-inner)] px-1.5 py-0.5 text-[length:var(--ui-font-size)] font-medium text-[var(--ui-text)] outline-none transition-colors duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] hover:bg-[var(--ui-surface-hover)] active:bg-[var(--ui-surface-selected)] focus-visible:shadow-[var(--ui-shadow-focus)]"
30741
30741
  }, [
30742
30742
  L("span", IM, W(e.display), 1),
30743
30743
  e.hasMenu ? (d(), D(r($t), {
@@ -30845,7 +30845,7 @@ const LM = {
30845
30845
  type: "button",
30846
30846
  "aria-label": r(n).collapsedLabel,
30847
30847
  title: r(n).collapsedLabel,
30848
- class: "inline-flex size-6 items-center justify-center [@media(pointer:coarse)]:size-[var(--ui-hit-min)] rounded-[var(--ui-radius-sm)] text-[var(--ui-text-secondary)] outline-none transition-colors duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[var(--ui-shadow-focus)]"
30848
+ class: "inline-flex size-6 items-center justify-center [@media(pointer:coarse)]:size-[var(--ui-hit-min)] rounded-[var(--ui-radius-inner)] text-[var(--ui-text-secondary)] outline-none transition-colors duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[var(--ui-shadow-focus)]"
30849
30849
  }, [
30850
30850
  N(r(Ti), {
30851
30851
  class: "size-3.5",
@@ -30858,7 +30858,7 @@ const LM = {
30858
30858
  N(r(Po), null, {
30859
30859
  default: S(() => [
30860
30860
  N(r(Qr), fe({ "data-ui-popup": "" }, r(m), {
30861
- class: [r(Ht), "z-[1450] min-w-[min(11rem,var(--reka-popper-available-width))] overflow-y-auto [overflow-wrap:anywhere] rounded-[var(--ui-radius-md)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-1 shadow-[var(--ui-shadow-menu)] outline-none"],
30861
+ class: [r(Ht), "z-[1450] min-w-[min(11rem,var(--reka-popper-available-width))] overflow-y-auto [overflow-wrap:anywhere] rounded-[var(--ui-radius-popover)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-1 shadow-[var(--ui-shadow-menu)] outline-none"],
30862
30862
  onOpenAutoFocus: r(Do),
30863
30863
  align: "start",
30864
30864
  "side-offset": 4,
@@ -30867,7 +30867,7 @@ const LM = {
30867
30867
  default: S(() => [
30868
30868
  (d(!0), y(pe, null, Se(O.value, (z) => (d(), D(r(Bi), {
30869
30869
  key: z.id,
30870
- class: "flex min-h-7 [@media(pointer:coarse)]:min-h-[var(--ui-menu-row-height)] cursor-pointer select-none items-center rounded-[var(--ui-radius-sm)] px-2.5 text-[length:var(--ui-font-size)] text-[var(--ui-text)] outline-none data-[highlighted]:bg-[var(--ui-primary-soft)]",
30870
+ class: "flex min-h-7 [@media(pointer:coarse)]:min-h-[var(--ui-menu-row-height)] cursor-pointer select-none items-center rounded-[var(--ui-radius-inner)] px-2.5 text-[length:var(--ui-font-size)] text-[var(--ui-text)] outline-none data-[highlighted]:bg-[var(--ui-primary-soft)]",
30871
30871
  onSelect: (M) => $(z)
30872
30872
  }, {
30873
30873
  default: S(() => [
@@ -30912,7 +30912,7 @@ const LM = {
30912
30912
  N(r(Po), null, {
30913
30913
  default: S(() => [
30914
30914
  N(r(Qr), fe({ "data-ui-popup": "" }, { ref_for: !0 }, r(m), {
30915
- class: [r(Ht), "z-[1450] min-w-[min(11rem,var(--reka-popper-available-width))] overflow-y-auto [overflow-wrap:anywhere] rounded-[var(--ui-radius-md)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-1 shadow-[var(--ui-shadow-menu)] outline-none"],
30915
+ class: [r(Ht), "z-[1450] min-w-[min(11rem,var(--reka-popper-available-width))] overflow-y-auto [overflow-wrap:anywhere] rounded-[var(--ui-radius-popover)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-1 shadow-[var(--ui-shadow-menu)] outline-none"],
30916
30916
  onOpenAutoFocus: r(Do),
30917
30917
  align: "end",
30918
30918
  "side-offset": 4,
@@ -30929,7 +30929,7 @@ const LM = {
30929
30929
  class: "my-1 h-[var(--ui-hairline)] bg-[var(--ui-border-subtle)]"
30930
30930
  })) : (d(), D(r(Bi), {
30931
30931
  key: 1,
30932
- class: "flex min-h-7 [@media(pointer:coarse)]:min-h-[var(--ui-menu-row-height)] cursor-pointer select-none items-center rounded-[var(--ui-radius-sm)] px-2.5 text-[length:var(--ui-font-size)] text-[var(--ui-text)] outline-none data-[highlighted]:bg-[var(--ui-primary-soft)]",
30932
+ class: "flex min-h-7 [@media(pointer:coarse)]:min-h-[var(--ui-menu-row-height)] cursor-pointer select-none items-center rounded-[var(--ui-radius-inner)] px-2.5 text-[length:var(--ui-font-size)] text-[var(--ui-text)] outline-none data-[highlighted]:bg-[var(--ui-primary-soft)]",
30933
30933
  onSelect: (G) => $(M.item)
30934
30934
  }, {
30935
30935
  default: S(() => [
@@ -31072,7 +31072,7 @@ const LM = {
31072
31072
  key: f.value,
31073
31073
  type: "button",
31074
31074
  "aria-pressed": f.value === String(t.pageSize),
31075
- class: "flex min-h-[max(var(--ui-menu-row-height),var(--ui-hit-min))] w-full items-center justify-between rounded-[var(--ui-radius-sm)] border-0 bg-transparent px-2 text-left text-[length:var(--ui-font-size)] text-[var(--ui-text)] outline-none focus-visible:shadow-[var(--ui-shadow-focus)]",
31075
+ class: "flex min-h-[max(var(--ui-menu-row-height),var(--ui-hit-min))] w-full items-center justify-between rounded-[var(--ui-radius-inner)] border-0 bg-transparent px-2 text-left text-[length:var(--ui-font-size)] text-[var(--ui-text)] outline-none focus-visible:shadow-[var(--ui-shadow-focus)]",
31076
31076
  onClick: (p) => s(f.value)
31077
31077
  }, [
31078
31078
  L("span", QM, W(f.label), 1),
@@ -31381,7 +31381,7 @@ const iI = ["aria-label"], rI = {
31381
31381
  "aria-label": A.page === v.value ? u.value.page(A.page) : u.value.goToPage(A.page),
31382
31382
  "data-ui-hit": "",
31383
31383
  class: ne([
31384
- "inline-flex h-[var(--ui-control-sm)] min-w-[calc(3ch+0.5rem)] [@media(pointer:coarse)]:min-w-[max(calc(3ch+0.5rem),var(--ui-control-sm))] shrink-0 whitespace-nowrap items-center justify-center rounded-[var(--ui-radius-sm)] px-1 outline-none transition-colors duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] focus-visible:shadow-[var(--ui-shadow-focus)]",
31384
+ "inline-flex h-[var(--ui-control-sm)] min-w-[calc(3ch+0.5rem)] [@media(pointer:coarse)]:min-w-[max(calc(3ch+0.5rem),var(--ui-control-sm))] shrink-0 whitespace-nowrap items-center justify-center rounded-[var(--ui-radius-inner)] px-1 outline-none transition-colors duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] focus-visible:shadow-[var(--ui-shadow-focus)]",
31385
31385
  A.page === v.value ? "bg-[var(--ui-primary-soft)] font-medium text-[var(--ui-primary-active)]" : "text-[var(--ui-text)] hover:bg-[var(--ui-surface-hover)] active:bg-[var(--ui-surface-selected)]",
31386
31386
  !o.switchPage && "pointer-events-none",
31387
31387
  !o.switchPage && A.page !== v.value && "opacity-50"
@@ -31530,7 +31530,7 @@ const _I = ["aria-label", "aria-labelledby", "data-ui-segment-control", "data-ov
31530
31530
  F.target === g.value && F.propertyName === "transform" && k();
31531
31531
  }
31532
31532
  Ie(() => clearTimeout(x));
31533
- const K = { borderRadius: "var(--ui-radius-md)", background: "var(--ui-surface)", boxShadow: "var(--ui-shadow-card)" };
31533
+ const K = { borderRadius: "var(--ui-radius-control)", background: "var(--ui-surface)", boxShadow: "var(--ui-shadow-card)" };
31534
31534
  return (F, O) => (d(), y("div", {
31535
31535
  ref_key: "root",
31536
31536
  ref: p,
@@ -31539,7 +31539,7 @@ const _I = ["aria-label", "aria-labelledby", "data-ui-segment-control", "data-ov
31539
31539
  "aria-labelledby": t.ariaLabelledby,
31540
31540
  class: ne([
31541
31541
  "ui-segment-control",
31542
- t.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)]" : f.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",
31542
+ t.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)]" : f.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",
31543
31543
  t.disabled && "opacity-40"
31544
31544
  ]),
31545
31545
  "data-ui-segment-control": t.variant,
@@ -31585,7 +31585,7 @@ const _I = ["aria-label", "aria-labelledby", "data-ui-segment-control", "data-ov
31585
31585
  Fi(l);
31586
31586
  const s = h(() => t?.selected.value === a.value), u = h(() => a.disabled || !!t?.groupDisabled.value), c = h(() => s.value && !u.value ? 0 : -1), f = h(() => a.dot !== !1 && a.dot !== void 0), p = h(() => typeof a.dot == "string" && a.dot ? a.dot : void 0), v = h(() => typeof a.tooltip == "string" ? a.tooltip : a.tooltip === !0 ? a.ariaLabel ?? n.value?.textContent?.trim() ?? "" : a.tooltip && typeof a.tooltip == "object" && typeof a.tooltip.content == "string" ? a.tooltip.content : ""), m = h(
31587
31587
  () => Je(
31588
- "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)]",
31588
+ "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)]",
31589
31589
  i.value ? "min-w-6" : "min-w-12",
31590
31590
  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)]",
31591
31591
  u.value ? "opacity-40" : !s.value && "hover:text-[var(--ui-text)] hover:bg-[var(--ui-surface-hover)]"
@@ -31600,7 +31600,7 @@ const _I = ["aria-label", "aria-labelledby", "data-ui-segment-control", "data-ov
31600
31600
  )
31601
31601
  ), w = h(
31602
31602
  () => Je(
31603
- "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)]",
31603
+ "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)]",
31604
31604
  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)]",
31605
31605
  !s.value && "bg-[var(--ui-surface-subtle)] text-[var(--ui-text-secondary)]",
31606
31606
  u.value ? "opacity-40" : !s.value && "hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] active:bg-[var(--ui-surface-selected)]"
@@ -32643,7 +32643,7 @@ const SR = {
32643
32643
  "data-disabled": e.disabled || void 0,
32644
32644
  "data-ui-infotip-wrap": e.wrap || void 0,
32645
32645
  "data-ui-hit": e.wrap ? void 0 : "",
32646
- 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" : [
32646
+ 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" : [
32647
32647
  "shrink-0 justify-center rounded-full align-middle before:absolute before:content-['']",
32648
32648
  e.type === "white" ? "text-[var(--ui-primary-foreground)]" : "text-[var(--ui-primary)]",
32649
32649
  e.size === "small" ? "size-3.5 [@media(pointer:fine)]:before:-inset-2.5" : "size-4 [@media(pointer:fine)]:before:-inset-2"
@@ -32682,7 +32682,7 @@ const SR = {
32682
32682
  ref_key: "contentEl",
32683
32683
  ref: u,
32684
32684
  role: "tooltip",
32685
- class: ne(["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", k.value]),
32685
+ class: ne(["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", k.value]),
32686
32686
  "data-syno-pkg-land-ui": "",
32687
32687
  onPointerenter: Z,
32688
32688
  onPointerleave: j,
@@ -33678,7 +33678,7 @@ const Lz = ["data-ui-data-view", "data-fill"], qz = {
33678
33678
  (d(!0), y(pe, null, Se(r(o).rows, (V, G) => (d(), y("article", {
33679
33679
  key: B(V, G),
33680
33680
  "data-ui-row-new": r(T).has(B(V, G)) ? "" : void 0,
33681
- class: "min-w-0 rounded-[var(--ui-radius-md)] border border-[var(--ui-border)] bg-[var(--ui-surface)] px-3 py-2.5",
33681
+ class: "min-w-0 rounded-[var(--ui-radius-container)] border border-[var(--ui-border)] bg-[var(--ui-surface)] px-3 py-2.5",
33682
33682
  role: "listitem"
33683
33683
  }, [
33684
33684
  L("dl", jz, [
@@ -33837,7 +33837,7 @@ const Lz = ["data-ui-data-view", "data-fill"], qz = {
33837
33837
  "data-ui-cell-primary": "",
33838
33838
  "data-ui-tooltip-hint": e.openLabel,
33839
33839
  disabled: e.openDisabled,
33840
- class: ne([o.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"]),
33840
+ class: ne([o.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"]),
33841
33841
  onClick: l[0] || (l[0] = (s) => i.$emit("open"))
33842
33842
  }, [
33843
33843
  P(i.$slots, "default", {}, () => [
@@ -33878,7 +33878,7 @@ const Lz = ["data-ui-data-view", "data-fill"], qz = {
33878
33878
  }, dL = {
33879
33879
  "data-ui-cell-status-label": "",
33880
33880
  tabindex: "0",
33881
- 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)]"
33881
+ 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)]"
33882
33882
  }, cL = {
33883
33883
  key: 1,
33884
33884
  "data-ui-cell-status-label": "",
@@ -34148,7 +34148,7 @@ const Lz = ["data-ui-data-view", "data-fill"], qz = {
34148
34148
  const t = e, n = a, o = Pl(null), i = h(() => o != null || t.modelValue !== void 0), l = h(() => o ? kh : i.value ? Hd : "div"), s = h(() => o ? { value: t.filter, disabled: t.disabled } : i.value ? { modelValue: t.modelValue, disabled: t.disabled, "onUpdate:modelValue": (u) => n("update:modelValue", u) } : {});
34149
34149
  return (u, c) => (d(), D(Ue(l.value), fe(s.value, {
34150
34150
  class: [
34151
- "ui-stat-tile flex min-w-0 flex-col items-stretch gap-[var(--ui-space-1)] rounded-[var(--ui-radius-md)] border border-[var(--ui-border-subtle)] bg-[var(--ui-surface)] p-3 text-start [font:inherit] text-[var(--ui-text)]",
34151
+ "ui-stat-tile flex min-w-0 flex-col items-stretch gap-[var(--ui-space-1)] rounded-[var(--ui-radius-container)] border border-[var(--ui-border-subtle)] bg-[var(--ui-surface)] p-3 text-start [font:inherit] text-[var(--ui-text)]",
34152
34152
  i.value && "cursor-pointer outline-none transition-[background-color,border-color,box-shadow] duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] enabled:hover:border-[var(--ui-border-strong)] focus-visible:shadow-[var(--ui-shadow-focus)] data-[state=on]:border-[var(--ui-primary)] data-[state=on]:bg-[var(--ui-primary-soft)] data-[state=on]:shadow-[inset_0_0_0_1px_var(--ui-primary)] data-[state=on]:focus-visible:shadow-[inset_0_0_0_1px_var(--ui-primary),var(--ui-shadow-focus)] disabled:cursor-default disabled:opacity-50"
34153
34153
  ],
34154
34154
  "data-tone": e.tone,
@@ -34262,7 +34262,7 @@ const Lz = ["data-ui-data-view", "data-fill"], qz = {
34262
34262
  "data-wide": e.wide || void 0,
34263
34263
  "data-state": e.error ? "error" : e.loading ? "loading" : "ready",
34264
34264
  class: ne([
34265
- "group flex min-w-0 flex-col items-stretch gap-[var(--ui-space-3)] rounded-[var(--ui-radius-md)] border border-[var(--ui-border-subtle)] bg-[var(--ui-surface)] p-[var(--ui-space-4)] text-start [font:inherit] text-[var(--ui-text)] outline-none transition-[border-color,box-shadow] duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] enabled:hover:border-[var(--ui-border-strong)] enabled:active:bg-[var(--ui-surface-hover)] focus-visible:shadow-[var(--ui-shadow-focus)] disabled:opacity-50",
34265
+ "group flex min-w-0 flex-col items-stretch gap-[var(--ui-space-3)] rounded-[var(--ui-radius-container)] border border-[var(--ui-border-subtle)] bg-[var(--ui-surface)] p-[var(--ui-space-4)] text-start [font:inherit] text-[var(--ui-text)] outline-none transition-[border-color,box-shadow] duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] enabled:hover:border-[var(--ui-border-strong)] enabled:active:bg-[var(--ui-surface-hover)] focus-visible:shadow-[var(--ui-shadow-focus)] disabled:opacity-50",
34266
34266
  e.wide && "[grid-column:1/-1]"
34267
34267
  ]),
34268
34268
  "data-ui-summary-card": "",
@@ -34491,7 +34491,7 @@ const Lz = ["data-ui-data-view", "data-fill"], qz = {
34491
34491
  key: 0,
34492
34492
  "data-ui-facet-count": "",
34493
34493
  class: "shrink-0 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-muted)] tabular-nums"
34494
- }, wp = "flex size-[var(--ui-choice-box-size)] 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)] transition-[border-color,background-color] duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] data-[state=checked]:border-[var(--ui-primary)] data-[state=checked]:bg-[var(--ui-primary)]", Vj = /* @__PURE__ */ U({
34494
+ }, wp = "flex size-[var(--ui-choice-box-size)] 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)] transition-[border-color,background-color] duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] data-[state=checked]:border-[var(--ui-primary)] data-[state=checked]:bg-[var(--ui-primary)]", Vj = /* @__PURE__ */ U({
34495
34495
  __name: "FacetPanel",
34496
34496
  props: {
34497
34497
  groups: {},
@@ -34570,7 +34570,7 @@ const Lz = ["data-ui-data-view", "data-fill"], qz = {
34570
34570
  key: k.value,
34571
34571
  type: "button",
34572
34572
  "aria-pressed": m(C.key).includes(k.value),
34573
- class: "ui-facet-value flex min-h-10 w-full items-center gap-2 rounded-[var(--ui-radius-sm)] px-2 text-start text-[length:var(--ui-font-size)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[var(--ui-shadow-focus)] aria-pressed:bg-[var(--ui-primary-soft)]",
34573
+ class: "ui-facet-value flex min-h-10 w-full items-center gap-2 rounded-[var(--ui-radius-inner)] px-2 text-start text-[length:var(--ui-font-size)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[var(--ui-shadow-focus)] aria-pressed:bg-[var(--ui-primary-soft)]",
34574
34574
  "data-ui-facet-value": "",
34575
34575
  onClick: (E) => w(C, k.value)
34576
34576
  }, [
@@ -34621,7 +34621,7 @@ const Lz = ["data-ui-data-view", "data-fill"], qz = {
34621
34621
  type: "button",
34622
34622
  "aria-expanded": !p.value[C.key],
34623
34623
  "aria-controls": `${r(v)}-${C.key}-values`,
34624
- class: "flex min-h-7 w-full items-center gap-1 rounded-[var(--ui-radius-sm)] px-1 text-start text-[length:var(--ui-font-size-sm)] leading-4 font-semibold text-[var(--ui-text-secondary)] outline-none hover:text-[var(--ui-text)] focus-visible:shadow-[var(--ui-shadow-focus)]",
34624
+ class: "flex min-h-7 w-full items-center gap-1 rounded-[var(--ui-radius-inner)] px-1 text-start text-[length:var(--ui-font-size-sm)] leading-4 font-semibold text-[var(--ui-text-secondary)] outline-none hover:text-[var(--ui-text)] focus-visible:shadow-[var(--ui-shadow-focus)]",
34625
34625
  "data-ui-facet-group-toggle": "",
34626
34626
  onClick: (k) => p.value[C.key] = !p.value[C.key]
34627
34627
  }, [
@@ -34644,7 +34644,7 @@ const Lz = ["data-ui-data-view", "data-fill"], qz = {
34644
34644
  key: k.value,
34645
34645
  type: "button",
34646
34646
  "aria-pressed": m(C.key).includes(k.value),
34647
- class: "ui-facet-value flex min-h-7 w-full items-center gap-2 rounded-[var(--ui-radius-sm)] px-1 text-start text-[length:var(--ui-font-size)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[var(--ui-shadow-focus)] aria-pressed:bg-[var(--ui-primary-soft)] [@media(pointer:coarse)]:min-h-10",
34647
+ class: "ui-facet-value flex min-h-7 w-full items-center gap-2 rounded-[var(--ui-radius-inner)] px-1 text-start text-[length:var(--ui-font-size)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[var(--ui-shadow-focus)] aria-pressed:bg-[var(--ui-primary-soft)] [@media(pointer:coarse)]:min-h-10",
34648
34648
  "data-ui-facet-value": "",
34649
34649
  onClick: (E) => w(C, k.value)
34650
34650
  }, [
@@ -34781,7 +34781,7 @@ const Lz = ["data-ui-data-view", "data-fill"], qz = {
34781
34781
  id: r(m),
34782
34782
  role: "listbox",
34783
34783
  "aria-label": r(n).label,
34784
- class: "m-0 flex max-h-48 list-none flex-col overflow-y-auto rounded-[var(--ui-radius-md)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-1 shadow-[var(--ui-shadow-menu)]",
34784
+ class: "m-0 flex max-h-48 list-none flex-col overflow-y-auto rounded-[var(--ui-radius-popover)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-1 shadow-[var(--ui-shadow-menu)]",
34785
34785
  "data-ui-tag-editor-list": ""
34786
34786
  }, [
34787
34787
  (d(!0), y(pe, null, Se(g.value, ($, B) => (d(), y("li", {
@@ -34790,7 +34790,7 @@ const Lz = ["data-ui-data-view", "data-fill"], qz = {
34790
34790
  role: "option",
34791
34791
  "aria-selected": B === c.value,
34792
34792
  "data-kind": $.kind,
34793
- class: "flex min-h-7 cursor-default items-center rounded-[var(--ui-radius-sm)] px-2 text-[length:var(--ui-font-size)] aria-selected:bg-[var(--ui-primary-soft)] [@media(pointer:coarse)]:min-h-9",
34793
+ class: "flex min-h-7 cursor-default items-center rounded-[var(--ui-radius-inner)] px-2 text-[length:var(--ui-font-size)] aria-selected:bg-[var(--ui-primary-soft)] [@media(pointer:coarse)]:min-h-9",
34794
34794
  "data-ui-tag-editor-option": "",
34795
34795
  onPointerdown: q[2] || (q[2] = Fe(() => {
34796
34796
  }, ["prevent"])),
@@ -35273,7 +35273,7 @@ const Xq = { class: "flex min-h-14 shrink-0 items-center gap-3 px-3 pt-[env(safe
35273
35273
  }, [
35274
35274
  s.value && c.value === "processing" ? (d(), y("div", {
35275
35275
  key: 0,
35276
- class: "flex aspect-[4/3] w-[min(80vw,640px)] items-center justify-center rounded-[var(--ui-radius-md)]",
35276
+ class: "flex aspect-[4/3] w-[min(80vw,640px)] items-center justify-center rounded-[var(--ui-radius-container)]",
35277
35277
  style: Pe({ background: s.value.dominant ?? "rgb(255 255 255 / 0.08)" }),
35278
35278
  "data-ui-lightbox-processing": ""
35279
35279
  }, [
@@ -35341,7 +35341,7 @@ const Xq = { class: "flex min-h-14 shrink-0 items-center gap-3 px-3 pt-[env(safe
35341
35341
  }
35342
35342
  }), iF = {
35343
35343
  key: 0,
35344
- class: "rounded-[var(--ui-radius-sm)] bg-[var(--ui-surface-subtle)] px-1 py-px font-[family-name:var(--ui-font-mono)] text-[0.92em]",
35344
+ class: "rounded-[var(--ui-radius-inner)] bg-[var(--ui-surface-subtle)] px-1 py-px font-[family-name:var(--ui-font-mono)] text-[0.92em]",
35345
35345
  "data-ui-rich-code": ""
35346
35346
  }, rF = ["data-ui-rich-mention", "data-inactive"], lF = ["href"], Er = /* @__PURE__ */ U({
35347
35347
  __name: "RichTextInline",
@@ -35397,7 +35397,7 @@ const Xq = { class: "flex min-h-14 shrink-0 items-center gap-3 px-3 pt-[env(safe
35397
35397
  }), p = h(() => u.value ? `${t.item.name}, ${u.value}` : s.value === "processing" ? `${t.item.name}, ${o("Processing")}` : o("Open {name}", { name: t.item.name }));
35398
35398
  return (v, m) => (d(), y("button", {
35399
35399
  type: "button",
35400
- class: "my-1 inline-flex max-w-full overflow-hidden rounded-[var(--ui-radius-md)] border border-[var(--ui-border-subtle)] bg-[var(--ui-surface-subtle)] p-0 align-top outline-none focus-visible:shadow-[var(--ui-shadow-focus)]",
35400
+ class: "my-1 inline-flex max-w-full overflow-hidden rounded-[var(--ui-radius-container)] border border-[var(--ui-border-subtle)] bg-[var(--ui-surface-subtle)] p-0 align-top outline-none focus-visible:shadow-[var(--ui-shadow-focus)]",
35401
35401
  style: Pe({ aspectRatio: c.value, width: `min(100%, ${f.value}px)`, background: e.item.dominant }),
35402
35402
  "aria-label": p.value,
35403
35403
  "data-state": s.value,
@@ -35438,7 +35438,7 @@ const Xq = { class: "flex min-h-14 shrink-0 items-center gap-3 px-3 pt-[env(safe
35438
35438
  "data-ui-rich-quote": ""
35439
35439
  }, pF = {
35440
35440
  key: 4,
35441
- class: "m-0 overflow-x-auto rounded-[var(--ui-radius-md)] bg-[var(--ui-surface-subtle)] px-3 py-2 font-[family-name:var(--ui-font-mono)] text-[0.92em] leading-5 [overflow-wrap:normal]",
35441
+ class: "m-0 overflow-x-auto rounded-[var(--ui-radius-container)] bg-[var(--ui-surface-subtle)] px-3 py-2 font-[family-name:var(--ui-font-mono)] text-[0.92em] leading-5 [overflow-wrap:normal]",
35442
35442
  "data-ui-rich-code-block": ""
35443
35443
  }, vF = /* @__PURE__ */ U({
35444
35444
  __name: "RichTextBlocks",
@@ -35667,7 +35667,7 @@ const Xq = { class: "flex min-h-14 shrink-0 items-center gap-3 px-3 pt-[env(safe
35667
35667
  setup(e) {
35668
35668
  const a = Ze();
35669
35669
  return (t, n) => (d(), y("article", {
35670
- class: "ui-comment flex min-w-0 gap-2.5 rounded-[var(--ui-radius-md)] px-2 py-2",
35670
+ class: "ui-comment flex min-w-0 gap-2.5 rounded-[var(--ui-radius-control)] px-2 py-2",
35671
35671
  "data-deleted": e.deleted ? "" : void 0,
35672
35672
  "data-highlighted": e.highlighted ? "" : void 0,
35673
35673
  "data-ui-comment": "",
@@ -35799,7 +35799,7 @@ const Xq = { class: "flex min-h-14 shrink-0 items-center gap-3 px-3 pt-[env(safe
35799
35799
  align: "start",
35800
35800
  "side-offset": 4
35801
35801
  }, r(i), {
35802
- class: ["z-[1450] w-80 overflow-y-auto rounded-[var(--ui-radius-md)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-1 shadow-[var(--ui-shadow-menu)] outline-none", r(Ht)],
35802
+ class: ["z-[1450] w-80 overflow-y-auto rounded-[var(--ui-radius-popover)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-1 shadow-[var(--ui-shadow-menu)] outline-none", r(Ht)],
35803
35803
  "data-ui-mention-list": "",
35804
35804
  "data-syno-pkg-land-ui": "",
35805
35805
  onOpenAutoFocus: s[1] || (s[1] = (u) => u.preventDefault()),
@@ -35819,7 +35819,7 @@ const Xq = { class: "flex min-h-14 shrink-0 items-center gap-3 px-3 pt-[env(safe
35819
35819
  role: "option",
35820
35820
  tabindex: "-1",
35821
35821
  "aria-selected": c === e.active,
35822
- class: ne(["flex min-h-9 w-full items-center gap-2 rounded-[var(--ui-radius-sm)] border-0 bg-transparent px-2 py-1 text-start text-[length:var(--ui-font-size)] text-[var(--ui-text)] outline-none [@media(pointer:coarse)]:min-h-11", c === e.active && "bg-[var(--ui-primary-soft)]"]),
35822
+ class: ne(["flex min-h-9 w-full items-center gap-2 rounded-[var(--ui-radius-inner)] border-0 bg-transparent px-2 py-1 text-start text-[length:var(--ui-font-size)] text-[var(--ui-text)] outline-none [@media(pointer:coarse)]:min-h-11", c === e.active && "bg-[var(--ui-primary-soft)]"]),
35823
35823
  "data-ui-mention-option": u.id,
35824
35824
  onMouseenter: (f) => n("hover", c),
35825
35825
  onMousedown: s[0] || (s[0] = Fe(() => {
@@ -35861,7 +35861,7 @@ const Xq = { class: "flex min-h-14 shrink-0 items-center gap-3 px-3 pt-[env(safe
35861
35861
  function f(g) {
35862
35862
  n("open", g, t.items[g]), t.lightbox && (u.value = g, s.value = !0);
35863
35863
  }
35864
- const p = (g) => uy(g) && g.thumb && (g.state ?? "ready") === "ready" && !c.value.has(g.id), v = h(() => t.size === "sm" ? "size-7 rounded-[var(--ui-radius-sm)]" : "size-16 rounded-[var(--ui-radius-md)]"), m = (g) => g.state === "processing" ? `${g.name}, ${o("Processing")}` : g.state === "missing" ? `${g.name}, ${o("File is missing")}` : g.state === "failed" ? `${g.name}, ${o("Can't show this file")}` : g.name;
35864
+ const p = (g) => uy(g) && g.thumb && (g.state ?? "ready") === "ready" && !c.value.has(g.id), v = h(() => t.size === "sm" ? "size-7 rounded-[var(--ui-radius-inner)]" : "size-16 rounded-[var(--ui-radius-container)]"), m = (g) => g.state === "processing" ? `${g.name}, ${o("Processing")}` : g.state === "missing" ? `${g.name}, ${o("File is missing")}` : g.state === "failed" ? `${g.name}, ${o("Can't show this file")}` : g.name;
35865
35865
  return (g, w) => e.items.length ? (d(), y("div", {
35866
35866
  key: 0,
35867
35867
  class: ne(["flex min-w-0 flex-wrap items-center gap-1 [&>:last-child]:after:end-0 [&>:last-child>button]:after:end-0", e.removable && "pe-1.5"]),
@@ -35971,7 +35971,7 @@ const Xq = { class: "flex min-h-14 shrink-0 items-center gap-3 px-3 pt-[env(safe
35971
35971
  u.value ? o("{count} failed", { count: u.value }) : ""
35972
35972
  ].filter(Boolean)), m = (w) => w.size ? Math.round(w.loaded / w.size * 100) : 0, g = { queued: "Waiting", uploading: "Uploading", done: "Uploaded", failed: "Upload failed", canceled: "Canceled" };
35973
35973
  return (w, x) => (d(), y("section", {
35974
- class: "flex min-w-0 flex-col overflow-hidden rounded-[var(--ui-radius-md)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] text-[length:var(--ui-font-size)] text-[var(--ui-text)] shadow-[var(--ui-shadow-menu)]",
35974
+ class: "flex min-w-0 flex-col overflow-hidden rounded-[var(--ui-radius-popover)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] text-[length:var(--ui-font-size)] text-[var(--ui-text)] shadow-[var(--ui-shadow-menu)]",
35975
35975
  "aria-label": r(o)("Uploads"),
35976
35976
  "data-ui-upload-queue": "",
35977
35977
  "data-syno-pkg-land-ui": ""
@@ -37029,7 +37029,7 @@ const tV = ["data-fill", "data-ui-data-view"], aV = {
37029
37029
  type: "button",
37030
37030
  "data-sort-option": te.key,
37031
37031
  "aria-pressed": x.value?.key === te.key,
37032
- class: "flex min-h-[max(var(--ui-menu-row-height),var(--ui-hit-min))] w-full items-center gap-2 rounded-[var(--ui-radius-sm)] border-0 bg-transparent px-2 text-left text-[length:var(--ui-font-size)] text-[var(--ui-text)] outline-none focus-visible:shadow-[var(--ui-shadow-focus)]",
37032
+ class: "flex min-h-[max(var(--ui-menu-row-height),var(--ui-hit-min))] w-full items-center gap-2 rounded-[var(--ui-radius-inner)] border-0 bg-transparent px-2 text-left text-[length:var(--ui-font-size)] text-[var(--ui-text)] outline-none focus-visible:shadow-[var(--ui-shadow-focus)]",
37033
37033
  onClick: (Ee) => F(te)
37034
37034
  }, [
37035
37035
  L("span", CV, W(te.label), 1),
@@ -37263,7 +37263,7 @@ const tV = ["data-fill", "data-ui-data-view"], aV = {
37263
37263
  type: "button",
37264
37264
  "data-group-toggle": "",
37265
37265
  "aria-expanded": te.expanded,
37266
- class: "inline-flex max-w-full items-center gap-1 rounded-[var(--ui-radius-sm)] border-0 bg-transparent px-1 text-left text-[length:var(--ui-font-size-sm)] font-bold text-[var(--ui-text-secondary)] outline-none hover:text-[var(--ui-text)] focus-visible:shadow-[inset_0_0_0_1px_var(--ui-primary),inset_0_0_0_3px_var(--ui-focus-ring)]",
37266
+ class: "inline-flex max-w-full items-center gap-1 rounded-[var(--ui-radius-inner)] border-0 bg-transparent px-1 text-left text-[length:var(--ui-font-size-sm)] font-bold text-[var(--ui-text-secondary)] outline-none hover:text-[var(--ui-text)] focus-visible:shadow-[inset_0_0_0_1px_var(--ui-primary),inset_0_0_0_3px_var(--ui-focus-ring)]",
37267
37267
  onClick: (Ee) => ye(te.groupId)
37268
37268
  }, [
37269
37269
  te.expanded ? (d(), D(r($t), {
@@ -37336,7 +37336,7 @@ const tV = ["data-fill", "data-ui-data-view"], aV = {
37336
37336
  "data-expand-toggle": "",
37337
37337
  "aria-expanded": te.expanded,
37338
37338
  "aria-label": te.expanded ? c.value.collapseRow(f(te.row, te.index)) : c.value.expandRow(f(te.row, te.index)),
37339
- class: "inline-flex size-5 items-center justify-center rounded-[var(--ui-radius-sm)] border-0 bg-transparent text-[var(--ui-text-secondary)] outline-none hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[0_0_0_1px_var(--ui-primary),0_0_0_3px_var(--ui-focus-ring)]",
37339
+ class: "inline-flex size-5 items-center justify-center rounded-[var(--ui-radius-inner)] border-0 bg-transparent text-[var(--ui-text-secondary)] outline-none hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[0_0_0_1px_var(--ui-primary),0_0_0_3px_var(--ui-focus-ring)]",
37340
37340
  onClick: Fe((Ee) => rt(f(te.row, te.index)), ["stop"])
37341
37341
  }, [
37342
37342
  N(r(xt), {
@@ -37362,7 +37362,7 @@ const tV = ["data-fill", "data-ui-data-view"], aV = {
37362
37362
  tabindex: "0",
37363
37363
  role: "img",
37364
37364
  "aria-label": Q(te.row),
37365
- class: "inline-flex rounded-[var(--ui-radius-sm)] outline-none focus-visible:shadow-[var(--ui-shadow-focus)] [&_[role=checkbox]]:pointer-events-none"
37365
+ class: "inline-flex rounded-[var(--ui-radius-inner)] outline-none focus-visible:shadow-[var(--ui-shadow-focus)] [&_[role=checkbox]]:pointer-events-none"
37366
37366
  }, [
37367
37367
  N(On, {
37368
37368
  "model-value": se.value.has(f(te.row, te.index)),
@@ -37394,7 +37394,7 @@ const tV = ["data-fill", "data-ui-data-view"], aV = {
37394
37394
  role: "button",
37395
37395
  tabindex: "0",
37396
37396
  "aria-label": c.value.reorderRow(f(te.row, te.index)),
37397
- class: "mr-1 inline-flex size-5 shrink-0 cursor-grab items-center justify-center rounded-[var(--ui-radius-sm)] align-middle text-[var(--ui-text-secondary)] outline-none hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[0_0_0_1px_var(--ui-primary),0_0_0_3px_var(--ui-focus-ring)]",
37397
+ class: "mr-1 inline-flex size-5 shrink-0 cursor-grab items-center justify-center rounded-[var(--ui-radius-inner)] align-middle text-[var(--ui-text-secondary)] outline-none hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[0_0_0_1px_var(--ui-primary),0_0_0_3px_var(--ui-focus-ring)]",
37398
37398
  onClick: de[9] || (de[9] = Fe(() => {
37399
37399
  }, ["stop"])),
37400
37400
  onKeydown: (je) => Qn(je, te.row)
@@ -37422,7 +37422,7 @@ const tV = ["data-fill", "data-ui-data-view"], aV = {
37422
37422
  role: "button",
37423
37423
  tabindex: "0",
37424
37424
  "aria-label": c.value.reorderRow(f(te.row, te.index)),
37425
- class: "inline-flex size-5 cursor-grab items-center justify-center rounded-[var(--ui-radius-sm)] text-[var(--ui-text-secondary)] outline-none hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[0_0_0_1px_var(--ui-primary),0_0_0_3px_var(--ui-focus-ring)]",
37425
+ class: "inline-flex size-5 cursor-grab items-center justify-center rounded-[var(--ui-radius-inner)] text-[var(--ui-text-secondary)] outline-none hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[0_0_0_1px_var(--ui-primary),0_0_0_3px_var(--ui-focus-ring)]",
37426
37426
  onClick: de[10] || (de[10] = Fe(() => {
37427
37427
  }, ["stop"])),
37428
37428
  onKeydown: (Ee) => Qn(Ee, te.row)
@@ -37756,7 +37756,7 @@ const pN = ["data-ui-hit", "disabled", "aria-label", "aria-expanded", "onClick"]
37756
37756
  disabled: me.value.disabled,
37757
37757
  draggable: Y(me.value) || void 0,
37758
37758
  class: [
37759
- "group flex h-[var(--ui-nav-row-height,var(--ui-nav-row-height-default,42px))] [@media(pointer:coarse)]:min-h-[var(--ui-hit-min)] select-none items-center gap-1 rounded-[var(--ui-radius-sm)] pr-2 text-[length:var(--ui-font-size-control)] text-[var(--ui-text)] outline-none transition-colors hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[inset_0_0_0_2px_var(--ui-focus-ring)] data-[selected]:bg-[var(--ui-surface-selected)]",
37759
+ "group flex h-[var(--ui-nav-row-height,var(--ui-nav-row-height-default,42px))] [@media(pointer:coarse)]:min-h-[var(--ui-hit-min)] select-none items-center gap-1 rounded-[var(--ui-radius-inner)] pr-2 text-[length:var(--ui-font-size-control)] text-[var(--ui-text)] outline-none transition-colors hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[inset_0_0_0_2px_var(--ui-focus-ring)] data-[selected]:bg-[var(--ui-surface-selected)]",
37760
37760
  l.selectionStyle === "accent" && "data-[selected]:text-[var(--ui-primary-active)]",
37761
37761
  me.value.disabled && "opacity-45",
37762
37762
  V.value === me.value.id && "opacity-40",
@@ -37776,7 +37776,7 @@ const pN = ["data-ui-hit", "disabled", "aria-label", "aria-expanded", "onClick"]
37776
37776
  disabled: me.value.disabled,
37777
37777
  "data-tree-check": "",
37778
37778
  "aria-label": me.value.label,
37779
- class: "flex size-[var(--ui-choice-box-size)] 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)] outline-none 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)] focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)] disabled:opacity-50",
37779
+ class: "flex size-[var(--ui-choice-box-size)] 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)] outline-none 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)] focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)] disabled:opacity-50",
37780
37780
  onClick: oe[0] || (oe[0] = Fe(() => {
37781
37781
  }, ["stop"])),
37782
37782
  "onUpdate:modelValue": (ce) => _(me.value, ce === !0)
@@ -37805,7 +37805,7 @@ const pN = ["data-ui-hit", "disabled", "aria-label", "aria-expanded", "onClick"]
37805
37805
  tabindex: "-1",
37806
37806
  "data-tree-toggle": "",
37807
37807
  "data-ui-hit": l.checkable ? void 0 : "",
37808
- class: "flex size-5 shrink-0 items-center justify-center rounded-[var(--ui-radius-sm)] text-[var(--ui-text-muted)] hover:bg-[var(--ui-control-bg-hover)] disabled:opacity-50",
37808
+ class: "flex size-5 shrink-0 items-center justify-center rounded-[var(--ui-radius-inner)] text-[var(--ui-text-muted)] hover:bg-[var(--ui-control-bg-hover)] disabled:opacity-50",
37809
37809
  disabled: me.value.disabled || F(me.value),
37810
37810
  "aria-label": l.expandLabel?.(me.value, ae) ?? r(n)(ae ? "Collapse {name}" : "Expand {name}", { name: me.value.label }),
37811
37811
  "aria-expanded": ae,
@@ -38066,7 +38066,7 @@ const kN = ["aria-label", "multiple", "accept", "disabled", "webkitdirectory"],
38066
38066
  "data-file-picker-hint": ""
38067
38067
  }, DN = { key: 0 }, ON = { key: 1 }, BN = { key: 2 }, MN = {
38068
38068
  key: 5,
38069
- class: "mt-2 overflow-hidden rounded-[var(--ui-radius-md)] border border-[var(--ui-border)]"
38069
+ class: "mt-2 overflow-hidden rounded-[var(--ui-radius-container)] border border-[var(--ui-border)]"
38070
38070
  }, IN = { class: "min-w-0 flex-1" }, RN = { class: "truncate text-[length:var(--ui-font-size-sm)] text-[var(--ui-text)]" }, zN = { class: "text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-muted)]" }, tG = /* @__PURE__ */ U({
38071
38071
  inheritAttrs: !1,
38072
38072
  __name: "FilePicker",
@@ -38202,7 +38202,7 @@ const kN = ["aria-label", "multiple", "accept", "disabled", "webkitdirectory"],
38202
38202
  key: 0,
38203
38203
  "data-file-dropzone": "",
38204
38204
  class: ne([
38205
- "flex min-h-36 flex-col items-center justify-center rounded-[var(--ui-radius-lg)] border border-dashed px-6 py-5 text-center outline-none transition-[background-color,border-color,box-shadow] focus-visible:border-[var(--ui-primary)] focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)]",
38205
+ "flex min-h-36 flex-col items-center justify-center rounded-[var(--ui-radius-panel)] border border-dashed px-6 py-5 text-center outline-none transition-[background-color,border-color,box-shadow] focus-visible:border-[var(--ui-primary)] focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)]",
38206
38206
  s.value ? "border-[var(--ui-primary)] bg-[var(--ui-primary-soft)] shadow-[0_0_0_3px_var(--ui-focus-ring)]" : "border-[var(--ui-border-strong)] bg-[var(--ui-surface-subtle)]",
38207
38207
  t.disabled && "pointer-events-none opacity-50"
38208
38208
  ]),
@@ -38500,7 +38500,7 @@ const kN = ["aria-label", "multiple", "accept", "disabled", "webkitdirectory"],
38500
38500
  type: "button",
38501
38501
  "data-ui-path-copy": "",
38502
38502
  "data-ui-hit": "",
38503
- class: ne([e.display === "name" ? "[--ui-hit-end-room:0px]" : "[--ui-hit-end-room:5px]", "relative flex size-5 shrink-0 items-center justify-center rounded-[var(--ui-radius-sm)] border-0 bg-transparent p-0 text-[var(--ui-text-secondary)] outline-none transition-colors duration-[var(--ui-motion-fast)] hover:bg-[var(--ui-control-bg-active)] hover:text-[var(--ui-text)] focus-visible:text-[var(--ui-text)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)]"]),
38503
+ class: ne([e.display === "name" ? "[--ui-hit-end-room:0px]" : "[--ui-hit-end-room:5px]", "relative flex size-5 shrink-0 items-center justify-center rounded-[var(--ui-radius-inner)] border-0 bg-transparent p-0 text-[var(--ui-text-secondary)] outline-none transition-colors duration-[var(--ui-motion-fast)] hover:bg-[var(--ui-control-bg-active)] hover:text-[var(--ui-text)] focus-visible:text-[var(--ui-text)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)]"]),
38504
38504
  "aria-label": i.value ? r(o)("Copied") : r(o)("Copy path"),
38505
38505
  title: i.value ? r(o)("Copied") : r(o)("Copy path"),
38506
38506
  onClick: f
@@ -39298,7 +39298,7 @@ const l3 = { class: "mb-3 flex flex-wrap items-start justify-between gap-3" }, s
39298
39298
  "aria-hidden": "true"
39299
39299
  }, k3 = {
39300
39300
  key: 1,
39301
- class: "rounded-[var(--ui-radius-sm)] border border-dashed border-[var(--ui-border)] p-3 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-muted)]"
39301
+ class: "rounded-[var(--ui-radius-inner)] border border-dashed border-[var(--ui-border)] p-3 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-muted)]"
39302
39302
  }, C3 = "h-[25px] cursor-pointer border-r border-b border-[var(--ui-border)] p-0 text-center align-middle transition-colors duration-100 select-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-primary)]", fG = /* @__PURE__ */ U({
39303
39303
  inheritAttrs: !1,
39304
39304
  __name: "ScheduleTable",
@@ -39505,12 +39505,12 @@ const l3 = { class: "mb-3 flex flex-wrap items-start justify-between gap-3" }, s
39505
39505
  L("button", {
39506
39506
  type: "button",
39507
39507
  disabled: o.disabled,
39508
- class: "flex h-6 min-w-0 items-center gap-1.5 rounded-[var(--ui-radius-sm)] px-2 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)] aria-pressed:bg-[var(--ui-surface-hover)]",
39508
+ class: "flex h-6 min-w-0 items-center gap-1.5 rounded-[var(--ui-radius-inner)] px-2 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)] aria-pressed:bg-[var(--ui-surface-hover)]",
39509
39509
  "aria-pressed": De.index === _.value,
39510
39510
  onClick: (xe) => A(De)
39511
39511
  }, [
39512
39512
  L("span", {
39513
- class: ne(["size-3.5 shrink-0 rounded-[var(--ui-radius-sm)] border border-[var(--ui-border)]", $(String(De.index))]),
39513
+ class: ne(["size-3.5 shrink-0 rounded-[var(--ui-radius-inner)] border border-[var(--ui-border)]", $(String(De.index))]),
39514
39514
  style: Pe(B(String(De.index))),
39515
39515
  "aria-hidden": "true"
39516
39516
  }, null, 6),
@@ -39522,7 +39522,7 @@ const l3 = { class: "mb-3 flex flex-wrap items-start justify-between gap-3" }, s
39522
39522
  key: 0,
39523
39523
  type: "button",
39524
39524
  disabled: o.disabled,
39525
- class: ne(["flex size-6 shrink-0 items-center justify-center rounded-[var(--ui-radius-sm)] text-[var(--ui-text-muted)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)]", ce(De.option) ? "" : "opacity-0 group-hover:opacity-100 focus-visible:opacity-100 [@media(hover:none)]:opacity-100"]),
39525
+ class: ne(["flex size-6 shrink-0 items-center justify-center rounded-[var(--ui-radius-inner)] text-[var(--ui-text-muted)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)]", ce(De.option) ? "" : "opacity-0 group-hover:opacity-100 focus-visible:opacity-100 [@media(hover:none)]:opacity-100"]),
39526
39526
  "aria-label": we.value.edit(De.option.label),
39527
39527
  onClick: (xe) => i("edit-option", De.option)
39528
39528
  }, [
@@ -39544,7 +39544,7 @@ const l3 = { class: "mb-3 flex flex-wrap items-start justify-between gap-3" }, s
39544
39544
  }, r(Te).controlAttrs(), {
39545
39545
  "aria-disabled": o.disabled || void 0,
39546
39546
  style: { minWidth: `${42 + 24 * Math.max(28, 12 * u.value)}px` },
39547
- class: "w-full table-fixed border-collapse overflow-hidden rounded-[var(--ui-radius-sm)] border-t border-l border-[var(--ui-border)]",
39547
+ class: "w-full table-fixed border-collapse overflow-hidden rounded-[var(--ui-radius-inner)] border-t border-l border-[var(--ui-border)]",
39548
39548
  onPointerup: ve,
39549
39549
  onPointerleave: ie
39550
39550
  }), [
@@ -39655,7 +39655,7 @@ const l3 = { class: "mb-3 flex flex-wrap items-start justify-between gap-3" }, s
39655
39655
  role: "group",
39656
39656
  tabindex: "0",
39657
39657
  "aria-label": e.ariaLabel || void 0,
39658
- class: "w-full max-w-[640px] rounded-[var(--ui-radius-md)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] px-5 py-4 text-[length:var(--ui-font-size-control)] leading-5 text-[var(--ui-text)] shadow-[var(--ui-shadow-card)] outline-none focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)]"
39658
+ class: "w-full max-w-[640px] rounded-[var(--ui-radius-container)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] px-5 py-4 text-[length:var(--ui-font-size-control)] leading-5 text-[var(--ui-text)] shadow-[var(--ui-shadow-card)] outline-none focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)]"
39659
39659
  }, [
39660
39660
  P(a.$slots, "default")
39661
39661
  ], 8, T3)
@@ -39717,7 +39717,7 @@ const l3 = { class: "mb-3 flex flex-wrap items-start justify-between gap-3" }, s
39717
39717
  "aria-describedby": E.value,
39718
39718
  "data-open": e.open ? "true" : "false",
39719
39719
  "data-ui-notification": "",
39720
- class: "pointer-events-auto w-[360px] max-w-[min(480px,100%)] rounded-[var(--ui-radius-lg)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-3 shadow-[var(--ui-shadow-menu)] outline-none data-[open=false]:opacity-0 data-[open=false]:transition-opacity data-[open=false]:duration-[var(--ui-motion-normal)] focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)]",
39720
+ class: "pointer-events-auto w-[360px] max-w-[min(480px,100%)] rounded-[var(--ui-radius-panel)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-3 shadow-[var(--ui-shadow-menu)] outline-none data-[open=false]:opacity-0 data-[open=false]:transition-opacity data-[open=false]:duration-[var(--ui-motion-normal)] focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)]",
39721
39721
  "data-syno-pkg-land-ui": "",
39722
39722
  onPointerenter: V[3] || (V[3] = (G) => K.value = !0),
39723
39723
  onPointerleave: V[4] || (V[4] = (G) => K.value = !1),
@@ -39799,7 +39799,7 @@ const l3 = { class: "mb-3 flex flex-wrap items-start justify-between gap-3" }, s
39799
39799
  L("button", {
39800
39800
  type: "button",
39801
39801
  "data-ui-hit": "",
39802
- class: "-mr-2 -mt-2 flex size-8 [--ui-hit-end-room:5px] shrink-0 items-center justify-center rounded-[var(--ui-radius-sm)] text-[var(--ui-text-secondary)] outline-none hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)]",
39802
+ class: "-mr-2 -mt-2 flex size-8 [--ui-hit-end-room:5px] shrink-0 items-center justify-center rounded-[var(--ui-radius-inner)] text-[var(--ui-text-secondary)] outline-none hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)]",
39803
39803
  "aria-label": r(o).closeLabel,
39804
39804
  onClick: V[2] || (V[2] = (G) => i("close"))
39805
39805
  }, [
@@ -40053,7 +40053,7 @@ const vG = q3, F3 = ["aria-label", "data-ui-alignment", "data-ui-phone"], V3 = [
40053
40053
  "side-offset": e.offset,
40054
40054
  "arrow-padding": 8,
40055
40055
  role: "tooltip",
40056
- class: "z-[1450] w-max max-w-[min(18rem,var(--reka-popper-available-width))] max-h-[var(--reka-popper-available-height)] overflow-y-auto [overflow-wrap:anywhere] rounded-[var(--ui-radius-md)] bg-[var(--ui-danger-hover)] px-2.5 py-1.5 text-[length:var(--ui-font-size-sm)] leading-4 text-[var(--ui-danger-foreground)] shadow-[var(--ui-shadow-menu)] outline-none",
40056
+ class: "z-[1450] w-max max-w-[min(18rem,var(--reka-popper-available-width))] max-h-[var(--reka-popper-available-height)] overflow-y-auto [overflow-wrap:anywhere] rounded-[var(--ui-radius-popover)] bg-[var(--ui-danger-hover)] px-2.5 py-1.5 text-[length:var(--ui-font-size-sm)] leading-4 text-[var(--ui-danger-foreground)] shadow-[var(--ui-shadow-menu)] outline-none",
40057
40057
  "data-syno-pkg-land-ui": "",
40058
40058
  onEscapeKeyDown: p,
40059
40059
  onPointerDownOutside: p
@@ -40464,7 +40464,7 @@ const J3 = ["aria-label", "data-columns"], Z3 = {
40464
40464
  "aria-posinset": le + 1,
40465
40465
  "aria-setsize": e.count,
40466
40466
  "aria-busy": x(le) === void 0 || void 0,
40467
- class: "group absolute top-0 flex min-w-0 cursor-default flex-col [@media(pointer:coarse)]:select-none overflow-hidden rounded-[var(--ui-radius-lg)] border border-[var(--ui-border-subtle)] bg-[var(--ui-surface)] outline-none transition-shadow duration-[var(--ui-motion-normal)] ease-[var(--ui-motion-ease-out)] data-[loaded]:hover:shadow-[var(--ui-shadow-card)] focus-visible:shadow-[var(--ui-shadow-focus)] data-[active]:outline data-[active]:outline-2 data-[active]:-outline-offset-1 data-[active]:outline-[var(--ui-primary)] data-[selected]:bg-[var(--ui-primary-soft)] data-[selected]:outline data-[selected]:outline-2 data-[selected]:-outline-offset-1 data-[selected]:outline-[var(--ui-primary)]",
40467
+ class: "group absolute top-0 flex min-w-0 cursor-default flex-col [@media(pointer:coarse)]:select-none overflow-hidden rounded-[var(--ui-radius-panel)] border border-[var(--ui-border-subtle)] bg-[var(--ui-surface)] outline-none transition-shadow duration-[var(--ui-motion-normal)] ease-[var(--ui-motion-ease-out)] data-[loaded]:hover:shadow-[var(--ui-shadow-card)] focus-visible:shadow-[var(--ui-shadow-focus)] data-[active]:outline data-[active]:outline-2 data-[active]:-outline-offset-1 data-[active]:outline-[var(--ui-primary)] data-[selected]:bg-[var(--ui-primary-soft)] data-[selected]:outline data-[selected]:outline-2 data-[selected]:-outline-offset-1 data-[selected]:outline-[var(--ui-primary)]",
40468
40468
  style: Pe(g(se, ve))
40469
40469
  }, [
40470
40470
  x(le) !== void 0 ? (d(), y(pe, { key: 0 }, [
@@ -40625,7 +40625,7 @@ const o4 = {
40625
40625
  setup(e) {
40626
40626
  const a = e, t = h(
40627
40627
  () => Je(
40628
- "rounded-[var(--ui-radius-md)] text-[length:var(--ui-font-size)] leading-5 text-[var(--ui-text)]",
40628
+ "rounded-[var(--ui-radius-container)] text-[length:var(--ui-font-size)] leading-5 text-[var(--ui-text)]",
40629
40629
  a.color === "blue" ? "bg-[var(--ui-primary-soft)]" : "bg-[var(--ui-surface-subtle)]"
40630
40630
  )
40631
40631
  );
@@ -40813,7 +40813,7 @@ const p4 = ["draggable", "data-selected"], v4 = {
40813
40813
  return (J, Z) => (d(), y("div", {
40814
40814
  ref_key: "rowEl",
40815
40815
  ref: s,
40816
- class: ne(["group flex items-start gap-3 rounded-[var(--ui-radius-md)] px-3 py-2 transition-colors duration-[var(--ui-motion-fast)]", [
40816
+ class: ne(["group flex items-start gap-3 rounded-[var(--ui-radius-control)] px-3 py-2 transition-colors duration-[var(--ui-motion-fast)]", [
40817
40817
  _.value && "select-none",
40818
40818
  k.value && "opacity-40",
40819
40819
  e.selected && !k.value && "bg-[var(--ui-surface-selected)]",
@@ -41256,7 +41256,7 @@ const q4 = ["aria-rowcount", "aria-colcount"], F4 = { role: "row" }, V4 = ["aria
41256
41256
  type: "button",
41257
41257
  "data-cell-action": "",
41258
41258
  tabindex: "-1",
41259
- class: "inline-flex size-5 shrink-0 items-center justify-center rounded-[var(--ui-radius-sm)] text-[var(--ui-text-secondary)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)]",
41259
+ class: "inline-flex size-5 shrink-0 items-center justify-center rounded-[var(--ui-radius-inner)] text-[var(--ui-text-secondary)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)]",
41260
41260
  "aria-label": n.sortLabel?.(Z.title) ?? r(t)("Sort by {name}", { name: Z.title }),
41261
41261
  "data-sort-state": w(j),
41262
41262
  onClick: (X) => g(j)
@@ -42293,10 +42293,10 @@ const y8 = ["aria-label", "data-stepper", "data-framed", "data-fit", "data-short
42293
42293
  "data-about-dialog": ""
42294
42294
  }, X8 = { class: "flex items-start gap-4" }, J8 = ["src"], Z8 = {
42295
42295
  key: 1,
42296
- class: "flex size-16 shrink-0 items-center justify-center rounded-[var(--ui-radius-lg)] bg-[var(--ui-surface-subtle)] text-[var(--ui-text-secondary)]"
42296
+ class: "flex size-16 shrink-0 items-center justify-center rounded-[var(--ui-radius-panel)] bg-[var(--ui-surface-subtle)] text-[var(--ui-text-secondary)]"
42297
42297
  }, Q8 = { class: "min-w-0" }, e5 = { class: "flex items-center gap-2 text-[length:var(--ui-font-size-title)] font-semibold text-[var(--ui-text)]" }, t5 = {
42298
42298
  key: 0,
42299
- class: "rounded-[var(--ui-radius-sm)] bg-[var(--ui-primary)] px-1.5 text-[length:var(--ui-font-size-sm)] font-normal text-[var(--ui-primary-foreground)]"
42299
+ class: "rounded-[var(--ui-radius-inner)] bg-[var(--ui-primary)] px-1.5 text-[length:var(--ui-font-size-sm)] font-normal text-[var(--ui-primary-foreground)]"
42300
42300
  }, a5 = {
42301
42301
  key: 0,
42302
42302
  class: "mt-1 text-[length:var(--ui-font-size-control)] text-[var(--ui-text-secondary)]"
@@ -42425,7 +42425,7 @@ const y8 = ["aria-label", "data-stepper", "data-framed", "data-fit", "data-short
42425
42425
  key: 0,
42426
42426
  src: r(i).iconSrc,
42427
42427
  alt: "",
42428
- class: "size-16 shrink-0 rounded-[var(--ui-radius-lg)]"
42428
+ class: "size-16 shrink-0 rounded-[var(--ui-radius-panel)]"
42429
42429
  }, null, 8, J8)) : v.value ? (d(), y("span", Z8, [
42430
42430
  (d(), D(Ue(v.value), {
42431
42431
  class: "size-8",
@@ -43719,7 +43719,7 @@ const X5 = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
43719
43719
  "data-ui-aside-title": "",
43720
43720
  "aria-hidden": "true",
43721
43721
  class: "m-0 min-w-0 flex-1 truncate text-[length:var(--ui-font-size-title,var(--ui-font-size))] font-semibold"
43722
- }, GK = ["data-ui-aside-expand", "data-ui-aside-restore", "aria-label"], Us = "flex size-7 shrink-0 items-center justify-center rounded-[var(--ui-radius-md)] text-[var(--ui-text-muted)] outline-none transition-colors duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[var(--ui-shadow-focus)]", zG = /* @__PURE__ */ U({
43722
+ }, GK = ["data-ui-aside-expand", "data-ui-aside-restore", "aria-label"], Us = "flex size-7 shrink-0 items-center justify-center rounded-[var(--ui-radius-control)] text-[var(--ui-text-muted)] outline-none transition-colors duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[var(--ui-shadow-focus)]", zG = /* @__PURE__ */ U({
43723
43723
  __name: "AsidePanel",
43724
43724
  props: {
43725
43725
  title: {},
@@ -44330,7 +44330,7 @@ const qG = /* @__PURE__ */ U({
44330
44330
  emits: ["select", "toggle"],
44331
44331
  setup(e, { emit: a }) {
44332
44332
  const t = e, n = a, o = (p) => t.searching || t.expandedKeys.includes(p.key), i = (p) => t.collapsed ? void 0 : { paddingLeft: `calc(var(--ui-space-3) + ${p * 16}px)` }, l = (p) => !!t.collapsed && !p.icon, s = (p) => !!p.children?.some((v) => l(v) && t.modelValue === v.key || s(v)), u = (p) => t.modelValue === p.key || !!t.collapsed && s(p), c = h(() => !t.collapsed && t.items.some((p) => p.children?.length)), f = (p) => [
44333
- "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",
44333
+ "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",
44334
44334
  u(p) ? "bg-[var(--ui-surface-selected)] text-[var(--ui-text)]" : "bg-transparent text-[var(--ui-text)] hover:bg-[var(--ui-surface-hover)]"
44335
44335
  ];
44336
44336
  return (p, v) => {
@@ -44453,7 +44453,7 @@ const qG = /* @__PURE__ */ U({
44453
44453
  p && !p.disabled && n("select", p);
44454
44454
  }
44455
44455
  const u = (c) => [
44456
- "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",
44456
+ "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",
44457
44457
  c ? "bg-[var(--ui-surface-selected)] text-[var(--ui-text)]" : "bg-transparent text-[var(--ui-text)] hover:bg-[var(--ui-surface-hover)]"
44458
44458
  ];
44459
44459
  return (c, f) => (d(!0), y(pe, null, Se(t.items, (p) => (d(), y(pe, {
@@ -45159,7 +45159,7 @@ const U6 = ["data-ui-title-in-bar"], j6 = { class: "min-w-0 flex-auto" }, G6 = {
45159
45159
  class: ne([
45160
45160
  // A short grip in the middle says the line moves; it darkens under the
45161
45161
  // pointer and takes the accent while dragged or focused.
45162
- "group relative shrink-0 grow-0 touch-none rounded-[var(--ui-radius-sm)] outline-none focus-visible:shadow-[inset_0_0_0_2px_var(--ui-focus-ring)]",
45162
+ "group relative shrink-0 grow-0 touch-none rounded-[var(--ui-radius-inner)] outline-none focus-visible:shadow-[inset_0_0_0_2px_var(--ui-focus-ring)]",
45163
45163
  e.orientation === "vertical" ? "cursor-row-resize" : "cursor-col-resize"
45164
45164
  ]),
45165
45165
  role: "separator",
@@ -46373,7 +46373,7 @@ const pW = ["data-direction", "data-inset", "data-status"], vW = ["id", "for"],
46373
46373
  }), re = h(() => {
46374
46374
  const ke = Y.value ? "text-[var(--ui-danger)]" : G.value === "warning" ? "text-[var(--ui-warning)]" : G.value === "success" ? "text-[var(--ui-success)]" : "text-[var(--ui-text-secondary)]";
46375
46375
  return H.value === "text" ? Je("mt-1 text-[length:var(--ui-font-size-sm)] leading-4", ke) : Je(
46376
- "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)]",
46376
+ "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)]",
46377
46377
  Y.value ? "bg-[var(--ui-danger-hover)] text-[var(--ui-danger-foreground)]" : "bg-[var(--ui-tooltip-bg)] text-[var(--ui-tooltip-fg)]",
46378
46378
  "transition-opacity duration-[var(--ui-motion-fast)]",
46379
46379
  M.value ? "opacity-100" : "pointer-events-none opacity-0"
@@ -46645,7 +46645,7 @@ const pW = ["data-direction", "data-inset", "data-status"], vW = ["id", "for"],
46645
46645
  ], 14, xW));
46646
46646
  }
46647
46647
  }), EW = {
46648
- class: "min-w-0 rounded-[var(--ui-radius-sm)] bg-[var(--ui-info-box-bg)] px-6 py-3 text-[length:var(--ui-font-size-control)] leading-5 text-[var(--ui-text)] [overflow-wrap:anywhere]",
46648
+ class: "min-w-0 rounded-[var(--ui-radius-inner)] bg-[var(--ui-info-box-bg)] px-6 py-3 text-[length:var(--ui-font-size-control)] leading-5 text-[var(--ui-text)] [overflow-wrap:anywhere]",
46649
46649
  "data-ui-info-box": "",
46650
46650
  "data-syno-pkg-land-ui": ""
46651
46651
  }, TW = {
@@ -46972,7 +46972,7 @@ function qW({ widths: e, availableWidth: a, moreWidth: t, gap: n, minVisibleItem
46972
46972
  const FW = {
46973
46973
  key: 0,
46974
46974
  class: "flex shrink-0 items-center gap-1"
46975
- }, VW = ["data-overflow-item"], NW = ["data-overflow-item"], KW = { class: "min-w-0 flex-1" }, Xp = "z-[1450] min-w-[min(11rem,var(--reka-popper-available-width))] overflow-y-auto rounded-[var(--ui-radius-md)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-1 shadow-[var(--ui-shadow-menu)] outline-none", Ys = "flex min-h-7 select-none items-center gap-2 rounded-[var(--ui-radius-sm)] px-2.5 py-1 text-[length:var(--ui-font-size)] text-[var(--ui-text)] outline-none [@media(pointer:coarse)]:min-h-[var(--ui-menu-row-height)] data-[highlighted]:bg-[var(--ui-primary-soft)] data-[disabled]:opacity-40 [overflow-wrap:anywhere]", pY = /* @__PURE__ */ U({
46975
+ }, VW = ["data-overflow-item"], NW = ["data-overflow-item"], KW = { class: "min-w-0 flex-1" }, Xp = "z-[1450] min-w-[min(11rem,var(--reka-popper-available-width))] overflow-y-auto rounded-[var(--ui-radius-popover)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-1 shadow-[var(--ui-shadow-menu)] outline-none", Ys = "flex min-h-7 select-none items-center gap-2 rounded-[var(--ui-radius-inner)] px-2.5 py-1 text-[length:var(--ui-font-size)] text-[var(--ui-text)] outline-none [@media(pointer:coarse)]:min-h-[var(--ui-menu-row-height)] data-[highlighted]:bg-[var(--ui-primary-soft)] data-[disabled]:opacity-40 [overflow-wrap:anywhere]", pY = /* @__PURE__ */ U({
46976
46976
  __name: "OverflowToolbar",
46977
46977
  props: {
46978
46978
  items: { default: () => [] },
@@ -47886,7 +47886,7 @@ const nU = ["href", "download", "target", "rel", "aria-disabled", "tabindex"], o
47886
47886
  rel: s.value,
47887
47887
  "aria-disabled": e.disabled || void 0,
47888
47888
  tabindex: e.disabled ? -1 : void 0,
47889
- class: ne(["inline-flex max-w-full items-center gap-1 rounded-[var(--ui-radius-sm)] text-[var(--ui-primary)] underline underline-offset-2 px-0.5 outline-none hover:text-[var(--ui-primary-hover)] focus-visible:shadow-[var(--ui-shadow-focus)]", e.disabled ? "cursor-default opacity-50" : "cursor-pointer"]),
47889
+ class: ne(["inline-flex max-w-full items-center gap-1 rounded-[var(--ui-radius-inner)] text-[var(--ui-primary)] underline underline-offset-2 px-0.5 outline-none hover:text-[var(--ui-primary-hover)] focus-visible:shadow-[var(--ui-shadow-focus)]", e.disabled ? "cursor-default opacity-50" : "cursor-pointer"]),
47890
47890
  "data-ui-hit": "",
47891
47891
  "data-syno-pkg-land-ui": "",
47892
47892
  onClick: u