@soft-stech/bootsman-ui-shadcn 2.0.33 → 2.0.35

package/dist/{BuiActionBar.vue_vue_type_script_setup_true_lang-ttLNaQDg.js → BuiActionBar.vue_vue_type_script_setup_true_lang-DKZzWUg3.js}

@@ -1,13 +1,13 @@
-import { defineComponent as O, ref as C, computed as k, onMounted as S, watch as I, createElementBlock as _, openBlock as r, createVNode as o, renderSlot as L, unref as a, withCtx as s, createBlock as u, createCommentVNode as h, Fragment as g, renderList as y, createElementVNode as p, resolveDynamicComponent as W, toDisplayString as l, createTextVNode as T, normalizeClass as V } from "vue";
+import { defineComponent as O, ref as C, computed as k, onMounted as S, watch as I, createElementBlock as _, openBlock as r, createVNode as o, renderSlot as L, unref as a, withCtx as s, createBlock as u, createCommentVNode as h, Fragment as g, renderList as y, createElementVNode as p, resolveDynamicComponent as T, toDisplayString as l, createTextVNode as W, normalizeClass as V } from "vue";
 import { useResizeObserver as z } from "@vueuse/core";
-import { _ as $ } from "./utils-CWz5p1Mv.js";
+import { _ as B } from "./utils-CWz5p1Mv.js";
 import { _ as F } from "./BuiDropdownMenu.vue_vue_type_script_setup_true_lang-XKtJ9ebc.js";
 import { _ as U } from "./BuiDropdownMenuTrigger.vue_vue_type_script_setup_true_lang-B-AVJzKT.js";
 import { _ as G } from "./BuiDropdownMenuContent.vue_vue_type_script_setup_true_lang-DycQJvs8.js";
 import { _ as P } from "./BuiDropdownMenuItem.vue_vue_type_script_setup_true_lang-ic0FnPPQ.js";
 import { _ as X } from "./BuiDropdownMenuSeparator.vue_vue_type_script_setup_true_lang-C1pX60RS.js";
