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

package/README.md

@@ -1,71 +1,5 @@
-# bootsman-ui-shadcn
+# Vue 3 + TypeScript + Vite
 
-This template should help get you started developing with Vue 3 in Vite.
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
 
-## Recommended IDE Setup
-
-[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
-
-## Type Support for `.vue` Imports in TS
-
-TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
-
-If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
-
-1. Disable the built-in TypeScript Extension
-    1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette
-    2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
-2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
-
-## Customize configuration
-
-See [Vite Configuration Reference](https://vitejs.dev/config/).
-
-## Project Setup
-
-```sh
-pnpm install
-```
-
-### Compile and Hot-Reload for Development
-
-```sh
-pnpm dev
-```
-
-### Type-Check, Compile and Minify for Production
-
-```sh
-pnpm build
-```
-
-### Run Unit Tests with [Vitest](https://vitest.dev/)
-
-```sh
-pnpm test:unit
-```
-
-### Run End-to-End Tests with [Playwright](https://playwright.dev)
-
-```sh
-# Install browsers for the first run
-npx playwright install
-
-# When testing on CI, must build the project first
-pnpm build
-
-# Runs the end-to-end tests
-pnpm test:e2e
-# Runs the tests only on Chromium
-pnpm test:e2e --project=chromium
-# Runs the tests of a specific file
-pnpm test:e2e tests/example.spec.ts
-# Runs the tests in debug mode
-pnpm test:e2e --debug
-```
-
-### Lint with [ESLint](https://eslint.org/)
-
-```sh
-pnpm lint
-```
+Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).

package/dist/AccordionItem-CX5Y-wNP.js

@@ -0,0 +1,96 @@
+import { c as y } from "./createContext-BWsUZRn1.js";
+import { u as _ } from "./useArrowNavigation-kN9MfIAD.js";
+import { u as A } from "./useForwardExpose-DmyWSR4F.js";
+import { C as I } from "./CollapsibleRoot-CLDFGzrs.js";
+import { i as h } from "./AccordionRoot-BHb3QKJo.js";
+import { defineComponent as x, computed as n, createBlock as b, openBlock as g, unref as u, withKeys as w, withCtx as q, renderSlot as B } from "vue";
+var s = /* @__PURE__ */ (function(o) {
+  return o.Open = "open", o.Closed = "closed", o;
+})(s || {});
+const [F, O] = y("AccordionItem");
+var E = /* @__PURE__ */ x({
+  __name: "AccordionItem",
+  props: {
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    value: {
+      type: String,
+      required: !0
+    },
+    unmountOnHide: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(o, { expose: p }) {
+    const t = o, e = h(), a = n(() => e.isSingle.value ? t.value === e.modelValue.value : Array.isArray(e.modelValue.value) && e.modelValue.value.includes(t.value)), r = n(() => e.disabled.value || t.disabled), i = n(() => r.value ? "" : void 0), c = n(() => a.value ? s.Open : s.Closed);
+    p({
+      open: a,
+      dataDisabled: i
+    });
+    const { currentRef: m, currentElement: v } = A();
+    O({
+      open: a,
+      dataState: c,
+      disabled: r,
+      dataDisabled: i,
+      triggerId: "",
+      currentRef: m,
+      currentElement: v,
+      value: n(() => t.value)
+    });
+    function f(l) {
+      const d = l.target;
+      if (Array.from(e.parentElement.value?.querySelectorAll("[data-reka-collection-item]") ?? []).findIndex((C) => C === d) === -1) return null;
+      _(l, d, e.parentElement.value, {
+        arrowKeyOptions: e.orientation,
+        dir: e.direction.value,
+        focus: !0
+      });
+    }
+    return (l, d) => (g(), b(u(I), {
+      "data-orientation": u(e).orientation,
+      "data-disabled": i.value,
+      "data-state": c.value,
+      disabled: r.value,
+      open: a.value,
+      as: t.as,
+      "as-child": t.asChild,
+      "unmount-on-hide": u(e).unmountOnHide.value,
+      onKeydown: w(f, [
+        "up",
+        "down",
+        "left",
+        "right",
+        "home",
+        "end"
+      ])
+    }, {
+      default: q(() => [B(l.$slots, "default", { open: a.value })]),
+      _: 3
+    }, 8, [
+      "data-orientation",
+      "data-disabled",
+      "data-state",
+      "disabled",
+      "open",
+      "as",
+      "as-child",
+      "unmount-on-hide"
+    ]));
+  }
+}), N = E;
+export {
+  N as A,
+  F as i
+};

package/dist/AccordionRoot-BHb3QKJo.js

@@ -0,0 +1,82 @@
+import { c as y } from "./createContext-BWsUZRn1.js";
+import { u as _ } from "./useDirection-nP8SCoKq.js";
+import { u as q } from "./useForwardExpose-DmyWSR4F.js";
+import { P as R } from "./Primitive-EBuBc72_.js";
+import { u as g } from "./useSingleOrMultipleValue-U_UhlK9p.js";
+import { defineComponent as h, toRefs as v, createBlock as A, openBlock as C, unref as t, withCtx as V, renderSlot as B } from "vue";
+const [P, S] = y("AccordionRoot");
+var b = /* @__PURE__ */ h({
+  __name: "AccordionRoot",
+  props: {
+    collapsible: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    dir: {
+      type: String,
+      required: !1
+    },
+    orientation: {
+      type: String,
+      required: !1,
+      default: "vertical"
+    },
+    unmountOnHide: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    },
+    type: {
+      type: String,
+      required: !1
+    },
+    modelValue: {
+      type: null,
+      required: !1
+    },
+    defaultValue: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: a }) {
+    const e = l, i = a, { dir: n, disabled: s, unmountOnHide: u } = v(e), d = _(n), { modelValue: r, changeModelValue: c, isSingle: p } = g(e, i), { forwardRef: f, currentElement: m } = q();
+    return S({
+      disabled: s,
+      direction: d,
+      orientation: e.orientation,
+      parentElement: m,
+      isSingle: p,
+      collapsible: e.collapsible,
+      modelValue: r,
+      changeModelValue: c,
+      unmountOnHide: u
+    }), (o, x) => (C(), A(t(R), {
+      ref: t(f),
+      "as-child": o.asChild,
+      as: o.as
+    }, {
+      default: V(() => [B(o.$slots, "default", { modelValue: t(r) })]),
+      _: 3
+    }, 8, ["as-child", "as"]));
+  }
+}), j = b;
+export {
+  j as A,
+  P as i
+};

