@synopackageland/ui 0.25.20 → 0.25.22

package/dist/modules/components/primitives/context-menu/ContextMenuItems.vue.js

@@ -0,0 +1,140 @@
+import { defineComponent as C, computed as w, resolveComponent as M, openBlock as t, createElementBlock as r, Fragment as g, renderList as S, createBlock as f, unref as a, withCtx as o, createVNode as n, normalizeClass as v, createCommentVNode as u, createElementVNode as h, toDisplayString as i, mergeProps as z, withModifiers as I } from "vue";
+import { FLOATING_SIZE_CLASS as V } from "../popover/floating.js";
+import { ChevronRight as B, Check as E } from "@lucide/vue";
+import { ContextMenuCheckboxItem_default as L } from "../../../vendor/reka-ui/dist/ContextMenu/ContextMenuCheckboxItem.js";
+import { ContextMenuItem_default as N } from "../../../vendor/reka-ui/dist/ContextMenu/ContextMenuItem.js";
+import { ContextMenuItemIndicator_default as T } from "../../../vendor/reka-ui/dist/ContextMenu/ContextMenuItemIndicator.js";
+import { ContextMenuPortal_default as A } from "../../../vendor/reka-ui/dist/ContextMenu/ContextMenuPortal.js";
+import { ContextMenuSeparator_default as F } from "../../../vendor/reka-ui/dist/ContextMenu/ContextMenuSeparator.js";
+import { ContextMenuSub_default as P } from "../../../vendor/reka-ui/dist/ContextMenu/ContextMenuSub.js";
+import { ContextMenuSubContent_default as U } from "../../../vendor/reka-ui/dist/ContextMenu/ContextMenuSubContent.js";
+import { ContextMenuSubTrigger_default as j } from "../../../vendor/reka-ui/dist/ContextMenu/ContextMenuSubTrigger.js";
+const D = {
+  key: 0,
+  class: "size-4 shrink-0",
+  "aria-hidden": "true"
+}, G = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, O = {
+  key: 1,
+  class: "shrink-0 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-muted)]"
+}, R = { class: "flex size-4 shrink-0 items-center justify-center text-[var(--ui-primary)]" }, Z = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, $ = {
+  key: 0,
+  class: "shrink-0 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-muted)]"
+}, q = {
+  key: 0,
+  class: "size-4 shrink-0",
+  "aria-hidden": "true"
+}, H = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, J = {
+  key: 1,
+  class: "shrink-0 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-muted)]"
+}, x = "flex min-h-[var(--ui-menu-row-height)] select-none items-center gap-2 rounded-[var(--ui-radius-inner)] px-2 py-1 text-[length:var(--ui-font-size-control)] outline-none data-[highlighted]:bg-[var(--ui-state-hover)] data-[disabled]:opacity-40", se = /* @__PURE__ */ C({
+  name: "ContextMenuItems",
+  __name: "ContextMenuItems",
+  props: {
+    items: {},
+    floating: {}
+  },
+  emits: ["select", "toggle"],
+  setup(d, { emit: _ }) {
+    const b = d, c = _, m = w(() => b.items.some((p) => p.type !== "separator" && p.checked !== void 0));
+    return (p, s) => {
+      const k = M("ContextMenuItems", !0);
+      return t(!0), r(g, null, S(d.items, (e) => (t(), r(g, {
+        key: e.key
+      }, [
+        e.type === "separator" ? (t(), f(a(F), {
+          key: 0,
+          class: "my-1 h-[var(--ui-hairline)] bg-[var(--ui-border-subtle)]"
+        })) : e.children?.length ? (t(), f(a(P), { key: 1 }, {
+          default: o(() => [
+            n(a(j), {
+              disabled: e.disabled,
+              class: v([
+                x,
+                e.danger ? "text-[var(--ui-danger)]" : "text-[var(--ui-text)]"
+              ])
+            }, {
+              default: o(() => [
+                m.value ? (t(), r("span", D)) : u("", !0),
+                h("span", G, i(e.label), 1),
+                e.shortcut ? (t(), r("span", O, i(e.shortcut), 1)) : u("", !0),
+                n(a(B), {
+                  class: "size-3.5 shrink-0 text-[var(--ui-text-muted)]",
+                  "aria-hidden": "true"
+                })
+              ]),
+              _: 2
+            }, 1032, ["disabled", "class"]),
+            n(a(A), null, {
+              default: o(() => [
+                n(a(U), z({
+                  "data-ui-popup": "",
+                  "side-offset": 4,
+                  "align-offset": -4
+                }, { ref_for: !0 }, d.floating, {
+                  "data-ui-ignore-outside": "",
+                  class: ["z-[1400] min-w-[min(11rem,var(--reka-popper-available-width))] overflow-y-auto [scrollbar-gutter:stable] rounded-[var(--ui-radius-popover)] border border-[var(--ui-border-floating)] bg-[var(--ui-surface-raised)] p-1 shadow-[var(--ui-shadow-menu)] outline-none", a(V)],
+                  "data-syno-pkg-land-ui": ""
+                }), {
+                  default: o(() => [
+                    n(k, {
+                      items: e.children,
+                      floating: d.floating,
+                      onSelect: s[0] || (s[0] = (l) => c("select", l)),
+                      onToggle: s[1] || (s[1] = (l, y) => c("toggle", l, y))
+                    }, null, 8, ["items", "floating"])
+                  ]),
+                  _: 2
+                }, 1040, ["class"])
+              ]),
+              _: 2
+            }, 1024)
+          ]),
+          _: 2
+        }, 1024)) : e.checked !== void 0 ? (t(), f(a(L), {
+          key: 2,
+          "model-value": e.checked,
+          disabled: e.disabled,
+          class: "relative flex min-h-[var(--ui-menu-row-height)] select-none items-center gap-2 rounded-[var(--ui-radius-inner)] py-1 pr-2 pl-2 text-[length:var(--ui-font-size-control)] text-[var(--ui-text)] outline-none data-[highlighted]:bg-[var(--ui-state-hover)] data-[disabled]:opacity-40",
+          "onUpdate:modelValue": (l) => c("toggle", e.key, !!l),
+          onSelect: s[2] || (s[2] = I(() => {
+          }, ["prevent"]))
+        }, {
+          default: o(() => [
+            h("span", R, [
+              n(a(T), null, {
+                default: o(() => [
+                  n(a(E), {
+                    class: "size-3.5",
+                    "aria-hidden": "true"
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            h("span", Z, i(e.label), 1),
+            e.shortcut ? (t(), r("span", $, i(e.shortcut), 1)) : u("", !0)
+          ]),
+          _: 2
+        }, 1032, ["model-value", "disabled", "onUpdate:modelValue"])) : (t(), f(a(N), {
+          key: 3,
+          disabled: e.disabled,
+          class: v([
+            x,
+            e.danger ? "text-[var(--ui-danger)]" : "text-[var(--ui-text)]"
+          ]),
+          onSelect: (l) => c("select", e.key)
+        }, {
+          default: o(() => [
+            m.value ? (t(), r("span", q)) : u("", !0),
+            h("span", H, i(e.label), 1),
+            e.shortcut ? (t(), r("span", J, i(e.shortcut), 1)) : u("", !0)
+          ]),
+          _: 2
+        }, 1032, ["disabled", "class", "onSelect"]))
+      ], 64))), 128);
+    };
+  }
+});
+export {
+  se as default
+};

package/dist/modules/components/primitives/context-menu/ContextMenuItems2.vue.js

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

package/dist/modules/components/primitives/date-picker/DatePicker.vue.js

@@ -0,0 +1,479 @@
+import { defineComponent as we, useTemplateRef as _e, ref as M, computed as d, reactive as ze, watch as $, onMounted as Te, openBlock as n, createElementBlock as c, mergeProps as H, unref as a, createVNode as l, withCtx as u, normalizeClass as m, createElementVNode as f, toDisplayString as b, Fragment as k, renderList as w, createBlock as P, createTextVNode as L, createCommentVNode as _, withDirectives as O, vModelSelect as j, withKeys as De, withModifiers as Pe, vModelText as Ce } from "vue";
+import { useUiText as Ve } from "../../../i18n/text.js";
+import { useUiLocale as Se } from "../../../i18n/locale.js";
+import { useFormControl as Be } from "../../../composables/formControl.js";
+import { useFloating as Fe, coarsePointer as Me, FLOATING_SIZE_CLASS as He } from "../popover/floating.js";
+import { createReusableTemplate as Le } from "../../../vendor/@vueuse/core/dist/index.js";
+import { usePhoneSurface as Oe, accessibleName as Ne } from "../../../composables/phoneSurface.js";
+import Ae from "../sheet/BottomSheet.vue.js";
+import Ue from "../button/Button.vue.js";
+import { ChevronLeft as Re, ChevronRight as $e, ChevronDown as G, CalendarDays as je, X as Ge } from "@lucide/vue";
+import { parseDate as Ie } from "@internationalized/date";
+import { DatePickerRoot_default as Ee } from "../../../vendor/reka-ui/dist/DatePicker/DatePickerRoot.js";
+import { DatePickerCalendar_default as Ke } from "../../../vendor/reka-ui/dist/DatePicker/DatePickerCalendar.js";
+import { DatePickerCell_default as qe } from "../../../vendor/reka-ui/dist/DatePicker/DatePickerCell.js";
+import { DatePickerCellTrigger_default as Xe } from "../../../vendor/reka-ui/dist/DatePicker/DatePickerCellTrigger.js";
+import { DatePickerContent_default as Ye } from "../../../vendor/reka-ui/dist/DatePicker/DatePickerContent.js";
+import { DatePickerGrid_default as Ze } from "../../../vendor/reka-ui/dist/DatePicker/DatePickerGrid.js";
+import { DatePickerGridBody_default as Je } from "../../../vendor/reka-ui/dist/DatePicker/DatePickerGridBody.js";
+import { DatePickerGridHead_default as Qe } from "../../../vendor/reka-ui/dist/DatePicker/DatePickerGridHead.js";
+import { DatePickerGridRow_default as le } from "../../../vendor/reka-ui/dist/DatePicker/DatePickerGridRow.js";
+import { DatePickerHeadCell_default as We } from "../../../vendor/reka-ui/dist/DatePicker/DatePickerHeadCell.js";
+import { DatePickerHeader_default as et } from "../../../vendor/reka-ui/dist/DatePicker/DatePickerHeader.js";
+import { DatePickerHeading_default as tt } from "../../../vendor/reka-ui/dist/DatePicker/DatePickerHeading.js";
+import { DatePickerNext_default as at } from "../../../vendor/reka-ui/dist/DatePicker/DatePickerNext.js";
+import { DatePickerPrev_default as rt } from "../../../vendor/reka-ui/dist/DatePicker/DatePickerPrev.js";
+import { DatePickerTrigger_default as ot } from "../../../vendor/reka-ui/dist/DatePicker/DatePickerTrigger.js";
+import { parseDateTime as it, formatTimeText as lt, formatDateText as ne, hourOptions as nt, minuteOptions as ut, parseDateText as st, composeDateTime as dt } from "./dateTime.js";
+const ct = ["aria-label"], vt = ["aria-label"], mt = {
+  key: 0,
+  class: "mt-3 border-t border-[var(--ui-border)] pt-3"
+}, ft = ["checked"], pt = {
+  key: 1,
+  class: "flex items-center gap-1"
+}, bt = { class: "relative inline-flex items-center" }, ht = ["aria-label"], xt = ["value"], gt = { class: "relative inline-flex items-center" }, yt = ["aria-label"], kt = ["value"], wt = {
+  key: 0,
+  class: "relative inline-flex items-center"
+}, _t = ["aria-label"], zt = { value: "am" }, Tt = { value: "pm" }, Dt = ["disabled", "readonly", "placeholder", "onKeydown"], Pt = ["disabled"], Ct = ["aria-label"], aa = /* @__PURE__ */ we({
+  inheritAttrs: !1,
+  __name: "DatePicker",
+  props: {
+    text: {},
+    modelValue: {},
+    placeholder: {},
+    locale: {},
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    min: {},
+    max: {},
+    clearable: { type: Boolean, default: !0 },
+    weekStartsOn: { default: 0 },
+    ariaLabel: {},
+    showTime: { type: Boolean, default: !1 },
+    editable: { type: Boolean, default: !1 },
+    allowBlank: { type: Boolean, default: !1 },
+    enableHour24: { type: Boolean, default: !1 },
+    timeOptional: { type: Boolean, default: !0 },
+    defaultTimeChecked: { type: Boolean, default: !1 },
+    dateFormat: { default: "m/d/Y" },
+    timeFormat: {}
+  },
+  emits: ["update:modelValue", "change", "select-date", "invalid"],
+  setup(ue, { emit: se }) {
+    const de = Se(() => {
+    }), N = _e("root"), z = M(!1), C = Oe({ form: !0 }), I = d(() => z.value && C.value === "popover"), E = d(() => z.value && C.value === "sheet"), K = M(""), [ce, q] = Le(), ve = Fe(() => N.value ?? void 0, () => I.value), p = Ve(), e = ue, X = d(() => e.locale ?? de.value), T = se, Y = d(() => it(e.modelValue)), h = d(() => Y.value?.date), x = d(() => e.editable && !e.showTime && C.value !== "sheet"), me = d(
+      () => e.timeFormat ?? (e.enableHour24 ? "HH:mm" : "h:mm a")
+    ), o = ze({ hours: 0, minutes: 0, checked: !1 }), A = d(() => e.timeOptional ? o.checked : !0);
+    $(
+      Y,
+      (t) => {
+        if (t?.hasTime) {
+          o.hours = t.hours, o.minutes = t.minutes, o.checked = !0;
+          return;
+        }
+        o.hours = 0, o.minutes = 0, o.checked = e.timeOptional ? e.defaultTimeChecked : !0;
+      },
+      { immediate: !0 }
+    );
+    function U(t) {
+      if (t)
+        try {
+          return Ie(t);
+        } catch {
+          return;
+        }
+    }
+    const fe = d(() => U(e.min)), pe = d(() => U(e.max));
+    function Z(t, r = A.value) {
+      return !e.showTime || !r ? t : dt(t, o.hours, o.minutes);
+    }
+    function V(t) {
+      ge(t), T("update:modelValue", t), T("change", t);
+    }
+    function J(t) {
+      V(Z(t)), T("select-date", t);
+    }
+    function S() {
+      h.value && V(Z(h.value));
+    }
+    const Q = d({
+      get: () => U(h.value),
+      set: (t) => {
+        t && J(t.toString());
+      }
+    }), W = d({
+      get: () => e.enableHour24 ? o.hours : o.hours % 12 || 12,
+      set: (t) => {
+        e.enableHour24 ? o.hours = t : o.hours = o.hours >= 12 ? t % 12 + 12 : t % 12, S();
+      }
+    }), ee = d({
+      get: () => o.minutes,
+      set: (t) => {
+        o.minutes = t, S();
+      }
+    }), te = d({
+      get: () => o.hours >= 12 ? "pm" : "am",
+      set: (t) => {
+        const r = o.hours % 12;
+        o.hours = t === "pm" ? r + 12 : r, S();
+      }
+    });
+    function be(t) {
+      o.checked = t, S();
+    }
+    const ae = d(() => {
+      const t = h.value;
+      if (!t) return "";
+      const r = new Intl.DateTimeFormat(X.value, {
+        year: "numeric",
+        month: "short",
+        day: "2-digit"
+      }).format(new Date(Number(t.slice(0, 4)), Number(t.slice(5, 7)) - 1, Number(t.slice(8, 10))));
+      return !e.showTime || !A.value ? r : `${r} ${lt(o.hours, o.minutes, me.value)}`;
+    }), g = M(""), y = M(!1);
+    $(
+      [h, () => e.dateFormat, x],
+      () => {
+        x.value && (g.value = h.value ? ne(h.value, e.dateFormat) : "");
+      },
+      { immediate: !0 }
+    );
+    function re() {
+      g.value = h.value ? ne(h.value, e.dateFormat) : "";
+    }
+    function oe() {
+      if (!x.value) return;
+      const t = g.value.trim();
+      if (!t) {
+        if (e.allowBlank) {
+          V(void 0);
+          return;
+        }
+        T("invalid", { reason: "required", text: t }), y.value = !0, re();
+        return;
+      }
+      const r = st(t, e.dateFormat);
+      if (!r) {
+        T("invalid", { reason: "format", text: t }), y.value = !0, re();
+        return;
+      }
+      y.value = !1, J(r);
+    }
+    function he() {
+      o.hours = 0, o.minutes = 0, o.checked = e.defaultTimeChecked, x.value && (g.value = ""), y.value = !1, V(void 0);
+    }
+    Te(() => {
+      e.editable && e.showTime && console.warn("[DatePicker] `editable` and `showTime` cannot be combined; `showTime` wins.");
+    });
+    const { controlAttrs: ie, wrapperAttrs: xe, changed: ge } = Be({ value: () => e.modelValue, disabled: () => e.disabled, ariaLabel: () => e.ariaLabel, invalid: () => y.value }), R = d(() => !!(e.clearable && e.modelValue && !e.disabled && !e.readonly));
+    $(E, (t) => {
+      t && (K.value = Ne(N.value?.querySelector("input, button")) || e.ariaLabel || v.value.placeholder);
+    });
+    const v = d(() => ({ placeholder: p("Select date"), previousMonth: p("Previous month"), nextMonth: p("Next month"), addTime: p("Add time"), hour: p("Hour"), minute: p("Minute"), meridiem: p("Meridiem"), clear: p("Clear date"), am: p("AM"), pm: p("PM"), ...e.text }));
+    return (t, r) => (n(), c("div", H({
+      ref_key: "root",
+      ref: N
+    }, a(xe)(), {
+      class: "relative inline-flex min-w-0 w-full items-center align-top",
+      "data-syno-pkg-land-ui": ""
+    }), [
+      l(a(ce), null, {
+        default: u(({ sheet: i }) => [
+          l(a(Ke), {
+            class: m(i && "mx-auto w-fit"),
+            "calendar-label": e.ariaLabel || v.value.placeholder
+          }, {
+            default: u(({ grid: s, weekDays: ye }) => [
+              l(a(et), {
+                class: m(["relative mb-2 flex items-center justify-between", i ? "h-11" : "h-8 [@media(pointer:coarse)]:h-11"])
+              }, {
+                default: u(() => [
+                  l(a(rt), { "as-child": "" }, {
+                    default: u(() => [
+                      f("button", {
+                        type: "button",
+                        class: m(["flex items-center justify-center rounded-[var(--ui-radius-inner)] text-[var(--ui-text-secondary)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[var(--ui-shadow-focus)]", i ? "size-11" : "size-7 [@media(pointer:coarse)]:size-11"]),
+                        "aria-label": v.value.previousMonth
+                      }, [
+                        l(a(Re), {
+                          class: "size-4",
+                          "aria-hidden": "true"
+                        })
+                      ], 10, ct)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  l(a(tt), null, {
+                    default: u(({ headingValue: D }) => [
+                      f("div", {
+                        class: m(["font-semibold text-[var(--ui-text)]", i ? "text-[length:var(--ui-font-size)]" : "text-[length:var(--ui-font-size-control)]"])
+                      }, b(D), 3)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  l(a(at), { "as-child": "" }, {
+                    default: u(() => [
+                      f("button", {
+                        type: "button",
+                        class: m(["flex items-center justify-center rounded-[var(--ui-radius-inner)] text-[var(--ui-text-secondary)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[var(--ui-shadow-focus)]", i ? "size-11" : "size-7 [@media(pointer:coarse)]:size-11"]),
+                        "aria-label": v.value.nextMonth
+                      }, [
+                        l(a($e), {
+                          class: "size-4",
+                          "aria-hidden": "true"
+                        })
+                      ], 10, vt)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1032, ["class"]),
+              (n(!0), c(k, null, w(s, (D) => (n(), P(a(Ze), {
+                key: D.value.toString(),
+                class: "border-collapse"
+              }, {
+                default: u(() => [
+                  l(a(Qe), null, {
+                    default: u(() => [
+                      l(a(le), null, {
+                        default: u(() => [
+                          (n(!0), c(k, null, w(ye, (B) => (n(), P(a(We), {
+                            key: B,
+                            class: m(["text-center font-medium text-[var(--ui-text-muted)]", i ? "h-9 w-12 text-[length:var(--ui-font-size-control)]" : "h-7 w-8 text-[length:var(--ui-font-size-sm)] [@media(pointer:coarse)]:w-12"])
+                          }, {
+                            default: u(() => [
+                              L(b(B), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["class"]))), 128))
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  l(a(Je), null, {
+                    default: u(() => [
+                      (n(!0), c(k, null, w(D.rows, (B, ke) => (n(), P(a(le), { key: ke }, {
+                        default: u(() => [
+                          (n(!0), c(k, null, w(B, (F) => (n(), P(a(qe), {
+                            key: F.toString(),
+                            date: F,
+                            class: "p-0.5"
+                          }, {
+                            default: u(() => [
+                              l(a(Xe), {
+                                day: F,
+                                month: D.value,
+                                class: m(["flex items-center justify-center rounded-[var(--ui-radius-inner)] text-[var(--ui-text)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[var(--ui-shadow-focus)] data-[outside-view]:text-[var(--ui-text-disabled)] data-[selected]:bg-[var(--ui-primary)] data-[selected]:font-semibold data-[selected]:text-[var(--ui-primary-foreground)] data-[today]:ring-1 data-[today]:ring-inset data-[today]:ring-[var(--ui-primary)] data-[disabled]:pointer-events-none data-[disabled]:opacity-35 data-[unavailable]:line-through", i ? "size-11 text-[length:var(--ui-font-size-field)]" : "size-8 text-[length:var(--ui-font-size-sm)] [@media(pointer:coarse)]:size-11"])
+                              }, {
+                                default: u(() => [
+                                  L(b(F.day), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["day", "month", "class"])
+                            ]),
+                            _: 2
+                          }, 1032, ["date"]))), 128))
+                        ]),
+                        _: 2
+                      }, 1024))), 128))
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ]),
+            _: 2
+          }, 1032, ["class", "calendar-label"]),
+          e.showTime ? (n(), c("div", mt, [
+            e.timeOptional ? (n(), c("label", {
+              key: 0,
+              class: m(["mb-2 flex items-center gap-2 text-[var(--ui-text-secondary)]", i ? "min-h-11 text-[length:var(--ui-font-size)]" : "text-[length:var(--ui-font-size-sm)]"])
+            }, [
+              f("input", {
+                type: "checkbox",
+                checked: o.checked,
+                class: m(["accent-[var(--ui-primary)]", i ? "size-5" : "size-3.5"]),
+                onChange: r[0] || (r[0] = (s) => be(s.target.checked))
+              }, null, 42, ft),
+              L(" " + b(v.value.addTime), 1)
+            ], 2)) : _("", !0),
+            A.value ? (n(), c("div", pt, [
+              f("span", bt, [
+                O(f("select", {
+                  "onUpdate:modelValue": r[1] || (r[1] = (s) => W.value = s),
+                  "aria-label": v.value.hour,
+                  class: m(["appearance-none rounded-[var(--ui-radius-inner)] border border-[var(--ui-border)] bg-[var(--ui-surface)] pl-2 pr-6 text-[var(--ui-text)] outline-none focus-visible:border-[var(--ui-primary)]", i ? "h-11 text-[length:var(--ui-font-size-field)]" : "h-7 text-[length:var(--ui-font-size-control)]"])
+                }, [
+                  (n(!0), c(k, null, w(a(nt)(e.enableHour24), (s) => (n(), c("option", {
+                    key: s,
+                    value: s
+                  }, b(String(s).padStart(2, "0")), 9, xt))), 128))
+                ], 10, ht), [
+                  [
+                    j,
+                    W.value,
+                    void 0,
+                    { number: !0 }
+                  ]
+                ]),
+                l(a(G), {
+                  class: "pointer-events-none absolute right-2 size-3.5 text-[var(--ui-text-muted)]",
+                  "aria-hidden": "true"
+                })
+              ]),
+              r[11] || (r[11] = f("span", { class: "text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-secondary)]" }, ":", -1)),
+              f("span", gt, [
+                O(f("select", {
+                  "onUpdate:modelValue": r[2] || (r[2] = (s) => ee.value = s),
+                  "aria-label": v.value.minute,
+                  class: m(["appearance-none rounded-[var(--ui-radius-inner)] border border-[var(--ui-border)] bg-[var(--ui-surface)] pl-2 pr-6 text-[var(--ui-text)] outline-none focus-visible:border-[var(--ui-primary)]", i ? "h-11 text-[length:var(--ui-font-size-field)]" : "h-7 text-[length:var(--ui-font-size-control)]"])
+                }, [
+                  (n(!0), c(k, null, w(a(ut)(), (s) => (n(), c("option", {
+                    key: s,
+                    value: s
+                  }, b(String(s).padStart(2, "0")), 9, kt))), 128))
+                ], 10, yt), [
+                  [
+                    j,
+                    ee.value,
+                    void 0,
+                    { number: !0 }
+                  ]
+                ]),
+                l(a(G), {
+                  class: "pointer-events-none absolute right-2 size-3.5 text-[var(--ui-text-muted)]",
+                  "aria-hidden": "true"
+                })
+              ]),
+              e.enableHour24 ? _("", !0) : (n(), c("span", wt, [
+                O(f("select", {
+                  "onUpdate:modelValue": r[3] || (r[3] = (s) => te.value = s),
+                  "aria-label": v.value.meridiem,
+                  class: m(["appearance-none rounded-[var(--ui-radius-inner)] border border-[var(--ui-border)] bg-[var(--ui-surface)] pl-2 pr-6 text-[var(--ui-text)] outline-none focus-visible:border-[var(--ui-primary)]", i ? "h-11 text-[length:var(--ui-font-size-field)]" : "h-7 text-[length:var(--ui-font-size-control)]"])
+                }, [
+                  f("option", zt, b(v.value.am), 1),
+                  f("option", Tt, b(v.value.pm), 1)
+                ], 10, _t), [
+                  [j, te.value]
+                ]),
+                l(a(G), {
+                  class: "pointer-events-none absolute right-2 size-3.5 text-[var(--ui-text-muted)]",
+                  "aria-hidden": "true"
+                })
+              ]))
+            ])) : _("", !0)
+          ])) : _("", !0)
+        ]),
+        _: 1
+      }),
+      l(a(Ee), {
+        open: I.value,
+        modelValue: Q.value,
+        "onUpdate:modelValue": r[9] || (r[9] = (i) => Q.value = i),
+        locale: X.value,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        "min-value": fe.value,
+        "max-value": pe.value,
+        "week-starts-on": e.weekStartsOn,
+        "close-on-select": !e.showTime,
+        "fixed-weeks": !0,
+        "onUpdate:open": r[10] || (r[10] = (i) => z.value = i)
+      }, {
+        default: u(() => [
+          l(a(ot), { "as-child": "" }, {
+            default: u(() => [
+              x.value ? O((n(), c("input", H({
+                key: 0,
+                "onUpdate:modelValue": r[4] || (r[4] = (i) => g.value = i),
+                type: "text",
+                disabled: e.disabled,
+                readonly: e.readonly
+              }, a(ie)(), {
+                placeholder: e.placeholder ?? v.value.placeholder,
+                class: ["flex h-[var(--ui-control-md)] min-w-0 w-full flex-1 rounded-[var(--ui-radius-control)] border border-[var(--ui-border)] bg-[var(--ui-surface)] px-3 text-left text-[length:var(--ui-font-size-control)] text-[var(--ui-text)] outline-none transition-[border-color,box-shadow,background-color] placeholder:text-[var(--ui-text-muted)] enabled:hover:not-focus-visible:border-[var(--ui-control-border-hover)] aria-[invalid=true]:border-[var(--ui-danger)] aria-[invalid=true]:enabled:hover:not-focus-visible:border-[var(--ui-danger)] focus-visible:border-[var(--ui-primary)] focus-visible:shadow-[var(--ui-shadow-focus-field)] disabled:cursor-default disabled:bg-[var(--ui-surface-subtle)] disabled:text-[var(--ui-text-disabled)]", R.value && "pr-8 [@media(pointer:coarse)]:pr-[var(--ui-hit-min)]"],
+                onInput: r[5] || (r[5] = (i) => y.value = !1),
+                onBlur: oe,
+                onKeydown: De(Pe(oe, ["prevent"]), ["enter"])
+              }), null, 16, Dt)), [
+                [Ce, g.value]
+              ]) : (n(), c("button", H({
+                key: 1,
+                type: "button",
+                disabled: e.disabled
+              }, a(ie)(), {
+                class: ["flex h-[var(--ui-control-md)] min-w-0 w-full flex-1 items-center gap-2 rounded-[var(--ui-radius-control)] border border-[var(--ui-border)] bg-[var(--ui-surface)] px-3 text-left text-[length:var(--ui-font-size-control)] outline-none transition-[border-color,box-shadow,background-color] enabled:hover:not-focus-visible:border-[var(--ui-control-border-hover)] aria-[invalid=true]:border-[var(--ui-danger)] aria-[invalid=true]:enabled:hover:not-focus-visible:border-[var(--ui-danger)] focus-visible:border-[var(--ui-primary)] focus-visible:shadow-[var(--ui-shadow-focus-field)] disabled:cursor-default disabled:bg-[var(--ui-surface-subtle)] disabled:text-[var(--ui-text-disabled)]", R.value && "pr-8 [@media(pointer:coarse)]:pr-[var(--ui-hit-min)]"]
+              }), [
+                l(a(je), {
+                  class: "size-4 shrink-0 text-[var(--ui-text-muted)]",
+                  "aria-hidden": "true"
+                }),
+                f("span", {
+                  class: m(["min-w-0 flex-1 truncate", ae.value ? "text-[var(--ui-text)]" : "text-[var(--ui-text-muted)]"])
+                }, b(ae.value || (e.placeholder ?? v.value.placeholder)), 3)
+              ], 16, Pt))
+            ]),
+            _: 1
+          }),
+          l(a(Ye), H({ "side-offset": 4 }, a(ve), {
+            align: "start",
+            class: ["z-[1450] overflow-auto rounded-[var(--ui-radius-popover)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-3 shadow-[var(--ui-shadow-menu)] outline-none", a(He)],
+            "data-ui-popover": "",
+            "data-ui-popup": "",
+            "data-syno-pkg-land-ui": "",
+            onOpenAutoFocus: r[6] || (r[6] = (i) => (x.value || a(Me)()) && i.preventDefault())
+          }), {
+            default: u(() => [
+              l(a(q), { sheet: !1 })
+            ]),
+            _: 1
+          }, 16, ["class"]),
+          a(C) === "sheet" ? (n(), P(Ae, {
+            key: 0,
+            open: E.value,
+            title: K.value,
+            "data-ui-date-picker-sheet": "",
+            "onUpdate:open": r[8] || (r[8] = (i) => z.value = i)
+          }, {
+            footer: u(() => [
+              l(Ue, {
+                variant: "primary",
+                "data-ui-date-picker-done": "",
+                onClick: r[7] || (r[7] = (i) => z.value = !1)
+              }, {
+                default: u(() => [
+                  L(b(a(p)("Done")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            default: u(() => [
+              l(a(q), { sheet: !0 })
+            ]),
+            _: 1
+          }, 8, ["open", "title"])) : _("", !0)
+        ]),
+        _: 1
+      }, 8, ["open", "modelValue", "locale", "disabled", "readonly", "min-value", "max-value", "week-starts-on", "close-on-select"]),
+      R.value ? (n(), c("button", {
+        key: 0,
+        type: "button",
+        class: "absolute right-1 top-1/2 flex size-6 -translate-y-1/2 [@media(pointer:coarse)]:right-0 [@media(pointer:coarse)]:size-[var(--ui-hit-min)] items-center justify-center rounded-[var(--ui-radius-inner)] text-[var(--ui-text-muted)] outline-none hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[var(--ui-shadow-focus)]",
+        "aria-label": v.value.clear,
+        onClick: he
+      }, [
+        l(a(Ge), {
+          class: "size-3.5",
+          "aria-hidden": "true"
+        })
+      ], 8, Ct)) : _("", !0)
+    ], 16));
+  }
+});
+export {
+  aa as default
+};

package/dist/modules/components/primitives/date-picker/DatePicker2.vue.js

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