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

package/dist/BuiRadioGroupItem.vue_vue_type_script_setup_true_lang-Yxzj2m7E.js

@@ -0,0 +1,294 @@
+import { defineComponent as _, toRefs as S, computed as k, createBlock as h, openBlock as b, unref as e, mergeProps as g, withModifiers as E, withCtx as u, renderSlot as R, createCommentVNode as A, ref as P, createVNode as q, withKeys as $, normalizeClass as V } from "vue";
+import { c as F } from "./createContext-BWsUZRn1.js";
+import { u as C } from "./useForwardExpose-DmyWSR4F.js";
+import { R as D } from "./RovingFocusItem-BC6Mg6Db.js";
+import { u as M } from "./useFormControl-kgOmRVjW.js";
+import { P as G } from "./Primitive-EBuBc72_.js";
+import { V as j } from "./VisuallyHiddenInput-BUnpp8eT.js";
+import { h as K } from "./handleAndDispatchCustomEvent-Byh08EHr.js";
+import { useVModel as L, useEventListener as B } from "@vueuse/core";
+import { i as T } from "./RadioGroupRoot-CzUSJjjD.js";
+import { i as N } from "./ohash.D__AXeF1-5f2AoVdz.js";
+import { P as O } from "./Presence-BadhDRMZ.js";
+import { g as I } from "./utils-BYyL6OyR.js";
+import { C as U } from "./circle-Cm0FuBSd.js";
+const z = "radio.select";
+function H(o, d, a) {
+  K(z, a, {
+    originalEvent: o,
+    value: d
+  });
+}
+var W = /* @__PURE__ */ _({
+  __name: "Radio",
+  props: {
+    id: {
+      type: String,
+      required: !1
+    },
+    value: {
+      type: null,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    checked: {
+      type: Boolean,
+      required: !1,
+      default: void 0
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "button"
+    },
+    name: {
+      type: String,
+      required: !1
+    },
+    required: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  emits: ["update:checked", "select"],
+  setup(o, { emit: d }) {
+    const a = o, t = d, l = L(a, "checked", t, { passive: a.checked === void 0 }), { value: y } = S(a), { forwardRef: n, currentElement: s } = C(), f = M(s), i = k(() => a.id && s.value ? document.querySelector(`[for="${a.id}"]`)?.innerText ?? a.value : void 0);
+    function m(r) {
+      a.disabled || H(r, a.value, (c) => {
+        t("select", c), !c?.defaultPrevented && (l.value = !0, f.value && c.stopPropagation());
+      });
+    }
+    return (r, c) => (b(), h(e(G), g(r.$attrs, {
+      id: r.id,
+      ref: e(n),
+      role: "radio",
+      type: r.as === "button" ? "button" : void 0,
+      as: r.as,
+      "aria-checked": e(l),
+      "aria-label": i.value,
+      "as-child": r.asChild,
+      disabled: r.disabled ? "" : void 0,
+      "data-state": e(l) ? "checked" : "unchecked",
+      "data-disabled": r.disabled ? "" : void 0,
+      value: e(y),
+      required: r.required,
+      name: r.name,
+      onClick: E(m, ["stop"])
+    }), {
+      default: u(() => [R(r.$slots, "default", { checked: e(l) }), e(f) && r.name ? (b(), h(e(j), {
+        key: 0,
+        type: "radio",
+        tabindex: "-1",
+        value: e(y),
+        checked: !!e(l),
+        name: r.name,
+        disabled: r.disabled,
+        required: r.required
+      }, null, 8, [
+        "value",
+        "checked",
+        "name",
+        "disabled",
+        "required"
+      ])) : A("v-if", !0)]),
+      _: 3
+    }, 16, [
+      "id",
+      "type",
+      "as",
+      "aria-checked",
+      "aria-label",
+      "as-child",
+      "disabled",
+      "data-state",
+      "data-disabled",
+      "value",
+      "required",
+      "name"
+    ]));
+  }
+}), Y = W;
+const [J, Q] = F("RadioGroupItem");
+var X = /* @__PURE__ */ _({
+  inheritAttrs: !1,
+  __name: "RadioGroupItem",
+  props: {
+    id: {
+      type: String,
+      required: !1
+    },
+    value: {
+      type: null,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "button"
+    },
+    name: {
+      type: String,
+      required: !1
+    },
+    required: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  emits: ["select"],
+  setup(o, { emit: d }) {
+    const a = o, t = d, { forwardRef: l, currentElement: y } = C(), n = T(), s = k(() => n.disabled.value || a.disabled), f = k(() => n.required.value || a.required), i = k(() => N(n.modelValue?.value, a.value));
+    Q({
+      disabled: s,
+      checked: i
+    });
+    const m = P(!1), r = [
+      "ArrowUp",
+      "ArrowDown",
+      "ArrowLeft",
+      "ArrowRight"
+    ];
+    B("keydown", (v) => {
+      r.includes(v.key) && (m.value = !0);
+    }), B("keyup", () => {
+      m.value = !1;
+    });
+    function c() {
+      setTimeout(() => {
+        m.value && y.value?.click();
+      }, 0);
+    }
+    return (v, p) => (b(), h(e(D), {
+      checked: i.value,
+      disabled: s.value,
+      "as-child": "",
+      focusable: !s.value,
+      active: i.value
+    }, {
+      default: u(() => [q(Y, g({
+        ...v.$attrs,
+        ...a
+      }, {
+        ref: e(l),
+        checked: i.value,
+        required: f.value,
+        disabled: s.value,
+        "onUpdate:checked": p[0] || (p[0] = (w) => e(n).changeModelValue(v.value)),
+        onSelect: p[1] || (p[1] = (w) => t("select", w)),
+        onKeydown: p[2] || (p[2] = $(E(() => {
+        }, ["prevent"]), ["enter"])),
+        onFocus: c
+      }), {
+        default: u(() => [R(v.$slots, "default", {
+          checked: i.value,
+          required: f.value,
+          disabled: s.value
+        })]),
+        _: 3
+      }, 16, [
+        "checked",
+        "required",
+        "disabled"
+      ])]),
+      _: 3
+    }, 8, [
+      "checked",
+      "disabled",
+      "focusable",
+      "active"
+    ]));
+  }
+}), Z = X, x = /* @__PURE__ */ _({
+  __name: "RadioGroupIndicator",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(o) {
+    const { forwardRef: d } = C(), a = J();
+    return (t, l) => (b(), h(e(O), { present: t.forceMount || e(a).checked.value }, {
+      default: u(() => [q(e(G), g({
+        ref: e(d),
+        "data-state": e(a).checked.value ? "checked" : "unchecked",
+        "data-disabled": e(a).disabled.value ? "" : void 0,
+        "as-child": t.asChild,
+        as: t.as
+      }, t.$attrs), {
+        default: u(() => [R(t.$slots, "default")]),
+        _: 3
+      }, 16, [
+        "data-state",
+        "data-disabled",
+        "as-child",
+        "as"
+      ])]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), ee = x;
+const ve = /* @__PURE__ */ _({
+  __name: "BuiRadioGroupItem",
+  props: {
+    id: {},
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean },
+    class: {}
+  },
+  setup(o) {
+    const d = o;
+    return (a, t) => (b(), h(e(Z), g(d, {
+      class: e(I)(
+        `flex aspect-square h-4 w-4 cursor-pointer items-center justify-center rounded-full border border-input bg-background hover:enabled:bg-gray-50 disabled:cursor-not-allowed disabled:bg-gray-50
+        disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:hover:bg-primary-hover dark:border-primary dark:data-[state=unchecked]:bg-primary/16 dark:hover:enabled:data-[state=unchecked]:bg-primary/32`,
+        d.class
+      )
+    }), {
+      default: u(() => [
+        q(e(ee), {
+          class: V(e(I)("flex items-center justify-center data-[state=checked]:text-white", d.class))
+        }, {
+          default: u(() => [
+            q(e(U), { class: "h-2 w-2 fill-current text-current" })
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ]),
+      _: 1
+    }, 16, ["class"]));
+  }
+});
+export {
+  ve as _
+};

package/dist/BuiScrollArea.vue_vue_type_script_setup_true_lang-_EG_KhUd.js

@@ -0,0 +1,141 @@
+import { defineComponent as p, ref as m, computed as d, watch as S, createBlock as C, createCommentVNode as k, openBlock as f, unref as r, mergeProps as v, withCtx as u, renderSlot as _, toRefs as $, onMounted as x, createElementBlock as V, Fragment as B, createElementVNode as X, createVNode as i, normalizeStyle as H, createTextVNode as N } from "vue";
+import { i as w, S as R, _ as Y } from "./BuiScrollBar.vue_vue_type_script_setup_true_lang-Cps_IAtL.js";
+import { u as E } from "./useForwardExpose-DmyWSR4F.js";
+import { P as b } from "./Primitive-EBuBc72_.js";
+import { useResizeObserver as A } from "@vueuse/core";
+import { u as q } from "./useNonce-DM9DidHz.js";
+import { g as W } from "./utils-BYyL6OyR.js";
+var P = /* @__PURE__ */ p({
+  __name: "ScrollAreaCornerImpl",
+  setup(c) {
+    const e = w(), l = m(0), o = m(0), s = d(() => !!l.value && !!o.value);
+    function a() {
+      const t = e.scrollbarX.value?.offsetHeight || 0;
+      e.onCornerHeightChange(t), o.value = t;
+    }
+    function n() {
+      const t = e.scrollbarY.value?.offsetWidth || 0;
+      e.onCornerWidthChange(t), l.value = t;
+    }
+    return A(e.scrollbarX.value, a), A(e.scrollbarY.value, n), S(() => e.scrollbarX.value, a), S(() => e.scrollbarY.value, n), (t, y) => s.value ? (f(), C(r(b), v({
+      key: 0,
+      style: {
+        width: `${l.value}px`,
+        height: `${o.value}px`,
+        position: "absolute",
+        right: r(e).dir.value === "ltr" ? 0 : void 0,
+        left: r(e).dir.value === "rtl" ? 0 : void 0,
+        bottom: 0
+      }
+    }, t.$parent?.$props), {
+      default: u(() => [_(t.$slots, "default")]),
+      _: 3
+    }, 16, ["style"])) : k("v-if", !0);
+  }
+}), z = P, I = /* @__PURE__ */ p({
+  __name: "ScrollAreaCorner",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(c) {
+    const e = c, { forwardRef: l } = E(), o = w(), s = d(() => !!o.scrollbarX.value && !!o.scrollbarY.value), a = d(() => o.type.value !== "scroll" && s.value);
+    return (n, t) => a.value ? (f(), C(z, v({ key: 0 }, e, { ref: r(l) }), {
+      default: u(() => [_(n.$slots, "default")]),
+      _: 3
+    }, 16)) : k("v-if", !0);
+  }
+}), F = I, j = /* @__PURE__ */ p({
+  inheritAttrs: !1,
+  __name: "ScrollAreaViewport",
+  props: {
+    nonce: {
+      type: String,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(c, { expose: e }) {
+    const l = c, { nonce: o } = $(l), s = q(o), a = w(), n = m();
+    x(() => {
+      a.onViewportChange(n.value), a.onContentChange(y.value);
+    }), e({ viewportElement: n });
+    const { forwardRef: t, currentElement: y } = E();
+    return (h, g) => (f(), V(B, null, [X("div", v({
+      ref_key: "viewportElement",
+      ref: n,
+      "data-reka-scroll-area-viewport": "",
+      style: {
+        overflowX: r(a).scrollbarXEnabled.value ? "scroll" : "hidden",
+        overflowY: r(a).scrollbarYEnabled.value ? "scroll" : "hidden"
+      }
+    }, h.$attrs, { tabindex: 0 }), [i(r(b), {
+      ref: r(t),
+      style: H({ minWidth: r(a).scrollbarXEnabled.value ? "fit-content" : void 0 }),
+      "as-child": l.asChild,
+      as: h.as
+    }, {
+      default: u(() => [_(h.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "style",
+      "as-child",
+      "as"
+    ])], 16), i(r(b), {
+      as: "style",
+      nonce: r(s)
+    }, {
+      default: u(() => g[0] || (g[0] = [N(" /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-scroll-area-viewport] { scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; } [data-reka-scroll-area-viewport]::-webkit-scrollbar { display:none; } ")])),
+      _: 1,
+      __: [0]
+    }, 8, ["nonce"])], 64));
+  }
+}), D = j;
+const Q = /* @__PURE__ */ p({
+  __name: "BuiScrollArea",
+  props: {
+    type: {},
+    dir: {},
+    scrollHideDelay: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(c) {
+    const e = c, l = d(() => {
+      const { class: o, ...s } = e;
+      return s;
+    });
+    return (o, s) => (f(), C(r(R), v(l.value, {
+      class: r(W)("relative overflow-hidden", e.class)
+    }), {
+      default: u(() => [
+        i(r(D), { class: "h-full w-full rounded-[inherit]" }, {
+          default: u(() => [
+            _(o.$slots, "default")
+          ]),
+          _: 3
+        }),
+        i(Y),
+        i(r(F))
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  Q as _
+};