@synopackageland/ui 0.25.20 → 0.25.22

package/dist/modules/components/primitives/select/internal/SelectTag.vue.js

@@ -0,0 +1,41 @@
+import { defineComponent as d, openBlock as u, createElementBlock as m, createElementVNode as a, toDisplayString as p, withModifiers as i, unref as n, createVNode as v } from "vue";
+import { useUiText as c } from "../../../../i18n/text.js";
+import { X as b } from "@lucide/vue";
+const f = {
+  class: "inline-flex h-5 max-w-full shrink-0 items-center gap-0.5 rounded-[var(--ui-radius-inner)] bg-[var(--ui-neutral-soft)] pl-2 pr-0.5 text-[length:var(--ui-font-size-sm)] text-[var(--ui-neutral-text)]",
+  "data-syno-pkg-land-ui-select-tag": ""
+}, x = { class: "max-w-40 truncate" }, h = ["aria-label", "disabled"], z = /* @__PURE__ */ d({
+  __name: "SelectTag",
+  props: {
+    label: {},
+    disabled: { type: Boolean, default: !1 },
+    removeLabel: { default: void 0 }
+  },
+  emits: ["remove"],
+  setup(o, { emit: s }) {
+    const r = c(), e = o, l = s;
+    return (g, t) => (u(), m("span", f, [
+      a("span", x, p(e.label), 1),
+      a("button", {
+        type: "button",
+        role: "button",
+        "aria-label": e.removeLabel ?? n(r)("Remove {name}", { name: e.label }),
+        disabled: e.disabled,
+        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-state-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[var(--ui-shadow-focus)] disabled:pointer-events-none disabled:text-[var(--ui-text-disabled)]",
+        "data-syno-pkg-land-ui-select-tag-remove": "",
+        "data-ui-hit": "",
+        onPointerdown: t[0] || (t[0] = i(() => {
+        }, ["stop"])),
+        onClick: t[1] || (t[1] = i((_) => l("remove"), ["stop"]))
+      }, [
+        v(n(b), {
+          class: "size-3",
+          "aria-hidden": "true"
+        })
+      ], 40, h)
+    ]));
+  }
+});
+export {
+  z as default
+};

package/dist/modules/components/primitives/select/internal/SelectTag2.vue.js

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

package/dist/modules/components/primitives/select/internal/options.js

@@ -0,0 +1,45 @@
+function a(n) {
+  return typeof n == "object" && n !== null && Array.isArray(n.options);
+}
+function s(n) {
+  return typeof n == "object" && n !== null && !Array.isArray(n);
+}
+function c(n) {
+  return n ? Array.isArray(n) ? n.length === 0 ? [] : a(n[0]) ? n.map((e, t) => ({
+    key: e.label ?? `group-${t}`,
+    label: e.label,
+    indent: e.indent !== !1,
+    options: e.options
+  })) : [{ key: "options", label: void 0, indent: !0, options: n }] : s(n) ? Object.entries(n).map(([e, t]) => ({
+    key: e,
+    label: t.label,
+    indent: t.indent !== !1,
+    options: t.options ?? []
+  })) : [] : [];
+}
+function f(n) {
+  return n.flatMap((e) => e.options);
+}
+function b(n, e, t) {
+  const i = e.trim();
+  if (!i) return n;
+  const o = t ? i : i.toLowerCase();
+  return n.map((l) => ({
+    ...l,
+    options: l.options.filter((r) => (t ? r.label : r.label.toLowerCase()).includes(o))
+  })).filter((l) => l.options.length > 0);
+}
+function d(n, e) {
+  return f(n).find((t) => t.value === e);
+}
+function y(n, e, t) {
+  const i = t ? e : e.toLowerCase(), o = (r) => (t ? r : r.toLowerCase()) === i, l = f(n);
+  return l.find((r) => o(r.value)) ?? l.find((r) => o(r.label));
+}
+export {
+  b as filterGroups,
+  y as findOptionByText,
+  d as findOptionByValue,
+  f as flattenGroups,
+  c as normalizeOptions
+};

package/dist/modules/components/primitives/select/internal/useSelectSearch.js

