@soft-stech/bootsman-ui-shadcn 1.5.2 → 1.5.4

package/src/components/ui/tooltip/BuiTooltipContent.vue

@@ -22,12 +22,16 @@ const forwarded = useForwardPropsEmits(props, emits)
       v-bind="{ ...forwarded, ...$attrs }"
       :class="
         cn(
-          'z-50 overflow-hidden rounded-md border border-muted bg-[hsl(var(--tooltip))] px-3 py-1.5 text-sm text-primary-foreground 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 [&_a]:text-[hsl(var(--tooltip-link))] [&_a]:underline',
+          ' z-50 overflow-hidden rounded-md border border-muted bg-[hsl(var(--tooltip))] px-3 py-1.5 text-sm text-primary-foreground 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 [&_a]:text-[hsl(var(--tooltip-link))] [&_a]:underline',
           $attrs.class ?? ''
         )
       "
     >
-      <slot />
+      <div
+        class="scrollbar-thin scrollbar-thumb-primary-foreground scrollbar-track-[hsl(var(--tooltip))] max-h-40 overflow-y-auto px-2"
+      >
+        <slot />
+      </div>
     </TooltipContent>
   </TooltipPortal>
 </template>

package/src/tailwind-preset.ts

@@ -1,5 +1,6 @@
 import type { Config } from 'tailwindcss'
 import animate from 'tailwindcss-animate'
+import scrollbar from 'tailwind-scrollbar'
 
 export default {
   darkMode: ['class'],
@@ -123,5 +124,5 @@ export default {
       }
     }
   },
-  plugins: [animate]
+  plugins: [animate, scrollbar]
 } satisfies Config

package/dist/BuiTooltipContent.vue_vue_type_script_setup_true_lang-BrV2UqB6.js

