@soybeanjs/headless 0.14.0 → 0.15.0-beta.1

package/dist/components/table/table-compact.js

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useDirection as t}from"../config-provider/context.js";import{provideTableCompactContext as n}from"./context.js";import ee from"./table-root.js";import r from"./table-content.js";import i from"./table-header.js";import a from"./table-body.js";import o from"./table-footer.js";import s from"./table-row.js";import{useTableCompactData as c,useTableCompactResize as l,useTableCompactState as u,useTableCompactVirtual as d}from"./hooks.js";import f from"./table-compact-row.js";import p from"./table-compact-head.js";import te from"./table-virtual-spacer-row.js";import{Fragment as m,computed as h,createBlock as g,createCommentVNode as _,createElementBlock as v,createSlots as y,createVNode as b,defineComponent as x,guardReactiveProps as S,mergeProps as C,normalizeProps as w,normalizeStyle as T,openBlock as E,renderList as D,renderSlot as O,unref as k,useSlots as A,withCtx as j}from"vue";const M=x({name:`TableCompact`,__name:`table-compact`,props:{columns:{},data:{},rowKey:{},defaultSortState:{},sortState:{default:void 0},defaultFilterState:{},filterState:{default:void 0},defaultColumnWidths:{},columnWidths:{default:void 0},getChildren:{},indent:{default:16},virtual:{type:Boolean},height:{},estimateSize:{},virtualizerOptions:{},defaultExpanded:{},expanded:{default:void 0},defaultExpandAll:{type:Boolean},contentProps:{},headerProps:{},bodyProps:{},footerProps:{},headProps:{},rowProps:{},cellProps:{},dir:{},defaultSelected:{},selected:{default:void 0},multiple:{default:!0}},emits:[`update:sortState`,`update:filterState`,`update:columnWidths`,`update:expanded`,`update:selected`],setup(x,{emit:M}){let N=x,P=M,F=A(),I=h(()=>Object.keys(F)),L=h(()=>!!F[`expanded-row`]),R=N,z=t(()=>N.dir),{expanded:B,sortState:V,filterState:H,columnWidths:U,selected:W,multiple:G,onSelectedChange:K,setSelected:q,resetSelected:J,isValueSelected:Y}=u({props:R,emit:P,hasExpandedRowSlot:L}),{leafColumns:X,headerRows:Z,sourceRows:Q,hasTreeRows:ne,visibleExpandedKeys:re,visibleRowKeys:ie,treeColumnKey:ae,hasExpandColumn:oe,isHeaderSelectionDisabled:se,headerSelection:ce,displayRows:le}=c({props:R,expanded:B,sortState:V,filterState:H,selected:W,hasExpandedRowSlot:L}),{setTableContentRef:ue,headCellElements:de,measuredColumnWidths:fe,syncMeasuredColumnWidths:pe,resizingColumnKey:$,fixedColumnStates:me}=l({leafColumns:X,columnWidths:U}),{isVirtual:he,setTableRootRef:ge,tableRootStyle:_e,virtualPaddingStart:ve,virtualPaddingEnd:ye,visibleRows:be}=d({...e(R,[`height`,`virtual`,`virtualizerOptions`,`estimateSize`]),displayRows:le,syncMeasuredColumnWidths:pe});return n({...e(N,[`indent`,`headProps`,`cellProps`,`rowProps`]),dir:z,rowKey:N.rowKey,expanded:B,sortState:V,filterState:H,columnWidths:U,selected:W,multiple:G,onSelectedChange:K,setSelected:q,resetSelected:J,isValueSelected:Y,leafColumns:X,sourceRows:Q,hasTreeRows:ne,treeColumnKey:ae,hasExpandColumn:oe,hasExpandedRowSlot:L,visibleExpandedKeys:re,visibleRowKeys:ie,isHeaderSelectionDisabled:se,headerSelection:ce,fixedColumnStates:me,resizingColumnKey:$,measuredColumnWidths:fe,headCellElements:de}),(e,t)=>(E(),g(ee,{ref:k(ge),dir:k(z),style:T(k(_e))},{default:j(()=>[b(r,C({ref:k(ue)},x.contentProps),{default:j(()=>[b(i,w(S(x.headerProps)),{default:j(()=>[(E(!0),v(m,null,D(k(Z),(t,n)=>(E(),g(s,C({key:n},{ref_for:!0},x.rowProps),{default:j(()=>[(E(!0),v(m,null,D(t,t=>(E(),g(p,{key:t.key,column:t.column,"col-span":t.colSpan,"row-span":t.rowSpan},y({_:2},[D(I.value,t=>({name:t,fn:j(n=>[O(e.$slots,t,C({ref_for:!0},n))])}))]),1032,[`column`,`col-span`,`row-span`]))),128))]),_:2},1040))),128))]),_:3},16),b(a,w(S(x.bodyProps)),{default:j(()=>[b(te,{"is-virtual":k(he),colspan:Math.max(k(X).length,1),"padding-start":k(ve),"padding-end":k(ye)},{default:j(()=>[(E(!0),v(m,null,D(k(be),({item:t,index:n})=>(E(),g(f,{key:t.key,row:t,index:n,"leaf-columns":k(X)},y({_:2},[D(I.value,t=>({name:t,fn:j(n=>[O(e.$slots,t,C({ref_for:!0},n))])}))]),1032,[`row`,`index`,`leaf-columns`]))),128))]),_:3},8,[`is-virtual`,`colspan`,`padding-start`,`padding-end`])]),_:3},16),e.$slots.footer?(E(),g(o,w(C({key:0},x.footerProps)),{default:j(()=>[O(e.$slots,`footer`,{columnSize:k(X).length})]),_:3},16)):_(`v-if`,!0)]),_:3},16),O(e.$slots,`bottom`)]),_:3},8,[`dir`,`style`]))}});export{M as default};

