@soft-stech/bootsman-ui-shadcn 1.1.18 → 1.1.22

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

@@ -5,10 +5,10 @@ export { default as BuiTabsContent } from './BuiTabsContent.vue'
 
 import { cva } from 'class-variance-authority'
 
-export const tabsListVariants = cva('inline-flex h-10 items-center justify-center rounded-md p-1', {
+export const tabsListVariants = cva('inline-flex items-center justify-center rounded-md p-1', {
   variants: {
     variant: {
-      default: 'bg-muted text-foreground text-muted-foreground',
+      default: 'bg-muted text-muted-foreground p-0',
       ghost: 'bg-background bg-text-foreground'
     }
   },
@@ -18,11 +18,12 @@ export const tabsListVariants = cva('inline-flex h-10 items-center justify-cente
 })
 
 export const tabsTriggerVariants = cva(
-  'inline-flex items-center justify-center whitespace-nowrap  px-3 py-1.5 text-md 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 data-[state=active]:shadow-sm',
+  'inline-flex items-center justify-center whitespace-nowrap px-3 py-1.5 text-md 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',
+        default:
+          'rounded-sm data-[state=active]:bg-background data-[state=active]:border border-primary/[0.16] text-primary data-[state=active]:text-foreground data-[state=active]:shadow-tab-shadow',
         ghost:
           'border-transparent text-muted-foreground border-b-2 data-[state=active]:border-primary '
       }

package/src/components/ui/toast/use-toast.ts

@@ -1,6 +1,5 @@
-import { computed, ref } from 'vue'
-import type { Component, VNode } from 'vue'
-import type { ToastProps } from './BuiToast.vue'
+import { computed, ref, type Component, type VNode, type ComputedRef } from 'vue'
+import { type ToastProps } from './BuiToast.vue'
 
 const TOAST_LIMIT = 1
 const TOAST_REMOVE_DELAY = 1000000
@@ -114,7 +113,11 @@ function dispatch(action: Action) {
   }
 }
 
-function useToast() {
+function useToast(): {
+  toasts: ComputedRef<ToasterToast[]>
+  toast: (props: Toast) => ToastResult
+  dismiss: (toastId?: string) => void
+} {
   return {
     toasts: computed(() => state.value.toasts),
     toast,
@@ -123,8 +126,12 @@ function useToast() {
 }
 
 type Toast = Omit<ToasterToast, 'id'>
-
-function toast(props: Toast) {
+type ToastResult = {
+  id: string
+  dismiss: (toastId?: string) => void
+  update: (toast: ToasterToast) => void
+}
+function toast(props: Toast): ToastResult {
   const id = genId()
 
   const update = (props: ToasterToast) =>

package/src/index.ts

@@ -40,4 +40,6 @@ export * from './components/ui/collapsible/index'
 
 export * from './lib/utils'
 export { default as tailwind } from './tailwind-preset'
+
+// @ts-ignore
 export * from './assets/variables.css'

package/src/tailwind-preset.ts

@@ -73,7 +73,9 @@ export default {
         sm: 'calc(var(--radius) - 4px)'
       },
       boxShadow: {
-        'card-shadow': '0px 2px 19px 0px hsl(var(--card-shadow))'
+        'card-shadow': '0px 2px 19px 0px hsl(var(--card-shadow))',
+        'tab-shadow':
+          '0px 2px 4px 0px hsl(var(--tab-shadow)), 0px 4px 4px 0px hsl(var(--tab-shadow))'
       },
       keyframes: {
         'accordion-down': {

package/dist/BuiDataTable.vue_vue_type_script_setup_true_lang-CcM2IC6f.js

@@ -1,219 +0,0 @@
-import { defineComponent as z, mergeModels as x, useModel as S, computed as _, openBlock as o, createBlock as u, unref as t, withCtx as r, renderSlot as V, createCommentVNode as b, createVNode as i, createElementBlock as m, Fragment as p, renderList as c, createElementVNode as N, toDisplayString as I, createTextVNode as L } from "vue";
-import { _ as D } from "./BuiCollapsible.vue_vue_type_script_setup_true_lang-B4dxhX_r.js";
-import { _ as F } from "./BuiCollapsibleTrigger.vue_vue_type_script_setup_true_lang-b1qMpG9a.js";
-import { _ as T } from "./BuiCollapsibleContent.vue_vue_type_script_setup_true_lang-3St49aGF.js";
-import { _ as U } from "./BuiPaginationCommon.vue_vue_type_script_setup_true_lang-dh6FvXRc.js";
-import { v as w } from "./utils-DMgok1im.js";
-import { u as E, g as j, a as H, b as O, F as q, _ as M } from "./BuiTableRowSubrow.vue_vue_type_script_setup_true_lang-zozuVlJm.js";
-import { _ as A } from "./BuiTable.vue_vue_type_script_setup_true_lang-BbPh0gPO.js";
-import { _ as G } from "./BuiTableBody.vue_vue_type_script_setup_true_lang-B4pSpE-L.js";
-import { _ as h } from "./BuiTableCell.vue_vue_type_script_setup_true_lang-DwoXqpKg.js";
-import { _ as J } from "./BuiTableHead.vue_vue_type_script_setup_true_lang-DlE-Jn0g.js";
-import { _ as K } from "./BuiTableHeader.vue_vue_type_script_setup_true_lang-ByDzPSa9.js";
-import { _ as y } from "./BuiTableRow.vue_vue_type_script_setup_true_lang-Dh4QgH7f.js";
-import { _ as Q } from "./BuiTableCaption.vue_vue_type_script_setup_true_lang-DhTn_6Ag.js";
-import { _ as W } from "./BuiTableEmpty.vue_vue_type_script_setup_true_lang-BRA5Uz6D.js";
-import { _ as X } from "./BuiTableFooter.vue_vue_type_script_setup_true_lang-_Im-lcXC.js";
-const Y = { class: "inline-block rounded-t bg-background px-4 py-3" }, fe = /* @__PURE__ */ z({
-  __name: "BuiDataTable",
-  props: /* @__PURE__ */ x({
-    columns: {},
-    data: {},
-    pageSize: { default: 10 },
-    showPagination: { type: Boolean, default: !0 },
-    totalItems: { default: 0 },
-    manualPagination: { type: Boolean, default: !0 },
-    manualSorting: { type: Boolean, default: !0 },
-    groupBy: {},
-    groupLabels: {},
-    getRowId: {},
-    renderSubComponent: {}
-  }, {
-    sorting: {},
-    sortingModifiers: {},
-    pagination: {},
-    paginationModifiers: {},
-    selection: {},
-    selectionModifiers: {}
-  }),
-  emits: ["update:sorting", "update:pagination", "update:selection"],
-  setup(f) {
-    const n = f, C = S(f, "sorting"), d = S(f, "pagination"), v = S(f, "selection"), B = _(
-      () => n.manualPagination ? n.totalItems : n.data.length
-    ), l = E({
-      initialState: { pagination: { pageSize: n.pageSize } },
-      get data() {
-        return n.data;
-      },
-      get columns() {
-        return n.columns;
-      },
-      getCoreRowModel: j(),
-      getPaginationRowModel: H(),
-      getSortedRowModel: O(),
-      onSortingChange: (e) => {
-        w(e, C);
-      },
-      onPaginationChange: (e) => {
-        w(e, d);
-      },
-      onRowSelectionChange: (e) => {
-        w(e, v);
-      },
-      manualPagination: n.manualPagination,
-      // set to false to enable client-side pagination
-      manualSorting: n.manualSorting,
-      state: {
-        get sorting() {
-          return C.value;
-        },
-        get pagination() {
-          return d.value;
-        },
-        get rowSelection() {
-          return v.value;
-        }
-      },
-      getRowId: n.getRowId
-    }), $ = _({
-      get() {
-        return l.getState().pagination.pageSize;
-      },
-      set(e) {
-        d.value && (d.value.pageSize = e, l.setPageSize(e), l.setPageIndex(0));
-      }
-    }), k = _({
-      get() {
-        return l.getState().pagination.pageIndex + 1;
-      },
-      set(e) {
-        d.value && (d.value.pageIndex = e - 1, l.setPageIndex(e - 1));
-      }
-    }), P = _(() => n.groupBy ? l.getRowModel().rows.reduce((e, s) => {
-      const a = s.getValue(n.groupBy);
-      return e[a] = e[a] || [], e[a].push(s), e;
-    }, /* @__PURE__ */ Object.create(null)) : null);
-    return (e, s) => (o(), u(t(A), null, {
-      default: r(() => [
-        e.$slots.caption ? (o(), u(t(Q), { key: 0 }, {
-          default: r(() => [
-            V(e.$slots, "caption", { table: t(l) })
-          ]),
-          _: 3
-        })) : b("", !0),
-        i(t(K), null, {
-          default: r(() => [
-            (o(!0), m(p, null, c(t(l).getHeaderGroups(), (a) => (o(), u(t(y), {
-              key: a.id
-            }, {
-              default: r(() => [
-                (o(!0), m(p, null, c(a.headers, (g) => (o(), u(t(J), {
-                  key: g.id
-                }, {
-                  default: r(() => [
-                    g.isPlaceholder ? b("", !0) : (o(), u(t(q), {
-                      key: 0,
-                      render: g.column.columnDef.header,
-                      props: g.getContext()
-                    }, null, 8, ["render", "props"]))
-                  ]),
-                  _: 2
-                }, 1024))), 128))
-              ]),
-              _: 2
-            }, 1024))), 128))
-          ]),
-          _: 1
-        }),
-        i(t(G), null, {
-          default: r(() => [
-            t(l).getRowModel().rows?.length ? (o(), m(p, { key: 0 }, [
-              n.groupBy && P.value ? (o(!0), m(p, { key: 0 }, c(P.value, (a, g) => (o(), u(t(D), {
-                asChild: "",
-                key: g,
-                open: !0
-              }, {
-                default: r(() => [
-                  i(t(F), { asChild: "" }, {
-                    default: r(() => [
-                      i(t(y), { class: "bg-foreground/[0.04]" }, {
-                        default: r(() => [
-                          i(t(h), {
-                            colspan: e.columns.length,
-                            class: "!pb-0"
-                          }, {
-                            default: r(() => [
-                              N("div", Y, I(n.groupLabels && n.groupLabels[n.groupBy]) + ": " + I(g), 1)
-                            ]),
-                            _: 2
-                          }, 1032, ["colspan"])
-                        ]),
-                        _: 2
-                      }, 1024)
-                    ]),
-                    _: 2
-                  }, 1024),
-                  i(t(T), { asChild: "" }, {
-                    default: r(() => [
-                      (o(!0), m(p, null, c(a, (R) => (o(), u(M, {
-                        key: R.id,
-                        columns: n.columns,
-                        row: R,
-                        renderSubComponent: n.renderSubComponent
-                      }, null, 8, ["columns", "row", "renderSubComponent"]))), 128))
-                    ]),
-                    _: 2
-                  }, 1024)
-                ]),
-                _: 2
-              }, 1024))), 128)) : (o(!0), m(p, { key: 1 }, c(t(l).getRowModel().rows, (a) => (o(), u(M, {
-                key: a.id,
-                columns: n.columns,
-                row: a,
-                renderSubComponent: n.renderSubComponent
-              }, null, 8, ["columns", "row", "renderSubComponent"]))), 128))
-            ], 64)) : (o(), u(t(W), {
-              key: 1,
-              colspan: e.columns.length
-            }, {
-              default: r(() => [
-                L("No data")
-              ]),
-              _: 1
-            }, 8, ["colspan"]))
-          ]),
-          _: 1
-        }),
-        e.showPagination && t(l).getPageCount() > 1 ? (o(), u(t(X), { key: 1 }, {
-          default: r(() => [
-            i(t(y), null, {
-              default: r(() => [
-                i(t(h), {
-                  colspan: e.columns.length
-                }, {
-                  default: r(() => [
-                    i(t(U), {
-                      class: "float-right",
-                      total: B.value,
-                      pageIndex: k.value,
-                      "onUpdate:pageIndex": s[0] || (s[0] = (a) => k.value = a),
-                      pageSize: $.value,
-                      "onUpdate:pageSize": s[1] || (s[1] = (a) => $.value = a)
-                    }, null, 8, ["total", "pageIndex", "pageSize"])
-                  ]),
-                  _: 1
-                }, 8, ["colspan"])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })) : b("", !0)
-      ]),
-      _: 3
-    }));
-  }
-});
-export {
-  fe as _
-};

package/dist/BuiScrollArea.vue_vue_type_script_setup_true_lang-BAhbwd8R.js

@@ -1,39 +0,0 @@
-import { defineComponent as n, computed as d, openBlock as p, createBlock as i, unref as e, mergeProps as f, withCtx as a, createVNode as o, renderSlot as m } from "vue";
-import { b1 as u, b2 as _, b3 as h } from "./index-BWXL7qjH.js";
-import { _ as B } from "./BuiScrollBar.vue_vue_type_script_setup_true_lang-3eeK3g-g.js";
-import { c as b } from "./utils-DMgok1im.js";
-const C = /* @__PURE__ */ n({
-  __name: "BuiScrollArea",
-  props: {
-    type: {},
-    dir: {},
-    scrollHideDelay: {},
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(l) {
-    const s = l, c = d(() => {
-      const { class: r, ...t } = s;
-      return t;
-    });
-    return (r, t) => (p(), i(e(u), f(c.value, {
-      class: e(b)("relative overflow-hidden", s.class)
-    }), {
-      default: a(() => [
-        o(e(_), { class: "h-full w-full rounded-[inherit]" }, {
-          default: a(() => [
-            m(r.$slots, "default")
-          ]),
-          _: 3
-        }),
-        o(B),
-        o(e(h))
-      ]),
-      _: 3
-    }, 16, ["class"]));
-  }
-});
-export {
-  C as _
-};