@soft-stech/bootsman-ui-shadcn 1.4.8 → 1.4.10

package/src/components/ui/popover/BuiPopoverContent.vue

@@ -22,7 +22,7 @@ const forwarded = useForwardPropsEmits(props, emits)
       v-bind="{ ...forwarded, ...$attrs }"
       :class="
         cn(
-          'z-50 w-72 rounded-md border border-muted bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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',
+          'z-50 w-72 rounded-md border border-muted bg-popover p-4 text-popover-foreground shadow-level1 outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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',
           props.class
         )
       "

package/src/components/ui/select/Bui.vue

@@ -25,7 +25,7 @@ const forwarded = useForwardPropsEmits(props, emits)
       v-bind="{ ...forwarded, ...$attrs }"
       :class="
         cn(
-          'relative z-50 max-h-[--radix-popper-available-height] min-w-[10rem] overflow-hidden rounded-md border border-muted bg-background text-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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',
+          'relative z-50 max-h-[--radix-popper-available-height] min-w-[10rem] overflow-hidden rounded-md border border-muted bg-background text-foreground shadow-level1 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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',
           position === 'popper' &&
             'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
           props.class

package/src/components/ui/select/BuiSelectContent.vue

@@ -25,7 +25,7 @@ const forwarded = useForwardPropsEmits(props, emits)
       v-bind="{ ...forwarded, ...$attrs }"
       :class="
         cn(
-          'relative z-50 max-h-[--radix-popper-available-height] min-w-[10rem] overflow-hidden rounded-md border border-muted bg-background text-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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',
+          'relative z-50 max-h-[--radix-popper-available-height] min-w-[10rem] overflow-hidden rounded-md border border-muted bg-background text-foreground shadow-level1 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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',
           position === 'popper' &&
             'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
           props.class

package/src/components/ui/switch/BuiSwitch.vue

@@ -45,4 +45,3 @@ const readonlyContext = inject(FORM_READONLY_INJECTION_KEY, toRef(false))
     />
   </SwitchRoot>
 </template>
-``

package/src/components/ui/table/BuiDataTable.vue

@@ -178,9 +178,9 @@ function getGroupLabel(index: number) {
             <BuiCollapsibleTrigger asChild>
               <BuiTableRow class="bg-foreground/[0.04]">
                 <BuiTableCell :colspan="columns.length" class="!pb-0">
-                  <div class="flex w-full items-center justify-between">
+                  <div class="mt-1 flex w-full items-center justify-between">
                     <div
-                      class="relative -mb-[1px] inline-block rounded-t-lg bg-background px-4 py-3 text-base font-semibold shadow-top-shadow"
+                      class="relative -mb-[5px] inline-block rounded-t-lg bg-background px-4 py-2 text-sm font-semibold shadow-top-shadow"
                     >
                       <div class="absolute -left-2 bottom-0 h-2 w-2 bg-background"></div>
                       <div class="absolute -left-4 bottom-0 h-4 w-4 rounded-lg bg-background"></div>

package/src/components/ui/table/BuiTableCell.vue

@@ -8,7 +8,7 @@ const props = defineProps<{ class?: string }>()
   <td
     :class="
       cn(
-        'break-words p-4 align-middle first:pl-8 last:pr-8 [&:has([role=checkbox])]:pr-0',
+        'h-12 break-words px-3 py-1 align-middle text-xs first:pl-6 last:pr-6 [&:has([role=checkbox])]:pr-0',
         props.class
       )
     "

package/src/components/ui/table/BuiTableHead.vue

@@ -8,12 +8,14 @@ const props = defineProps<{ class?: string }>()
   <th
     :class="
       cn(
-        'h-14 bg-foreground/[0.04] text-left align-middle text-base font-semibold text-foreground [&:has([role=checkbox])]:pr-0 ',
+        'h-10 bg-foreground/[0.04] text-left align-middle text-base font-semibold text-foreground [&:has([role=checkbox])]:pr-0 ',
         props.class
       )
     "
   >
-    <div class="flex h-10 items-center whitespace-nowrap border-r border-border/[0.16] p-4">
+    <div
+      class="flex h-8 items-center whitespace-nowrap border-r border-border/[0.16] px-3 py-1 text-sm"
+    >
       <slot />
     </div>
   </th>

package/src/components/ui/table/BuiTableHeader.vue

@@ -8,7 +8,7 @@ const props = defineProps<{ class?: string }>()
   <thead
     :class="
       cn(
-        '[&_th:first-child>div]:pl-8 [&_th:last-child>div]:border-0 [&_th:last-child>div]:pr-8 [&_tr]:border-b [&_tr]:border-border/[0.16]',
+        '[&_th:first-child>div]:pl-6 [&_th:last-child>div]:border-0 [&_th:last-child>div]:pr-6 [&_tr]:border-b [&_tr]:border-border/[0.16]',
         props.class
       )
     "

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

@@ -19,16 +19,16 @@ export const tabsListVariants = cva('inline-flex items-center justify-center rou
 })
 
 export const tabsTriggerVariants = cva(
-  'inline-flex items-center justify-center whitespace-nowrap px-3 py-1.5 text-sm font-semibold ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-foreground',
+  'inline-flex items-center justify-center whitespace-nowrap px-3 py-1 text-sm font-semibold ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-foreground',
   {
     variants: {
       variant: {
         default:
-          'rounded-sm data-[state=active]:bg-background data-[state=active]:border border-primary/[0.16] text-foreground opacity-[0.56] hover:opacity-100 data-[state=active]:opacity-100 data-[state=active]:shadow-tab-shadow',
+          'rounded-sm text-foreground opacity-[0.56] hover:opacity-100 data-[state=active]:opacity-100 data-[state=active]:bg-background my-1 [&:first-child]:ml-1 [&:last-child]:mr-1 data-[state=active]:shadow-tab-shadow',
         ghost:
-          'border-transparent text-muted-foreground pb-0 [&_div]:pb-1.5 [&_div]:data-[state=active]:border-b-2 [&_div]:data-[state=active]:border-primary',
+          'border-transparent text-muted-foreground pb-0 [&_div]:pb-0.5 [&_div]:data-[state=active]:border-b-2 [&_div]:data-[state=active]:border-primary',
         vertical:
-          'border-transparent text-primary data-[state=active]:border-primary data-[state=active]:bg-background border-l-2 border-b-0 w-full justify-start pl-6'
+          'border-transparent text-primary data-[state=active]:border-primary data-[state=active]:bg-background border-l-2 border-b-0 w-full h-8 justify-start pl-6'
       }
     },
     defaultVariants: {

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

@@ -13,7 +13,7 @@ const forwarded = useForwardPropsEmits(props, emits)
 </script>
 
 <template>
-  <TooltipRoot v-bind="forwarded" :delay-duration="400">
+  <TooltipRoot v-bind="forwarded" :delay-duration="200">
     <slot />
   </TooltipRoot>
 </template>

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

@@ -22,7 +22,7 @@ const forwarded = useForwardPropsEmits(props, emits)
       v-bind="{ ...forwarded, ...$attrs }"
       :class="
         cn(
-          'z-50 overflow-hidden rounded-md border border-muted bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md 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',
+          'shadow-level3 z-50 overflow-hidden rounded-md border border-muted bg-[hsl(var(--tooltip))] px-3 py-1.5 text-sm text-primary-foreground 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',
           $attrs.class ?? ''
         )
       "

package/src/tailwind-preset.ts

@@ -80,7 +80,13 @@ export default {
         'card-shadow': '0px 4px 8px 0px hsl(var(--card-shadow))',
         'tab-shadow':
           '0px 2px 4px 0px hsl(var(--tab-shadow)), 0px 4px 4px 0px hsl(var(--tab-shadow))',
-        'top-shadow': '0px -2px 4px 0px hsl(var(--tab-shadow))'
+        'top-shadow': '0px -2px 4px 0px hsl(var(--tab-shadow))',
+        level1:
+          '0px 16px 16px 0px hsl(var(--tab-shadow)), 0px 8px 16px 0px hsl(var(--tab-shadow)), 0px 8px 8px 0px hsl(var(--tab-shadow))',
+        level2:
+          '0px 32px 16px 0px hsl(var(--tab-shadow)), 0px 16px 16px 0px hsl(var(--tab-shadow)), 0px 16px 16px 0px hsl(var(--tab-shadow))',
+        level3:
+          '0px 56px 24px 0px hsl(var(--tab-shadow)), 0px 32px 24px 0px hsl(var(--tab-shadow)), 0px 32px 24px 0px hsl(var(--tab-shadow))'
       },
       keyframes: {
         'accordion-down': {

package/dist/BuiTableCell.vue_vue_type_script_setup_true_lang-DsiMvY2E.js

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

package/dist/BuiTooltipContent.vue_vue_type_script_setup_true_lang-C_JQIHtq.js

@@ -1,45 +0,0 @@
-import { defineComponent as i, openBlock as n, createBlock as r, unref as e, withCtx as t, createVNode as l, mergeProps as p, renderSlot as m } from "vue";
-import { x as f, F as c, M as u } from "./index-DKlaqzM0.js";
-import { g } from "./utils-Do5XvoZJ.js";
-const x = /* @__PURE__ */ i({
-  __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 d = f(a, s);
-    return (o, B) => (n(), r(e(c), null, {
-      default: t(() => [
-        l(e(u), p({ ...e(d), ...o.$attrs }, {
-          class: e(g)(
-            "z-50 overflow-hidden rounded-md border border-muted bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md 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",
-            o.$attrs.class ?? ""
-          )
-        }), {
-          default: t(() => [
-            m(o.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["class"])
-      ]),
-      _: 3
-    }));
-  }
-});
-export {
-  x as _
-};