package/dist/components/table/table-compact.vue.d.ts

@@ -0,0 +1,25 @@
+import { TableBaseData, TableColumnWidthState, TableCompactProps, TableCompactSlots, TableFilterState, TableSortState } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/table/table-compact.vue.d.ts
+declare const __VLS_export: <T extends TableBaseData = TableBaseData, R extends string | number = string | number, M extends boolean = boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<TableCompactProps<T, R, M> & {
+    "onUpdate:expanded"?: ((expanded: R[]) => any) | undefined;
+    "onUpdate:sortState"?: ((state: TableSortState | undefined) => any) | undefined;
+    "onUpdate:filterState"?: ((state: TableFilterState) => any) | undefined;
+    "onUpdate:columnWidths"?: ((state: TableColumnWidthState) => any) | undefined;
+    "onUpdate:selected"?: ((selected: M extends true ? R[] : R | undefined) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: TableCompactSlots<T>;
+  emit: ((evt: "update:expanded", expanded: R[]) => void) & ((evt: "update:sortState", state: TableSortState | undefined) => void) & ((evt: "update:filterState", state: TableFilterState) => void) & ((evt: "update:columnWidths", state: TableColumnWidthState) => void) & ((evt: "update:selected", selected: M extends true ? R[] : R | undefined) => void);
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

package/dist/components/table/table-content.js

@@ -1 +1 @@
-import{useTableUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`TableContent`,__name:`table-content`,setup(n){let s=e(`content`);return(e,n)=>(i(),t(`table`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useTableUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`TableContent`,__name:`table-content`,setup(n){let s=e(`content`);return(e,n)=>(i(),t(`table`,{class:r(o(s)),role:`table`},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/table/table-root.js

@@ -1 +1 @@
-import{useTableUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`TableRoot`,__name:`table-root`,setup(n){let s=e(`root`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useTableUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=[`dir`],c=n({name:`TableRoot`,__name:`table-root`,props:{dir:{}},setup(n){let c=e(`root`);return(e,l)=>(i(),t(`div`,{class:r(o(c)),dir:n.dir},[a(e.$slots,`default`)],10,s))}});export{c as default};

package/dist/components/table/table-virtual-spacer-row.js

@@ -0,0 +1 @@
+import e from"./table-row.js";import{getTableSpacerCellStyle as t}from"./shared.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,defineComponent as c,normalizeStyle as l,openBlock as u,renderSlot as d,withCtx as f}from"vue";const p=[`colspan`],m=[`colspan`],h=c({name:`TableVirtualSpacerRow`,inheritAttrs:!1,__name:`table-virtual-spacer-row`,props:{isVirtual:{type:Boolean},colspan:{},paddingStart:{},paddingEnd:{}},setup(c){let h=c,g=r(()=>t(h.paddingStart)),_=r(()=>t(h.paddingEnd));return(t,r)=>(u(),o(n,null,[c.isVirtual&&c.paddingStart>0?(u(),i(e,{key:0,"aria-hidden":`true`},{default:f(()=>[s(`td`,{colspan:c.colspan,style:l(g.value)},null,12,p)]),_:1})):a(`v-if`,!0),d(t.$slots,`default`),c.isVirtual&&c.paddingEnd>0?(u(),i(e,{key:1,"aria-hidden":`true`},{default:f(()=>[s(`td`,{colspan:c.colspan,style:l(_.value)},null,12,m)]),_:1})):a(`v-if`,!0)],64))}});export{h as default};

package/dist/components/table/types.d.ts

@@ -1,8 +1,13 @@
-import { UiClass } from "../../types/common.js";
-import { HTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from "vue";
+import { CheckedState, Direction, UiClass } from "../../types/common.js";
+import { Path, PathValue } from "../../types/path.js";
+import { PropsToContext } from "../../types/vue.js";
+import { VirtualizerOptions } from "../virtualizer/types.js";
+import { ComputedRef, HTMLAttributes, ShallowRef, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from "vue";
 
 //#region src/components/table/types.d.ts
-interface TableRootProps extends /** @vue-ignore */HTMLAttributes {}
+interface TableRootProps extends /** @vue-ignore */HTMLAttributes {
+  dir?: Direction;
+}
 interface TableContentProps extends /** @vue-ignore */TableHTMLAttributes {}
 interface TableHeaderProps extends /** @vue-ignore */HTMLAttributes {}
 interface TableBodyProps extends /** @vue-ignore */HTMLAttributes {}
@@ -10,7 +15,312 @@ interface TableFooterProps extends /** @vue-ignore */HTMLAttributes {}
 interface TableRowProps extends /** @vue-ignore */HTMLAttributes {}
 interface TableHeadProps extends /** @vue-ignore */ThHTMLAttributes {}
 interface TableCellProps extends /** @vue-ignore */TdHTMLAttributes {}
-type TableUiSlot = 'root' | 'content' | 'header' | 'body' | 'footer' | 'row' | 'head' | 'cell';
+type TableUiSlot = 'root' | 'content' | 'header' | 'body' | 'footer' | 'row' | 'head' | 'cell' | 'fixed' | 'sortTrigger' | 'filterInput' | 'resizeHandle' | 'treeCell' | 'treeToggle' | 'treeTogglePlaceholder';
 type TableUi = UiClass<TableUiSlot>;
+type TableBaseData = Record<string, any>;
+type TableRowValue<T extends TableBaseData = TableBaseData> = Omit<T, 'children'>;
+type TableAlign = 'start' | 'center' | 'end';
+type TableColumnType = 'index' | 'selection' | 'expand';
+type TableSortOrder = 'asc' | 'desc';
+type TableUnifiedKey = string | number;
+interface TableSortState {
+  key: string;
+  order: TableSortOrder;
+}
+interface TableColumnFilterValue {
+  keyword?: string;
+  values?: string[];
+}
+type TableFilterValue = string | TableColumnFilterValue;
+type TableFilterState = Record<string, TableFilterValue>;
+type TableColumnWidthState = Record<string, string>;
+type TableRowChildrenResolver<T extends TableBaseData = TableBaseData> = (row: T) => T[] | undefined;
+interface TableVirtualMeasurement {
+  index: number;
+  start: number;
+  end: number;
+}
+interface TableVirtualRange {
+  startIndex: number;
+  endIndex: number;
+}
+interface TableTreeNode<T extends TableBaseData = TableBaseData, R extends TableUnifiedKey = TableUnifiedKey> {
+  key: R;
+  row: T;
+  level: number;
+  parentKey?: R;
+  children: TableTreeNode<T, R>[];
+  hasChildren: boolean;
+}
+interface TableTreeRow<T extends TableBaseData = TableBaseData, R extends TableUnifiedKey = TableUnifiedKey> {
+  key: R;
+  row: T;
+  level: number;
+  parentKey?: R;
+  hasChildren: boolean;
+}
+interface TableVisibleRow<T extends TableBaseData = TableBaseData, R extends TableUnifiedKey = TableUnifiedKey> {
+  index: number;
+  item: TableTreeRow<T, R>;
+}
+interface TableColumnFilter<T extends TableBaseData = TableBaseData> {
+  placeholder?: string;
+  options?: TableColumnFilterOption[] | ((params: {
+    rows: T[];
+    column: TableDataColumn<T>;
+  }) => TableColumnFilterOption[]);
+  match?: (params: {
+    filterValue: TableColumnFilterValue;
+    keyword: string;
+    values: string[];
+    row: T;
+    value: unknown;
+    column: TableDataColumn<T>;
+  }) => boolean;
+}
+interface TableColumnFilterOption {
+  label: string;
+  value: string;
+  disabled?: boolean;
+}
+interface TableColumnBase {
+  key?: string;
+  title?: string;
+  type?: TableColumnType;
+  align?: TableAlign;
+  width?: string;
+  minWidth?: string;
+  hidden?: boolean;
+  fixed?: 'start' | 'end';
+  resizable?: boolean;
+}
+interface TableTypeColumn extends TableColumnBase {
+  type: TableColumnType;
+  dataIndex?: never;
+  children?: never;
+  sorter?: never;
+  filter?: never;
+}
+interface TableDataColumn<T extends TableBaseData = TableBaseData> extends TableColumnBase {
+  dataIndex: Path<TableRowValue<T>>;
+  type?: never;
+  children?: never;
+  sorter?: boolean | ((a: T, b: T) => number);
+  filter?: boolean | TableColumnFilter<T>;
+}
+interface TableGroupColumn<T extends TableBaseData = TableBaseData> extends TableColumnBase {
+  children: TableColumn<T>[];
+  type?: never;
+  dataIndex?: never;
+  sorter?: never;
+  filter?: never;
+}
+type TableColumn<T extends TableBaseData = TableBaseData> = TableTypeColumn | TableDataColumn<T> | TableGroupColumn<T>;
+interface TableHeaderCell<T extends TableBaseData = TableBaseData> {
+  key: string;
+  column: TableColumn<T>;
+  colSpan: number;
+  rowSpan: number;
+}
+interface TableFixedState {
+  side: 'start' | 'end';
+  offset: number;
+}
+interface TableFixedColumnOffsets {
+  startOffsets: Record<string, number>;
+  endOffsets: Record<string, number>;
+}
+interface TableSelectionProps<R extends TableUnifiedKey = TableUnifiedKey, M extends boolean = false> {
+  defaultSelected?: M extends true ? R[] : R;
+  selected?: M extends true ? R[] : R;
+  multiple?: M;
+}
+interface TableCompactCellProps {
+  column: TableColumn;
+  row: TableTreeRow;
+  index: number;
+}
+interface TableCompactExpandedRowProps {
+  row: TableTreeRow;
+  index: number;
+  colspan: number;
+}
+interface TableCompactHeadProps extends Omit<TableHeaderCell, 'key'> {}
+interface TableCompactRowProps {
+  row: TableTreeRow;
+  index: number;
+  leafColumns: TableColumn[];
+}
+type TableCompactCellSlots<T extends TableBaseData> = { [K in Path<TableRowValue<T>>]?: (props: TableDataCellSlotProps<T, K>) => any } & {
+  index?: (props: TableIndexSlotProps<T>) => any;
+  selection?: (props: TableSelectionSlotProps<T>) => any;
+  expand?: (props: TableExpandSlotProps<T>) => any;
+  'tree-toggle'?: (props: TableTreeToggleSlotProps<T>) => any;
+};
+interface TableHeaderSlotProps<T extends TableBaseData = TableBaseData> {
+  column: TableColumn<T>;
+  colSpan: number;
+  rowSpan: number;
+  sortable: boolean;
+  filterable: boolean;
+  filtered: boolean;
+  resizable: boolean;
+  sortOrder?: TableSortOrder;
+  multiple?: boolean;
+  checked?: CheckedState;
+  disabled?: boolean;
+  updateChecked?: (value: CheckedState | null) => void;
+  toggleSort: () => void;
+  filterValue: string;
+  filterValues: string[];
+  filterState?: TableFilterValue;
+  filterOptions: TableColumnFilterOption[];
+  setFilterValue: (value: string) => void;
+  setFilterValues: (values: string[]) => void;
+  setFilterState: (value: TableFilterValue | undefined) => void;
+  toggleFilterOption: (value: string) => void;
+  isFilterOptionSelected: (value: string) => boolean;
+  clearFilter: () => void;
+}
+interface TableHeaderSelectionSlotProps<T extends TableBaseData = TableBaseData> {
+  column: TableColumn<T>;
+  multiple: boolean;
+  checked: CheckedState;
+  disabled: boolean;
+  updateChecked: (value: CheckedState | null) => void;
+}
+interface TableHeaderFilterSlotProps<T extends TableBaseData = TableBaseData> extends Pick<TableHeaderSlotProps<T>, 'column' | 'filterValue' | 'filterValues' | 'filterState' | 'filtered' | 'filterOptions' | 'setFilterValue' | 'setFilterValues' | 'setFilterState' | 'toggleFilterOption' | 'isFilterOptionSelected' | 'clearFilter'> {}
+interface TableHeaderSortSlotProps<T extends TableBaseData = TableBaseData> {
+  ariaLabel: string;
+  column: TableColumn<T>;
+  sortOrder?: TableSortOrder;
+  toggleSort: () => void;
+}
+interface TableHeaderResizeSlotProps<T extends TableBaseData = TableBaseData> {
+  column: TableColumn<T>;
+  resizing: boolean;
+  ariaLabel: string;
+  onPointerdown: (event: PointerEvent) => void;
+  onKeydown: (event: KeyboardEvent) => void;
+}
+interface TableIndexSlotProps<T extends TableBaseData = TableBaseData> {
+  index: number;
+  column: TableColumn<T>;
+  row: T;
+  level: number;
+  hasChildren: boolean;
+}
+interface TableCellSlotProps<T extends TableBaseData = TableBaseData> {
+  index: number;
+  column: TableColumn<T>;
+  row: T;
+  level: number;
+  hasChildren: boolean;
+  expanded: boolean;
+  toggleExpand: () => void;
+}
+interface TableSelectionSlotProps<T extends TableBaseData = TableBaseData> extends TableCellSlotProps<T> {
+  multiple: boolean;
+  checked: boolean;
+  ariaLabel: string;
+  toggleSelect: () => void;
+}
+interface TableExpandSlotProps<T extends TableBaseData = TableBaseData> extends TableCellSlotProps<T> {
+  ariaLabel: string;
+}
+type TableTreeToggleSlotProps<T extends TableBaseData = TableBaseData> = TableExpandSlotProps<T>;
+interface TableExpandedRowSlotProps<T extends TableBaseData = TableBaseData> {
+  index: number;
+  row: T;
+  level: number;
+  hasChildren: boolean;
+}
+interface TableDataCellSlotProps<T extends TableBaseData = TableBaseData, K extends Path<TableRowValue<T>> = Path<TableRowValue<T>>> extends TableCellSlotProps<T> {
+  value: PathValue<TableRowValue<T>, K>;
+}
+interface TableCompactProps<T extends TableBaseData = TableBaseData, R extends TableUnifiedKey = TableUnifiedKey, M extends boolean = false> extends TableRootProps, TableSelectionProps<R, M> {
+  columns: TableColumn<T>[];
+  data: T[];
+  rowKey: (row: T) => R;
+  defaultSortState?: TableSortState;
+  sortState?: TableSortState;
+  defaultFilterState?: TableFilterState;
+  filterState?: TableFilterState;
+  defaultColumnWidths?: TableColumnWidthState;
+  columnWidths?: TableColumnWidthState;
+  getChildren?: TableRowChildrenResolver<T>;
+  indent?: number;
+  virtual?: boolean;
+  height?: number | string;
+  estimateSize?: number | ((index: number, row: T) => number);
+  virtualizerOptions?: VirtualizerOptions;
+  defaultExpanded?: R[];
+  expanded?: R[];
+  defaultExpandAll?: boolean;
+  contentProps?: TableContentProps;
+  headerProps?: TableHeaderProps;
+  bodyProps?: TableBodyProps;
+  footerProps?: TableFooterProps;
+  headProps?: TableHeadProps;
+  rowProps?: TableRowProps;
+  cellProps?: TableCellProps;
+}
+type TableCompactEmits<R extends TableUnifiedKey = TableUnifiedKey, M extends boolean = false> = {
+  'update:sortState': [state: TableSortState | undefined];
+  'update:filterState': [state: TableFilterState];
+  'update:columnWidths': [state: TableColumnWidthState];
+  'update:expanded': [expanded: R[]];
+  'update:selected': [selected: M extends true ? R[] : R | undefined];
+};
+type TableCompactSlots<T extends TableBaseData> = { [K in `header-${Path<TableRowValue<T>>}`]?: (props: TableHeaderSlotProps<T>) => any } & { [K in Path<TableRowValue<T>>]?: (props: TableDataCellSlotProps<T, K>) => any } & {
+  bottom?: () => any;
+  header?: (props: TableHeaderSlotProps<T>) => any;
+  'header-index'?: (props: {
+    column: TableColumn<T>;
+  }) => any;
+  'header-selection'?: (props: TableHeaderSelectionSlotProps<T>) => any;
+  'header-expand'?: (props: {
+    column: TableColumn<T>;
+  }) => any;
+  'header-filter'?: (props: TableHeaderFilterSlotProps<T>) => any;
+  'header-sort'?: (props: TableHeaderSortSlotProps<T>) => any;
+  'header-resize'?: (props: TableHeaderResizeSlotProps<T>) => any;
+  index?: (props: TableIndexSlotProps<T>) => any;
+  selection?: (props: TableSelectionSlotProps<T>) => any;
+  expand?: (props: TableExpandSlotProps<T>) => any;
+  'expanded-row'?: (props: TableExpandedRowSlotProps<T>) => any;
+  'tree-toggle'?: (props: TableTreeToggleSlotProps<T>) => any;
+  footer?: (props: {
+    columnSize: number;
+  }) => any;
+};
+interface TableCompactContext extends PropsToContext<TableCompactProps, 'indent' | 'headProps' | 'rowProps' | 'cellProps'> {
+  dir: ComputedRef<Direction>;
+  rowKey: (row: TableBaseData) => TableUnifiedKey;
+  expanded: ShallowRef<TableUnifiedKey[]>;
+  sortState: ShallowRef<TableSortState | undefined>;
+  filterState: ShallowRef<TableFilterState>;
+  columnWidths: ShallowRef<TableColumnWidthState>;
+  selected: ShallowRef<TableUnifiedKey[] | TableUnifiedKey | undefined>;
+  onSelectedChange: (value: TableUnifiedKey) => void;
+  setSelected: (value: TableUnifiedKey[] | TableUnifiedKey | undefined) => void;
+  resetSelected: () => void;
+  isValueSelected: (value: TableUnifiedKey) => boolean;
+  multiple: ComputedRef<boolean>;
+  leafColumns: ComputedRef<TableColumn[]>;
+  sourceRows: ComputedRef<TableBaseData[]>;
+  hasTreeRows: ComputedRef<boolean>;
+  treeColumnKey: ComputedRef<string | undefined>;
+  hasExpandColumn: ComputedRef<boolean>;
+  hasExpandedRowSlot: ComputedRef<boolean>;
+  visibleExpandedKeys: ComputedRef<TableUnifiedKey[]>;
+  visibleRowKeys: ComputedRef<TableUnifiedKey[]>;
+  isHeaderSelectionDisabled: ComputedRef<boolean>;
+  headerSelection: ComputedRef<CheckedState>;
+  fixedColumnStates: ComputedRef<TableFixedColumnOffsets>;
+  resizingColumnKey: ShallowRef<string | null>;
+  measuredColumnWidths: ShallowRef<Record<string, number>>;
+  headCellElements: Record<string, HTMLElement | null>;
+}
 //#endregion
-export { TableBodyProps, TableCellProps, TableContentProps, TableFooterProps, TableHeadProps, TableHeaderProps, TableRootProps, TableRowProps, TableUi, TableUiSlot };
+export { TableAlign, TableBaseData, TableBodyProps, TableCellProps, TableCellSlotProps, TableColumn, TableColumnBase, TableColumnFilter, TableColumnFilterOption, TableColumnFilterValue, TableColumnType, TableColumnWidthState, TableCompactCellProps, TableCompactCellSlots, TableCompactContext, TableCompactEmits, TableCompactExpandedRowProps, TableCompactHeadProps, TableCompactProps, TableCompactRowProps, TableCompactSlots, TableContentProps, TableDataCellSlotProps, TableDataColumn, TableExpandSlotProps, TableExpandedRowSlotProps, TableFilterState, TableFilterValue, TableFixedColumnOffsets, TableFixedState, TableFooterProps, TableGroupColumn, TableHeadProps, TableHeaderCell, TableHeaderFilterSlotProps, TableHeaderProps, TableHeaderResizeSlotProps, TableHeaderSelectionSlotProps, TableHeaderSlotProps, TableHeaderSortSlotProps, TableIndexSlotProps, TableRootProps, TableRowChildrenResolver, TableRowProps, TableRowValue, TableSelectionProps, TableSelectionSlotProps, TableSortOrder, TableSortState, TableTreeNode, TableTreeRow, TableTreeToggleSlotProps, TableTypeColumn, TableUi, TableUiSlot, TableUnifiedKey, TableVirtualMeasurement, TableVirtualRange, TableVisibleRow };

package/dist/components/tabs/tabs-root.vue.d.ts

@@ -17,8 +17,8 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, _$v
 }>, {
   orientation: DataOrientation;
   modelValue: DefinedValue | null;
-  loop: boolean;
   unmountOnHide: boolean;
+  loop: boolean;
   activationMode: TabsActivationMode;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/tags-input/context.d.ts

@@ -0,0 +1,8 @@
+import { ClassValue, UiClass } from "../../types/common.js";
+import { TagsInputUiSlot } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/tags-input/context.d.ts
+declare const provideTagsInputUi: (ui: _$vue.ComputedRef<Partial<UiClass<TagsInputUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<TagsInputUiSlot>>>, useTagsInputUi: <S extends TagsInputUiSlot | undefined = undefined>(slot?: S | undefined) => S extends TagsInputUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<TagsInputUiSlot>>>;
+//#endregion
+export { provideTagsInputUi };

package/dist/components/tags-input/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useCollection as t}from"../../composables/use-collection.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import"../../composables/index.js";const{provideCollectionContext:r,useCollectionContext:i,useCollectionItem:a}=t(`TagsInput`),[o,s]=e(`TagsInputRoot`),[c,l]=e(`TagsInputItem`),[u,d]=n(`TagsInputUi`);export{r as provideCollectionContext,c as provideTagsInputItemContext,o as provideTagsInputRootContext,u as provideTagsInputUi,a as useCollectionItem,l as useTagsInputItemContext,s as useTagsInputRootContext,d as useTagsInputUi};

package/dist/components/tags-input/index.d.ts

@@ -0,0 +1,9 @@
+import { TagsInputAcceptableValue, TagsInputClearProps, TagsInputInputProps, TagsInputItemDeleteProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputRootEmits, TagsInputRootProps, TagsInputUi, TagsInputUiSlot } from "./types.js";
+import { _default as _default$5 } from "./tags-input-root.vue.js";
+import { _default as _default$1 } from "./tags-input-input.vue.js";
+import { _default as _default$2 } from "./tags-input-item.vue.js";
+import { _default as _default$4 } from "./tags-input-item-text.vue.js";
+import { _default as _default$3 } from "./tags-input-item-delete.vue.js";
+import { _default } from "./tags-input-clear.vue.js";
+import { provideTagsInputUi } from "./context.js";
+export { type TagsInputAcceptableValue, _default as TagsInputClear, type TagsInputClearProps, _default$1 as TagsInputInput, type TagsInputInputProps, _default$2 as TagsInputItem, _default$3 as TagsInputItemDelete, type TagsInputItemDeleteProps, type TagsInputItemProps, _default$4 as TagsInputItemText, type TagsInputItemTextProps, _default$5 as TagsInputRoot, type TagsInputRootEmits, type TagsInputRootProps, type TagsInputUi, type TagsInputUiSlot, provideTagsInputUi };

package/dist/components/tags-input/index.js

@@ -0,0 +1 @@
+import{provideTagsInputUi as e}from"./context.js";import t from"./tags-input-root.js";import n from"./tags-input-input.js";import r from"./tags-input-item.js";import i from"./tags-input-item-text.js";import a from"./tags-input-item-delete.js";import o from"./tags-input-clear.js";export{o as TagsInputClear,n as TagsInputInput,r as TagsInputItem,a as TagsInputItemDelete,i as TagsInputItemText,t as TagsInputRoot,e as provideTagsInputUi};

package/dist/components/tags-input/tags-input-clear.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTagsInputRootContext as t,useTagsInputUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`TagsInputClear`,__name:`tags-input-clear`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(a){let d=a,f=n(`clear`),{disabled:p,onClear:m}=t(`TagsInputClear`),h=r(()=>d.as===`button`?`button`:void 0),g=r(()=>d.as===`button`?p.value:void 0);return(t,n)=>(s(),i(l(e),o(d,{class:l(f),"aria-disabled":l(p)?`true`:void 0,disabled:g.value,type:h.value,"data-disabled":l(p)?``:void 0,onClick:l(m)}),{default:u(()=>[c(t.$slots,`default`)]),_:3},16,[`class`,`aria-disabled`,`disabled`,`type`,`data-disabled`,`onClick`]))}});export{d as default};

package/dist/components/tags-input/tags-input-clear.vue.d.ts

@@ -0,0 +1,21 @@
+import { AsTag } from "../primitive/types.js";
+import { TagsInputClearProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/tags-input/tags-input-clear.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<TagsInputClearProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TagsInputClearProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/tags-input/tags-input-input.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTagsInputRootContext as t,useTagsInputUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,nextTick as o,normalizeClass as s,openBlock as c,ref as l,renderSlot as u,unref as d,withCtx as f,withKeys as p}from"vue";const m=a({name:`TagsInputInput`,__name:`tags-input-input`,props:{id:{},placeholder:{},autofocus:{type:Boolean},maxlength:{},disabled:{type:Boolean},"aria-label":{},"aria-controls":{},asChild:{type:Boolean},as:{default:`input`}},setup(a){let m=a,h=n(`input`),{id:g,addOnPaste:_,addOnBlur:v,addOnTab:y,delimiter:b,disabled:x,isInvalidInput:S,onAddValue:C,onInputKeydown:w,selectedElement:T}=t(`TagsInputInput`),E=l(!1),D=r(()=>!m.asChild&&(m.as===void 0||m.as===`input`)),O=e=>{if(T.value=void 0,!v.value)return;let t=e.target,n=e.relatedTarget,r=t.getAttribute(`aria-controls`);if(r&&n?.closest(`#${r}`)||!t.value)return;let i=t.value.trim();if(!i){t.value=``;return}C(i)&&(t.value=``)},k=e=>{if(S.value=!1,e.data===null)return;let t=b.value??`,`;if(!(typeof t==`string`?t===e.data:new RegExp(t).test(e.data)))return;let n=e.target;n.value=n.value.replace(t,``);let r=n.value.trim();if(!r){n.value=``;return}C(r)&&(n.value=``)},A=e=>{if(!_.value)return;e.preventDefault();let t=e.clipboardData;if(!t)return;let n=t.getData(`text`),r=b.value??`,`;(typeof r==`string`?n.split(r):n.split(new RegExp(r))).forEach(e=>{let t=e.trim();t&&C(t)})},j=async e=>{if(E.value||e.defaultPrevented)return;await o();let t=e.target;if(!t.value)return;let n=t.value.trim();if(!n){t.value=``,e.preventDefault();return}C(n)&&(t.value=``),e.preventDefault()},M=e=>{y.value&&j(e)},N=()=>{E.value=!0},P=()=>{o(()=>{E.value=!1})};return(t,n)=>(c(),i(d(e),{id:m.id||d(g),as:m.as,"as-child":m.asChild,class:s(d(h)),type:D.value?`text`:void 0,autocomplete:D.value?`off`:void 0,autocorrect:D.value?`off`:void 0,autocapitalize:D.value?`off`:void 0,autofocus:D.value?m.autofocus:void 0,placeholder:D.value?m.placeholder:void 0,maxlength:D.value?m.maxlength:void 0,"aria-label":m[`aria-label`],"aria-controls":m[`aria-controls`],disabled:d(x)||m.disabled,"data-invalid":d(S)?``:void 0,onInput:k,onKeydown:[p(j,[`enter`]),p(M,[`tab`]),d(w)],onBlur:O,onPaste:A,onCompositionstart:N,onCompositionend:P},{default:f(()=>[u(t.$slots,`default`)]),_:3},8,[`id`,`as`,`as-child`,`class`,`type`,`autocomplete`,`autocorrect`,`autocapitalize`,`autofocus`,`placeholder`,`maxlength`,`aria-label`,`aria-controls`,`disabled`,`data-invalid`,`onKeydown`]))}});export{m as default};

package/dist/components/tags-input/tags-input-input.vue.d.ts

@@ -0,0 +1,21 @@
+import { AsTag } from "../primitive/types.js";
+import { TagsInputInputProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/tags-input/tags-input-input.vue.d.ts
+declare var __VLS_17: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<TagsInputInputProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TagsInputInputProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/tags-input/tags-input-item-delete.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTagsInputItemContext as t,useTagsInputRootContext as n,useTagsInputUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`TagsInputItemDelete`,__name:`tags-input-item-delete`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(o){let f=o,p=r(`itemDelete`),{getItems:m,onRemoveValue:h}=n(`TagsInputItemDelete`),{disabled:g,isSelected:_,itemElement:v,textId:y}=t(`TagsInputItemDelete`),b=i(()=>f.as===`button`?`button`:void 0),x=i(()=>f.as===`button`?g.value:void 0),S=()=>{g.value||h(m().findIndex(e=>e.element===v.value))};return(t,n)=>(c(),a(u(e),s(f,{tabindex:`-1`,class:u(p),"aria-labelledby":u(y)||void 0,"aria-current":u(_)?`true`:void 0,"aria-disabled":u(g)?`true`:void 0,"data-state":u(_)?`active`:`inactive`,"data-disabled":u(g)?``:void 0,disabled:x.value,type:b.value,onClick:S}),{default:d(()=>[l(t.$slots,`default`)]),_:3},16,[`class`,`aria-labelledby`,`aria-current`,`aria-disabled`,`data-state`,`data-disabled`,`disabled`,`type`]))}});export{f as default};

package/dist/components/tags-input/tags-input-item-delete.vue.d.ts

@@ -0,0 +1,21 @@
+import { AsTag } from "../primitive/types.js";
+import { TagsInputItemDeleteProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/tags-input/tags-input-item-delete.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<TagsInputItemDeleteProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TagsInputItemDeleteProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/tags-input/tags-input-item-text.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTagsInputItemContext as t,useTagsInputUi as n}from"./context.js";import{createBlock as r,createTextVNode as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,toDisplayString as l,unref as u,useId as d,withCtx as f}from"vue";const p=a({name:`TagsInputItemText`,__name:`tags-input-item-text`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(a){let p=a,m=n(`itemText`),{displayValue:h,textId:g}=t(`TagsInputItemText`);return g.value||(g.value=`soybean-tags-input-item-text-${d()}`),(t,n)=>(s(),r(u(e),o(p,{id:u(g),class:u(m)}),{default:f(()=>[c(t.$slots,`default`,{},()=>[i(l(u(h)),1)])]),_:3},16,[`id`,`class`]))}});export{p as default};

package/dist/components/tags-input/tags-input-item-text.vue.d.ts

@@ -0,0 +1,21 @@
+import { AsTag } from "../primitive/types.js";
+import { TagsInputItemTextProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/tags-input/tags-input-item-text.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<TagsInputItemTextProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TagsInputItemTextProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/tags-input/tags-input-item.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{provideTagsInputItemContext as n,useCollectionItem as r,useTagsInputRootContext as i,useTagsInputUi as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p,withCtx as m}from"vue";const h=c({name:`TagsInputItem`,__name:`tags-input-item`,props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`div`}},setup(c){let h=c,g=a(`item`),{selectedElement:_,disabled:v,displayValue:y}=i(`TagsInputItem`),{itemElement:b,itemProps:x,setItemElement:S}=r(()=>({value:h.value})),C=e(h,[`value`,`disabled`],x),w=o(()=>_.value===b.value),T=o(()=>v.value||h.disabled),E=f(``);return n({value:o(()=>h.value),displayValue:o(()=>y(h.value)),isSelected:w,disabled:T,itemElement:b,textId:E}),(e,n)=>(u(),s(p(t),l(p(C),{ref:p(S),class:p(g),"aria-labelledby":E.value||void 0,"aria-current":w.value?`true`:void 0,"data-disabled":T.value?``:void 0,"data-state":w.value?`active`:`inactive`}),{default:m(()=>[d(e.$slots,`default`)]),_:3},16,[`class`,`aria-labelledby`,`aria-current`,`data-disabled`,`data-state`]))}});export{h as default};

package/dist/components/tags-input/tags-input-item.vue.d.ts

@@ -0,0 +1,21 @@
+import { TagsInputAcceptableValue, TagsInputItemProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/tags-input/tags-input-item.vue.d.ts
+declare const __VLS_export: <T extends TagsInputAcceptableValue = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<TagsInputItemProps<T>> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {}) => any;
+  };
+  emit: {};
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

package/dist/components/tags-input/tags-input-root.js

@@ -0,0 +1 @@
+import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{removeAt as t}from"../../shared/object.js";import{isFormControl as n,transformPropsToContext as r}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as i}from"../../composables/use-controllable-state.js";import{useForwardElement as a}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useDirection as o}from"../config-provider/context.js";import s from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import{provideCollectionContext as c,provideTagsInputRootContext as l,useTagsInputUi as u}from"./context.js";import{computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,defineComponent as h,normalizeClass as g,openBlock as _,renderSlot as v,shallowRef as y,unref as b}from"vue";import{isEqual as x}from"ohash";const S=[`dir`,`data-disabled`,`data-invalid`],C=h({name:`TagsInputRoot`,__name:`tags-input-root`,props:{id:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},addOnPaste:{type:Boolean,default:!1},addOnTab:{type:Boolean,default:!1},addOnBlur:{type:Boolean,default:!1},duplicate:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},delimiter:{default:`,`},dir:{},max:{default:0},convertValue:{},displayValue:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`invalid`,`addTag`,`removeTag`],setup(h,{emit:C}){let w=h,T=C,E=u(`root`),{getOrderedItems:D,getOrderedElements:O,onContainerElementChange:k}=c(),[A,j]=a(k),M=o(()=>w.dir),N=i(()=>w.modelValue,e=>{T(`update:modelValue`,e)},w.defaultValue??[]),P=y(),F=y(!1),I=e=>w.displayValue?w.displayValue(e):String(e),L=d(()=>Array.isArray(N.value)?[...N.value]:[]),R=d(()=>n(A.value)),z=()=>D(!1),B=()=>O(!1).filter(e=>e.dataset.disabled===void 0),V=()=>{w.disabled||(N.value=[],P.value=void 0,F.value=!1)},H=e=>{if(w.disabled||e<0)return;let n=z()[e];n&&(N.value=t(L.value,e),T(`removeTag`,n.data.value))},U=e=>{let t=e.trim(),n=L.value,r=n.some(e=>typeof e==`object`&&!!e),i=(w.defaultValue??[]).some(e=>typeof e==`object`&&!!e);if(w.disabled||!t)return!1;if((r||i)&&typeof w.convertValue!=`function`)throw Error("You must provide a `convertValue` function when using object values.");let a=w.convertValue?w.convertValue(t):t;if(w.max>0&&n.length>=w.max)return F.value=!0,T(`invalid`,a),!1;let o=n.some(e=>x(e,a));return!w.duplicate&&o?(F.value=!0,T(`invalid`,a),!1):(F.value=!1,N.value=[...n,a],T(`addTag`,a),!0)},W=t=>{if(w.disabled)return;let n=t.target;if(!n)return;let r=B();if(!r.length){P.value=void 0;return}let i=r.at(-1),a=n.selectionStart===0&&n.selectionEnd===0,o=t.key===`ArrowRight`&&M.value===`ltr`||t.key===`ArrowLeft`&&M.value===`rtl`,s=t.key===`ArrowLeft`&&M.value===`ltr`||t.key===`ArrowRight`&&M.value===`rtl`;switch(t.key){case`Delete`:case`Backspace`:if(!a){P.value=void 0;break}if(P.value){let e=z().findIndex(e=>e.element===P.value),n=P.value===i?r.at(r.indexOf(P.value)-1):r.at(r.indexOf(P.value)+1);H(e),P.value=n,t.preventDefault()}else t.key===`Backspace`&&(P.value=i,t.preventDefault());break;case`Home`:case`End`:case`ArrowLeft`:case`ArrowRight`:if(!a){P.value=void 0;break}if(s&&!P.value)P.value=i,t.preventDefault();else if(o&&P.value===i)P.value=void 0,t.preventDefault();else if(P.value){let n=e(t,P.value,void 0,{itemsArray:r,loop:!1,dir:M.value});n&&(P.value=n)}break;case`ArrowUp`:case`ArrowDown`:P.value&&t.preventDefault();break;default:P.value=void 0;break}};return l({...r(w,[`id`,`addOnPaste`,`addOnTab`,`addOnBlur`,`disabled`,`delimiter`,`max`]),modelValue:N,selectedElement:P,isInvalidInput:F,dir:M,displayValue:I,onAddValue:U,onRemoveValue:H,onInputKeydown:W,onClear:V,getItems:z}),(e,t)=>(_(),m(`div`,{ref:b(j),class:g(b(E)),role:`group`,dir:b(M),"data-disabled":h.disabled?``:void 0,"data-invalid":F.value?``:void 0},[v(e.$slots,`default`,{modelValue:b(N)}),R.value&&h.name?(_(),f(b(s),{key:0,name:h.name,value:b(N),required:h.required,disabled:h.disabled},null,8,[`name`,`value`,`required`,`disabled`])):p(`v-if`,!0)],10,S))}});export{C as default};

package/dist/components/tags-input/tags-input-root.vue.d.ts

@@ -0,0 +1,28 @@
+import { TagsInputAcceptableValue, TagsInputRootProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/tags-input/tags-input-root.vue.d.ts
+declare const __VLS_export: <T extends TagsInputAcceptableValue = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<TagsInputRootProps<T> & {
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+    onInvalid?: ((value: T) => any) | undefined;
+    onAddTag?: ((value: T) => any) | undefined;
+    onRemoveTag?: ((value: T) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      modelValue: TagsInputAcceptableValue[] | undefined;
+    }) => any;
+  };
+  emit: ((evt: "update:modelValue", value: T[]) => void) & ((evt: "invalid", value: T) => void) & ((evt: "addTag", value: T) => void) & ((evt: "removeTag", value: T) => void);
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };