@synopackageland/ui 0.25.20 → 0.25.22

package/dist/modules/components/primitives/date-picker/dateTime.js

@@ -0,0 +1,67 @@
+const h = ["m/d/Y", "d/m/Y", "Y-m-d", "d.m.Y", "d-m-Y"], D = ["h:mm a", "HH:mm"], N = /^(\d{4})-(\d{2})-(\d{2})$/, b = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})(?::(\d{2}))?$/, p = /[Ymd]/g, s = (e) => String(e).padStart(2, "0");
+function a(e, t, r) {
+  if (!Number.isInteger(e) || !Number.isInteger(t) || !Number.isInteger(r) || t < 1 || t > 12 || r < 1 || r > 31) return !1;
+  const n = new Date(Date.UTC(e, t - 1, r));
+  return n.getUTCFullYear() === e && n.getUTCMonth() === t - 1 && n.getUTCDate() === r;
+}
+function g(e) {
+  if (!e) return;
+  const t = b.exec(e);
+  if (t) {
+    const [, n, o, i, m, u] = t;
+    return !a(Number(n), Number(o), Number(i)) || Number(m) > 23 || Number(u) > 59 ? void 0 : { date: `${n}-${o}-${i}`, hours: Number(m), minutes: Number(u), hasTime: !0 };
+  }
+  const r = N.exec(e);
+  if (r) {
+    const [, n, o, i] = r;
+    return a(Number(n), Number(o), Number(i)) ? { date: e, hours: 0, minutes: 0, hasTime: !1 } : void 0;
+  }
+}
+function Y(e, t, r) {
+  return `${e}T${s(t)}:${s(r)}:00`;
+}
+function l(e, t) {
+  const r = g(e);
+  if (!r) return "";
+  const [n, o, i] = r.date.split("-"), m = t === "Y-m-d", u = {
+    Y: n,
+    m: m ? o : String(Number(o)),
+    d: m ? i : String(Number(i))
+  };
+  return t.replace(p, (c) => u[c] ?? c);
+}
+function E(e, t) {
+  const r = e.trim();
+  if (!r) return;
+  const n = [], o = { Y: "(\\d{4})", m: "(\\d{1,2})", d: "(\\d{1,2})" }, i = t.replace(/\./g, "\\.").replace(p, (d) => (n.push(d), o[d])), m = new RegExp(`^${i}$`).exec(r);
+  if (!m) return;
+  const u = {};
+  n.forEach((d, $) => {
+    u[d] = Number(m[$ + 1]);
+  });
+  const { Y: c, m: f, d: T } = u;
+  if (a(c, f, T))
+    return `${c}-${s(f)}-${s(T)}`;
+}
+function S(e, t, r) {
+  if (r === "HH:mm") return `${s(e)}:${s(t)}`;
+  const n = e % 12 === 0 ? 12 : e % 12, o = e >= 12 ? "pm" : "am";
+  return `${n}:${s(t)} ${o}`;
+}
+function _(e) {
+  return Array.from({ length: e ? 24 : 12 }, (r, n) => e ? n : n + 1);
+}
+function x() {
+  return Array.from({ length: 60 }, (e, t) => t);
+}
+export {
+  h as DATE_FORMATS,
+  D as TIME_FORMATS,
+  Y as composeDateTime,
+  l as formatDateText,
+  S as formatTimeText,
+  _ as hourOptions,
+  x as minuteOptions,
+  E as parseDateText,
+  g as parseDateTime
+};

package/dist/modules/components/primitives/dialog/Dialog.vue.js

