@synopackageland/ui 0.25.21 → 0.25.22

package/dist/modules/components/primitives/checkbox/Checkbox.vue.js

@@ -0,0 +1,75 @@
+import { defineComponent as z, useId as C, computed as u, openBlock as t, createElementBlock as i, mergeProps as m, unref as a, createVNode as b, withCtx as v, createBlock as p, normalizeClass as h, toDisplayString as f, createCommentVNode as d } from "vue";
+import { useGroupDisabled as V } from "../../../composables/formGroup.js";
+import { useFormControl as B } from "../../../composables/formControl.js";
+import { Minus as I, Check as q } from "@lucide/vue";
+import { CheckboxRoot_default as A } from "../../../vendor/reka-ui/dist/Checkbox/CheckboxRoot.js";
+import { CheckboxIndicator_default as D } from "../../../vendor/reka-ui/dist/Checkbox/CheckboxIndicator.js";
+const j = ["for"], N = {
+  key: 0,
+  class: "block leading-[var(--ui-line-height)]"
+}, T = /* @__PURE__ */ z({
+  inheritAttrs: !1,
+  __name: "Checkbox",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    label: {},
+    description: {},
+    indeterminate: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(k, { emit: x }) {
+    const e = k, r = V(() => e.disabled), y = x, { controlAttrs: o, wrapperAttrs: g, changed: _ } = B({ value: () => e.modelValue, disabled: () => r.value }), w = C(), s = u(() => o().id ?? w), n = u(() => !!(e.label || e.description));
+    return (E, l) => (t(), i("span", m(a(g)(), {
+      class: ["inline-flex max-w-full items-start gap-[var(--ui-choice-box-gap)] align-top [@media(pointer:coarse)]:min-h-8 text-[length:var(--ui-font-size-control)] text-[var(--ui-text)]", [a(r) ? "cursor-default" : "cursor-pointer", !e.description && "[@media(pointer:coarse)]:items-center"]],
+      "data-ui-checkbox": "",
+      "data-syno-pkg-land-ui": ""
+    }), [
+      b(a(A), m({
+        required: a(o)()["aria-required"] === !0
+      }, a(o)(), {
+        id: s.value,
+        "model-value": e.indeterminate ? "indeterminate" : e.modelValue,
+        disabled: a(r),
+        class: [n.value && "mt-[var(--ui-choice-box-offset)]", "flex size-[var(--ui-choice-box-size)] shrink-0 items-center justify-center rounded-[var(--ui-radius-inner)] border border-[var(--ui-border-strong)] aria-[invalid=true]:border-[var(--ui-danger)] bg-[var(--ui-surface)] text-[var(--ui-primary-foreground)] outline-none transition-[border-color,background-color,box-shadow] duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] data-[state=checked]:border-[var(--ui-primary)] data-[state=checked]:bg-[var(--ui-primary)] data-[state=indeterminate]:border-[var(--ui-primary)] data-[state=indeterminate]:bg-[var(--ui-primary)] data-[disabled]:data-[state=indeterminate]:opacity-50 data-[state=indeterminate]:enabled:hover:bg-[var(--ui-primary-hover)] data-[state=indeterminate]:enabled:hover:border-[var(--ui-primary-hover)] focus-visible:shadow-[var(--ui-shadow-focus)] disabled:bg-[var(--ui-surface-subtle)] data-[disabled]:data-[state=checked]:opacity-50 data-[state=unchecked]:enabled:hover:border-[var(--ui-control-border-hover)] data-[state=unchecked]:enabled:active:bg-[var(--ui-control-bg-active)] data-[state=checked]:enabled:hover:bg-[var(--ui-primary-hover)] data-[state=checked]:enabled:hover:border-[var(--ui-primary-hover)] data-[state=checked]:enabled:active:bg-[var(--ui-primary-active)] data-[state=checked]:enabled:active:border-[var(--ui-primary-active)]"],
+        "onUpdate:modelValue": l[0] || (l[0] = (c) => {
+          a(_)(c), y("update:modelValue", c === !0);
+        })
+      }), {
+        default: v(() => [
+          b(a(D), { class: "flex items-center justify-center" }, {
+            default: v(() => [
+              e.indeterminate ? (t(), p(a(I), {
+                key: 0,
+                "data-ui-checkbox-dash": "",
+                class: "size-[calc(var(--ui-choice-box-size)*0.75)] stroke-[2.5]",
+                "aria-hidden": "true"
+              })) : (t(), p(a(q), {
+                key: 1,
+                class: "size-[calc(var(--ui-choice-box-size)*0.75)] stroke-[2.5]",
+                "aria-hidden": "true"
+              }))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 16, ["required", "id", "model-value", "disabled", "class"]),
+      n.value ? (t(), i("label", {
+        key: 0,
+        for: s.value,
+        class: h(["ui-checkbox-text min-w-0 break-words font-normal [overflow-wrap:anywhere]", a(r) ? "cursor-default text-[var(--ui-text-disabled)]" : "cursor-pointer"])
+      }, [
+        e.label ? (t(), i("span", N, f(e.label), 1)) : d("", !0),
+        e.description ? (t(), i("span", {
+          key: 1,
+          "data-ui-checkbox-description": "",
+          class: h(["mt-0.5 block text-[length:var(--ui-font-size-sm)] leading-4", a(r) ? "text-[var(--ui-text-disabled)]" : "text-[var(--ui-text-secondary)]"])
+        }, f(e.description), 3)) : d("", !0)
+      ], 10, j)) : d("", !0)
+    ], 16));
+  }
+});
+export {
+  T as default
+};

package/dist/modules/components/primitives/checkbox/Checkbox2.vue.js

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

package/dist/modules/components/primitives/checkbox/CheckboxGroup.vue.js

@@ -0,0 +1,41 @@
+import { defineComponent as g, openBlock as o, createElementBlock as u, mergeProps as V, unref as r, Fragment as _, renderList as k, createBlock as h } from "vue";
+import { useGroupDisabled as x } from "../../../composables/formGroup.js";
+import { useFormControl as y } from "../../../composables/formControl.js";
+import B from "./Checkbox.vue.js";
+const F = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "CheckboxGroup",
+  props: {
+    modelValue: { default: () => [] },
+    options: {},
+    orientation: { default: "vertical" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(n, { emit: m }) {
+    const l = n, s = x(() => l.disabled), c = m, { controlAttrs: p, wrapperAttrs: f, changed: b } = y({ value: () => l.modelValue, disabled: () => s.value });
+    function v(d, i) {
+      const e = l.options.map((a) => a.value), t = [
+        ...e.filter((a) => a === d ? i : l.modelValue.includes(a)),
+        ...l.modelValue.filter((a) => !e.includes(a))
+      ];
+      b(t), c("update:modelValue", t);
+    }
+    return (d, i) => (o(), u("div", V({ role: "group" }, { ...r(f)(), ...r(p)() }, {
+      class: l.orientation === "horizontal" ? "flex flex-wrap gap-y-3" : "grid justify-items-start gap-[var(--ui-choice-stack-gap)]",
+      "data-syno-pkg-land-ui": ""
+    }), [
+      (o(!0), u(_, null, k(l.options, (e) => (o(), h(B, {
+        key: e.value,
+        "model-value": l.modelValue.includes(e.value),
+        label: e.label,
+        description: e.description,
+        disabled: r(s) || e.disabled,
+        "onUpdate:modelValue": (t) => v(e.value, t)
+      }, null, 8, ["model-value", "label", "description", "disabled", "onUpdate:modelValue"]))), 128))
+    ], 16));
+  }
+});
+export {
+  F as default
+};

package/dist/modules/components/primitives/checkbox/CheckboxGroup2.vue.js

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

package/dist/modules/components/primitives/color-picker/ColorPicker.vue.js

@@ -0,0 +1,292 @@
+import { defineComponent as xe, useId as ye, ref as P, computed as s, watch as ke, openBlock as u, createElementBlock as d, Fragment as $, createVNode as m, unref as a, withCtx as f, renderSlot as F, createCommentVNode as g, renderList as Y, normalizeClass as C, createElementVNode as b, normalizeStyle as D, toDisplayString as ee, mergeProps as oe, createBlock as we, nextTick as Ce } from "vue";
+import { useUiText as _e, useLocalizedDefaults as Le } from "../../../i18n/text.js";
+import { useFormControl as Se } from "../../../composables/formControl.js";
+import { ChevronDown as Oe } from "@lucide/vue";
+import { colorToHex as te, colorToString as re } from "../../../vendor/reka-ui/dist/color/convert.js";
+import { parseColor as ze } from "../../../vendor/reka-ui/dist/color/parse.js";
+import { PopoverRoot_default as Ae } from "../../../vendor/reka-ui/dist/Popover/PopoverRoot.js";
+import { PopoverContent_default as Pe } from "../../../vendor/reka-ui/dist/Popover/PopoverContent.js";
+import { PopoverPortal_default as $e } from "../../../vendor/reka-ui/dist/Popover/PopoverPortal.js";
+import { PopoverTrigger_default as Fe } from "../../../vendor/reka-ui/dist/Popover/PopoverTrigger.js";
+import { cn as ae } from "../../../lib/cn.js";
+import { useFloating as De, FLOATING_SIZE_CLASS as Te, coarsePointer as Ee } from "../popover/floating.js";
+import { DEFAULT_COMMON_COLORS as Ie, DEFAULT_OPTIONS as Ue } from "./palette.js";
+import { createReusableTemplate as Be } from "../../../vendor/@vueuse/core/dist/index.js";
+import { usePhoneSurface as Me } from "../../../composables/phoneSurface.js";
+import Ne from "../sheet/BottomSheet.vue.js";
+const Re = {
+  key: 0,
+  class: "mb-2"
+}, Ve = ["aria-label"], je = ["id", "aria-selected", "aria-label", "aria-posinset", "aria-setsize", "tabindex", "onFocus", "onClick"], He = { class: "mt-2 flex items-center justify-between gap-2 border-t border-[var(--ui-border-subtle)] pt-2" }, Ke = {
+  key: 1,
+  class: "mt-2"
+}, Ge = {
+  key: 2,
+  class: "mt-2"
+}, Ze = ["aria-expanded", "aria-controls", "aria-label", "name", "disabled"], le = 10, qe = "conic-gradient(var(--ui-checkerboard) 0 25%, var(--ui-surface) 0 50%, var(--ui-checkerboard) 0 75%, var(--ui-surface) 0)", mo = /* @__PURE__ */ xe({
+  inheritAttrs: !1,
+  __name: "ColorPicker",
+  props: {
+    text: {},
+    modelValue: { default: "" },
+    colorFormat: { default: "hex" },
+    alpha: { default: 1 },
+    options: { default: () => Ue },
+    commonOptions: { default: () => Ie },
+    customOptions: { default: () => [] },
+    hasCustom: { type: Boolean, default: !0 },
+    filterSameColor: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    ariaLabel: { default: "" },
+    name: {},
+    resetLabel: {},
+    customLabel: {}
+  },
+  emits: ["update:modelValue", "showcustom"],
+  setup(se, { expose: ie, emit: ne }) {
+    const x = _e(), r = Le(se, { resetLabel: "Reset", customLabel: "Custom" }), T = ne;
+    function E(e) {
+      return Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 1;
+    }
+    function _(e) {
+      const o = e?.trim();
+      if (o)
+        try {
+          return ze(o.replace(/^hsv\(/i, "hsb("));
+        } catch {
+          return;
+        }
+    }
+    function I(e, o) {
+      const t = re(e, o === "hsv" ? "hsb" : o);
+      return o === "hex" ? t.toUpperCase() : o === "hsv" ? t.replace(/^hsb\(/i, "hsv(") : t;
+    }
+    function U(e) {
+      const o = _(e);
+      return o ? te(o).toUpperCase() : void 0;
+    }
+    const B = ye(), n = P(!1), c = P(0), L = `${B}-palette`, M = (e) => `${B}-swatch-${e}`, p = s(() => _(r.modelValue)), y = s(() => p.value ? te(p.value).toUpperCase() : ""), N = s(() => p.value ? E((p.value.alpha ?? 1) * r.alpha) : E(r.alpha)), ue = s(
+      () => p.value ? re({ ...p.value, alpha: N.value }, "rgb") : "transparent"
+    ), S = s(() => [r.ariaLabel, y.value].filter(Boolean).join(", ") || w.value.choose);
+    function O(e) {
+      return { value: e, hex: U(e) };
+    }
+    const R = s(() => r.commonOptions.map(O)), V = s(() => r.options.map(O)), j = s(() => {
+      const e = r.customOptions.map(O);
+      if (!r.filterSameColor) return e;
+      const o = new Set(
+        [...r.options, ...r.commonOptions].map(U).filter((t) => t !== void 0)
+      );
+      return e.filter((t) => !t.hex || !o.has(t.hex));
+    }), k = s(() => [...R.value, ...V.value, ...j.value]), ce = s(() => {
+      const e = [
+        { key: "common", label: w.value.common, items: R.value },
+        { key: "palette", label: w.value.palette, items: V.value },
+        { key: "custom", label: w.value.custom, items: j.value }
+      ];
+      let o = 0;
+      return e.filter((t) => t.items.length).map((t) => {
+        const l = { ...t, offset: o };
+        return o += t.items.length, l;
+      });
+    });
+    function z(e) {
+      const o = _(e);
+      pe(o ? I(o, r.colorFormat) : e), T("update:modelValue", o ? I(o, r.colorFormat) : e), n.value = !1;
+    }
+    function H() {
+      const e = r.commonOptions[0] ?? r.options[0];
+      e && z(e);
+    }
+    function K() {
+      n.value = !1, T("showcustom");
+    }
+    function de() {
+      n.value = !1;
+    }
+    function G(e) {
+      Ce(() => document.getElementById(M(e))?.focus());
+    }
+    function ve() {
+      if (r.disabled || n.value) return;
+      const e = k.value.findIndex((o) => o.hex !== void 0 && o.hex === y.value);
+      c.value = e < 0 ? 0 : e;
+    }
+    function Z(e) {
+      e.preventDefault(), Ee() || G(c.value);
+    }
+    function q(e) {
+      if (e.target?.getAttribute("role") !== "option") return;
+      const t = k.value.length;
+      if (!t) return;
+      const l = { ArrowRight: 1, ArrowLeft: -1, ArrowDown: le, ArrowUp: -le }[e.key];
+      let v;
+      if (l !== void 0 ? v = Math.min(t - 1, Math.max(0, c.value + l)) : e.key === "Home" ? v = 0 : e.key === "End" && (v = t - 1), v !== void 0) {
+        e.preventDefault(), c.value = v, G(v);
+        return;
+      }
+      if (e.key === "Enter" || e.key === " ") {
+        const i = k.value[c.value];
+        if (!i) return;
+        e.preventDefault(), z(i.value);
+      }
+    }
+    ke(n, (e) => {
+      e && (c.value = Math.min(c.value, Math.max(0, k.value.length - 1)));
+    }), ie({ reset: H, showCustom: K, closeDropdown: de });
+    const { controlAttrs: J, wrapperAttrs: me, changed: pe } = Se({ value: () => r.modelValue, disabled: () => r.disabled, ariaLabel: () => r.ariaLabel }), Q = P(null), A = Me({ list: !0 }), W = s(() => n.value && A.value === "popover"), fe = s(() => n.value && A.value === "sheet"), [be, X] = Be(), he = De(() => Q.value?.$el, () => W.value), w = s(() => ({ choose: x("Color"), common: x("Common colors"), palette: x("Palette"), custom: x("Custom colors"), ...r.text }));
+    return (e, o) => (u(), d($, null, [
+      m(a(be), null, {
+        default: f(({ sheet: t }) => [
+          e.$slots["top-custom"] ? (u(), d("div", Re, [
+            F(e.$slots, "top-custom")
+          ])) : g("", !0),
+          (u(!0), d($, null, Y(ce.value, (l, v) => (u(), d("div", {
+            key: l.key,
+            role: "listbox",
+            "aria-label": l.label,
+            class: C(
+              a(ae)(
+                "grid grid-cols-10 justify-items-center",
+                t && "gap-y-1",
+                v > 0 && "mt-2 border-t border-[var(--ui-border-subtle)] pt-2"
+              )
+            )
+          }, [
+            (u(!0), d($, null, Y(l.items, (i, h) => (u(), d("button", {
+              id: M(l.offset + h),
+              key: `${l.key}-${i.value}-${h}`,
+              type: "button",
+              role: "option",
+              "aria-selected": i.hex !== void 0 && i.hex === y.value,
+              "aria-label": i.hex ?? i.value,
+              "aria-posinset": h + 1,
+              "aria-setsize": l.items.length,
+              tabindex: l.offset + h === c.value ? 0 : -1,
+              class: C(
+                a(ae)(
+                  "flex items-center justify-center rounded-[var(--ui-radius-inner)] border p-0.5 outline-none hover:border-[var(--ui-border-strong)] focus-visible:border-[var(--ui-primary)] focus-visible:shadow-[var(--ui-shadow-focus)]",
+                  t ? "size-8" : "size-6",
+                  i.hex !== void 0 && i.hex === y.value ? "border-[var(--ui-primary)]" : "border-transparent"
+                )
+              ),
+              onFocus: (ge) => c.value = l.offset + h,
+              onClick: (ge) => z(i.value)
+            }, [
+              b("span", {
+                class: "block size-full rounded-[var(--ui-radius-inner)] border border-[var(--ui-border-strong)]",
+                style: D({ backgroundColor: i.value })
+              }, null, 4)
+            ], 42, je))), 128))
+          ], 10, Ve))), 128)),
+          b("div", He, [
+            b("button", {
+              type: "button",
+              class: C([t ? "h-11 text-[length:var(--ui-font-size)]" : "h-7 text-[length:var(--ui-font-size-control)]", "flex items-center rounded-[var(--ui-radius-inner)] px-2 text-[var(--ui-text)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[var(--ui-shadow-focus)]"]),
+              onClick: H
+            }, ee(a(r).resetLabel), 3),
+            a(r).hasCustom ? (u(), d("button", {
+              key: 0,
+              type: "button",
+              class: C([t ? "h-11 text-[length:var(--ui-font-size)]" : "h-7 text-[length:var(--ui-font-size-control)]", "flex items-center rounded-[var(--ui-radius-inner)] px-2 text-[var(--ui-primary)] outline-none hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[var(--ui-shadow-focus)]"]),
+              onClick: K
+            }, ee(a(r).customLabel), 3)) : g("", !0)
+          ]),
+          e.$slots["bottom-custom"] ? (u(), d("div", Ke, [
+            F(e.$slots, "bottom-custom")
+          ])) : g("", !0),
+          e.$slots.bottom ? (u(), d("div", Ge, [
+            F(e.$slots, "bottom")
+          ])) : g("", !0)
+        ]),
+        _: 3
+      }),
+      m(a(Ae), {
+        open: W.value,
+        modal: !0,
+        "onUpdate:open": o[1] || (o[1] = (t) => n.value = t)
+      }, {
+        default: f(() => [
+          m(a(Fe), {
+            ref_key: "trigger",
+            ref: Q,
+            "as-child": ""
+          }, {
+            default: f(() => [
+              b("button", oe({ ...a(me)(), ...a(J)() }, {
+                type: "button",
+                role: "combobox",
+                "aria-haspopup": "dialog",
+                "aria-expanded": n.value,
+                "aria-controls": n.value ? L : void 0,
+                "aria-label": a(r).ariaLabel ? S.value : a(J)()["aria-labelledby"] ? void 0 : S.value,
+                name: a(r).name,
+                disabled: a(r).disabled,
+                class: "inline-flex h-[var(--ui-control-md)] items-center gap-1 rounded-[var(--ui-radius-control)] border border-[var(--ui-border)] bg-[var(--ui-surface)] px-2 outline-none transition-[border-color,box-shadow,background-color] duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] hover:bg-[var(--ui-surface-hover)] active:bg-[var(--ui-control-bg-active)] focus-visible:border-[var(--ui-primary)] focus-visible:shadow-[var(--ui-shadow-focus)] disabled:cursor-default disabled:opacity-40",
+                "data-syno-pkg-land-ui": "",
+                onClick: ve
+              }), [
+                b("span", {
+                  class: "relative block size-4 shrink-0 overflow-hidden rounded-[var(--ui-radius-inner)] border border-[var(--ui-border)]",
+                  style: D(N.value < 1 ? { backgroundImage: qe, backgroundSize: "var(--ui-space-2) var(--ui-space-2)" } : void 0),
+                  "data-testid": "color-picker-preview"
+                }, [
+                  b("span", {
+                    class: "absolute inset-0",
+                    style: D({ backgroundColor: ue.value })
+                  }, null, 4)
+                ], 4),
+                m(a(Oe), {
+                  class: "size-3 text-[var(--ui-text-muted)]",
+                  "aria-hidden": "true"
+                })
+              ], 16, Ze)
+            ]),
+            _: 1
+          }, 512),
+          m(a($e), null, {
+            default: f(() => [
+              m(a(Pe), oe({
+                "data-ui-popup": "",
+                id: L,
+                "aria-modal": "true",
+                "side-offset": 4,
+                align: "start"
+              }, a(he), {
+                class: ["z-[1450] w-[270px] overflow-y-auto rounded-[var(--ui-radius-popover)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] p-2 shadow-[var(--ui-shadow-menu)] outline-none", a(Te)],
+                "data-syno-pkg-land-ui": "",
+                onOpenAutoFocus: Z,
+                onKeydown: q
+              }), {
+                default: f(() => [
+                  m(a(X), { sheet: !1 })
+                ]),
+                _: 1
+              }, 16, ["class"])
+            ]),
+            _: 1
+          }),
+          a(A) === "sheet" ? (u(), we(Ne, {
+            key: 0,
+            id: L,
+            open: fe.value,
+            title: S.value,
+            "data-ui-color-picker-sheet": "",
+            "onUpdate:open": o[0] || (o[0] = (t) => n.value = t),
+            onOpenAutoFocus: Z,
+            onKeydown: q
+          }, {
+            default: f(() => [
+              m(a(X), { sheet: !0 })
+            ]),
+            _: 1
+          }, 8, ["open", "title"])) : g("", !0)
+        ]),
+        _: 1
+      }, 8, ["open"])
+    ], 64));
+  }
+});
+export {
+  mo as default
+};

package/dist/modules/components/primitives/color-picker/ColorPicker2.vue.js

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

package/dist/modules/components/primitives/color-picker/palette.js

@@ -0,0 +1,57 @@
+const F = [
+  "#000000",
+  "#FFFFFF",
+  "#6B7280",
+  "#EF4444",
+  "#F97316",
+  "#EAB308",
+  "#22C55E",
+  "#14B8A6",
+  "#3B82F6",
+  "#8B5CF6"
+], E = [
+  "#FEE2E2",
+  "#FFEDD5",
+  "#FEF3C7",
+  "#ECFCCB",
+  "#D1FAE5",
+  "#CCFBF1",
+  "#E0F2FE",
+  "#DBEAFE",
+  "#EDE9FE",
+  "#FCE7F3",
+  "#F87171",
+  "#FB923C",
+  "#FBBF24",
+  "#A3E635",
+  "#34D399",
+  "#2DD4BF",
+  "#38BDF8",
+  "#60A5FA",
+  "#A78BFA",
+  "#F472B6",
+  "#B91C1C",
+  "#C2410C",
+  "#B45309",
+  "#4D7C0F",
+  "#047857",
+  "#0F766E",
+  "#0369A1",
+  "#1D4ED8",
+  "#6D28D9",
+  "#BE185D",
+  "#F3F4F6",
+  "#D1D5DB",
+  "#9CA3AF",
+  "#6B7280",
+  "#4B5563",
+  "#374151",
+  "#1F2937",
+  "#111827",
+  "#0F172A",
+  "#334155"
+];
+export {
+  F as DEFAULT_COMMON_COLORS,
+  E as DEFAULT_OPTIONS
+};

package/dist/modules/components/primitives/combobox/Combobox.vue.js

@@ -0,0 +1,51 @@
+import { defineComponent as p, openBlock as i, createBlock as u, mergeProps as s } from "vue";
+import m from "../select/internal/ComboboxField.vue.js";
+const y = /* @__PURE__ */ p({
+  __name: "Combobox",
+  props: {
+    options: {},
+    search: { type: [Boolean, Function], default: !0 },
+    minSearchChar: {},
+    caseSensitive: { type: Boolean },
+    allowCreate: { type: [Boolean, Object] },
+    editable: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean },
+    clearable: { type: Boolean },
+    placeholder: {},
+    loading: { type: Boolean },
+    loadingText: {},
+    notFoundText: {},
+    createHintText: {},
+    displayLimit: { type: [Number, Boolean] },
+    ariaLabel: {},
+    ariaLabelledby: {},
+    openLabel: {},
+    clearLabel: {},
+    removeTagLabel: {},
+    motion: {},
+    modelValue: { default: void 0 },
+    defaultValue: { default: void 0 }
+  },
+  emits: ["update:modelValue", "update:loading", "select", "create", "invalid", "focus", "blur", "open-dropdown", "close-dropdown"],
+  setup(t, { emit: a }) {
+    const d = t, l = a;
+    function r(n) {
+      l("update:modelValue", Array.isArray(n) ? n[0] ?? "" : n);
+    }
+    return (n, e) => (i(), u(m, s(d, {
+      multiple: !1,
+      "onUpdate:modelValue": r,
+      "onUpdate:loading": e[0] || (e[0] = (o) => l("update:loading", o)),
+      onSelect: e[1] || (e[1] = (o) => l("select", o)),
+      onCreate: e[2] || (e[2] = (o) => l("create", o)),
+      onInvalid: e[3] || (e[3] = (o) => l("invalid", o)),
+      onFocus: e[4] || (e[4] = (o) => l("focus", o)),
+      onBlur: e[5] || (e[5] = (o) => l("blur", o)),
+      onOpenDropdown: e[6] || (e[6] = (o) => l("open-dropdown")),
+      onCloseDropdown: e[7] || (e[7] = (o) => l("close-dropdown"))
+    }), null, 16));
+  }
+});
+export {
+  y as default
+};

package/dist/modules/components/primitives/combobox/Combobox2.vue.js

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

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

@@ -0,0 +1,107 @@
+import { defineComponent as $, ref as C, useTemplateRef as A, computed as p, openBlock as x, createElementBlock as M, Fragment as B, createVNode as l, unref as n, withCtx as d, renderSlot as I, mergeProps as w, createBlock as D, createCommentVNode as N } from "vue";
+import { useFloating as P, FLOATING_SIZE_CLASS as R } from "../popover/floating.js";
+import { ContextMenuRoot_default as K } from "../../../vendor/reka-ui/dist/ContextMenu/ContextMenuRoot.js";
+import { ContextMenuContent_default as L } from "../../../vendor/reka-ui/dist/ContextMenu/ContextMenuContent.js";
+import { ContextMenuPortal_default as U } from "../../../vendor/reka-ui/dist/ContextMenu/ContextMenuPortal.js";
+import { ContextMenuTrigger_default as V } from "../../../vendor/reka-ui/dist/ContextMenu/ContextMenuTrigger.js";
+import z from "./ContextMenuItems.vue.js";
+import { skipAutoFocusOnTouch as G, keepEscapeForIme as J } from "../popover/overlay.js";
+import X from "../dropdown-menu/DropdownMenuSheet.vue.js";
+import { usePhoneSurface as Y, menuContent as Z } from "../../../composables/phoneSurface.js";
+const re = /* @__PURE__ */ $({
+  inheritAttrs: !1,
+  __name: "ContextMenu",
+  props: {
+    items: {},
+    disabled: { type: Boolean, default: !1 },
+    pressOpenDelay: { default: void 0 }
+  },
+  emits: ["select", "toggle"],
+  setup(a, { emit: S }) {
+    const s = a, i = S, u = C(!1), m = A("trigger"), c = Y(() => Z(s.items)), g = p(() => u.value && c.value === "popover"), v = P(() => m.value?.$el, () => g.value), y = C();
+    function k(e) {
+      e.type === "pointerdown" && e.pointerType === "mouse" || (y.value = { x: e.clientX, y: e.clientY });
+    }
+    const O = p(() => {
+      const e = y.value;
+      if (!e) return;
+      const t = { x: e.x, y: e.y, left: e.x, right: e.x, top: e.y, bottom: e.y, width: 0, height: 0 };
+      return { getBoundingClientRect: () => ({ ...t, toJSON: () => t }), contextElement: m.value?.$el };
+    });
+    function h(e) {
+      return e.map((t) => {
+        if (t.type === "separator") return t;
+        const { checked: o, children: r, ...b } = t;
+        return o !== void 0 ? { ...b, type: "checkbox" } : { ...b, type: "item", children: r ? h(r) : void 0 };
+      });
+    }
+    function f(e) {
+      return e.flatMap((t) => t.type === "separator" ? [] : [t, ...f(t.children ?? [])]);
+    }
+    const E = p(() => h(s.items)), F = p(() => f(s.items).filter((e) => e.checked).map((e) => e.key));
+    function T(e) {
+      f(s.items).some((t) => t.key === e && t.checked !== void 0) || i("select", e);
+    }
+    return (e, t) => (x(), M(B, null, [
+      l(n(K), {
+        open: g.value,
+        disabled: a.disabled,
+        "press-open-delay": a.pressOpenDelay,
+        "onUpdate:open": t[2] || (t[2] = (o) => u.value = o)
+      }, {
+        default: d(() => [
+          l(n(V), {
+            ref_key: "trigger",
+            ref: m,
+            "as-child": "",
+            disabled: a.disabled,
+            onContextmenuCapture: k,
+            onPointerdownCapture: k
+          }, {
+            default: d(() => [
+              I(e.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["disabled"]),
+          l(n(U), null, {
+            default: d(() => [
+              l(n(L), w({
+                onOpenAutoFocus: n(G),
+                "data-ui-popup": "",
+                "data-ui-ignore-outside": ""
+              }, { ...n(v), ...e.$attrs }, {
+                reference: O.value,
+                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", n(R)],
+                "data-syno-pkg-land-ui": "",
+                onEscapeKeyDown: n(J)
+              }), {
+                default: d(() => [
+                  l(z, {
+                    items: a.items,
+                    floating: n(v),
+                    onSelect: t[0] || (t[0] = (o) => i("select", o)),
+                    onToggle: t[1] || (t[1] = (o, r) => i("toggle", o, r))
+                  }, null, 8, ["items", "floating"])
+                ]),
+                _: 1
+              }, 16, ["onOpenAutoFocus", "reference", "onEscapeKeyDown", "class"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 3
+      }, 8, ["open", "disabled", "press-open-delay"]),
+      n(c) === "sheet" ? (x(), D(X, w({ key: 0 }, e.$attrs, {
+        open: u.value,
+        "onUpdate:open": t[3] || (t[3] = (o) => u.value = o),
+        items: E.value,
+        "checked-keys": F.value,
+        onSelect: T,
+        onToggle: t[4] || (t[4] = (o, r) => i("toggle", o, r))
+      }), null, 16, ["open", "items", "checked-keys"])) : N("", !0)
+    ], 64));
+  }
+});
+export {
+  re as default
+};

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

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