@soft-stech/bootsman-ui-shadcn 1.1.5 → 1.1.7

package/dist/{utils-Fb7ZR83r.js → utils-Sn9Mj4FW.js}

@@ -1,5 +1,5 @@
 import { defineComponent as pe, openBlock as fe, createBlock as be, unref as W, normalizeClass as ge, withCtx as me, renderSlot as he, h as V } from "vue";
-import { bc as ye } from "./index-Y0-z_6gp.js";
+import { bh as ye } from "./index-OSqfkbgJ.js";
 function se(e) {
   var r, t, o = "";
   if (typeof e == "string" || typeof e == "number")

package/dist/{variables-pHubWfbo.js → variables-7wViVkG_.js}

@@ -1,19 +1,19 @@
 import { defineComponent as x, computed as u, openBlock as i, createElementBlock as l, createVNode as a, unref as o, withCtx as s, Fragment as f, renderList as P, createTextVNode as I, toDisplayString as p, createCommentVNode as $, createElementVNode as g } from "vue";
 /* empty css            */
-import { W as v, q as C } from "./index-Y0-z_6gp.js";
+import { W as v, q as C } from "./index-OSqfkbgJ.js";
 import "./BuiCalendar.vue_vue_type_style_index_0_lang-QQzTcskD.js";
 import { BuiInput as S } from "./components/ui/input/index.js";
-import { _ as k } from "./BuiSelect.vue_vue_type_script_setup_true_lang-sQ2rSMlT.js";
-import { _ as z } from "./BuiSelectValue.vue_vue_type_script_setup_true_lang-0ZSwXF3e.js";
-import { _ as V } from "./BuiSelectTrigger.vue_vue_type_script_setup_true_lang-S01r-aXt.js";
-import { _ as N } from "./BuiSelectContent.vue_vue_type_script_setup_true_lang--n_M7a_T.js";
-import { _ as y } from "./BuiSelectItem.vue_vue_type_script_setup_true_lang-VDqLtC0D.js";
+import { _ as k } from "./BuiSelect.vue_vue_type_script_setup_true_lang-pWKVaghQ.js";
+import { _ as z } from "./BuiSelectValue.vue_vue_type_script_setup_true_lang-E5IFRR6a.js";
+import { _ as V } from "./BuiSelectTrigger.vue_vue_type_script_setup_true_lang-cByzokb9.js";
+import { _ as N } from "./BuiSelectContent.vue_vue_type_script_setup_true_lang-INPDOOFr.js";
+import { _ as y } from "./BuiSelectItem.vue_vue_type_script_setup_true_lang-8kz48iKV.js";
 import "./components/ui/toast/use-toast.js";
 import "./index-gwzIEgpq.js";
-import { _ as B } from "./BuiPaginationFirst.vue_vue_type_script_setup_true_lang-fK4Ncltc.js";
-import { _ as b } from "./BuiPaginationLast.vue_vue_type_script_setup_true_lang-RC1b8a4S.js";
-import { _ as q } from "./BuiPaginationNext.vue_vue_type_script_setup_true_lang-U6POTOZx.js";
-import { _ as E } from "./BuiPaginationPrev.vue_vue_type_script_setup_true_lang-WqAefTwp.js";
+import { _ as B } from "./BuiPaginationFirst.vue_vue_type_script_setup_true_lang-IjtilSTF.js";
+import { _ as b } from "./BuiPaginationLast.vue_vue_type_script_setup_true_lang-_GH7GQ0P.js";
+import { _ as q } from "./BuiPaginationNext.vue_vue_type_script_setup_true_lang-pWWslPu2.js";
+import { _ as E } from "./BuiPaginationPrev.vue_vue_type_script_setup_true_lang-Q96oMXdp.js";
 const U = { class: "m-2" }, W = /* @__PURE__ */ g("p", { class: "text-sm text-muted-foreground" }, "Items per page", -1), j = { class: "text-sm text-muted-foreground" }, Z = /* @__PURE__ */ x({
   __name: "BuiPaginationCommon",
   props: {

package/dist/{x-Oj3uv8PB.js → x-4KE6bfTb.js}

@@ -1,4 +1,4 @@
-import { d as e } from "./utils-Fb7ZR83r.js";
+import { d as e } from "./utils-Sn9Mj4FW.js";
 /**
  * @license lucide-vue-next v0.309.0 - ISC
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soft-stech/bootsman-ui-shadcn",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "type": "module",
   "files": [
     "dist",

package/src/components/stories/BuiCombobox.story.vue

@@ -29,7 +29,7 @@ const value = ref<string>('')
 </script>
 
 <template>
-  <Story title="Combobox" autoPropsDisabled>
+  <Story title="BuiCombobox" autoPropsDisabled>
     <Variant :key="`variant-default`" :title="`BuiPopover + BuiCommand`">
       <div class="flex justify-center p-12">
         <BuiPopover v-model:open="open">

package/src/components/stories/BuiScrollArea.story.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import BuiSeparator from '@/components/ui/separator/BuiSeparator.vue'
+import BuiScrollArea from '@/components/ui/scroll-area/BuiScrollArea.vue'
+
+const variant = 'default'
+
+const tags = Array.from({ length: 50 }).map((_, i, a) => `v1.2.0-beta.${a.length - i}`)
+</script>
+
+<template>
+  <Story title="BuiScrollArea" autoPropsDisabled :layout="{ type: 'grid', width: '50%' }">
+    <Variant :key="`variant`" :title="`${variant}`">
+      <div class="flex items-center p-1">
+        <BuiScrollArea class="h-72 w-48 rounded-md border">
+          <div class="p-4">
+            <h4 class="mb-4 text-sm font-medium leading-none">Tags</h4>
+
+            <div v-for="tag in tags" :key="tag">
+              <div class="text-sm">
+                {{ tag }}
+              </div>
+              <BuiSeparator class="my-2" />
+            </div>
+          </div>
+        </BuiScrollArea>
+      </div>
+    </Variant>
+  </Story>
+</template>

package/src/components/ui/badge/BuiBadge.vue

@@ -26,7 +26,7 @@ const emit = defineEmits<{ (e: 'close'): void }>()
       size="icon"
       class="focus-visible:ring-offset-0"
       v-if="dismissable"
-      @click="emit('close')"
+      @click.stop="emit('close')"
     >
       <XIcon class="h-3 w-3" />
     </BuiButton>

package/src/components/ui/form/index.ts

@@ -1,4 +1,8 @@
-export { Form as BuiForm, Field as BuiFormField } from 'vee-validate'
+export {
+  Form as BuiForm,
+  Field as BuiFormField,
+  FieldArray as BuiFormFieldArray
+} from 'vee-validate'
 export { default as BuiFormItem } from './BuiFormItem.vue'
 export { default as BuiFormLabel } from './BuiFormLabel.vue'
 export { default as BuiFormControl } from './BuiFormControl.vue'

package/src/components/ui/scroll-area/BuiScrollArea.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import { type HTMLAttributes, computed } from 'vue'
+import {
+  ScrollAreaCorner,
+  ScrollAreaRoot,
+  type ScrollAreaRootProps,
+  ScrollAreaViewport
+} from 'radix-vue'
+import BuiScrollBar from './BuiScrollBar.vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<ScrollAreaRootProps & { class?: HTMLAttributes['class'] }>()
+
+const delegatedProps = computed(() => {
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
+</script>
+
+<template>
+  <ScrollAreaRoot v-bind="delegatedProps" :class="cn('relative overflow-hidden', props.class)">
+    <ScrollAreaViewport class="h-full w-full rounded-[inherit]">
+      <slot />
+    </ScrollAreaViewport>
+    <BuiScrollBar />
+    <ScrollAreaCorner />
+  </ScrollAreaRoot>
+</template>

package/src/components/ui/scroll-area/BuiScrollBar.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import { type HTMLAttributes, computed } from 'vue'
+import { ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = withDefaults(defineProps<ScrollAreaScrollbarProps & { class?: HTMLAttributes['class'] }>(), {
+  orientation: 'vertical',
+})
+
+const delegatedProps = computed(() => {
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
+</script>
+
+<template>
+  <ScrollAreaScrollbar
+    v-bind="delegatedProps"
+    :class="
+      cn('flex touch-none select-none transition-colors',
+         orientation === 'vertical'
+           && 'h-full w-2.5 border-l border-l-transparent p-px',
+         orientation === 'horizontal'
+           && 'h-2.5 flex-col border-t border-t-transparent p-px',
+         props.class)"
+  >
+    <ScrollAreaThumb class="relative flex-1 rounded-full bg-border" />
+  </ScrollAreaScrollbar>
+</template>

package/src/components/ui/scroll-area/index.ts

@@ -0,0 +1,2 @@
+export { default as BuiScrollArea } from './BuiScrollArea.vue'
+export { default as BuiScrollBar } from './BuiScrollBar.vue'

package/src/index.ts

@@ -33,6 +33,7 @@ export * from './components/ui/tooltip/index'
 export * from './components/ui/toggle/index'
 export * from './components/ui/slider/index'
 export * from './components/ui/skeleton/index'
+export * from './components/ui/scroll-area/index'
 
 export * from './lib/utils'
 export { default as tailwind } from './tailwind-preset'