package/dist/AccordionTrigger-CLOdW74d.js

@@ -0,0 +1,91 @@
+import { u as _ } from "./useForwardExpose-DmyWSR4F.js";
+import { P as m } from "./Primitive-EBuBc72_.js";
+import { i as l } from "./AccordionRoot-BHb3QKJo.js";
+import { i as s } from "./AccordionItem-CX5Y-wNP.js";
+import { defineComponent as n, createBlock as u, openBlock as c, unref as a, withCtx as p, renderSlot as f } from "vue";
+import { u as v } from "./useId-D4hM1ljW.js";
+import { C as g } from "./CollapsibleTrigger-4rOpqklu.js";
+var b = /* @__PURE__ */ n({
+  __name: "AccordionHeader",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "h3"
+    }
+  },
+  setup(i) {
+    const r = i, t = l(), e = s();
+    return _(), (d, o) => (c(), u(a(m), {
+      as: r.as,
+      "as-child": r.asChild,
+      "data-orientation": a(t).orientation,
+      "data-state": a(e).dataState.value,
+      "data-disabled": a(e).dataDisabled.value
+    }, {
+      default: p(() => [f(d.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "as",
+      "as-child",
+      "data-orientation",
+      "data-state",
+      "data-disabled"
+    ]));
+  }
+}), S = b, C = /* @__PURE__ */ n({
+  __name: "AccordionTrigger",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(i) {
+    const r = i, t = l(), e = s();
+    e.triggerId ||= v(void 0, "reka-accordion-trigger");
+    function d() {
+      const o = t.isSingle.value && e.open.value && !t.collapsible;
+      e.disabled.value || o || t.changeModelValue(e.value.value);
+    }
+    return (o, h) => (c(), u(a(g), {
+      id: a(e).triggerId,
+      ref: a(e).currentRef,
+      "data-reka-collection-item": "",
+      as: r.as,
+      "as-child": r.asChild,
+      "aria-disabled": a(e).disabled.value || void 0,
+      "aria-expanded": a(e).open.value || !1,
+      "data-disabled": a(e).dataDisabled.value,
+      "data-orientation": a(t).orientation,
+      "data-state": a(e).dataState.value,
+      disabled: a(e).disabled.value,
+      onClick: d
+    }, {
+      default: p(() => [f(o.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "id",
+      "as",
+      "as-child",
+      "aria-disabled",
+      "aria-expanded",
+      "data-disabled",
+      "data-orientation",
+      "data-state",
+      "disabled"
+    ]));
+  }
+}), T = C;
+export {
+  S as A,
+  T as a
+};

package/dist/AlertDialogContent-kHpGDA3N.js

@@ -0,0 +1,64 @@
+import { c as u } from "./createContext-BWsUZRn1.js";
+import { u as p } from "./useEmitAsProps-CNuVpXM5.js";
+import { u as d } from "./useForwardExpose-DmyWSR4F.js";
+import { D as f } from "./DialogContent-CreFOpud.js";
+import { defineComponent as m, ref as c, createBlock as C, openBlock as A, unref as n, mergeProps as g, withModifiers as r, nextTick as v, withCtx as D, renderSlot as _ } from "vue";
+const [F, x] = u("AlertDialogContent");
+var O = /* @__PURE__ */ m({
+  __name: "AlertDialogContent",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "openAutoFocus",
+    "closeAutoFocus"
+  ],
+  setup(s, { emit: l }) {
+    const i = s, a = p(l);
+    d();
+    const o = c();
+    return x({ onCancelElementChange: (t) => {
+      o.value = t;
+    } }), (t, e) => (A(), C(n(f), g({
+      ...i,
+      ...n(a)
+    }, {
+      role: "alertdialog",
+      onPointerDownOutside: e[0] || (e[0] = r(() => {
+      }, ["prevent"])),
+      onInteractOutside: e[1] || (e[1] = r(() => {
+      }, ["prevent"])),
+      onOpenAutoFocus: e[2] || (e[2] = () => {
+        v(() => {
+          o.value?.focus({ preventScroll: !0 });
+        });
+      })
+    }), {
+      default: D(() => [_(t.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), k = O;
+export {
+  k as A,
+  F as i
+};

package/dist/AvatarRoot-DFoAE3MY.js

@@ -0,0 +1,32 @@
+import { c as t } from "./createContext-BWsUZRn1.js";
+import { u as a } from "./useForwardExpose-DmyWSR4F.js";
+import { P as o } from "./Primitive-EBuBc72_.js";
+import { defineComponent as r, ref as s, createBlock as i, openBlock as l, unref as p, withCtx as n, renderSlot as u } from "vue";
+const [h, d] = t("AvatarRoot");
+var f = /* @__PURE__ */ r({
+  __name: "AvatarRoot",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(_) {
+    return a(), d({ imageLoadingStatus: s("idle") }), (e, m) => (l(), i(p(o), {
+      "as-child": e.asChild,
+      as: e.as
+    }, {
+      default: n(() => [u(e.$slots, "default")]),
+      _: 3
+    }, 8, ["as-child", "as"]));
+  }
+}), R = f;
+export {
+  R as A,
+  h as i
+};

package/dist/BuiAccordion.vue_vue_type_script_setup_true_lang-DyGzWksC.js

@@ -0,0 +1,31 @@
+import { defineComponent as l, createBlock as s, openBlock as i, unref as e, normalizeProps as p, guardReactiveProps as u, withCtx as d, renderSlot as m } from "vue";
+import { u as c } from "./useEmitAsProps-CNuVpXM5.js";
+import { A as f } from "./AccordionRoot-BHb3QKJo.js";
+const h = /* @__PURE__ */ l({
+  __name: "BuiAccordion",
+  props: {
+    collapsible: { type: Boolean },
+    disabled: { type: Boolean },
+    dir: {},
+    orientation: {},
+    unmountOnHide: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    type: {},
+    modelValue: {},
+    defaultValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(o, { emit: t }) {
+    const a = o, r = t;
+    return (n, _) => (i(), s(e(f), p(u({ ...a, ...e(c)(r) })), {
+      default: d(() => [
+        m(n.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  h as _
+};

package/dist/BuiAccordionContent.vue_vue_type_script_setup_true_lang-c5_VH1eD.js

@@ -0,0 +1,80 @@
+import { defineComponent as l, createBlock as i, openBlock as d, unref as e, withCtx as c, renderSlot as u, mergeProps as p, createElementVNode as f } from "vue";
+import { u as m } from "./useForwardExpose-DmyWSR4F.js";
+import { C as _ } from "./CollapsibleContent-F0USgHKS.js";
+import { i as C } from "./AccordionRoot-BHb3QKJo.js";
+import { i as h } from "./AccordionItem-CX5Y-wNP.js";
+import { g as v } from "./utils-DIEJYj9K.js";
+var b = /* @__PURE__ */ l({
+  __name: "AccordionContent",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(n) {
+    const t = n, a = C(), o = h();
+    return m(), (r, s) => (d(), i(e(_), {
+      role: "region",
+      "as-child": t.asChild,
+      as: r.as,
+      "force-mount": t.forceMount,
+      "aria-labelledby": e(o).triggerId,
+      "data-state": e(o).dataState.value,
+      "data-disabled": e(o).dataDisabled.value,
+      "data-orientation": e(a).orientation,
+      style: {
+        "--reka-accordion-content-width": "var(--reka-collapsible-content-width)",
+        "--reka-accordion-content-height": "var(--reka-collapsible-content-height)"
+      },
+      onContentFound: s[0] || (s[0] = (x) => e(a).changeModelValue(e(o).value.value))
+    }, {
+      default: c(() => [u(r.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "as-child",
+      "as",
+      "force-mount",
+      "aria-labelledby",
+      "data-state",
+      "data-disabled",
+      "data-orientation"
+    ]));
+  }
+}), y = b;
+const g = { class: "px-8 py-4" }, $ = /* @__PURE__ */ l({
+  __name: "BuiAccordionContent",
+  props: {
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(n) {
+    const t = n;
+    return (a, o) => (d(), i(e(y), p(t, {
+      class: e(v)(
+        "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+        t.class
+      )
+    }), {
+      default: c(() => [
+        f("div", g, [
+          u(a.$slots, "default")
+        ])
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  $ as _
+};

package/dist/BuiAccordionItem.vue_vue_type_script_setup_true_lang-Dd1nCo36.js

@@ -0,0 +1,28 @@
+import { defineComponent as t, createBlock as n, openBlock as a, unref as o, mergeProps as c, withCtx as l, renderSlot as d } from "vue";
+import { A as p } from "./AccordionItem-CX5Y-wNP.js";
+import { g as m } from "./utils-DIEJYj9K.js";
+const B = /* @__PURE__ */ t({
+  __name: "BuiAccordionItem",
+  props: {
+    disabled: { type: Boolean },
+    value: {},
+    unmountOnHide: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(r) {
+    const e = r;
+    return (s, i) => (a(), n(o(p), c(e, {
+      class: o(m)("rounded-sm border border-border ", e.class ?? "")
+    }), {
+      default: l(() => [
+        d(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  B as _
+};

package/dist/BuiAccordionTrigger.vue_vue_type_script_setup_true_lang-De_bds34.js

@@ -0,0 +1,47 @@
+import { defineComponent as d, createBlock as l, openBlock as r, unref as o, withCtx as a, createElementVNode as c, createElementBlock as m, createCommentVNode as f, createVNode as n, renderSlot as s, mergeProps as p } from "vue";
+import { g as u } from "./utils-DIEJYj9K.js";
+import { A as g, a as b } from "./AccordionTrigger-CLOdW74d.js";
+import { C as _ } from "./chevron-down-DkE5OWOj.js";
+const h = { class: "flex justify-between gap-2" }, v = {
+  key: 0,
+  class: "mx-6 mt-2 align-middle text-xs font-normal leading-4"
+}, w = /* @__PURE__ */ d({
+  __name: "BuiAccordionTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(i) {
+    const t = i;
+    return (e, x) => (r(), l(o(g), {
+      class: "flex flex-col border-border bg-primary/16 p-2 data-[state=closed]:rounded-sm data-[state=open]:rounded-t-sm data-[state=open]:border-b",
+      as: "div"
+    }, {
+      default: a(() => [
+        c("div", h, [
+          n(o(b), p(t, {
+            class: o(u)(
+              "flex flex-1 items-center gap-2 rounded align-middle text-base font-semibold leading-6 ring-offset-background transition-all hover:underline focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-30 [&[data-state=open]>svg]:rotate-180",
+              t.class
+            )
+          }), {
+            default: a(() => [
+              n(o(_), { class: "h-4 w-4 shrink-0 rounded-sm bg-primary/[0.56] text-primary-foreground transition-transform duration-200 dark:bg-primary" }),
+              s(e.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["class"]),
+          s(e.$slots, "actions")
+        ]),
+        e.$slots.description ? (r(), m("p", v, [
+          s(e.$slots, "description")
+        ])) : f("", !0)
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  w as _
+};