@synopackageland/ui 0.25.21 → 0.25.22

package/dist/modules/components/primitives/toggle-button/ToggleButton.vue.js

@@ -0,0 +1,69 @@
+import { defineComponent as V, getCurrentInstance as z, computed as a, onMounted as R, openBlock as d, createBlock as i, resolveDynamicComponent as u, normalizeProps as p, guardReactiveProps as c, withCtx as l, createVNode as A, mergeProps as B, renderSlot as m } from "vue";
+import { injectToggleGroupRootContext as $ } from "../../../vendor/reka-ui/dist/ToggleGroup/ToggleGroupRoot.js";
+import { Toggle_default as w } from "../../../vendor/reka-ui/dist/Toggle/Toggle.js";
+import { ToggleGroupItem_default as x } from "../../../vendor/reka-ui/dist/ToggleGroup/ToggleGroupItem.js";
+import E from "../button/Button.vue.js";
+import G from "../tooltip/Tooltip.vue.js";
+import { DEFAULT_TOGGLE_APPEARANCE as L } from "./toggleButton.js";
+const U = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "ToggleButton",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    value: {},
+    disabled: { type: Boolean, default: !1 },
+    type: { default: "text" },
+    appearance: { default: () => ({ ...L }) },
+    shape: { default: "rectangle" },
+    size: { default: "md" },
+    tooltip: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(o, { emit: f }) {
+    const t = o, s = f, g = (e, { slots: r }) => r.default?.() ?? null;
+    z();
+    const n = $(null), h = a(() => t.tooltip ? G : g), v = a(() => t.tooltip ? { content: t.tooltip } : {}), b = a(() => n ? x : w), y = a(
+      () => n ? { value: t.value, disabled: t.disabled, asChild: !0 } : {
+        modelValue: t.modelValue,
+        disabled: t.disabled,
+        asChild: !0,
+        "onUpdate:modelValue": (e) => {
+          s("update:modelValue", e), s("change", e);
+        }
+      }
+    ), C = {
+      sm: "var(--ui-control-sm)",
+      md: "var(--ui-control-md)",
+      lg: "var(--ui-control-lg)"
+    }, P = a(() => {
+      const e = {};
+      return t.shape === "round" && (e.borderRadius = "9999px"), t.type === "icon" && (e.width = C[t.size], e.paddingLeft = "0", e.paddingRight = "0"), Object.keys(e).length ? e : void 0;
+    });
+    return R(() => {
+    }), (e, r) => (d(), i(u(h.value), p(c(v.value)), {
+      default: l(() => [
+        (d(), i(u(b.value), p(c(y.value)), {
+          default: l(({ pressed: T, disabled: _ }) => [
+            A(E, B({
+              variant: T ? o.appearance.on : o.appearance.off,
+              size: o.size,
+              style: P.value,
+              disabled: _ || o.disabled
+            }, e.$attrs, { "data-toggle-button": "" }), {
+              default: l(() => [
+                m(e.$slots, "icon"),
+                m(e.$slots, "default")
+              ]),
+              _: 3
+            }, 16, ["variant", "size", "style", "disabled"])
+          ]),
+          _: 3
+        }, 16))
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  U as default
+};

package/dist/modules/components/primitives/toggle-button/ToggleButton2.vue.js

@@ -0,0 +1,4 @@
+import f from "./ToggleButton.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/primitives/toggle-button/ToggleButtonGroup.vue.js

@@ -0,0 +1,45 @@
+import { defineComponent as u, computed as s, openBlock as m, createBlock as c, unref as i, normalizeClass as f, withCtx as p, renderSlot as g } from "vue";
+import { ToggleGroupRoot_default as y } from "../../../vendor/reka-ui/dist/ToggleGroup/ToggleGroupRoot.js";
+import { TOGGLE_BUTTON_GROUP_GAP as v } from "./toggleButton.js";
+const B = /* @__PURE__ */ u({
+  __name: "ToggleButtonGroup",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean, default: !1 },
+    label: { default: "" },
+    type: {},
+    orientation: { default: "horizontal" },
+    rovingFocus: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: r }) {
+    const a = e, o = r, n = s(() => a.type ?? (Array.isArray(a.modelValue) ? "multiple" : "single"));
+    function d(t) {
+      const l = n.value === "multiple" ? Array.isArray(t) ? t.map(String) : [] : String(t ?? "");
+      o("update:modelValue", l), o("change", l);
+    }
+    return (t, l) => (m(), c(i(y), {
+      type: n.value,
+      "model-value": e.modelValue,
+      disabled: e.disabled,
+      orientation: e.orientation,
+      "roving-focus": e.rovingFocus,
+      "aria-label": e.label || void 0,
+      class: f([
+        "inline-flex flex-wrap",
+        i(v),
+        e.orientation === "vertical" && "flex-col [:where(&)]:items-stretch"
+      ]),
+      "data-syno-pkg-land-ui": "",
+      "onUpdate:modelValue": d
+    }, {
+      default: p(() => [
+        g(t.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["type", "model-value", "disabled", "orientation", "roving-focus", "aria-label", "class"]));
+  }
+});
+export {
+  B as default
+};

package/dist/modules/components/primitives/toggle-button/ToggleButtonGroup2.vue.js

@@ -0,0 +1,4 @@
+import f from "./ToggleButtonGroup.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/primitives/toggle-button/toggleButton.js

@@ -0,0 +1,5 @@
+const o = { on: "primary", off: "secondary" }, G = "gap-[var(--ui-space-1)]";
+export {
+  o as DEFAULT_TOGGLE_APPEARANCE,
+  G as TOGGLE_BUTTON_GROUP_GAP
+};

package/dist/modules/components/primitives/tooltip/OverflowTooltip.vue.js

@@ -0,0 +1,149 @@
+import { defineComponent as R, useTemplateRef as V, computed as D, shallowRef as U, ref as _, watch as w, onBeforeUnmount as C, openBlock as O, createElementBlock as L, Fragment as A, renderSlot as $, createCommentVNode as E, createBlock as j, unref as a, withCtx as p, createVNode as c, mergeProps as W, createTextVNode as Y, toDisplayString as q } from "vue";
+import { TooltipProvider_default as z } from "../../../vendor/reka-ui/dist/Tooltip/TooltipProvider.js";
+import { TooltipRoot_default as G } from "../../../vendor/reka-ui/dist/Tooltip/TooltipRoot.js";
+import { TooltipContent_default as H } from "../../../vendor/reka-ui/dist/Tooltip/TooltipContent.js";
+import { TooltipPortal_default as J } from "../../../vendor/reka-ui/dist/Tooltip/TooltipPortal.js";
+import { TooltipTrigger_default as K } from "../../../vendor/reka-ui/dist/Tooltip/TooltipTrigger.js";
+import { provideOverflowTooltipRegion as M, findCutText as P, findFocusedCutText as Q } from "../../../lib/truncation.js";
+import { useFloating as X } from "../popover/floating.js";
+import { TOOLTIP_DELAY as Z, tooltipOpened as ee, tooltipClosed as F, TOOLTIP_CONTENT_CLASS as te, TOOLTIP_OFFSET as oe, tooltipWarm as ne } from "./tooltipStyle.js";
+const de = /* @__PURE__ */ R({
+  __name: "OverflowTooltip",
+  props: {
+    target: { default: void 0 },
+    side: { default: "top" },
+    align: { default: "start" },
+    delay: { default: Z },
+    resolve: { type: Function, default: void 0 },
+    openOnTap: { type: Boolean, default: !0 }
+  },
+  setup(d) {
+    const u = d;
+    M();
+    const h = V("wrapper"), s = D(() => u.target ?? h.value ?? null), n = U(null), y = _(""), r = _(!1), b = X(n, () => r.value);
+    let f;
+    w(r, (e) => {
+      e ? ee() : F();
+    }), C(() => {
+      r.value && F();
+    });
+    function k(e) {
+      const t = u.resolve?.(e);
+      if (t === !1) return "";
+      const o = e.cut ? [t ?? e.text, e.hint] : [e.hint];
+      return [...new Set(o.filter((i) => !!i))].join(`
+`);
+    }
+    function l() {
+      clearTimeout(f), f = void 0, r.value = !1, n.value = null;
+    }
+    function m(e, t) {
+      const o = e ? k(e) : "";
+      if (!e || !o) return l();
+      if (e.element === n.value) return;
+      l(), n.value = e.element, y.value = o;
+      const i = () => {
+        n.value === e.element && e.element.isConnected && (r.value = !0);
+      };
+      t <= 0 || ne.value ? i() : f = setTimeout(i, t);
+    }
+    function x(e) {
+      if (e.pointerType === "touch" || e.buttons) return;
+      const t = s.value;
+      t && m(P(e.target, t), u.delay);
+    }
+    let v = null;
+    function S(e) {
+      v = r.value && e.pointerType !== "mouse" ? n.value : null, l();
+    }
+    function B(e) {
+      const t = s.value, o = v;
+      if (v = null, !u.openOnTap || !t || e.pointerType !== "touch" && e.pointerType !== "pen") return;
+      const i = P(e.target, t);
+      i && i.element !== o && m(i, 0);
+    }
+    function N(e) {
+      try {
+        return e.matches(":focus-visible");
+      } catch {
+        return !0;
+      }
+    }
+    function I(e) {
+      const t = s.value, o = e.target;
+      t && N(o) && m(Q(o, t), 0);
+    }
+    function T() {
+      n.value && l();
+    }
+    function g(e, t) {
+      if (!e) return;
+      const o = t ? e.addEventListener.bind(e) : e.removeEventListener.bind(e);
+      o("pointerover", x), o("pointerleave", l), o("pointerdown", S), o("pointerup", B), o("focusin", I), o("focusout", l);
+    }
+    return w(s, (e, t) => {
+      g(t, !1), g(e, !0), l();
+    }, { immediate: !0, flush: "post" }), w(r, (e) => {
+      e ? window.addEventListener("scroll", T, !0) : window.removeEventListener("scroll", T, !0);
+    }), C(() => {
+      g(s.value, !1), window.removeEventListener("scroll", T, !0), clearTimeout(f);
+    }), (e, t) => (O(), L(A, null, [
+      e.$slots.default && !u.target ? (O(), L("div", {
+        key: 0,
+        ref_key: "wrapper",
+        ref: h,
+        class: "contents",
+        "data-ui-overflow-tooltip-region": ""
+      }, [
+        $(e.$slots, "default")
+      ], 512)) : E("", !0),
+      n.value ? (O(), j(a(z), {
+        key: 1,
+        "delay-duration": 0
+      }, {
+        default: p(() => [
+          c(a(G), {
+            open: r.value,
+            "disable-hoverable-content": "",
+            "onUpdate:open": t[0] || (t[0] = (o) => {
+              o || l();
+            })
+          }, {
+            default: p(() => [
+              c(a(K), {
+                as: "span",
+                hidden: "",
+                reference: n.value
+              }, null, 8, ["reference"]),
+              c(a(J), null, {
+                default: p(() => [
+                  c(a(H), W({
+                    side: d.side,
+                    align: d.align
+                  }, a(b), {
+                    "side-offset": a(oe),
+                    class: a(te),
+                    "data-ui-tooltip": "",
+                    "data-ui-overflow-tooltip": "",
+                    "data-syno-pkg-land-ui": ""
+                  }), {
+                    default: p(() => [
+                      Y(q(y.value), 1)
+                    ]),
+                    _: 1
+                  }, 16, ["side", "align", "side-offset", "class"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["open"])
+        ]),
+        _: 1
+      })) : E("", !0)
+    ], 64));
+  }
+});
+export {
+  de as default
+};

package/dist/modules/components/primitives/tooltip/OverflowTooltip2.vue.js

@@ -0,0 +1,4 @@
+import f from "./OverflowTooltip.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/primitives/tooltip/Tooltip.vue.js

@@ -0,0 +1,87 @@
+import { defineComponent as O, computed as y, ref as P, useTemplateRef as _, onBeforeUnmount as v, openBlock as C, createBlock as b, unref as t, withCtx as n, createVNode as i, mergeProps as s, renderSlot as h, createTextVNode as w, toDisplayString as B } from "vue";
+import { TooltipProvider_default as L } from "../../../vendor/reka-ui/dist/Tooltip/TooltipProvider.js";
+import { TooltipRoot_default as S } from "../../../vendor/reka-ui/dist/Tooltip/TooltipRoot.js";
+import { TooltipContent_default as k } from "../../../vendor/reka-ui/dist/Tooltip/TooltipContent.js";
+import { TooltipPortal_default as N } from "../../../vendor/reka-ui/dist/Tooltip/TooltipPortal.js";
+import { TooltipTrigger_default as A } from "../../../vendor/reka-ui/dist/Tooltip/TooltipTrigger.js";
+import { coarsePointer as D, useFloating as E } from "../popover/floating.js";
+import { TOOLTIP_DELAY as F, tooltipWarm as I, TOOLTIP_CONTENT_CLASS as U, TOOLTIP_OFFSET as $, tooltipOpened as x, tooltipClosed as u } from "./tooltipStyle.js";
+const J = /* @__PURE__ */ O({
+  inheritAttrs: !1,
+  __name: "Tooltip",
+  props: {
+    content: {},
+    side: { default: "top" },
+    delay: { default: F },
+    disabled: { type: Boolean, default: !1 },
+    openOnTap: { type: Boolean, default: void 0 }
+  },
+  setup(o) {
+    const d = o, l = y(() => d.openOnTap ?? D()), a = P(!1), p = _("trigger"), c = E(() => p.value?.$el, () => a.value);
+    let r = !1;
+    function m(e) {
+      a.value = e, e !== r && (r = e, e ? x() : u());
+    }
+    v(() => {
+      r && u();
+    });
+    let f = !1;
+    function T() {
+      f = a.value;
+    }
+    function g(e) {
+      !l.value || d.disabled || e.pointerType !== "touch" && e.pointerType !== "pen" || (a.value = !f);
+    }
+    return (e, R) => (C(), b(t(L), {
+      "delay-duration": t(I) ? 0 : o.delay
+    }, {
+      default: n(() => [
+        i(t(S), {
+          disabled: o.disabled,
+          open: l.value ? a.value : void 0,
+          "disable-closing-trigger": l.value,
+          "onUpdate:open": m
+        }, {
+          default: n(() => [
+            i(t(A), s({
+              ref_key: "trigger",
+              ref: p
+            }, e.$attrs, {
+              "as-child": "",
+              "data-ui-tooltip-trigger": "",
+              onPointerdownCapture: T,
+              onPointerup: g
+            }), {
+              default: n(() => [
+                h(e.$slots, "default")
+              ]),
+              _: 3
+            }, 16),
+            i(t(N), null, {
+              default: n(() => [
+                i(t(k), s(t(c), {
+                  side: o.side,
+                  "side-offset": t($),
+                  class: t(U),
+                  "data-ui-tooltip": "",
+                  "data-syno-pkg-land-ui": ""
+                }), {
+                  default: n(() => [
+                    w(B(o.content), 1)
+                  ]),
+                  _: 1
+                }, 16, ["side", "side-offset", "class"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 3
+        }, 8, ["disabled", "open", "disable-closing-trigger"])
+      ]),
+      _: 3
+    }, 8, ["delay-duration"]));
+  }
+});
+export {
+  J as default
+};

package/dist/modules/components/primitives/tooltip/Tooltip2.vue.js

@@ -0,0 +1,4 @@
+import f from "./Tooltip.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/primitives/tooltip/tooltipStyle.js

@@ -0,0 +1,21 @@
+import { ref as i } from "vue";
+const n = "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 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)]", l = 6, u = 350, a = 300;
+let e = 0, t;
+const o = i(!1);
+function m() {
+  e += 1, clearTimeout(t), o.value = !0;
+}
+function p() {
+  e = Math.max(0, e - 1), !(e > 0) && (clearTimeout(t), t = setTimeout(() => {
+    e === 0 && (o.value = !1);
+  }, a));
+}
+export {
+  n as TOOLTIP_CONTENT_CLASS,
+  u as TOOLTIP_DELAY,
+  l as TOOLTIP_OFFSET,
+  a as TOOLTIP_SKIP_DELAY,
+  p as tooltipClosed,
+  m as tooltipOpened,
+  o as tooltipWarm
+};

package/dist/modules/components/primitives/typography/TypoA.vue.js

@@ -0,0 +1,15 @@
+import { openBlock as r, createElementBlock as o, renderSlot as n } from "vue";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const s = {}, a = {
+  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-[var(--ui-shadow-focus)]",
+  "data-syno-pkg-land-ui": ""
+};
+function i(e, u) {
+  return r(), o("a", a, [
+    n(e.$slots, "default")
+  ]);
+}
+const l = /* @__PURE__ */ t(s, [["render", i]]);
+export {
+  l as default
+};

package/dist/modules/components/primitives/typography/TypoBlockquote.vue.js

@@ -0,0 +1,16 @@
+import { defineComponent as r, openBlock as t, createElementBlock as a, normalizeClass as n, unref as e, renderSlot as l } from "vue";
+import { BODY_TEXT as s, BLOCK_SPACING as c } from "./typography.js";
+const m = /* @__PURE__ */ r({
+  __name: "TypoBlockquote",
+  setup(p) {
+    return (o, u) => (t(), a("blockquote", {
+      class: n([e(s), e(c), "border-l-4 border-[var(--ui-text-secondary)] pl-[var(--ui-space-4)] text-[var(--ui-text-secondary)]"]),
+      "data-syno-pkg-land-ui": ""
+    }, [
+      l(o.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  m as default
+};

package/dist/modules/components/primitives/typography/TypoBlockquote2.vue.js

@@ -0,0 +1,4 @@
+import f from "./TypoBlockquote.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/primitives/typography/TypoCode.vue.js

@@ -0,0 +1,20 @@
+import { defineComponent as t, openBlock as a, createElementBlock as n, normalizeClass as e, unref as o, createElementVNode as s, renderSlot as l } from "vue";
+import { BLOCK_SPACING as u, MONO_TEXT as c } from "./typography.js";
+const f = /* @__PURE__ */ t({
+  __name: "TypoCode",
+  setup(d) {
+    return (r, i) => (a(), n("div", {
+      class: e([o(u), "overflow-x-auto rounded-[var(--ui-radius-inner)] bg-[var(--ui-surface-subtle)] p-3"]),
+      "data-syno-pkg-land-ui": ""
+    }, [
+      s("code", {
+        class: e([o(c), "block whitespace-pre text-[var(--ui-text)]"])
+      }, [
+        l(r.$slots, "default")
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  f as default
+};

package/dist/modules/components/primitives/typography/TypoCode2.vue.js

@@ -0,0 +1,4 @@
+import f from "./TypoCode.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/primitives/typography/TypoDivider.vue.js

@@ -0,0 +1,13 @@
+import { openBlock as e, createElementBlock as r } from "vue";
+import o from "../../../_virtual/_plugin-vue_export-helper.js";
+const t = {}, c = {
+  class: "my-2 h-[var(--ui-hairline)] w-full bg-[var(--ui-border-subtle)]",
+  "data-syno-pkg-land-ui": ""
+};
+function n(i, a) {
+  return e(), r("div", c);
+}
+const _ = /* @__PURE__ */ o(t, [["render", n]]);
+export {
+  _ as default
+};

package/dist/modules/components/primitives/typography/TypoHeader.vue.js

@@ -0,0 +1,42 @@
+import { defineComponent as u, computed as l, openBlock as n, createBlock as d, resolveDynamicComponent as m, normalizeClass as i, unref as t, withCtx as f, renderSlot as h, createTextVNode as p, toDisplayString as v, createElementBlock as y, createCommentVNode as b } from "vue";
+import { useLocalizedDefaults as x } from "../../../i18n/text.js";
+import { cn as c } from "../../../lib/cn.js";
+import { headingId as g, HEADER_LEVELS as L } from "./typography.js";
+const k = ["href", "aria-label"], $ = /* @__PURE__ */ u({
+  __name: "TypoHeader",
+  props: {
+    text: { default: "" },
+    level: { default: 1 },
+    baseUrl: { default: "" },
+    href: { default: "" },
+    anchor: { type: Boolean, default: !0 },
+    anchorLabel: {},
+    anchorPlacement: { default: "end" }
+  },
+  setup(a) {
+    const e = x(a, { anchorLabel: "Link to this section" }), o = l(() => g(e.text) || void 0), r = l(() => e.href || (e.baseUrl ? `${e.baseUrl}#${o.value ?? ""}` : ""));
+    return (s, C) => (n(), d(m(`h${a.level}`), {
+      id: o.value,
+      class: i(t(c)("group relative mt-[var(--ui-space-6)] mb-[var(--ui-space-3)] scroll-mt-4 [font-weight:var(--ui-heading-weight,600)] text-[var(--ui-text)]", t(L)[a.level])),
+      "data-syno-pkg-land-ui": ""
+    }, {
+      default: f(() => [
+        h(s.$slots, "default", {}, () => [
+          p(v(a.text), 1)
+        ]),
+        a.anchor && r.value ? (n(), y("a", {
+          key: 0,
+          href: r.value,
+          "aria-label": t(e).anchorLabel,
+          class: i(t(c)("text-[var(--ui-primary)] no-underline opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100 [@media(hover:none)]:opacity-100", t(e).anchorPlacement === "start" ? "absolute -left-[1em]" : "ml-[0.4em]")),
+          "data-typo-anchor": "",
+          "data-ui-hit": ""
+        }, " # ", 10, k)) : b("", !0)
+      ]),
+      _: 3
+    }, 8, ["id", "class"]));
+  }
+});
+export {
+  $ as default
+};

package/dist/modules/components/primitives/typography/TypoHeader2.vue.js

@@ -0,0 +1,4 @@
+import f from "./TypoHeader.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/primitives/typography/TypoHr.vue.js

@@ -0,0 +1,13 @@
+import { openBlock as r, createElementBlock as o } from "vue";
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+const t = {}, c = {
+  class: "my-2 border-0 border-t border-t-[var(--ui-border)]",
+  "data-syno-pkg-land-ui": ""
+};
+function n(s, a) {
+  return r(), o("hr", c);
+}
+const f = /* @__PURE__ */ e(t, [["render", n]]);
+export {
+  f as default
+};

package/dist/modules/components/primitives/typography/TypoLi.vue.js

@@ -0,0 +1,20 @@
+import { defineComponent as l, openBlock as r, createElementBlock as n, normalizeClass as o, unref as a, createElementVNode as s, renderSlot as p } from "vue";
+import { BODY_TEXT as u } from "./typography.js";
+const f = /* @__PURE__ */ l({
+  __name: "TypoLi",
+  setup(i) {
+    return (t, e) => (r(), n("li", {
+      class: o([a(u), "relative pl-4"]),
+      "data-syno-pkg-land-ui": ""
+    }, [
+      e[0] || (e[0] = s("span", {
+        "aria-hidden": "true",
+        class: "absolute top-[0.6em] left-1 size-1 rounded-full bg-current"
+      }, null, -1)),
+      p(t.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  f as default
+};

package/dist/modules/components/primitives/typography/TypoLi2.vue.js

@@ -0,0 +1,4 @@
+import f from "./TypoLi.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/primitives/typography/TypoList.vue.js

@@ -0,0 +1,16 @@
+import { defineComponent as n, openBlock as t, createElementBlock as r, normalizeClass as s, unref as e, renderSlot as a } from "vue";
+import { BODY_TEXT as l, BLOCK_SPACING as p } from "./typography.js";
+const i = /* @__PURE__ */ n({
+  __name: "TypoList",
+  setup(m) {
+    return (o, _) => (t(), r("ul", {
+      class: s([e(l), e(p), "list-none space-y-1 p-0 [&_ul]:my-1"]),
+      "data-syno-pkg-land-ui": ""
+    }, [
+      a(o.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  i as default
+};

package/dist/modules/components/primitives/typography/TypoList2.vue.js

@@ -0,0 +1,4 @@
+import f from "./TypoList.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/primitives/typography/TypoP.vue.js

@@ -0,0 +1,16 @@
+import { defineComponent as o, openBlock as r, createElementBlock as n, normalizeClass as a, unref as e, renderSlot as s } from "vue";
+import { BODY_TEXT as l, BLOCK_SPACING as m } from "./typography.js";
+const i = /* @__PURE__ */ o({
+  __name: "TypoP",
+  setup(p) {
+    return (t, _) => (r(), n("p", {
+      class: a([e(l), e(m), "first:mt-0 last:mb-0"]),
+      "data-syno-pkg-land-ui": ""
+    }, [
+      s(t.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  i as default
+};

package/dist/modules/components/primitives/typography/TypoP2.vue.js

@@ -0,0 +1,4 @@
+import f from "./TypoP.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/primitives/typography/TypoTable.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent as o, openBlock as a, createElementBlock as l, normalizeClass as e, unref as t, createElementVNode as d, renderSlot as n } from "vue";
+import { BLOCK_SPACING as s, BODY_TEXT as u } from "./typography.js";
+const m = /* @__PURE__ */ o({
+  __name: "TypoTable",
+  setup(i) {
+    return (r, _) => (a(), l("div", {
+      class: e([t(s), "min-w-0 max-w-full overflow-x-auto rounded-[var(--ui-radius-inner)] border border-[var(--ui-border)]"]),
+      "data-syno-pkg-land-ui": ""
+    }, [
+      d("table", {
+        class: e([
+          t(u),
+          "w-full min-w-[600px] border-collapse text-[var(--ui-text)]",
+          "[&_th]:bg-[var(--ui-surface-subtle)] [&_th]:px-3 [&_th]:py-2 [&_th]:text-left [&_th]:font-semibold [&_th]:uppercase",
+          "[&_td]:border-t [&_td]:border-[var(--ui-border-subtle)] [&_td]:px-3 [&_td]:py-2",
+          "[&_td:first-child]:font-semibold"
+        ])
+      }, [
+        n(r.$slots, "default")
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  m as default
+};

package/dist/modules/components/primitives/typography/TypoTable2.vue.js

@@ -0,0 +1,4 @@
+import f from "./TypoTable.vue.js";
+export {
+  f as default
+};