nuance-ui 0.1.28 → 0.1.30

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^4.0.0"
   },
-  "version": "0.1.28",
+  "version": "0.1.30",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/breadcrumbs.d.vue.ts

@@ -4,6 +4,7 @@ import type { BoxProps } from './box.vue.js';
 import type { LinkProps } from './link/index.js';
 import type { TextProps } from './text.vue.js';
 export interface BreadcrumbsItem extends Omit<LinkProps, 'mod'> {
+    active?: boolean;
     label: string;
     icon?: string;
     class?: string;
@@ -16,8 +17,6 @@ export interface BreadcrumbsProps extends BoxProps {
     separator?: string;
     /** Controls spacing between separator and breadcrumb @default `'xs'` */
     spacing?: NuanceSpacing;
-    /** Function to determine if an item is active */
-    activeItem?: (item: BreadcrumbsItem) => boolean;
     color?: NuanceColor;
     size?: TextProps['fz'];
 }

package/dist/runtime/components/breadcrumbs.vue

@@ -17,7 +17,6 @@ const {
   items: { type: null, required: false },
   separator: { type: String, required: false },
   spacing: { type: [String, Number], required: false },
-  activeItem: { type: Function, required: false },
   color: { type: null, required: false },
   size: { type: null, required: false },
   is: { type: null, required: false },
@@ -44,13 +43,13 @@ const style = computed(() => ({
 						:name='item.slot ?? "item"'
 						:item='item'
 						:ix='ix'
-						:active='activeItem ? activeItem(item) : isActive'
+						:active='item?.active ?? isActive'
 					>
 						<Link
 							v-bind='pickLinkProps(item).link'
 							inherit
 							:class='$style.item'
-							:mod='{ active: activeItem ? activeItem(item) : isActive }'
+							:mod='{ active: item?.active ?? isActive }'
 						>
 							<Icon v-if='item?.icon' :name='item.icon' :class='$style.icon' />
 							<Text is='span' inherit truncate>

package/dist/runtime/components/breadcrumbs.vue.d.ts

@@ -4,6 +4,7 @@ import type { BoxProps } from './box.vue.js';
 import type { LinkProps } from './link/index.js';
 import type { TextProps } from './text.vue.js';
 export interface BreadcrumbsItem extends Omit<LinkProps, 'mod'> {
+    active?: boolean;
     label: string;
     icon?: string;
     class?: string;
@@ -16,8 +17,6 @@ export interface BreadcrumbsProps extends BoxProps {
     separator?: string;
     /** Controls spacing between separator and breadcrumb @default `'xs'` */
     spacing?: NuanceSpacing;
-    /** Function to determine if an item is active */
-    activeItem?: (item: BreadcrumbsItem) => boolean;
     color?: NuanceColor;
     size?: TextProps['fz'];
 }

package/dist/runtime/components/input/ui/input-inline.vue

@@ -38,7 +38,7 @@ const mod = computed(() => [
 			<slot />
 
 			<div :class='$style.wrapper'>
-				<Box is='label' :class='$style.label' :for='id' :mod='{ disabled }'>
+				<Box is='label' v-if='label || $slots.label' :class='$style.label' :for='id' :mod='{ disabled }'>
 					<slot name='label'>
 						{{ label }}
 					</slot>
@@ -104,6 +104,10 @@ const mod = computed(() => [
 	&[data-disabled] {
 		--label-cursor: not-allowed;
 	}
+
+	&:empty {
+		display: none;
+	}
 }
 
 .label {

package/dist/runtime/components/table/lib.d.ts

@@ -1,6 +1,11 @@
 import type { Updater } from '@tanstack/vue-table';
 import type { Ref } from 'vue';
-import type { TableColumn, TableData } from './model.js';
+import type { TableColumn, TableData, TableProps, TableRow } from './model.js';
 export declare function processColumns<T extends TableData>(columns: TableColumn<T>[]): TableColumn<T>[];
 export declare function valueUpdater<T extends Updater<any>>(updaterOrValue: T, ref: Ref): void;
 export declare function resolveValue<T, A = undefined>(prop: T | ((arg: A) => T), arg?: A): T | undefined;
+export declare function createRowHandlers<T extends TableData>(props: TableProps<T>): {
+    onRowSelect: (e: Event, row: TableRow<T>) => void;
+    onRowHover: (e: Event, row: TableRow<T> | null) => void;
+    onRowContextmenu: (e: Event, row: TableRow<T>) => void;
+};

package/dist/runtime/components/table/lib.js

@@ -22,3 +22,34 @@ export function resolveValue(prop, arg) {
     return prop(arg);
   return prop;
 }
+export function createRowHandlers(props) {
+  function onRowSelect(e, row) {
+    if (!props?.onSelect)
+      return;
+    const target = e.target;
+    const isInteractive = target.closest("button") || target.closest("a");
+    if (isInteractive)
+      return;
+    e.preventDefault();
+    e.stopPropagation();
+    props.onSelect(e, row);
+  }
+  function onRowHover(e, row) {
+    if (!props?.onHover)
+      return;
+    props.onHover(e, row);
+  }
+  function onRowContextmenu(e, row) {
+    if (!props?.onContextmenu)
+      return;
+    if (Array.isArray(props.onContextmenu))
+      props.onContextmenu.forEach((fn) => fn(e, row));
+    else
+      props.onContextmenu(e, row);
+  }
+  return {
+    onRowSelect,
+    onRowHover,
+    onRowContextmenu
+  };
+}

package/dist/runtime/components/table/table.vue

@@ -7,15 +7,12 @@ import {
   getSortedRowModel,
   useVueTable
 } from "@tanstack/vue-table";
-import { useVirtualizer } from "@tanstack/vue-virtual";
 import { reactivePick, unrefElement } from "@vueuse/core";
 import { useStyleResolver } from "#imports";
-import defu from "defu";
-import { computed, ref, toRef, useTemplateRef, watch } from "vue";
+import { computed, ref, useTemplateRef, watch } from "vue";
 import { getThemeColor } from "../../utils";
 import Box from "../box.vue";
-import TableRow from "./_ui/table-row.vue";
-import { processColumns, resolveValue, valueUpdater } from "./lib";
+import { createRowHandlers, processColumns, resolveValue, valueUpdater } from "./lib";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   data: { type: Array, required: false },
@@ -204,33 +201,11 @@ const rows = computed(() => table.getRowModel().rows);
 watch(() => props.data, () => {
   data.value = props.data ? [...props.data] : [];
 }, props.watchOptions);
-const virtualizerProps = toRef(() => defu(typeof props.virtualize === "boolean" ? {} : props.virtualize, {
-  estimateSize: 65,
-  overscan: 12
-}));
-const virtualizer = !!props.virtualize && useVirtualizer({
-  ...virtualizerProps.value,
-  get count() {
-    return rows.value.length;
-  },
-  getScrollElement: () => unrefElement(rootRef),
-  estimateSize: (index) => {
-    const estimate = virtualizerProps.value.estimateSize;
-    return typeof estimate === "function" ? estimate(index) : estimate;
-  }
-});
-const renderedSize = computed(() => {
-  if (!virtualizer)
-    return 0;
-  const virtualItems = virtualizer.value.getVirtualItems();
-  if (!virtualItems?.length)
-    return 0;
-  return virtualItems.reduce((sum, item) => sum + item.size, 0);
-});
 const style = computed(() => useStyleResolver((theme) => ({
   "--table-loader-color": props.loadingColor ? getThemeColor(props.loadingColor, theme) : void 0,
   "--vertical-align": props.verticalAlign
 })));
+const { onRowContextmenu, onRowHover, onRowSelect } = createRowHandlers(props);
 defineExpose({
   get $el() {
     return unrefElement(rootRef);
@@ -241,15 +216,7 @@ defineExpose({
 </script>
 
 <template>
-	<Box
-		ref='rootRef'
-		:class='[$style.root, props.classes?.root]'
-		:style='[
-  virtualizer ? { height: `${virtualizer.getTotalSize()}px` } : void 0,
-  style
-]'
-		:mod='{ virtualize: !!virtualizer }'
-	>
+	<Box ref='rootRef' :class='[$style.root, props.classes?.root]' :style>
 		<table ref='tableRef' :class='[$style.table, props.classes?.table]'>
 			<caption v-if='caption || $slots.caption' :class='props.classes?.caption'>
 				<slot name='caption'>
@@ -274,8 +241,15 @@ defineExpose({
 						:scope="header.colSpan > 1 ? 'colgroup' : 'col'"
 						:colspan='header.colSpan > 1 ? header.colSpan : void 0'
 						:rowspan='header.rowSpan > 1 ? header.rowSpan : void 0'
-						:class='[$style.th, props.classes?.th, resolveValue(header.column.columnDef.meta?.class?.th, header)]'
-						:style='resolveValue(header.column.columnDef.meta?.style?.th, header)'
+						:class='[
+  $style.th,
+  props.classes?.th,
+  resolveValue(header.column.columnDef.meta?.class?.th, header)
+]'
+						:style='[
+  { width: header.getSize() !== 150 ? `${header.getSize()}px` : void 0 },
+  resolveValue(header.column.columnDef.meta?.style?.th, header)
+]'
 					>
 						<slot :name='`${header.id}-header`' v-bind='header.getContext()'>
 							<FlexRender
@@ -294,36 +268,47 @@ defineExpose({
 				<slot name='body-top' />
 
 				<template v-if='rows.length'>
-					<template v-if='virtualizer'>
-						<template v-for='(virtualRow, index) in virtualizer.getVirtualItems()' :key='rows[virtualRow.index]?.id'>
-							<TableRow
-								:row='rows[virtualRow.index]'
-								:class='[$style.tr, props.classes?.tr, resolveValue(table.options.meta?.class?.tr, virtualRow)]'
-								:style='[
-  {
-    height: `${virtualRow.size}px`,
-    transform: `translateY(${virtualRow.start - index * virtualRow.size}px)`
-  },
-  resolveValue(table.options.meta?.style?.tr, virtualRow)
-]'
-								:on-select='props?.onSelect'
-								:on-hover='props?.onHover'
-								:on-contextmenu='props?.onContextmenu'
-							/>
-						</template>
-					</template>
-
-					<template v-else>
-						<TableRow
-							v-for='row in rows'
-							:key='row.id'
-							:row='row'
+					<template v-for='row in rows' :key='row.id'>
+						<Box
+							is='tr'
+							:mod='{
+  selected: row.getIsSelected(),
+  expanded: row.getIsExpanded(),
+  selectable: !!onSelect || !!onHover || !!onContextmenu
+}'
+							:role="onSelect ? 'button' : void 0"
+							:tabindex='onSelect ? 0 : void 0'
 							:class='[$style.tr, props.classes?.tr, resolveValue(table.options.meta?.class?.tr, row)]'
 							:style='resolveValue(table.options.meta?.style?.tr, row)'
-							:on-select='props?.onSelect'
-							:on-hover='props?.onHover'
-							:on-contextmenu='props?.onContextmenu'
-						/>
+							@click='onRowSelect($event, row)'
+							@pointerenter='onRowHover($event, row)'
+							@pointerleave='onRowHover($event, null)'
+							@contextmenu='onRowContextmenu($event, row)'
+						>
+							<Box
+								is='td'
+								v-for='cell in row.getVisibleCells()'
+								:key='cell.id'
+								:mod='{ pinned: cell.column.getIsPinned() }'
+								:colspan='resolveValue(cell.column.columnDef.meta?.colspan?.td, cell)'
+								:rowspan='resolveValue(cell.column.columnDef.meta?.rowspan?.td, cell)'
+								:class='resolveValue(cell.column.columnDef.meta?.class?.td, cell)'
+								:style='[
+  { width: cell.column.getSize() !== 150 ? `${cell.column.getSize()}px` : void 0 },
+  resolveValue(cell.column.columnDef.meta?.style?.td, cell)
+]'
+							>
+								<slot :name='`${cell.column.id}-cell`' v-bind='cell.getContext()'>
+									<FlexRender :render='cell.column.columnDef.cell' :props='cell.getContext()' />
+								</slot>
+							</Box>
+						</Box>
+
+						<tr v-if='row.getIsExpanded()'>
+							<td :colspan='row.getAllCells().length'>
+								<slot name='expanded' :row='row' />
+							</td>
+						</tr>
 					</template>
 				</template>
 
@@ -348,7 +333,6 @@ defineExpose({
 				is='tfoot'
 				v-if='hasFooter'
 				:class='[$style.tfoot, props.classes?.tfoot]'
-				:style='virtualizer ? { transform: `translateY(${virtualizer.getTotalSize() - renderedSize}px)` } : void 0'
 				:mod='{ sticky: props.sticky === "footer" || props.sticky === true }'
 			>
 				<tr :class='[$style.separator, props.classes?.separator]' />

package/dist/runtime/components/tree/_ui/tree-item.vue

@@ -8,6 +8,7 @@ import Loader from "../../loader/loader.vue";
 import RovingFocusItem from "../../roving-focus/roving-focus-item.vue";
 import UTransition from "../../transition/transition.vue";
 import { useTreeState } from "../lib/context";
+import { filterTreeItems } from "../lib/filter-tree-items";
 import { useTreeItemHandlers } from "../lib/item-handlers";
 const {
   type = "file",
@@ -33,7 +34,8 @@ const ctx = useTreeState();
 const selected = computed(() => ctx.selected.value.includes(path));
 const expanded = computed(() => ctx.expanded.value.includes(path));
 const active = computed(() => ctx.active.value === path);
-const { data, pending, execute } = ctx.loadBranch(path);
+const { data: state, pending, execute } = ctx.loadBranch(path);
+const data = computed(() => filterTreeItems(state.value, ctx.filter));
 watch(expanded, (expanded2) => {
   if (expanded2) {
     try {

package/dist/runtime/components/tree/_ui/tree-root.d.vue.ts

@@ -1,11 +1,12 @@
 import type { ButtonProps } from '@nui/components';
 import type { RovingFocusProps } from '../../roving-focus/roving-focus.vue.js';
-import type { TreeIconResolver, TreeLoader, TreeModels } from '../model.js';
+import type { TreeFilter, TreeIconResolver, TreeLoader, TreeModels } from '../model.js';
 export type TreeRootProps = RovingFocusProps & {
     iconResolver?: TreeIconResolver;
     removable?: boolean;
     selectable?: boolean;
     loadBranch: TreeLoader;
+    filter?: TreeFilter;
     variant?: ButtonProps['variant'];
     color?: ButtonProps['color'];
     size?: ButtonProps['size'];

package/dist/runtime/components/tree/_ui/tree-root.vue

@@ -16,7 +16,8 @@ const {
   iconResolver = () => ({ icon: "gravity-ui:file" }),
   removable = false,
   selectable = false,
-  loadBranch
+  loadBranch,
+  filter
 } = defineProps({
   loop: { type: Boolean, required: false },
   orientation: { type: String, required: false },
@@ -25,6 +26,7 @@ const {
   removable: { type: Boolean, required: false },
   selectable: { type: Boolean, required: false },
   loadBranch: { type: Function, required: true },
+  filter: { type: [String, null, Function], required: false },
   variant: { type: String, required: false },
   color: { type: null, required: false },
   size: { type: null, required: false }
@@ -48,7 +50,8 @@ useProvideTreeState({
   color,
   variant,
   selectable,
-  loadBranch
+  loadBranch,
+  filter
 });
 if (removable) {
   useEventListener(root, "keydown", (event) => {

package/dist/runtime/components/tree/_ui/tree-root.vue.d.ts

@@ -1,11 +1,12 @@
 import type { ButtonProps } from '@nui/components';
 import type { RovingFocusProps } from '../../roving-focus/roving-focus.vue.js';
-import type { TreeIconResolver, TreeLoader, TreeModels } from '../model.js';
+import type { TreeFilter, TreeIconResolver, TreeLoader, TreeModels } from '../model.js';
 export type TreeRootProps = RovingFocusProps & {
     iconResolver?: TreeIconResolver;
     removable?: boolean;
     selectable?: boolean;
     loadBranch: TreeLoader;
+    filter?: TreeFilter;
     variant?: ButtonProps['variant'];
     color?: ButtonProps['color'];
     size?: ButtonProps['size'];

package/dist/runtime/components/tree/lib/context.d.ts

@@ -1,6 +1,6 @@
 import type { ButtonProps } from '@nui/components';
 import type { ModelRef, ShallowRef } from 'vue';
-import type { TreeIconResolver, TreeLoader } from '../model.js';
+import type { TreeFilter, TreeIconResolver, TreeLoader } from '../model.js';
 type EventType = 'select' | 'expand';
 type SelectMode = 'single' | 'multiple' | 'range';
 export interface TreeContext {
@@ -10,6 +10,7 @@ export interface TreeContext {
     expanded: ModelRef<string[]>;
     iconResolver: TreeIconResolver;
     loadBranch: TreeLoader;
+    filter?: TreeFilter;
     selectable: boolean;
     variant: ButtonProps['variant'];
     color: ButtonProps['color'];

package/dist/runtime/components/tree/lib/filter-tree-items.d.ts

@@ -0,0 +1,2 @@
+import type { TreeFilter, TreeItem } from '../model.js';
+export declare function filterTreeItems(items: TreeItem[] | undefined, filter?: TreeFilter): TreeItem[] | undefined;

package/dist/runtime/components/tree/lib/filter-tree-items.js

@@ -0,0 +1,7 @@
+export function filterTreeItems(items, filter) {
+  if (!filter || !items)
+    return items;
+  if (typeof filter === "string")
+    return items.filter((i) => i.type === filter);
+  return items.filter(filter);
+}

package/dist/runtime/components/tree/lib/item-handlers.js

@@ -10,8 +10,6 @@ export function useTreeItemHandlers(path, isFolder, expanded) {
       ctx.toggle("select", path, "multiple");
     else
       ctx.toggle("select", path, "single");
-    if (isFolder.value && !event.ctrlKey && !event.metaKey && !event.shiftKey)
-      ctx.toggle("expand", path);
   }
   function handleKeyDown(event) {
     switch (event.key) {

package/dist/runtime/components/tree/model.d.ts

@@ -38,3 +38,4 @@ export type TreeIconResolver = (type: TreeItemType, name?: string, path?: string
     icon: string;
     color?: NuanceColor;
 };
+export type TreeFilter = 'directory' | null | ((item: TreeItem) => boolean);

package/dist/runtime/components/tree/tree.vue

@@ -1,12 +1,14 @@
 <script setup>
-import { onMounted } from "vue";
+import { computed, onMounted } from "vue";
 import UTreeItem from "./_ui/tree-item.vue";
 import TreeRoot from "./_ui/tree-root.vue";
+import { filterTreeItems } from "./lib/filter-tree-items";
 const {
   color,
   variant = "subtle",
   size = "compact-sm",
   loadBranch,
+  filter = "directory",
   ...props
 } = defineProps({
   loop: { type: Boolean, required: false },
@@ -16,6 +18,7 @@ const {
   removable: { type: Boolean, required: false },
   selectable: { type: Boolean, required: false },
   loadBranch: { type: Function, required: true },
+  filter: { type: [String, null, Function], required: false },
   variant: { type: String, required: false },
   color: { type: null, required: false },
   size: { type: null, required: false }
@@ -24,7 +27,8 @@ defineEmits(["delete"]);
 const active = defineModel("active", { type: [String, null], ...{ default: null } });
 const selected = defineModel("selected", { type: Array, ...{ default: [] } });
 const expanded = defineModel("expanded", { type: Array, ...{ default: [] } });
-const { data: root, execute } = loadBranch("/");
+const { data: state, execute } = loadBranch("/");
+const root = computed(() => filterTreeItems(state.value, filter));
 onMounted(execute);
 </script>
 
@@ -38,6 +42,7 @@ onMounted(execute);
 		:size
 		:color
 		:variant
+		:filter
 		@delete='(path) => $emit("delete", path)'
 	>
 		<UTreeItem

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "nuance-ui",
-	"version": "0.1.28",
+	"version": "0.1.30",
 	"description": "A UI Library for Modern Web Apps, powered by Vue.",
 	"repository": {
 		"type": "git",

package/dist/runtime/components/table/_ui/table-row.d.vue.ts

@@ -1,35 +0,0 @@
-import type { Row } from '@tanstack/vue-table';
-import type { TableData, TableRow } from '../model.js';
-export interface TableRowProps<T extends TableData> {
-    row: Row<T>;
-    onSelect?: (e: Event, row: TableRow<T>) => void;
-    onHover?: (e: Event, row: TableRow<T> | null) => void;
-    onContextmenu?: ((e: Event, row: TableRow<T>) => void) | Array<((e: Event, row: TableRow<T>) => void)>;
-}
-declare const __VLS_export: <T extends TableData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<TableRowProps<T>> & import("vue").PublicProps;
-    expose: (exposed: {}) => void;
-    attrs: any;
-    slots: {
-        [x: `${string}-cell`]: ((props: {
-            cell: import("@tanstack/table-core").Cell<T, unknown>;
-            column: import("@tanstack/table-core").Column<T, unknown>;
-            getValue: import("@tanstack/table-core").Getter<unknown>;
-            renderValue: import("@tanstack/table-core").Getter<unknown>;
-            row: Row<T>;
-            table: import("@tanstack/table-core").Table<T>;
-        }) => any) | undefined;
-    } & {
-        expanded?: (props: {
-            row: Row<T>;
-        }) => any;
-    };
-    emit: {};
-}>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T as K]: T[K];
-} & {};

package/dist/runtime/components/table/_ui/table-row.vue

@@ -1,74 +0,0 @@
-<script setup>
-import { FlexRender } from "@tanstack/vue-table";
-import Box from "../../box.vue";
-import { resolveValue } from "../lib";
-const { row, onSelect, onHover, onContextmenu } = defineProps({
-  row: { type: Object, required: true },
-  onSelect: { type: Function, required: false },
-  onHover: { type: Function, required: false },
-  onContextmenu: { type: [Function, Array], required: false }
-});
-function onRowSelect(e, row2) {
-  if (!onSelect)
-    return;
-  const target = e.target;
-  const isInteractive = target.closest("button") || target.closest("a");
-  if (isInteractive)
-    return;
-  e.preventDefault();
-  e.stopPropagation();
-  onSelect(e, row2);
-}
-function onRowHover(e, row2) {
-  if (!onHover)
-    return;
-  onHover(e, row2);
-}
-function onRowContextmenu(e, row2) {
-  if (!onContextmenu)
-    return;
-  if (Array.isArray(onContextmenu))
-    onContextmenu.forEach((fn) => fn(e, row2));
-  else
-    onContextmenu(e, row2);
-}
-</script>
-
-<template>
-	<Box
-		is='tr'
-		v-bind='$attrs'
-		:mod='{
-  selected: row.getIsSelected(),
-  expanded: row.getIsExpanded(),
-  selectable: !!onSelect || !!onHover || !!onContextmenu
-}'
-		:role="onSelect ? 'button' : void 0"
-		:tabindex='onSelect ? 0 : void 0'
-		@click='onRowSelect($event, row)'
-		@pointerenter='onRowHover($event, row)'
-		@pointerleave='onRowHover($event, null)'
-		@contextmenu='onRowContextmenu($event, row)'
-	>
-		<Box
-			is='td'
-			v-for='cell in row.getVisibleCells()'
-			:key='cell.id'
-			:mod='{ pinned: cell.column.getIsPinned() }'
-			:colspan='resolveValue(cell.column.columnDef.meta?.colspan?.td, cell)'
-			:rowspan='resolveValue(cell.column.columnDef.meta?.rowspan?.td, cell)'
-			:class='resolveValue(cell.column.columnDef.meta?.class?.td, cell)'
-			:style='resolveValue(cell.column.columnDef.meta?.style?.td, cell)'
-		>
-			<slot :name='`${cell.column.id}-cell`' v-bind='cell.getContext()'>
-				<FlexRender :render='cell.column.columnDef.cell' :props='cell.getContext()' />
-			</slot>
-		</Box>
-	</Box>
-
-	<tr v-if='row.getIsExpanded()'>
-		<td :colspan='row.getAllCells().length'>
-			<slot name='expanded' :row='row' />
-		</td>
-	</tr>
-</template>

package/dist/runtime/components/table/_ui/table-row.vue.d.ts

@@ -1,35 +0,0 @@
-import type { Row } from '@tanstack/vue-table';
-import type { TableData, TableRow } from '../model.js';
-export interface TableRowProps<T extends TableData> {
-    row: Row<T>;
-    onSelect?: (e: Event, row: TableRow<T>) => void;
-    onHover?: (e: Event, row: TableRow<T> | null) => void;
-    onContextmenu?: ((e: Event, row: TableRow<T>) => void) | Array<((e: Event, row: TableRow<T>) => void)>;
-}
-declare const __VLS_export: <T extends TableData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<TableRowProps<T>> & import("vue").PublicProps;
-    expose: (exposed: {}) => void;
-    attrs: any;
-    slots: {
-        [x: `${string}-cell`]: ((props: {
-            cell: import("@tanstack/table-core").Cell<T, unknown>;
-            column: import("@tanstack/table-core").Column<T, unknown>;
-            getValue: import("@tanstack/table-core").Getter<unknown>;
-            renderValue: import("@tanstack/table-core").Getter<unknown>;
-            row: Row<T>;
-            table: import("@tanstack/table-core").Table<T>;
-        }) => any) | undefined;
-    } & {
-        expanded?: (props: {
-            row: Row<T>;
-        }) => any;
-    };
-    emit: {};
-}>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T as K]: T[K];
-} & {};

package/dist/runtime/components/tree/lib/get-default.d.ts

@@ -1,7 +0,0 @@
-import type { TreeItem } from '../model.js';
-/**
- * Получает все элементы дерева с expanded: true
- * @param items - массив элементов дерева
- * @returns массив value элементов с expanded: true
- */
-export declare function getExpandedItems<T extends string = string>(items: TreeItem<T>[]): T[];

package/dist/runtime/components/tree/lib/get-default.js

@@ -1,10 +0,0 @@
-export function getExpandedItems(items) {
-  const result = [];
-  for (const item of items) {
-    if (item.expanded === true)
-      result.push(item.value);
-    if (item.children && item.children.length > 0)
-      result.push(...getExpandedItems(item.children));
-  }
-  return result;
-}