@@ -1,45 +0,0 @@
-import { defineComponent as d, openBlock as n, createBlock as r, unref as e, withCtx as t, createVNode as l, mergeProps as m, renderSlot as p } from "vue";
-import { x as f, F as c, M as u } from "./index-0I6LZbPQ.js";
-import { g } from "./utils-Dn2Y7TRK.js";
-const x = /* @__PURE__ */ d({
-  __name: "BuiTooltipContent",
-  props: {
-    forceMount: { type: Boolean },
-    ariaLabel: {},
-    asChild: { type: Boolean },
-    as: {},
-    side: {},
-    sideOffset: { default: 4 },
-    align: {},
-    alignOffset: {},
-    avoidCollisions: { type: Boolean },
-    collisionBoundary: {},
-    collisionPadding: {},
-    arrowPadding: {},
-    sticky: {},
-    hideWhenDetached: { type: Boolean }
-  },
-  emits: ["escapeKeyDown", "pointerDownOutside"],
-  setup(a, { emit: s }) {
-    const i = f(a, s);
-    return (o, B) => (n(), r(e(c), null, {
-      default: t(() => [
-        l(e(u), m({ ...e(i), ...o.$attrs }, {
-          class: e(g)(
-            "z-50 overflow-hidden rounded-md border border-muted bg-[hsl(var(--tooltip))] px-3 py-1.5 text-sm text-primary-foreground 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 [&_a]:text-[hsl(var(--tooltip-link))] [&_a]:underline",
-            o.$attrs.class ?? ""
-          )
-        }), {
-          default: t(() => [
-            p(o.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["class"])
-      ]),
-      _: 3
-    }));
-  }
-});
-export {
-  x as _
-};

package/dist/index-BGsblnmA.js

@@ -1,216 +0,0 @@
-function f(a) {
-  return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
-}
-var s = {}, c = {};
-(function(a) {
-  Object.defineProperty(a, "__esModule", {
-    value: !0
-  }), Object.defineProperty(a, "default", {
-    enumerable: !0,
-    get: function() {
-      return e;
-    }
-  });
-  function n(t, i) {
-    return {
-      handler: t,
-      config: i
-    };
-  }
-  n.withOptions = function(t, i = () => ({})) {
-    const r = function(o) {
-      return {
-        __options: o,
-        handler: t(o),
-        config: i(o)
-      };
-    };
-    return r.__isOptionsFunction = !0, r.__pluginFunction = t, r.__configFunction = i, r;
-  };
-  const e = n;
-})(c);
-(function(a) {
-  Object.defineProperty(a, "__esModule", {
-    value: !0
-  }), Object.defineProperty(a, "default", {
-    enumerable: !0,
-    get: function() {
-      return t;
-    }
-  });
-  const n = /* @__PURE__ */ e(c);
-  function e(i) {
-    return i && i.__esModule ? i : {
-      default: i
-    };
-  }
-  const t = n.default;
-})(s);
-let l = s;
-var d = (l.__esModule ? l : { default: l }).default;
-const m = d;
-function u(a) {
-  return Object.fromEntries(
-    Object.entries(a).filter(([n]) => n !== "DEFAULT")
-  );
-}
-var w = m(
-  ({ addUtilities: a, matchUtilities: n, theme: e }) => {
-    a({
-      "@keyframes enter": e("keyframes.enter"),
-      "@keyframes exit": e("keyframes.exit"),
-      ".animate-in": {
-        animationName: "enter",
-        animationDuration: e("animationDuration.DEFAULT"),
-        "--tw-enter-opacity": "initial",
-        "--tw-enter-scale": "initial",
-        "--tw-enter-rotate": "initial",
-        "--tw-enter-translate-x": "initial",
-        "--tw-enter-translate-y": "initial"
-      },
-      ".animate-out": {
-        animationName: "exit",
-        animationDuration: e("animationDuration.DEFAULT"),
-        "--tw-exit-opacity": "initial",
-        "--tw-exit-scale": "initial",
-        "--tw-exit-rotate": "initial",
-        "--tw-exit-translate-x": "initial",
-        "--tw-exit-translate-y": "initial"
-      }
-    }), n(
-      {
-        "fade-in": (t) => ({ "--tw-enter-opacity": t }),
-        "fade-out": (t) => ({ "--tw-exit-opacity": t })
-      },
-      { values: e("animationOpacity") }
-    ), n(
-      {
-        "zoom-in": (t) => ({ "--tw-enter-scale": t }),
-        "zoom-out": (t) => ({ "--tw-exit-scale": t })
-      },
-      { values: e("animationScale") }
-    ), n(
-      {
-        "spin-in": (t) => ({ "--tw-enter-rotate": t }),
-        "spin-out": (t) => ({ "--tw-exit-rotate": t })
-      },
-      { values: e("animationRotate") }
-    ), n(
-      {
-        "slide-in-from-top": (t) => ({
-          "--tw-enter-translate-y": `-${t}`
-        }),
-        "slide-in-from-bottom": (t) => ({
-          "--tw-enter-translate-y": t
-        }),
-        "slide-in-from-left": (t) => ({
-          "--tw-enter-translate-x": `-${t}`
-        }),
-        "slide-in-from-right": (t) => ({
-          "--tw-enter-translate-x": t
-        }),
-        "slide-out-to-top": (t) => ({
-          "--tw-exit-translate-y": `-${t}`
-        }),
-        "slide-out-to-bottom": (t) => ({
-          "--tw-exit-translate-y": t
-        }),
-        "slide-out-to-left": (t) => ({
-          "--tw-exit-translate-x": `-${t}`
-        }),
-        "slide-out-to-right": (t) => ({
-          "--tw-exit-translate-x": t
-        })
-      },
-      { values: e("animationTranslate") }
-    ), n(
-      { duration: (t) => ({ animationDuration: t }) },
-      { values: u(e("animationDuration")) }
-    ), n(
-      { delay: (t) => ({ animationDelay: t }) },
-      { values: e("animationDelay") }
-    ), n(
-      { ease: (t) => ({ animationTimingFunction: t }) },
-      { values: u(e("animationTimingFunction")) }
-    ), a({
-      ".running": { animationPlayState: "running" },
-      ".paused": { animationPlayState: "paused" }
-    }), n(
-      { "fill-mode": (t) => ({ animationFillMode: t }) },
-      { values: e("animationFillMode") }
-    ), n(
-      { direction: (t) => ({ animationDirection: t }) },
-      { values: e("animationDirection") }
-    ), n(
-      { repeat: (t) => ({ animationIterationCount: t }) },
-      { values: e("animationRepeat") }
-    );
-  },
-  {
-    theme: {
-      extend: {
-        animationDelay: ({ theme: a }) => ({
-          ...a("transitionDelay")
-        }),
-        animationDuration: ({ theme: a }) => ({
-          0: "0ms",
-          ...a("transitionDuration")
-        }),
-        animationTimingFunction: ({ theme: a }) => ({
-          ...a("transitionTimingFunction")
-        }),
-        animationFillMode: {
-          none: "none",
-          forwards: "forwards",
-          backwards: "backwards",
-          both: "both"
-        },
-        animationDirection: {
-          normal: "normal",
-          reverse: "reverse",
-          alternate: "alternate",
-          "alternate-reverse": "alternate-reverse"
-        },
-        animationOpacity: ({ theme: a }) => ({
-          DEFAULT: 0,
-          ...a("opacity")
-        }),
-        animationTranslate: ({ theme: a }) => ({
-          DEFAULT: "100%",
-          ...a("translate")
-        }),
-        animationScale: ({ theme: a }) => ({
-          DEFAULT: 0,
-          ...a("scale")
-        }),
-        animationRotate: ({ theme: a }) => ({
-          DEFAULT: "30deg",
-          ...a("rotate")
-        }),
-        animationRepeat: {
-          0: "0",
-          1: "1",
-          infinite: "infinite"
-        },
-        keyframes: {
-          enter: {
-            from: {
-              opacity: "var(--tw-enter-opacity, 1)",
-              transform: "translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))"
-            }
-          },
-          exit: {
-            to: {
-              opacity: "var(--tw-exit-opacity, 1)",
-              transform: "translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))"
-            }
-          }
-        }
-      }
-    }
-  }
-);
-const y = /* @__PURE__ */ f(w);
-export {
-  y as a
-};