@soft-stech/bootsman-ui-shadcn 1.4.7 → 1.4.9

package/dist/index.js

@@ -5,7 +5,7 @@ import { _ as s } from "./BuiAccordionItem.vue_vue_type_script_setup_true_lang-B
 import { _ as B } from "./BuiAccordionTrigger.vue_vue_type_script_setup_true_lang-Cj9fQ65P.js";
 import { _ as f } from "./BuiAlertDialog.vue_vue_type_script_setup_true_lang-Dul30BC6.js";
 import { _ } from "./BuiAlertDialogTrigger.vue_vue_type_script_setup_true_lang-CPFDF5F6.js";
-import { _ as d } from "./BuiAlertDialogContent.vue_vue_type_script_setup_true_lang-X9qvKN3J.js";
+import { _ as d } from "./BuiAlertDialogContent.vue_vue_type_script_setup_true_lang-Dyl7QJKb.js";
 import { _ as C } from "./BuiAlertDialogHeader.vue_vue_type_script_setup_true_lang-B_v0x4bR.js";
 import { _ as F } from "./BuiAlertDialogTitle.vue_vue_type_script_setup_true_lang-BATuGkm5.js";
 import { _ as S } from "./BuiAlertDialogDescription.vue_vue_type_script_setup_true_lang-R1T7zxP4.js";
@@ -25,8 +25,8 @@ import { _ as so } from "./BuiCardDescription.vue_vue_type_script_setup_true_lan
 import { _ as Bo } from "./BuiCardContent.vue_vue_type_script_setup_true_lang-DgaFOPhF.js";
 import { _ as fo } from "./BuiCardFooter.vue_vue_type_script_setup_true_lang-DVFXH6py.js";
 import { _ as _o } from "./BuiCheckbox.vue_vue_type_script_setup_true_lang-DNoixK5s.js";
-import { _ as go } from "./BuiCommand.vue_vue_type_script_setup_true_lang-DT7dIFaG.js";
-import { _ as To } from "./BuiCommandDialog.vue_vue_type_script_setup_true_lang-Blp3bnyE.js";
+import { _ as go } from "./BuiCommand.vue_vue_type_script_setup_true_lang-Bsirct3Q.js";
+import { _ as To } from "./BuiCommandDialog.vue_vue_type_script_setup_true_lang-G04U7dS_.js";
 import { _ as co } from "./BuiCommandEmpty.vue_vue_type_script_setup_true_lang-CIA9bpza.js";
 import { _ as bo } from "./BuiCommandGroup.vue_vue_type_script_setup_true_lang-BvZGfZcX.js";
 import { _ as Ao } from "./BuiCommandInput.vue_vue_type_script_setup_true_lang-DnaJBI5u.js";
@@ -36,7 +36,7 @@ import { _ as Vo } from "./BuiCommandSeparator.vue_vue_type_script_setup_true_la
 import { _ as Lo } from "./BuiCommandShortcut.vue_vue_type_script_setup_true_lang-DgL448Gv.js";
 import { _ as Ho } from "./BuiContextMenu.vue_vue_type_script_setup_true_lang-CQSZ3Xgr.js";
 import { _ as Go } from "./BuiContextMenuTrigger.vue_vue_type_script_setup_true_lang-ZkJmsdNR.js";
-import { _ as Oo } from "./BuiContextMenuContent.vue_vue_type_script_setup_true_lang-CuqPZL6x.js";
+import { _ as Oo } from "./BuiContextMenuContent.vue_vue_type_script_setup_true_lang-CaqgIxuK.js";
 import { _ as No } from "./BuiContextMenuGroup.vue_vue_type_script_setup_true_lang-2FAxkxhs.js";
 import { _ as Yo } from "./BuiContextMenuRadioGroup.vue_vue_type_script_setup_true_lang-Bho33BlA.js";
 import { _ as Ko } from "./BuiContextMenuItem.vue_vue_type_script_setup_true_lang-BY-DoClM.js";
@@ -47,19 +47,19 @@ import { _ as $o } from "./BuiContextMenuSeparator.vue_vue_type_script_setup_tru
 import { _ as rr } from "./BuiContextMenuLabel.vue_vue_type_script_setup_true_lang-dIFL4JWL.js";
 import { _ as tr } from "./BuiContextMenuSub.vue_vue_type_script_setup_true_lang-C5aJ4x6u.js";
 import { _ as ir } from "./BuiContextMenuSubTrigger.vue_vue_type_script_setup_true_lang-CmQZkC5y.js";
