@itguy614/clean-ui 0.3.1 → 1.0.0

package/dist/components/CuiDropdown.vue2.js

@@ -0,0 +1,110 @@
+import { defineComponent as x, ref as g, onMounted as A, onUnmounted as D, provide as _, toRef as h, withDirectives as q, openBlock as I, createElementBlock as K, renderSlot as P, vShow as R } from "vue";
+import { DropdownContextKey as U } from "./dropdown-context.js";
+const G = /* @__PURE__ */ x({
+  __name: "CuiDropdown",
+  props: {
+    trigger: { default: "click" },
+    placement: { default: "bottom" },
+    pinned: { type: Boolean, default: !1 },
+    hidden: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(p, { expose: S }) {
+    const o = p, r = g(!1), s = g(!1), M = g(null);
+    let u = null, n = null, l = null;
+    function c() {
+      o.disabled || (n && (clearTimeout(n), n = null), l && (clearTimeout(l), l = null), s.value = !1, r.value = !0);
+    }
+    function t() {
+      u && (clearTimeout(u), u = null), r.value && (s.value = !0, l = setTimeout(() => {
+        r.value = !1, s.value = !1;
+      }, 150));
+    }
+    function a() {
+      r.value ? t() : c();
+    }
+    function y() {
+      t();
+    }
+    function E() {
+      (o.trigger === "hover" || o.trigger === "hover-focus") && (n && (clearTimeout(n), n = null), u = setTimeout(c, 100));
+    }
+    function b() {
+      (o.trigger === "hover" || o.trigger === "hover-focus") && (u && (clearTimeout(u), u = null), n = setTimeout(t, 150));
+    }
+    function C() {
+      o.trigger === "hover-focus" && c();
+    }
+    function k(e) {
+      if (o.trigger === "hover-focus") {
+        const i = e.relatedTarget, m = e.currentTarget;
+        if (i && m.contains(i)) return;
+        n = setTimeout(t, 150);
+      }
+    }
+    function B(e) {
+      e.key === "Escape" && r.value && (e.stopPropagation(), t());
+    }
+    const d = `cui-dd-${Math.random().toString(36).slice(2, 8)}`;
+    function v(e) {
+      const i = document.querySelector(`[data-cui-dropdown-id="${d}"]`), m = document.querySelectorAll(`[data-cui-dropdown-owner="${d}"]`), T = e.target;
+      if (!(i != null && i.contains(T))) {
+        for (const $ of m)
+          if ($.contains(T)) return;
+        t();
+      }
+    }
+    function L() {
+    }
+    function w() {
+      r.value && (o.pinned || t());
+    }
+    A(() => {
+      document.addEventListener("mousedown", v), window.addEventListener("scroll", w, !0);
+    }), D(() => {
+      document.removeEventListener("mousedown", v), window.removeEventListener("scroll", w, !0), u && clearTimeout(u), n && clearTimeout(n), l && clearTimeout(l);
+    });
+    const f = /* @__PURE__ */ new Set();
+    function F(e) {
+      return f.add(e), () => f.delete(e);
+    }
+    function O(e) {
+      for (const i of f)
+        i !== e && i();
+    }
+    return _(U, {
+      isOpen: r,
+      isClosing: s,
+      trigger: h(o, "trigger"),
+      triggerEl: M,
+      placement: h(o, "placement"),
+      open: c,
+      close: t,
+      toggle: a,
+      closeAll: y,
+      registerSubMenu: F,
+      closeSiblingSubMenus: O,
+      reposition: L
+    }), S({ open: c, close: t, toggle: a, isOpen: r }), (e, i) => q((I(), K("div", {
+      class: "cui-dropdown",
+      "data-cui-dropdown-id": d,
+      onMouseenter: E,
+      onMouseleave: b,
+      onFocusin: C,
+      onFocusout: k,
+      onKeydown: B
+    }, [
+      P(e.$slots, "default", {
+        isOpen: r.value,
+        toggle: a,
+        open: c,
+        close: t
+      }, void 0, !0)
+    ], 544)), [
+      [R, !p.hidden]
+    ]);
+  }
+});
+export {
+  G as default
+};

package/dist/components/CuiDropdownCheckItem.vue.d.ts

@@ -1,8 +1,7 @@
-export interface CuiDropdownCheckItemProps {
+import type { DisableableProps } from "../types/common";
+export interface CuiDropdownCheckItemProps extends DisableableProps {
     /** v-model boolean */
     modelValue?: boolean;
-    /** Disabled state */
-    disabled?: boolean;
 }
 declare var __VLS_4: {};
 type __VLS_Slots = {} & {

package/dist/components/CuiDropdownCheckItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CuiDropdownCheckItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDropdownCheckItem.vue"],"names":[],"mappings":"AAwGA,MAAM,WAAW,yBAAyB;IACxC,sBAAsB;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA0FD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAwB/C,QAAA,MAAM,eAAe;;;;;cArHR,OAAO;gBAFL,OAAO;6EA+HpB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CuiDropdownCheckItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDropdownCheckItem.vue"],"names":[],"mappings":"AAsGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,MAAM,WAAW,yBAA0B,SAAQ,gBAAgB;IACjE,sBAAsB;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA0FD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAwB/C,QAAA,MAAM,eAAe;;;;;;gBArHN,OAAO;6EA6HpB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CuiDropdownCheckItem.vue.js

@@ -0,0 +1,7 @@
+import o from "./CuiDropdownCheckItem.vue2.js";
+/* empty css                          */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7bd7d56c"]]);
+export {
+  c as default
+};

package/dist/components/CuiDropdownCheckItem.vue2.js

@@ -0,0 +1,45 @@
+import { defineComponent as r, inject as s, openBlock as a, createElementBlock as m, normalizeClass as u, createElementVNode as i, createBlock as k, createCommentVNode as f, renderSlot as h } from "vue";
+import p from "./CuiIcon.vue.js";
+import { DropdownContextKey as b } from "./dropdown-context.js";
+const w = ["aria-checked", "aria-disabled", "tabindex"], C = { class: "cui-dropdown-check-item__check" }, V = { class: "cui-dropdown-check-item__label" }, v = /* @__PURE__ */ r({
+  __name: "CuiDropdownCheckItem",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: c }) {
+    const t = e, l = c;
+    s(b);
+    function d() {
+      t.disabled || l("update:modelValue", !t.modelValue);
+    }
+    function n(o) {
+      (o.key === "Enter" || o.key === " ") && (o.preventDefault(), d());
+    }
+    return (o, y) => (a(), m("div", {
+      class: u(["cui-dropdown-check-item", { "cui-dropdown-check-item--disabled": e.disabled }]),
+      role: "menuitemcheckbox",
+      "aria-checked": e.modelValue,
+      "aria-disabled": e.disabled || void 0,
+      tabindex: e.disabled ? -1 : 0,
+      onClick: d,
+      onKeydown: n
+    }, [
+      i("span", C, [
+        e.modelValue ? (a(), k(p, {
+          key: 0,
+          name: "check",
+          size: "0.875rem",
+          weight: "bold"
+        })) : f("", !0)
+      ]),
+      i("span", V, [
+        h(o.$slots, "default", {}, void 0, !0)
+      ])
+    ], 42, w));
+  }
+});
+export {
+  v as default
+};

package/dist/components/CuiDropdownDivider.vue.js

@@ -0,0 +1,14 @@
+import { openBlock as e, createElementBlock as o } from "vue";
+/* empty css                        */
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const c = {}, t = {
+  class: "cui-dropdown-divider",
+  role: "separator"
+};
+function d(i, n) {
+  return e(), o("div", t);
+}
+const p = /* @__PURE__ */ r(c, [["render", d], ["__scopeId", "data-v-de1ceea6"]]);
+export {
+  p as default
+};

package/dist/components/CuiDropdownHeader.vue.js

@@ -0,0 +1,16 @@
+import { openBlock as o, createElementBlock as r, renderSlot as t } from "vue";
+/* empty css                       */
+import n from "../_virtual/_plugin-vue_export-helper.js";
+const d = {}, c = {
+  class: "cui-dropdown-header",
+  role: "presentation"
+};
+function s(e, a) {
+  return o(), r("div", c, [
+    t(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const f = /* @__PURE__ */ n(d, [["render", s], ["__scopeId", "data-v-d5eb081a"]]);
+export {
+  f as default
+};

package/dist/components/CuiDropdownItem.vue.d.ts

@@ -1,14 +1,11 @@
-export interface CuiDropdownItemProps {
+import type { HideableProps, DisableableProps } from "../types/common";
+export interface CuiDropdownItemProps extends HideableProps, DisableableProps {
     /** Keyboard shortcut hint (displayed right-aligned) */
     shortcut?: string;
     /** Description text below the label */
     description?: string;
-    /** Disabled state */
-    disabled?: boolean;
     /** Close menu on select (default true) */
     closeOnSelect?: boolean;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {

package/dist/components/CuiDropdownItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CuiDropdownItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDropdownItem.vue"],"names":[],"mappings":"AAwIA,MAAM,WAAW,oBAAoB;IACnC,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAyGD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAuB/C,QAAA,MAAM,eAAe;;;;;YApIV,OAAO;cAJL,OAAO;mBAEF,OAAO;6EA8IvB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CuiDropdownItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDropdownItem.vue"],"names":[],"mappings":"AAoIA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,WAAW,oBAAqB,SAAQ,aAAa,EAAE,gBAAgB;IAC3E,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAyGD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAuB/C,QAAA,MAAM,eAAe;;;;;;;mBApIH,OAAO;6EA4IvB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CuiDropdownItem.vue.js

@@ -0,0 +1,7 @@
+import o from "./CuiDropdownItem.vue2.js";
+/* empty css                     */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0a03c68c"]]);
+export {
+  a as default
+};

package/dist/components/CuiDropdownItem.vue2.js

@@ -0,0 +1,55 @@
+import { defineComponent as p, inject as h, withDirectives as b, openBlock as o, createElementBlock as i, normalizeClass as w, renderSlot as l, createCommentVNode as s, createElementVNode as a, toDisplayString as r, vShow as y } from "vue";
+import { DropdownContextKey as _ } from "./dropdown-context.js";
+const k = ["aria-disabled", "tabindex"], v = {
+  key: 0,
+  class: "cui-dropdown-item__icon"
+}, C = { class: "cui-dropdown-item__body" }, S = { class: "cui-dropdown-item__label" }, B = {
+  key: 0,
+  class: "cui-dropdown-item__desc"
+}, D = {
+  key: 1,
+  class: "cui-dropdown-item__shortcut"
+}, N = /* @__PURE__ */ p({
+  __name: "CuiDropdownItem",
+  props: {
+    shortcut: {},
+    description: {},
+    closeOnSelect: { type: Boolean, default: !0 },
+    hidden: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["select"],
+  setup(e, { emit: u }) {
+    const d = e, m = u, n = h(_);
+    function c() {
+      d.disabled || (m("select"), d.closeOnSelect && (n == null || n.closeAll()));
+    }
+    function f(t) {
+      (t.key === "Enter" || t.key === " ") && (t.preventDefault(), c());
+    }
+    return (t, E) => b((o(), i("div", {
+      class: w(["cui-dropdown-item", { "cui-dropdown-item--disabled": e.disabled }]),
+      role: "menuitem",
+      "aria-disabled": e.disabled || void 0,
+      tabindex: e.disabled ? -1 : 0,
+      onClick: c,
+      onKeydown: f
+    }, [
+      t.$slots.icon ? (o(), i("span", v, [
+        l(t.$slots, "icon", {}, void 0, !0)
+      ])) : s("", !0),
+      a("span", C, [
+        a("span", S, [
+          l(t.$slots, "default", {}, void 0, !0)
+        ]),
+        e.description ? (o(), i("span", B, r(e.description), 1)) : s("", !0)
+      ]),
+      e.shortcut ? (o(), i("span", D, r(e.shortcut), 1)) : s("", !0)
+    ], 42, k)), [
+      [y, !e.hidden]
+    ]);
+  }
+});
+export {
+  N as default
+};

package/dist/components/CuiDropdownMenu.vue.js

@@ -0,0 +1,7 @@
+import o from "./CuiDropdownMenu.vue2.js";
+/* empty css                     */
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ff831032"]]);
+export {
+  m as default
+};

package/dist/components/CuiDropdownMenu.vue2.js

@@ -0,0 +1,79 @@
+import { defineComponent as h, inject as E, ref as p, watch as A, nextTick as C, onMounted as D, onUnmounted as _, computed as b, openBlock as w, createBlock as S, Teleport as z, unref as d, createElementBlock as F, normalizeStyle as L, normalizeClass as O, renderSlot as q, createCommentVNode as B } from "vue";
+import { DropdownContextKey as R, computeDropdownPosition as W } from "./dropdown-context.js";
+const K = ["data-cui-dropdown-owner"], T = /* @__PURE__ */ h({
+  __name: "CuiDropdownMenu",
+  props: {
+    minWidth: { default: "12rem" }
+  },
+  setup(y) {
+    const e = E(R), u = p(), c = p({});
+    function m() {
+      if (e != null && e.triggerEl.value) {
+        const { styles: n } = W(e.triggerEl.value, e.placement.value);
+        c.value = n;
+      }
+    }
+    A(
+      () => e == null ? void 0 : e.isOpen.value,
+      (n) => {
+        n && (m(), C(() => {
+          var t;
+          const o = (t = u.value) == null ? void 0 : t.querySelector(
+            '[role="menuitem"]:not([aria-disabled="true"])'
+          );
+          o == null || o.focus();
+        }));
+      }
+    );
+    let r = null;
+    function a() {
+      !(e != null && e.isOpen.value) || e != null && e.isClosing.value || (r && cancelAnimationFrame(r), r = requestAnimationFrame(m));
+    }
+    D(() => {
+      window.addEventListener("scroll", a, !0), window.addEventListener("resize", a);
+    }), _(() => {
+      window.removeEventListener("scroll", a, !0), window.removeEventListener("resize", a), r && cancelAnimationFrame(r);
+    });
+    function g(n) {
+      var i, l, f, v;
+      if (!u.value) return;
+      const o = Array.from(u.value.querySelectorAll(
+        '[role="menuitem"]:not([aria-disabled="true"]), [role="menuitemcheckbox"]:not([aria-disabled="true"]), [role="menuitemradio"]:not([aria-disabled="true"])'
+      )), t = o.indexOf(document.activeElement);
+      if (n.key === "ArrowDown") {
+        n.preventDefault();
+        const s = t < o.length - 1 ? t + 1 : 0;
+        (i = o[s]) == null || i.focus();
+      } else if (n.key === "ArrowUp") {
+        n.preventDefault();
+        const s = t > 0 ? t - 1 : o.length - 1;
+        (l = o[s]) == null || l.focus();
+      } else n.key === "Home" ? (n.preventDefault(), (f = o[0]) == null || f.focus()) : n.key === "End" && (n.preventDefault(), (v = o[o.length - 1]) == null || v.focus());
+    }
+    const k = b(() => {
+      var o;
+      const n = (o = e == null ? void 0 : e.triggerEl.value) == null ? void 0 : o.closest("[data-cui-dropdown-id]");
+      return (n == null ? void 0 : n.getAttribute("data-cui-dropdown-id")) ?? "";
+    });
+    return (n, o) => {
+      var t, i, l;
+      return w(), S(z, { to: "body" }, [
+        (t = d(e)) != null && t.isOpen.value || (i = d(e)) != null && i.isClosing.value ? (w(), F("div", {
+          key: 0,
+          ref_key: "menuRef",
+          ref: u,
+          class: O(["cui-dropdown-menu", { "cui-dropdown-menu--closing": (l = d(e)) == null ? void 0 : l.isClosing.value }]),
+          "data-cui-dropdown-owner": k.value,
+          style: L({ ...c.value, minWidth: y.minWidth }),
+          role: "menu",
+          onKeydown: g
+        }, [
+          q(n.$slots, "default", {}, void 0, !0)
+        ], 46, K)) : B("", !0)
+      ]);
+    };
+  }
+});
+export {
+  T as default
+};

package/dist/components/CuiDropdownRadioGroup.vue.js

@@ -0,0 +1,23 @@
+import { defineComponent as d, provide as p, toRef as a, openBlock as m, createElementBlock as n, renderSlot as u } from "vue";
+import { DropdownRadioKey as s } from "./dropdown-context.js";
+const i = { role: "group" }, V = /* @__PURE__ */ d({
+  __name: "CuiDropdownRadioGroup",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(o, { emit: t }) {
+    const r = o, l = t;
+    return p(s, {
+      modelValue: a(r, "modelValue"),
+      select(e) {
+        l("update:modelValue", e);
+      }
+    }), (e, c) => (m(), n("div", i, [
+      u(e.$slots, "default")
+    ]));
+  }
+});
+export {
+  V as default
+};

package/dist/components/CuiDropdownRadioGroup.vue2.js

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

package/dist/components/CuiDropdownRadioItem.vue.d.ts

@@ -1,8 +1,7 @@
-export interface CuiDropdownRadioItemProps {
+import type { DisableableProps } from "../types/common";
+export interface CuiDropdownRadioItemProps extends DisableableProps {
     /** Value for this radio item */
     value: string | number;
-    /** Disabled state */
-    disabled?: boolean;
 }
 declare var __VLS_4: {};
 type __VLS_Slots = {} & {

package/dist/components/CuiDropdownRadioItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CuiDropdownRadioItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDropdownRadioItem.vue"],"names":[],"mappings":"AAoGA,MAAM,WAAW,yBAAyB;IACxC,gCAAgC;IAChC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoFD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAwB/C,QAAA,MAAM,eAAe;cA/GR,OAAO;6EAsHlB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CuiDropdownRadioItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDropdownRadioItem.vue"],"names":[],"mappings":"AAkGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,MAAM,WAAW,yBAA0B,SAAQ,gBAAgB;IACjE,gCAAgC;IAChC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAoFD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAwB/C,QAAA,MAAM,eAAe;;6EAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CuiDropdownRadioItem.vue.js

@@ -0,0 +1,7 @@
+import o from "./CuiDropdownRadioItem.vue2.js";
+/* empty css                          */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-398742a1"]]);
+export {
+  p as default
+};

package/dist/components/CuiDropdownRadioItem.vue2.js

@@ -0,0 +1,43 @@
+import { defineComponent as r, inject as s, computed as m, openBlock as n, createElementBlock as u, normalizeClass as f, createElementVNode as l, createBlock as p, createCommentVNode as b, renderSlot as k } from "vue";
+import v from "./CuiIcon.vue.js";
+import { DropdownRadioKey as _ } from "./dropdown-context.js";
+const h = ["aria-checked", "aria-disabled", "tabindex"], w = { class: "cui-dropdown-radio-item__check" }, y = { class: "cui-dropdown-radio-item__label" }, E = /* @__PURE__ */ r({
+  __name: "CuiDropdownRadioItem",
+  props: {
+    value: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    const i = a, e = s(_), d = m(() => (e == null ? void 0 : e.modelValue.value) === i.value);
+    function t() {
+      i.disabled || e == null || e.select(i.value);
+    }
+    function c(o) {
+      (o.key === "Enter" || o.key === " ") && (o.preventDefault(), t());
+    }
+    return (o, C) => (n(), u("div", {
+      class: f(["cui-dropdown-radio-item", { "cui-dropdown-radio-item--disabled": a.disabled }]),
+      role: "menuitemradio",
+      "aria-checked": d.value,
+      "aria-disabled": a.disabled || void 0,
+      tabindex: a.disabled ? -1 : 0,
+      onClick: t,
+      onKeydown: c
+    }, [
+      l("span", w, [
+        d.value ? (n(), p(v, {
+          key: 0,
+          name: "circle",
+          size: "0.5rem",
+          weight: "fill"
+        })) : b("", !0)
+      ]),
+      l("span", y, [
+        k(o.$slots, "default", {}, void 0, !0)
+      ])
+    ], 42, h));
+  }
+});
+export {
+  E as default
+};

package/dist/components/CuiDropdownSub.vue.d.ts

@@ -1,9 +1,8 @@
 import { type DropdownTrigger } from "./dropdown-context";
-export interface CuiDropdownSubProps {
+import type { DisableableProps } from "../types/common";
+export interface CuiDropdownSubProps extends DisableableProps {
     /** Override parent trigger for this sub-menu */
     trigger?: DropdownTrigger;
-    /** Disabled state */
-    disabled?: boolean;
 }
 declare var __VLS_1: {}, __VLS_3: {}, __VLS_12: {};
 type __VLS_Slots = {} & {

package/dist/components/CuiDropdownSub.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CuiDropdownSub.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDropdownSub.vue"],"names":[],"mappings":"AAkNA,OAAO,EAA+C,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvG,MAAM,WAAW,mBAAmB;IAClC,gDAAgD;IAChD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAuLD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAChE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA6B7C,QAAA,MAAM,eAAe;cAzNR,OAAO;6EAgOlB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CuiDropdownSub.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDropdownSub.vue"],"names":[],"mappings":"AAiNA,OAAO,EAA+C,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACvG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IAC3D,gDAAgD;IAChD,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAuLD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAChE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA6B7C,QAAA,MAAM,eAAe;;6EAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CuiDropdownSub.vue.js

@@ -0,0 +1,7 @@
+import o from "./CuiDropdownSub.vue2.js";
+/* empty css                    */
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-2a73e406"]]);
+export {
+  m as default
+};

package/dist/components/CuiDropdownSub.vue2.js

@@ -0,0 +1,91 @@
+import { defineComponent as M, inject as S, computed as D, ref as f, onUnmounted as B, openBlock as s, createElementBlock as v, createElementVNode as w, normalizeClass as E, renderSlot as m, createCommentVNode as h, createVNode as P, createBlock as $, Teleport as z, normalizeStyle as N } from "vue";
+import R from "./CuiIcon.vue.js";
+import { DropdownContextKey as V, computeDropdownPosition as A } from "./dropdown-context.js";
+const C = ["aria-expanded", "aria-disabled", "tabindex"], K = {
+  key: 0,
+  class: "cui-dropdown-sub__icon"
+}, L = { class: "cui-dropdown-sub__label" }, q = /* @__PURE__ */ M({
+  __name: "CuiDropdownSub",
+  props: {
+    trigger: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(r) {
+    const p = r, o = S(V), u = D(() => p.trigger ?? (o == null ? void 0 : o.trigger.value) ?? "click"), i = f(!1), a = f(), g = f({});
+    let n = null, l = null;
+    const d = o == null ? void 0 : o.registerSubMenu(() => t());
+    B(() => d == null ? void 0 : d());
+    function c() {
+      if (!p.disabled) {
+        if (l && (clearTimeout(l), l = null), o == null || o.closeSiblingSubMenus(() => t()), a.value) {
+          const { styles: e } = A(a.value, "right");
+          g.value = e;
+        }
+        i.value = !0;
+      }
+    }
+    function t() {
+      n && (clearTimeout(n), n = null), i.value = !1;
+    }
+    function y() {
+      i.value ? t() : c();
+    }
+    function b() {
+      (u.value === "hover" || u.value === "hover-focus") && (l && (clearTimeout(l), l = null), n = setTimeout(c, 150));
+    }
+    function _() {
+      (u.value === "hover" || u.value === "hover-focus") && (n && (clearTimeout(n), n = null), l = setTimeout(t, 200));
+    }
+    function k() {
+      u.value === "click" && y();
+    }
+    function T(e) {
+      e.key === "ArrowRight" && !i.value ? (e.preventDefault(), e.stopPropagation(), c()) : e.key === "ArrowLeft" && i.value ? (e.preventDefault(), e.stopPropagation(), t()) : e.key === "Escape" && i.value && (e.stopPropagation(), t());
+    }
+    return (e, j) => (s(), v("div", {
+      class: "cui-dropdown-sub",
+      onMouseenter: b,
+      onMouseleave: _,
+      onKeydown: T
+    }, [
+      w("div", {
+        ref_key: "triggerRef",
+        ref: a,
+        class: E(["cui-dropdown-sub__trigger", { "cui-dropdown-sub__trigger--disabled": r.disabled, "cui-dropdown-sub__trigger--open": i.value }]),
+        role: "menuitem",
+        "aria-haspopup": "true",
+        "aria-expanded": i.value,
+        "aria-disabled": r.disabled || void 0,
+        tabindex: r.disabled ? -1 : 0,
+        onClick: k
+      }, [
+        e.$slots.icon ? (s(), v("span", K, [
+          m(e.$slots, "icon", {}, void 0, !0)
+        ])) : h("", !0),
+        w("span", L, [
+          m(e.$slots, "default", {}, void 0, !0)
+        ]),
+        P(R, {
+          name: "caret-right",
+          size: "0.75rem",
+          class: "cui-dropdown-sub__arrow"
+        })
+      ], 10, C),
+      (s(), $(z, { to: "body" }, [
+        i.value ? (s(), v("div", {
+          key: 0,
+          class: "cui-dropdown-sub__menu",
+          style: N(g.value),
+          role: "menu",
+          onMouseenter: b,
+          onMouseleave: _
+        }, [
+          m(e.$slots, "menu", {}, void 0, !0)
+        ], 36)) : h("", !0)
+      ]))
+    ], 32));
+  }
+});
+export {
+  q as default
+};

package/dist/components/CuiDropdownTrigger.vue.js

@@ -0,0 +1,7 @@
+import o from "./CuiDropdownTrigger.vue2.js";
+/* empty css                        */
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-7dd9a107"]]);
+export {
+  d as default
+};

package/dist/components/CuiDropdownTrigger.vue2.js

@@ -0,0 +1,25 @@
+import { defineComponent as n, inject as i, ref as l, onMounted as c, openBlock as u, createElementBlock as a, renderSlot as f } from "vue";
+import { DropdownContextKey as d } from "./dropdown-context.js";
+const _ = /* @__PURE__ */ n({
+  __name: "CuiDropdownTrigger",
+  setup(p) {
+    const e = i(d), o = l();
+    c(() => {
+      e && o.value && (e.triggerEl.value = o.value);
+    });
+    function r() {
+      (e == null ? void 0 : e.trigger.value) === "click" && e.toggle();
+    }
+    return (t, s) => (u(), a("div", {
+      ref_key: "el",
+      ref: o,
+      class: "cui-dropdown-trigger",
+      onClick: r
+    }, [
+      f(t.$slots, "default", {}, void 0, !0)
+    ], 512));
+  }
+});
+export {
+  _ as default
+};