@soft-stech/bootsman-ui-shadcn 2.0.0 → 2.0.1

package/dist/{utils-BYyL6OyR.js → utils-DIEJYj9K.js}

@@ -1,4 +1,4 @@
-import { defineComponent as $, createBlock as Y, openBlock as G, unref as b, mergeProps as se, withCtx as ne, renderSlot as O, h as j, provide as He, useAttrs as he, createElementBlock as Ge, inject as pe, toValue as Xe, toRef as Qe, normalizeClass as er } from "vue";
+import { defineComponent as $, createBlock as Y, openBlock as G, unref as b, mergeProps as se, withCtx as ne, renderSlot as O, provide as He, useAttrs as he, createElementBlock as Ge, inject as pe, toValue as Xe, toRef as Qe, normalizeClass as er, h as j } from "vue";
 import { FieldContextKey as rr, useFieldError as tr, useIsFieldTouched as or, useIsFieldDirty as sr, useIsFieldValid as nr, ErrorMessage as ar } from "vee-validate";
 import { S as ir } from "./Slot-Dq7aellU.js";
 import { u as lr } from "./useId-D4hM1ljW.js";
@@ -2766,124 +2766,13 @@ const h = (e) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, qr = /* @__PURE__ */ zr(Dr);
-/**
- * @license lucide-vue-next v0.544.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ee = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Wr = (e) => e.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (o, r, t) => t ? t.toUpperCase() : r.toLowerCase()
-), Jr = (e) => {
-  const o = Wr(e);
-  return o.charAt(0).toUpperCase() + o.slice(1);
-}, Kr = (...e) => e.filter((o, r, t) => !!o && o.trim() !== "" && t.indexOf(o) === r).join(" ").trim(), Ne = (e) => e === "";
-/**
- * @license lucide-vue-next v0.544.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-var K = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": 2,
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-};
-/**
- * @license lucide-vue-next v0.544.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Yr = ({
-  name: e,
-  iconNode: o,
-  absoluteStrokeWidth: r,
-  "absolute-stroke-width": t,
-  strokeWidth: s,
-  "stroke-width": i,
-  size: l = K.width,
-  color: f = K.stroke,
-  ...m
-}, { slots: p }) => j(
-  "svg",
-  {
-    ...K,
-    ...m,
-    width: l,
-    height: l,
-    stroke: f,
-    "stroke-width": Ne(r) || Ne(t) || r === !0 || t === !0 ? Number(s || i || K["stroke-width"]) * 24 / Number(l) : s || i || K["stroke-width"],
-    class: Kr(
-      "lucide",
-      m.class,
-      ...e ? [`lucide-${Ee(Jr(e))}-icon`, `lucide-${Ee(e)}`] : ["lucide-icon"]
-    )
-  },
-  [...o.map((g) => j(...g)), ...p.default ? [p.default()] : []]
-);
-/**
- * @license lucide-vue-next v0.544.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const xe = (e, o) => (r, { slots: t, attrs: s }) => j(
-  Yr,
-  {
-    ...s,
-    ...r,
-    iconNode: o,
-    name: e
-  },
-  t
-);
-/**
- * @license lucide-vue-next v0.544.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Zr = xe("arrow-down-up", [
-  ["path", { d: "m3 16 4 4 4-4", key: "1co6wj" }],
-  ["path", { d: "M7 20V4", key: "1yoxec" }],
-  ["path", { d: "m21 8-4-4-4 4", key: "1c9v7m" }],
-  ["path", { d: "M17 4v16", key: "7dpous" }]
-]);
-/**
- * @license lucide-vue-next v0.544.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Hr = xe("arrow-down", [
-  ["path", { d: "M12 5v14", key: "s699le" }],
-  ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
-]);
-/**
- * @license lucide-vue-next v0.544.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Xr = xe("arrow-up", [
-  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
-  ["path", { d: "M12 19V5", key: "x0mq9r" }]
-]), Fe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, $e = Le, Qr = (e, o) => (r) => {
+}, qr = /* @__PURE__ */ zr(Dr), Ee = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ne = Le, Wr = (e, o) => (r) => {
   var t;
-  if (o?.variants == null) return $e(e, r?.class, r?.className);
+  if (o?.variants == null) return Ne(e, r?.class, r?.className);
   const { variants: s, defaultVariants: i } = o, l = Object.keys(s).map((p) => {
     const g = r?.[p], w = i?.[p];
     if (g === null) return null;
-    const _ = Fe(g) || Fe(w);
+    const _ = Ee(g) || Ee(w);
     return s[p][_];
   }), f = r && Object.entries(r).reduce((p, g) => {
     let [w, _] = g;
@@ -2905,7 +2794,7 @@ const Xr = xe("arrow-up", [
       _
     ] : p;
   }, []);
-  return $e(e, l, m, r?.class, r?.className);
+  return Ne(e, l, m, r?.class, r?.className);
 }, Ze = Symbol(), dt = /* @__PURE__ */ $({
   inheritAttrs: !1,
   __name: "BuiFormItem",
@@ -2953,7 +2842,7 @@ const mt = /* @__PURE__ */ $({
       _: 3
     }, 8, ["id", "aria-describedby", "aria-invalid"]));
   }
-}), et = ["id"], ut = /* @__PURE__ */ $({
+}), Jr = ["id"], ut = /* @__PURE__ */ $({
   inheritAttrs: !1,
   __name: "BuiFormDescription",
   setup(e) {
@@ -2963,7 +2852,7 @@ const mt = /* @__PURE__ */ $({
       class: b(ie)("text-sm text-muted-foreground", b(r) ?? "")
     }, t), [
       O(s.$slots, "default")
-    ], 16, et));
+    ], 16, Jr));
   }
 }), pt = /* @__PURE__ */ $({
   inheritAttrs: !1,
@@ -2995,7 +2884,7 @@ const mt = /* @__PURE__ */ $({
       class: "text-sm font-medium text-destructive-foreground"
     }, null, 8, ["id", "name"]));
   }