-import { _ as pr } from "./BuiContextMenuSubContent.vue_vue_type_script_setup_true_lang-CFxfppM9.js";
+import { _ as pr } from "./BuiContextMenuSubContent.vue_vue_type_script_setup_true_lang-DZGICRLF.js";
 import { _ as mr } from "./BuiDialog.vue_vue_type_script_setup_true_lang-C0gpUi9x.js";
 import { _ as xr } from "./BuiDialogClose.vue_vue_type_script_setup_true_lang-C3HmqVNq.js";
 import { _ as nr } from "./BuiDialogTrigger.vue_vue_type_script_setup_true_lang-k6NUSYQE.js";
 import { _ as lr } from "./BuiDialogHeader.vue_vue_type_script_setup_true_lang-Bm0ZsC14.js";
 import { _ as gr } from "./BuiDialogTitle.vue_vue_type_script_setup_true_lang-DKWeCY7z.js";
 import { _ as Tr } from "./BuiDialogDescription.vue_vue_type_script_setup_true_lang-CzoOmVy4.js";
-import { _ as cr } from "./BuiDialogContent.vue_vue_type_script_setup_true_lang-BMA0M1hp.js";
+import { _ as cr } from "./BuiDialogContent.vue_vue_type_script_setup_true_lang-DcmE9hBi.js";
 import { _ as br } from "./BuiDialogFooter.vue_vue_type_script_setup_true_lang-CCV-sr8D.js";
 import { a as Ar, f as Mr, y as Ir, g as hr } from "./index-DKlaqzM0.js";
 import { _ as Pr } from "./BuiDropdownMenu.vue_vue_type_script_setup_true_lang-B49IHHTX.js";
 import { _ as vr } from "./BuiDropdownMenuTrigger.vue_vue_type_script_setup_true_lang-BMYtK5S3.js";
-import { _ as yr } from "./BuiDropdownMenuContent.vue_vue_type_script_setup_true_lang-B8H_op05.js";
+import { _ as yr } from "./BuiDropdownMenuContent.vue_vue_type_script_setup_true_lang-DBkqOlh3.js";
 import { _ as Rr } from "./BuiDropdownMenuGroup.vue_vue_type_script_setup_true_lang-DXpaKYVo.js";
 import { _ as Er } from "./BuiDropdownMenuRadioGroup.vue_vue_type_script_setup_true_lang-CCHHYM9w.js";
 import { _ as kr } from "./BuiDropdownMenuItem.vue_vue_type_script_setup_true_lang-DD1zfWjq.js";
@@ -70,29 +70,29 @@ import { _ as zr } from "./BuiDropdownMenuSeparator.vue_vue_type_script_setup_tr
 import { _ as Wr } from "./BuiDropdownMenuLabel.vue_vue_type_script_setup_true_lang-vzyAJ_Ij.js";
 import { _ as Zr } from "./BuiDropdownMenuSub.vue_vue_type_script_setup_true_lang-DPSBU6W_.js";
 import { _ as oe } from "./BuiDropdownMenuSubTrigger.vue_vue_type_script_setup_true_lang-BUv6utDA.js";
-import { _ as ee } from "./BuiDropdownMenuSubContent.vue_vue_type_script_setup_true_lang-C04QeTB4.js";
+import { _ as ee } from "./BuiDropdownMenuSubContent.vue_vue_type_script_setup_true_lang-DrZFSBRM.js";
 import { _ as ae } from "./BuiHoverCard.vue_vue_type_script_setup_true_lang-DxzXiXRP.js";
 import { _ as ue } from "./BuiHoverCardTrigger.vue_vue_type_script_setup_true_lang-eQB7XEG9.js";
-import { _ as se } from "./BuiHoverCardContent.vue_vue_type_script_setup_true_lang-DBSu9D_2.js";
+import { _ as se } from "./BuiHoverCardContent.vue_vue_type_script_setup_true_lang-Dgr6-pEZ.js";
 import { BuiBadgedInput as Be, BuiInput as xe, BuiPasswordInput as fe, inputVariants as ne } from "./components/ui/input/index.js";
 import { _ as le } from "./BuiLabel.vue_vue_type_script_setup_true_lang-BCDLQOYQ.js";
