@soft-stech/bootsman-ui-shadcn 1.5.6 → 2.0.0

package/dist/PopperRoot-BuFUaWT1.js

@@ -0,0 +1,18 @@
+import { c as t } from "./createContext-BWsUZRn1.js";
+import { defineComponent as r, ref as p, renderSlot as n } from "vue";
+const [f, a] = t("PopperRoot");
+var _ = /* @__PURE__ */ r({
+  inheritAttrs: !1,
+  __name: "PopperRoot",
+  setup(s) {
+    const o = p();
+    return a({
+      anchor: o,
+      onAnchorChange: (e) => o.value = e
+    }), (e, u) => n(e.$slots, "default");
+  }
+}), l = _;
+export {
+  l as P,
+  f as i
+};

package/dist/Presence-BadhDRMZ.js

@@ -0,0 +1,107 @@
+import { r as g } from "./Slot-Dq7aellU.js";
+import { ref as f, watch as y, nextTick as w, onUnmounted as I, computed as O, defineComponent as S, toRefs as U, getCurrentInstance as C, h as P } from "vue";
+import { defaultWindow as b, unrefElement as _ } from "@vueuse/core";
+import { i as x } from "./index-B44n84W9.js";
+function D(o, e) {
+  const r = f(o);
+  function l(s) {
+    return e[r.value][s] ?? r.value;
+  }
+  return {
+    state: r,
+    dispatch: (s) => {
+      r.value = l(s);
+    }
+  };
+}
+function F(o, e) {
+  const r = f({}), l = f("none"), v = f(o), s = o.value ? "mounted" : "unmounted";
+  let u;
+  const c = e.value?.ownerDocument.defaultView ?? b, { state: m, dispatch: a } = D(s, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: { MOUNT: "mounted" }
+  }), n = (t) => {
+    if (x) {
+      const i = new CustomEvent(t, {
+        bubbles: !1,
+        cancelable: !1
+      });
+      e.value?.dispatchEvent(i);
+    }
+  };
+  y(o, async (t, i) => {
+    const h = i !== t;
+    if (await w(), h) {
+      const A = l.value, d = N(e.value);
+      t ? (a("MOUNT"), n("enter"), d === "none" && n("after-enter")) : d === "none" || d === "undefined" || r.value?.display === "none" ? (a("UNMOUNT"), n("leave"), n("after-leave")) : i && A !== d ? (a("ANIMATION_OUT"), n("leave")) : (a("UNMOUNT"), n("after-leave"));
+    }
+  }, { immediate: !0 });
+  const p = (t) => {
+    const i = N(e.value), h = i.includes(t.animationName), A = m.value === "mounted" ? "enter" : "leave";
+    if (t.target === e.value && h && (n(`after-${A}`), a("ANIMATION_END"), !v.value)) {
+      const d = e.value.style.animationFillMode;
+      e.value.style.animationFillMode = "forwards", u = c?.setTimeout(() => {
+        e.value?.style.animationFillMode === "forwards" && (e.value.style.animationFillMode = d);
+      });
+    }
+    t.target === e.value && i === "none" && a("ANIMATION_END");
+  }, M = (t) => {
+    t.target === e.value && (l.value = N(e.value));
+  }, E = y(e, (t, i) => {
+    t ? (r.value = getComputedStyle(t), t.addEventListener("animationstart", M), t.addEventListener("animationcancel", p), t.addEventListener("animationend", p)) : (a("ANIMATION_END"), u !== void 0 && c?.clearTimeout(u), i?.removeEventListener("animationstart", M), i?.removeEventListener("animationcancel", p), i?.removeEventListener("animationend", p));
+  }, { immediate: !0 }), T = y(m, () => {
+    const t = N(e.value);
+    l.value = m.value === "mounted" ? t : "none";
+  });
+  return I(() => {
+    E(), T();
+  }), { isPresent: O(() => ["mounted", "unmountSuspended"].includes(m.value)) };
+}
+function N(o) {
+  return o && getComputedStyle(o).animationName || "none";
+}
+var B = S({
+  name: "Presence",
+  props: {
+    present: {
+      type: Boolean,
+      required: !0
+    },
+    forceMount: { type: Boolean }
+  },
+  slots: {},
+  setup(o, { slots: e, expose: r }) {
+    const { present: l, forceMount: v } = U(o), s = f(), { isPresent: u } = F(l, s);
+    r({ present: u });
+    let c = e.default({ present: u.value });
+    c = g(c || []);
+    const m = C();
+    if (c && c?.length > 1) {
+      const a = m?.parent?.type.name ? `<${m.parent.type.name} />` : "component";
+      throw new Error([
+        `Detected an invalid children for \`${a}\` for  \`Presence\` component.`,
+        "",
+        "Note: Presence works similarly to `v-if` directly, but it waits for animation/transition to finished before unmounting. So it expect only one direct child of valid VNode type.",
+        "You can apply a few solutions:",
+        ["Provide a single child element so that `presence` directive attach correctly.", "Ensure the first child is an actual element instead of a raw text node or comment node."].map((n) => `  - ${n}`).join(`
+`)
+      ].join(`
+`));
+    }
+    return () => v.value || l.value || u.value ? P(e.default({ present: u.value })[0], { ref: (a) => {
+      const n = _(a);
+      return typeof n?.hasAttribute > "u" || (n?.hasAttribute("data-reka-popper-content-wrapper") ? s.value = n.firstElementChild : s.value = n), n;
+    } }) : null;
+  }
+});
+export {
+  B as P,
+  D as u
+};