-}), rt = Symbol(), tt = /* @__PURE__ */ $({
+}), Kr = Symbol(), Yr = /* @__PURE__ */ $({
   __name: "BuiButton",
   props: {
     class: { default: "" },
@@ -3007,11 +2896,11 @@ const mt = /* @__PURE__ */ $({
     asChild: { type: Boolean }
   },
   setup(e) {
-    const o = e, r = pe(rt, Qe(!1));
+    const o = e, r = pe(Kr, Qe(!1));
     return (t, s) => (G(), Y(b(Te), {
       as: t.as,
       "as-child": t.asChild,
-      class: er(b(ie)(b(ot)({ variant: t.variant, size: t.size }), o.class)),
+      class: er(b(ie)(b(Zr)({ variant: t.variant, size: t.size }), o.class)),
       type: t.type,
       disabled: b(r) || o.disabled
     }, {
@@ -3021,7 +2910,7 @@ const mt = /* @__PURE__ */ $({
       _: 3
     }, 8, ["as", "as-child", "class", "type", "disabled"]));
   }
-}), ot = Qr(
+}), Zr = Wr(
   "inline-flex items-center justify-center rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none",
   {
     variants: {
@@ -3066,6 +2955,117 @@ const mt = /* @__PURE__ */ $({
     }
   }
 );
+/**
+ * @license lucide-vue-next v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Fe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Hr = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (o, r, t) => t ? t.toUpperCase() : r.toLowerCase()
+), Xr = (e) => {
+  const o = Hr(e);
+  return o.charAt(0).toUpperCase() + o.slice(1);
+}, Qr = (...e) => e.filter((o, r, t) => !!o && o.trim() !== "" && t.indexOf(o) === r).join(" ").trim(), $e = (e) => e === "";
+/**
+ * @license lucide-vue-next v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var K = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+/**
+ * @license lucide-vue-next v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const et = ({
+  name: e,
+  iconNode: o,
+  absoluteStrokeWidth: r,
+  "absolute-stroke-width": t,
+  strokeWidth: s,
+  "stroke-width": i,
+  size: l = K.width,
+  color: f = K.stroke,
+  ...m
+}, { slots: p }) => j(
+  "svg",
+  {
+    ...K,
+    ...m,
+    width: l,
+    height: l,
+    stroke: f,
+    "stroke-width": $e(r) || $e(t) || r === !0 || t === !0 ? Number(s || i || K["stroke-width"]) * 24 / Number(l) : s || i || K["stroke-width"],
+    class: Qr(
+      "lucide",
+      m.class,
+      ...e ? [`lucide-${Fe(Xr(e))}-icon`, `lucide-${Fe(e)}`] : ["lucide-icon"]
+    )
+  },
+  [...o.map((g) => j(...g)), ...p.default ? [p.default()] : []]
+);
+/**
+ * @license lucide-vue-next v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const xe = (e, o) => (r, { slots: t, attrs: s }) => j(
+  et,
+  {
+    ...s,
+    ...r,
+    iconNode: o,
+    name: e
+  },
+  t
+);
+/**
+ * @license lucide-vue-next v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const rt = xe("arrow-down-up", [
+  ["path", { d: "m3 16 4 4 4-4", key: "1co6wj" }],
+  ["path", { d: "M7 20V4", key: "1yoxec" }],
+  ["path", { d: "m21 8-4-4-4 4", key: "1c9v7m" }],
+  ["path", { d: "M17 4v16", key: "7dpous" }]
+]);
+/**
+ * @license lucide-vue-next v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const tt = xe("arrow-down", [
+  ["path", { d: "M12 5v14", key: "s699le" }],
+  ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
+]);
+/**
+ * @license lucide-vue-next v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ot = xe("arrow-up", [
+  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
+  ["path", { d: "M12 19V5", key: "x0mq9r" }]
+]);
 function bt(e, o) {
   o.value = typeof e == "function" ? e(o.value) : e;
 }
@@ -3074,8 +3074,8 @@ function ie(...e) {
 }
 const gt = (e, o) => {
   let r;
-  return e.getIsSorted() === "asc" ? r = Hr : e.getIsSorted() === "desc" ? r = Xr : r = Zr, j(
-    tt,
+  return e.getIsSorted() === "asc" ? r = tt : e.getIsSorted() === "desc" ? r = ot : r = rt, j(
+    Yr,
     {
       variant: "none",
       class: "text-foreground px-0 text-sm font-semibold h-full",
@@ -3089,11 +3089,11 @@ const gt = (e, o) => {
   );
 };
 export {
-  rt as F,
+  Kr as F,
   mr as L,
-  tt as _,
+  Yr as _,
   mt as a,
-  ot as b,
+  Zr as b,
   ut as c,
   dt as d,
   pt as e,
@@ -3101,7 +3101,7 @@ export {
   ie as g,
   xe as h,
   Ze as i,
-  Qr as j,
+  Wr as j,
   gt as t,
   ae as u,
   bt as v

package/dist/{x-CSdSFLPu.js → x-CDyOFgEX.js}

@@ -1,4 +1,4 @@
-import { h as e } from "./utils-BYyL6OyR.js";
+import { h as e } from "./utils-DIEJYj9K.js";
 /**
  * @license lucide-vue-next v0.544.0 - ISC
  *

package/package.json

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

package/src/components/calendar/BuiCalendar.vue

@@ -70,7 +70,7 @@ const $slots = useSlots()
 const vCalendarSlots = computed(() => {
   return Object.keys($slots)
     .filter((name) => isVCalendarSlot(name))
-    .reduce((obj: Record<string, any>, key: string) => {
+    .reduce((obj: Record<string, unknown>, key: string) => {
       obj[key] = $slots[key]
       return obj
     }, {})

package/src/components/table/BuiDataTable.vue

@@ -48,11 +48,12 @@ import { BuiContextMenuContent, BuiContextMenuItem } from '@/components/context-
 import { BuiPopover, BuiPopoverContent, BuiPopoverTrigger } from '@/components/popover'
 import { BuiScrollArea } from '@/components/scroll-area'
 import { BuiButton } from '@/components/button'
-import { Settings2Icon } from 'lucide-vue-next'
+import { Settings2Icon, ChevronsUpDown, ChevronsDownUp } from 'lucide-vue-next'
 import { useElementSize, useEventListener } from '@vueuse/core'
 import { isEqual } from 'lodash-es'
 import { cn, valueUpdater } from '@/lib/utils'
 import { useResizeColumns } from '@/lib/useResizeColumns'
+import { useSessionStorage } from '@vueuse/core'
 
 const NO_GROUP_KEY = '#UNDEFINED#'
 const defaultColumnContextMenuTranslations = {
@@ -74,10 +75,11 @@ const props = withDefaults(
     groupBy?: keyof TData
     groupLabels?: { [key in keyof TData]?: string[] }
     getRowId?: (originalRow: TData, index: number, parent?: Row<TData>) => string
-    renderSubComponent?: (row: Row<TData>) => (() => any) | undefined
+    renderSubComponent?: (row: Row<TData>) => (() => unknown) | undefined
     freezeHeader?: boolean
     enableColumnListControl?: boolean
     enableColumnResizing?: boolean
+    enableGroupFolding?: boolean
     columnSearchPlaceholder?: string
     columnSearchNotFound?: string
     columnResetVisibility?: string
@@ -102,7 +104,8 @@ const props = withDefaults(
     columnSearchPlaceholder: 'Column name',
     columnSearchNotFound: 'Not found',
     columnResetVisibility: 'Reset column visibility',
-    enableColumnResizing: true
+    enableColumnResizing: true,
+    enableGroupFolding: true
   }
 )
 
@@ -279,6 +282,8 @@ onMounted(() => {
     setProvidedCellWidths(columnSizing.value)
     setInitialColumnWidths()
   }
+
+  groupsOpenStateInStorage.value = {}
 })
 
 watchEffect(() => {
@@ -332,6 +337,47 @@ const onHeaderCellAction = (header: Header<TData, unknown>, action: HeaderCellAc
       break
   }
 }
+
+const groupsOpenStateInStorage = useSessionStorage('tableGroups', {})
+const groupsOpenStateRef = ref<Record<string, boolean>>(
+  props.enableGroupFolding
+    ? (groupsOpenStateInStorage.value ?? Object.create(null))
+    : Object.create(null)
+)
+
+const handleGroupToggle = (value: boolean, key: string | number) => {
+  groupsOpenStateInStorage.value = { ...groupsOpenStateRef.value, [key]: value }
+}
+
+watchEffect(() => {
+  if (props.groupBy && groupedRows.value) {
+    groupsOpenStateRef.value = Object.keys(groupedRows.value).reduce((acc, group) => {
+      acc[group] = true
+      return acc
+    }, Object.create(null))
+
+    if (props.enableGroupFolding && groupsOpenStateInStorage.value) {
+      groupsOpenStateRef.value = { ...groupsOpenStateRef.value, ...groupsOpenStateInStorage.value }
+    }
+  } else {
+    groupsOpenStateRef.value = Object.create(null)
+  }
+})
+
+watch(
+  () => props.enableGroupFolding,
+  () => {
+    if (!props.enableGroupFolding) {
+      if (props.groupBy && groupedRows.value && groupsOpenStateRef.value) {
+        Object.keys(groupsOpenStateRef.value).forEach(
+          (group) => (groupsOpenStateRef.value![group] = true)
+        )
+      }
+    } else {
+      groupsOpenStateRef.value = { ...groupsOpenStateRef.value, ...groupsOpenStateInStorage.value }
+    }
+  }
+)
 </script>
 
 <template>
@@ -435,48 +481,68 @@ const onHeaderCellAction = (header: Header<TData, unknown>, action: HeaderCellAc
     </BuiTableHeader>
     <BuiTableBody>
       <template v-if="table.getRowModel().rows?.length">
-        <template v-if="props.groupBy && groupedRows">
-          <BuiCollapsible asChild v-for="(value, key) in groupedRows" :key="key" :open="true">
-            <BuiCollapsibleTrigger asChild>
-              <BuiTableRow class="bg-foreground/4">
-                <BuiTableCell :colspan="columns.length" class="pb-0!">
+        <template v-if="props.groupBy && groupedRows && groupsOpenStateRef">
+          <BuiCollapsible
+            as-child
+            :disabled="!enableGroupFolding"
+            v-for="(value, key) in groupedRows"
+            :key="key"
+            v-model:open="groupsOpenStateRef[key]"
+            @update:open="(value) => handleGroupToggle(value, key)"
+          >
+            <BuiTableRow class="bg-foreground/4">
+              <BuiTableCell :colspan="columns.length" class="pb-0!">
+                <BuiCollapsibleTrigger class="w-full">
                   <div class="mt-1 flex w-full items-center justify-between">
-                    <div
-                      class="bg-background shadow-top-shadow relative -mb-[6px] inline-block rounded-t-lg px-4 py-2 text-sm font-medium"
-                    >
-                      <div class="bg-background absolute bottom-0 -left-2 h-2 w-2"></div>
-                      <div class="bg-background absolute bottom-0 -left-4 h-4 w-4 rounded-lg"></div>
-                      <div
-                        class="bg-foreground/4 absolute bottom-0 -left-4 h-4 w-4 rounded-lg"
-                      ></div>
-                      <div class="bg-background absolute -right-2 bottom-0 h-2 w-2"></div>
-                      <div
-                        class="bg-background absolute -right-4 bottom-0 h-4 w-4 rounded-lg"
-                      ></div>
+                    <div class="flex flex-row justify-start gap-1">
                       <div
-                        class="bg-foreground/4 absolute -right-4 bottom-0 h-4 w-4 rounded-lg"
-                      ></div>
-                      <div></div>
-                      <template v-if="key === NO_GROUP_KEY">
-                        {{ getGroupLabel(1) }}
-                      </template>
-                      <template v-else>
-                        {{ getGroupLabel(0) }}:
-                        <slot v-if="$slots.groupName" name="groupName" :group="key" />
-                        <template v-else>
-                          {{ key }}
-                        </template>
-                      </template>
+                        class="bg-background shadow-top-shadow relative -mb-[6px] inline-block rounded-t-lg px-4 py-2 text-sm font-medium"
+                      >
+                        <div class="bg-background absolute bottom-0 -left-2 h-2 w-2"></div>
+                        <div
+                          class="bg-background absolute bottom-0 -left-4 h-4 w-4 rounded-lg"
+                        ></div>
+                        <div
+                          class="bg-foreground/4 absolute bottom-0 -left-4 h-4 w-4 rounded-lg"
+                        ></div>
+                        <div class="bg-background absolute -right-2 bottom-0 h-2 w-2"></div>
+                        <div
+                          class="bg-background absolute -right-4 bottom-0 h-4 w-4 rounded-lg"
+                        ></div>
+                        <div
+                          class="bg-foreground/4 absolute -right-4 bottom-0 h-4 w-4 rounded-lg"
+                        ></div>
+                        <div></div>
+                        <div class="flex flex-row items-center gap-1">
+                          <div v-if="key === NO_GROUP_KEY">
+                            {{ getGroupLabel(1) }}
+                          </div>
+                          <div v-else>
+                            {{ getGroupLabel(0) }}:
+                            <slot v-if="$slots.groupName" name="groupName" :group="key" />
+                            <template v-else>
+                              {{ key }}
+                            </template>
+                          </div>
+                          <div v-if="enableGroupFolding" class="mt-1">
+                            <ChevronsDownUp
+                              v-if="groupsOpenStateRef[key]"
+                              class="text-accent h-4 w-4"
+                            />
+                            <ChevronsUpDown v-else class="text-accent h-4 w-4" />
+                          </div>
+                        </div>
+                      </div>
                     </div>
                     <slot v-if="$slots.groupByRow" name="groupByRow" :group="key" />
                   </div>
-                </BuiTableCell>
-                <template #actions>
-                  <slot name="groupActions" :group="key" />
-                </template>
-              </BuiTableRow>
-            </BuiCollapsibleTrigger>
-            <BuiCollapsibleContent asChild>
+                </BuiCollapsibleTrigger>
+              </BuiTableCell>
+              <template #actions>
+                <slot name="groupActions" :group="key" />
+              </template>
+            </BuiTableRow>
+            <BuiCollapsibleContent as-child>
               <template v-for="row in value" :key="row.id">
                 <BuiTableRowSubrow
                   :columns="props.columns"

package/src/components/table/BuiTable.vue

@@ -8,7 +8,7 @@ const props = defineProps<{ class?: string }>()
 <template>
   <BuiScrollArea class="border-border/16 w-full grow overflow-auto rounded border">
     <slot name="columnVisibility" />
-    <table :class="cn('w-full caption-top text-sm', props.class)">
+    <table :class="cn('min-h-[90px] w-full caption-top text-sm', props.class)">
       <slot />
     </table>
     <BuiScrollBar orientation="horizontal" />

package/src/components/table/BuiTableRowSubrow.vue

@@ -6,7 +6,7 @@ import { computed } from 'vue'
 
 const props = defineProps<{
   row: Row<TData>
-  renderSubComponent?: (row: Row<TData>) => (() => any) | undefined
+  renderSubComponent?: (row: Row<TData>) => (() => unknown) | undefined
   columns: ColumnDef<TData, TValue>[]
 }>()
 

package/src/index.ts

@@ -38,7 +38,6 @@ export * from './components/slider/index'
 export * from './components/skeleton/index'
 export * from './components/scroll-area/index'
 export * from './components/collapsible/index'
-// export * from './components/auto-form/index' // больше не используется
 export * from './components/sheet/index'
 export * from './components/color-picker/index'
 

package/src/lib/utils.ts

@@ -2,12 +2,12 @@ import { clsx, type ClassValue } from 'clsx'
 import { twMerge } from 'tailwind-merge'
 import { h, type FunctionalComponent } from 'vue'
 
-import type { Column, Updater } from '@tanstack/vue-table'
+import { BuiButton } from '@/components/button'
+import type { SortDirection, Updater } from '@tanstack/vue-table'
 import { ArrowDownIcon, ArrowDownUpIcon, ArrowUpIcon } from 'lucide-vue-next'
 import { type Ref } from 'vue'
-import { BuiButton } from '@/components/button'
 
-export function valueUpdater<T extends Updater<any>>(updaterOrValue: T, ref: Ref) {
+export function valueUpdater<T extends Updater<unknown>>(updaterOrValue: T, ref: Ref) {
   ref.value = typeof updaterOrValue === 'function' ? updaterOrValue(ref.value) : updaterOrValue
 }
 
@@ -15,7 +15,13 @@ export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs))
 }
 
-export const tableColumnSortCommon = (column: Column<any>, name: string) => {
+export const tableColumnSortCommon = (
+  column: {
+    getIsSorted: () => false | SortDirection
+    toggleSorting: (desc?: boolean, isMulti?: boolean) => void
+  },
+  name: string
+) => {
   let icon: FunctionalComponent
 
   if (column.getIsSorted() === 'asc') {

package/src/stories/components/BuiDataTableStory.vue

@@ -208,6 +208,7 @@ function groupName(group: string | number) {
         :groupLabels="groupLabels"
         :renderSubComponent="renderSubComponent"
         enable-column-list-control
+        :enable-group-folding="true"
         :pagination-translations="{
           itemsPerPage: 'Tasks per page',
           page: 'Page',

package/src/stories/components/LoginForm.vue

@@ -28,7 +28,7 @@ const initialValues = {
 
 // https://github.com/logaretm/vee-validate/discussions/3571
 // TODO refactor to useForm hook
-const onSubmit = (values: any) => {
+const onSubmit = (values: unknown) => {
   console.debug('Form submitted!', values)
 }
 </script>
@@ -37,11 +37,11 @@ const onSubmit = (values: any) => {
   <div class="flex min-h-full flex-1 flex-col justify-center py-12 sm:px-6 lg:px-8">
     <div class="sm:mx-auto sm:w-full sm:max-w-md">
       <div
-        class="mx-auto h-10 bg-logo bg-contain bg-center bg-no-repeat dark:bg-logo-dark"
+        class="bg-logo dark:bg-logo-dark mx-auto h-10 bg-contain bg-center bg-no-repeat"
         alt="Bootsman"
       />
       <h2
-        class="mt-6 text-center text-2xl font-bold leading-9 tracking-tight text-gray-900 dark:text-white"
+        class="mt-6 text-center text-2xl leading-9 font-bold tracking-tight text-gray-900 dark:text-white"
       >
         Sign in to your account
       </h2>

package/src/stories/components/ReadonlyForm.vue

@@ -48,7 +48,7 @@ const initialValues = {
   display: 'default'
 }
 
-const onSubmit = (values: any) => {
+const onSubmit = (values: unknown) => {
   console.debug('Form submitted!', values)
 }
 </script>