@soybeanjs/ui 0.26.5 → 0.27.0

package/dist/components/calendar/calendar.js

@@ -1 +1 @@
-import{miniSizeMap as e}from"../../theme/config.js";import"../../theme/index.js";import t from"../icon/icon.js";import{calendarVariants as n}from"../../styles/calendar.js";import r from"../select/select.js";import{computed as i,createBlock as a,createSlots as o,createTextVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderSlot as m,toDisplayString as h,toHandlers as g,unref as _,withCtx as v}from"vue";import{useForwardListeners as y,useOmitProps as b}from"@soybeanjs/headless/composables";import{useLocaleMessages as x}from"@soybeanjs/headless";import{CalendarCompact as S,provideCalendarUi as C}from"@soybeanjs/headless/calendar";const w=l({name:`SCalendar`,__name:`calendar`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{type:Boolean},placeholder:{},defaultPlaceholder:{},disabled:{type:Boolean},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{type:Function},isDateUnavailable:{type:Function},nextPage:{type:Function},prevPage:{type:Function},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(l,{emit:w}){let T=l,E=w,D=b(T,[`class`,`size`,`ui`]),O=y(E),k=x(),A=i(()=>({"aria-label":k.value.calendar.selectMonth})),j=i(()=>({"aria-label":k.value.calendar.selectYear})),M=i(()=>n({size:T.size},T.ui,{root:T.class})),N=i(()=>e[T.size||`md`]);return C(M),(e,n)=>(p(),a(_(S),d(_(D),g(_(O))),o({prev:v(n=>[m(e.$slots,`prev`,f(u(n)),()=>[c(t,{icon:`lucide:chevron-left`})])]),next:v(n=>[m(e.$slots,`next`,f(u(n)),()=>[c(t,{icon:`lucide:chevron-right`})])]),"head-cell":v(t=>[m(e.$slots,`head-cell`,f(u(t)),()=>[s(h(t.label),1)])]),day:v(t=>[m(e.$slots,`day`,f(u(t)),()=>[s(h(t.dayValue),1)])]),default:v(t=>[m(e.$slots,`default`,f(u(t)))]),_:2},[e.$slots.heading?{name:`heading`,fn:v(t=>[m(e.$slots,`heading`,f(u(t)))]),key:`0`}:{name:`heading`,fn:v(({monthOptions:e,yearOptions:t,selectedMonth:n,selectedYear:i,onMonthChange:a,onYearChange:o})=>[c(r,{size:N.value,disabled:l.disabled,clearable:!1,items:e,"model-value":n,"trigger-props":A.value,ui:{trigger:`w-fit`},"onUpdate:modelValue":a},null,8,[`size`,`disabled`,`items`,`model-value`,`trigger-props`,`onUpdate:modelValue`]),c(r,{size:N.value,disabled:l.disabled,clearable:!1,items:t,"model-value":i,"trigger-props":j.value,ui:{popup:`max-h-72`,trigger:`w-fit`},"onUpdate:modelValue":o},null,8,[`size`,`disabled`,`items`,`model-value`,`trigger-props`,`onUpdate:modelValue`])]),key:`1`}]),1040))}});export{w as default};
+import{miniSizeMap as e}from"../../theme/config.js";import"../../theme/index.js";import t from"../icon/icon.js";import{calendarVariants as n}from"../../styles/calendar.js";import r from"../select/select.js";import{computed as i,createBlock as a,createSlots as o,createTextVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderSlot as m,toDisplayString as h,toHandlers as g,unref as _,withCtx as v}from"vue";import{useForwardListeners as y,useOmitProps as b}from"@soybeanjs/headless/composables";import{useLocaleMessages as x}from"@soybeanjs/headless";import{CalendarCompact as S,provideCalendarUi as C}from"@soybeanjs/headless/calendar";const w=l({name:`SCalendar`,__name:`calendar`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{},placeholder:{},defaultPlaceholder:{},disabled:{type:Boolean},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{type:Function},isDateUnavailable:{type:Function},nextPage:{type:Function},prevPage:{type:Function},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(l,{emit:w}){let T=l,E=w,D=b(T,[`class`,`size`,`ui`]),O=y(E),k=x(),A=i(()=>({"aria-label":k.value.calendar.selectMonth})),j=i(()=>({"aria-label":k.value.calendar.selectYear})),M=i(()=>n({size:T.size},T.ui,{root:T.class})),N=i(()=>e[T.size||`md`]);return C(M),(e,n)=>(p(),a(_(S),d(_(D),g(_(O))),o({prev:v(n=>[m(e.$slots,`prev`,f(u(n)),()=>[c(t,{icon:`lucide:chevron-left`})])]),next:v(n=>[m(e.$slots,`next`,f(u(n)),()=>[c(t,{icon:`lucide:chevron-right`})])]),"head-cell":v(t=>[m(e.$slots,`head-cell`,f(u(t)),()=>[s(h(t.label),1)])]),day:v(t=>[m(e.$slots,`day`,f(u(t)),()=>[s(h(t.dayValue),1)])]),default:v(t=>[m(e.$slots,`default`,f(u(t)))]),_:2},[e.$slots.heading?{name:`heading`,fn:v(t=>[m(e.$slots,`heading`,f(u(t)))]),key:`0`}:{name:`heading`,fn:v(({monthOptions:e,yearOptions:t,selectedMonth:n,selectedYear:i,onMonthChange:a,onYearChange:o})=>[c(r,{size:N.value,disabled:l.disabled,clearable:!1,items:e,"model-value":n,"trigger-props":A.value,ui:{trigger:`w-fit`},"onUpdate:modelValue":a},null,8,[`size`,`disabled`,`items`,`model-value`,`trigger-props`,`onUpdate:modelValue`]),c(r,{size:N.value,disabled:l.disabled,clearable:!1,items:t,"model-value":i,"trigger-props":j.value,ui:{popup:`max-h-72`,trigger:`w-fit`},"onUpdate:modelValue":o},null,8,[`size`,`disabled`,`items`,`model-value`,`trigger-props`,`onUpdate:modelValue`])]),key:`1`}]),1040))}});export{w as default};