-import { _ as ge } from "./variables-DVhUyg_H.js";
-import { _ as Te } from "./BuiPaginationFirst.vue_vue_type_script_setup_true_lang-CnD3O2et.js";
-import { _ as ce } from "./BuiPaginationLast.vue_vue_type_script_setup_true_lang-BwOCzBPt.js";
-import { _ as be } from "./BuiPaginationNext.vue_vue_type_script_setup_true_lang-l9rrJImX.js";
-import { _ as Ae } from "./BuiPaginationPrev.vue_vue_type_script_setup_true_lang-CsTM8l1o.js";
+import { _ as ge } from "./variables-LmtKdMeC.js";
+import { _ as Te } from "./BuiPaginationFirst.vue_vue_type_script_setup_true_lang-BLX8D15W.js";
+import { _ as ce } from "./BuiPaginationLast.vue_vue_type_script_setup_true_lang-DYkJBMPT.js";
+import { _ as be } from "./BuiPaginationNext.vue_vue_type_script_setup_true_lang-BgvOwD0Q.js";
+import { _ as Ae } from "./BuiPaginationPrev.vue_vue_type_script_setup_true_lang-DavRpiVz.js";
 import { _ as Ie } from "./BuiPaginationEllipsis.vue_vue_type_script_setup_true_lang-Cu7zcGwG.js";
 import { _ as we } from "./BuiPopover.vue_vue_type_script_setup_true_lang-CGkz30K2.js";
 import { _ as Ve } from "./BuiPopoverTrigger.vue_vue_type_script_setup_true_lang-Du2ZN56l.js";
-import { _ as Le } from "./BuiPopoverContent.vue_vue_type_script_setup_true_lang-Tkbjs9OG.js";
+import { _ as Le } from "./BuiPopoverContent.vue_vue_type_script_setup_true_lang-BALStK7t.js";
 import { BuiProgress as He, capVariants as Re, indicatorVariants as Ge, progressVariants as Ee } from "./components/ui/progress/index.js";
 import { BuiHealth as ke, capHealthVariants as Ne, healthVariants as je } from "./components/ui/health/index.js";
 import { _ as Je } from "./BuiRadioGroup.vue_vue_type_script_setup_true_lang-DERiuA4O.js";
 import { _ as Ue } from "./BuiRadioGroupItem.vue_vue_type_script_setup_true_lang-Bt5xnV6P.js";
 import { _ as ze } from "./BuiSelect.vue_vue_type_script_setup_true_lang-CgsLboTA.js";
 import { _ as We } from "./BuiSelectValue.vue_vue_type_script_setup_true_lang-BNN6bEtZ.js";
-import { _ as Ze } from "./BuiSelectTrigger.vue_vue_type_script_setup_true_lang-DkxJd5P1.js";
-import { _ as ot } from "./BuiSelectContent.vue_vue_type_script_setup_true_lang-Cm3Rhbn-.js";
+import { _ as Ze } from "./BuiSelectTrigger.vue_vue_type_script_setup_true_lang-DqEiT8BY.js";
+import { _ as ot } from "./BuiSelectContent.vue_vue_type_script_setup_true_lang-DJkDD2s5.js";
 import { _ as et } from "./BuiSelectGroup.vue_vue_type_script_setup_true_lang-C5f1ktkW.js";
 import { _ as at } from "./BuiSelectItem.vue_vue_type_script_setup_true_lang-BrrOFWT-.js";
 import { _ as ut } from "./BuiSelectItemText.vue_vue_type_script_setup_true_lang-C2GNX_B1.js";
@@ -111,8 +111,8 @@ import { BuiDataTable as Pt, BuiTableRowSubrow as Vt, getPinningStyle as vt } fr
 import { BuiTabsList as yt, BuiTabsTrigger as Ht, tabsListVariants as Rt, tabsTriggerVariants as Gt } from "./components/ui/tabs/index.js";
 import { BuiTextarea as Ot, textareaVariants as kt } from "./components/ui/textarea/index.js";
 import { BuiToast as jt, BuiToaster as Yt, toastVariants as Jt } from "./components/ui/toast/index.js";
-import { _ as Ut } from "./BuiTooltip.vue_vue_type_script_setup_true_lang-ztKArpVI.js";
-import { _ as zt } from "./BuiTooltipContent.vue_vue_type_script_setup_true_lang-C_JQIHtq.js";
+import { _ as Ut } from "./BuiTooltip.vue_vue_type_script_setup_true_lang-Cas1FHjM.js";
+import { _ as zt } from "./BuiTooltipContent.vue_vue_type_script_setup_true_lang-BGxKPTKg.js";
 import { _ as Wt } from "./BuiTooltipTrigger.vue_vue_type_script_setup_true_lang-CnGv207Y.js";
 import { _ as Zt } from "./BuiTooltipProvider.vue_vue_type_script_setup_true_lang-CCOYEiUg.js";
 import { BuiToggle as oa, toggleVariants as ra } from "./components/ui/toggle/index.js";