package/dist/Primitive-EBuBc72_.js

@@ -0,0 +1,27 @@
+import { S as r } from "./Slot-Dq7aellU.js";
+import { defineComponent as f, h as i } from "vue";
+const l = [
+  "area",
+  "img",
+  "input"
+], u = f({
+  name: "Primitive",
+  inheritAttrs: !1,
+  props: {
+    asChild: {
+      type: Boolean,
+      default: !1
+    },
+    as: {
+      type: [String, Object],
+      default: "div"
+    }
+  },
+  setup(t, { attrs: a, slots: n }) {
+    const e = t.asChild ? "template" : t.as;
+    return typeof e == "string" && l.includes(e) ? () => i(e, a) : e !== "template" ? () => i(t.as, a, { default: n.default }) : () => i(r, a, { default: n.default });
+  }
+});
+export {
+  u as P
+};

package/dist/RadioGroupRoot-CzUSJjjD.js

@@ -0,0 +1,123 @@
+import { c as y } from "./createContext-BWsUZRn1.js";
+import { u as C } from "./useDirection-nP8SCoKq.js";
+import { u as h } from "./useFormControl-kgOmRVjW.js";
+import { u as g } from "./useForwardExpose-DmyWSR4F.js";
+import { P as G } from "./Primitive-EBuBc72_.js";
+import { R as b } from "./RovingFocusGroup-DSM8khMG.js";
+import { V as B } from "./VisuallyHiddenInput-BUnpp8eT.js";
+import { defineComponent as x, toRefs as F, createBlock as n, openBlock as p, unref as e, withCtx as f, createVNode as S, renderSlot as k, createCommentVNode as w } from "vue";
+import { useVModel as D } from "@vueuse/core";
+const [L, E] = y("RadioGroupRoot");
+var M = /* @__PURE__ */ x({
+  __name: "RadioGroupRoot",
+  props: {
+    modelValue: {
+      type: null,
+      required: !1
+    },
+    defaultValue: {
+      type: null,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    orientation: {
+      type: String,
+      required: !1,
+      default: void 0
+    },
+    dir: {
+      type: String,
+      required: !1
+    },
+    loop: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    },
+    name: {
+      type: String,
+      required: !1
+    },
+    required: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(m, { emit: c }) {
+    const r = m, R = c, { forwardRef: q, currentElement: v } = g(), a = D(r, "modelValue", R, {
+      defaultValue: r.defaultValue,
+      passive: r.modelValue === void 0
+    }), { disabled: t, loop: u, orientation: i, name: l, required: d, dir: V } = F(r), s = C(V), _ = h(v);
+    return E({
+      modelValue: a,
+      changeModelValue: (o) => {
+        a.value = o;
+      },
+      disabled: t,
+      loop: u,
+      orientation: i,
+      name: l?.value,
+      required: d
+    }), (o, N) => (p(), n(e(b), {
+      "as-child": "",
+      orientation: e(i),
+      dir: e(s),
+      loop: e(u)
+    }, {
+      default: f(() => [S(e(G), {
+        ref: e(q),
+        role: "radiogroup",
+        "data-disabled": e(t) ? "" : void 0,
+        "as-child": o.asChild,
+        as: o.as,
+        "aria-orientation": e(i),
+        "aria-required": e(d),
+        dir: e(s)
+      }, {
+        default: f(() => [k(o.$slots, "default", { modelValue: e(a) }), e(_) && e(l) ? (p(), n(e(B), {
+          key: 0,
+          required: e(d),
+          disabled: e(t),
+          value: e(a),
+          name: e(l)
+        }, null, 8, [
+          "required",
+          "disabled",
+          "value",
+          "name"
+        ])) : w("v-if", !0)]),
+        _: 3
+      }, 8, [
+        "data-disabled",
+        "as-child",
+        "as",
+        "aria-orientation",
+        "aria-required",
+        "dir"
+      ])]),
+      _: 3
+    }, 8, [
+      "orientation",
+      "dir",
+      "loop"
+    ]));
+  }
+}), O = M;
+export {
+  O as R,
+  L as i
+};

package/dist/RovingFocusGroup-DSM8khMG.js

@@ -0,0 +1,121 @@
+import { c as B } from "./createContext-BWsUZRn1.js";
+import { u as x } from "./useDirection-nP8SCoKq.js";
+import { P as G } from "./Primitive-EBuBc72_.js";
+import { u as O } from "./Collection-BdNht7lW.js";
+import { f as P, E as k, a as M } from "./utils-yGsAMquw.js";
+import { defineComponent as N, toRefs as V, ref as c, createBlock as w, openBlock as A, unref as i, withCtx as g, createVNode as $, renderSlot as D } from "vue";
+import { useVModel as U } from "@vueuse/core";
+const [X, j] = B("RovingFocusGroup");
+var K = /* @__PURE__ */ N({
+  __name: "RovingFocusGroup",
+  props: {
+    orientation: {
+      type: String,
+      required: !1,
+      default: void 0
+    },
+    dir: {
+      type: String,
+      required: !1
+    },
+    loop: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    currentTabStopId: {
+      type: [String, null],
+      required: !1
+    },
+    defaultCurrentTabStopId: {
+      type: String,
+      required: !1
+    },
+    preventScrollOnEntryFocus: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: ["entryFocus", "update:currentTabStopId"],
+  setup(F, { expose: b, emit: I }) {
+    const r = F, p = I, { loop: S, orientation: f, dir: y } = V(r), v = x(y), l = U(r, "currentTabStopId", p, {
+      defaultValue: r.defaultCurrentTabStopId,
+      passive: r.currentTabStopId === void 0
+    }), n = c(!1), u = c(!1), d = c(0), { getItems: m, CollectionSlot: T } = O({ isProvider: !0 });
+    function C(e) {
+      const o = !u.value;
+      if (e.currentTarget && e.target === e.currentTarget && o && !n.value) {
+        const a = new CustomEvent(k, M);
+        if (e.currentTarget.dispatchEvent(a), p("entryFocus", a), !a.defaultPrevented) {
+          const s = m().map((t) => t.ref).filter((t) => t.dataset.disabled !== ""), R = s.find((t) => t.getAttribute("data-active") === ""), _ = s.find((t) => t.getAttribute("data-highlighted") === ""), E = s.find((t) => t.id === l.value), q = [
+            R,
+            _,
+            E,
+            ...s
+          ].filter(Boolean);
+          P(q, r.preventScrollOnEntryFocus);
+        }
+      }
+      u.value = !1;
+    }
+    function h() {
+      setTimeout(() => {
+        u.value = !1;
+      }, 1);
+    }
+    return b({ getItems: m }), j({
+      loop: S,
+      dir: v,
+      orientation: f,
+      currentTabStopId: l,
+      onItemFocus: (e) => {
+        l.value = e;
+      },
+      onItemShiftTab: () => {
+        n.value = !0;
+      },
+      onFocusableItemAdd: () => {
+        d.value++;
+      },
+      onFocusableItemRemove: () => {
+        d.value--;
+      }
+    }), (e, o) => (A(), w(i(T), null, {
+      default: g(() => [$(i(G), {
+        tabindex: n.value || d.value === 0 ? -1 : 0,
+        "data-orientation": i(f),
+        as: e.as,
+        "as-child": e.asChild,
+        dir: i(v),
+        style: { outline: "none" },
+        onMousedown: o[0] || (o[0] = (a) => u.value = !0),
+        onMouseup: h,
+        onFocus: C,
+        onBlur: o[1] || (o[1] = (a) => n.value = !1)
+      }, {
+        default: g(() => [D(e.$slots, "default")]),
+        _: 3
+      }, 8, [
+        "tabindex",
+        "data-orientation",
+        "as",
+        "as-child",
+        "dir"
+      ])]),
+      _: 3
+    }));
+  }
+}), Z = K;
+export {
+  Z as R,
+  X as i
+};

package/dist/RovingFocusItem-BC6Mg6Db.js

@@ -0,0 +1,94 @@
+import { u as b } from "./useId-D4hM1ljW.js";
+import { P as y } from "./Primitive-EBuBc72_.js";
+import { u as I } from "./Collection-BdNht7lW.js";
+import { g, w as F, f as K } from "./utils-yGsAMquw.js";
+import { i as S } from "./RovingFocusGroup-DSM8khMG.js";
+import { defineComponent as h, computed as l, onMounted as w, onUnmounted as C, createBlock as T, openBlock as q, unref as i, withCtx as u, createVNode as B, renderSlot as R, nextTick as x } from "vue";
+var _ = /* @__PURE__ */ h({
+  __name: "RovingFocusItem",
+  props: {
+    tabStopId: {
+      type: String,
+      required: !1
+    },
+    focusable: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    active: {
+      type: Boolean,
+      required: !1
+    },
+    allowShiftKey: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(d) {
+    const n = d, t = S(), f = b(), s = l(() => n.tabStopId || f), c = l(() => t.currentTabStopId.value === s.value), { getItems: p, CollectionItem: m } = I();
+    w(() => {
+      n.focusable && t.onFocusableItemAdd();
+    }), C(() => {
+      n.focusable && t.onFocusableItemRemove();
+    });
+    function v(e) {
+      if (e.key === "Tab" && e.shiftKey) {
+        t.onItemShiftTab();
+        return;
+      }
+      if (e.target !== e.currentTarget) return;
+      const o = g(e, t.orientation.value, t.dir.value);
+      if (o !== void 0) {
+        if (e.metaKey || e.ctrlKey || e.altKey || !n.allowShiftKey && e.shiftKey) return;
+        e.preventDefault();
+        let a = [...p().map((r) => r.ref).filter((r) => r.dataset.disabled !== "")];
+        if (o === "last") a.reverse();
+        else if (o === "prev" || o === "next") {
+          o === "prev" && a.reverse();
+          const r = a.indexOf(e.currentTarget);
+          a = t.loop.value ? F(a, r + 1) : a.slice(r + 1);
+        }
+        x(() => K(a));
+      }
+    }
+    return (e, o) => (q(), T(i(m), null, {
+      default: u(() => [B(i(y), {
+        tabindex: c.value ? 0 : -1,
+        "data-orientation": i(t).orientation.value,
+        "data-active": e.active ? "" : void 0,
+        "data-disabled": e.focusable ? void 0 : "",
+        as: e.as,
+        "as-child": e.asChild,
+        onMousedown: o[0] || (o[0] = (a) => {
+          e.focusable ? i(t).onItemFocus(s.value) : a.preventDefault();
+        }),
+        onFocus: o[1] || (o[1] = (a) => i(t).onItemFocus(s.value)),
+        onKeydown: v
+      }, {
+        default: u(() => [R(e.$slots, "default")]),
+        _: 3
+      }, 8, [
+        "tabindex",
+        "data-orientation",
+        "data-active",
+        "data-disabled",
+        "as",
+        "as-child"
+      ])]),
+      _: 3
+    }));
+  }
+}), $ = _;
+export {
+  $ as R
+};

package/dist/SelectGroup-Cor2llfd.js

@@ -0,0 +1,29 @@
+import { c as a } from "./createContext-BWsUZRn1.js";
+import { u as p } from "./useId-D4hM1ljW.js";
+import { P as u } from "./Primitive-EBuBc72_.js";
+import { defineComponent as s, createBlock as i, openBlock as c, unref as r, mergeProps as n, withCtx as d, renderSlot as _ } from "vue";
+const [y, f] = a("SelectGroup");
+var m = /* @__PURE__ */ s({
+  __name: "SelectGroup",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(t) {
+    const o = t, e = p(void 0, "reka-select-group");
+    return f({ id: e }), (l, S) => (c(), i(r(u), n({ role: "group" }, o, { "aria-labelledby": r(e) }), {
+      default: d(() => [_(l.$slots, "default")]),
+      _: 3
+    }, 16, ["aria-labelledby"]));
+  }
+}), b = m;
+export {
+  b as S,
+  y as i
+};