package/dist/components/splitter/splitter-panel.vue.d.ts

@@ -12,13 +12,13 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<SplitterPanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  resize: (size: number, prevSize: number | undefined) => any;
   collapse: () => any;
   expand: () => any;
+  resize: (size: number, prevSize: number | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<SplitterPanelProps> & Readonly<{
-  onResize?: ((size: number, prevSize: number | undefined) => any) | undefined;
   onCollapse?: (() => any) | undefined;
   onExpand?: (() => any) | undefined;
+  onResize?: ((size: number, prevSize: number | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/table/table.js

@@ -1 +1 @@
-import{miniSizeMap as e}from"../../theme/config.js";import"../../theme/index.js";import t from"../button/button-icon.js";import n from"../checkbox/checkbox.js";import r from"../empty/empty.js";import{tableVariants as i}from"../../styles/table.js";import a from"./table-filter-popover.js";import o from"./table-radio.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementVNode as u,createSlots as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,openBlock as v,renderList as y,renderSlot as b,toHandlers as x,unref as S,useSlots as C,withCtx as w}from"vue";import{useForwardListeners as T,useOmitProps as E}from"@soybeanjs/headless/composables";import{useLocaleMessages as D}from"@soybeanjs/headless";import{TableCompact as O,provideTableUi as k}from"@soybeanjs/headless/table";const A=[`aria-label`,`aria-pressed`,`data-resizing`,`onPointerdown`,`onKeydown`],j=p({name:`STable`,__name:`table`,props:{class:{type:[Boolean,null,String,Object,Array]},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(p,{emit:j}){let M=p,N=j,P=C(),F=E(M,[`class`,`ui`,`size`,`variant`,`bordered`,`rounded`,`striped`]),I=T(N),L=s(()=>Object.keys(P)),R=s(()=>i({size:M.size,variant:M.variant,bordered:M.bordered,rounded:M.rounded,striped:M.striped},M.ui,{root:M.class})),z=s(()=>e[M.size??`md`]),B=D(),V=e=>e===`asc`?`lucide:arrow-up`:e===`desc`?`lucide:arrow-down`:`lucide:arrow-up-down`;return k(R),(e,i)=>(v(),c(S(O),h(S(F),x(S(I))),d({_:2},[y(L.value,t=>({name:t,fn:w(n=>[b(e.$slots,t,_(m(n)))])})),P[`header-selection`]?void 0:{name:`header-selection`,fn:w(({checked:e,disabled:t,multiple:r,ariaLabel:i,updateChecked:a})=>[r?(v(),c(n,{key:0,disabled:t,"model-value":e,class:g(R.value.selection),"control-props":{"aria-label":i},"onUpdate:modelValue":a},null,8,[`disabled`,`model-value`,`class`,`control-props`,`onUpdate:modelValue`])):l(`v-if`,!0)]),key:`0`},P.selection?void 0:{name:`selection`,fn:w(({checked:e,multiple:t,ariaLabel:r,toggleSelect:i})=>[t?(v(),c(n,{key:0,class:g(R.value.selection),"model-value":e,"control-props":{"aria-label":r},"onUpdate:modelValue":e=>i()},null,8,[`class`,`model-value`,`control-props`,`onUpdate:modelValue`])):(v(),c(o,{key:1,size:p.size,checked:e,"aria-label":r,onClick:e=>i()},null,8,[`size`,`checked`,`aria-label`,`onClick`]))]),key:`1`},P[`header-sort`]?void 0:{name:`header-sort`,fn:w(({sortOrder:e,ariaLabel:n,toggleSort:r})=>[f(t,{icon:V(e),class:g(R.value.sortTrigger),size:z.value,"aria-label":n,"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:w(e=>[f(a,h(e,{ui:R.value,size:p.size}),null,16,[`ui`,`size`])]),key:`3`},P[`header-resize`]?void 0:{name:`header-resize`,fn:w(({resizing:e,ariaLabel:t,onPointerdown:n,onKeydown:r})=>[u(`button`,{type:`button`,class:g(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:w(({expanded:e,ariaLabel:n,toggleExpand:r})=>[f(t,{class:g(R.value.treeToggle),size:z.value,"aria-expanded":e,"aria-label":n,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:w(({expanded:e,ariaLabel:n,hasChildren:r,toggleExpand:i})=>[r||P[`expanded-row`]?(v(),c(t,{key:0,icon:e?`lucide:chevron-down`:`lucide:chevron-right`,class:g(R.value.treeToggle),size:z.value,"aria-expanded":e,"aria-label":n,"data-expanded":e?``:void 0,onClick:e=>i()},null,8,[`icon`,`class`,`size`,`aria-expanded`,`aria-label`,`data-expanded`,`onClick`])):l(`v-if`,!0)]),key:`6`},P.empty?void 0:{name:`empty`,fn:w(()=>[f(r,{title:S(B).table.emptyTitle,description:S(B).table.emptyDescription,icon:`lucide:inbox`,"media-variant":`icon`},null,8,[`title`,`description`])]),key:`7`}]),1040))}});export{j as default};
+import{miniSizeMap as e}from"../../theme/config.js";import"../../theme/index.js";import t from"../button/button-icon.js";import n from"../checkbox/checkbox.js";import r from"../empty/empty.js";import{tableVariants as i}from"../../styles/table.js";import a from"./table-filter-popover.js";import o from"./table-radio.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementVNode as u,createSlots as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,openBlock as v,renderList as y,renderSlot as b,toHandlers as x,unref as S,useSlots as C,withCtx as w}from"vue";import{useForwardListeners as T,useOmitProps as E}from"@soybeanjs/headless/composables";import{useLocaleMessages as D}from"@soybeanjs/headless";import{TableCompact as O,provideTableUi as k}from"@soybeanjs/headless/table";const A=[`aria-label`,`aria-pressed`,`data-resizing`,`onPointerdown`,`onKeydown`],j=p({name:`STable`,__name:`table`,props:{class:{type:[Boolean,null,String,Object,Array]},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`,`rowClick`,`rowDblclick`,`rowContextmenu`,`rowMouseenter`,`rowMouseleave`],setup(p,{emit:j}){let M=p,N=j,P=C(),F=E(M,[`class`,`ui`,`size`,`variant`,`bordered`,`rounded`,`striped`]),I=T(N),L=s(()=>Object.keys(P)),R=s(()=>i({size:M.size,variant:M.variant,bordered:M.bordered,rounded:M.rounded,striped:M.striped},M.ui,{root:M.class})),z=s(()=>e[M.size??`md`]),B=D(),V=e=>e===`asc`?`lucide:arrow-up`:e===`desc`?`lucide:arrow-down`:`lucide:arrow-up-down`;return k(R),(e,i)=>(v(),c(S(O),h(S(F),x(S(I))),d({_:2},[y(L.value,t=>({name:t,fn:w(n=>[b(e.$slots,t,_(m(n)))])})),P[`header-selection`]?void 0:{name:`header-selection`,fn:w(({checked:e,disabled:t,multiple:r,ariaLabel:i,updateChecked:a})=>[r?(v(),c(n,{key:0,disabled:t,"model-value":e,class:g(R.value.selection),"control-props":{"aria-label":i},"onUpdate:modelValue":a},null,8,[`disabled`,`model-value`,`class`,`control-props`,`onUpdate:modelValue`])):l(`v-if`,!0)]),key:`0`},P.selection?void 0:{name:`selection`,fn:w(({checked:e,multiple:t,ariaLabel:r,toggleSelect:i})=>[t?(v(),c(n,{key:0,class:g(R.value.selection),"model-value":e,"control-props":{"aria-label":r},"onUpdate:modelValue":e=>i()},null,8,[`class`,`model-value`,`control-props`,`onUpdate:modelValue`])):(v(),c(o,{key:1,size:p.size,checked:e,"aria-label":r,onClick:e=>i()},null,8,[`size`,`checked`,`aria-label`,`onClick`]))]),key:`1`},P[`header-sort`]?void 0:{name:`header-sort`,fn:w(({sortOrder:e,ariaLabel:n,toggleSort:r})=>[f(t,{icon:V(e),class:g(R.value.sortTrigger),size:z.value,"aria-label":n,"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:w(e=>[f(a,h(e,{ui:R.value,size:p.size}),null,16,[`ui`,`size`])]),key:`3`},P[`header-resize`]?void 0:{name:`header-resize`,fn:w(({resizing:e,ariaLabel:t,onPointerdown:n,onKeydown:r})=>[u(`button`,{type:`button`,class:g(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:w(({expanded:e,ariaLabel:n,toggleExpand:r})=>[f(t,{class:g(R.value.treeToggle),size:z.value,"aria-expanded":e,"aria-label":n,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:w(({expanded:e,ariaLabel:n,hasChildren:r,toggleExpand:i})=>[r||P[`expanded-row`]?(v(),c(t,{key:0,icon:e?`lucide:chevron-down`:`lucide:chevron-right`,class:g(R.value.treeToggle),size:z.value,"aria-expanded":e,"aria-label":n,"data-expanded":e?``:void 0,onClick:e=>i()},null,8,[`icon`,`class`,`size`,`aria-expanded`,`aria-label`,`data-expanded`,`onClick`])):l(`v-if`,!0)]),key:`6`},P.empty?void 0:{name:`empty`,fn:w(()=>[f(r,{title:S(B).table.emptyTitle,description:S(B).table.emptyDescription,icon:`lucide:inbox`,"media-variant":`icon`},null,8,[`title`,`description`])]),key:`7`}]),1040))}});export{j as default};

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

@@ -8,13 +8,18 @@ declare const __VLS_export: <T extends TableBaseData = TableBaseData, R extends
     "onUpdate:filterState"?: ((state: import("@soybeanjs/headless").TableFilterState) => any) | undefined;
     "onUpdate:columnWidths"?: ((state: import("@soybeanjs/headless").TableColumnWidthState) => any) | undefined;
     "onUpdate:selected"?: ((selected: M extends true ? R[] : R | undefined) => any) | undefined;
+    onRowClick?: ((event: MouseEvent, payload: import("@soybeanjs/headless").TableRowEventPayload<T, R>) => any) | undefined;
+    onRowDblclick?: ((event: MouseEvent, payload: import("@soybeanjs/headless").TableRowEventPayload<T, R>) => any) | undefined;
+    onRowContextmenu?: ((event: MouseEvent, payload: import("@soybeanjs/headless").TableRowEventPayload<T, R>) => any) | undefined;
+    onRowMouseenter?: ((event: MouseEvent, payload: import("@soybeanjs/headless").TableRowEventPayload<T, R>) => any) | undefined;
+    onRowMouseleave?: ((event: MouseEvent, payload: import("@soybeanjs/headless").TableRowEventPayload<T, R>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: TableSlots<T>;
-  emit: ((evt: "update:expanded", expanded: R[]) => void) & ((evt: "update:sortState", state: import("@soybeanjs/headless").TableSortState | undefined) => void) & ((evt: "update:filterState", state: import("@soybeanjs/headless").TableFilterState) => void) & ((evt: "update:columnWidths", state: import("@soybeanjs/headless").TableColumnWidthState) => void) & ((evt: "update:selected", selected: M extends true ? R[] : R | undefined) => void);
+  emit: ((evt: "update:expanded", expanded: R[]) => void) & ((evt: "update:sortState", state: import("@soybeanjs/headless").TableSortState | undefined) => void) & ((evt: "update:filterState", state: import("@soybeanjs/headless").TableFilterState) => void) & ((evt: "update:columnWidths", state: import("@soybeanjs/headless").TableColumnWidthState) => void) & ((evt: "update:selected", selected: M extends true ? R[] : R | undefined) => void) & ((evt: "rowClick", event: MouseEvent, payload: import("@soybeanjs/headless").TableRowEventPayload<T, R>) => void) & ((evt: "rowDblclick", event: MouseEvent, payload: import("@soybeanjs/headless").TableRowEventPayload<T, R>) => void) & ((evt: "rowContextmenu", event: MouseEvent, payload: import("@soybeanjs/headless").TableRowEventPayload<T, R>) => void) & ((evt: "rowMouseenter", event: MouseEvent, payload: import("@soybeanjs/headless").TableRowEventPayload<T, R>) => void) & ((evt: "rowMouseleave", event: MouseEvent, payload: import("@soybeanjs/headless").TableRowEventPayload<T, R>) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -48,7 +48,7 @@ interface TableProps<T extends TableBaseData = TableBaseData, R extends string |
 /**
  * Events for the Table component.
  */
-type TableEmits<R extends TableUnifiedKey = TableUnifiedKey, M extends boolean = false> = TableCompactEmits<R, M>;
+type TableEmits<T extends TableBaseData = TableBaseData, R extends TableUnifiedKey = TableUnifiedKey, M extends boolean = false> = TableCompactEmits<T, R, M>;
 /**
  * Slots for the Table component.
  */

package/dist/styles/checkbox.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from "@soybeanjs/cva";
 
 //#region src/styles/checkbox.d.ts
-declare const checkboxVariants: import("@soybeanjs/cva").SCVResult<"label" | "root" | "control" | "indicator" | "groupRoot" | "indicator-icon", NoInfer<{
+declare const checkboxVariants: import("@soybeanjs/cva").SCVResult<"label" | "root" | "indicator" | "control" | "groupRoot" | "indicator-icon", NoInfer<{
   color: {
     primary: {
       control: "border-primary focus-visible:ring-primary/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground";

package/dist/styles/pagination.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from "@soybeanjs/cva";
 
 //#region src/styles/pagination.d.ts
-declare const paginationVariants: import("@soybeanjs/cva").SCVResult<"list" | "next" | "first" | "last" | "ellipsis" | "root" | "prev" | "listItem", NoInfer<{
+declare const paginationVariants: import("@soybeanjs/cva").SCVResult<"list" | "next" | "root" | "first" | "last" | "ellipsis" | "prev" | "listItem", NoInfer<{
   size: {
     xs: {
       list: "gap-0.75 text-2xs";

package/dist/styles/radio-group.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from "@soybeanjs/cva";
 
 //#region src/styles/radio-group.d.ts
-declare const radioGroupVariants: import("@soybeanjs/cva").SCVResult<"label" | "root" | "item" | "control" | "indicator", NoInfer<{
+declare const radioGroupVariants: import("@soybeanjs/cva").SCVResult<"label" | "root" | "item" | "indicator" | "control", NoInfer<{
   color: {
     primary: {
       control: "border-primary focus-visible:ring-primary/30";

package/dist/styles/table.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from "@soybeanjs/cva";
 
 //#region src/styles/table.d.ts
-declare const tableVariants: import("@soybeanjs/cva").SCVResult<"header" | "content" | "footer" | "fixed" | "scroll" | "body" | "head" | "cell" | "row" | "root" | "resizeHandle" | "sortTrigger" | "filterInput" | "treeCell" | "treeToggle" | "treeTogglePlaceholder" | "selection" | "filterTrigger" | "filterPopup" | "filterSearch" | "filterOptions" | "filterOption" | "filterOptionLabel" | "filterFooter" | "filterCount" | "filterAction" | "filterEmpty" | "radioIndicator" | "radioRoot", NoInfer<{
+declare const tableVariants: import("@soybeanjs/cva").SCVResult<"header" | "content" | "footer" | "fixed" | "root" | "resizeHandle" | "body" | "head" | "scroll" | "cell" | "row" | "sortTrigger" | "filterInput" | "treeCell" | "treeToggle" | "treeTogglePlaceholder" | "selection" | "filterTrigger" | "filterPopup" | "filterSearch" | "filterOptions" | "filterOption" | "filterOptionLabel" | "filterFooter" | "filterCount" | "filterAction" | "filterEmpty" | "radioIndicator" | "radioRoot", NoInfer<{
   size: {
     xs: {
       root: "text-2xs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/ui",
-  "version": "0.26.5",
+  "version": "0.27.0",
   "description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
   "homepage": "https://github.com/soybeanjs/soybean-ui",
   "bugs": {
@@ -51,7 +51,7 @@
     "@soybeanjs/utils": "^0.1.1",
     "valibot": "^1.4.1",
     "zod": "^4.4.3",
-    "@soybeanjs/headless": "^0.26.5"
+    "@soybeanjs/headless": "^0.27.0"
   },
   "devDependencies": {
     "@nuxt/kit": "^4.4.6",