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

package/dist/BuiStepperDescription.vue_vue_type_script_setup_true_lang-B8bx_81P.js

@@ -0,0 +1,54 @@
+import { defineComponent as n, createBlock as i, openBlock as u, unref as e, mergeProps as c, withCtx as d, renderSlot as l, computed as _, normalizeProps as f, guardReactiveProps as x } from "vue";
+import { g } from "./utils-BYyL6OyR.js";
+import { u as P } from "./useForwardProps-COe1clk4.js";
+import { u as v } from "./useForwardExpose-DmyWSR4F.js";
+import { P as C } from "./Primitive-EBuBc72_.js";
+import { i as S } from "./StepperItem-D0pPTzc7.js";
+var h = /* @__PURE__ */ n({
+  __name: "StepperDescription",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "p"
+    }
+  },
+  setup(r) {
+    const t = r;
+    v();
+    const o = S();
+    return (s, p) => (u(), i(e(C), c(t, { id: e(o).descriptionId }), {
+      default: d(() => [l(s.$slots, "default")]),
+      _: 3
+    }, 16, ["id"]));
+  }
+}), B = h;
+const I = /* @__PURE__ */ n({
+  __name: "BuiStepperDescription",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(r) {
+    const t = r, o = _(() => {
+      const { class: p, ...a } = t;
+      return a;
+    }), s = P(o);
+    return (p, a) => (u(), i(e(B), c(e(s), {
+      class: e(g)("text-xs text-muted-foreground", t.class)
+    }), {
+      default: d((m) => [
+        l(p.$slots, "default", f(x(m)))
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  I as _
+};

package/dist/BuiStepperIndicator.vue_vue_type_script_setup_true_lang-CoqNm362.js

@@ -0,0 +1,60 @@
+import { defineComponent as d, createBlock as n, openBlock as u, unref as e, normalizeProps as l, guardReactiveProps as m, withCtx as c, renderSlot as i, createTextVNode as f, toDisplayString as _, computed as g, mergeProps as x } from "vue";
+import { g as v } from "./utils-BYyL6OyR.js";
+import { u as y } from "./useForwardProps-COe1clk4.js";
+import { u as S } from "./useForwardExpose-DmyWSR4F.js";
+import { P } from "./Primitive-EBuBc72_.js";
+import { i as h } from "./StepperItem-D0pPTzc7.js";
+var C = /* @__PURE__ */ d({
+  __name: "StepperIndicator",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(a) {
+    const t = a, r = h();
+    return S(), (o, s) => (u(), n(e(P), l(m(t)), {
+      default: c(() => [i(o.$slots, "default", { step: e(r).step.value }, () => [f(" Step " + _(e(r).step.value), 1)])]),
+      _: 3
+    }, 16));
+  }
+}), w = C;
+const F = /* @__PURE__ */ d({
+  __name: "BuiStepperIndicator",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(a) {
+    const t = a, r = g(() => {
+      const { class: s, ...p } = t;
+      return p;
+    }), o = y(r);
+    return (s, p) => (u(), n(e(w), x(e(o), {
+      class: e(v)(
+        "inline-flex h-8 w-8 items-center justify-center rounded-full text-muted-foreground/50",
+        // Disabled
+        "group-data-disabled:text-muted-foreground group-data-disabled:opacity-50",
+        // Active
+        "group-data-[state=active]:bg-primary group-data-[state=active]:text-primary-foreground",
+        // Completed
+        "group-data-[state=completed]:bg-accent group-data-[state=completed]:text-accent-foreground",
+        t.class
+      )
+    }), {
+      default: c(() => [
+        i(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  F as _
+};

package/dist/BuiStepperItem.vue_vue_type_script_setup_true_lang-DZ4syPyn.js

@@ -0,0 +1,32 @@
+import { defineComponent as l, computed as c, createBlock as d, openBlock as m, unref as e, mergeProps as i, withCtx as u, renderSlot as f, normalizeProps as _, guardReactiveProps as g } from "vue";
+import { g as B } from "./utils-BYyL6OyR.js";
+import { u as P } from "./useForwardProps-COe1clk4.js";
+import { S } from "./StepperItem-D0pPTzc7.js";
+const C = /* @__PURE__ */ l({
+  __name: "BuiStepperItem",
+  props: {
+    step: {},
+    disabled: { type: Boolean },
+    completed: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(s) {
+    const o = s, a = c(() => {
+      const { class: t, ...r } = o;
+      return r;
+    }), p = P(a);
+    return (t, r) => (m(), d(e(S), i(e(p), {
+      class: e(B)("group flex items-center gap-2 data-disabled:pointer-events-none", o.class)
+    }), {
+      default: u((n) => [
+        f(t.$slots, "default", _(g(n)))
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  C as _
+};

package/dist/BuiStepperSeparator.vue_vue_type_script_setup_true_lang-x9K6Ih-S.js

@@ -0,0 +1,68 @@
+import { defineComponent as n, createBlock as i, openBlock as d, unref as e, mergeProps as u, withCtx as l, renderSlot as c, computed as m } from "vue";
+import { g as _ } from "./utils-BYyL6OyR.js";
+import { u as f } from "./useForwardProps-COe1clk4.js";
+import { u as S } from "./useForwardExpose-DmyWSR4F.js";
+import { S as g } from "./Separator-C7hyfmde.js";
+import { i as v } from "./StepperRoot-DTKGD-ar.js";
+import { i as x } from "./StepperItem-D0pPTzc7.js";
+var y = /* @__PURE__ */ n({
+  __name: "StepperSeparator",
+  props: {
+    orientation: {
+      type: String,
+      required: !1
+    },
+    decorative: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(r) {
+    const t = r, o = v(), a = x();
+    return S(), (p, s) => (d(), i(e(g), u(t, {
+      decorative: "",
+      orientation: e(o).orientation.value,
+      "data-state": e(a).state.value
+    }), {
+      default: l(() => [c(p.$slots, "default")]),
+      _: 3
+    }, 16, ["orientation", "data-state"]));
+  }
+}), C = y;
+const k = /* @__PURE__ */ n({
+  __name: "BuiStepperSeparator",
+  props: {
+    orientation: {},
+    decorative: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(r) {
+    const t = r, o = m(() => {
+      const { class: p, ...s } = t;
+      return s;
+    }), a = f(o);
+    return (p, s) => (d(), i(e(C), u(e(a), {
+      class: e(_)(
+        "bg-muted",
+        // Disabled
+        "group-data-disabled:bg-muted group-data-disabled:opacity-50",
+        // Completed
+        "group-data-[state=completed]:bg-accent-foreground",
+        t.class
+      )
+    }), null, 16, ["class"]));
+  }
+});
+export {
+  k as _
+};

package/dist/BuiStepperTitle.vue_vue_type_script_setup_true_lang-Bmd5cuMW.js

@@ -0,0 +1,52 @@
+import { defineComponent as l, createBlock as n, openBlock as i, unref as e, mergeProps as u, withCtx as d, renderSlot as c, computed as m } from "vue";
+import { g as _ } from "./utils-BYyL6OyR.js";
+import { u as f } from "./useForwardProps-COe1clk4.js";
+import { u as h } from "./useForwardExpose-DmyWSR4F.js";
+import { P as w } from "./Primitive-EBuBc72_.js";
+import { i as x } from "./StepperItem-D0pPTzc7.js";
+var C = /* @__PURE__ */ l({
+  __name: "StepperTitle",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "h4"
+    }
+  },
+  setup(r) {
+    const t = r, s = x();
+    return h(), (o, a) => (i(), n(e(w), u(t, { id: e(s).titleId }), {
+      default: d(() => [c(o.$slots, "default")]),
+      _: 3
+    }, 16, ["id"]));
+  }
+}), S = C;
+const k = /* @__PURE__ */ l({
+  __name: "BuiStepperTitle",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(r) {
+    const t = r, s = m(() => {
+      const { class: a, ...p } = t;
+      return p;
+    }), o = f(s);
+    return (a, p) => (i(), n(e(S), u(e(o), {
+      class: e(_)("text-md whitespace-nowrap font-semibold", t.class)
+    }), {
+      default: d(() => [
+        c(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  k as _
+};

package/dist/BuiStepperTrigger.vue_vue_type_script_setup_true_lang-BpAKlli4.js

@@ -0,0 +1,121 @@
+import { defineComponent as u, computed as n, onMounted as _, onUnmounted as y, createBlock as p, openBlock as c, unref as r, withKeys as g, withModifiers as h, withCtx as f, renderSlot as m, mergeProps as w } from "vue";
+import { g as R } from "./utils-BYyL6OyR.js";
+import { u as S } from "./useForwardProps-COe1clk4.js";
+import { g as C } from "./getActiveElement-BtjqRiQQ.js";
+import { u as x } from "./useArrowNavigation-kN9MfIAD.js";
+import { u as A } from "./useForwardExpose-DmyWSR4F.js";
+import { u as K } from "./useKbd-BJNupnml.js";
+import { P as I } from "./Primitive-EBuBc72_.js";
+import { i as E } from "./StepperRoot-DTKGD-ar.js";
+import { i as M } from "./StepperItem-D0pPTzc7.js";
+var P = /* @__PURE__ */ u({
+  __name: "StepperTrigger",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "button"
+    }
+  },
+  setup(i) {
+    const a = E(), e = M(), o = K(), l = n(() => Array.from(a.totalStepperItems.value));
+    function s(t) {
+      if (!e.disabled.value) {
+        if (a.linear.value) {
+          if ((e.step.value <= a.modelValue.value || e.step.value === a.modelValue.value + 1) && t.ctrlKey === !1) {
+            a.changeModelValue(e.step.value);
+            return;
+          }
+        } else if (t.ctrlKey === !1) {
+          a.changeModelValue(e.step.value);
+          return;
+        }
+        t.preventDefault();
+      }
+    }
+    function v(t) {
+      t.preventDefault(), !e.disabled.value && ((t.key === o.ENTER || t.key === o.SPACE) && !t.ctrlKey && !t.shiftKey && a.changeModelValue(e.step.value), [
+        o.ARROW_LEFT,
+        o.ARROW_RIGHT,
+        o.ARROW_UP,
+        o.ARROW_DOWN
+      ].includes(t.key) && x(t, C(), void 0, {
+        itemsArray: l.value,
+        focus: !0,
+        loop: !1,
+        arrowKeyOptions: a.orientation.value,
+        dir: a.dir.value
+      }));
+    }
+    const { forwardRef: b, currentElement: d } = A();
+    return _(() => {
+      a.totalStepperItems.value.add(d.value);
+    }), y(() => {
+      a.totalStepperItems.value.delete(d.value);
+    }), (t, k) => (c(), p(r(I), {
+      ref: r(b),
+      type: t.as === "button" ? "button" : void 0,
+      as: t.as,
+      "as-child": t.asChild,
+      "data-state": r(e).state.value,
+      disabled: r(e).disabled.value || !r(e).isFocusable.value ? "" : void 0,
+      "data-disabled": r(e).disabled.value || !r(e).isFocusable.value ? "" : void 0,
+      "data-orientation": r(a).orientation.value,
+      tabindex: r(e).isFocusable.value ? 0 : -1,
+      "aria-describedby": r(e).descriptionId,
+      "aria-labelledby": r(e).titleId,
+      onMousedown: h(s, ["left"]),
+      onKeydown: g(v, [
+        "enter",
+        "space",
+        "left",
+        "right",
+        "up",
+        "down"
+      ])
+    }, {
+      default: f(() => [m(t.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "type",
+      "as",
+      "as-child",
+      "data-state",
+      "disabled",
+      "data-disabled",
+      "data-orientation",
+      "tabindex",
+      "aria-describedby",
+      "aria-labelledby"
+    ]));
+  }
+}), T = P;
+const $ = /* @__PURE__ */ u({
+  __name: "BuiStepperTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(i) {
+    const a = i, e = n(() => {
+      const { class: l, ...s } = a;
+      return s;
+    }), o = S(e);
+    return (l, s) => (c(), p(r(T), w(r(o), {
+      class: r(R)("flex flex-col items-center gap-1 rounded-md p-1 text-center", a.class)
+    }), {
+      default: f(() => [
+        m(l.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  $ as _
+};

package/dist/BuiSwitch.vue_vue_type_script_setup_true_lang-XFLo2vqO.js

@@ -0,0 +1,186 @@
+import { defineComponent as c, toRefs as w, computed as q, createBlock as i, openBlock as n, unref as e, mergeProps as m, withKeys as C, withModifiers as V, withCtx as p, renderSlot as k, createCommentVNode as S, inject as B, toRef as R, createVNode as E, normalizeClass as F } from "vue";
+import { F as N, g as b } from "./utils-BYyL6OyR.js";
+import { u as T } from "./useForwardPropsEmits-DriEAzTI.js";
+import { c as $ } from "./createContext-BWsUZRn1.js";
+import { u as K } from "./useFormControl-kgOmRVjW.js";
+import { u as v } from "./useForwardExpose-DmyWSR4F.js";
+import { P as g } from "./Primitive-EBuBc72_.js";
+import { V as P } from "./VisuallyHiddenInput-BUnpp8eT.js";
+import { useVModel as x } from "@vueuse/core";
+const [I, M] = $("SwitchRoot");
+var O = /* @__PURE__ */ c({
+  __name: "SwitchRoot",
+  props: {
+    defaultValue: {
+      type: Boolean,
+      required: !1
+    },
+    modelValue: {
+      type: [Boolean, null],
+      required: !1,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    id: {
+      type: String,
+      required: !1
+    },
+    value: {
+      type: String,
+      required: !1,
+      default: "on"
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "button"
+    },
+    name: {
+      type: String,
+      required: !1
+    },
+    required: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: o }) {
+    const a = s, u = o, { disabled: r } = w(a), d = x(a, "modelValue", u, {
+      defaultValue: a.defaultValue,
+      passive: a.modelValue === void 0
+    });
+    function l() {
+      r.value || (d.value = !d.value);
+    }
+    const { forwardRef: f, currentElement: h } = v(), y = K(h), _ = q(() => a.id && h.value ? document.querySelector(`[for="${a.id}"]`)?.innerText : void 0);
+    return M({
+      modelValue: d,
+      toggleCheck: l,
+      disabled: r
+    }), (t, z) => (n(), i(e(g), m(t.$attrs, {
+      id: t.id,
+      ref: e(f),
+      role: "switch",
+      type: t.as === "button" ? "button" : void 0,
+      value: t.value,
+      "aria-label": t.$attrs["aria-label"] || _.value,
+      "aria-checked": e(d),
+      "aria-required": t.required,
+      "data-state": e(d) ? "checked" : "unchecked",
+      "data-disabled": e(r) ? "" : void 0,
+      "as-child": t.asChild,
+      as: t.as,
+      disabled: e(r),
+      onClick: l,
+      onKeydown: C(V(l, ["prevent"]), ["enter"])
+    }), {
+      default: p(() => [k(t.$slots, "default", { modelValue: e(d) }), e(y) && t.name ? (n(), i(e(P), {
+        key: 0,
+        type: "checkbox",
+        name: t.name,
+        disabled: e(r),
+        required: t.required,
+        value: t.value,
+        checked: !!e(d)
+      }, null, 8, [
+        "name",
+        "disabled",
+        "required",
+        "value",
+        "checked"
+      ])) : S("v-if", !0)]),
+      _: 3
+    }, 16, [
+      "id",
+      "type",
+      "value",
+      "aria-label",
+      "aria-checked",
+      "aria-required",
+      "data-state",
+      "data-disabled",
+      "as-child",
+      "as",
+      "disabled",
+      "onKeydown"
+    ]));
+  }
+}), j = O, L = /* @__PURE__ */ c({
+  __name: "SwitchThumb",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(s) {
+    const o = I();
+    return v(), (a, u) => (n(), i(e(g), {
+      "data-state": e(o).modelValue?.value ? "checked" : "unchecked",
+      "data-disabled": e(o).disabled.value ? "" : void 0,
+      "as-child": a.asChild,
+      as: a.as
+    }, {
+      default: p(() => [k(a.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "data-state",
+      "data-disabled",
+      "as-child",
+      "as"
+    ]));
+  }
+}), Y = L;
+const Z = /* @__PURE__ */ c({
+  __name: "BuiSwitch",
+  props: {
+    defaultValue: { type: Boolean },
+    modelValue: { type: [Boolean, null] },
+    disabled: { type: Boolean },
+    id: {},
+    value: {},
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean },
+    class: {}
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: o }) {
+    const a = s, r = T(a, o), d = B(N, R(!1));
+    return (l, f) => (n(), i(e(j), m(e(r), {
+      class: e(b)(
+        "peer focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:border-border data-[state=checked]:bg-primary data-[state=unchecked]:bg-background data-[state=checked]:hover:bg-accent-foreground disabled:data-[state=checked]:border-accent/30 disabled:data-[state=checked]:bg-accent/30 dark:data-[state=unchecked]:border-border dark:data-[state=unchecked]:bg-input/15 dark:data-[state=unchecked]:hover:bg-accent/30 dark:data-[state=checked]:hover:enabled:border-primary-hover dark:data-[state=checked]:hover:enabled:bg-primary-hover dark:data-[state=unchecked]:disabled:border-foreground/30 dark:data-[state=unchecked]:disabled:bg-foreground/30 inline-flex h-[20px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed data-[state=unchecked]:border-gray-300 data-[state=unchecked]:hover:bg-gray-50 disabled:data-[state=unchecked]:bg-slate-300/16",
+        a.class
+      ),
+      disabled: e(d) || a.disabled
+    }), {
+      default: p(() => [
+        E(e(Y), {
+          class: F(
+            e(b)(
+              "data-[state=checked]:bg-background dark:data-disabled:bg-foreground/30 dark:data-[state=checked]:bg-foreground dark:data-[state=unchecked]:bg-foreground pointer-events-none block h-3 w-3 rounded-full bg-gray-400 shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-[26px] data-[state=unchecked]:translate-x-1"
+            )
+          )
+        }, null, 8, ["class"])
+      ]),
+      _: 1
+    }, 16, ["class", "disabled"]));
+  }
+});
+export {
+  Z as _
+};

package/dist/BuiTable.vue_vue_type_script_setup_true_lang-Binw-Rld.js

@@ -0,0 +1,28 @@
+import { defineComponent as a, createBlock as l, openBlock as n, unref as o, withCtx as i, renderSlot as r, createElementVNode as c, createVNode as m, normalizeClass as f } from "vue";
+import { _ as p } from "./BuiScrollArea.vue_vue_type_script_setup_true_lang-_EG_KhUd.js";
+import { _ as u } from "./BuiScrollBar.vue_vue_type_script_setup_true_lang-Cps_IAtL.js";
+import { g as _ } from "./utils-BYyL6OyR.js";
+const B = /* @__PURE__ */ a({
+  __name: "BuiTable",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const s = t;
+    return (e, d) => (n(), l(o(p), { class: "border-border/16 w-full grow overflow-auto rounded border" }, {
+      default: i(() => [
+        r(e.$slots, "columnVisibility"),
+        c("table", {
+          class: f(o(_)("w-full caption-top text-sm", s.class))
+        }, [
+          r(e.$slots, "default")
+        ], 2),
+        m(o(u), { orientation: "horizontal" })
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  B as _
+};

package/dist/BuiTableBody.vue_vue_type_script_setup_true_lang-CMvrY2ha.js

@@ -0,0 +1,19 @@
+import { defineComponent as s, createElementBlock as t, openBlock as n, normalizeClass as a, unref as l, renderSlot as c } from "vue";
+import { g as p } from "./utils-BYyL6OyR.js";
+const _ = /* @__PURE__ */ s({
+  __name: "BuiTableBody",
+  props: {
+    class: {}
+  },
+  setup(e) {
+    const o = e;
+    return (r, m) => (n(), t("tbody", {
+      class: a(l(p)("[&_tr:last-child]:border-0", o.class))
+    }, [
+      c(r.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  _
+};

package/dist/BuiTableCaption.vue_vue_type_script_setup_true_lang-D91bjQTX.js

@@ -0,0 +1,19 @@
+import { defineComponent as s, createElementBlock as n, openBlock as r, normalizeClass as a, unref as p, renderSlot as c } from "vue";
+import { g as l } from "./utils-BYyL6OyR.js";
+const u = /* @__PURE__ */ s({
+  __name: "BuiTableCaption",
+  props: {
+    class: {}
+  },
+  setup(e) {
+    const o = e;
+    return (t, m) => (r(), n("caption", {
+      class: a(p(l)("px-8 py-4 text-left", o.class))
+    }, [
+      c(t.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  u as _
+};

package/dist/BuiTableCell.vue_vue_type_script_setup_true_lang-DIfJCEoN.js

@@ -0,0 +1,24 @@
+import { defineComponent as o, createElementBlock as l, openBlock as t, normalizeClass as a, unref as n, renderSlot as p } from "vue";
+import { g as c } from "./utils-BYyL6OyR.js";
+const f = /* @__PURE__ */ o({
+  __name: "BuiTableCell",
+  props: {
+    class: {}
+  },
+  setup(e) {
+    const s = e;
+    return (r, m) => (t(), l("td", {
+      class: a(
+        n(c)(
+          "h-12 break-words px-2 py-1 align-middle text-xs first:pl-3 last:pr-3 [&:has([role=checkbox])]:pr-0",
+          s.class
+        )
+      )
+    }, [
+      p(r.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  f as _
+};