@@ -0,0 +1,300 @@
+import { defineComponent as pe, useTemplateRef as D, computed as l, ref as U, useSlots as me, openBlock as n, createBlock as p, mergeProps as O, unref as o, createSlots as ve, withCtx as r, createElementBlock as b, renderSlot as d, createCommentVNode as u, createVNode as c, normalizeClass as m, createElementVNode as ge, createTextVNode as q, toDisplayString as _, Transition as he } from "vue";
+import { useLocalizedDefaults as ye } from "../../../i18n/text.js";
+import { X as be } from "@lucide/vue";
+import { injectFloatingHost as we, injectAppPortal as xe } from "../../../composables/floatingHost.js";
+import { useFloatingPlacement as De } from "../../../composables/floatingPlacement.js";
+import { focusLikeInput as X } from "../../../composables/inputModality.js";
+import { useOpenerFocus as Oe } from "../../../composables/openerFocus.js";
+import { useScrollEdges as ke } from "../../../composables/scrollEdges.js";
+import { slotRenders as $e } from "../../../lib/slots.js";
+import Ae from "./FloatingLayer.vue.js";
+import { keepEscapeForIme as Fe, keepForIgnoredPortal as Ce } from "../popover/overlay.js";
+import { provideDialogContentWidth as Pe } from "./dialogSize.js";
+import { provideDialogCover as Se, useParentDialogCover as Be } from "./dialogCover.js";
+import He from "../button/ButtonKindScope.vue.js";
+import ze from "../sheet/BottomSheet.vue.js";
+import { usePhonePresentation as Le } from "../sheet/phone.js";
+import { DialogRoot_default as Ee } from "../../../vendor/reka-ui/dist/Dialog/DialogRoot.js";
+import { DialogClose_default as Te } from "../../../vendor/reka-ui/dist/Dialog/DialogClose.js";
+import { DialogContent_default as Ie } from "../../../vendor/reka-ui/dist/Dialog/DialogContent.js";
+import { DialogDescription_default as Ke } from "../../../vendor/reka-ui/dist/Dialog/DialogDescription.js";
+import { DialogOverlay_default as Re } from "../../../vendor/reka-ui/dist/Dialog/DialogOverlay.js";
+import { DialogPortal_default as We } from "../../../vendor/reka-ui/dist/Dialog/DialogPortal.js";
+import { DialogTitle_default as Me } from "../../../vendor/reka-ui/dist/Dialog/DialogTitle.js";
+import { DialogTrigger_default as Ve } from "../../../vendor/reka-ui/dist/Dialog/DialogTrigger.js";
+const je = ["data-ui-dialog-header-divider", "data-ui-drag-handle"], Ne = ["data-ui-dialog-flush"], Ue = ["data-ui-scrim"], qe = 'a[href],button,input,select,textarea,[tabindex]:not([tabindex="-1"])', _e = "inset-0! m-0! h-full! max-h-none! w-full! max-w-none! translate-y-0! rounded-none! border-0!", Xe = "calc(100% - 32px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))", Ge = 'input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea,[role="combobox"]', Do = /* @__PURE__ */ pe({
+  inheritAttrs: !1,
+  __name: "Dialog",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    title: {},
+    description: {},
+    width: {},
+    size: {},
+    maxWidth: {},
+    height: {},
+    minHeight: {},
+    maxHeight: {},
+    fullscreen: { type: [Boolean, String] },
+    closeLabel: {},
+    showClose: { type: Boolean, default: !0 },
+    flush: { type: Boolean, default: !1 },
+    headerDivider: { type: Boolean, default: !0 },
+    closeOnOutside: { type: Boolean, default: !0 },
+    scrim: { default: "dim" },
+    presentation: { default: "adaptive" }
+  },
+  emits: ["update:open", "escapeKeyDown", "pointerDownOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(G, { emit: J }) {
+    const e = ye(G, { closeLabel: "Close" }), s = J, Q = (t) => typeof t.checkVisibility != "function" || t.checkVisibility({ visibilityProperty: !0 }), B = D("content");
+    function Y(t) {
+      if (s("openAutoFocus", t), t.defaultPrevented) return;
+      let a = t.target ?? B.value?.$el;
+      for (; a && !(a instanceof HTMLElement && a.hasAttribute("data-ui-dialog")); ) a = a.nextSibling;
+      const i = a instanceof HTMLElement ? a : null;
+      if (!i) return;
+      t.preventDefault();
+      const x = Array.from(i.querySelectorAll(qe)).find((N) => !N.matches("[data-dialog-close], [data-ui-keyboard-focus], :disabled") && Q(N));
+      x && X(x), (!x || document.activeElement !== x) && (i.tabIndex = -1, X(i));
+    }
+    function Z(t) {
+      Fe(t), s("escapeKeyDown", t);
+    }
+    function H(t, a) {
+      Ce(a), s(t === "pointerDownOutside" ? "pointerDownOutside" : "interactOutside", a), e.closeOnOutside || a.preventDefault();
+    }
+    const z = { dim: "bg-[var(--ui-overlay)]", light: "bg-[var(--ui-overlay-light)]", none: "bg-transparent" }, v = we(), ee = l(() => v?.element.value ?? null), { position: g, draggable: w, onPointerdown: L, onKeydown: oe } = De(D("handle"), v), k = l(() => e.width ? void 0 : e.size), $ = l(() => e.width ?? (k.value && `var(--ui-dialog-width-${k.value})`)), A = l(() => !!$.value), te = Pe(), F = l(() => A.value ? void 0 : te.value), ae = l(() => ({
+      left: g.value && `${g.value.x}px`,
+      top: g.value && `${g.value.y}px`,
+      maxWidth: $.value,
+      "--ui-dialog-max-width": e.maxWidth,
+      "--ui-dialog-width": $.value ?? "var(--ui-dialog-max-width)",
+      "--ui-dialog-floor": F.value && `var(--ui-dialog-width-${F.value})`,
+      // A centred phone modal hugs its content: its height is only a cap, inside
+      // the safe area with the phone's 16px gutter, and its body scrolls past it.
+      height: T.value ? void 0 : e.height && `min(${e.height}, 100%)`,
+      minHeight: e.minHeight && `min(${e.minHeight}, 100%)`,
+      maxHeight: T.value ? `min(${e.maxHeight ?? e.height ?? "100%"}, ${Xe})` : e.maxHeight && `min(${e.maxHeight}, 100%)`
+    })), ie = Le(), h = l(() => v ? !v.draggable.value : ie.value), E = l(() => h.value && e.presentation !== "modal"), T = l(() => h.value && e.presentation === "modal" && e.fullscreen !== !0), C = l(() => h.value && e.scrim === "light" ? "dim" : e.scrim), le = xe(), I = l(() => !!v && !h.value), re = l(() => I.value ? le?.value ?? void 0 : void 0), P = Se(), K = D("bodyScroller"), R = ke(K, () => "y"), se = l(() => e.flush || R.top.value), ne = l(() => e.flush || R.bottom.value), W = U(!1), ue = l(() => e.fullscreen || W.value ? "full" : "auto"), M = D("sheetFields");
+    function de(t) {
+      W.value = (M.value?.querySelectorAll(Ge).length ?? 0) > 3, s("openAutoFocus", t);
+    }
+    const V = me(), S = () => $e(V.default), y = l(() => !!(e.title || e.description) || e.showClose || !!V.header), j = U(e.defaultOpen), f = l({
+      get: () => e.open ?? j.value,
+      set: (t) => {
+        e.open === void 0 && (j.value = t), s("update:open", t);
+      }
+    });
+    Be(() => f.value && I.value, () => C.value);
+    const fe = Oe(() => f.value && !E.value);
+    function ce(t) {
+      s("closeAutoFocus", t), fe(t);
+    }
+    return (t, a) => E.value ? (n(), p(ze, O({ key: 0 }, t.$attrs, {
+      open: f.value,
+      "onUpdate:open": a[0] || (a[0] = (i) => f.value = i),
+      height: ue.value,
+      title: o(e).title,
+      description: o(e).description,
+      "close-label": o(e).closeLabel,
+      "show-close": o(e).showClose,
+      "close-on-outside": o(e).closeOnOutside,
+      scrim: o(e).scrim,
+      flush: o(e).flush,
+      "data-ui-dialog-sheet": "",
+      onEscapeKeyDown: a[1] || (a[1] = (i) => s("escapeKeyDown", i)),
+      onPointerDownOutside: a[2] || (a[2] = (i) => s("pointerDownOutside", i)),
+      onInteractOutside: a[3] || (a[3] = (i) => s("interactOutside", i)),
+      onOpenAutoFocus: de,
+      onCloseAutoFocus: a[4] || (a[4] = (i) => s("closeAutoFocus", i))
+    }), ve({
+      default: r(() => [
+        S() ? (n(), b("div", {
+          key: 0,
+          ref_key: "sheetFields",
+          ref: M,
+          class: "contents"
+        }, [
+          d(t.$slots, "default")
+        ], 512)) : u("", !0)
+      ]),
+      _: 2
+    }, [
+      t.$slots.trigger ? {
+        name: "trigger",
+        fn: r(() => [
+          d(t.$slots, "trigger")
+        ]),
+        key: "0"
+      } : void 0,
+      t.$slots.header ? {
+        name: "header",
+        fn: r(() => [
+          d(t.$slots, "header")
+        ]),
+        key: "1"
+      } : void 0,
+      t.$slots.footer ? {
+        name: "footer",
+        fn: r(() => [
+          d(t.$slots, "footer")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["open", "height", "title", "description", "close-label", "show-close", "close-on-outside", "scrim", "flush"])) : (n(), p(o(Ee), {
+      key: 1,
+      open: f.value,
+      "onUpdate:open": a[9] || (a[9] = (i) => f.value = i)
+    }, {
+      default: r(() => [
+        t.$slots.trigger ? (n(), p(o(Ve), O({ key: 0 }, t.$attrs.id ? { "aria-controls": f.value ? t.$attrs.id : void 0 } : {}, { "as-child": "" }), {
+          default: r(() => [
+            d(t.$slots, "trigger")
+          ]),
+          _: 3
+        }, 16)) : u("", !0),
+        c(o(We), { to: re.value }, {
+          default: r(() => [
+            c(o(Re), {
+              "data-ui-overlay": "",
+              class: m(["fixed inset-0 z-[1200]", z[C.value]]),
+              "data-ui-scrim": C.value
+            }, null, 8, ["class", "data-ui-scrim"]),
+            c(Ae, { host: ee.value }, {
+              default: r(() => [
+                c(o(Ie), O({
+                  ref_key: "content",
+                  ref: B
+                }, o(e).description ? t.$attrs : { "aria-describedby": void 0, ...t.$attrs }, {
+                  "data-ui-dialog": "",
+                  class: ["fixed z-[1201] flex max-h-[85vh] flex-col overflow-hidden border border-[var(--ui-border-subtle)] bg-[var(--ui-surface-raised)] shadow-[var(--ui-shadow-dialog)] outline-none", [
+                    A.value ? "w-[var(--ui-dialog-room)]" : "w-fit min-w-[min(max(var(--ui-dialog-min-width),var(--ui-dialog-floor,0px)),var(--ui-dialog-max-width),var(--ui-dialog-room))] max-w-[min(var(--ui-dialog-max-width),var(--ui-dialog-room))]",
+                    // Auto side margins centre it: a -50% shift would leave a content-sized panel half the width.
+                    o(g) ? void 0 : "inset-x-0 mx-auto top-1/2 -translate-y-1/2",
+                    // DSM rounds a modal window 3px and only a message box 8px.
+                    y.value ? "rounded-[var(--ui-radius-window)]" : "rounded-[var(--ui-radius-dialog)]",
+                    o(e).fullscreen === !0 && _e
+                  ]],
+                  style: ae.value,
+                  "data-ui-dialog-sizing": A.value ? "fixed" : "content",
+                  "data-ui-dialog-size": k.value,
+                  "data-ui-dialog-floor": F.value,
+                  "data-ui-dialog-layout": y.value ? "window" : "message",
+                  "data-ui-dialog-fullscreen": o(e).fullscreen === !0 ? "" : o(e).fullscreen || void 0,
+                  "data-ui-dialog-presentation": h.value && o(e).presentation === "modal" ? "modal" : void 0,
+                  "data-syno-pkg-land-ui": "",
+                  onEscapeKeyDown: Z,
+                  onPointerDownOutside: a[7] || (a[7] = (i) => H("pointerDownOutside", i)),
+                  onInteractOutside: a[8] || (a[8] = (i) => H("interactOutside", i)),
+                  onOpenAutoFocus: Y,
+                  onCloseAutoFocus: ce
+                }), {
+                  default: r(() => [
+                    y.value ? (n(), b("header", {
+                      key: 0,
+                      ref: "handle",
+                      class: m(["flex min-h-10 shrink-0 items-start justify-between gap-4 pr-3", [o(e).headerDivider ? ["border-b py-3 pl-[var(--ui-inset-x)] transition-[border-color] duration-[var(--ui-motion-fast)]", se.value ? "border-[var(--ui-border-subtle)]" : "border-transparent"] : "pt-4 pb-0 pl-[var(--ui-inset-x)] [@media(pointer:coarse)]:pb-2", o(w) && "cursor-move touch-none select-none"]]),
+                      "data-ui-dialog-header-divider": o(e).headerDivider ? void 0 : "none",
+                      "data-ui-drag-handle": o(w) ? "" : void 0,
+                      onPointerdown: a[6] || (a[6] = //@ts-ignore
+                      (...i) => o(L) && o(L)(...i))
+                    }, [
+                      ge("div", {
+                        class: m(["min-w-0", t.$slots.header && "flex-1"])
+                      }, [
+                        o(e).title ? (n(), p(o(Me), O({
+                          key: 0,
+                          class: [t.$slots.header && "sr-only", "text-[length:var(--ui-font-size)] leading-5 font-semibold text-[var(--ui-text)] [overflow-wrap:anywhere] outline-none focus-visible:shadow-[var(--ui-shadow-focus)]"]
+                        }, o(w) ? { tabindex: 0, "aria-keyshortcuts": "ArrowUp ArrowDown ArrowLeft ArrowRight", "data-ui-keyboard-focus": "" } : {}, {
+                          onKeydown: o(oe),
+                          onMousedown: a[5] || (a[5] = (i) => o(w) && i.preventDefault())
+                        }), {
+                          default: r(() => [
+                            q(_(o(e).title), 1)
+                          ]),
+                          _: 1
+                        }, 16, ["class", "onKeydown"])) : u("", !0),
+                        o(e).description ? (n(), p(o(Ke), {
+                          key: 1,
+                          class: "mt-0.5 whitespace-pre-line text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-secondary)]"
+                        }, {
+                          default: r(() => [
+                            q(_(o(e).description), 1)
+                          ]),
+                          _: 1
+                        })) : u("", !0),
+                        d(t.$slots, "header")
+                      ], 2),
+                      o(e).showClose ? (n(), p(o(Te), {
+                        key: 0,
+                        "data-dialog-close": "",
+                        "data-ui-hit": "",
+                        class: "-my-1 [@media(pointer:coarse)]:my-0 flex size-7 shrink-0 items-center justify-center rounded-[var(--ui-radius-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": o(e).closeLabel
+                      }, {
+                        default: r(() => [
+                          c(o(be), {
+                            class: "size-4",
+                            "aria-hidden": "true"
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["aria-label"])) : u("", !0)
+                    ], 42, je)) : u("", !0),
+                    S() ? (n(), b("div", {
+                      key: 1,
+                      ref_key: "bodyScroller",
+                      ref: K,
+                      "data-ui-dialog-body": "",
+                      class: m(["min-h-0 flex-1", o(e).flush ? "flex flex-col overflow-hidden" : ["overflow-auto [scrollbar-gutter:stable]", y.value ? "px-[var(--ui-inset-x)] py-4" : "px-8 pt-6"]]),
+                      "data-ui-dialog-flush": o(e).flush ? "" : void 0
+                    }, [
+                      d(t.$slots, "default")
+                    ], 10, Ne)) : u("", !0),
+                    t.$slots.footer ? (n(), b("footer", {
+                      key: 2,
+                      "data-ui-footer-bar": "",
+                      class: m(["flex shrink-0 flex-wrap items-center justify-end gap-2", y.value ? ["min-h-12 px-[var(--ui-inset-x)] py-2", S() && ["border-t transition-[border-color] duration-[var(--ui-motion-fast)]", ne.value ? "border-[var(--ui-border-subtle)]" : "border-transparent"]] : "px-8 pt-6 pb-6"])
+                    }, [
+                      c(He, { kind: "action" }, {
+                        default: r(() => [
+                          d(t.$slots, "footer")
+                        ]),
+                        _: 3
+                      })
+                    ], 2)) : u("", !0),
+                    c(he, {
+                      "enter-from-class": "opacity-0",
+                      "leave-to-class": "opacity-0",
+                      "enter-active-class": "transition-opacity duration-[var(--ui-motion-fast)]",
+                      "leave-active-class": "transition-opacity duration-[var(--ui-motion-fast)]"
+                    }, {
+                      default: r(() => [
+                        o(P) ? (n(), b("div", {
+                          key: 0,
+                          "data-ui-dialog-cover": "",
+                          "aria-hidden": "true",
+                          class: m(["absolute inset-0 z-10", z[o(P)]]),
+                          "data-ui-scrim": o(P)
+                        }, null, 10, Ue)) : u("", !0)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 3
+                }, 16, ["class", "style", "data-ui-dialog-sizing", "data-ui-dialog-size", "data-ui-dialog-floor", "data-ui-dialog-layout", "data-ui-dialog-fullscreen", "data-ui-dialog-presentation"])
+              ]),
+              _: 3
+            }, 8, ["host"])
+          ]),
+          _: 3
+        }, 8, ["to"])
+      ]),
+      _: 3
+    }, 8, ["open"]));
+  }
+});
+export {
+  Do as default
+};

package/dist/modules/components/primitives/dialog/Dialog2.vue.js

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

package/dist/modules/components/primitives/dialog/FloatingLayer.vue.js

@@ -0,0 +1,33 @@
+import { defineComponent as a, openBlock as r, createBlock as d, Teleport as i, unref as e, withCtx as s, renderSlot as n } from "vue";
+import { injectConfigProviderContext as c, ConfigProvider_default as u } from "../../../vendor/reka-ui/dist/ConfigProvider/ConfigProvider.js";
+const m = /* @__PURE__ */ a({
+  __name: "FloatingLayer",
+  props: {
+    host: {}
+  },
+  setup(t) {
+    const o = c(null);
+    return (l, f) => (r(), d(i, {
+      to: t.host ?? "body",
+      disabled: !t.host
+    }, [
+      t.host ? (r(), d(e(u), {
+        key: 0,
+        "teleport-to": t.host,
+        dir: e(o)?.dir?.value,
+        locale: e(o)?.locale?.value,
+        "scroll-body": e(o)?.scrollBody?.value,
+        nonce: e(o)?.nonce?.value,
+        "use-id": e(o)?.useId
+      }, {
+        default: s(() => [
+          n(l.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["teleport-to", "dir", "locale", "scroll-body", "nonce", "use-id"])) : n(l.$slots, "default", {}, void 0, void 0, 1)
+    ], 8, ["to", "disabled"]));
+  }
+});
+export {
+  m as default
+};

package/dist/modules/components/primitives/dialog/FloatingLayer2.vue.js

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

package/dist/modules/components/primitives/dialog/dialogCover.js

@@ -0,0 +1,24 @@
+import { shallowReactive as c, provide as l, computed as i, inject as a, watchEffect as s } from "vue";
+const n = /* @__PURE__ */ Symbol("@synopkgland/dialog-cover");
+function v() {
+  const o = c(/* @__PURE__ */ new Map());
+  return l(n, (e) => {
+    const t = /* @__PURE__ */ Symbol("cover");
+    return o.set(t, e), () => {
+      o.delete(t);
+    };
+  }), i(() => {
+    const e = [...o.values()].at(-1);
+    return e ? e() : null;
+  });
+}
+function d(o, e) {
+  const t = a(n, null);
+  t && s((r) => {
+    o() && r(t(e));
+  });
+}
+export {
+  v as provideDialogCover,
+  d as useParentDialogCover
+};

package/dist/modules/components/primitives/dialog/dialogSize.js

@@ -0,0 +1,15 @@
+import { shallowReactive as l, provide as d, onScopeDispose as c, computed as e, inject as s } from "vue";
+const a = ["sm", "md", "lg", "xl"], n = /* @__PURE__ */ Symbol("dialog-content-width");
+function m() {
+  const t = l(/* @__PURE__ */ new Set());
+  return d(n, (o) => {
+    t.add(o), c(() => t.delete(o));
+  }), e(() => a.filter((o) => [...t].some((i) => i.value === o)).at(-1));
+}
+function p(t) {
+  s(n, null)?.(e(t));
+}
+export {
+  m as provideDialogContentWidth,
+  p as useDialogContentWidth
+};

package/dist/modules/components/primitives/dropdown-menu/DropdownMenu.vue.js

@@ -0,0 +1,127 @@
+import { defineComponent as N, ref as m, computed as u, useTemplateRef as P, inject as U, onMounted as L, onBeforeUnmount as j, watch as z, openBlock as k, createElementBlock as G, Fragment as Y, createVNode as v, unref as o, withCtx as f, mergeProps as w, renderSlot as Z, createBlock as E, createCommentVNode as F } from "vue";
+import { DropdownMenuRoot_default as q } from "../../../vendor/reka-ui/dist/DropdownMenu/DropdownMenuRoot.js";
+import { DropdownMenuContent_default as x } from "../../../vendor/reka-ui/dist/DropdownMenu/DropdownMenuContent.js";
+import { DropdownMenuPortal_default as H } from "../../../vendor/reka-ui/dist/DropdownMenu/DropdownMenuPortal.js";
+import { DropdownMenuTrigger_default as J } from "../../../vendor/reka-ui/dist/DropdownMenu/DropdownMenuTrigger.js";
+import { useFloating as Q, FLOATING_SIZE_CLASS as W } from "../popover/floating.js";
+import X from "./DropdownMenuItems.vue.js";
+import ee from "./DropdownMenuSheet.vue.js";
+import { usePhoneSurface as oe, accessibleName as ae, menuContent as te } from "../../../composables/phoneSurface.js";
+import { useOverlayMotion as ne, useOverlayLayer as re, skipAutoFocusOnTouch as le, keepEscapeForIme as ie } from "../popover/overlay.js";
+import { APP_BAR_MENU_KEY as ue } from "../../../lib/adaptiveLayout.js";
+const we = /* @__PURE__ */ N({
+  inheritAttrs: !1,
+  __name: "DropdownMenu",
+  props: {
+    items: {},
+    open: { type: Boolean, default: void 0 },
+    align: { default: "start" },
+    checkedKeys: {},
+    radioValue: {},
+    radioValues: {},
+    radioIndicator: { default: "dot" },
+    motion: { default: void 0 }
+  },
+  emits: ["update:open", "select", "toggle", "update:checkedKeys", "update:radioValue", "update:radioValues", "radioSelect"],
+  setup(I, { emit: R }) {
+    const a = I, r = R, _ = m([]), b = m({}), S = m(!1), l = u({
+      get: () => a.open ?? S.value,
+      set: (e) => {
+        a.open === void 0 && (S.value = e), r("update:open", e);
+      }
+    }), d = P("trigger"), i = U(ue, null), V = /* @__PURE__ */ Symbol("bar-menu");
+    let M;
+    L(() => {
+      M = i?.register(V, () => d.value?.$el);
+    }), j(() => M?.());
+    const $ = u(() => i?.owner.value === V ? new Set(i.entries.value.map((e) => e.key)) : null), s = u(() => !$.value || !i.entries.value.length ? a.items : [...a.items, { type: "separator", key: "\0bar-menu-separator" }, ...i.entries.value]);
+    function K(e) {
+      $.value?.has(e) ? i.select(e) : r("select", e);
+    }
+    const g = oe(() => te(s.value)), h = u(() => l.value && g.value === "popover"), A = m();
+    z(() => l.value && g.value === "sheet", (e) => {
+      e && (A.value = ae(d.value?.$el) || void 0);
+    });
+    const O = Q(() => d.value?.$el, () => h.value), B = ne(() => a.motion), T = re(() => h.value, () => {
+      l.value = !1;
+    }), p = u(() => a.checkedKeys ?? _.value), y = u(() => ({
+      ...b.value,
+      ...a.radioValues,
+      ...a.radioValue !== void 0 ? { "": a.radioValue } : {}
+    }));
+    function C(e, n) {
+      const t = n ? [.../* @__PURE__ */ new Set([...p.value, e])] : p.value.filter((c) => c !== e);
+      _.value = t, r("update:checkedKeys", t), r("toggle", e, n);
+    }
+    function D(e, n, t) {
+      const c = { ...y.value, [t]: e };
+      b.value = c, t === "" && r("update:radioValue", e), r("update:radioValues", c), r("radioSelect", e, n, t);
+    }
+    return (e, n) => (k(), G(Y, null, [
+      v(o(q), {
+        open: h.value,
+        "onUpdate:open": n[0] || (n[0] = (t) => l.value = t)
+      }, {
+        default: f(() => [
+          v(o(J), w({
+            ref_key: "trigger",
+            ref: d
+          }, e.$attrs.id ? { "aria-controls": l.value ? e.$attrs.id : void 0 } : {}, { "as-child": "" }), {
+            default: f(() => [
+              Z(e.$slots, "trigger")
+            ]),
+            _: 3
+          }, 16),
+          v(o(H), null, {
+            default: f(() => [
+              s.value.length > 0 ? (k(), E(o(x), w({
+                key: 0,
+                onOpenAutoFocus: o(le),
+                "data-ui-popup": ""
+              }, { ...o(O), ...o(T), ...e.$attrs }, {
+                "data-ui-popup-motion": o(B)() === "none" ? "none" : void 0,
+                align: a.align,
+                "side-offset": 4,
+                class: ["z-[1450] min-w-[min(11rem,var(--reka-popper-available-width))] overflow-y-auto [scrollbar-gutter:stable] rounded-[var(--ui-radius-popover)] border border-[var(--ui-border-floating)] bg-[var(--ui-surface-raised)] p-1 shadow-[var(--ui-shadow-menu)] outline-none", o(W)],
+                "data-syno-pkg-land-ui": "",
+                onEscapeKeyDown: o(ie)
+              }), {
+                default: f(() => [
+                  v(X, {
+                    items: s.value,
+                    "checked-keys": p.value,
+                    "radio-values": y.value,
+                    floating: o(O),
+                    "radio-indicator": a.radioIndicator,
+                    motion: o(B)(),
+                    onSelect: K,
+                    onToggle: C,
+                    onRadio: D
+                  }, null, 8, ["items", "checked-keys", "radio-values", "floating", "radio-indicator", "motion"])
+                ]),
+                _: 1
+              }, 16, ["onOpenAutoFocus", "data-ui-popup-motion", "align", "onEscapeKeyDown", "class"])) : F("", !0)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 3
+      }, 8, ["open"]),
+      o(g) === "sheet" && s.value.length > 0 ? (k(), E(ee, w({ key: 0 }, e.$attrs, {
+        open: l.value,
+        "onUpdate:open": n[1] || (n[1] = (t) => l.value = t),
+        items: s.value,
+        title: A.value,
+        "checked-keys": p.value,
+        "radio-values": y.value,
+        "radio-indicator": a.radioIndicator,
+        onSelect: K,
+        onToggle: C,
+        onRadio: D
+      }), null, 16, ["open", "items", "title", "checked-keys", "radio-values", "radio-indicator"])) : F("", !0)
+    ], 64));
+  }
+});
+export {
+  we as default
+};

package/dist/modules/components/primitives/dropdown-menu/DropdownMenu2.vue.js

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