@soybeanjs/ui 0.16.0 → 0.17.0

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

@@ -1,17 +1,45 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import { SwitchShape } from "./variants.js";
-import { AcceptableBooleanValue, ClassValue, SwitchControlProps, SwitchRootEmits, SwitchRootProps, SwitchThumbProps, SwitchUi } from "@soybeanjs/headless";
+import { SwitchControlProps, SwitchRootEmits, SwitchRootProps, SwitchThumbProps, SwitchUi } from "@soybeanjs/headless/switch";
+import { AcceptableBooleanValue, ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/switch/types.d.ts
+/**
+ * Props for the switch component.
+ */
 interface SwitchProps<T extends AcceptableBooleanValue = boolean> extends SwitchRootProps<T> {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<SwitchUi>;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Shape of the component.
+   */
   shape?: SwitchShape;
+  /**
+   * Props forwarded to the control element.
+   */
   controlProps?: SwitchControlProps;
+  /**
+   * Props forwarded to the thumb element.
+   */
   thumbProps?: SwitchThumbProps;
 }
+/**
+ * Emits for the switch component.
+ */
 type SwitchEmits<T extends AcceptableBooleanValue = boolean> = SwitchRootEmits<T>;
 //#endregion
 export { SwitchEmits, SwitchProps };

package/dist/components/table/hooks.js

@@ -1 +1 @@
-import{shallowRef as e,watch as t}from"vue";import{useTable as n}from"@soybeanjs/hooks";import{getTableColumnKey as r,isTableGroupColumn as i}from"@soybeanjs/headless/table";function a(e){return n({...e,getColumnChecks:s,getColumns:c})}function o(r){let{page:i=1,pageSize:a=10,fetchOnPaginationChange:o=!0,onFetched:l}=r,u=e(i),d=e(a),f=e(0),p=n({...r,pagination:!0,getColumnChecks:s,getColumns:c,onFetched:e=>{e.total&&e.total!==f.value&&(f.value=e.total),e.page&&e.page!==u.value&&(u.value=e.page),e.pageSize&&e.pageSize!==d.value&&(d.value=e.pageSize),l?.(e)}});return t([u,d],()=>{o&&p.fetchData()},{flush:`post`}),{page:u,pageSize:d,total:f,...p}}function s(e){let t=[];return e.forEach(e=>{if(i(e)){t.push(...s(e.children));return}let{type:n,title:a,hidden:o}=e;if(n||!e.dataIndex)return;let c=r(e),l={key:c,title:a||c,checked:!0,hidden:o};t.push(l)}),t}function c(e,t){let n=new Map,a=new Map(t.map(e=>[e.key,e])),o=new Map(t.map((e,t)=>[e.key,t]));e.forEach((e,t)=>{e.type&&n.set(e.type,{column:e,index:t})});function s(e){if(i(e)){let t=e.children.map(e=>s(e));return t.length>0?Math.min(...t):1/0}return o.get(r(e))??1/0}let l=[...e.filter(e=>!e.type)].sort((e,t)=>s(e)-s(t)).reduce((e,n)=>{if(i(n)){let r=c(n.children,t);return r.length>0&&e.push({...n,children:r}),e}return a.get(r(n))?.checked!==!1&&e.push(n),e},[]);return n.forEach(({column:e,index:t})=>{t>=l.length?l.push(e):l.splice(t,0,e)}),l}export{o as usePaginatedTable,a as useTable};
+import{shallowRef as e,watch as t}from"vue";import{getTableColumnKey as n,isTableGroupColumn as r}from"@soybeanjs/headless/table";import{useTable as i}from"@soybeanjs/hooks";function a(e){return i({...e,getColumnChecks:s,getColumns:c})}function o(n){let{page:r=1,pageSize:a=10,fetchOnPaginationChange:o=!0,onFetched:l}=n,u=e(r),d=e(a),f=e(0),p=i({...n,pagination:!0,getColumnChecks:s,getColumns:c,onFetched:e=>{e.total&&e.total!==f.value&&(f.value=e.total),e.page&&e.page!==u.value&&(u.value=e.page),e.pageSize&&e.pageSize!==d.value&&(d.value=e.pageSize),l?.(e)}});return t([u,d],()=>{o&&p.fetchData()},{flush:`post`}),{page:u,pageSize:d,total:f,...p}}function s(e){let t=[];return e.forEach(e=>{if(r(e)){t.push(...s(e.children));return}let{type:i,title:a,hidden:o}=e;if(i||!e.dataIndex)return;let c=n(e),l={key:c,title:a||c,checked:!0,hidden:o};t.push(l)}),t}function c(e,t){let i=new Map,a=new Map(t.map(e=>[e.key,e])),o=new Map(t.map((e,t)=>[e.key,t]));e.forEach((e,t)=>{e.type&&i.set(e.type,{column:e,index:t})});function s(e){if(r(e)){let t=e.children.map(e=>s(e));return t.length>0?Math.min(...t):1/0}return o.get(n(e))??1/0}let l=[...e.filter(e=>!e.type)].sort((e,t)=>s(e)-s(t)).reduce((e,i)=>{if(r(i)){let n=c(i.children,t);return n.length>0&&e.push({...i,children:n}),e}return a.get(n(i))?.checked!==!1&&e.push(i),e},[]);return i.forEach(({column:e,index:t})=>{t>=l.length?l.push(e):l.splice(t,0,e)}),l}export{o as usePaginatedTable,a as useTable};

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

@@ -1,6 +1,7 @@
 import { TableBaseData, TableColumn, TableColumnFilter, TableColumnFilterOption, TableColumnFilterValue, TableColumnType, TableEmits, TableExtendedUi, TableExtraUiSlot, TableFilterPopoverColumnMeta, TableFilterPopoverOption, TableFilterPopoverProps, TableProps, TableRadioProps, TableSlots, TableSortOrder } from "./types.js";
 import { _default } from "./table.vue.js";
 import { usePaginatedTable, useTable as useTable$1 } from "./hooks.js";
-import { TableCell as STableCell, TableRow as STableRow } from "@soybeanjs/headless";
+import { TableCell as STableCell, TableRow as STableRow } from "@soybeanjs/headless/table";
 import { TableColumnCheck as TableColumnCheck$1 } from "@soybeanjs/hooks";
+export * from "@soybeanjs/headless/table";
 export { STableCell, STableRow, type TableColumnCheck$1 as TableColumnCheck };

package/dist/components/table/index.js

@@ -1 +1 @@
-import"./table.js";import"./hooks.js";import{TableCell as e,TableRow as t}from"@soybeanjs/headless";export{e as STableCell,t as STableRow};
+import"./table.js";import"./hooks.js";import{TableCell as e,TableRow as t}from"@soybeanjs/headless/table";export{e as STableCell,t as STableRow};

package/dist/components/table/table.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import n from"../button/button-icon.js";import r from"../checkbox/checkbox.js";import i from"../empty/empty.js";import a from"./table-filter-popover.js";import{tableVariants as o}from"./variants.js";import s from"./table-radio.js";import{computed as c,createBlock as l,createCommentVNode as u,createElementVNode as d,createSlots as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeClass as _,normalizeProps as v,openBlock as y,renderList as b,renderSlot as x,toHandlers as S,unref as C,useSlots as w,withCtx as T}from"vue";import{useForwardListeners as E,useOmitProps as D}from"@soybeanjs/headless/composables";import{TableCompact as O,provideTableUi as k}from"@soybeanjs/headless";const A=[`aria-label`,`aria-pressed`,`data-resizing`,`onPointerdown`,`onKeydown`],j=m({name:`STable`,__name:`table`,props:{class:{},size:{},ui:{},variant:{},bordered:{type:Boolean},rounded:{type:Boolean,default:!0},striped:{type:Boolean},columns:{},data:{},rowKey:{},defaultSortState:{},sortState:{},defaultFilterState:{},filterState:{},defaultColumnWidths:{},columnWidths:{},getChildren:{},indent:{},virtual:{type:Boolean},height:{},estimateSize:{},virtualizerOptions:{},defaultExpanded:{},expanded:{},defaultExpandAll:{type:Boolean},contentProps:{},headerProps:{},bodyProps:{},footerProps:{},headProps:{},rowProps:{},cellProps:{},dir:{},defaultSelected:{},selected:{},multiple:{default:!0}},emits:[`update:sortState`,`update:filterState`,`update:columnWidths`,`update:expanded`,`update:selected`],setup(m,{emit:j}){let M=m,N=j,P=w(),F=D(M,[`class`,`ui`,`size`,`variant`,`bordered`,`rounded`,`striped`]),I=E(N),L=c(()=>Object.keys(P)),R=c(()=>e(o({size:M.size,variant:M.variant,bordered:M.bordered,rounded:M.rounded,striped:M.striped}),M.ui,{root:M.class})),z=c(()=>t[M.size??`md`]),B=e=>e===`asc`?`lucide:arrow-up`:e===`desc`?`lucide:arrow-down`:`lucide:arrow-up-down`;return k(R),(e,t)=>(y(),l(C(O),g(C(F),S(C(I))),f({_:2},[b(L.value,t=>({name:t,fn:T(n=>[x(e.$slots,t,v(h(n)))])})),P[`header-selection`]?void 0:{name:`header-selection`,fn:T(({checked:e,disabled:t,multiple:n,updateChecked:i})=>[n?(y(),l(r,{key:0,disabled:t,"model-value":e,class:_(R.value.selection),"control-props":{"aria-label":`Select all rows`},"onUpdate:modelValue":i},null,8,[`disabled`,`model-value`,`class`,`onUpdate:modelValue`])):u(`v-if`,!0)]),key:`0`},P.selection?void 0:{name:`selection`,fn:T(({checked:e,multiple:t,ariaLabel:n,toggleSelect:i})=>[t?(y(),l(r,{key:0,class:_(R.value.selection),"model-value":e,"control-props":{"aria-label":n},"onUpdate:modelValue":e=>i()},null,8,[`class`,`model-value`,`control-props`,`onUpdate:modelValue`])):(y(),l(s,{key:1,size:m.size,checked:e,"aria-label":n,onClick:e=>i()},null,8,[`size`,`checked`,`aria-label`,`onClick`]))]),key:`1`},P[`header-sort`]?void 0:{name:`header-sort`,fn:T(({sortOrder:e,ariaLabel:t,toggleSort:r})=>[p(n,{icon:B(e),class:_(R.value.sortTrigger),size:z.value,"aria-label":t,"data-sorted":e?``:void 0,onClick:e=>r()},null,8,[`icon`,`class`,`size`,`aria-label`,`data-sorted`,`onClick`])]),key:`2`},P[`header-filter`]?void 0:{name:`header-filter`,fn:T(e=>[p(a,g(e,{ui:R.value,size:m.size}),null,16,[`ui`,`size`])]),key:`3`},P[`header-resize`]?void 0:{name:`header-resize`,fn:T(({resizing:e,ariaLabel:t,onPointerdown:n,onKeydown:r})=>[d(`button`,{type:`button`,class:_(R.value.resizeHandle),"aria-label":t,"aria-pressed":e,"data-resizing":e||void 0,onPointerdown:n,onKeydown:r},null,42,A)]),key:`4`},P[`tree-toggle`]?void 0:{name:`tree-toggle`,fn:T(({expanded:e,ariaLabel:t,toggleExpand:r})=>[p(n,{class:_(R.value.treeToggle),size:z.value,"aria-expanded":e,"aria-label":t,icon:e?`lucide:chevron-down`:`lucide:chevron-right`,onClick:e=>r()},null,8,[`class`,`size`,`aria-expanded`,`aria-label`,`icon`,`onClick`])]),key:`5`},P.expand?void 0:{name:`expand`,fn:T(({expanded:e,ariaLabel:t,hasChildren:r,toggleExpand:i})=>[r||P[`expanded-row`]?(y(),l(n,{key:0,icon:e?`lucide:chevron-down`:`lucide:chevron-right`,class:_(R.value.treeToggle),size:z.value,"aria-expanded":e,"aria-label":t,"data-expanded":e?``:void 0,onClick:e=>i()},null,8,[`icon`,`class`,`size`,`aria-expanded`,`aria-label`,`data-expanded`,`onClick`])):u(`v-if`,!0)]),key:`6`},P.empty?void 0:{name:`empty`,fn:T(()=>[p(i,{title:`No data`,description:`There is no data to display.`,icon:`lucide:inbox`,"media-variant":`icon`})]),key:`7`}]),1040))}});export{j as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import n from"../button/button-icon.js";import r from"../checkbox/checkbox.js";import i from"../empty/empty.js";import a from"./table-filter-popover.js";import{tableVariants as o}from"./variants.js";import s from"./table-radio.js";import{computed as c,createBlock as l,createCommentVNode as u,createElementVNode as d,createSlots as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeClass as _,normalizeProps as v,openBlock as y,renderList as b,renderSlot as x,toHandlers as S,unref as C,useSlots as w,withCtx as T}from"vue";import{useForwardListeners as E,useOmitProps as D}from"@soybeanjs/headless/composables";import{TableCompact as O,provideTableUi as k}from"@soybeanjs/headless/table";const A=[`aria-label`,`aria-pressed`,`data-resizing`,`onPointerdown`,`onKeydown`],j=m({name:`STable`,__name:`table`,props:{class:{},size:{},ui:{},variant:{},bordered:{type:Boolean},rounded:{type:Boolean,default:!0},striped:{type:Boolean},columns:{},data:{},rowKey:{},defaultSortState:{},sortState:{},defaultFilterState:{},filterState:{},defaultColumnWidths:{},columnWidths:{},getChildren:{},indent:{},virtual:{type:Boolean},height:{},estimateSize:{},virtualizerOptions:{},defaultExpanded:{},expanded:{},defaultExpandAll:{type:Boolean},contentProps:{},headerProps:{},bodyProps:{},footerProps:{},headProps:{},rowProps:{},cellProps:{},dir:{},defaultSelected:{},selected:{},multiple:{default:!0}},emits:[`update:sortState`,`update:filterState`,`update:columnWidths`,`update:expanded`,`update:selected`],setup(m,{emit:j}){let M=m,N=j,P=w(),F=D(M,[`class`,`ui`,`size`,`variant`,`bordered`,`rounded`,`striped`]),I=E(N),L=c(()=>Object.keys(P)),R=c(()=>e(o({size:M.size,variant:M.variant,bordered:M.bordered,rounded:M.rounded,striped:M.striped}),M.ui,{root:M.class})),z=c(()=>t[M.size??`md`]),B=e=>e===`asc`?`lucide:arrow-up`:e===`desc`?`lucide:arrow-down`:`lucide:arrow-up-down`;return k(R),(e,t)=>(y(),l(C(O),g(C(F),S(C(I))),f({_:2},[b(L.value,t=>({name:t,fn:T(n=>[x(e.$slots,t,v(h(n)))])})),P[`header-selection`]?void 0:{name:`header-selection`,fn:T(({checked:e,disabled:t,multiple:n,updateChecked:i})=>[n?(y(),l(r,{key:0,disabled:t,"model-value":e,class:_(R.value.selection),"control-props":{"aria-label":`Select all rows`},"onUpdate:modelValue":i},null,8,[`disabled`,`model-value`,`class`,`onUpdate:modelValue`])):u(`v-if`,!0)]),key:`0`},P.selection?void 0:{name:`selection`,fn:T(({checked:e,multiple:t,ariaLabel:n,toggleSelect:i})=>[t?(y(),l(r,{key:0,class:_(R.value.selection),"model-value":e,"control-props":{"aria-label":n},"onUpdate:modelValue":e=>i()},null,8,[`class`,`model-value`,`control-props`,`onUpdate:modelValue`])):(y(),l(s,{key:1,size:m.size,checked:e,"aria-label":n,onClick:e=>i()},null,8,[`size`,`checked`,`aria-label`,`onClick`]))]),key:`1`},P[`header-sort`]?void 0:{name:`header-sort`,fn:T(({sortOrder:e,ariaLabel:t,toggleSort:r})=>[p(n,{icon:B(e),class:_(R.value.sortTrigger),size:z.value,"aria-label":t,"data-sorted":e?``:void 0,onClick:e=>r()},null,8,[`icon`,`class`,`size`,`aria-label`,`data-sorted`,`onClick`])]),key:`2`},P[`header-filter`]?void 0:{name:`header-filter`,fn:T(e=>[p(a,g(e,{ui:R.value,size:m.size}),null,16,[`ui`,`size`])]),key:`3`},P[`header-resize`]?void 0:{name:`header-resize`,fn:T(({resizing:e,ariaLabel:t,onPointerdown:n,onKeydown:r})=>[d(`button`,{type:`button`,class:_(R.value.resizeHandle),"aria-label":t,"aria-pressed":e,"data-resizing":e||void 0,onPointerdown:n,onKeydown:r},null,42,A)]),key:`4`},P[`tree-toggle`]?void 0:{name:`tree-toggle`,fn:T(({expanded:e,ariaLabel:t,toggleExpand:r})=>[p(n,{class:_(R.value.treeToggle),size:z.value,"aria-expanded":e,"aria-label":t,icon:e?`lucide:chevron-down`:`lucide:chevron-right`,onClick:e=>r()},null,8,[`class`,`size`,`aria-expanded`,`aria-label`,`icon`,`onClick`])]),key:`5`},P.expand?void 0:{name:`expand`,fn:T(({expanded:e,ariaLabel:t,hasChildren:r,toggleExpand:i})=>[r||P[`expanded-row`]?(y(),l(n,{key:0,icon:e?`lucide:chevron-down`:`lucide:chevron-right`,class:_(R.value.treeToggle),size:z.value,"aria-expanded":e,"aria-label":t,"data-expanded":e?``:void 0,onClick:e=>i()},null,8,[`icon`,`class`,`size`,`aria-expanded`,`aria-label`,`data-expanded`,`onClick`])):u(`v-if`,!0)]),key:`6`},P.empty?void 0:{name:`empty`,fn:T(()=>[p(i,{title:`No data`,description:`There is no data to display.`,icon:`lucide:inbox`,"media-variant":`icon`})]),key:`7`}]),1040))}});export{j as default};

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

@@ -5,10 +5,10 @@ import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 //#region src/components/table/table.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<TableProps<T, R, M> & {
+    "onUpdate:expanded"?: ((expanded: R[]) => any) | undefined;
     "onUpdate:sortState"?: ((state: _$_soybeanjs_headless0.TableSortState | undefined) => any) | undefined;
     "onUpdate:filterState"?: ((state: _$_soybeanjs_headless0.TableFilterState) => any) | undefined;
     "onUpdate:columnWidths"?: ((state: _$_soybeanjs_headless0.TableColumnWidthState) => any) | undefined;
-    "onUpdate:expanded"?: ((expanded: R[]) => any) | undefined;
     "onUpdate:selected"?: ((selected: M extends true ? R[] : R | undefined) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -16,7 +16,7 @@ declare const __VLS_export: <T extends TableBaseData = TableBaseData, R extends
   expose: (exposed: {}) => void;
   attrs: any;
   slots: TableSlots<T>;
-  emit: ((evt: "update:sortState", state: _$_soybeanjs_headless0.TableSortState | undefined) => void) & ((evt: "update:filterState", state: _$_soybeanjs_headless0.TableFilterState) => void) & ((evt: "update:columnWidths", state: _$_soybeanjs_headless0.TableColumnWidthState) => void) & ((evt: "update:expanded", expanded: R[]) => void) & ((evt: "update:selected", selected: M extends true ? R[] : R | undefined) => void);
+  emit: ((evt: "update:expanded", expanded: R[]) => void) & ((evt: "update:sortState", state: _$_soybeanjs_headless0.TableSortState | undefined) => void) & ((evt: "update:filterState", state: _$_soybeanjs_headless0.TableFilterState) => void) & ((evt: "update:columnWidths", state: _$_soybeanjs_headless0.TableColumnWidthState) => void) & ((evt: "update:selected", selected: M extends true ? R[] : R | undefined) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1,41 +1,116 @@
 import { ThemeSize } from "../../theme/types.js";
 import { TableVariant } from "./variants.js";
-import { ClassValue, UiClass } from "@soybeanjs/headless";
 import { TableBaseData, TableColumn, TableColumnFilter, TableColumnFilterOption, TableColumnFilterValue, TableColumnType, TableCompactEmits, TableCompactProps, TableCompactSlots, TableHeaderFilterSlotProps, TableSortOrder, TableUiSlot, TableUnifiedKey } from "@soybeanjs/headless/table";
+import { ClassValue, UiClass } from "@soybeanjs/headless/types";
 
 //#region src/components/table/types.d.ts
+/**
+ * Additional UI slots for the table component.
+ */
 type TableExtraUiSlot = 'selection' | 'filterTrigger' | 'filterPopup' | 'filterSearch' | 'filterOptions' | 'filterOption' | 'filterOptionLabel' | 'filterFooter' | 'filterCount' | 'filterAction' | 'filterEmpty';
+/**
+ * Extended UI class overrides for the table component.
+ */
 type TableExtendedUi = UiClass<TableUiSlot | TableExtraUiSlot>;
+/**
+ * Props for the table component.
+ */
 interface TableProps<T extends TableBaseData = TableBaseData, R extends string | number = string | number, M extends boolean = false> extends TableCompactProps<T, R, M> {
   /**
    * Additional class names to apply to the table.
    */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<TableExtendedUi>;
+  /**
+   * Visual variant of the component.
+   */
   variant?: TableVariant;
+  /**
+   * Whether bordered.
+   */
   bordered?: boolean;
+  /**
+   * Whether rounded.
+   */
   rounded?: boolean;
+  /**
+   * Whether striped.
+   */
   striped?: boolean;
 }
+/**
+ * Emits for the table component.
+ */
 type TableEmits<R extends TableUnifiedKey = TableUnifiedKey, M extends boolean = false> = TableCompactEmits<R, M>;
+/**
+ * Slots for the table component.
+ */
 type TableSlots<T extends TableBaseData = TableBaseData> = TableCompactSlots<T>;
+/**
+ * Props for the table radio component.
+ */
 interface TableRadioProps {
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Whether the item is checked.
+   */
   checked?: boolean;
 }
+/**
+ * Type information for the table filter popover column meta component.
+ */
 interface TableFilterPopoverColumnMeta {
+  /**
+   * Title text rendered by the component.
+   */
   title?: string;
+  /**
+   * Key.
+   */
   key?: string;
+  /**
+   * Data index.
+   */
   dataIndex?: string;
 }
+/**
+ * Type information for the table filter popover option component.
+ */
 interface TableFilterPopoverOption {
+  /**
+   * Label text rendered by the component.
+   */
   label: string;
+  /**
+   * Value associated with the current item.
+   */
   value: string;
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
 }
+/**
+ * Props for the table filter popover component.
+ */
 interface TableFilterPopoverProps<T extends TableBaseData = TableBaseData> extends TableHeaderFilterSlotProps<T> {
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui: TableExtendedUi;
 }
 //#endregion

package/dist/components/tabs/index.d.ts

@@ -1,4 +1,3 @@
-import { TabsEmits, TabsProps, TabsSlots } from "./types.js";
+import { TabsEmits, TabsOptionData, TabsProps, TabsSlots } from "./types.js";
 import { _default } from "./tabs.vue.js";
-import { TabsCompactEmits as TabsCompactEmits$1, TabsCompactProps as TabsCompactProps$1, TabsContentProps, TabsIndicatorProps, TabsListProps, TabsOptionData as TabsOptionData$1, TabsRootEmits, TabsRootProps, TabsTriggerProps } from "@soybeanjs/headless/tabs";
-export { type TabsCompactEmits$1 as TabsCompactEmits, type TabsCompactProps$1 as TabsCompactProps, type TabsContentProps, type TabsIndicatorProps, type TabsListProps, type TabsOptionData$1 as TabsOptionData, type TabsRootEmits, type TabsRootProps, type TabsTriggerProps };
+export * from "@soybeanjs/headless/tabs";

package/dist/components/tabs/tabs.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{tabsVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createSlots as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{TabsCompact as y,provideTabsUi as b}from"@soybeanjs/headless";import{keysOf as x}from"@soybeanjs/utils";const S=o({name:`STabs`,__name:`tabs`,props:{class:{},size:{},ui:{},fill:{default:`full`},items:{},enableIndicator:{type:Boolean,default:!0},listProps:{},triggerProps:{},contentProps:{},indicatorProps:{},modelValue:{default:void 0},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean,default:!0},orientation:{},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(o,{emit:S}){let C=o,w=S,T=h(),E=v(C,[`class`,`size`,`ui`,`fill`]),D=_(w),O=n(()=>x(T));return b(n(()=>e(t({size:C.size,orientation:C.orientation,fill:C.fill,enableIndicator:C.enableIndicator}),C.ui,{root:C.class}))),(e,t)=>(u(),r(m(y),c(m(E),{items:o.items},p(m(D))),a({_:2},[d(O.value,t=>({name:t,fn:g(n=>[i(` @vue-ignore ignore vue slot props type `),f(e.$slots,t,l(s(n)))])}))]),1040,[`items`]))}});export{S as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{tabsVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createSlots as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{keysOf as y}from"@soybeanjs/utils";import{TabsCompact as b,provideTabsUi as x}from"@soybeanjs/headless/tabs";const S=o({name:`STabs`,__name:`tabs`,props:{class:{},size:{},ui:{},fill:{default:`full`},items:{},enableIndicator:{type:Boolean,default:!0},listProps:{},triggerProps:{},contentProps:{},indicatorProps:{},modelValue:{default:void 0},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean,default:!0},orientation:{},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(o,{emit:S}){let C=o,w=S,T=h(),E=v(C,[`class`,`size`,`ui`,`fill`]),D=_(w),O=n(()=>y(T));return x(n(()=>e(t({size:C.size,orientation:C.orientation,fill:C.fill,enableIndicator:C.enableIndicator}),C.ui,{root:C.class}))),(e,t)=>(u(),r(m(b),c(m(E),{items:o.items},p(m(D))),a({_:2},[d(O.value,t=>({name:t,fn:g(n=>[i(` @vue-ignore ignore vue slot props type `),f(e.$slots,t,l(s(n)))])}))]),1040,[`items`]))}});export{S as default};

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

@@ -1,17 +1,35 @@
 import { ThemeSize } from "../../theme/types.js";
 import { TabsFill } from "./variants.js";
-import { AcceptableValue, ClassValue } from "@soybeanjs/headless";
 import { TabsCompactEmits, TabsCompactProps, TabsCompactSlots, TabsOptionData, TabsOptionData as TabsOptionData$1, TabsUi } from "@soybeanjs/headless/tabs";
+import { AcceptableValue, ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/tabs/types.d.ts
+/**
+ * Props for the tabs component.
+ */
 interface TabsProps<T extends TabsOptionData = TabsOptionData> extends TabsCompactProps<T> {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
   /** Styled tabs ui slots, including `indicatorContent` for the compact indicator body. */
   ui?: Partial<TabsUi>;
+  /**
+   * Fill.
+   */
   fill?: TabsFill;
 }
+/**
+ * Emits for the tabs component.
+ */
 type TabsEmits<T extends AcceptableValue = AcceptableValue> = TabsCompactEmits<T>;
+/**
+ * Slots for the tabs component.
+ */
 type TabsSlots<T extends TabsOptionData = TabsOptionData> = TabsCompactSlots<T>;
 //#endregion
 export { TabsEmits, type TabsOptionData$1 as TabsOptionData, TabsProps, TabsSlots };

package/dist/components/tag/tag.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import t from"../icon/icon.js";import{tagVariants as n}from"./variants.js";import{computed as r,createBlock as i,createCommentVNode as a,createTextVNode as o,createVNode as s,defineComponent as c,normalizeClass as l,openBlock as u,renderSlot as d,toDisplayString as f,unref as p,withCtx as m}from"vue";import{Tag as h}from"@soybeanjs/headless";const g=c({name:`STag`,__name:`tag`,props:{class:{},color:{},size:{},variant:{},shape:{},content:{},closable:{type:Boolean},open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(c,{emit:g}){let _=c,v=g,y=r(()=>e(n({color:_.color,size:_.size,variant:_.variant,shape:_.shape}),_.class));return(e,n)=>(u(),i(p(h),{open:c.open,class:l(y.value),"onUpdate:open":n[0]||=e=>v(`update:open`,e)},{default:m(({close:n})=>[d(e.$slots,`leading`),d(e.$slots,`default`,{},()=>[o(f(c.content),1)]),d(e.$slots,`trailing`),c.closable?d(e.$slots,`close`,{key:0,close:n},()=>[s(t,{icon:`lucide:x`,style:{"flex-shrink":`0`,cursor:`pointer`},onClick:n},null,8,[`onClick`])]):a(`v-if`,!0)]),_:3},8,[`open`,`class`]))}});export{g as default};
+import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import t from"../icon/icon.js";import{tagVariants as n}from"./variants.js";import{computed as r,createBlock as i,createCommentVNode as a,createTextVNode as o,createVNode as s,defineComponent as c,normalizeClass as l,openBlock as u,renderSlot as d,toDisplayString as f,unref as p,withCtx as m}from"vue";import{Tag as h}from"@soybeanjs/headless/tag";const g=c({name:`STag`,__name:`tag`,props:{class:{},color:{},size:{},variant:{},shape:{},content:{},closable:{type:Boolean},open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(c,{emit:g}){let _=c,v=g,y=r(()=>e(n({color:_.color,size:_.size,variant:_.variant,shape:_.shape}),_.class));return(e,n)=>(u(),i(p(h),{open:c.open,class:l(y.value),"onUpdate:open":n[0]||=e=>v(`update:open`,e)},{default:m(({close:n})=>[d(e.$slots,`leading`),d(e.$slots,`default`,{},()=>[o(f(c.content),1)]),d(e.$slots,`trailing`),c.closable?d(e.$slots,`close`,{key:0,close:n},()=>[s(t,{icon:`lucide:x`,style:{"flex-shrink":`0`,cursor:`pointer`},onClick:n},null,8,[`onClick`])]):a(`v-if`,!0)]),_:3},8,[`open`,`class`]))}});export{g as default};

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

@@ -1,15 +1,40 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import { TagShape, TagVariant } from "./variants.js";
-import { ClassValue, TagEmits, TagProps } from "@soybeanjs/headless";
+import { TagEmits, TagProps } from "@soybeanjs/headless/tag";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/tag/types.d.ts
+/**
+ * Props for the tag component.
+ */
 interface TagProps$1 extends TagProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Visual variant of the component.
+   */
   variant?: TagVariant;
+  /**
+   * Shape of the component.
+   */
   shape?: TagShape;
+  /**
+   * Content.
+   */
   content?: string;
+  /**
+   * Whether the component can be closed.
+   */
   closable?: boolean;
 }
 //#endregion

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

@@ -1,5 +1,6 @@
 import { TagsInputEmits, TagsInputProps } from "./types.js";
 import { _default } from "./tags-input.vue.js";
 import { _default as _default$1 } from "./tags-input-item-delete.vue.js";
-import { TagsInputAcceptableValue, TagsInputClear as STagsInputClear, TagsInputClearProps, TagsInputInput as STagsInputInput, TagsInputInputProps, TagsInputItem as STagsInputItem, TagsInputItemDeleteProps as TagsInputItemDeleteProps$1, TagsInputItemProps, TagsInputItemText as STagsInputItemText, TagsInputItemTextProps, TagsInputRootEmits, TagsInputRootProps, TagsInputUi, TagsInputUiSlot } from "@soybeanjs/headless/tags-input";
-export { STagsInputClear, STagsInputInput, STagsInputItem, STagsInputItemText, type TagsInputAcceptableValue, type TagsInputClearProps, type TagsInputInputProps, type TagsInputItemDeleteProps$1 as TagsInputItemDeleteProps, type TagsInputItemProps, type TagsInputItemTextProps, type TagsInputRootEmits, type TagsInputRootProps, type TagsInputUi, type TagsInputUiSlot };
+import { TagsInputClear as STagsInputClear, TagsInputInput as STagsInputInput, TagsInputItem as STagsInputItem, TagsInputItemText as STagsInputItemText } from "@soybeanjs/headless/tags-input";
+export * from "@soybeanjs/headless/tags-input";
+export { STagsInputClear, STagsInputInput, STagsInputItem, STagsInputItemText };

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

@@ -1 +1 @@
-import e from"../icon/icon.js";import{createBlock as t,createVNode as n,defineComponent as r,guardReactiveProps as i,normalizeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";import{TagsInputItemDelete as u}from"@soybeanjs/headless";const d=r({name:`STagsInputItemDelete`,__name:`tags-input-item-delete`,props:{asChild:{type:Boolean},as:{}},setup(r){let d=r;return(r,f)=>(o(),t(c(u),a(i(d)),{default:l(()=>[s(r.$slots,`default`,{},()=>[n(e,{icon:`lucide:x`,"aria-hidden":!0})])]),_:3},16))}});export{d as default};
+import e from"../icon/icon.js";import{createBlock as t,createVNode as n,defineComponent as r,guardReactiveProps as i,normalizeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";import{TagsInputItemDelete as u}from"@soybeanjs/headless/tags-input";const d=r({name:`STagsInputItemDelete`,__name:`tags-input-item-delete`,props:{asChild:{type:Boolean},as:{}},setup(r){let d=r;return(r,f)=>(o(),t(c(u),a(i(d)),{default:l(()=>[s(r.$slots,`default`,{},()=>[n(e,{icon:`lucide:x`,"aria-hidden":!0})])]),_:3},16))}});export{d as default};

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{tagsInputVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";import{useForwardListeners as p,useOmitProps as m}from"@soybeanjs/headless/composables";import{TagsInputRoot as h,provideTagsInputUi as g}from"@soybeanjs/headless";const _=i({name:`STagsInput`,__name:`tags-input`,props:{class:{},size:{},ui:{},id:{},modelValue:{},defaultValue:{},addOnPaste:{type:Boolean},addOnTab:{type:Boolean},addOnBlur:{type:Boolean},duplicate:{type:Boolean},disabled:{type:Boolean},delimiter:{},dir:{},max:{},convertValue:{type:Function},displayValue:{type:Function},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`invalid`,`addTag`,`removeTag`],setup(i,{emit:_}){let v=i,y=_,b=m(v,[`class`,`size`,`ui`,`onInvalid`]),x=p(y);return g(n(()=>e(t({size:v.size}),v.ui,{root:v.class}))),(e,t)=>(c(),r(d(h),o(d(b),u(d(x))),{default:f(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16))}});export{_ as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{tagsInputVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";import{useForwardListeners as p,useOmitProps as m}from"@soybeanjs/headless/composables";import{TagsInputRoot as h,provideTagsInputUi as g}from"@soybeanjs/headless/tags-input";const _=i({name:`STagsInput`,__name:`tags-input`,props:{class:{},size:{},ui:{},id:{},modelValue:{},defaultValue:{},addOnPaste:{type:Boolean},addOnTab:{type:Boolean},addOnBlur:{type:Boolean},duplicate:{type:Boolean},disabled:{type:Boolean},delimiter:{},dir:{},max:{},convertValue:{type:Function},displayValue:{type:Function},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`invalid`,`addTag`,`removeTag`],setup(i,{emit:_}){let v=i,y=_,b=m(v,[`class`,`size`,`ui`,`onInvalid`]),x=p(y);return g(n(()=>e(t({size:v.size}),v.ui,{root:v.class}))),(e,t)=>(c(),r(d(h),o(d(b),u(d(x))),{default:f(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16))}});export{_ as default};

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

@@ -1,6 +1,6 @@
 import { TagsInputProps } from "./types.js";
 import * as _$vue from "vue";
-import { TagsInputAcceptableValue } from "@soybeanjs/headless";
+import { TagsInputAcceptableValue } from "@soybeanjs/headless/tags-input";
 
 //#region src/components/tags-input/tags-input.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<{

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

@@ -1,12 +1,28 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue, TagsInputRootEmits, TagsInputRootProps, TagsInputUi } from "@soybeanjs/headless";
+import { TagsInputRootEmits, TagsInputRootProps, TagsInputUi } from "@soybeanjs/headless/tags-input";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/tags-input/types.d.ts
+/**
+ * Props for the tags input component.
+ */
 interface TagsInputProps<T = string> extends TagsInputRootProps<T> {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<TagsInputUi>;
 }
+/**
+ * Emits for the tags input component.
+ */
 type TagsInputEmits<T = string> = TagsInputRootEmits<T>;
 //#endregion
 export { TagsInputEmits, TagsInputProps };

package/dist/components/textarea/index.d.ts

@@ -1,5 +1,4 @@
 import { TextareaResize } from "./variants.js";
 import { TextareaEmits, TextareaExtraUiSlot, TextareaProps } from "./types.js";
 import { _default } from "./textarea.vue.js";
-import { TextareaControlProps, TextareaCounterProps, TextareaRootEmits, TextareaRootProps } from "@soybeanjs/headless/textarea";
-export { type TextareaControlProps, type TextareaCounterProps, type TextareaRootEmits, type TextareaRootProps };
+export * from "@soybeanjs/headless/textarea";

package/dist/components/textarea/textarea.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{textareaVariants as n}from"./variants.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";import{useForwardElement as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{TextareaControl as v,TextareaCounter as y,TextareaRoot as b,provideTextareaUi as x}from"@soybeanjs/headless";const S=s({name:`STextarea`,__name:`textarea`,props:{class:{},size:{},ui:{},resize:{},clearable:{type:Boolean},showCounter:{type:Boolean},textareaRef:{type:Function},controlProps:{},counterProps:{},defaultValue:{},modelValue:{},autosize:{type:[Boolean,Object]},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:S}){let C=s,w=S,[T,E]=g(e=>C.textareaRef?.(e)),D=_(C,[`class`,`size`,`ui`,`resize`,`clearable`,`showCounter`,`textareaRef`,`controlProps`,`counterProps`]),O=r(()=>e(n({size:C.size,resize:C.autosize?!1:C.resize}),C.ui,{root:C.class}));return x(O),(e,n)=>(f(),i(m(b),l(m(D),{"onUpdate:modelValue":n[0]||=e=>w(`update:modelValue`,e)}),{default:h(({clear:n})=>[o(m(v),l(s.controlProps,{ref:m(E)}),null,16),s.clearable?(f(),i(t,{key:0,icon:`lucide:x`,class:u(O.value.clearable),onClick:n},null,8,[`class`,`onClick`])):a(`v-if`,!0),s.showCounter?(f(),i(m(y),{key:1},{default:h(t=>[p(e.$slots,`counter`,d(c(t)))]),_:3})):a(`v-if`,!0),p(e.$slots,`footer`)]),_:3},16))}});export{S as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{textareaVariants as n}from"./variants.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";import{useForwardElement as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{TextareaControl as v,TextareaCounter as y,TextareaRoot as b,provideTextareaUi as x}from"@soybeanjs/headless/textarea";const S=s({name:`STextarea`,__name:`textarea`,props:{class:{},size:{},ui:{},resize:{},clearable:{type:Boolean},showCounter:{type:Boolean},textareaRef:{type:Function},controlProps:{},counterProps:{},defaultValue:{},modelValue:{},autosize:{type:[Boolean,Object]},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:S}){let C=s,w=S,[T,E]=g(e=>C.textareaRef?.(e)),D=_(C,[`class`,`size`,`ui`,`resize`,`clearable`,`showCounter`,`textareaRef`,`controlProps`,`counterProps`]),O=r(()=>e(n({size:C.size,resize:C.autosize?!1:C.resize}),C.ui,{root:C.class}));return x(O),(e,n)=>(f(),i(m(b),l(m(D),{"onUpdate:modelValue":n[0]||=e=>w(`update:modelValue`,e)}),{default:h(({clear:n})=>[o(m(v),l(s.controlProps,{ref:m(E)}),null,16),s.clearable?(f(),i(t,{key:0,icon:`lucide:x`,class:u(O.value.clearable),onClick:n},null,8,[`class`,`onClick`])):a(`v-if`,!0),s.showCounter?(f(),i(m(y),{key:1},{default:h(t=>[p(e.$slots,`counter`,d(c(t)))]),_:3})):a(`v-if`,!0),p(e.$slots,`footer`)]),_:3},16))}});export{S as default};

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

@@ -1,13 +1,29 @@
 import { ThemeSize } from "../../theme/types.js";
 import { TextareaResize } from "./variants.js";
-import { ClassValue, TextareaControlProps, TextareaCounterProps, TextareaRootEmits, TextareaRootProps, TextareaUi } from "@soybeanjs/headless";
+import { TextareaControlProps, TextareaCounterProps, TextareaRootEmits, TextareaRootProps, TextareaUi } from "@soybeanjs/headless/textarea";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/textarea/types.d.ts
+/**
+ * Additional UI slots for the textarea component.
+ */
 type TextareaExtraUiSlot = 'clearable';
 type TextareaExtendedUi = TextareaUi & Record<TextareaExtraUiSlot, ClassValue>;
+/**
+ * Props for the textarea component.
+ */
 interface TextareaProps extends TextareaRootProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<TextareaExtendedUi>;
   /**
    * The resize of the textarea
@@ -29,8 +45,14 @@ interface TextareaProps extends TextareaRootProps {
    * The props of the textarea extra props.
    */
   controlProps?: TextareaControlProps;
+  /**
+   * Props forwarded to the counter element.
+   */
   counterProps?: TextareaCounterProps;
 }
+/**
+ * Emits for the textarea component.
+ */
 type TextareaEmits = TextareaRootEmits;
 //#endregion
 export { TextareaEmits, TextareaExtraUiSlot, TextareaProps };

package/dist/components/time-field/index.d.ts

@@ -1,4 +1,3 @@
 import { TimeFieldEmits, TimeFieldProps, TimeFieldSlotProps, TimeFieldSlots } from "./types.js";
 import { _default } from "./time-field.vue.js";
-import { TimeFieldInputProps as TimeFieldInputProps$1, TimeFieldRootEmits as TimeFieldRootEmits$1, TimeFieldRootProps as TimeFieldRootProps$1, TimeFieldUi as TimeFieldUi$1, TimeFieldUiSlot } from "@soybeanjs/headless/time-field";
-export { type TimeFieldInputProps$1 as TimeFieldInputProps, type TimeFieldRootEmits$1 as TimeFieldRootEmits, type TimeFieldRootProps$1 as TimeFieldRootProps, type TimeFieldUi$1 as TimeFieldUi, type TimeFieldUiSlot };
+export * from "@soybeanjs/headless/time-field";

package/dist/components/time-field/types.d.ts

@@ -1,24 +1,60 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue } from "@soybeanjs/headless";
 import { TimeFieldInputProps, TimeFieldRootEmits, TimeFieldRootProps, TimeFieldUi } from "@soybeanjs/headless/time-field";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/time-field/types.d.ts
+/**
+ * Slot props for the time field component.
+ */
 interface TimeFieldSlotProps {
+  /**
+   * Current model value.
+   */
   modelValue: TimeFieldRootProps['modelValue'];
+  /**
+   * Segments exposed in the slot scope.
+   */
   segments: {
     part: TimeFieldInputProps['part'];
     value: string;
   }[];
+  /**
+   * Whether the current value is invalid.
+   */
   isInvalid: boolean;
 }
-interface TimeFieldProps extends /* @vue-ignore */TimeFieldRootProps {
+/**
+ * Props for the time field component.
+ */
+interface TimeFieldProps extends /** @vue-ignore */TimeFieldRootProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<TimeFieldUi>;
+  /**
+   * Props forwarded to the input element.
+   */
   inputProps?: Omit<TimeFieldInputProps, 'part'>;
 }
+/**
+ * Emits for the time field component.
+ */
 type TimeFieldEmits = TimeFieldRootEmits;
+/**
+ * Slots for the time field component.
+ */
 interface TimeFieldSlots {
+  /**
+   * Custom content for the default slot.
+   */
   default?: (props: TimeFieldSlotProps) => any;
 }
 //#endregion

package/dist/components/time-picker/index.d.ts

@@ -1,4 +1,3 @@
 import { TimePickerEmits, TimePickerProps, TimePickerSlots } from "./types.js";
 import { _default } from "./time-picker.vue.js";
-import { TimePickerPopupProps as TimePickerPopupProps$1, TimePickerRootEmits as TimePickerRootEmits$1, TimePickerRootProps as TimePickerRootProps$1, TimePickerTriggerProps as TimePickerTriggerProps$1, TimePickerUi as TimePickerUi$1, TimePickerUiSlot } from "@soybeanjs/headless/time-picker";
-export { type TimePickerPopupProps$1 as TimePickerPopupProps, type TimePickerRootEmits$1 as TimePickerRootEmits, type TimePickerRootProps$1 as TimePickerRootProps, type TimePickerTriggerProps$1 as TimePickerTriggerProps, type TimePickerUi$1 as TimePickerUi, type TimePickerUiSlot };
+export * from "@soybeanjs/headless/time-picker";

package/dist/components/time-picker/types.d.ts

@@ -1,23 +1,53 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue } from "@soybeanjs/headless";
 import { TimePickerPopupProps, TimePickerRootEmits, TimePickerRootProps, TimePickerTriggerProps, TimePickerUi } from "@soybeanjs/headless/time-picker";
+import { ClassValue } from "@soybeanjs/headless/types";
 import { TimeValue } from "@soybeanjs/headless/date";
 
 //#region src/components/time-picker/types.d.ts
-interface TimePickerProps extends /* @vue-ignore */TimePickerRootProps {
+/**
+ * Props for the time picker component.
+ */
+interface TimePickerProps extends /** @vue-ignore */TimePickerRootProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<TimePickerUi>;
+  /**
+   * Props forwarded to the trigger element.
+   */
   triggerProps?: TimePickerTriggerProps;
+  /**
+   * Props forwarded to the popup element.
+   */
   popupProps?: TimePickerPopupProps;
 }
+/**
+ * Emits for the time picker component.
+ */
 type TimePickerEmits = TimePickerRootEmits;
+/**
+ * Slots for the time picker component.
+ */
 interface TimePickerSlots {
+  /**
+   * Custom content for the trigger slot.
+   */
   trigger?: (props: {
     displayValue: string;
     modelValue: TimeValue | undefined;
     open: boolean;
   }) => any;
+  /**
+   * Custom content for the time slot.
+   */
   time?: (props: {
     disabled: boolean;
     focused: boolean;
@@ -25,6 +55,9 @@ interface TimePickerSlots {
     selected: boolean;
     time: TimeValue;
   }) => any;
+  /**
+   * Custom content for the default slot.
+   */
   default?: (props: {
     displayValue: string;
     modelValue: TimeValue | undefined;

package/dist/components/time-range-field/index.d.ts

@@ -1,4 +1,3 @@
 import { TimeRangeFieldEmits, TimeRangeFieldProps, TimeRangeFieldSlotProps, TimeRangeFieldSlots } from "./types.js";
 import { _default } from "./time-range-field.vue.js";
-import { TimeRangeFieldInputProps as TimeRangeFieldInputProps$1, TimeRangeFieldRootEmits as TimeRangeFieldRootEmits$1, TimeRangeFieldRootProps as TimeRangeFieldRootProps$1, TimeRangeFieldUi as TimeRangeFieldUi$1, TimeRangeFieldUiSlot } from "@soybeanjs/headless/time-range-field";
-export { type TimeRangeFieldInputProps$1 as TimeRangeFieldInputProps, type TimeRangeFieldRootEmits$1 as TimeRangeFieldRootEmits, type TimeRangeFieldRootProps$1 as TimeRangeFieldRootProps, type TimeRangeFieldUi$1 as TimeRangeFieldUi, type TimeRangeFieldUiSlot };
+export * from "@soybeanjs/headless/time-range-field";