-import { _ as x } from "./BuiTooltip.vue_vue_type_script_setup_true_lang-Duhk5Jaw.js";
-import { _ as B } from "./BuiTooltipContent.vue_vue_type_script_setup_true_lang-mTGQajaX.js";
+import { _ as $ } from "./BuiTooltip.vue_vue_type_script_setup_true_lang-Duhk5Jaw.js";
+import { BuiTooltipContent as x } from "./components/tooltip/index.js";
 import { _ as A } from "./BuiTooltipTrigger.vue_vue_type_script_setup_true_lang-Dp1PEIOt.js";
 import { _ as j } from "./BuiTooltipProvider.vue_vue_type_script_setup_true_lang-BY5-KZjW.js";
 const E = 12, q = 90, M = 100, J = 9.6, ie = /* @__PURE__ */ O({
@@ -59,21 +59,21 @@ const E = 12, q = 90, M = 100, J = 9.6, ie = /* @__PURE__ */ O({
     }, [
       o(a(j), null, {
         default: s(() => [
-          (r(!0), _(g, null, y(D.value, (e) => (r(), u(a(x), {
+          (r(!0), _(g, null, y(D.value, (e) => (r(), u(a($), {
             key: e.label,
             disabled: !(t.selectedCount && e.affectsCount)
           }, {
             default: s(() => [
               o(a(A), { "as-child": "" }, {
                 default: s(() => [
-                  o($, {
+                  o(B, {
                     class: "relative flex gap-2 whitespace-nowrap",
                     variant: e.variant === "destructive" ? "destructive" : "outline",
                     disabled: e.disabled,
                     onClick: e.handler
                   }, {
                     default: s(() => [
-                      e.icon ? (r(), u(W(e.icon), {
+                      e.icon ? (r(), u(T(e.icon), {
                         key: 0,
                         class: "h-4 w-4"
                       })) : h("", !0),
@@ -84,9 +84,9 @@ const E = 12, q = 90, M = 100, J = 9.6, ie = /* @__PURE__ */ O({
                 ]),
                 _: 2
               }, 1024),
-              o(a(B), null, {
+              o(a(x), null, {
                 default: s(() => [
-                  T(l(t.translations?.affects || "Affects") + " " + l(e.affectsCount) + " " + l(t.translations?.of || "of") + " " + l(t.selectedCount), 1)
+                  W(l(t.translations?.affects || "Affects") + " " + l(e.affectsCount) + " " + l(t.translations?.of || "of") + " " + l(t.selectedCount), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -97,7 +97,7 @@ const E = 12, q = 90, M = 100, J = 9.6, ie = /* @__PURE__ */ O({
             default: s(() => [
               o(a(U), { "as-child": "" }, {
                 default: s(() => [
-                  o($, {
+                  o(B, {
                     variant: "ghost",
                     class: "items-cente flex gap-1"
                   }, {
@@ -117,7 +117,7 @@ const E = 12, q = 90, M = 100, J = 9.6, ie = /* @__PURE__ */ O({
                 default: s(() => [
                   (r(!0), _(g, null, y(f.value, (e, m) => (r(), _(g, { key: m }, [
                     e.variant === "destructive" && m > 0 && f.value[m - 1]?.variant !== "destructive" ? (r(), u(a(X), { key: 0 })) : h("", !0),
-                    o(a(x), {
+                    o(a($), {
                       disabled: !(t.selectedCount && e.affectsCount)
                     }, {
                       default: s(() => [
@@ -132,7 +132,7 @@ const E = 12, q = 90, M = 100, J = 9.6, ie = /* @__PURE__ */ O({
                               onClick: e.handler
                             }, {
                               default: s(() => [
-                                e.icon ? (r(), u(W(e.icon), {
+                                e.icon ? (r(), u(T(e.icon), {
                                   key: 0,
                                   class: "h-4 w-4"
                                 })) : h("", !0),
@@ -143,9 +143,9 @@ const E = 12, q = 90, M = 100, J = 9.6, ie = /* @__PURE__ */ O({
                           ]),
                           _: 2
                         }, 1024),
-                        o(a(B), null, {
+                        o(a(x), null, {
                           default: s(() => [
-                            T(l(t.translations?.affects || "Affects") + " " + l(e.affectsCount) + " " + l(t.translations?.of || "of") + " " + l(t.selectedCount), 1)
+                            W(l(t.translations?.affects || "Affects") + " " + l(e.affectsCount) + " " + l(t.translations?.of || "of") + " " + l(t.selectedCount), 1)
                           ]),
                           _: 2
                         }, 1024)

package/dist/components/action-bar/BuiActionBar.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../BuiActionBar.vue_vue_type_script_setup_true_lang-ttLNaQDg.js";
+import { _ as f } from "../../BuiActionBar.vue_vue_type_script_setup_true_lang-DKZzWUg3.js";
 export {
   f as default
 };

package/dist/components/action-bar/index.js

@@ -1,5 +1,5 @@
 import "vue";
-import { _ as t } from "../../BuiActionBar.vue_vue_type_script_setup_true_lang-ttLNaQDg.js";
+import { _ as t } from "../../BuiActionBar.vue_vue_type_script_setup_true_lang-DKZzWUg3.js";
 export {
   t as BuiActionBar
 };

package/dist/components/tooltip/BuiTooltipContent.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../BuiTooltipContent.vue_vue_type_script_setup_true_lang-mTGQajaX.js";
+import { BuiTooltipContent as t } from "./index.js";
 export {
-  f as default
+  t as default
 };

package/dist/components/tooltip/BuiTooltipContent.vue.d.ts

@@ -1,4 +1,8 @@
 import { TooltipContentProps } from 'reka-ui';
+import { tooltipVariants } from '.';
+interface Props extends TooltipContentProps {
+    variant?: NonNullable<Parameters<typeof tooltipVariants>[0]>['variant'];
+}
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -8,10 +12,10 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<TooltipContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     escapeKeyDown: (event: KeyboardEvent) => any;
     pointerDownOutside: (event: Event) => any;
-}, string, import('vue').PublicProps, Readonly<TooltipContentProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: Event) => any) | undefined;
 }>, {

package/dist/components/tooltip/index.d.ts

@@ -2,3 +2,6 @@ export { default as BuiTooltip } from './BuiTooltip.vue';
 export { default as BuiTooltipContent } from './BuiTooltipContent.vue';
 export { default as BuiTooltipTrigger } from './BuiTooltipTrigger.vue';
 export { default as BuiTooltipProvider } from './BuiTooltipProvider.vue';
+export declare const tooltipVariants: (props?: ({
+    variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/tooltip/index.js

@@ -1,10 +1,389 @@
-import { _ as i } from "../../BuiTooltip.vue_vue_type_script_setup_true_lang-Duhk5Jaw.js";
-import { _ as p } from "../../BuiTooltipContent.vue_vue_type_script_setup_true_lang-mTGQajaX.js";
-import { _ as T } from "../../BuiTooltipTrigger.vue_vue_type_script_setup_true_lang-Dp1PEIOt.js";
-import { _ as f } from "../../BuiTooltipProvider.vue_vue_type_script_setup_true_lang-BY5-KZjW.js";
+import { _ as he } from "../../BuiTooltip.vue_vue_type_script_setup_true_lang-Duhk5Jaw.js";
+import { defineComponent as m, useSlots as x, computed as q, onMounted as D, createBlock as c, openBlock as g, unref as e, withModifiers as O, withCtx as n, createVNode as h, mergeProps as _, renderSlot as y, createTextVNode as k, toDisplayString as N, Comment as L, resolveDynamicComponent as E, normalizeProps as $, guardReactiveProps as I, createElementVNode as V } from "vue";
+import { u as T } from "../../useForwardPropsEmits-DriEAzTI.js";
+import { u as w } from "../../useForwardExpose-DmyWSR4F.js";
+import { P as j } from "../../Presence-BadhDRMZ.js";
+import { i as C, a as M } from "../../TooltipRoot-BjG88hUm.js";
+import { D as R } from "../../DismissableLayer-D-BrGAhy.js";
+import { V as H } from "../../VisuallyHidden-CGVCwfWu.js";
+import { P as K } from "../../PopperContent-CO4aQ0ir.js";
+import { useEventListener as P } from "@vueuse/core";
+import { u as z } from "../../useForwardProps-COe1clk4.js";
+import { u as A } from "../../useGraceArea-Bmipt2ob.js";
+import { i as F } from "../../TooltipProvider-CINEMA56.js";
+import { T as W } from "../../Teleport-BzVCbZcz.js";
+import { g as G, j as J } from "../../utils-CWz5p1Mv.js";
+import { _ as Ce } from "../../BuiTooltipTrigger.vue_vue_type_script_setup_true_lang-Dp1PEIOt.js";
+import { _ as Te } from "../../BuiTooltipProvider.vue_vue_type_script_setup_true_lang-BY5-KZjW.js";
+var Q = /* @__PURE__ */ m({
+  __name: "TooltipContentImpl",
+  props: {
+    ariaLabel: {
+      type: String,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    },
+    side: {
+      type: null,
+      required: !1,
+      default: "top"
+    },
+    sideOffset: {
+      type: Number,
+      required: !1,
+      default: 0
+    },
+    align: {
+      type: null,
+      required: !1,
+      default: "center"
+    },
+    alignOffset: {
+      type: Number,
+      required: !1
+    },
+    avoidCollisions: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    collisionBoundary: {
+      type: null,
+      required: !1,
+      default: () => []
+    },
+    collisionPadding: {
+      type: [Number, Object],
+      required: !1,
+      default: 0
+    },
+    arrowPadding: {
+      type: Number,
+      required: !1,
+      default: 0
+    },
+    sticky: {
+      type: String,
+      required: !1,
+      default: "partial"
+    },
+    hideWhenDetached: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    positionStrategy: {
+      type: String,
+      required: !1
+    },
+    updatePositionStrategy: {
+      type: String,
+      required: !1
+    }
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside"],
+  setup(s, { emit: d }) {
+    const a = s, u = d, t = C(), { forwardRef: i } = w(), p = x(), f = q(() => p.default?.({})), v = q(() => {
+      if (a.ariaLabel) return a.ariaLabel;
+      let l = "";
+      function r(o) {
+        typeof o.children == "string" && o.type !== L ? l += o.children : Array.isArray(o.children) && o.children.forEach((S) => r(S));
+      }
+      return f.value?.forEach((o) => r(o)), l;
+    }), b = q(() => {
+      const { ariaLabel: l, ...r } = a;
+      return r;
+    });
+    return D(() => {
+      P(window, "scroll", (l) => {
+        l.target?.contains(t.trigger.value) && t.onClose();
+      }), P(window, M, t.onClose);
+    }), (l, r) => (g(), c(e(R), {
+      "as-child": "",
+      "disable-outside-pointer-events": !1,
+      onEscapeKeyDown: r[0] || (r[0] = (o) => u("escapeKeyDown", o)),
+      onPointerDownOutside: r[1] || (r[1] = (o) => {
+        e(t).disableClosingTrigger.value && e(t).trigger.value?.contains(o.target) && o.preventDefault(), u("pointerDownOutside", o);
+      }),
+      onFocusOutside: r[2] || (r[2] = O(() => {
+      }, ["prevent"])),
+      onDismiss: r[3] || (r[3] = (o) => e(t).onClose())
+    }, {
+      default: n(() => [h(e(K), _({
+        ref: e(i),
+        "data-state": e(t).stateAttribute.value
+      }, {
+        ...l.$attrs,
+        ...b.value
+      }, { style: {
+        "--reka-tooltip-content-transform-origin": "var(--reka-popper-transform-origin)",
+        "--reka-tooltip-content-available-width": "var(--reka-popper-available-width)",
+        "--reka-tooltip-content-available-height": "var(--reka-popper-available-height)",
+        "--reka-tooltip-trigger-width": "var(--reka-popper-anchor-width)",
+        "--reka-tooltip-trigger-height": "var(--reka-popper-anchor-height)"
+      } }), {
+        default: n(() => [y(l.$slots, "default"), h(e(H), {
+          id: e(t).contentId,
+          role: "tooltip"
+        }, {
+          default: n(() => [k(N(v.value), 1)]),
+          _: 1
+        }, 8, ["id"])]),
+        _: 3
+      }, 16, ["data-state"])]),
+      _: 3
+    }));
+  }
+}), B = Q, U = /* @__PURE__ */ m({
+  __name: "TooltipContentHoverable",
+  props: {
+    ariaLabel: {
+      type: String,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    },
+    side: {
+      type: null,
+      required: !1
+    },
+    sideOffset: {
+      type: Number,
+      required: !1
+    },
+    align: {
+      type: null,
+      required: !1
+    },
+    alignOffset: {
+      type: Number,
+      required: !1
+    },
+    avoidCollisions: {
+      type: Boolean,
+      required: !1
+    },
+    collisionBoundary: {
+      type: null,
+      required: !1
+    },
+    collisionPadding: {
+      type: [Number, Object],
+      required: !1
+    },
+    arrowPadding: {
+      type: Number,
+      required: !1
+    },
+    sticky: {
+      type: String,
+      required: !1
+    },
+    hideWhenDetached: {
+      type: Boolean,
+      required: !1
+    },
+    positionStrategy: {
+      type: String,
+      required: !1
+    },
+    updatePositionStrategy: {
+      type: String,
+      required: !1
+    }
+  },
+  setup(s) {
+    const a = z(s), { forwardRef: u, currentElement: t } = w(), { trigger: i, onClose: p } = C(), f = F(), { isPointerInTransit: v, onPointerExit: b } = A(i, t);
+    return f.isPointerInTransitRef = v, b(() => {
+      p();
+    }), (l, r) => (g(), c(B, _({ ref: e(u) }, e(a)), {
+      default: n(() => [y(l.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), X = U, Y = /* @__PURE__ */ m({
+  __name: "TooltipContent",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    ariaLabel: {
+      type: String,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    },
+    side: {
+      type: null,
+      required: !1,
+      default: "top"
+    },
+    sideOffset: {
+      type: Number,
+      required: !1
+    },
+    align: {
+      type: null,
+      required: !1
+    },
+    alignOffset: {
+      type: Number,
+      required: !1
+    },
+    avoidCollisions: {
+      type: Boolean,
+      required: !1
+    },
+    collisionBoundary: {
+      type: null,
+      required: !1
+    },
+    collisionPadding: {
+      type: [Number, Object],
+      required: !1
+    },
+    arrowPadding: {
+      type: Number,
+      required: !1
+    },
+    sticky: {
+      type: String,
+      required: !1
+    },
+    hideWhenDetached: {
+      type: Boolean,
+      required: !1
+    },
+    positionStrategy: {
+      type: String,
+      required: !1
+    },
+    updatePositionStrategy: {
+      type: String,
+      required: !1
+    }
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside"],
+  setup(s, { emit: d }) {
+    const a = s, u = d, t = C(), i = T(a, u), { forwardRef: p } = w();
+    return (f, v) => (g(), c(e(j), { present: f.forceMount || e(t).open.value }, {
+      default: n(() => [(g(), c(E(e(t).disableHoverableContent.value ? B : X), _({ ref: e(p) }, e(i)), {
+        default: n(() => [y(f.$slots, "default")]),
+        _: 3
+      }, 16))]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), Z = Y, ee = /* @__PURE__ */ m({
+  __name: "TooltipPortal",
+  props: {
+    to: {
+      type: null,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    defer: {
+      type: Boolean,
+      required: !1
+    },
+    forceMount: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  setup(s) {
+    const d = s;
+    return (a, u) => (g(), c(e(W), $(I(d)), {
+      default: n(() => [y(a.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), te = ee;
+const re = { class: "scrollbar-thin scrollbar-track-tooltip scrollbar-thumb-primary-foreground max-h-40 overflow-y-auto px-2" }, _e = /* @__PURE__ */ m({
+  __name: "BuiTooltipContent",
+  props: {
+    variant: {},
+    forceMount: { type: Boolean },
+    ariaLabel: {},
+    asChild: { type: Boolean },
+    as: {},
+    side: {},
+    sideOffset: { default: 4 },
+    align: {},
+    alignOffset: {},
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside"],
+  setup(s, { emit: d }) {
+    const t = T(s, d);
+    return (i, p) => (g(), c(e(te), null, {
+      default: n(() => [
+        h(e(Z), _({ ...e(t), ...i.$attrs }, {
+          class: e(G)(
+            "shadow-level3 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 bg-tooltip [&_a]:text-tooltip-link z-50 overflow-hidden rounded-md border px-3 py-1.5 text-sm [&_a]:underline",
+            e(oe)({ variant: i.variant }),
+            i.$attrs.class ?? ""
+          )
+        }), {
+          default: n(() => [
+            V("div", re, [
+              y(i.$slots, "default")
+            ])
+          ]),
+          _: 3
+        }, 16, ["class"])
+      ]),
+      _: 3
+    }));
+  }
+}), oe = J("", {
+  variants: {
+    variant: {
+      default: "border-muted text-primary-foreground",
+      destructive: "border-0 border-l-2 bg-destructive border-destructive-foreground text-destructive-foreground [&_svg]:text-destructive-foreground [&_div]:[scrollbar-color:initial]",
+      success: "border-0 border-l-2 bg-success border-success-foreground text-success-foreground [&_svg]:text-success-foreground [&_div]:[scrollbar-color:initial]",
+      warning: "border-0 border-l-2 bg-warning border-warning-foreground text-warning-foreground [&_svg]:text-warning-foreground [&_div]:[scrollbar-color:initial]",
+      info: "border-0 border-l-2 bg-info border-info-foreground text-info-foreground [&_svg]:text-info-foreground [&_div]:[scrollbar-color:initial]"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
 export {
-  i as BuiTooltip,
-  p as BuiTooltipContent,
-  f as BuiTooltipProvider,
-  T as BuiTooltipTrigger
+  he as BuiTooltip,
+  _e as BuiTooltipContent,
+  Te as BuiTooltipProvider,
+  Ce as BuiTooltipTrigger,
+  oe as tooltipVariants
 };