@@ -126,17 +126,17 @@ import { _ as la } from "./BuiCollapsible.vue_vue_type_script_setup_true_lang-Dj
 import { _ as ga } from "./BuiCollapsibleTrigger.vue_vue_type_script_setup_true_lang-l-nmwAwq.js";
 import { _ as Ta } from "./BuiCollapsibleContent.vue_vue_type_script_setup_true_lang-BiD89zzH.js";
 import { getBaseSchema as ca, getBaseType as Sa, getObjectFormSchema as ba } from "./components/ui/auto-form/utils.js";
-import { _ as Aa } from "./BuiAutoForm.vue_vue_type_script_setup_true_lang-BW3tgki8.js";
-import { _ as Ia, b as ha, a as wa } from "./BuiAutoFormField.vue_vue_type_script_setup_true_lang-D8maNnmd.js";
+import { _ as Aa } from "./BuiAutoForm.vue_vue_type_script_setup_true_lang-CB-EIML7.js";
+import { _ as Ia, b as ha, a as wa } from "./BuiAutoFormField.vue_vue_type_script_setup_true_lang-BLsCoIRy.js";
 import { _ as Va } from "./BuiAutoFormLabel.vue_vue_type_script_setup_true_lang-CbsWYrBP.js";
-import { _ as La } from "./BuiAutoFormFieldArray.vue_vue_type_script_setup_true_lang-CZ2WvzY1.js";
+import { _ as La } from "./BuiAutoFormFieldArray.vue_vue_type_script_setup_true_lang-BTlHuLUz.js";
 import { _ as Ha } from "./BuiAutoFormFieldBoolean.vue_vue_type_script_setup_true_lang-BPqDv1C-.js";
-import { _ as Ga } from "./BuiAutoFormFieldDate.vue_vue_type_script_setup_true_lang-DJkjqkPx.js";
-import { _ as Oa } from "./BuiAutoFormFieldEnum.vue_vue_type_script_setup_true_lang-OLt_UfiR.js";
+import { _ as Ga } from "./BuiAutoFormFieldDate.vue_vue_type_script_setup_true_lang-COUhdLy1.js";
+import { _ as Oa } from "./BuiAutoFormFieldEnum.vue_vue_type_script_setup_true_lang-1dOhbU2o.js";
 import { _ as Na } from "./BuiAutoFormFieldFile.vue_vue_type_script_setup_true_lang-CYpfHwEN.js";
 import { _ as Ya } from "./BuiAutoFormFieldInput.vue_vue_type_script_setup_true_lang-trXyF12t.js";
 import { _ as Ka } from "./BuiAutoFormFieldNumber.vue_vue_type_script_setup_true_lang-H_XnWE1J.js";
-import { _ as qa } from "./BuiAutoFormFieldObject.vue_vue_type_script_setup_true_lang-B6tt7UzA.js";
+import { _ as qa } from "./BuiAutoFormFieldObject.vue_vue_type_script_setup_true_lang-DGgLatY8.js";
 import { BuiSheetContent as Qa, sheetVariants as Wa } from "./components/ui/sheet/index.js";
 import { default as Za } from "./tailwind-preset.js";
 import { _ as oi } from "./BuiAlertTitle.vue_vue_type_script_setup_true_lang-HcE6YIMf.js";
@@ -146,12 +146,12 @@ import { _ as ui } from "./BuiAvatarFallback.vue_vue_type_script_setup_true_lang
 import "./BuiCalendar.vue_vue_type_style_index_0_lang-DK4yUiXC.js";
 import { _ as si } from "./BuiTable.vue_vue_type_script_setup_true_lang-DB_kno4S.js";
 import { _ as Bi } from "./BuiTableBody.vue_vue_type_script_setup_true_lang-DKNfHhC7.js";
-import { _ as fi } from "./BuiTableCell.vue_vue_type_script_setup_true_lang-DwHfM8N5.js";
+import { _ as fi } from "./BuiTableCell.vue_vue_type_script_setup_true_lang-DsiMvY2E.js";
 import { _ as _i } from "./BuiTableHead.vue_vue_type_script_setup_true_lang-D9mDq1qB.js";
 import { _ as di } from "./BuiTableHeader.vue_vue_type_script_setup_true_lang-BPEHXmhb.js";
 import { _ as Ci } from "./BuiTableRow.vue_vue_type_script_setup_true_lang-D5KOBymP.js";
 import { _ as Fi } from "./BuiTableCaption.vue_vue_type_script_setup_true_lang-Par6DSJD.js";
