@synopackageland/ui 0.19.5 → 0.19.6

package/dist/index.js

@@ -1,6 +1,6 @@
 import * as Cs from "vue";
-import { inject as Xe, computed as y, defineComponent as I, openBlock as d, createElementBlock as g, normalizeStyle as Ce, unref as i, normalizeClass as J, createElementVNode as B, ref as P, provide as Ye, onMounted as Be, onUpdated as On, createVNode as O, createCommentVNode as A, renderSlot as S, createBlock as $, useAttrs as In, watch as de, watchEffect as mt, onBeforeUpdate as Ep, onBeforeUnmount as ze, mergeProps as oe, shallowReactive as Uu, onScopeDispose as Rn, useSlots as Tt, createTextVNode as se, toDisplayString as N, shallowRef as It, shallowReadonly as sa, toValue as rt, getCurrentScope as ju, customRef as Tp, effectScope as Gu, getCurrentInstance as Ct, isRef as Vt, reactive as vt, toRefs as Ue, nextTick as qe, Fragment as re, toHandlerKey as Ap, camelize as Yu, triggerRef as Pp, toRef as Bp, onUnmounted as ht, h as Pt, Comment as Xu, cloneVNode as Dp, withCtx as _, withKeys as at, withDirectives as xt, vShow as ua, withModifiers as Ee, Teleport as Mn, normalizeProps as Ie, guardReactiveProps as Me, markRaw as qp, renderList as he, watchSyncEffect as Op, withMemo as Ui, watchPostEffect as Zu, mergeDefaults as Ju, resolveDynamicComponent as Le, toHandlers as Qu, toRaw as Ip, onBeforeMount as Rp, useId as it, useTemplateRef as Oe, vModelText as ji, Transition as Mp, resolveComponent as No, Text as Lp, vModelSelect as Br, useModel as ed, mergeModels as ri, createSlots as Cn } from "vue";
-import { EyeOff as zp, Eye as Fp, Minus as Co, ChevronDown as ot, Plus as So, Check as st, X as ut, ChevronRight as ct, CalendarDays as Vp, ChevronLeft as Ko, CircleAlert as Ln, TriangleAlert as Wo, CircleCheck as Gi, Info as Ua, File as ii, FileImage as Np, FileVideo as Kp, FileAudio as Wp, FileArchive as Hp, FileText as td, FileCode as Up, FolderOpen as Yi, Folder as Xi, Ellipsis as li, ChevronsLeft as jp, ChevronsRight as Gp, RefreshCw as $o, Filter as Yp, Search as Xp, Trash2 as Zp, CircleHelp as Jp, CircleQuestionMark as Qp, ArrowUp as ev, ArrowDown as tv, ListFilter as av, RotateCw as ad, Download as nd, ImageOff as nv, ChevronUp as Zi, Columns3 as ov, GripVertical as Ss, UploadCloud as rv, ClipboardPaste as $s, Scissors as iv, Copy as Ji, Pencil as lv, Lightbulb as sv, ChevronsUpDown as uv, Package as dv, ExternalLink as cv, PanelLeftOpen as fv, PanelLeftClose as pv, Menu as vv, ArrowUpRight as mv } from "@lucide/vue";
+import { inject as Xe, computed as y, defineComponent as I, openBlock as d, createElementBlock as g, normalizeStyle as Ce, unref as i, normalizeClass as J, createElementVNode as B, ref as P, provide as Ye, onMounted as Be, onUpdated as On, createVNode as O, createCommentVNode as A, renderSlot as S, createBlock as $, useAttrs as In, watch as de, watchEffect as mt, onBeforeUpdate as Ep, onBeforeUnmount as ze, mergeProps as oe, shallowReactive as Uu, onScopeDispose as Rn, useSlots as Tt, createTextVNode as se, toDisplayString as N, shallowRef as It, shallowReadonly as sa, toValue as it, getCurrentScope as ju, customRef as Tp, effectScope as Gu, getCurrentInstance as Ct, isRef as Vt, reactive as vt, toRefs as Ue, nextTick as qe, Fragment as re, toHandlerKey as Ap, camelize as Yu, triggerRef as Pp, toRef as Bp, onUnmounted as ht, h as Pt, Comment as Xu, cloneVNode as Dp, withCtx as _, withKeys as at, withDirectives as xt, vShow as ua, withModifiers as Ee, Teleport as Mn, normalizeProps as Ie, guardReactiveProps as Me, markRaw as qp, renderList as he, watchSyncEffect as Op, withMemo as Ui, watchPostEffect as Zu, mergeDefaults as Ju, resolveDynamicComponent as Le, toHandlers as Qu, toRaw as Ip, onBeforeMount as Rp, useId as lt, useTemplateRef as Oe, vModelText as ji, Transition as Mp, resolveComponent as No, Text as Lp, vModelSelect as Br, useModel as ed, mergeModels as ri, createSlots as Cn } from "vue";
+import { EyeOff as zp, Eye as Fp, Minus as Co, ChevronDown as rt, Plus as So, Check as st, X as ut, ChevronRight as ct, CalendarDays as Vp, ChevronLeft as Ko, CircleAlert as Ln, TriangleAlert as Wo, CircleCheck as Gi, Info as Ua, File as ii, FileImage as Np, FileVideo as Kp, FileAudio as Wp, FileArchive as Hp, FileText as td, FileCode as Up, FolderOpen as Yi, Folder as Xi, Ellipsis as li, ChevronsLeft as jp, ChevronsRight as Gp, RefreshCw as $o, Filter as Yp, Search as Xp, Trash2 as Zp, CircleHelp as Jp, CircleQuestionMark as Qp, ArrowUp as ev, ArrowDown as tv, ListFilter as av, RotateCw as ad, Download as nd, ImageOff as nv, ChevronUp as Zi, Columns3 as ov, GripVertical as Ss, UploadCloud as rv, ClipboardPaste as $s, Scissors as iv, Copy as Ji, Pencil as lv, Lightbulb as sv, ChevronsUpDown as uv, Package as dv, ExternalLink as cv, PanelLeftOpen as fv, PanelLeftClose as pv, Menu as vv, ArrowUpRight as mv } from "@lucide/vue";
 import { DateFormatter as Yt, createCalendar as hv, toCalendar as Es, CalendarDateTime as od, CalendarDate as rd, getLocalTimeZone as Qi, ZonedDateTime as gv, getDayOfWeek as el, startOfMonth as yv, endOfMonth as Ts, today as bv, isEqualMonth as As, isSameMonth as id, isSameDay as ja, isEqualDay as Sn, isToday as wv, parseDate as xv } from "@internationalized/date";
 const Ps = ["en", "zh-TW", "zh-CN", "ja", "ko", "de", "fr", "es", "it"], tl = /* @__PURE__ */ Symbol("syno-pkg-land-ui:locale"), Bs = { enu: "en", cht: "zh-TW", chs: "zh-CN", jpn: "ja", krn: "ko", ger: "de", fre: "fr", spn: "es", ita: "it" };
 function si(e) {
@@ -2802,14 +2802,14 @@ function Jv(e) {
 }
 function jo(e, ...a) {
   const t = a.flat(), n = t[0];
-  return Jv(() => Object.fromEntries(typeof n == "function" ? Object.entries(Ue(e)).filter(([o, r]) => !n(rt(r), o)) : Object.entries(Ue(e)).filter((o) => !t.includes(o[0]))));
+  return Jv(() => Object.fromEntries(typeof n == "function" ? Object.entries(Ue(e)).filter(([o, r]) => !n(it(r), o)) : Object.entries(Ue(e)).filter((o) => !t.includes(o[0]))));
 }
 function ol(e, a = 1e4) {
   return Tp((t, n) => {
-    let o = rt(e), r;
+    let o = it(e), r;
     const l = () => setTimeout(() => {
-      o = rt(e), n();
-    }, rt(a));
+      o = it(e), n();
+    }, it(a));
     return Pa(() => {
       clearTimeout(r);
     }), {
@@ -2837,7 +2837,7 @@ function rl(e, a, t = {}) {
   function c(...f) {
     o && e(), s(), r.value = !0, l = setTimeout(() => {
       r.value = !1, l = void 0, e(...f);
-    }, rt(a));
+    }, it(a));
   }
   return n && (r.value = !0, kt && c()), Pa(u), {
     isPending: sa(r),
@@ -2861,21 +2861,21 @@ function tm(e, a, t) {
 const Fn = kt ? window : void 0;
 function Bt(e) {
   var a;
-  const t = rt(e);
+  const t = it(e);
   return (a = t?.$el) !== null && a !== void 0 ? a : t;
 }
 function Nt(...e) {
   const a = (n, o, r, l) => (n.addEventListener(o, r, l), () => n.removeEventListener(o, r, l)), t = y(() => {
-    const n = qr(rt(e[0])).filter((o) => o != null);
+    const n = qr(it(e[0])).filter((o) => o != null);
     return n.every((o) => typeof o != "string") ? n : void 0;
   });
   return tm(() => {
     var n, o;
     return [
       (n = (o = t.value) === null || o === void 0 ? void 0 : o.map((r) => Bt(r))) !== null && n !== void 0 ? n : [Fn].filter((r) => r != null),
-      qr(rt(t.value ? e[1] : e[0])),
+      qr(it(t.value ? e[1] : e[0])),
       qr(i(t.value ? e[2] : e[1])),
-      rt(t.value ? e[3] : e[2])
+      it(t.value ? e[3] : e[2])
     ];
   }, ([n, o, r, l], s, u) => {
     if (!n?.length || !o?.length || !r?.length) return;
@@ -2905,12 +2905,12 @@ function ll(...e) {
   e.length === 3 ? (a = e[0], t = e[1], n = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (a = !0, t = e[0], n = e[1]) : (a = e[0], t = e[1]) : (a = !0, t = e[0]);
   const { target: o = Fn, eventName: r = "keydown", passive: l = !1, dedupe: s = !1 } = n, u = nm(a);
   return Nt(o, r, (f) => {
-    f.repeat && rt(s) || u(f) && t(f);
+    f.repeat && it(s) || u(f) && t(f);
   }, l);
 }
 function om(e, a = {}) {
   const { immediate: t = !0, fpsLimit: n = null, window: o = Fn, once: r = !1 } = a, l = It(!1), s = y(() => {
-    const m = rt(n);
+    const m = it(n);
     return m ? 1e3 / m : null;
   });
   let u = 0, c = null;
@@ -2952,7 +2952,7 @@ function im(e, a, t = {}) {
   const l = /* @__PURE__ */ am(() => n && "ResizeObserver" in n), s = () => {
     r && (r.disconnect(), r = void 0);
   }, u = de(y(() => {
-    const f = rt(e);
+    const f = it(e);
     return Array.isArray(f) ? f.map((p) => Bt(p)) : [Bt(f)];
   }), (f) => {
     if (s(), l.value && n) {
@@ -3076,7 +3076,7 @@ var um = /* @__PURE__ */ I({
     }), (s, u) => S(s.$slots, "default");
   }
 }), hd = um;
-const nt = /* @__PURE__ */ vt({
+const ot = /* @__PURE__ */ vt({
   layersRoot: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   originalBodyPointerEvents: void 0,
@@ -3358,7 +3358,7 @@ const yd = mm(), hm = /* @__PURE__ */ vd(() => {
   const e = P(/* @__PURE__ */ new Map());
   let a;
   const t = (s, u, c = s.getPropertyValue(u)) => {
-    const f = u === "pointer-events" && nt.layersWithOutsidePointerEventsDisabled.size > 0 ? nt.originalBodyPointerEventsPriority ?? "" : s.getPropertyPriority(u);
+    const f = u === "pointer-events" && ot.layersWithOutsidePointerEventsDisabled.size > 0 ? ot.originalBodyPointerEventsPriority ?? "" : s.getPropertyPriority(u);
     return () => s.setProperty(u, c, f);
   }, n = y(() => {
     for (const s of e.value.values()) if (s) return !0;
@@ -3374,9 +3374,9 @@ const yd = mm(), hm = /* @__PURE__ */ vd(() => {
       u && l();
       return;
     }
-    const c = document.body.style, f = t(c, "overflow"), p = t(c, "padding-right"), v = t(c, "margin-right"), m = t(document.documentElement.style, "--scrollbar-width"), h = t(c, "pointer-events", nt.layersWithOutsidePointerEventsDisabled.size > 0 ? nt.originalBodyPointerEvents ?? "" : c.pointerEvents);
+    const c = document.body.style, f = t(c, "overflow"), p = t(c, "padding-right"), v = t(c, "margin-right"), m = t(document.documentElement.style, "--scrollbar-width"), h = t(c, "pointer-events", ot.layersWithOutsidePointerEventsDisabled.size > 0 ? ot.originalBodyPointerEvents ?? "" : c.pointerEvents);
     a = () => {
-      p(), v(), nt.layersWithOutsidePointerEventsDisabled.size === 0 && h(), m(), f();
+      p(), v(), ot.layersWithOutsidePointerEventsDisabled.size === 0 && h(), m(), f();
     };
     const w = window.innerWidth - document.documentElement.clientWidth, b = {
       padding: w,
@@ -3719,7 +3719,7 @@ function Ls() {
   return e.setAttribute("data-reka-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
 }
 function ta(e) {
-  return y(() => rt(e) ? !!Bt(e)?.closest("form") : !0);
+  return y(() => it(e) ? !!Bt(e)?.closest("form") : !0);
 }
 function ye() {
   const e = Ct(), a = P(), t = y(() => n());
@@ -4895,7 +4895,7 @@ function bh(e, a, t = !0) {
   const n = a?.value?.ownerDocument ?? globalThis?.document, o = P(!1), r = P(() => {
   });
   return mt((l) => {
-    if (!kt || !rt(t)) return;
+    if (!kt || !it(t)) return;
     const s = async (c) => {
       const f = c.target;
       if (!(!a?.value || !f)) {
@@ -4919,13 +4919,13 @@ function bh(e, a, t = !0) {
       window.clearTimeout(u), n.removeEventListener("pointerdown", s), n.removeEventListener("click", r.value);
     });
   }), { onPointerDownCapture: () => {
-    rt(t) && (o.value = !0);
+    it(t) && (o.value = !0);
   } };
 }
 function wh(e, a, t = !0) {
   const n = a?.value?.ownerDocument ?? globalThis?.document, o = P(!1);
   return mt((r) => {
-    if (!kt || !rt(t)) return;
+    if (!kt || !it(t)) return;
     const l = async (s) => {
       if (!a?.value) return;
       await qe(), await qe();
@@ -4935,10 +4935,10 @@ function wh(e, a, t = !0) {
     n.addEventListener("focusin", l), r(() => n.removeEventListener("focusin", l));
   }), {
     onFocusCapture: () => {
-      rt(t) && (o.value = !0);
+      it(t) && (o.value = !0);
     },
     onBlurCapture: () => {
-      rt(t) && (o.value = !1);
+      it(t) && (o.value = !1);
     }
   };
 }
@@ -4976,14 +4976,14 @@ var xh = /* @__PURE__ */ I({
     if (l)
       return l.layer(r, () => t.present, () => t.disableOutsidePointerEvents, n), (h) => Pt(_e, { ref: o, as: t.as, asChild: t.asChild, "data-dismissable-layer": "" }, h.$slots);
     t.present && Ao(), cm(r, () => t.present);
-    const s = y(() => r.value?.ownerDocument ?? globalThis.document), u = y(() => nt.layersRoot), c = y(() => r.value ? Array.from(u.value).indexOf(r.value) : -1), f = y(() => nt.layersWithOutsidePointerEventsDisabled.size > 0), p = y(() => {
-      const h = Array.from(u.value), [w] = [...nt.layersWithOutsidePointerEventsDisabled].slice(-1), b = h.indexOf(w);
+    const s = y(() => r.value?.ownerDocument ?? globalThis.document), u = y(() => ot.layersRoot), c = y(() => r.value ? Array.from(u.value).indexOf(r.value) : -1), f = y(() => ot.layersWithOutsidePointerEventsDisabled.size > 0), p = y(() => {
+      const h = Array.from(u.value), [w] = [...ot.layersWithOutsidePointerEventsDisabled].slice(-1), b = h.indexOf(w);
       return c.value >= b;
     }), v = bh(async (h) => {
-      const w = [...nt.branches].some((b) => b?.contains(h.target));
+      const w = [...ot.branches].some((b) => b?.contains(h.target));
       !t.present || !p.value || w || (n("pointerDownOutside", h), n("interactOutside", h), await qe(), h.defaultPrevented || n("dismiss"));
     }, r, () => t.present), m = wh((h) => {
-      const w = [...nt.branches].some((b) => b?.contains(h.target));
+      const w = [...ot.branches].some((b) => b?.contains(h.target));
       !t.present || w || (n("focusOutside", h), n("interactOutside", h), h.defaultPrevented || n("dismiss"));
     }, r);
     return ll("Escape", (h) => {
@@ -4993,8 +4993,8 @@ var xh = /* @__PURE__ */ I({
       () => t.disableOutsidePointerEvents,
       () => t.present
     ], ([h, w, b], x, C) => {
-      !h || !b || w && (nt.layersWithOutsidePointerEventsDisabled.size === 0 && (nt.originalBodyPointerEventsPriority = s.value.body.style.getPropertyPriority("pointer-events"), nt.originalBodyPointerEvents = s.value.body.style.pointerEvents, s.value.body.style.pointerEvents = "none"), nt.layersWithOutsidePointerEventsDisabled.add(h), C(() => {
-        nt.layersWithOutsidePointerEventsDisabled.delete(h), nt.layersWithOutsidePointerEventsDisabled.size === 0 && !Ga(nt.originalBodyPointerEvents) && s.value.body.style.setProperty("pointer-events", nt.originalBodyPointerEvents, nt.originalBodyPointerEventsPriority ?? "");
+      !h || !b || w && (ot.layersWithOutsidePointerEventsDisabled.size === 0 && (ot.originalBodyPointerEventsPriority = s.value.body.style.getPropertyPriority("pointer-events"), ot.originalBodyPointerEvents = s.value.body.style.pointerEvents, s.value.body.style.pointerEvents = "none"), ot.layersWithOutsidePointerEventsDisabled.add(h), C(() => {
+        ot.layersWithOutsidePointerEventsDisabled.delete(h), ot.layersWithOutsidePointerEventsDisabled.size === 0 && !Ga(ot.originalBodyPointerEvents) && s.value.body.style.setProperty("pointer-events", ot.originalBodyPointerEvents, ot.originalBodyPointerEventsPriority ?? "");
       }));
     }, { immediate: !0 }), de([r, () => t.present], ([h, w], b, x) => {
       !h || !w || (u.value.add(h), x(() => {
@@ -5002,7 +5002,7 @@ var xh = /* @__PURE__ */ I({
       }));
     }, { immediate: !0 }), mt((h) => {
       h(() => {
-        r.value && (u.value.delete(r.value), nt.layersWithOutsidePointerEventsDisabled.delete(r.value));
+        r.value && (u.value.delete(r.value), ot.layersWithOutsidePointerEventsDisabled.delete(r.value));
       });
     }), (h, w) => (d(), $(i(_e), {
       ref: i(o),
@@ -5043,9 +5043,9 @@ var xh = /* @__PURE__ */ I({
       return o.branch(n), (l) => Pt(_e, { ref: t, ...a }, l.$slots);
     let r = null;
     return Be(() => {
-      r = n.value, r && nt.branches.add(r);
+      r = n.value, r && ot.branches.add(r);
     }), ht(() => {
-      r && (nt.branches.delete(r), r = null);
+      r && (ot.branches.delete(r), r = null);
     }), (l, s) => (d(), $(i(_e), oe({ ref: i(t) }, a), {
       default: _(() => [S(l.$slots, "default")]),
       _: 3
@@ -18945,7 +18945,7 @@ const fk = ["disabled", "aria-label"], pk = { class: "relative min-w-0 flex-1" }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = We(), n = e, o = Mt(() => n.disabled), r = a, l = it(), s = y(() => Ol(n.min)), u = y(() => Il(n.max)), c = y(() => n.min !== void 0 && Number.isFinite(s.value)), f = y(() => n.max !== void 0 && Number.isFinite(u.value)), p = y(() => ({
+    const t = We(), n = e, o = Mt(() => n.disabled), r = a, l = lt(), s = y(() => Ol(n.min)), u = y(() => Il(n.max)), c = y(() => n.min !== void 0 && Number.isFinite(s.value)), f = y(() => n.max !== void 0 && Number.isFinite(u.value)), p = y(() => ({
       min: n.min,
       max: n.max,
       step: n.step,
@@ -19067,7 +19067,7 @@ const fk = ["disabled", "aria-label"], pk = { class: "relative min-w-0 flex-1" }
                       "aria-expanded": b.value,
                       "aria-label": Y.value.presets
                     }, [
-                      O(i(ot), {
+                      O(i(rt), {
                         class: "size-3",
                         "aria-hidden": "true"
                       })
@@ -19432,7 +19432,7 @@ const fk = ["disabled", "aria-label"], pk = { class: "relative min-w-0 flex-1" }
       const Pe = u(ce);
       return Pe ? bi(Pe).toUpperCase() : void 0;
     }
-    const p = it(), v = P(!1), m = P(0), h = `${p}-palette`, w = (ce) => `${p}-swatch-${ce}`, b = y(() => u(r.modelValue)), x = y(() => b.value ? bi(b.value).toUpperCase() : ""), C = y(() => b.value ? s((b.value.alpha ?? 1) * r.alpha) : s(r.alpha)), E = y(
+    const p = lt(), v = P(!1), m = P(0), h = `${p}-palette`, w = (ce) => `${p}-swatch-${ce}`, b = y(() => u(r.modelValue)), x = y(() => b.value ? bi(b.value).toUpperCase() : ""), C = y(() => b.value ? s((b.value.alpha ?? 1) * r.alpha) : s(r.alpha)), E = y(
       () => b.value ? eu({ ...b.value, alpha: C.value }, "rgb") : "transparent"
     ), k = y(() => [r.ariaLabel, x.value].filter(Boolean).join(", ") || be.value.choose);
     function T(ce) {
@@ -19537,7 +19537,7 @@ const fk = ["disabled", "aria-label"], pk = { class: "relative min-w-0 flex-1" }
                   style: Ce({ backgroundColor: E.value })
                 }, null, 4)
               ], 4),
-              O(i(ot), {
+              O(i(rt), {
                 class: "size-3 text-[var(--ui-text-muted)]",
                 "aria-hidden": "true"
               })
@@ -19644,7 +19644,7 @@ const fk = ["disabled", "aria-label"], pk = { class: "relative min-w-0 flex-1" }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = Mt(() => t.disabled), o = a, { controlAttrs: r, wrapperAttrs: l, changed: s } = gt({ value: () => t.modelValue, disabled: () => n.value }), u = it(), c = y(() => r().id ?? u), f = y(() => !!(t.label || t.description));
+    const t = e, n = Mt(() => t.disabled), o = a, { controlAttrs: r, wrapperAttrs: l, changed: s } = gt({ value: () => t.modelValue, disabled: () => n.value }), u = lt(), c = y(() => r().id ?? u), f = y(() => !!(t.label || t.description));
     return (p, v) => (d(), g("span", oe(i(l)(), {
       class: ["inline-flex max-w-full items-start gap-[var(--ui-choice-box-gap)] align-top [@media(pointer:coarse)]:min-h-8 text-[13px] text-[var(--ui-text)]", [i(n) ? "cursor-default" : "cursor-pointer", !t.description && "[@media(pointer:coarse)]:items-center"]],
       "data-ui-checkbox": "",
@@ -20005,7 +20005,7 @@ const Yk = { key: 0 }, Xk = { key: 1 }, Zk = { key: 2 }, Jk = {
               }, 8, ["placeholder"]),
               O(i(O_), { class: "flex shrink-0 items-center text-[var(--ui-text-muted)]" }, {
                 default: _(() => [
-                  O(i(ot), {
+                  O(i(rt), {
                     class: "size-4",
                     "aria-hidden": "true"
                   })
@@ -20608,7 +20608,7 @@ const Zc = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
                 }, ["stop"])),
                 onClick: Ee(ne, ["stop"])
               }, [
-                O(i(ot), {
+                O(i(rt), {
                   class: "size-4",
                   "aria-hidden": "true"
                 })
@@ -22838,7 +22838,7 @@ const a$ = ["disabled", "readonly", "placeholder", "onKeydown"], n$ = ["disabled
                         { number: !0 }
                       ]
                     ]),
-                    O(i(ot), {
+                    O(i(rt), {
                       class: "pointer-events-none absolute right-1.5 size-3.5 text-[var(--ui-text-muted)]",
                       "aria-hidden": "true"
                     })
@@ -22862,7 +22862,7 @@ const a$ = ["disabled", "readonly", "placeholder", "onKeydown"], n$ = ["disabled
                         { number: !0 }
                       ]
                     ]),
-                    O(i(ot), {
+                    O(i(rt), {
                       class: "pointer-events-none absolute right-1.5 size-3.5 text-[var(--ui-text-muted)]",
                       "aria-hidden": "true"
                     })
@@ -22878,7 +22878,7 @@ const a$ = ["disabled", "readonly", "placeholder", "onKeydown"], n$ = ["disabled
                     ], 8, y$), [
                       [Br, q.value]
                     ]),
-                    O(i(ot), {
+                    O(i(rt), {
                       class: "pointer-events-none absolute right-1.5 size-3.5 text-[var(--ui-text-muted)]",
                       "aria-hidden": "true"
                     })
@@ -23223,7 +23223,7 @@ const S$ = ["data-overflow-start", "data-overflow-end"], tF = /* @__PURE__ */ I(
               default: _(() => [
                 O(i(ph), { class: "group -mx-1 flex min-h-10 w-[calc(100%+0.5rem)] items-center gap-2 rounded-[var(--ui-radius-sm)] px-1 py-2 text-left text-[13px] font-semibold text-[var(--ui-text)] outline-none hover:text-[var(--ui-primary-active)] active:bg-[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" }, {
                   default: _(() => [
-                    O(i(ot), {
+                    O(i(rt), {
                       class: "size-3.5 shrink-0 text-[var(--ui-primary)] transition-transform group-data-[state=open]:rotate-180",
                       "aria-hidden": "true"
                     }),
@@ -23365,12 +23365,12 @@ const Wl = /* @__PURE__ */ I({
   }
 });
 function rF(e) {
-  const a = P(null), t = y(() => rt(e.disabled) ?? !1), n = y(() => ({
+  const a = P(null), t = y(() => it(e.disabled) ?? !1), n = y(() => ({
     role: "button",
     tabindex: t.value ? -1 : 0,
     "aria-disabled": t.value ? !0 : void 0,
-    "aria-label": rt(e.ariaLabel),
-    "aria-labelledby": rt(e.ariaLabelledby),
+    "aria-label": it(e.ariaLabel),
+    "aria-labelledby": it(e.ariaLabelledby),
     "aria-hidden": !1
   }));
   function o(s) {
@@ -24046,9 +24046,9 @@ const fF = /* @__PURE__ */ Hl(iE, [["render", sE]]), pF = /* @__PURE__ */ I({
       const Ae = xe?.block ?? "nearest", Ve = ve.offsetTop, Je = Ve + ve.offsetHeight, ra = ue.scrollTop, $e = ra + ue.clientHeight;
       let Ne = ra;
       Ae === "start" ? Ne = Ve : Ae === "end" ? Ne = Je - ue.clientHeight : Ve < ra ? Ne = Ve : Je > $e && (Ne = Je - ue.clientHeight);
-      const lt = ve.offsetLeft, dt = lt + ve.offsetWidth, ga = ue.scrollLeft, Oa = ga + ue.clientWidth;
+      const nt = ve.offsetLeft, dt = nt + ve.offsetWidth, ga = ue.scrollLeft, Oa = ga + ue.clientWidth;
       let Ia = ga;
-      lt < ga ? Ia = lt : dt > Oa && (Ia = dt - ue.clientWidth), Y({ left: Ia, top: Ne, behavior: xe?.behavior });
+      nt < ga ? Ia = nt : dt > Oa && (Ia = dt - ue.clientWidth), Y({ left: Ia, top: Ne, behavior: xe?.behavior });
     }
     function ie() {
       p.value = !0;
@@ -24313,7 +24313,7 @@ const fF = /* @__PURE__ */ Hl(iE, [["render", sE]]), pF = /* @__PURE__ */ I({
       class: "inline-flex max-w-[var(--ui-breadcrumb-item-max-width,180px)] min-w-0 items-center gap-1 truncate 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)]"
     }, [
       B("span", kE, N(e.display), 1),
-      e.hasMenu ? (d(), $(i(ot), {
+      e.hasMenu ? (d(), $(i(rt), {
         key: 0,
         class: "size-3 shrink-0 text-[var(--ui-text-muted)]",
         "aria-hidden": "true"
@@ -25532,7 +25532,7 @@ const kT = ["data-collapsible", "aria-busy"], CT = {
   },
   emits: ["update:open"],
   setup(e, { emit: a }) {
-    const t = e, n = a, o = it(), { value: r, toggle: l } = yr(
+    const t = e, n = a, o = lt(), { value: r, toggle: l } = yr(
       () => t.open,
       t.defaultOpen,
       (f) => n("update:open", f)
@@ -25552,7 +25552,7 @@ const kT = ["data-collapsible", "aria-busy"], CT = {
           onClick: p[0] || (p[0] = //@ts-ignore
           (...v) => i(l) && i(l)(...v))
         }, [
-          O(i(ot), {
+          O(i(rt), {
             class: J(["size-4 shrink-0 transition-transform", !i(r) && "-rotate-90"]),
             "aria-hidden": "true"
           }, null, 8, ["class"]),
@@ -25924,7 +25924,7 @@ const IT = {
   }),
   emits: /* @__PURE__ */ ri(["close"], ["update:expanded"]),
   setup(e, { emit: a }) {
-    const n = Ge(e, { closeLabel: "Close", moreLabel: "Learn more", lessLabel: "Show less" }), o = a, r = ed(e, "expanded"), l = y(() => ({ info: Ua, success: Gi, warning: Wo, danger: Ln })[n.tone]), s = it(), u = Oe("content"), c = P(""), f = y(() => [n.tone, n.dismissKey ?? [n.title, n.code, c.value].join("\0")].join("\0")), p = P(null), v = y(() => n.variant === "hint"), m = y(() => !v.value && n.dismissible && p.value === f.value);
+    const n = Ge(e, { closeLabel: "Close", moreLabel: "Learn more", lessLabel: "Show less" }), o = a, r = ed(e, "expanded"), l = y(() => ({ info: Ua, success: Gi, warning: Wo, danger: Ln })[n.tone]), s = lt(), u = Oe("content"), c = P(""), f = y(() => [n.tone, n.dismissKey ?? [n.title, n.code, c.value].join("\0")].join("\0")), p = P(null), v = y(() => n.variant === "hint"), m = y(() => !v.value && n.dismissible && p.value === f.value);
     let h;
     function w() {
       c.value = u.value?.textContent?.replace(/\s+/g, " ").trim() ?? "";
@@ -26006,7 +26006,7 @@ const IT = {
             onClick: C[0] || (C[0] = (E) => r.value = !r.value)
           }, [
             se(N(r.value ? i(n).lessLabel : i(n).moreLabel) + " ", 1),
-            O(i(ot), {
+            O(i(rt), {
               class: J(["size-3.5 transition-transform duration-[var(--ui-motion-fast)]", r.value && "rotate-180"]),
               "aria-hidden": "true"
             }, null, 8, ["class"])
@@ -27294,7 +27294,7 @@ const VA = ["data-ui-data-view", "data-fill"], NA = {
   }),
   emits: ["update:expanded"],
   setup(e) {
-    const t = Ge(e, { showLabel: "Show details", hideLabel: "Hide details" }), n = ed(e, "expanded"), o = it(), r = y(() => n.value);
+    const t = Ge(e, { showLabel: "Show details", hideLabel: "Hide details" }), n = ed(e, "expanded"), o = lt(), r = y(() => n.value);
     return (l, s) => (d(), g("div", {
       class: "ui-timeline-row",
       "data-tone": e.tone,
@@ -27355,7 +27355,7 @@ const VA = ["data-ui-data-view", "data-fill"], NA = {
             onClick: s[0] || (s[0] = (u) => n.value = !r.value)
           }, {
             default: _(() => [
-              O(i(ot), {
+              O(i(rt), {
                 class: J(["size-4 transition-transform duration-[var(--ui-motion-fast)]", r.value && "rotate-180"])
               }, null, 8, ["class"])
             ]),
@@ -27445,7 +27445,7 @@ const VA = ["data-ui-data-view", "data-fill"], NA = {
     Be(() => {
       r || typeof window > "u" || typeof window.matchMedia != "function" || (s = window.matchMedia(`(max-width: ${Gl}px)`), u(), s.addEventListener?.("change", u));
     }), ze(() => s?.removeEventListener?.("change", u));
-    const c = y(() => n.presentation !== "auto" ? n.presentation === "sheet" : r ? r.value === "mobile" : l.value), f = P(!1), p = P(Object.fromEntries(n.groups.map((x) => [x.key, !!x.collapsed]))), v = it(), m = (x) => n.modelValue[x] ?? [], h = y(() => Object.values(n.modelValue).reduce((x, C) => x + C.length, 0));
+    const c = y(() => n.presentation !== "auto" ? n.presentation === "sheet" : r ? r.value === "mobile" : l.value), f = P(!1), p = P(Object.fromEntries(n.groups.map((x) => [x.key, !!x.collapsed]))), v = lt(), m = (x) => n.modelValue[x] ?? [], h = y(() => Object.values(n.modelValue).reduce((x, C) => x + C.length, 0));
     function w(x, C) {
       const E = m(x.key), k = E.includes(C), T = x.multiple ? k ? E.filter((L) => L !== C) : [...E, C] : k ? [] : [C], R = { ...n.modelValue };
       T.length ? R[x.key] = T : delete R[x.key], o("update:modelValue", R);
@@ -27562,7 +27562,7 @@ const VA = ["data-ui-data-view", "data-fill"], NA = {
           }, [
             B("span", p2, N(E.label), 1),
             m(E.key).length ? (d(), g("span", v2, N(m(E.key).length), 1)) : A("", !0),
-            O(i(ot), {
+            O(i(rt), {
               class: J(["size-3.5 shrink-0 transition-transform duration-[var(--ui-motion-fast)]", p.value[E.key] && "-rotate-90"]),
               "aria-hidden": "true"
             }, null, 8, ["class"])
@@ -27628,7 +27628,7 @@ const VA = ["data-ui-data-view", "data-fill"], NA = {
     de(() => n.modelValue, (z) => {
       l.value = [...z];
     });
-    const s = P(!1), u = P(""), c = P(0), f = Oe("root"), p = Oe("input"), v = Oe("readButton"), m = it(), h = y(() => {
+    const s = P(!1), u = P(""), c = P(0), f = Oe("root"), p = Oe("input"), v = Oe("readButton"), m = lt(), h = y(() => {
       const z = u.value.trim(), V = z.toLocaleLowerCase(), q = new Set(l.value.map((K) => K.toLocaleLowerCase())), F = n.options.filter((K) => !q.has(K.toLocaleLowerCase()) && K.toLocaleLowerCase().includes(V)).map((K) => ({ kind: "option", value: K })), M = q.has(V) || n.options.some((K) => K.toLocaleLowerCase() === V);
       return z && n.allowCreate && !M ? [...F, { kind: "create", value: z }] : F;
     });
@@ -28942,7 +28942,7 @@ const K2 = { class: "flex min-h-14 shrink-0 items-center gap-3 px-3 pt-[env(safe
           onClick: b[2] || (b[2] = (x) => r.value = !r.value)
         }, {
           default: _(() => [
-            O(i(ot), {
+            O(i(rt), {
               class: J(["size-4 transition-transform duration-[var(--ui-motion-fast)]", r.value && "rotate-180"]),
               "aria-hidden": "true"
             }, null, 8, ["class"])
@@ -29352,7 +29352,7 @@ const GB = ["data-fill"], YB = {
       ue.value = G, r("update:expandedKeys", G);
     }, Ne = () => {
       ue.value = [], r("update:expandedKeys", []);
-    }, lt = () => {
+    }, nt = () => {
       for (const G of De.value ?? []) ge(G.id, !0);
     }, dt = () => {
       for (const G of De.value ?? []) ge(G.id, !1);
@@ -29586,7 +29586,7 @@ const GB = ["data-fill"], YB = {
       collapseRow: ra,
       expandAllRows: $e,
       collapseAllRows: Ne,
-      expandAllGroups: lt,
+      expandAllGroups: nt,
       collapseAllGroups: dt,
       moveRowUp: ls,
       moveRowDown: ss,
@@ -29699,7 +29699,7 @@ const GB = ["data-fill"], YB = {
                             key: 0,
                             class: "size-3 shrink-0 text-[var(--ui-text)]",
                             "aria-hidden": "true"
-                          })) : (d(), $(i(ot), {
+                          })) : (d(), $(i(rt), {
                             key: 1,
                             class: "size-3 shrink-0 text-[var(--ui-text)]",
                             "aria-hidden": "true"
@@ -29786,7 +29786,7 @@ const GB = ["data-fill"], YB = {
                           class: "inline-flex max-w-full items-center gap-1 rounded-[var(--ui-radius-sm)] border-0 bg-transparent px-1 text-left text-[12px] 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)]",
                           onClick: (we) => pe(Q.groupId)
                         }, [
-                          Q.expanded ? (d(), $(i(ot), {
+                          Q.expanded ? (d(), $(i(rt), {
                             key: 0,
                             class: "size-3.5 shrink-0",
                             "aria-hidden": "true"
@@ -32585,7 +32585,7 @@ const CV = Zq, Jq = ["aria-label", "data-ui-alignment"], Qq = ["data-notificatio
   },
   emits: ["update:expanded"],
   setup(e, { emit: a }) {
-    const t = We(), n = e, o = { start: "justify-start", end: "justify-end", between: "justify-between" }, r = a, l = Tt(), s = it(), u = it(), { value: c, toggle: f } = yr(
+    const t = We(), n = e, o = { start: "justify-start", end: "justify-end", between: "justify-between" }, r = a, l = Tt(), s = lt(), u = lt(), { value: c, toggle: f } = yr(
       () => n.expanded,
       !0,
       (b) => r("update:expanded", b)
@@ -32635,7 +32635,7 @@ const CV = Zq, Jq = ["aria-label", "data-ui-alignment"], Qq = ["data-notificatio
               onClick: x[0] || (x[0] = //@ts-ignore
               (...C) => i(f) && i(f)(...C))
             }, [
-              O(i(ot), {
+              O(i(rt), {
                 class: J(i(Re)("size-4 transition-transform duration-[var(--ui-motion-fast)]", !i(c) && "-rotate-90")),
                 "aria-hidden": "true"
               }, null, 8, ["class"])
@@ -32868,7 +32868,7 @@ const pO = ["draggable", "data-selected"], vO = {
   },
   emits: ["update:expanded", "select", "drag-start", "drag-over", "drop", "drag-end"],
   setup(e, { emit: a }) {
-    const t = e, n = a, o = Tt(), r = it(), l = it(), s = P(null), u = P(null), c = P(null), f = P(null), p = P(null), v = Bu(f), m = Bu(p);
+    const t = e, n = a, o = Tt(), r = lt(), l = lt(), s = P(null), u = P(null), c = P(null), f = P(null), p = P(null), v = Bu(f), m = Bu(p);
     function h(Y) {
       if (Y !== void 0)
         return typeof Y == "string" ? { text: Y, html: !1 } : { text: Y.text, html: Y.format === "html", tip: Y.tip };
@@ -33034,7 +33034,7 @@ const pO = ["draggable", "data-selected"], vO = {
         onDblclick: Ee(H, ["stop"])
       }, [
         S(Y.$slots, "toggle-icon", {}, () => [
-          O(i(ot), {
+          O(i(rt), {
             class: J(i(Re)("size-4 transition-transform duration-[var(--ui-motion-fast)]", i(L) && "rotate-180")),
             "aria-hidden": "true"
           }, null, 8, ["class"])
@@ -33061,7 +33061,7 @@ const pO = ["draggable", "data-selected"], vO = {
   },
   emits: ["update:collapsed", "collapsestatechange", "beforebodyenter", "afterbodyenter", "beforebodyleave", "afterbodyleave", "header-click", "header-dblclick"],
   setup(e, { expose: a, emit: t }) {
-    const n = e, o = t, r = it(), l = P(null), s = P(null), { value: u, set: c } = yr(
+    const n = e, o = t, r = lt(), l = P(null), s = P(null), { value: u, set: c } = yr(
       () => n.collapsed,
       !1,
       (x) => {
@@ -33368,7 +33368,7 @@ const zO = ["aria-rowcount", "aria-colcount"], FO = { role: "row" }, VO = ["aria
                   key: 0,
                   class: "size-3.5",
                   "aria-hidden": "true"
-                })) : w(j) === "descending" ? (d(), $(i(ot), {
+                })) : w(j) === "descending" ? (d(), $(i(rt), {
                   key: 1,
                   class: "size-3.5",
                   "aria-hidden": "true"
@@ -33553,7 +33553,7 @@ const zO = ["aria-rowcount", "aria-colcount"], FO = { role: "row" }, VO = ["aria
   },
   emits: ["settle"],
   setup(e, { emit: a }) {
-    const t = We(), n = e, o = a, r = P(""), l = P(!1), s = P(), u = P(), c = P(!1), f = P(), p = it(), v = it(), m = y(() => n.options.prompt), h = y(() => n.kind === "prompt" || n.kind === "password"), w = y(() => n.kind === "progress" || n.kind === "wait"), b = y(() => m.value?.label ?? (n.kind === "password" ? t("Password:") : !1)), x = y(() => m.value?.type ?? (n.kind === "password" ? "password" : "text")), C = y(() => n.title ?? t("Confirm")), E = y(() => {
+    const t = We(), n = e, o = a, r = P(""), l = P(!1), s = P(), u = P(), c = P(!1), f = P(), p = lt(), v = lt(), m = y(() => n.options.prompt), h = y(() => n.kind === "prompt" || n.kind === "password"), w = y(() => n.kind === "progress" || n.kind === "wait"), b = y(() => m.value?.label ?? (n.kind === "password" ? t("Password:") : !1)), x = y(() => m.value?.type ?? (n.kind === "password" ? "password" : "text")), C = y(() => n.title ?? t("Confirm")), E = y(() => {
       const W = n.options;
       switch (n.kind) {
         case "alert":
@@ -33913,7 +33913,7 @@ const yI = ["aria-label", "data-stepper", "data-framed", "data-fit", "data-short
   },
   emits: ["update:activeStepKey", "next-step", "previous-step", "finished", "cancel"],
   setup(e, { expose: a, emit: t }) {
-    const n = We(), r = Ge(e, { ariaLabel: "Setup wizard" }), l = t, s = P([]), u = P(!1), c = P(), f = P(), p = it(), v = it();
+    const n = We(), r = Ge(e, { ariaLabel: "Setup wizard" }), l = t, s = P([]), u = P(!1), c = P(), f = P(), p = lt(), v = lt();
     de(() => r.activeStepKey, (ge) => {
       ge !== void 0 && (c.value = ge);
     }, { immediate: !0 });
@@ -34800,7 +34800,7 @@ const IR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
     let v = null;
     const m = Gt(c), h = y(() => t.responsive === !1 ? "window" : xf(m.value, t.wideLayout));
     Ye(Qn, h);
-    const w = y(() => h.value === "mobile"), b = P(!1), x = it(), C = P(!1);
+    const w = y(() => h.value === "mobile"), b = P(!1), x = lt(), C = P(!1);
     Be(() => {
       typeof requestAnimationFrame == "function" && requestAnimationFrame(() => requestAnimationFrame(() => {
         C.value = !0;
@@ -35400,7 +35400,7 @@ const dM = /* @__PURE__ */ I({
               "data-nav-badge": "",
               class: J(Lu)
             }, N(p.badge), 1)) : A("", !0),
-            O(i(ot), {
+            O(i(rt), {
               "data-nav-chevron": "",
               class: "size-3.5 shrink-0 text-[var(--ui-text-muted)]",
               "aria-hidden": "true"
@@ -35441,7 +35441,7 @@ const dM = /* @__PURE__ */ I({
   },
   emits: ["select"],
   setup(e, { emit: a }) {
-    const t = e, n = a, o = We(), r = Oe("root"), l = Oe("more"), s = it(), u = P(1 / 0), c = y(() => t.groups.flatMap((C) => C.items)), f = y(() => c.value.slice(u.value)), p = y(() => ({ key: s, label: o("More"), children: f.value })), v = y(() => {
+    const t = e, n = a, o = We(), r = Oe("root"), l = Oe("more"), s = lt(), u = P(1 / 0), c = y(() => t.groups.flatMap((C) => C.items)), f = y(() => c.value.slice(u.value)), p = y(() => ({ key: s, label: o("More"), children: f.value })), v = y(() => {
       let C = 0;
       return t.groups.map((E) => {
         const k = E.items.map((T) => ({ item: T, index: C++ }));
@@ -35640,7 +35640,7 @@ const dM = /* @__PURE__ */ I({
           class: "flex h-6 w-full items-center gap-1 border-0 bg-transparent px-[11px] text-left text-[12px] font-bold text-[var(--ui-text-secondary)] outline-none focus-visible:shadow-[var(--ui-shadow-focus)]",
           onClick: (F) => v(z)
         }, [
-          O(i(ot), {
+          O(i(rt), {
             class: J(["size-3 shrink-0 transition-transform", !m(z) && "-rotate-90"]),
             "aria-hidden": "true"
           }, null, 8, ["class"]),
@@ -35856,7 +35856,7 @@ ${e.detail}` : e.name,
   },
   emits: ["update:modelValue"],
   setup(e, { expose: a, emit: t }) {
-    const n = e, o = t, r = We(), l = `ui-split-${it()}`, s = P(null), u = P(!1), c = P(0), f = [0.05, 0.95], p = (M) => Math.round(M * 1e4) / 1e4, v = y(() => n.storageKey ? `${n.storageKey}:${n.orientation}` : null);
+    const n = e, o = t, r = We(), l = `ui-split-${lt()}`, s = P(null), u = P(!1), c = P(0), f = [0.05, 0.95], p = (M) => Math.round(M * 1e4) / 1e4, v = y(() => n.storageKey ? `${n.storageKey}:${n.orientation}` : null);
     function m() {
       if (!v.value) return null;
       try {
@@ -36540,7 +36540,7 @@ async function KL(e, a, t = {}) {
   }
   return null;
 }
-const WL = ["data-direction", "data-status"], HL = ["id", "for"], UL = {
+const WL = ["data-direction", "data-inset", "data-status"], HL = ["id", "for"], UL = {
   key: 0,
   class: "ml-0.5 text-[var(--ui-danger)]",
   "aria-hidden": "true"
@@ -36572,6 +36572,7 @@ const WL = ["data-direction", "data-status"], HL = ["id", "for"], UL = {
     immediateValidate: { type: Boolean, default: void 0 },
     textOnly: { type: Boolean, default: void 0 },
     indent: {},
+    inset: { type: Boolean },
     direction: {},
     labelWidth: {},
     fieldWidth: {},
@@ -36599,8 +36600,9 @@ const WL = ["data-direction", "data-status"], HL = ["id", "for"], UL = {
       immediateValidate: !1,
       textOnly: !1,
       indent: 0,
+      inset: !1,
       labelWidth: "var(--ui-label-column)"
-    }), u = Dv(), c = Uo(), f = Tt(), p = Oe("root"), v = it(), m = {
+    }), u = Dv(), c = Uo(), f = Tt(), p = Oe("root"), v = lt(), m = {
       control: `form-item-${v}-control`,
       label: `form-item-${v}-label`,
       description: `form-item-${v}-description`,
@@ -36609,10 +36611,10 @@ const WL = ["data-direction", "data-status"], HL = ["id", "for"], UL = {
     function E($e, Ne) {
       if (Object.is($e, Ne)) return !0;
       if (Array.isArray($e) && Array.isArray(Ne))
-        return $e.length === Ne.length && $e.every((lt, dt) => Object.is(lt, Ne[dt]));
+        return $e.length === Ne.length && $e.every((nt, dt) => Object.is(nt, Ne[dt]));
       if (Ja($e) && Ja(Ne)) {
-        const lt = Object.keys($e);
-        return lt.length === Object.keys(Ne).length && lt.every((dt) => Object.is($e[dt], Ne[dt]));
+        const nt = Object.keys($e);
+        return nt.length === Object.keys(Ne).length && nt.every((dt) => Object.is($e[dt], Ne[dt]));
       }
       return !1;
     }
@@ -36639,7 +36641,11 @@ const WL = ["data-direction", "data-status"], HL = ["id", "for"], UL = {
       return be.value && $e.push(m.description), X.value && $e.push(m.message), $e.length ? $e.join(" ") : void 0;
     }), Pe = y(() => {
       const $e = Z.value === "vertical" ? { display: "flex", flexDirection: "column", gap: "var(--ui-space-1)" } : { display: "flex", alignItems: "flex-start", columnGap: "var(--ui-label-gap)" }, Ne = s.value.indent ?? 0;
-      return Ne && ($e.paddingLeft = typeof Ne == "number" ? `${Ne * 28}px` : Ne), $e;
+      if (Ne && ($e.paddingLeft = typeof Ne == "number" ? `${Ne * 28}px` : Ne), s.value.inset && !ie.value && Z.value === "horizontal") {
+        const nt = `calc(${s.value.labelWidth ?? "var(--ui-label-column)"} + var(--ui-label-gap))`;
+        $e.paddingLeft = c ? `max(0px, calc(${nt} - ${c.indent}))` : nt;
+      }
+      return $e;
     }), Te = y(() => ({
       maxWidth: Ul(o.fieldWidth ?? u?.fieldWidth)
     })), ee = y(() => {
@@ -36656,22 +36662,22 @@ const WL = ["data-direction", "data-status"], HL = ["id", "for"], UL = {
       );
     }), ne = { afterItem: "shrink-0 self-center" };
     function fe() {
-      const $e = Wi(s.value.rules), Ne = o.prop, lt = Ne ? Wi(u?.rules?.[Ne]) : [];
-      return [...$e, ...lt];
+      const $e = Wi(s.value.rules), Ne = o.prop, nt = Ne ? Wi(u?.rules?.[Ne]) : [];
+      return [...$e, ...nt];
     }
     let ke = 0;
     async function De($e = null) {
       if (s.value.disableValidation || D.value && !s.value.validateDisabledField) return null;
       const Ne = fe();
       if (!Ne.length) return null;
-      const lt = ++ke;
+      const nt = ++ke;
       V.value = "validating", r("validating");
       const dt = await KL(C.value, Ne, {
         trigger: $e,
         defaultTrigger: s.value.defaultValidateTrigger,
         text: n
       });
-      return lt !== ke || (q.value = dt ?? "", V.value = dt ? "error" : "success", dt && le.value === "popup" && (W.value = !0), r("validated", { message: dt ?? "", status: V.value })), dt;
+      return nt !== ke || (q.value = dt ?? "", V.value = dt ? "error" : "success", dt && le.value === "popup" && (W.value = !0), r("validated", { message: dt ?? "", status: V.value })), dt;
     }
     async function He($e = null) {
       return !await De($e);
@@ -36777,14 +36783,15 @@ const WL = ["data-direction", "data-status"], HL = ["id", "for"], UL = {
       ref: p,
       "data-form-item": "",
       "data-direction": Z.value,
+      "data-inset": i(s).inset ? "" : void 0,
       style: Ce(Pe.value),
       class: J(i(Re)("min-w-0", H.value && !i(s).hideValidateStatusCls && "has-error")),
       "data-status": U.value || void 0,
       "data-syno-pkg-land-ui": "",
-      onMouseenter: Ne[1] || (Ne[1] = (lt) => le.value === "popup" && pe()),
-      onMouseleave: Ne[2] || (Ne[2] = (lt) => le.value === "popup" && me()),
-      onFocusin: Ne[3] || (Ne[3] = (lt) => le.value === "popup" && pe()),
-      onFocusout: Ne[4] || (Ne[4] = (lt) => le.value === "popup" && me())
+      onMouseenter: Ne[1] || (Ne[1] = (nt) => le.value === "popup" && pe()),
+      onMouseleave: Ne[2] || (Ne[2] = (nt) => le.value === "popup" && me()),
+      onFocusin: Ne[3] || (Ne[3] = (nt) => le.value === "popup" && pe()),
+      onFocusout: Ne[4] || (Ne[4] = (nt) => le.value === "popup" && me())
     }, [
       ie.value ? (d(), g("div", {
         key: 0,
@@ -36795,7 +36802,7 @@ const WL = ["data-direction", "data-status"], HL = ["id", "for"], UL = {
           Z.value === "horizontal" ? "pt-1 text-left" : void 0,
           i(s).disableLabel || D.value ? "opacity-40" : void 0
         ]),
-        onClick: Ne[0] || (Ne[0] = (lt) => le.value === "popup" && H.value && pe())
+        onClick: Ne[0] || (Ne[0] = (nt) => le.value === "popup" && H.value && pe())
       }, [
         B("label", {
           id: m.label,
@@ -37365,7 +37372,7 @@ const gz = {
                 }), {
                   default: _(() => [
                     se(N(D.title), 1),
-                    O(i(ot), {
+                    O(i(rt), {
                       class: "size-3.5",
                       "aria-hidden": "true"
                     })