@soybeanjs/headless 0.17.0 → 0.19.0

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

@@ -1,69 +1,69 @@
 import { CheckedState, Direction, UiClass } from "../../types/common.js";
 import { Path, PathValue } from "../../types/path.js";
-import { PropsToContext } from "../../types/vue.js";
+import { BaseProps, PropsToContext } from "../../types/vue.js";
 import { VirtualizerOptions } from "../virtualizer/types.js";
-import { ComputedRef, HTMLAttributes, ShallowRef, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from "vue";
+import { ComputedRef, ShallowRef, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from "vue";
 
 //#region src/components/table/types.d.ts
 /**
- * Props for the table root component.
+ * Properties for the TableRoot component.
  */
-interface TableRootProps extends /** @vue-ignore */HTMLAttributes {
+interface TableRootProps extends BaseProps {
   /**
    * Reading direction of the component.
    */
   dir?: Direction;
 }
 /**
- * Props for the table scroll component.
+ * Properties for the TableScroll component.
  */
-interface TableScrollProps extends /** @vue-ignore */HTMLAttributes {}
+interface TableScrollProps extends BaseProps {}
 /**
- * Props for the table content component.
+ * Properties for the TableContent component.
  */
-interface TableContentProps extends /** @vue-ignore */TableHTMLAttributes {}
+interface TableContentProps extends BaseProps<TableHTMLAttributes> {}
 /**
- * Props for the table header component.
+ * Properties for the TableHeader component.
  */
-interface TableHeaderProps extends /** @vue-ignore */HTMLAttributes {}
+interface TableHeaderProps extends BaseProps {}
 /**
- * Props for the table body component.
+ * Properties for the TableBody component.
  */
-interface TableBodyProps extends /** @vue-ignore */HTMLAttributes {}
+interface TableBodyProps extends BaseProps {}
 /**
- * Props for the table footer component.
+ * Properties for the TableFooter component.
  */
-interface TableFooterProps extends /** @vue-ignore */HTMLAttributes {}
+interface TableFooterProps extends BaseProps {}
 /**
- * Props for the table row component.
+ * Properties for the TableRow component.
  */
-interface TableRowProps extends /** @vue-ignore */HTMLAttributes {}
+interface TableRowProps extends BaseProps {}
 /**
- * Props for the table head component.
+ * Properties for the TableHead component.
  */
-interface TableHeadProps extends /** @vue-ignore */ThHTMLAttributes {}
+interface TableHeadProps extends BaseProps<ThHTMLAttributes> {}
 /**
- * Props for the table cell component.
+ * Properties for the TableCell component.
  */
-interface TableCellProps extends /** @vue-ignore */TdHTMLAttributes {}
+interface TableCellProps extends BaseProps<TdHTMLAttributes> {}
 /**
- * Available UI slots for the table component.
+ * Available UI slots for the Table component.
  */
 type TableUiSlot = 'root' | 'scroll' | 'content' | 'header' | 'body' | 'footer' | 'row' | 'head' | 'cell' | 'fixed' | 'sortTrigger' | 'filterInput' | 'resizeHandle' | 'treeCell' | 'treeToggle' | 'treeTogglePlaceholder';
 /**
- * UI class overrides for the table component.
+ * UI class overrides for the Table component.
  */
 type TableUi = UiClass<TableUiSlot>;
 /**
- * Type information for the table base data component.
+ * Type information for TableBaseData.
  */
 type TableBaseData = Record<string, any>;
 /**
- * Type information for the table row value component.
+ * Type information for TableRowValue.
  */
 type TableRowValue<T extends TableBaseData = TableBaseData> = Omit<T, 'children'>;
 /**
- * Type information for the table align component.
+ * Type information for TableAlign.
  */
 type TableAlign = 'start' | 'center' | 'end';
 /**
@@ -71,15 +71,15 @@ type TableAlign = 'start' | 'center' | 'end';
  */
 type TableColumnType = 'index' | 'selection' | 'expand';
 /**
- * Type information for the table sort order component.
+ * Type information for TableSortOrder.
  */
 type TableSortOrder = 'asc' | 'desc';
 /**
- * Type information for the table unified key component.
+ * Type information for TableUnifiedKey.
  */
 type TableUnifiedKey = string | number;
 /**
- * State values for the table component.
+ * State values for TableSortState.
  */
 interface TableSortState {
   /**
@@ -92,7 +92,7 @@ interface TableSortState {
   order: TableSortOrder;
 }
 /**
- * Type information for the table column filter value component.
+ * Type information for TableColumnFilterValue.
  */
 interface TableColumnFilterValue {
   /**
@@ -105,23 +105,23 @@ interface TableColumnFilterValue {
   values?: string[];
 }
 /**
- * Type information for the table filter value component.
+ * Type information for TableFilterValue.
  */
 type TableFilterValue = string | TableColumnFilterValue;
 /**
- * State values for the table component.
+ * State values for TableFilterState.
  */
 type TableFilterState = Record<string, TableFilterValue>;
 /**
- * State values for the table component.
+ * State values for TableColumnWidthState.
  */
 type TableColumnWidthState = Record<string, string>;
 /**
- * Type information for the table row children resolver component.
+ * Type information for TableRowChildrenResolver.
  */
 type TableRowChildrenResolver<T extends TableBaseData = TableBaseData> = (row: T) => T[] | undefined;
 /**
- * Type information for the table virtual measurement component.
+ * Type information for TableVirtualMeasurement.
  */
 interface TableVirtualMeasurement {
   /**
@@ -138,7 +138,7 @@ interface TableVirtualMeasurement {
   end: number;
 }
 /**
- * Type information for the table virtual range component.
+ * Type information for TableVirtualRange.
  */
 interface TableVirtualRange {
   /**
@@ -151,7 +151,7 @@ interface TableVirtualRange {
   endIndex: number;
 }
 /**
- * Type information for the table tree node component.
+ * Type information for TableTreeNode.
  */
 interface TableTreeNode<T extends TableBaseData = TableBaseData, R extends TableUnifiedKey = TableUnifiedKey> {
   /**
@@ -180,7 +180,7 @@ interface TableTreeNode<T extends TableBaseData = TableBaseData, R extends Table
   hasChildren: boolean;
 }
 /**
- * Type information for the table tree row component.
+ * Type information for TableTreeRow.
  */
 interface TableTreeRow<T extends TableBaseData = TableBaseData, R extends TableUnifiedKey = TableUnifiedKey> {
   /**
@@ -205,7 +205,7 @@ interface TableTreeRow<T extends TableBaseData = TableBaseData, R extends TableU
   hasChildren: boolean;
 }
 /**
- * Type information for the table visible row component.
+ * Type information for TableVisibleRow.
  */
 interface TableVisibleRow<T extends TableBaseData = TableBaseData, R extends TableUnifiedKey = TableUnifiedKey> {
   /**
@@ -218,7 +218,7 @@ interface TableVisibleRow<T extends TableBaseData = TableBaseData, R extends Tab
   item: TableTreeRow<T, R>;
 }
 /**
- * Type information for the table column filter component.
+ * Type information for TableColumnFilter.
  */
 interface TableColumnFilter<T extends TableBaseData = TableBaseData> {
   /**
@@ -245,7 +245,7 @@ interface TableColumnFilter<T extends TableBaseData = TableBaseData> {
   }) => boolean;
 }
 /**
- * Type information for the table column filter option component.
+ * Type information for TableColumnFilterOption.
  */
 interface TableColumnFilterOption {
   /**
@@ -262,7 +262,7 @@ interface TableColumnFilterOption {
   disabled?: boolean;
 }
 /**
- * Type information for the table column base component.
+ * Type information for TableColumnBase.
  */
 interface TableColumnBase {
   /**
@@ -303,7 +303,7 @@ interface TableColumnBase {
   resizable?: boolean;
 }
 /**
- * Type information for the table type column component.
+ * Type information for TableTypeColumn.
  */
 interface TableTypeColumn extends TableColumnBase {
   /**
@@ -328,7 +328,7 @@ interface TableTypeColumn extends TableColumnBase {
   filter?: never;
 }
 /**
- * Type information for the table data column component.
+ * Type information for TableDataColumn.
  */
 interface TableDataColumn<T extends TableBaseData = TableBaseData> extends TableColumnBase {
   /**
@@ -353,7 +353,7 @@ interface TableDataColumn<T extends TableBaseData = TableBaseData> extends Table
   filter?: boolean | TableColumnFilter<T>;
 }
 /**
- * Type information for the table group column component.
+ * Type information for TableGroupColumn.
  */
 interface TableGroupColumn<T extends TableBaseData = TableBaseData> extends TableColumnBase {
   /**
@@ -378,11 +378,11 @@ interface TableGroupColumn<T extends TableBaseData = TableBaseData> extends Tabl
   filter?: never;
 }
 /**
- * Type information for the table column component.
+ * Type information for TableColumn.
  */
 type TableColumn<T extends TableBaseData = TableBaseData> = TableTypeColumn | TableDataColumn<T> | TableGroupColumn<T>;
 /**
- * Type information for the table header cell component.
+ * Type information for TableHeaderCell.
  */
 interface TableHeaderCell<T extends TableBaseData = TableBaseData> {
   /**
@@ -403,7 +403,7 @@ interface TableHeaderCell<T extends TableBaseData = TableBaseData> {
   rowSpan: number;
 }
 /**
- * State values for the table component.
+ * State values for TableFixedState.
  */
 interface TableFixedState {
   /**
@@ -424,7 +424,7 @@ interface TableFixedState {
   isFirstEnd: boolean;
 }
 /**
- * Type information for the table fixed column offsets component.
+ * Type information for TableFixedColumnOffsets.
  */
 interface TableFixedColumnOffsets {
   /**
@@ -445,7 +445,7 @@ interface TableFixedColumnOffsets {
   firstEndKey?: string;
 }
 /**
- * Props for the table selection component.
+ * Properties for the TableSelection component.
  */
 interface TableSelectionProps<R extends TableUnifiedKey = TableUnifiedKey, M extends boolean = false> {
   /**
@@ -462,7 +462,7 @@ interface TableSelectionProps<R extends TableUnifiedKey = TableUnifiedKey, M ext
   multiple?: M;
 }
 /**
- * Props for the table compact cell component.
+ * Properties for the TableCompactCell component.
  */
 interface TableCompactCellProps {
   /**
@@ -479,7 +479,7 @@ interface TableCompactCellProps {
   index: number;
 }
 /**
- * Props for the table compact expanded row component.
+ * Properties for the TableCompactExpandedRow component.
  */
 interface TableCompactExpandedRowProps {
   /**
@@ -496,11 +496,11 @@ interface TableCompactExpandedRowProps {
   colspan: number;
 }
 /**
- * Props for the table compact head component.
+ * Properties for the TableCompactHead component.
  */
 interface TableCompactHeadProps extends Omit<TableHeaderCell, 'key'> {}
 /**
- * Props for the table compact row component.
+ * Properties for the TableCompactRow component.
  */
 interface TableCompactRowProps {
   /**
@@ -517,7 +517,7 @@ interface TableCompactRowProps {
   leafColumns: TableColumn[];
 }
 /**
- * Slots for the table compact cell component.
+ * Slots for the TableCompactCell component.
  */
 type TableCompactCellSlots<T extends TableBaseData> = { [K in Path<TableRowValue<T>>]?: (props: TableDataCellSlotProps<T, K>) => any } & {
   /**
@@ -538,7 +538,7 @@ type TableCompactCellSlots<T extends TableBaseData> = { [K in Path<TableRowValue
   'tree-toggle'?: (props: TableTreeToggleSlotProps<T>) => any;
 };
 /**
- * Slot props for the table header component.
+ * Slot properties for the TableHeader component.
  */
 interface TableHeaderSlotProps<T extends TableBaseData = TableBaseData> {
   /**
@@ -635,7 +635,7 @@ interface TableHeaderSlotProps<T extends TableBaseData = TableBaseData> {
   clearFilter: () => void;
 }
 /**
- * Slot props for the table header selection component.
+ * Slot properties for the TableHeaderSelection component.
  */
 interface TableHeaderSelectionSlotProps<T extends TableBaseData = TableBaseData> {
   /**
@@ -654,17 +654,21 @@ interface TableHeaderSelectionSlotProps<T extends TableBaseData = TableBaseData>
    * Whether the component is disabled.
    */
   disabled: boolean;
+  /**
+   * Accessible label for the "select all" control.
+   */
+  ariaLabel: string;
   /**
    * Update checked exposed in the slot scope.
    */
   updateChecked: (value: CheckedState | null) => void;
 }
 /**
- * Slot props for the table header filter component.
+ * Slot properties for the TableHeaderFilter component.
  */
 interface TableHeaderFilterSlotProps<T extends TableBaseData = TableBaseData> extends Pick<TableHeaderSlotProps<T>, 'column' | 'filterValue' | 'filterValues' | 'filterState' | 'filtered' | 'filterOptions' | 'setFilterValue' | 'setFilterValues' | 'setFilterState' | 'toggleFilterOption' | 'isFilterOptionSelected' | 'clearFilter'> {}
 /**
- * Slot props for the table header sort component.
+ * Slot properties for the TableHeaderSort component.
  */
 interface TableHeaderSortSlotProps<T extends TableBaseData = TableBaseData> {
   /**
@@ -685,7 +689,7 @@ interface TableHeaderSortSlotProps<T extends TableBaseData = TableBaseData> {
   toggleSort: () => void;
 }
 /**
- * Slot props for the table header resize component.
+ * Slot properties for the TableHeaderResize component.
  */
 interface TableHeaderResizeSlotProps<T extends TableBaseData = TableBaseData> {
   /**
@@ -710,7 +714,7 @@ interface TableHeaderResizeSlotProps<T extends TableBaseData = TableBaseData> {
   onKeydown: (event: KeyboardEvent) => void;
 }
 /**
- * Slot props for the table index component.
+ * Slot properties for the TableIndex component.
  */
 interface TableIndexSlotProps<T extends TableBaseData = TableBaseData> {
   /**
@@ -735,7 +739,7 @@ interface TableIndexSlotProps<T extends TableBaseData = TableBaseData> {
   hasChildren: boolean;
 }
 /**
- * Slot props for the table cell component.
+ * Slot properties for the TableCell component.
  */
 interface TableCellSlotProps<T extends TableBaseData = TableBaseData> {
   /**
@@ -768,7 +772,7 @@ interface TableCellSlotProps<T extends TableBaseData = TableBaseData> {
   toggleExpand: () => void;
 }
 /**
- * Slot props for the table selection component.
+ * Slot properties for the TableSelection component.
  */
 interface TableSelectionSlotProps<T extends TableBaseData = TableBaseData> extends TableCellSlotProps<T> {
   /**
@@ -789,7 +793,7 @@ interface TableSelectionSlotProps<T extends TableBaseData = TableBaseData> exten
   toggleSelect: () => void;
 }
 /**
- * Slot props for the table expand component.
+ * Slot properties for the TableExpand component.
  */
 interface TableExpandSlotProps<T extends TableBaseData = TableBaseData> extends TableCellSlotProps<T> {
   /**
@@ -798,11 +802,11 @@ interface TableExpandSlotProps<T extends TableBaseData = TableBaseData> extends
   ariaLabel: string;
 }
 /**
- * Slot props for the table tree toggle component.
+ * Slot properties for the TableTreeToggle component.
  */
 type TableTreeToggleSlotProps<T extends TableBaseData = TableBaseData> = TableExpandSlotProps<T>;
 /**
- * Slot props for the table expanded row component.
+ * Slot properties for the TableExpandedRow component.
  */
 interface TableExpandedRowSlotProps<T extends TableBaseData = TableBaseData> {
   /**
@@ -823,7 +827,7 @@ interface TableExpandedRowSlotProps<T extends TableBaseData = TableBaseData> {
   hasChildren: boolean;
 }
 /**
- * Slot props for the table empty component.
+ * Slot properties for the TableEmpty component.
  */
 interface TableEmptySlotProps {
   /**
@@ -832,7 +836,7 @@ interface TableEmptySlotProps {
   columnSize: number;
 }
 /**
- * Slot props for the table data cell component.
+ * Slot properties for the TableDataCell component.
  */
 interface TableDataCellSlotProps<T extends TableBaseData = TableBaseData, K extends Path<TableRowValue<T>> = Path<TableRowValue<T>>> extends TableCellSlotProps<T> {
   /**
@@ -841,7 +845,7 @@ interface TableDataCellSlotProps<T extends TableBaseData = TableBaseData, K exte
   value: PathValue<TableRowValue<T>, K>;
 }
 /**
- * Props for the table compact component.
+ * Properties for the TableCompact component.
  */
 interface TableCompactProps<T extends TableBaseData = TableBaseData, R extends TableUnifiedKey = TableUnifiedKey, M extends boolean = false> extends TableRootProps, TableSelectionProps<R, M> {
   /**
@@ -917,36 +921,36 @@ interface TableCompactProps<T extends TableBaseData = TableBaseData, R extends T
    */
   defaultExpandAll?: boolean;
   /**
-   * Props forwarded to the content element.
+   * Properties forwarded to the content element.
    */
   contentProps?: TableContentProps;
   /**
-   * Props forwarded to the header element.
+   * Properties forwarded to the header element.
    */
   headerProps?: TableHeaderProps;
   /**
-   * Props forwarded to the body element.
+   * Properties forwarded to the body element.
    */
   bodyProps?: TableBodyProps;
   /**
-   * Props forwarded to the footer element.
+   * Properties forwarded to the footer element.
    */
   footerProps?: TableFooterProps;
   /**
-   * Props forwarded to the head element.
+   * Properties forwarded to the head element.
    */
   headProps?: TableHeadProps;
   /**
-   * Props forwarded to the row element.
+   * Properties forwarded to the row element.
    */
   rowProps?: TableRowProps;
   /**
-   * Props forwarded to the cell element.
+   * Properties forwarded to the cell element.
    */
   cellProps?: TableCellProps;
 }
 /**
- * Emits for the table compact component.
+ * Events for the TableCompact component.
  */
 type TableCompactEmits<R extends TableUnifiedKey = TableUnifiedKey, M extends boolean = false> = {
   /**
@@ -971,7 +975,7 @@ type TableCompactEmits<R extends TableUnifiedKey = TableUnifiedKey, M extends bo
   'update:selected': [selected: M extends true ? R[] : R | undefined];
 };
 /**
- * Slots for the table compact component.
+ * Slots for the TableCompact component.
  */
 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 } & {
   /**
@@ -1042,7 +1046,7 @@ type TableCompactSlots<T extends TableBaseData> = { [K in `header-${Path<TableRo
   }) => any;
 };
 /**
- * Context for the table compact component.
+ * Context for the TableCompact component.
  */
 interface TableCompactContext extends PropsToContext<TableCompactProps, 'indent' | 'headProps' | 'rowProps' | 'cellProps'> {
   /**

package/dist/components/tabs/context.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import"../../shared/index.js";import{useContext as t}from"../../composables/use-context.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{useDirection as r}from"../config-provider/context.js";import{computed as i,ref as a,shallowRef as o,toValue as s}from"vue";const[c,l]=t(`TabsRoot`,t=>{let n=r(t.dir),c=o(),l=e=>{c.value=e},u=n=>{e(n)||(t.modelValue.value=n)},d=a([]),f=e=>{d.value.push(e)},p=e=>{let t=d.value.indexOf(e);t!==-1&&d.value.splice(t,1)},m=e=>{let t=s(e),n=i(()=>`soybean-tabs-content-${t}`);return{contentId:n,triggerId:i(()=>`soybean-tabs-trigger-${t}`),existContentId:i(()=>d.value.includes(n.value))}};return{...t,dir:n,changeModelValue:u,listElement:c,onListElementChange:l,getId:m,registerContentId:f,unregisterContentId:p}}),[u,d]=n(`TabsUi`);export{c as provideTabsRootContext,u as provideTabsUi,l as useTabsRootContext,d as useTabsUi};
+import{isNullish as e}from"../../shared/guard.js";import{useContext as t}from"../../composables/use-context.js";import{useDirection as n}from"../config-provider/context.js";import"../../shared/index.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{computed as i,ref as a,shallowRef as o,toValue as s}from"vue";const[c,l]=t(`TabsRoot`,t=>{let r=n(t.dir),c=o(),l=e=>{c.value=e},u=n=>{e(n)||(t.modelValue.value=n)},d=a([]),f=e=>{d.value.push(e)},p=e=>{let t=d.value.indexOf(e);t!==-1&&d.value.splice(t,1)},m=e=>{let t=s(e),n=i(()=>`soybean-tabs-content-${t}`);return{contentId:n,triggerId:i(()=>`soybean-tabs-trigger-${t}`),existContentId:i(()=>d.value.includes(n.value))}};return{...t,dir:r,changeModelValue:u,listElement:c,onListElementChange:l,getId:m,registerContentId:f,unregisterContentId:p}}),[u,d]=r(`TabsUi`);export{c as provideTabsRootContext,u as provideTabsUi,l as useTabsRootContext,d as useTabsUi};

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

@@ -4,14 +4,14 @@ import * as _$vue from "vue";
 //#region src/components/tabs/tabs-compact.vue.d.ts
 declare const __VLS_export: <T extends TabsOptionData = TabsOptionData>(__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<TabsCompactProps<T> & {
-    "onUpdate:modelValue"?: ((payload: T["value"]) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: Exclude<T["value"], undefined>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: TabsCompactSlots<T>;
-  emit: (evt: "update:modelValue", payload: T["value"]) => void;
+  emit: (evt: "update:modelValue", payload: Exclude<T["value"], undefined>) => void;
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{usePresence as t}from"../../composables/use-presence.js";import"../../composables/index.js";import{useTabsRootContext as n,useTabsUi as r}from"./context.js";import{computed as i,createCommentVNode as a,createElementBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,onBeforeUnmount as u,onMounted as d,openBlock as f,renderSlot as p,shallowRef as m,unref as h}from"vue";const g=[`id`,`aria-labelledby`,`data-state`,`hidden`],_=s({name:`TabsContent`,__name:`tabs-content`,props:{value:{},forceMount:{type:Boolean}},setup(s){let _=s,{modelValue:v,unmountOnHide:y,getId:b,registerContentId:x,unregisterContentId:S}=n(`TabsContent`),[C,w]=e(),T=r(`content`),{contentId:E,triggerId:D}=b(_.value),O=i(()=>_.value===v.value),k=i(()=>O.value?`active`:`inactive`),A=_.forceMount?m(!0):t(C,O),j=m(O.value),M=i(()=>({animationDuration:j.value?`0s`:void 0}));return d(()=>{x(E.value),requestAnimationFrame(()=>{j.value=!1})}),u(()=>{S(E.value)}),(e,t)=>(f(),o(`div`,{id:h(E),ref:h(w),class:c(h(T)),"aria-labelledby":h(D),"data-state":k.value,hidden:!h(A),role:`tabpanel`,tabindex:`0`,style:l(M.value)},[!h(y)||h(A)?p(e.$slots,`default`,{key:0,active:O.value}):a(`v-if`,!0)],14,g))}});export{_ as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{usePresence as t}from"../../composables/use-presence.js";import"../../composables/index.js";import{useTabsRootContext as n,useTabsUi as r}from"./context.js";import{computed as i,createCommentVNode as a,createElementBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,onBeforeUnmount as u,onMounted as d,openBlock as f,renderSlot as p,shallowRef as m,unref as h}from"vue";const g=[`id`,`aria-labelledby`,`data-state`,`hidden`],_=s({name:`TabsContent`,__name:`tabs-content`,props:{value:{},forceMount:{type:Boolean}},setup(s){let _=s,{modelValue:v,unmountOnHide:y,getId:b,registerContentId:x,unregisterContentId:S}=n(`TabsContent`),[C,w]=e(),T=r(`content`),{contentId:E,triggerId:D}=b(_.value),O=i(()=>_.value===v.value),k=i(()=>O.value?`active`:`inactive`),A=_.forceMount?m(!0):t(C,O),j=m(O.value),M=i(()=>({animationDuration:j.value?`0s`:void 0}));return d(()=>{x(E.value),requestAnimationFrame(()=>{j.value=!1})}),u(()=>{S(E.value)}),(e,t)=>(f(),o(`div`,{id:h(E),ref:h(w),"data-soybean-tabs-content":``,class:c(h(T)),"aria-labelledby":h(D),"data-state":k.value,hidden:!h(A),role:`tabpanel`,tabindex:`0`,style:l(M.value)},[!h(y)||h(A)?p(e.$slots,`default`,{key:0,active:O.value}):a(`v-if`,!0)],14,g))}});export{_ as default};

package/dist/components/tabs/tabs-indicator.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTabsRootContext as t,useTabsUi as n}from"./context.js";import{tabsCssVars as r}from"./shared.js";import{computed as i,createBlock as a,createCommentVNode as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,ref as d,renderSlot as f,unref as p,watch as m,watchPostEffect as h,withCtx as g}from"vue";import{useResizeObserver as _}from"@vueuse/core";const v=s({name:`TabsIndicator`,__name:`tabs-indicator`,props:{asChild:{type:Boolean},as:{}},setup(s){let{listElement:v,modelValue:y,dir:b,orientation:x}=t(`TabsIndicator`),S=n(`indicator`),C=d({size:null,position:null}),w=i(()=>({[r.indicatorSize]:`${C.value.size}px`,[r.indicatorPosition]:`${C.value.position}px`})),T=d([]);function E(){let e=v.value?.querySelector(`[role="tab"][data-state="active"]`);e&&(x.value===`horizontal`?C.value={size:e.offsetWidth,position:e.offsetLeft}:C.value={size:e.offsetHeight,position:e.offsetTop})}return _(i(()=>[v.value,...T.value]),E),h(()=>{T.value=Array.from(v.value?.querySelectorAll(`[role="tab"]`)??[])}),m(()=>[y.value,b.value],()=>{E()},{immediate:!0,flush:`post`}),(t,n)=>typeof C.value.size==`number`?(u(),a(p(e),{key:0,as:s.as,"as-child":s.asChild,class:c(p(S)),style:l(w.value)},{default:g(()=>[f(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`style`])):o(`v-if`,!0)}});export{v as default};
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTabsRootContext as t,useTabsUi as n}from"./context.js";import{tabsCssVars as r}from"./shared.js";import{computed as i,createBlock as a,createCommentVNode as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,ref as d,renderSlot as f,unref as p,watch as m,watchPostEffect as h,withCtx as g}from"vue";import{useResizeObserver as _}from"@vueuse/core";const v=s({name:`TabsIndicator`,__name:`tabs-indicator`,props:{asChild:{type:Boolean},as:{}},setup(s){let{listElement:v,modelValue:y,dir:b,orientation:x}=t(`TabsIndicator`),S=n(`indicator`),C=d({size:null,position:null}),w=i(()=>({[r.indicatorSize]:`${C.value.size}px`,[r.indicatorPosition]:`${C.value.position}px`})),T=d([]);function E(){let e=v.value?.querySelector(`[role="tab"][data-state="active"]`);e&&(x.value===`horizontal`?C.value={size:e.offsetWidth,position:e.offsetLeft}:C.value={size:e.offsetHeight,position:e.offsetTop})}return _(i(()=>[v.value,...T.value]),E),h(()=>{T.value=Array.from(v.value?.querySelectorAll(`[role="tab"]`)??[])}),m(()=>[y.value,b.value],()=>{E()},{immediate:!0,flush:`post`}),(t,n)=>typeof C.value.size==`number`?(u(),a(p(e),{key:0,"data-soybean-tabs-indicator":``,as:s.as,"as-child":s.asChild,class:c(p(S)),style:l(w.value)},{default:g(()=>[f(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`style`])):o(`v-if`,!0)}});export{v as default};

package/dist/components/tabs/tabs-list.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import t from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{useTabsRootContext as n,useTabsUi as r}from"./context.js";import{createBlock as i,createElementVNode as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=[`aria-orientation`],p=o({name:`TabsList`,__name:`tabs-list`,setup(o){let{orientation:p,dir:m,loop:h,onListElementChange:g}=n(`TabsList`),[_,v]=e(g),y=r(`list`);return(e,n)=>(c(),i(u(t),{"as-child":``,dir:u(m),orientation:u(p),loop:u(h)},{default:d(()=>[a(`div`,{ref:u(v),class:s(u(y)),role:`tablist`,"aria-orientation":u(p)},[l(e.$slots,`default`)],10,f)]),_:3},8,[`dir`,`orientation`,`loop`]))}});export{p as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import t from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{useTabsRootContext as n,useTabsUi as r}from"./context.js";import{createBlock as i,createElementVNode as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=[`aria-orientation`],p=o({name:`TabsList`,__name:`tabs-list`,setup(o){let{orientation:p,dir:m,loop:h,onListElementChange:g}=n(`TabsList`),[_,v]=e(g),y=r(`list`);return(e,n)=>(c(),i(u(t),{"data-soybean-tabs-list":``,"as-child":``,dir:u(m),orientation:u(p),loop:u(h)},{default:d(()=>[a(`div`,{ref:u(v),class:s(u(y)),role:`tablist`,"aria-orientation":u(p)},[l(e.$slots,`default`)],10,f)]),_:3},8,[`dir`,`orientation`,`loop`]))}});export{p as default};

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

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideTabsRootContext as r,useTabsUi as i}from"./context.js";import{createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u}from"vue";const d=[`dir`,`data-orientation`],f=o({name:`TabsRoot`,__name:`tabs-root`,props:{modelValue:{default:void 0},defaultValue:{},activationMode:{default:`automatic`},unmountOnHide:{type:Boolean,default:!0},orientation:{default:`horizontal`},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(o,{emit:f}){let p=o,m=f,h=n(()=>p.modelValue,t=>{e(t)||m(`update:modelValue`,t)},p.defaultValue),g=i(`root`),{dir:_}=r({...t(p,[`dir`,`loop`,`orientation`,`unmountOnHide`,`activationMode`]),modelValue:h});return(e,t)=>(c(),a(`div`,{class:s(u(g)),dir:u(_),"data-orientation":o.orientation},[l(e.$slots,`default`,{modelValue:u(h)})],10,d))}});export{f as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideTabsRootContext as n,useTabsUi as r}from"./context.js";import{createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l}from"vue";const u=[`dir`,`data-orientation`],d=a({name:`TabsRoot`,__name:`tabs-root`,props:{modelValue:{default:void 0},defaultValue:{},activationMode:{default:`automatic`},unmountOnHide:{type:Boolean,default:!0},orientation:{default:`horizontal`},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(a,{emit:d}){let f=a,p=d,m=t(()=>f.modelValue,e=>{p(`update:modelValue`,e)},f.defaultValue??null),h=r(`root`),{dir:g}=n({...e(f,[`dir`,`loop`,`orientation`,`unmountOnHide`,`activationMode`]),modelValue:m});return(e,t)=>(s(),i(`div`,{"data-soybean-tabs-root":``,class:o(l(h)),dir:l(g),"data-orientation":a.orientation},[c(e.$slots,`default`,{modelValue:l(m)})],10,u))}});export{d as default};

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

@@ -1,24 +1,24 @@
-import { AcceptableValue, DataOrientation, DefinedValue } from "../../types/common.js";
+import { DataOrientation, DefinedValue } from "../../types/common.js";
 import { TabsActivationMode, TabsRootProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/tabs/tabs-root.vue.d.ts
 type __VLS_Props = TabsRootProps;
 declare var __VLS_1: {
-  modelValue: AcceptableValue;
+  modelValue: DefinedValue | null;
 };
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (payload: NonNullable<AcceptableValue>) => any;
+  "update:modelValue": (payload: DefinedValue | null) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
-  "onUpdate:modelValue"?: ((payload: NonNullable<AcceptableValue>) => any) | undefined;
+  "onUpdate:modelValue"?: ((payload: DefinedValue | null) => any) | undefined;
 }>, {
   orientation: DataOrientation;
+  unmountOnHide: boolean;
   modelValue: DefinedValue | null;
   loop: boolean;
-  unmountOnHide: boolean;
   activationMode: TabsActivationMode;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/tabs/tabs-trigger.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import t from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useTabsRootContext as n,useTabsUi as r}from"./context.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withCtx as f,withKeys as p,withModifiers as m}from"vue";const h=s({name:`TabsTrigger`,__name:`tabs-trigger`,props:{value:{},disabled:{type:Boolean,default:!1},asChild:{type:Boolean},as:{default:`button`}},setup(s){let h=s,{modelValue:g,orientation:_,changeModelValue:v,activationMode:y,getId:b}=n(`TabsTrigger`),x=r(`trigger`),{contentId:S,triggerId:C,existContentId:w}=b(h.value),T=i(()=>h.value===g.value),E=i(()=>T.value?`active`:`inactive`),D=i(()=>h.as===`button`?`button`:void 0),O=i(()=>w.value?S.value:void 0),k=e=>{!h.disabled&&e.ctrlKey===!1?v(h.value):e.preventDefault()},A=()=>{v(h.value)},j=()=>{T.value||h.disabled||y.value!==`manual`&&v(h.value)};return(n,r)=>(l(),a(d(t),{"as-child":``,focusable:!s.disabled,active:T.value},{default:f(()=>[o(d(e),{id:d(C),as:s.as,"as-child":s.asChild,class:c(d(x)),"aria-controls":O.value,"aria-selected":T.value?`true`:`false`,"data-disabled":s.disabled?``:void 0,"data-orientation":d(_),"data-state":E.value,role:`tab`,type:D.value,onMousedown:m(k,[`left`]),onKeydown:p(A,[`enter`,`space`]),onFocus:j},{default:f(()=>[u(n.$slots,`default`,{active:T.value})]),_:3},8,[`id`,`as`,`as-child`,`class`,`aria-controls`,`aria-selected`,`data-disabled`,`data-orientation`,`data-state`,`type`])]),_:3},8,[`focusable`,`active`]))}});export{h as default};
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import t from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useTabsRootContext as n,useTabsUi as r}from"./context.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withCtx as f,withKeys as p,withModifiers as m}from"vue";const h=s({name:`TabsTrigger`,__name:`tabs-trigger`,props:{value:{},disabled:{type:Boolean,default:!1},asChild:{type:Boolean},as:{default:`button`}},setup(s){let h=s,{modelValue:g,orientation:_,changeModelValue:v,activationMode:y,getId:b}=n(`TabsTrigger`),x=r(`trigger`),{contentId:S,triggerId:C,existContentId:w}=b(h.value),T=i(()=>h.value===g.value),E=i(()=>T.value?`active`:`inactive`),D=i(()=>h.as===`button`?`button`:void 0),O=i(()=>w.value?S.value:void 0),k=e=>{!h.disabled&&e.ctrlKey===!1?v(h.value):e.preventDefault()},A=()=>{v(h.value)},j=()=>{T.value||h.disabled||y.value!==`manual`&&v(h.value)};return(n,r)=>(l(),a(d(t),{"as-child":``,focusable:!s.disabled,active:T.value},{default:f(()=>[o(d(e),{id:d(C),as:s.as,"as-child":s.asChild,"data-soybean-tabs-trigger":``,class:c(d(x)),"aria-controls":O.value,"aria-selected":T.value?`true`:`false`,"data-disabled":s.disabled?``:void 0,"data-orientation":d(_),"data-state":E.value,role:`tab`,type:D.value,onMousedown:m(k,[`left`]),onKeydown:p(A,[`enter`,`space`]),onFocus:j},{default:f(()=>[u(n.$slots,`default`,{active:T.value})]),_:3},8,[`id`,`as`,`as-child`,`class`,`aria-controls`,`aria-selected`,`data-disabled`,`data-orientation`,`data-state`,`type`])]),_:3},8,[`focusable`,`active`]))}});export{h as default};