@@ -0,0 +1,29 @@
+import { computed as a, ref as f, watch as p } from "vue";
+import { normalizeOptions as v, filterGroups as y } from "./options.js";
+function G(e) {
+  const r = a(() => v(e.options())), n = f(null), u = f(!1);
+  let t = 0;
+  const i = a(() => typeof e.search() == "function"), l = a(() => e.query.value.trim()), s = a(() => l.value.length >= Math.max(1, e.minSearchChar())), h = a(() => i.value ? s.value ? n.value ?? [] : r.value : e.search() === !0 && s.value ? y(r.value, l.value, e.caseSensitive()) : r.value);
+  return p([l, i], async () => {
+    const c = e.search();
+    if (typeof c != "function" || !s.value) {
+      t += 1, n.value = null, u.value = !1;
+      return;
+    }
+    const o = ++t;
+    u.value = !0;
+    try {
+      const m = await c(l.value);
+      if (o !== t) return;
+      n.value = v(m);
+    } catch {
+      if (o !== t) return;
+      n.value = [];
+    } finally {
+      o === t && (u.value = !1);
+    }
+  }), { baseGroups: r, groups: h, searching: u };
+}
+export {
+  G as useSelectSearch
+};

package/dist/modules/components/primitives/separator/Separator.vue.js

@@ -0,0 +1,17 @@
+import { defineComponent as r, openBlock as t, createElementBlock as a, normalizeClass as o } from "vue";
+const i = ["aria-orientation"], u = /* @__PURE__ */ r({
+  __name: "Separator",
+  props: {
+    orientation: { default: "horizontal" }
+  },
+  setup(e) {
+    return (n, l) => (t(), a("div", {
+      role: "separator",
+      "aria-orientation": e.orientation,
+      class: o(e.orientation === "horizontal" ? "h-[var(--ui-hairline)] w-full bg-[var(--ui-border-subtle)]" : "min-h-4 w-[var(--ui-hairline)] self-stretch bg-[var(--ui-border-subtle)]")
+    }, null, 10, i));
+  }
+});
+export {
+  u as default
+};

package/dist/modules/components/primitives/separator/Separator2.vue.js

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

package/dist/modules/components/primitives/sheet/BottomSheet.vue.js

@@ -0,0 +1,303 @@
+import { defineComponent as te, useSlots as oe, computed as v, ref as F, watch as ae, onBeforeUnmount as se, useTemplateRef as ie, resolveComponent as re, openBlock as n, createBlock as d, unref as t, withCtx as i, renderSlot as _, createCommentVNode as l, createVNode as u, mergeProps as ne, createElementVNode as N, createElementBlock as P, normalizeClass as le, createTextVNode as b, toDisplayString as y } from "vue";
+import { X as ue } from "@lucide/vue";
+import { DrawerRoot_default as de } from "../../../vendor/reka-ui/dist/Drawer/DrawerRoot.js";
+import { DrawerClose_default as fe } from "../../../vendor/reka-ui/dist/Drawer/DrawerClose.js";
+import { DrawerContent_default as me } from "../../../vendor/reka-ui/dist/Drawer/DrawerContent.js";
+import { DrawerDescription_default as ce } from "../../../vendor/reka-ui/dist/Drawer/DrawerDescription.js";
+import { DrawerOverlay_default as pe } from "../../../vendor/reka-ui/dist/Drawer/DrawerOverlay.js";
+import { DrawerPortal_default as he } from "../../../vendor/reka-ui/dist/Drawer/DrawerPortal.js";
+import { DrawerTitle_default as R } from "../../../vendor/reka-ui/dist/Drawer/DrawerTitle.js";
+import { DrawerTrigger_default as ve } from "../../../vendor/reka-ui/dist/Drawer/DrawerTrigger.js";
+import { DrawerViewport_default as be } from "../../../vendor/reka-ui/dist/Drawer/DrawerViewport.js";
+import { DrawerVirtualKeyboardProvider_default as ye } from "../../../vendor/reka-ui/dist/Drawer/DrawerVirtualKeyboardProvider.js";
+import { useLocalizedDefaults as ge, useUiText as _e } from "../../../i18n/text.js";
+import { useBackDismiss as we } from "../../../composables/backDismiss.js";
+import { focusLikeInput as V, lastInputWasKeyboard as De } from "../../../composables/inputModality.js";
+import { useOpenerFocus as ke } from "../../../composables/openerFocus.js";
+import { slotRenders as Oe } from "../../../lib/slots.js";
+import U from "../button/Button.vue.js";
+import Ce from "../button/ButtonKindScope.vue.js";
+import { coarsePointer as Ae } from "../popover/floating.js";
+import { keepEscapeForIme as Be, keepForIgnoredPortal as Fe } from "../popover/overlay.js";
+import { usePhonePresentation as Pe } from "./phone.js";
+import { injectFloatingHost as Ie } from "../../../composables/floatingHost.js";
+import Le from "../dialog/FloatingLayer.vue.js";
+const $e = {
+  key: 0,
+  "data-ui-bottom-sheet-header": ""
+}, Ee = { class: "min-w-0 flex-1" }, Se = ["data-ui-sheet-flush"], Te = {
+  key: 3,
+  "data-ui-bottom-sheet-footer": "",
+  "data-ui-footer-bar": ""
+}, Ke = 40, qe = 150, Ne = 1e3, Re = 'a[href],button,input,select,textarea,[tabindex]:not([tabindex="-1"])', ft = /* @__PURE__ */ te({
+  inheritAttrs: !1,
+  __name: "BottomSheet",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    title: {},
+    description: {},
+    height: { default: "auto" },
+    snapPoints: {},
+    closeLabel: {},
+    showClose: { type: Boolean, default: !0 },
+    closeOnOutside: { type: Boolean, default: !0 },
+    modal: { type: Boolean, default: !0 },
+    scrim: { default: "dim" },
+    flush: { type: Boolean, default: !1 },
+    confirmClose: { type: Boolean, default: !1 },
+    backDismiss: { type: Boolean, default: void 0 }
+  },
+  emits: ["update:open", "escapeKeyDown", "pointerDownOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(M, { emit: x }) {
+    const a = ge(M, { closeLabel: "Close" }), m = x, g = _e(), I = oe(), L = Pe(), w = Ie(), z = v(() => w && !w.draggable.value ? w.element.value : null), $ = F(a.defaultOpen), c = v(() => a.open ?? $.value);
+    function D(e) {
+      a.open === void 0 && ($.value = e), m("update:open", e);
+    }
+    const G = ke(() => c.value);
+    function H(e) {
+      m("closeAutoFocus", e), G(e);
+    }
+    const f = F(!1);
+    function E() {
+      return a.confirmClose ? (f.value = !0, !1) : (D(!1), !0);
+    }
+    function W(e, o) {
+      if (e) return D(!0);
+      E() || o.cancel();
+    }
+    function X() {
+      f.value = !1, D(!1);
+    }
+    we(
+      () => c.value && !f.value,
+      () => {
+        E();
+      },
+      { enabled: () => a.backDismiss ?? L.value }
+    );
+    const S = v(() => ["auto", "large", "full"].includes(a.height) ? a.height : "custom"), j = v(() => S.value === "custom" ? { "--ui-bottom-sheet-height": a.height } : void 0), T = v(() => !!(a.title || a.description || I.header) || a.showClose), J = () => Oe(I.default), k = F(!1);
+    let O = 0;
+    const C = () => typeof requestAnimationFrame == "function";
+    function A() {
+      C() && cancelAnimationFrame(O), k.value = !1;
+    }
+    ae(c, (e) => {
+      if (A(), !e || !C()) return;
+      k.value = !0;
+      let o = 0, r = 0, s = 0;
+      const p = (h) => {
+        if (o ||= performance.now(), s = r && h - r < Ke ? s + 1 : 0, r = h, s >= 2 || h - o > qe) return A();
+        O = requestAnimationFrame(p);
+      };
+      O = requestAnimationFrame(p);
+    }, { immediate: !0 }), se(A);
+    function Q(e, o) {
+      let r = !1;
+      const s = () => {
+        r || (r = !0, e.removeEventListener("animationend", p), clearTimeout(h), C() ? requestAnimationFrame(() => {
+          setTimeout(o, 0);
+        }) : o());
+      }, p = (ee) => {
+        ee.target === e && s();
+      };
+      e.addEventListener("animationend", p);
+      const h = setTimeout(s, Ne);
+    }
+    const K = ie("anchor");
+    function B(e) {
+      e.tabIndex = -1, V(e);
+    }
+    function Y(e) {
+      if (m("openAutoFocus", e), e.defaultPrevented) return;
+      const o = K.value?.closest("[data-ui-bottom-sheet]");
+      if (!o) return;
+      if (e.preventDefault(), Ae()) {
+        if (De()) return B(o);
+        o.tabIndex = -1, Q(o, () => {
+          c.value && o.isConnected && !o.contains(document.activeElement) && B(o);
+        });
+        return;
+      }
+      const r = Array.from(o.querySelectorAll(Re)).find((s) => !s.matches("[data-ui-bottom-sheet-close], :disabled") && s.getClientRects().length > 0);
+      r && V(r), (!r || document.activeElement !== r) && B(o);
+    }
+    function Z(e) {
+      Be(e), m("escapeKeyDown", e);
+    }
+    function q(e, o) {
+      Fe(o), m(e === "pointerDownOutside" ? "pointerDownOutside" : "interactOutside", o), a.closeOnOutside || o.preventDefault();
+    }
+    return (e, o) => {
+      const r = re("BottomSheet", !0);
+      return n(), d(t(de), {
+        open: c.value,
+        modal: t(a).modal,
+        "swipe-direction": "down",
+        "snap-points": t(a).snapPoints,
+        "onUpdate:open": W
+      }, {
+        default: i(() => [
+          e.$slots.trigger ? (n(), d(t(ve), {
+            key: 0,
+            "as-child": ""
+          }, {
+            default: i(() => [
+              _(e.$slots, "trigger")
+            ]),
+            _: 3
+          })) : l("", !0),
+          u(t(he), null, {
+            default: i(() => [
+              u(Le, { host: z.value }, {
+                default: i(() => [
+                  u(t(be), {
+                    "data-ui-bottom-sheet-viewport": "",
+                    "data-syno-pkg-land-ui": ""
+                  }, {
+                    default: i(() => [
+                      u(t(ye), null, {
+                        default: i(() => [
+                          t(a).modal ? (n(), d(t(pe), {
+                            key: 0,
+                            "data-ui-overlay": "",
+                            "data-ui-bottom-sheet-overlay": "",
+                            "data-ui-scrim": t(a).scrim
+                          }, null, 8, ["data-ui-scrim"])) : l("", !0),
+                          u(t(me), ne(e.$attrs, {
+                            "data-ui-bottom-sheet": "",
+                            "data-ui-sheet": "",
+                            "data-ui-sheet-height": S.value,
+                            "data-ui-sheet-header": T.value ? void 0 : "none",
+                            "data-modal": t(a).modal ? void 0 : "false",
+                            "data-ui-sheet-priming": k.value ? "" : void 0,
+                            style: j.value,
+                            onEscapeKeyDown: Z,
+                            onPointerDownOutside: o[2] || (o[2] = (s) => q("pointerDownOutside", s)),
+                            onInteractOutside: o[3] || (o[3] = (s) => q("interactOutside", s)),
+                            onOpenAutoFocus: Y,
+                            onCloseAutoFocus: H
+                          }), {
+                            default: i(() => [
+                              N("div", {
+                                ref_key: "anchor",
+                                ref: K,
+                                "data-ui-bottom-sheet-grabber": "",
+                                "aria-hidden": "true"
+                              }, null, 512),
+                              T.value ? (n(), P("header", $e, [
+                                N("div", Ee, [
+                                  t(a).title ? (n(), d(t(R), {
+                                    key: 0,
+                                    class: le(e.$slots.header && "sr-only"),
+                                    "data-ui-bottom-sheet-title": ""
+                                  }, {
+                                    default: i(() => [
+                                      b(y(t(a).title), 1)
+                                    ]),
+                                    _: 1
+                                  }, 8, ["class"])) : l("", !0),
+                                  t(a).description ? (n(), d(t(ce), {
+                                    key: 1,
+                                    "data-ui-bottom-sheet-description": ""
+                                  }, {
+                                    default: i(() => [
+                                      b(y(t(a).description), 1)
+                                    ]),
+                                    _: 1
+                                  })) : l("", !0),
+                                  _(e.$slots, "header")
+                                ]),
+                                t(a).showClose ? (n(), d(t(fe), {
+                                  key: 0,
+                                  "data-ui-bottom-sheet-close": "",
+                                  "aria-label": t(a).closeLabel
+                                }, {
+                                  default: i(() => [
+                                    u(t(ue), {
+                                      class: "size-5",
+                                      "aria-hidden": "true"
+                                    })
+                                  ]),
+                                  _: 1
+                                }, 8, ["aria-label"])) : l("", !0)
+                              ])) : t(a).title ? (n(), d(t(R), {
+                                key: 1,
+                                class: "sr-only"
+                              }, {
+                                default: i(() => [
+                                  b(y(t(a).title), 1)
+                                ]),
+                                _: 1
+                              })) : l("", !0),
+                              J() ? (n(), P("div", {
+                                key: 2,
+                                "data-ui-bottom-sheet-body": "",
+                                "data-ui-sheet-flush": t(a).flush ? "" : void 0
+                              }, [
+                                _(e.$slots, "default")
+                              ], 8, Se)) : l("", !0),
+                              e.$slots.footer ? (n(), P("footer", Te, [
+                                u(Ce, { kind: "action" }, {
+                                  default: i(() => [
+                                    _(e.$slots, "footer")
+                                  ]),
+                                  _: 3
+                                })
+                              ])) : l("", !0),
+                              t(a).confirmClose || f.value ? (n(), d(r, {
+                                key: 4,
+                                open: f.value,
+                                "onUpdate:open": o[1] || (o[1] = (s) => f.value = s),
+                                title: t(g)("Discard changes?"),
+                                description: t(g)("What you entered will be lost"),
+                                "show-close": !1,
+                                "back-dismiss": t(a).backDismiss ?? t(L),
+                                "data-ui-bottom-sheet-confirm": ""
+                              }, {
+                                footer: i(() => [
+                                  u(U, {
+                                    onClick: o[0] || (o[0] = (s) => f.value = !1)
+                                  }, {
+                                    default: i(() => [
+                                      b(y(t(g)("Keep editing")), 1)
+                                    ]),
+                                    _: 1
+                                  }),
+                                  u(U, {
+                                    variant: "danger",
+                                    "data-ui-bottom-sheet-discard": "",
+                                    onClick: X
+                                  }, {
+                                    default: i(() => [
+                                      b(y(t(g)("Discard")), 1)
+                                    ]),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              }, 8, ["open", "title", "description", "back-dismiss"])) : l("", !0)
+                            ]),
+                            _: 3
+                          }, 16, ["data-ui-sheet-height", "data-ui-sheet-header", "data-modal", "data-ui-sheet-priming", "style"])
+                        ]),
+                        _: 3
+                      })
+                    ]),
+                    _: 3
+                  })
+                ]),
+                _: 3
+              }, 8, ["host"])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["open", "modal", "snap-points"]);
+    };
+  }
+});
+export {
+  ft as default
+};

package/dist/modules/components/primitives/sheet/BottomSheet2.vue.js

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

package/dist/modules/components/primitives/sheet/Sheet.vue.js

@@ -0,0 +1,186 @@
+import { defineComponent as z, ref as A, computed as m, unref as i, openBlock as n, createBlock as p, mergeProps as c, createSlots as C, withCtx as r, renderSlot as u, createCommentVNode as f, createVNode as d, createElementVNode as v, createTextVNode as h, toDisplayString as y, createElementBlock as B } from "vue";
+import { useLocalizedDefaults as P } from "../../../i18n/text.js";
+import { X as E } from "@lucide/vue";
+import { DialogRoot_default as K } from "../../../vendor/reka-ui/dist/Dialog/DialogRoot.js";
+import { DialogClose_default as L } from "../../../vendor/reka-ui/dist/Dialog/DialogClose.js";
+import { DialogContent_default as S } from "../../../vendor/reka-ui/dist/Dialog/DialogContent.js";
+import { DialogDescription_default as I } from "../../../vendor/reka-ui/dist/Dialog/DialogDescription.js";
+import { DialogOverlay_default as N } from "../../../vendor/reka-ui/dist/Dialog/DialogOverlay.js";
+import { DialogPortal_default as V } from "../../../vendor/reka-ui/dist/Dialog/DialogPortal.js";
+import { DialogTitle_default as j } from "../../../vendor/reka-ui/dist/Dialog/DialogTitle.js";
+import { DialogTrigger_default as T } from "../../../vendor/reka-ui/dist/Dialog/DialogTrigger.js";
+import { cn as H } from "../../../lib/cn.js";
+import U from "../button/ButtonKindScope.vue.js";
+import { keepEscapeForIme as R, keepForIgnoredPortal as W } from "../popover/overlay.js";
+import { useOpenerFocus as X } from "../../../composables/openerFocus.js";
+import q from "./BottomSheet.vue.js";
+const G = { class: "flex min-h-12 items-start justify-between gap-4 border-b border-[var(--ui-border-subtle)] px-[var(--ui-inset-x)] py-3" }, J = { class: "min-w-0" }, M = {
+  class: "min-h-0 flex-1 overflow-auto [scrollbar-gutter:stable] px-[var(--ui-inset-x)] py-4",
+  "data-ui-sheet-body": ""
+}, Q = {
+  key: 0,
+  "data-ui-footer-bar": "",
+  class: "flex flex-wrap min-h-12 items-center justify-end gap-2 border-t border-[var(--ui-border-subtle)] px-[var(--ui-inset-x)] pt-2 pb-[max(var(--ui-space-2),var(--ui-safe-bottom))]"
+}, ve = /* @__PURE__ */ z({
+  inheritAttrs: !1,
+  __name: "Sheet",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    side: { default: "right" },
+    size: { default: void 0 },
+    title: {},
+    description: {},
+    closeLabel: {},
+    modal: { type: Boolean, default: !0 },
+    closeOnOutside: { type: Boolean, default: void 0 }
+  },
+  emits: ["update:open", "escapeKeyDown", "pointerDownOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(w, { emit: O }) {
+    const e = P(w, { closeLabel: "Close" }), s = O, g = A(e.defaultOpen), D = m(() => e.size ?? "auto"), l = m({
+      get: () => e.open ?? g.value,
+      set: (t) => {
+        e.open === void 0 && (g.value = t), s("update:open", t);
+      }
+    }), x = X(() => l.value && e.side !== "bottom");
+    function k(t) {
+      s("closeAutoFocus", t), x(t);
+    }
+    function $(t) {
+      R(t), s("escapeKeyDown", t);
+    }
+    function b(t, o) {
+      W(o), (e.closeOnOutside ?? e.modal) || o.preventDefault(), s(t === "pointerDownOutside" ? "pointerDownOutside" : "interactOutside", o);
+    }
+    const F = m(() => H(
+      "fixed z-[1301] flex bg-[var(--ui-surface-raised)] shadow-[var(--ui-shadow-dialog)] outline-none",
+      e.side === "right" && "top-0 right-0 h-full flex-col border-l border-[var(--ui-border)] data-[state=closed]:animate-[ui-sheet-out-right_var(--ui-motion-normal)_var(--ui-motion-ease-in)] data-[state=open]:animate-[ui-sheet-in-right_var(--ui-motion-slow)_var(--ui-motion-ease-out)]",
+      e.side === "left" && "top-0 left-0 h-full flex-col border-r border-[var(--ui-border)] data-[state=closed]:animate-[ui-sheet-out-left_var(--ui-motion-normal)_var(--ui-motion-ease-in)] data-[state=open]:animate-[ui-sheet-in-left_var(--ui-motion-slow)_var(--ui-motion-ease-out)]",
+      e.side === "top" && "top-0 right-0 left-0 w-full flex-col border-b border-[var(--ui-border)] data-[state=closed]:animate-[ui-sheet-out-top_var(--ui-motion-normal)_var(--ui-motion-ease-in)] data-[state=open]:animate-[ui-sheet-in-top_var(--ui-motion-slow)_var(--ui-motion-ease-out)]"
+    )), _ = m(() => e.side === "left" || e.side === "right" ? { width: e.size ?? "var(--ui-sheet-width-sm)", maxWidth: "calc(100% - 24px)" } : { height: e.size, maxHeight: "calc(100% - 24px)" });
+    return (t, o) => i(e).side === "bottom" ? (n(), p(q, c({ key: 0 }, t.$attrs, {
+      open: l.value,
+      "onUpdate:open": o[0] || (o[0] = (a) => l.value = a),
+      height: D.value,
+      title: i(e).title,
+      description: i(e).description,
+      "close-label": i(e).closeLabel,
+      modal: i(e).modal,
+      "close-on-outside": i(e).closeOnOutside ?? i(e).modal,
+      onEscapeKeyDown: o[1] || (o[1] = (a) => s("escapeKeyDown", a)),
+      onPointerDownOutside: o[2] || (o[2] = (a) => s("pointerDownOutside", a)),
+      onInteractOutside: o[3] || (o[3] = (a) => s("interactOutside", a)),
+      onOpenAutoFocus: o[4] || (o[4] = (a) => s("openAutoFocus", a)),
+      onCloseAutoFocus: o[5] || (o[5] = (a) => s("closeAutoFocus", a))
+    }), C({
+      default: r(() => [
+        u(t.$slots, "default")
+      ]),
+      _: 2
+    }, [
+      t.$slots.trigger ? {
+        name: "trigger",
+        fn: r(() => [
+          u(t.$slots, "trigger")
+        ]),
+        key: "0"
+      } : void 0,
+      t.$slots.footer ? {
+        name: "footer",
+        fn: r(() => [
+          u(t.$slots, "footer")
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1040, ["open", "height", "title", "description", "close-label", "modal", "close-on-outside"])) : (n(), p(i(K), {
+      key: 1,
+      open: l.value,
+      "onUpdate:open": o[9] || (o[9] = (a) => l.value = a),
+      modal: i(e).modal
+    }, {
+      default: r(() => [
+        t.$slots.trigger ? (n(), p(i(T), c({ key: 0 }, t.$attrs.id ? { "aria-controls": l.value ? t.$attrs.id : void 0 } : {}, { "as-child": "" }), {
+          default: r(() => [
+            u(t.$slots, "trigger")
+          ]),
+          _: 3
+        }, 16)) : f("", !0),
+        d(i(V), null, {
+          default: r(() => [
+            d(i(N), {
+              "data-ui-overlay": "",
+              class: "fixed inset-0 z-[1300] bg-[var(--ui-overlay)]"
+            }),
+            d(i(S), c(t.$attrs, {
+              class: F.value,
+              style: _.value,
+              "data-ui-sheet": "",
+              "data-modal": i(e).modal ? void 0 : "false",
+              "data-syno-pkg-land-ui": "",
+              onEscapeKeyDown: $,
+              onPointerDownOutside: o[6] || (o[6] = (a) => b("pointerDownOutside", a)),
+              onInteractOutside: o[7] || (o[7] = (a) => b("interactOutside", a)),
+              onOpenAutoFocus: o[8] || (o[8] = (a) => s("openAutoFocus", a)),
+              onCloseAutoFocus: k
+            }), {
+              default: r(() => [
+                v("header", G, [
+                  v("div", J, [
+                    i(e).title ? (n(), p(i(j), {
+                      key: 0,
+                      class: "text-[length:var(--ui-font-size)] leading-5 font-semibold text-[var(--ui-text)]"
+                    }, {
+                      default: r(() => [
+                        h(y(i(e).title), 1)
+                      ]),
+                      _: 1
+                    })) : f("", !0),
+                    i(e).description ? (n(), p(i(I), {
+                      key: 1,
+                      class: "mt-0.5 text-[length:var(--ui-font-size-sm)] leading-4 text-[var(--ui-text-secondary)]"
+                    }, {
+                      default: r(() => [
+                        h(y(i(e).description), 1)
+                      ]),
+                      _: 1
+                    })) : f("", !0)
+                  ]),
+                  d(i(L), {
+                    "data-ui-hit": "",
+                    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-[var(--ui-shadow-focus)]",
+                    "aria-label": i(e).closeLabel
+                  }, {
+                    default: r(() => [
+                      d(i(E), {
+                        class: "size-4",
+                        "aria-hidden": "true"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["aria-label"])
+                ]),
+                v("div", M, [
+                  u(t.$slots, "default")
+                ]),
+                t.$slots.footer ? (n(), B("footer", Q, [
+                  d(U, { kind: "action" }, {
+                    default: r(() => [
+                      u(t.$slots, "footer")
+                    ]),
+                    _: 3
+                  })
+                ])) : f("", !0)
+              ]),
+              _: 3
+            }, 16, ["class", "style", "data-modal"])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["open", "modal"]));
+  }
+});
+export {
+  ve as default
+};

package/dist/modules/components/primitives/sheet/Sheet2.vue.js

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

package/dist/modules/components/primitives/sheet/phone.js

@@ -0,0 +1,17 @@
+import { inject as r, ref as i, onMounted as a, onBeforeUnmount as c, computed as u } from "vue";
+import { APP_PRESENTATION_KEY as d, MOBILE_LAYOUT_MAX as m } from "../../../lib/adaptiveLayout.js";
+function h() {
+  const n = r(d, null), o = i(!1);
+  let e;
+  const t = () => {
+    o.value = !!e?.matches;
+  };
+  return a(() => {
+    n || typeof window > "u" || typeof window.matchMedia != "function" || (e = window.matchMedia(`(max-width: ${m}px)`), t(), e.addEventListener?.("change", t));
+  }), c(() => e?.removeEventListener?.("change", t)), u(() => n ? n.value === "mobile" : o.value);
+}
+const l = "60dvh";
+export {
+  l as PHONE_MIN_CAP,
+  h as usePhonePresentation
+};