-import { _ as Si } from "./BuiTableEmpty.vue_vue_type_script_setup_true_lang-BV0YOWwl.js";
+import { _ as Si } from "./BuiTableEmpty.vue_vue_type_script_setup_true_lang-DVFlBbAR.js";
 import { _ as Di } from "./BuiTableFooter.vue_vue_type_script_setup_true_lang-CPLWNRCh.js";
 import { _ as Mi } from "./BuiTabs.vue_vue_type_script_setup_true_lang-Bp869I4W.js";
 import { _ as hi } from "./BuiTabsContent.vue_vue_type_script_setup_true_lang-DkmqbF14.js";

package/dist/tailwind-preset.js

@@ -74,7 +74,10 @@ const o = {
       boxShadow: {
         "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/{variables-DVhUyg_H.js → variables-LmtKdMeC.js}

@@ -7,18 +7,18 @@ import "./BuiCalendar.vue_vue_type_style_index_0_lang-DK4yUiXC.js";
 import { BuiInput as C } from "./components/ui/input/index.js";
 import { _ as N } from "./BuiSelect.vue_vue_type_script_setup_true_lang-CgsLboTA.js";
 import { _ as w } from "./BuiSelectValue.vue_vue_type_script_setup_true_lang-BNN6bEtZ.js";
-import { _ as U } from "./BuiSelectTrigger.vue_vue_type_script_setup_true_lang-DkxJd5P1.js";
-import { _ as b } from "./BuiSelectContent.vue_vue_type_script_setup_true_lang-Cm3Rhbn-.js";
+import { _ as U } from "./BuiSelectTrigger.vue_vue_type_script_setup_true_lang-DqEiT8BY.js";
+import { _ as b } from "./BuiSelectContent.vue_vue_type_script_setup_true_lang-DJkDD2s5.js";
 import { _ as q } from "./BuiSelectItem.vue_vue_type_script_setup_true_lang-BrrOFWT-.js";
 import "@tanstack/vue-table";
 import "./components/ui/toast/use-toast.js";
 import "@vee-validate/zod";
 import "zod";
 import "./index-BGsblnmA.js";
-import { _ as E } from "./BuiPaginationFirst.vue_vue_type_script_setup_true_lang-CnD3O2et.js";
-import { _ as j } from "./BuiPaginationLast.vue_vue_type_script_setup_true_lang-BwOCzBPt.js";
-import { _ as D } from "./BuiPaginationNext.vue_vue_type_script_setup_true_lang-l9rrJImX.js";
-import { _ as F } from "./BuiPaginationPrev.vue_vue_type_script_setup_true_lang-CsTM8l1o.js";
+import { _ as E } from "./BuiPaginationFirst.vue_vue_type_script_setup_true_lang-BLX8D15W.js";
+import { _ as j } from "./BuiPaginationLast.vue_vue_type_script_setup_true_lang-DYkJBMPT.js";
+import { _ as D } from "./BuiPaginationNext.vue_vue_type_script_setup_true_lang-BgvOwD0Q.js";
+import { _ as F } from "./BuiPaginationPrev.vue_vue_type_script_setup_true_lang-DavRpiVz.js";
 const L = { class: "text-sm text-muted-foreground" }, ie = /* @__PURE__ */ $({
   __name: "BuiPaginationCommon",
   props: /* @__PURE__ */ y({

package/dist/variables.css

@@ -1 +1 @@
-:root{--background: 0 0% 100%;--foreground: 242 24% 21%;--muted: 210 40% 96.1%;--muted-foreground: 225 5% 47%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--card-shadow: 240.88, 91.89%, 70.98%, .16;--tab-shadow: 228, 51%, 11%, .08;--border: 241 92% 71%;--input: 225 11% 84%;--primary: 241 92% 71%;--primary-hover: 241 76% 62%;--primary-active: 241 54% 54%;--primary-foreground: 0 0% 100%;--secondary: 210 40% 96.1%;--secondary-foreground: 241 76% 62%;--accent: 241 92% 71%;--accent-foreground: 241 76% 62%;--destructive: 328, 68%, 63%, .16;--destructive-foreground: 328, 68%, 63%;--success: 181, 34%, 39%, .16;--success-foreground: 181, 34%, 39%;--warning: 48, 79%, 45%, .16;--warning-foreground: 48, 79%, 45%;--ring: 241 92% 71%;--radius: .5rem}.dark{--background: 242 24% 21%;--foreground: 0 0% 100%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 0, 0%, 100%, .32;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--card: 242 24% 21%;--card-foreground: 210 40% 98%;--card-shadow: 242.03, 93.67%, 69.02%, .4;--tab-shadow: 228, 51%, 11%, .08;--border: 241 92% 71%;--input: 0, 0%, 100%, .32;--primary: 241 92% 71%;--primary-hover: 241 76% 62%;--primary-active: 241 54% 54%;--primary-foreground: 0 0% 100%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--accent: 241 92% 71%;--accent-foreground: 240 100% 77%;--destructive: 328, 68%, 63%, .16;--destructive-foreground: 328, 68%, 63%;--success: 181, 34%, 39%, .16;--success-foreground: 152 80% 38%;--ring: 241 92% 71%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}
+:root{--background: 0 0% 100%;--foreground: 242 24% 21%;--muted: 210 40% 96.1%;--muted-foreground: 225 5% 47%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--card-shadow: 240.88, 91.89%, 70.98%, .16;--tab-shadow: 228, 51%, 11%, .08;--border: 241 92% 71%;--input: 225 11% 84%;--primary: 241 92% 71%;--primary-hover: 241 76% 62%;--primary-active: 241 54% 54%;--primary-foreground: 0 0% 100%;--secondary: 210 40% 96.1%;--secondary-foreground: 241 76% 62%;--accent: 241 92% 71%;--accent-foreground: 241 76% 62%;--destructive: 328, 68%, 63%, .16;--destructive-foreground: 328, 68%, 63%;--success: 181, 34%, 39%, .16;--success-foreground: 181, 34%, 39%;--warning: 48, 79%, 45%, .16;--warning-foreground: 48, 79%, 45%;--ring: 241 92% 71%;--radius: .5rem;--tooltip: 225 5% 47%}.dark{--background: 242 24% 21%;--foreground: 0 0% 100%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 0, 0%, 100%, .32;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--card: 242 24% 21%;--card-foreground: 210 40% 98%;--card-shadow: 242.03, 93.67%, 69.02%, .4;--tab-shadow: 228, 51%, 11%, .08;--border: 241 92% 71%;--input: 0, 0%, 100%, .32;--primary: 241 92% 71%;--primary-hover: 241 76% 62%;--primary-active: 241 54% 54%;--primary-foreground: 0 0% 100%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--accent: 241 92% 71%;--accent-foreground: 240 100% 77%;--destructive: 328, 68%, 63%, .16;--destructive-foreground: 328, 68%, 63%;--success: 181, 34%, 39%, .16;--success-foreground: 152 80% 38%;--ring: 241 92% 71%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}

package/package.json

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

package/src/assets/variables.css

@@ -39,6 +39,8 @@
   --ring: 241 92% 71%;
 
   --radius: 0.5rem;
+
+  --tooltip: 225 5% 47%;
 }
 
 .dark {

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

@@ -59,13 +59,13 @@ const steps = [
 
           <div class="mt-5 flex flex-col items-center text-center">
             <BuiStepperTitle
-              :class="[state === 'active' && 'text-primary']"
+              :class="[state !== 'active' && 'text-primary']"
               class="text-sm font-semibold transition lg:text-base"
             >
               {{ step.title }}
             </BuiStepperTitle>
             <BuiStepperDescription
-              :class="[state === 'active' && 'text-primary']"
+              :class="[state !== 'active' && 'text-primary']"
               class="sr-only text-xs text-muted-foreground transition md:not-sr-only lg:text-sm"
             >
               {{ step.description }}
@@ -108,13 +108,13 @@ const steps = [
 
           <div class="flex flex-col gap-1">
             <BuiStepperTitle
-              :class="[state === 'active' && 'text-primary']"
+              :class="[state !== 'active' && 'text-primary']"
               class="text-sm font-semibold transition lg:text-base"
             >
               {{ step.title }}
             </BuiStepperTitle>
             <BuiStepperDescription
-              :class="[state === 'active' && 'text-primary']"
+              :class="[state !== 'active' && 'text-primary']"
               class="sr-only text-xs text-muted-foreground transition md:not-sr-only lg:text-sm"
             >
               {{ step.description }}

package/src/components/ui/alert-dialog/BuiAlertDialogContent.vue

@@ -24,7 +24,7 @@ const emitsAsProps = useEmitAsProps(emits)
       v-bind="{ ...props, ...emitsAsProps }"
       :class="
         cn(
-          'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-muted bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full',
+          'shadow-level2 fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-muted bg-background p-6 duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full',
           props.class
         )
       "

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

@@ -19,7 +19,7 @@ const emit = defineEmits<{ (e: 'close'): void }>()
 </script>
 
 <template>
-  <div :class="cn(badgeVariants({ variant }), $attrs.class ?? '')">
+  <div :class="cn(badgeVariants({ variant }))">
     <slot />
     <BuiButton
       variant="none"

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

@@ -3,7 +3,7 @@ import { cva } from 'class-variance-authority'
 export { default as BuiBadge } from './BuiBadge.vue'
 
 export const badgeVariants = cva(
-  'px-3 py-1 inline-flex items-center rounded-full font-normal transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-[13px] leading-5 gap-1',
+  'px-2 py-0.5 inline-flex items-center rounded-full font-normal transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-[13px] leading-5 gap-1',
   {
     variants: {
       variant: {

package/src/components/ui/command/BuiCommand.vue

@@ -16,7 +16,7 @@ const forwarded = useForwardPropsEmits(props, emits)
     :model-value="''"
     :class="
       cn(
-        'flex h-full w-full flex-col overflow-hidden rounded-md border border-muted bg-popover text-popover-foreground shadow-md',
+        'shadow-level1 flex h-full w-full flex-col overflow-hidden rounded-md border border-muted bg-popover text-popover-foreground',
         $attrs.class ?? ''
       )
     "

package/src/components/ui/command/BuiCommandDialog.vue

@@ -12,7 +12,7 @@ const emitsAsProps = useEmitAsProps(emits)
 
 <template>
   <BuiDialog v-bind="{ ...props, ...emitsAsProps }">
-    <BuiDialogContent class="overflow-hidden p-0 shadow-lg">
+    <BuiDialogContent class="overflow-hidden p-0 shadow-level2">
       <Command
         class="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5"
       >

package/src/components/ui/context-menu/BuiContextMenuContent.vue

@@ -19,7 +19,7 @@ const forwarded = useForwardPropsEmits(props, emits)
     <ContextMenuContent
       :class="[
         cn(
-          'z-50 min-w-[8rem] overflow-hidden rounded-md border border-muted bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 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',
+          'shadow-level1 z-50 min-w-[8rem] overflow-hidden rounded-md border border-muted bg-popover p-1 text-popover-foreground animate-in fade-in-80 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/context-menu/BuiContextMenuSubContent.vue

@@ -18,7 +18,7 @@ const forwarded = useForwardPropsEmits(props, emits)
     v-bind="forwarded"
     :class="
       cn(
-        'z-50 min-w-[8rem] overflow-hidden rounded-md border border-muted bg-popover p-1 text-popover-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',
+        'z-50 min-w-[8rem] overflow-hidden rounded-md border border-muted bg-popover p-1 text-popover-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',
         props.class
       )
     "

package/src/components/ui/dialog/BuiDialogContent.vue

@@ -25,7 +25,7 @@ const emitsAsProps = useEmitAsProps(emits)
     <DialogContent
       :class="
         cn(
-          'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-muted bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full',
+          'shadow-level2 fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-muted bg-background p-6 duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full',
           props.class
         )
       "

package/src/components/ui/dropdown-menu/BuiDropdownMenuContent.vue

@@ -21,7 +21,7 @@ const forwarded = useForwardPropsEmits(props, emits)
     <DropdownMenuContent
       :class="[
         cn(
-          'z-50 min-w-[8rem] overflow-hidden rounded-md border border-muted bg-popover p-1 text-popover-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',
+          'z-50 min-w-[8rem] overflow-hidden rounded-md border border-muted bg-popover p-1 text-popover-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',
           props.class
         )
       ]"

package/src/components/ui/dropdown-menu/BuiDropdownMenuSubContent.vue

@@ -18,7 +18,7 @@ const forwarded = useForwardPropsEmits(props, emits)
     v-bind="forwarded"
     :class="
       cn(
-        'z-50 min-w-[8rem] overflow-hidden rounded-md border border-muted bg-popover p-1 text-popover-foreground shadow-lg 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 min-w-[8rem] overflow-hidden rounded-md border border-muted bg-popover p-1 text-popover-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',
         $attrs.class ?? ''
       )
     "

package/src/components/ui/hover-card/BuiHoverCardContent.vue

@@ -20,7 +20,7 @@ const forwarded = useForwardProps(props)
       v-bind="forwarded"
       :class="
         cn(
-          'z-50 w-64 rounded-md border border-muted bg-background p-4 text-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-64 rounded-md border border-muted bg-background p-4 text-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/input/BuiBadgedInput.vue

@@ -23,7 +23,7 @@ const MAGIC_NUMBER = 16 // 12 (right-3) + 4 (just some offset)
     <BuiBadge
       ref="badgeEl"
       v-if="props.badge"
-      class="absolute right-3 top-1.5 flex items-center justify-center rounded-sm hover:bg-primary/[0.08] dark:hover:bg-primary/30"
+      class="absolute right-3 top-1 flex items-center justify-center rounded-sm hover:bg-primary/[0.08] dark:hover:bg-primary/30"
     >
       {{ props.badge }}
     </BuiBadge>

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

@@ -5,7 +5,7 @@ export { default as BuiPasswordInput } from './BuiPasswordInput.vue'
 export { default as BuiBadgedInput } from './BuiBadgedInput.vue'
 
 export const inputVariants = cva(
-  'flex h-10 w-full rounded bg-background border px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-30 dark:disabled:opacity-55 read-only:opacity-30 dark:read-only:opacity-55 aria-[invalid=true]:border-destructive-foreground',
+  'flex h-8 w-full rounded bg-background border px-2 py-1 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-30 dark:disabled:opacity-55 read-only:opacity-30 dark:read-only:opacity-55 aria-[invalid=true]:border-destructive-foreground',
   {
     variants: {
       variant: {

package/src/components/ui/pagination/BuiPaginationFirst.vue

@@ -11,7 +11,7 @@ const forwarded = useForwardProps(props)
 
 <template>
   <PaginationFirst v-bind="forwarded">
-    <BuiButton class="h-10 w-10 p-0" variant="outline">
+    <BuiButton class="h-8 w-8 p-0" variant="outline">
       <slot>
         <ChevronFirst class="h-4 w-4" />
       </slot>

package/src/components/ui/pagination/BuiPaginationLast.vue

@@ -11,7 +11,7 @@ const forwarded = useForwardProps(props)
 
 <template>
   <PaginationLast v-bind="forwarded">
-    <BuiButton class="h-10 w-10 p-0" variant="outline">
+    <BuiButton class="h-8 w-8 p-0" variant="outline">
       <slot>
         <ChevronLast class="h-4 w-4" />
       </slot>

package/src/components/ui/pagination/BuiPaginationNext.vue

@@ -11,7 +11,7 @@ const forwarded = useForwardProps(props)
 
 <template>
   <PaginationNext v-bind="forwarded">
-    <BuiButton class="h-10 w-10 p-0" variant="outline">
+    <BuiButton class="h-8 w-8 p-0" variant="outline">
       <slot>
         <ChevronRight class="h-4 w-4" />
       </slot>

package/src/components/ui/pagination/BuiPaginationPrev.vue

@@ -11,7 +11,7 @@ const forwarded = useForwardProps(props)
 
 <template>
   <PaginationPrev v-bind="forwarded">
-    <BuiButton class="h-10 w-10 p-0" variant="outline">
+    <BuiButton class="h-8 w-8 p-0" variant="outline">
       <slot>
         <ChevronLeft class="h-4 w-4" />
       </slot>

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/select/BuiSelectTrigger.vue

@@ -17,7 +17,7 @@ const props = withDefaults(
     v-bind="props"
     :class="[
       cn(
-        'flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:min-w-0 [&>span]:truncate',
+        'flex h-8 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-background px-2 py-1 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:min-w-0 [&>span]:truncate',
         props.invalid && 'border-destructive-foreground',
         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

@@ -253,7 +253,7 @@ function getGroupLabel(index: number) {
   </BuiTable>
   <div
     v-if="showPagination && computedItems > 0"
-    class="flex w-full justify-end border-x border-b border-border/[0.16] bg-primary/[0.04] p-4 text-base text-muted-foreground"
+    class="flex w-full justify-end border-x border-b border-border/[0.16] bg-primary/[0.04] px-4 py-1 text-base text-muted-foreground"
   >
     <BuiPaginationCommon
       :total="computedItems"

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

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

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

@@ -19,12 +19,12 @@ 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-lg 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.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',
   {
     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',
         vertical:

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

@@ -13,7 +13,7 @@ const forwarded = useForwardPropsEmits(props, emits)
 </script>
 
 <template>
-  <TooltipRoot v-bind="forwarded">
+  <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-DwHfM8N5.js

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