@soybeanjs/ui 0.9.0 → 0.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{provideCommandExtraUi as n}from"./context.js";import{commandVariants as r}from"./variants.js";import i from"./command-option.js";import{getCommandHighlightSearchOption as a,getCommandItemOptions as o,getCommandSearchOptions as s}from"./shared.js";import{Fragment as c,computed as l,createBlock as u,createCommentVNode as d,createElementBlock as f,createTextVNode as p,createVNode as m,defineComponent as h,guardReactiveProps as g,isRef as _,mergeProps as v,normalizeClass as y,normalizeProps as b,openBlock as x,renderList as S,renderSlot as C,toDisplayString as w,toHandlers as T,unref as E,withCtx as D}from"vue";import{useControllableState as O,useForwardListeners as k,useOmitProps as A,usePickProps as j}from"@soybeanjs/headless/composables";import{ListboxContent as M,ListboxFilter as N,ListboxRoot as P,provideListboxUi as F}from"@soybeanjs/headless";import{useFuse as I}from"@vueuse/integrations/useFuse";import{defu as L}from"defu";const R=h({name:`SCommand`,__name:`command`,props:{class:{},size:{},ui:{},items:{},placeholder:{},searchTerm:{},clearable:{type:Boolean},fuseOptions:{},listProps:{},itemProps:{},itemLabelProps:{},groupProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},inputProps:{},emptyProps:{},emptyLabel:{},orientation:{},dir:{},disabled:{type:Boolean},selectionBehavior:{},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`,`update:searchTerm`],setup(h,{emit:R}){let z=h,B=R,V=A(z,[`class`,`size`,`ui`,`items`,`placeholder`,`searchTerm`,`fuseOptions`,`emptyLabel`,`listProps`,`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`,`inputProps`,`emptyProps`]),H=k(B),U=j(z,[`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`]),W=O(()=>z.searchTerm,e=>{B(`update:searchTerm`,e)},z.inputProps?.defaultValue||``),G=l(()=>L(z.fuseOptions,{fuseOptions:{ignoreLocation:!0,threshold:.1,keys:[`label`]},resultLimit:12,matchAllWhenSearchEmpty:!0})),{results:K}=I(W,l(()=>s(z.items)),G),q=l(()=>o(K.value.map(e=>a(e.item,W.value)))),J=l(()=>e(r({size:z.size}),z.ui,{root:z.class})),Y=l(()=>({...J.value,content:J.value.list,filterRoot:J.value.inputRoot,filterControl:J.value.inputControl,itemIndicator:``,virtualizer:``})),X=l(()=>({...z.inputProps,placeholder:z.placeholder??z.inputProps?.placeholder}));return F(Y),n(J),(e,n)=>(x(),u(E(P),v(E(V),T(E(H))),{default:D(()=>[m(E(N),v(X.value,{modelValue:E(W),"onUpdate:modelValue":n[0]||=e=>_(W)?W.value=e:null,autofocus:``}),{leading:D(()=>[C(e.$slots,`input-leading`,{},()=>[m(t,{icon:`lucide:search`,class:y(J.value.inputIcon)},null,8,[`class`])])]),trailing:D(({clear:n})=>[h.clearable?(x(),u(t,{key:0,icon:`lucide:x`,class:y(J.value.inputClearable),onClick:n},null,8,[`class`,`onClick`])):d(`v-if`,!0),C(e.$slots,`input-trailing`)]),_:3},16,[`modelValue`]),m(E(M),b(g(h.listProps)),{default:D(()=>[q.value.length?d(`v-if`,!0):(x(),f(`div`,{key:0,class:y(J.value.empty)},[C(e.$slots,`empty`,{},()=>[p(w(h.emptyLabel),1)])],2)),(x(!0),f(c,null,S(q.value,(t,r)=>(x(),u(i,v({ref_for:!0},E(U),{key:r,item:t,onSelect:n[1]||=e=>B(`select`,e)}),{"item-leading":D(t=>[C(e.$slots,`item-leading`,{item:t.item})]),"item-trailing":D(t=>[C(e.$slots,`item-trailing`,{item:t.item})]),"item-label":D(t=>[C(e.$slots,`item-label`,{item:t.item})]),_:2},1040,[`item`]))),128))]),_:3},16),C(e.$slots,`bottom`)]),_:3},16))}});export{R as default};
1
+ import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{provideCommandExtraUi as n}from"./context.js";import{commandVariants as r}from"./variants.js";import i from"./command-option.js";import{getCommandHighlightSearchOption as a,getCommandItemOptions as o,getCommandSearchOptions as s}from"./shared.js";import{Fragment as c,computed as l,createBlock as u,createCommentVNode as d,createElementBlock as f,createTextVNode as p,createVNode as m,defineComponent as h,guardReactiveProps as g,isRef as _,mergeProps as v,normalizeClass as y,normalizeProps as b,openBlock as x,renderList as S,renderSlot as C,toDisplayString as w,toHandlers as T,unref as E,withCtx as D}from"vue";import{useControllableState as O,useForwardListeners as k,useOmitProps as A,usePickProps as j}from"@soybeanjs/headless/composables";import{ListboxContent as M,ListboxFilter as N,ListboxRoot as P,provideListboxUi as F}from"@soybeanjs/headless";import{useFuse as I}from"@vueuse/integrations/useFuse";import{defu as L}from"defu";const R=h({name:`SCommand`,__name:`command`,props:{class:{},size:{},ui:{},items:{},placeholder:{},searchTerm:{},clearable:{type:Boolean},fuseOptions:{},listProps:{},itemProps:{},itemLabelProps:{},groupProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},inputProps:{},emptyProps:{},emptyLabel:{},orientation:{},dir:{},disabled:{type:Boolean},selectionBehavior:{},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`,`update:searchTerm`],setup(h,{emit:R}){let z=h,B=R,V=A(z,[`class`,`size`,`ui`,`items`,`placeholder`,`searchTerm`,`fuseOptions`,`emptyLabel`,`listProps`,`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`,`inputProps`,`emptyProps`]),H=k(B),U=j(z,[`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`]),W=O(()=>z.searchTerm,e=>{B(`update:searchTerm`,e)},z.inputProps?.defaultValue||``),G=l(()=>L(z.fuseOptions,{fuseOptions:{ignoreLocation:!0,threshold:.1,keys:[`label`,`groupLabel`]},resultLimit:12,matchAllWhenSearchEmpty:!0})),{results:K}=I(W,l(()=>s(z.items)),G),q=l(()=>o(K.value.map(e=>a(e.item,W.value)))),J=l(()=>e(r({size:z.size}),z.ui,{root:z.class})),Y=l(()=>({...J.value,content:J.value.list,filterRoot:J.value.inputRoot,filterControl:J.value.inputControl,itemIndicator:``,virtualizer:``})),X=l(()=>({...z.inputProps,placeholder:z.placeholder??z.inputProps?.placeholder}));return F(Y),n(J),(e,n)=>(x(),u(E(P),v(E(V),T(E(H))),{default:D(()=>[m(E(N),v(X.value,{modelValue:E(W),"onUpdate:modelValue":n[0]||=e=>_(W)?W.value=e:null,autofocus:``}),{leading:D(()=>[C(e.$slots,`input-leading`,{},()=>[m(t,{icon:`lucide:search`,class:y(J.value.inputIcon)},null,8,[`class`])])]),trailing:D(({clear:n})=>[h.clearable?(x(),u(t,{key:0,icon:`lucide:x`,class:y(J.value.inputClearable),onClick:n},null,8,[`class`,`onClick`])):d(`v-if`,!0),C(e.$slots,`input-trailing`)]),_:3},16,[`modelValue`]),m(E(M),b(g(h.listProps)),{default:D(()=>[q.value.length?d(`v-if`,!0):(x(),f(`div`,{key:0,class:y(J.value.empty)},[C(e.$slots,`empty`,{},()=>[p(w(h.emptyLabel),1)])],2)),(x(!0),f(c,null,S(q.value,(t,r)=>(x(),u(i,v({ref_for:!0},E(U),{key:r,item:t,onSelect:n[1]||=e=>B(`select`,e)}),{"item-leading":D(t=>[C(e.$slots,`item-leading`,{item:t.item})]),"item-trailing":D(t=>[C(e.$slots,`item-trailing`,{item:t.item})]),"item-label":D(t=>[C(e.$slots,`item-label`,{item:t.item})]),_:2},1040,[`item`]))),128))]),_:3},16),C(e.$slots,`bottom`)]),_:3},16))}});export{R as default};
@@ -1 +1 @@
1
- function e(e){return e.flatMap(e=>e.items?e.items.map(e=>({...e,isGroup:!0})):[e])}function t(e,t){return{...e,labelHtml:i(e,t,`label`)}}function n(e){let t=e.reduce((e,t)=>{let{isGroup:n,...r}=t;if(n){let{value:t,label:n,separator:i}=r;e[t]||(e[t]={value:t,label:n,separator:i}),e[t].items||(e[t].items=[]),e[t].items.push(r)}else e[t.label]=r;return e},{});return Object.values(t)}function r(e,t){let n=``,r=0,i=!1;for(let a=e.length-1;a>=0;a--){if(e[a]===`>`)i=!0;else if(e[a]===`<`){i=!1,n=e[a]+n;continue}if(i||r++,r<=t)n=e[a]+n;else{n=`...${n}`;break}}return n}function i(e,t,n,i){function a(e,n=[]){e||=``;let i=``,a=0;n.forEach(n=>{if(n.length===2&&n[0]===n[1])return;let r=n[1]+1,o=r-n[0]>=t.length;i+=[e.substring(a,n[0]),o&&`<mark>`,e.substring(n[0],r),o&&`</mark>`].filter(Boolean).join(``),a=r}),i+=e.substring(a);let o=i.indexOf(`<mark>`);return o!==-1&&(i=r(i,i.length-o)),i}let o=e?.matches?.find(e=>(!n||e.key===n)&&!i?.includes(e.key));if(o)return a(o.value,o.indices)}export{t as getCommandHighlightSearchOption,n as getCommandItemOptions,e as getCommandSearchOptions};
1
+ function e(e){return e.flatMap(e=>e.items?e.items.map(t=>({groupValue:e.value,groupLabel:e.label,groupSeparator:e.separator,...t})):[e])}function t(e,t){return{...e,labelHtml:i(e,t,`label`)}}function n(e){let t=e.reduce((e,t)=>{let{groupValue:n,groupLabel:r,groupSeparator:i,...a}=t;return n?(e[n]||(e[n]={value:n,label:r??n,separator:i}),e[n].items||(e[n].items=[]),e[n].items.push(a)):e[t.label]=a,e},{});return Object.values(t)}function r(e,t){let n=``,r=0,i=!1;for(let a=e.length-1;a>=0;a--){if(e[a]===`>`)i=!0;else if(e[a]===`<`){i=!1,n=e[a]+n;continue}if(i||r++,r<=t)n=e[a]+n;else{n=`...${n}`;break}}return n}function i(e,t,n,i){function a(e,n=[]){e||=``;let i=``,a=0;n.forEach(n=>{if(n.length===2&&n[0]===n[1])return;let r=n[1]+1,o=r-n[0]>=t.length;i+=[e.substring(a,n[0]),o&&`<mark>`,e.substring(n[0],r),o&&`</mark>`].filter(Boolean).join(``),a=r}),i+=e.substring(a);let o=i.indexOf(`<mark>`);return o!==-1&&(i=r(i,i.length-o)),i}let o=e?.matches?.find(e=>(!n||e.key===n)&&!i?.includes(e.key));if(o)return a(o.value,o.indices)}export{t as getCommandHighlightSearchOption,n as getCommandItemOptions,e as getCommandSearchOptions};
@@ -56,7 +56,9 @@ interface CommandOptionProps {
56
56
  }
57
57
  type CommandOptionEmits = CommandItemEmits;
58
58
  interface CommandSearchOptionData extends CommandBaseOptionData {
59
- isGroup?: boolean;
59
+ groupValue?: string;
60
+ groupLabel?: string;
61
+ groupSeparator?: boolean;
60
62
  }
61
63
  interface CommandHighlightSearchOptionData extends CommandSearchOptionData {
62
64
  labelHtml?: string;
@@ -10,13 +10,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
10
10
  onSelect?: ((item: S, event: Event) => any) | undefined;
11
11
  "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
12
12
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
13
+ onEntryFocus?: ((event: Event) => any) | undefined;
13
14
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
14
15
  onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
15
16
  onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
16
17
  onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
17
18
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
18
19
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
19
- onEntryFocus?: ((event: Event) => any) | undefined;
20
20
  }> & (typeof globalThis extends {
21
21
  __VLS_PROPS_FALLBACK: infer P;
22
22
  } ? P : {});
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
29
29
  'item-trailing': (props: S) => any;
30
30
  'item-indicator-icon': (props: S) => any;
31
31
  };
32
- emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
32
+ emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
33
33
  }>) => vue.VNode & {
34
34
  __ctx?: Awaited<typeof __VLS_setup>;
35
35
  };
@@ -10,13 +10,13 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
10
10
  onSelect?: ((item: S, event: Event) => any) | undefined;
11
11
  "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
12
12
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
13
+ onEntryFocus?: ((event: Event) => any) | undefined;
13
14
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
14
15
  onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
15
16
  onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
16
17
  onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
17
18
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
18
19
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
19
- onEntryFocus?: ((event: Event) => any) | undefined;
20
20
  }> & (typeof globalThis extends {
21
21
  __VLS_PROPS_FALLBACK: infer P;
22
22
  } ? P : {});
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
29
29
  'item-trailing': (props: S) => any;
30
30
  'item-indicator-icon': (props: S) => any;
31
31
  };
32
- emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
32
+ emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
33
33
  }>) => vue.VNode & {
34
34
  __ctx?: Awaited<typeof __VLS_setup>;
35
35
  };
@@ -11,22 +11,22 @@ type __VLS_Slots = {} & {
11
11
  };
12
12
  declare const __VLS_base: vue.DefineComponent<ContextMenuWrapperProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
13
13
  "update:open": (value: boolean) => any;
14
+ entryFocus: (event: Event) => any;
14
15
  escapeKeyDown: (event: KeyboardEvent) => any;
15
16
  pointerDownOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent) => any;
16
17
  focusOutside: (event: _soybeanjs_headless0.FocusOutsideEvent) => any;
17
18
  interactOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any;
18
19
  openAutoFocus: (event: Event) => any;
19
20
  closeAutoFocus: (event: Event) => any;
20
- entryFocus: (event: Event) => any;
21
21
  }, string, vue.PublicProps, Readonly<ContextMenuWrapperProps> & Readonly<{
22
22
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
23
+ onEntryFocus?: ((event: Event) => any) | undefined;
23
24
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
24
25
  onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
25
26
  onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
26
27
  onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
27
28
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
28
29
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
29
- onEntryFocus?: ((event: Event) => any) | undefined;
30
30
  }>, {
31
31
  modal: boolean;
32
32
  }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
@@ -9,13 +9,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
9
9
  props: vue.PublicProps & __VLS_PrettifyLocal<ContextMenuProps<T, S> & {
10
10
  onSelect?: ((item: S, event: Event) => any) | undefined;
11
11
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
12
+ onEntryFocus?: ((event: Event) => any) | undefined;
12
13
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
13
14
  onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
14
15
  onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
15
16
  onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
16
17
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
17
18
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
18
- onEntryFocus?: ((event: Event) => any) | undefined;
19
19
  }> & (typeof globalThis extends {
20
20
  __VLS_PROPS_FALLBACK: infer P;
21
21
  } ? P : {});
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
29
29
  'item-trigger': (props: MenuOptionData<T>) => any;
30
30
  'item-trigger-icon': (props: MenuOptionData<T>) => any;
31
31
  };
32
- emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
32
+ emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
33
33
  }>) => vue.VNode & {
34
34
  __ctx?: Awaited<typeof __VLS_setup>;
35
35
  };
@@ -10,13 +10,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
10
10
  onSelect?: ((item: S, event: Event) => any) | undefined;
11
11
  "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
12
12
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
13
+ onEntryFocus?: ((event: Event) => any) | undefined;
13
14
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
14
15
  onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
15
16
  onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
16
17
  onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
17
18
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
18
19
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
19
- onEntryFocus?: ((event: Event) => any) | undefined;
20
20
  }> & (typeof globalThis extends {
21
21
  __VLS_PROPS_FALLBACK: infer P;
22
22
  } ? P : {});
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
29
29
  'item-trailing': (props: S) => any;
30
30
  'item-indicator-icon': (props: S) => any;
31
31
  };
32
- emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
32
+ emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
33
33
  }>) => vue.VNode & {
34
34
  __ctx?: Awaited<typeof __VLS_setup>;
35
35
  };
@@ -10,13 +10,13 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
10
10
  onSelect?: ((item: S, event: Event) => any) | undefined;
11
11
  "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
12
12
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
13
+ onEntryFocus?: ((event: Event) => any) | undefined;
13
14
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
14
15
  onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
15
16
  onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
16
17
  onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
17
18
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
18
19
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
19
- onEntryFocus?: ((event: Event) => any) | undefined;
20
20
  }> & (typeof globalThis extends {
21
21
  __VLS_PROPS_FALLBACK: infer P;
22
22
  } ? P : {});
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
29
29
  'item-trailing': (props: S) => any;
30
30
  'item-indicator-icon': (props: S) => any;
31
31
  };
32
- emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
32
+ emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
33
33
  }>) => vue.VNode & {
34
34
  __ctx?: Awaited<typeof __VLS_setup>;
35
35
  };
@@ -11,22 +11,22 @@ type __VLS_Slots = {} & {
11
11
  };
12
12
  declare const __VLS_base: vue.DefineComponent<DropdownMenuWrapperProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
13
13
  "update:open": (value: boolean) => any;
14
+ entryFocus: (event: Event) => any;
14
15
  escapeKeyDown: (event: KeyboardEvent) => any;
15
16
  pointerDownOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent) => any;
16
17
  focusOutside: (event: _soybeanjs_headless0.FocusOutsideEvent) => any;
17
18
  interactOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any;
18
19
  openAutoFocus: (event: Event) => any;
19
20
  closeAutoFocus: (event: Event) => any;
20
- entryFocus: (event: Event) => any;
21
21
  }, string, vue.PublicProps, Readonly<DropdownMenuWrapperProps> & Readonly<{
22
22
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
23
+ onEntryFocus?: ((event: Event) => any) | undefined;
23
24
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
24
25
  onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
25
26
  onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
26
27
  onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
27
28
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
28
29
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
29
- onEntryFocus?: ((event: Event) => any) | undefined;
30
30
  }>, {
31
31
  open: boolean;
32
32
  modal: boolean;
@@ -9,13 +9,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
9
9
  props: vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuProps<T, S> & {
10
10
  onSelect?: ((item: S, event: Event) => any) | undefined;
11
11
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
12
+ onEntryFocus?: ((event: Event) => any) | undefined;
12
13
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
13
14
  onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
14
15
  onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
15
16
  onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
16
17
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
17
18
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
18
- onEntryFocus?: ((event: Event) => any) | undefined;
19
19
  }> & (typeof globalThis extends {
20
20
  __VLS_PROPS_FALLBACK: infer P;
21
21
  } ? P : {});
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
29
29
  'item-trigger': (props: MenuOptionData<T>) => any;
30
30
  'item-trigger-icon': (props: MenuOptionData<T>) => any;
31
31
  };
32
- emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
32
+ emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
33
33
  }>) => vue.VNode & {
34
34
  __ctx?: Awaited<typeof __VLS_setup>;
35
35
  };
@@ -1 +1 @@
1
- import{mergeSlotVariants as e}from"../../theme/shared.js";import{themeSizeMap as t,themeSizeRatio as n}from"../../theme/config.js";import{provideSizeContext as r}from"../../theme/context.js";import"../../theme/index.js";import{drawerVariants as i}from"../drawer/variants.js";import{layoutVariants as a}from"./variants.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderSlot as m,unref as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{LayoutContent as v,LayoutFooter as y,LayoutHeader as b,LayoutMain as x,LayoutRail as S,LayoutRoot as C,LayoutSidebar as w,LayoutTab as T,provideLayoutUi as E}from"@soybeanjs/headless";const D=l({name:`SLayout`,__name:`layout`,props:{class:{},size:{default:`md`},ui:{},fullContent:{type:Boolean},tabVisible:{type:Boolean,default:!0},footerVisible:{type:Boolean,default:!0},sidebarProps:{},railProps:{},mainProps:{},headerProps:{},tabProps:{},contentProps:{},footerProps:{},mobileProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},side:{},variant:{},collapsible:{},sidebarWidth:{},collapsedSidebarWidth:{},isMobile:{type:Boolean},mobileSidebarWidth:{},headerHeight:{},tabHeight:{},footerHeight:{},pxToRem:{}},emits:[`update:open`],setup(l,{emit:D}){let O=l,k=D,A=_(O,[`class`,`size`,`ui`,`pxToRem`,`fullContent`,`tabVisible`,`footerVisible`,`sidebarProps`,`headerProps`,`mainProps`,`tabProps`,`footerProps`,`railProps`,`mobileProps`]),j=e=>O.pxToRem?O.pxToRem(e):e*n[O.size]/t.md;return E(o(()=>{let t=a({size:O.size,variant:O.variant,side:O.side,collapsible:O.collapsible,tabVisible:O.tabVisible,fullContent:O.fullContent}),n=i({size:O.size,side:O.side});return e({...t,mobileDrawer:n.content},O.ui,{root:O.class})})),r(()=>O.size),(e,t)=>(p(),s(h(C),d(h(A),{"px-to-rem":j,"onUpdate:open":t[0]||=e=>k(`update:open`,e)}),{default:g(t=>[c(h(w),f(u(l.sidebarProps)),{default:g(()=>[m(e.$slots,`sidebar`,f(u(t))),c(h(S),f(u(l.railProps)),null,16)]),_:2},1040),c(h(x),f(u(l.mainProps)),{default:g(()=>[c(h(b),f(u(l.headerProps)),{default:g(()=>[m(e.$slots,`header`)]),_:3},16),c(h(T),f(u(l.tabProps)),{default:g(()=>[m(e.$slots,`tab`)]),_:3},16),c(h(v),f(u(l.contentProps)),{default:g(()=>[m(e.$slots,`default`)]),_:3},16),c(h(y),f(u(l.footerProps)),{default:g(()=>[m(e.$slots,`footer`)]),_:3},16)]),_:3},16)]),_:3},16))}});export{D as default};
1
+ import{mergeSlotVariants as e}from"../../theme/shared.js";import{themeSizeMap as t,themeSizeRatio as n}from"../../theme/config.js";import{provideSizeContext as r}from"../../theme/context.js";import"../../theme/index.js";import{drawerVariants as i}from"../drawer/variants.js";import{layoutVariants as a}from"./variants.js";import{computed as o,createBlock as s,createCommentVNode as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderSlot as h,unref as g,withCtx as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";import{LayoutContent as y,LayoutFooter as b,LayoutHeader as x,LayoutMain as S,LayoutRail as C,LayoutRoot as w,LayoutSidebar as T,LayoutTab as E,provideLayoutUi as D}from"@soybeanjs/headless";const O=u({name:`SLayout`,__name:`layout`,props:{class:{},size:{default:`md`},ui:{},fullContent:{type:Boolean},tabVisible:{type:Boolean,default:!0},footerVisible:{type:Boolean,default:!0},sidebarProps:{},railProps:{},mainProps:{},headerProps:{},tabProps:{},contentProps:{},footerProps:{},mobileProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},side:{},variant:{},collapsible:{},sidebarWidth:{},collapsedSidebarWidth:{},isMobile:{type:Boolean},mobileSidebarWidth:{},headerHeight:{},tabHeight:{},footerHeight:{},pxToRem:{}},emits:[`update:open`],setup(u,{emit:O}){let k=u,A=O,j=v(k,[`class`,`size`,`ui`,`pxToRem`,`fullContent`,`tabVisible`,`footerVisible`,`sidebarProps`,`headerProps`,`mainProps`,`tabProps`,`footerProps`,`railProps`,`mobileProps`]),M=e=>k.pxToRem?k.pxToRem(e):e*n[k.size]/t.md;return D(o(()=>{let t=a({size:k.size,variant:k.variant,side:k.side,collapsible:k.collapsible,fullContent:k.fullContent}),n=i({size:k.size,side:k.side});return e({...t,mobileDrawer:()=>`${n.content()} ${t.mobileDrawer()}`},k.ui,{root:k.class})})),r(()=>k.size),(e,t)=>(m(),s(g(w),f(g(j),{"px-to-rem":M,"data-tab-visible":!!u.tabVisible,"data-footer-visible":!!u.footerVisible,"data-full-content":!!u.fullContent,"onUpdate:open":t[0]||=e=>A(`update:open`,e)}),{default:_(t=>[l(g(T),p(d(u.sidebarProps)),{default:_(()=>[h(e.$slots,`sidebar`,p(d(t))),l(g(C),p(d(u.railProps)),null,16)]),_:2},1040),l(g(S),p(d(u.mainProps)),{default:_(()=>[l(g(x),p(d(u.headerProps)),{default:_(()=>[h(e.$slots,`header`)]),_:3},16),u.tabVisible?(m(),s(g(E),p(f({key:0},u.tabProps)),{default:_(()=>[h(e.$slots,`tab`)]),_:3},16)):c(`v-if`,!0),l(g(y),p(d(u.contentProps)),{default:_(()=>[h(e.$slots,`default`)]),_:3},16),u.footerVisible?(m(),s(g(b),p(f({key:1},u.footerProps)),{default:_(()=>[h(e.$slots,`footer`)]),_:3},16)):c(`v-if`,!0)]),_:3},16)]),_:3},16,[`data-tab-visible`,`data-footer-visible`,`data-full-content`]))}});export{O as default};
@@ -1 +1 @@
1
- import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group relative flex w-full h-full data-[side=right]:flex-row-reverse`,sidebarRoot:`h-full hidden md:block`,sidebarWrapper:`absolute inset-y-0 z-10 hidden h-full w-[--soybean-sidebar-width] transition-[left,right,width,opacity] duration-200 ease-linear md:flex`,sidebar:[`flex flex-col w-full h-full bg-sidebar`,`group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-border group-data-[variant=floating]:border-solid group-data-[variant=floating]:shadow`],sidebarGapHandler:[`relative h-full w-[--soybean-sidebar-width] bg-transparent transition-width duration-200 ease-linear`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`],mobileDrawer:`w-[--soybean-sidebar-width] bg-sidebar p-0 [&>button]:hidden`,mobileOverlay:[`fixed inset-0 z-50 bg-black/80`,`data-[state=open]:animate-in data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0`],mobile:`flex flex-col w-full h-full`,rail:[`absolute inset-y-0 z-20 hidden w-[--soybean-layout-spacing] -translate-x-1/2 transition-all ease-linear sm:flex`,`after:absolute after:inset-y-0 after:left-1/2 after:content-empty after:w-[calc(var(--soybean-layout-spacing)/8)] hover:after:bg-sidebar-border`],trigger:``,main:`relative flex flex-1 flex-col items-stretch bg-background overflow-hidden`,header:`relative flex items-center shrink-0 h-[--soybean-layout-header-height]`,tab:`shrink-0 h-[--soybean-layout-tab-height] bg-background`,content:`grow overflow-auto bg-background`,footer:`shrink-0 h-[--soybean-layout-footer-height]`},variants:{size:{xs:{root:`text-2xs [--soybean-layout-spacing:0.75rem]`},sm:{root:`text-xs [--soybean-layout-spacing:0.875rem]`},md:{root:`text-sm [--soybean-layout-spacing:1rem]`},lg:{root:`text-base [--soybean-layout-spacing:1.25rem]`},xl:{root:`text-lg [--soybean-layout-spacing:1.5rem]`},"2xl":{root:`text-xl [--soybean-layout-spacing:1.75rem]`}},variant:{sidebar:{sidebarGapHandler:`group-data-[collapsible=icon]:w-[--soybean-collapsed-sidebar-width]`,sidebarWrapper:`group-data-[collapsible=icon]:w-[--soybean-collapsed-sidebar-width] group-data-[side=left]:border-r group-data-[side=right]:border-l`},floating:{sidebarGapHandler:`w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,sidebarWrapper:`p-[calc(var(--soybean-layout-spacing)/2)] w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`},inset:{root:`bg-sidebar`,sidebarGapHandler:`w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,sidebarWrapper:`p-[calc(var(--soybean-layout-spacing)/2)] w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,main:`md:m-[calc(var(--soybean-layout-spacing)/2)] md:ml-0 md:rounded-xl md:shadow`}},side:{left:{sidebarWrapper:`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--soybean-sidebar-width)*-1)]`,rail:`cursor-w-resize group-data-[state=collapsed]:cursor-e-resize -right-[var(--soybean-layout-spacing)]`},right:{sidebarWrapper:`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--soybean-sidebar-width)*-1)]`,rail:`cursor-e-resize group-data-[state=collapsed]:cursor-w-resize left-0`}},collapsible:{offcanvas:{sidebarWrapper:`group-data-[state=collapsed]:opacity-0`,rail:`translate-x-0 after:left-full hover:bg-sidebar`},icon:{}},tabVisible:{true:{content:``}},fullContent:{true:{tab:`fixed left-0 top-0 z-10 w-full`,content:`fixed inset-0 z-10`}}},compoundVariants:[{side:`left`,collapsible:`offcanvas`,class:{rail:`-right-[var(--soybean-layout-spacing)/2]`}},{side:`right`,collapsible:`offcanvas`,class:{rail:`-left-[var(--soybean-layout-spacing)/2]`}},{side:`left`,variant:`inset`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:right-0`}},{side:`right`,variant:`inset`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:left-0`}},{side:`left`,variant:`floating`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:right-[calc(var(--soybean-layout-spacing)/2)]`}},{side:`right`,variant:`floating`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:left-[calc(var(--soybean-layout-spacing)/2)]`}},{variant:`inset`,collapsible:`offcanvas`,class:{main:`md:group-data-[state=collapsed]:ml-[calc(var(--soybean-layout-spacing)/2)]`}},{tabVisible:!0,fullContent:!0,class:{content:`mt-[--soybean-layout-tab-height]`}}],defaultVariants:{variant:`sidebar`,side:`left`,collapsible:`icon`,tabVisible:!0}});export{t as layoutVariants};
1
+ import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group relative flex w-full h-full data-[side=right]:flex-row-reverse`,sidebarRoot:`h-full hidden md:block`,sidebarWrapper:`absolute inset-y-0 z-10 hidden h-full w-[--soybean-sidebar-width] transition-[left,right,width,opacity] duration-200 ease-linear md:flex`,sidebar:[`flex flex-col w-full h-full bg-sidebar`,`group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-border group-data-[variant=floating]:border-solid group-data-[variant=floating]:shadow`],sidebarGapHandler:[`relative h-full w-[--soybean-sidebar-width] bg-transparent transition-width duration-200 ease-linear`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`],mobileDrawer:`w-[--soybean-sidebar-width] bg-sidebar p-0`,mobileOverlay:[`fixed inset-0 z-50 bg-black/80`,`data-[state=open]:animate-in data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0`],mobile:`flex flex-col w-full h-full`,rail:[`absolute inset-y-0 z-20 hidden w-[--soybean-layout-spacing] -translate-x-1/2 transition-all ease-linear sm:flex`,`after:absolute after:inset-y-0 after:left-1/2 after:content-empty after:w-[calc(var(--soybean-layout-spacing)/8)] hover:after:bg-sidebar-border`],trigger:``,main:`relative flex flex-1 flex-col items-stretch bg-background overflow-hidden`,header:`relative flex items-center shrink-0 h-[--soybean-layout-header-height]`,tab:`shrink-0 h-[--soybean-layout-tab-height] bg-background`,content:`grow overflow-auto bg-background`,footer:`shrink-0 h-[--soybean-layout-footer-height]`},variants:{size:{xs:{root:`text-2xs [--soybean-layout-spacing:0.75rem]`},sm:{root:`text-xs [--soybean-layout-spacing:0.875rem]`},md:{root:`text-sm [--soybean-layout-spacing:1rem]`},lg:{root:`text-base [--soybean-layout-spacing:1.25rem]`},xl:{root:`text-lg [--soybean-layout-spacing:1.5rem]`},"2xl":{root:`text-xl [--soybean-layout-spacing:1.75rem]`}},variant:{sidebar:{sidebarGapHandler:`group-data-[collapsible=icon]:w-[--soybean-collapsed-sidebar-width]`,sidebarWrapper:`group-data-[collapsible=icon]:w-[--soybean-collapsed-sidebar-width] group-data-[side=left]:border-r group-data-[side=right]:border-l`},floating:{sidebarGapHandler:`w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,sidebarWrapper:`p-[calc(var(--soybean-layout-spacing)/2)] w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`},inset:{root:`bg-sidebar`,sidebarGapHandler:`w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,sidebarWrapper:`p-[calc(var(--soybean-layout-spacing)/2)] w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,main:`md:m-[calc(var(--soybean-layout-spacing)/2)] md:ml-0 md:rounded-xl md:shadow`}},side:{left:{sidebarWrapper:`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--soybean-sidebar-width)*-1)]`,rail:`cursor-w-resize group-data-[state=collapsed]:cursor-e-resize -right-[var(--soybean-layout-spacing)]`},right:{sidebarWrapper:`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--soybean-sidebar-width)*-1)]`,rail:`cursor-e-resize group-data-[state=collapsed]:cursor-w-resize left-0`}},collapsible:{offcanvas:{sidebarWrapper:`group-data-[state=collapsed]:opacity-0`,rail:`translate-x-0 after:left-full hover:bg-sidebar`},icon:{}},fullContent:{true:{tab:`fixed left-0 top-0 z-9999 w-full`,content:`fixed inset-0 z-9999 group-data-[tab-visible=true]:mt-[--soybean-layout-tab-height]`},false:{content:`relative`}}},compoundVariants:[{side:`left`,collapsible:`offcanvas`,class:{rail:`-right-[var(--soybean-layout-spacing)/2]`}},{side:`right`,collapsible:`offcanvas`,class:{rail:`-left-[var(--soybean-layout-spacing)/2]`}},{side:`left`,variant:`inset`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:right-0`}},{side:`right`,variant:`inset`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:left-0`}},{side:`left`,variant:`floating`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:right-[calc(var(--soybean-layout-spacing)/2)]`}},{side:`right`,variant:`floating`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:left-[calc(var(--soybean-layout-spacing)/2)]`}},{variant:`inset`,collapsible:`offcanvas`,class:{main:`md:group-data-[state=collapsed]:ml-[calc(var(--soybean-layout-spacing)/2)]`}}],defaultVariants:{variant:`sidebar`,side:`left`,collapsible:`icon`}});export{t as layoutVariants};
@@ -8,13 +8,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
8
8
  props: vue.PublicProps & __VLS_PrettifyLocal<MenuOptionProps<T> & {
9
9
  onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
10
10
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
11
+ onEntryFocus?: ((event: Event) => any) | undefined;
11
12
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
12
13
  onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
13
14
  onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
14
15
  onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
15
16
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
16
17
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
17
- onEntryFocus?: ((event: Event) => any) | undefined;
18
18
  }> & (typeof globalThis extends {
19
19
  __VLS_PROPS_FALLBACK: infer P;
20
20
  } ? P : {});
@@ -38,7 +38,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
38
38
  item: MenuOptionData<T>;
39
39
  }) => any;
40
40
  };
41
- emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
41
+ emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
42
42
  }>) => vue.VNode & {
43
43
  __ctx?: Awaited<typeof __VLS_setup>;
44
44
  };
@@ -8,13 +8,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
8
8
  props: vue.PublicProps & __VLS_PrettifyLocal<MenuOptionsProps<T, S> & {
9
9
  onSelect?: ((item: S, event: Event) => any) | undefined;
10
10
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
11
+ onEntryFocus?: ((event: Event) => any) | undefined;
11
12
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
12
13
  onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
13
14
  onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
14
15
  onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
15
16
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
16
17
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
17
- onEntryFocus?: ((event: Event) => any) | undefined;
18
18
  }> & (typeof globalThis extends {
19
19
  __VLS_PROPS_FALLBACK: infer P;
20
20
  } ? P : {});
@@ -38,7 +38,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
38
38
  item: MenuOptionData<T>;
39
39
  }) => any;
40
40
  };
41
- emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
41
+ emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
42
42
  }>) => vue.VNode & {
43
43
  __ctx?: Awaited<typeof __VLS_setup>;
44
44
  };
@@ -1,2 +1,4 @@
1
1
  import { BaseTableData, TableAlign, TableColumn, TableEmits, TableProps, TableRadioProps, TableSelectionProps, TableSlots } from "./types.js";
2
- import { _default } from "./table.vue.js";
2
+ import { _default } from "./table.vue.js";
3
+ import { TableCell as STableCell, TableRow as STableRow } from "@soybeanjs/headless";
4
+ export { STableCell, STableRow };
@@ -1 +1 @@
1
- import e from"./table.js";
1
+ import e from"./table.js";import{TableCell as t,TableRow as n}from"@soybeanjs/headless";export{t as STableCell,n as STableRow};
@@ -1 +1 @@
1
- import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../button/button-icon.js";import n from"../checkbox/checkbox.js";import{tableVariants as r}from"./variants.js";import i from"./table-radio.js";import{getTableRowValueByDataIndex as a}from"./shared.js";import{Fragment as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createTextVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,normalizeStyle as v,openBlock as y,renderList as b,renderSlot as x,toDisplayString as S,unref as C,useSlots as w,withCtx as T}from"vue";import{useControllableState as E,useSelection as D}from"@soybeanjs/headless/composables";import{TableBody as O,TableCell as k,TableContent as A,TableFooter as j,TableHead as M,TableHeader as N,TableRoot as P,TableRow as F,provideTableUi as I}from"@soybeanjs/headless";const L=p({name:`STable`,__name:`table`,props:{class:{},ui:{},size:{},columns:{},data:{},rowKey:{type:Function},defaultExpanded:{},expanded:{},defaultExpandAll:{type:Boolean},contentProps:{},headerProps:{},bodyProps:{},footerProps:{},headProps:{},rowProps:{},cellProps:{},defaultSelected:{},selected:{},multiple:{}},emits:[`update:expanded`,`update:selected`],setup(p,{emit:L}){let R=p,z=L,B=w(),V=s(()=>e(r({size:R.size}),R.ui,{root:R.class})),H=E(()=>R.expanded,e=>{z(`update:expanded`,e??[])},U());function U(){return R.defaultExpandAll?R.data.map(e=>R.rowKey(e)):R.defaultExpanded??[]}let W=e=>{H.value.indexOf(e)>=0?H.value=H.value.filter(t=>t!==e):H.value=[...H.value,e]},{modelValue:G,onModelValueChange:K,setModelValue:q,resetModelValue:J,isMultiple:Y,isValueSelected:X}=D(s(()=>({modelValue:R.selected,defaultValue:R.defaultSelected,multiple:R.multiple})),e=>{z(`update:selected`,e)}),Z=s(()=>!Array.isArray(G.value)||G.value.length===0?!1:G.value.length===R.data.length?!0:`indeterminate`),Q=e=>{Array.isArray(G.value)&&(e===!0?q(R.data.map(e=>R.rowKey(e))):J())},$=s(()=>R.columns.filter(e=>!e.hidden)),ee=s(()=>R.columns.some(e=>e.type===`expand`));return I(V),(e,r)=>(y(),c(C(P),{style:v(e.style)},{default:T(()=>[f(C(A),_(m(p.contentProps)),{default:T(()=>[f(C(N),_(m(p.headerProps)),{default:T(()=>[f(C(F),_(m(p.rowProps)),{default:T(()=>[(y(!0),u(o,null,b($.value,t=>(y(),u(o,null,[t.dataIndex?(y(),c(C(M),h({key:0,ref_for:!0},p.headProps,{key:t.dataIndex,align:t.align??`left`,style:{width:t.width}}),{default:T(()=>[x(e.$slots,`header-${t.dataIndex}`,{column:t},()=>[d(S(t.title),1)])]),_:2},1040,[`align`,`style`])):t.type?(y(),c(C(M),h({key:1,ref_for:!0},p.headProps,{key:`__${t.type}`,align:t.align??`center`,style:{width:t.width}}),{default:T(()=>[x(e.$slots,`header-${t.type}`,{column:t,multiple:C(Y)},()=>[t.type===`index`?(y(),u(o,{key:0},[d(S(t.title??`#`),1)],64)):l(`v-if`,!0),t.type===`selection`?(y(),u(o,{key:1},[C(Y)?(y(),c(n,{key:0,"model-value":Z.value,class:g(V.value.selection),"onUpdate:modelValue":Q},null,8,[`model-value`,`class`])):l(`v-if`,!0)],64)):l(`v-if`,!0),t.type===`expand`?(y(),u(o,{key:2},[d(S(t.title),1)],64)):l(`v-if`,!0)])]),_:2},1040,[`align`,`style`])):l(`v-if`,!0)],64))),256))]),_:3},16)]),_:3},16),f(C(O),_(m(p.bodyProps)),{default:T(()=>[(y(!0),u(o,null,b(p.data,(r,s)=>(y(),u(o,{key:p.rowKey(r)},[f(C(F),h({ref_for:!0},p.rowProps,{"data-row":``}),{default:T(()=>[(y(!0),u(o,null,b($.value,f=>(y(),u(o,null,[f.dataIndex?(y(),c(C(k),h({key:0,ref_for:!0},p.cellProps,{key:f.dataIndex,align:f.align??`left`,style:{width:f.width}}),{default:T(()=>[x(e.$slots,f.dataIndex,{index:s,column:f,row:r,value:C(a)(r,f.dataIndex)},()=>[d(S(C(a)(r,f.dataIndex)),1)])]),_:2},1040,[`align`,`style`])):f.type?(y(),c(C(k),h({key:1,ref_for:!0},p.cellProps,{key:`__${f.type}`,align:f.align??`center`,style:{width:f.width}}),{default:T(()=>[f.type===`index`?x(e.$slots,`index`,{key:0,index:s,column:f,row:r},()=>[d(S(s+1),1)]):l(`v-if`,!0),f.type===`selection`?x(e.$slots,`selection`,{key:1,index:s,column:f,row:r,multiple:C(Y)},()=>[C(Y)?(y(),c(n,{key:0,class:g(V.value.selection),"model-value":C(X)(p.rowKey(r)),"onUpdate:modelValue":e=>C(K)(p.rowKey(r))},null,8,[`class`,`model-value`,`onUpdate:modelValue`])):(y(),c(i,{key:1,size:p.size,checked:C(X)(p.rowKey(r)),onClick:e=>C(K)(p.rowKey(r))},null,8,[`size`,`checked`,`onClick`]))]):l(`v-if`,!0),f.type===`expand`?x(e.$slots,`expand`,{key:2,index:s,column:f,row:r,expanded:C(H).includes(p.rowKey(r)),toggleExpand:()=>W(p.rowKey(r))},()=>[C(H).includes(p.rowKey(r))?(y(),c(t,{key:0,icon:`lucide:chevron-down`,onClick:e=>W(p.rowKey(r))},null,8,[`onClick`])):(y(),c(t,{key:1,icon:`lucide:chevron-right`,onClick:e=>W(p.rowKey(r))},null,8,[`onClick`]))]):l(`v-if`,!0)]),_:2},1040,[`align`,`style`])):l(`v-if`,!0)],64))),256))]),_:2},1040),ee.value&&C(H).includes(p.rowKey(r))?(y(),c(C(F),h({key:0,ref_for:!0},p.rowProps,{"data-expanded-row":``}),{default:T(()=>[f(C(k),h({ref_for:!0},p.cellProps,{colspan:$.value.length}),{default:T(()=>[x(e.$slots,`expanded-row`,{index:s,row:r})]),_:2},1040,[`colspan`])]),_:2},1040)):l(`v-if`,!0)],64))),128))]),_:3},16),B.footer?(y(),c(C(j),_(h({key:0},p.footerProps)),{default:T(()=>[x(e.$slots,`footer`)]),_:3},16)):l(`v-if`,!0)]),_:3},16)]),_:3},8,[`style`]))}});export{L as default};
1
+ import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../button/button-icon.js";import n from"../checkbox/checkbox.js";import{tableVariants as r}from"./variants.js";import i from"./table-radio.js";import{getTableRowValueByDataIndex as a}from"./shared.js";import{Fragment as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createTextVNode 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,toDisplayString as x,unref as S,useSlots as C,withCtx as w}from"vue";import{useControllableState as T,useSelection as E}from"@soybeanjs/headless/composables";import{TableBody as D,TableCell as O,TableContent as k,TableFooter as A,TableHead as j,TableHeader as M,TableRoot as N,TableRow as P,provideTableUi as F}from"@soybeanjs/headless";const I=p({name:`STable`,__name:`table`,props:{class:{},ui:{},size:{},columns:{},data:{},rowKey:{type:Function},bordered:{type:[Boolean,String]},striped:{type:Boolean},defaultExpanded:{},expanded:{},defaultExpandAll:{type:Boolean},contentProps:{},headerProps:{},bodyProps:{},footerProps:{},headProps:{},rowProps:{},cellProps:{},defaultSelected:{},selected:{},multiple:{}},emits:[`update:expanded`,`update:selected`],setup(p,{emit:I}){let L=p,R=I,z=C(),B=s(()=>e(r({size:L.size,bordered:L.bordered,striped:L.striped}),L.ui,{root:L.class})),V=T(()=>L.expanded,e=>{R(`update:expanded`,e??[])},H());function H(){return L.defaultExpandAll?L.data.map(e=>L.rowKey(e)):L.defaultExpanded??[]}let U=e=>{V.value.indexOf(e)>=0?V.value=V.value.filter(t=>t!==e):V.value=[...V.value,e]},{modelValue:W,onModelValueChange:G,setModelValue:K,resetModelValue:q,isMultiple:J,isValueSelected:Y}=E(s(()=>({modelValue:L.selected,defaultValue:L.defaultSelected,multiple:L.multiple})),e=>{R(`update:selected`,e)}),X=s(()=>!Array.isArray(W.value)||W.value.length===0?!1:W.value.length===L.data.length?!0:`indeterminate`),Z=e=>{Array.isArray(W.value)&&(e===!0?K(L.data.map(e=>L.rowKey(e))):q())},Q=s(()=>L.columns.filter(e=>!e.hidden)),$=s(()=>L.columns.some(e=>e.type===`expand`));return F(B),(e,r)=>(v(),c(S(N),null,{default:w(()=>[f(S(k),_(m(p.contentProps)),{default:w(()=>[f(S(M),_(m(p.headerProps)),{default:w(()=>[f(S(P),_(m(p.rowProps)),{default:w(()=>[(v(!0),u(o,null,y(Q.value,t=>(v(),u(o,null,[t.dataIndex?(v(),c(S(j),h({key:0,ref_for:!0},p.headProps,{key:t.dataIndex,align:t.align??`left`,style:{width:t.width}}),{default:w(()=>[b(e.$slots,`header-${t.dataIndex}`,{column:t},()=>[d(x(t.title),1)])]),_:2},1040,[`align`,`style`])):t.type?(v(),c(S(j),h({key:1,ref_for:!0},p.headProps,{key:`__${t.type}`,align:t.align??`center`,style:{width:t.width}}),{default:w(()=>[b(e.$slots,`header-${t.type}`,{column:t,multiple:S(J)},()=>[t.type===`index`?(v(),u(o,{key:0},[d(x(t.title??`#`),1)],64)):l(`v-if`,!0),t.type===`selection`?(v(),u(o,{key:1},[S(J)?(v(),c(n,{key:0,"model-value":X.value,class:g(B.value.selection),"onUpdate:modelValue":Z},null,8,[`model-value`,`class`])):l(`v-if`,!0)],64)):l(`v-if`,!0),t.type===`expand`?(v(),u(o,{key:2},[d(x(t.title),1)],64)):l(`v-if`,!0)])]),_:2},1040,[`align`,`style`])):l(`v-if`,!0)],64))),256))]),_:3},16)]),_:3},16),f(S(D),_(m(p.bodyProps)),{default:w(()=>[(v(!0),u(o,null,y(p.data,(r,s)=>(v(),u(o,{key:p.rowKey(r)},[f(S(P),h({ref_for:!0},p.rowProps,{"data-row":``}),{default:w(()=>[(v(!0),u(o,null,y(Q.value,f=>(v(),u(o,null,[f.dataIndex?(v(),c(S(O),h({key:0,ref_for:!0},p.cellProps,{key:f.dataIndex,align:f.align??`left`,style:{width:f.width}}),{default:w(()=>[b(e.$slots,f.dataIndex,{index:s,column:f,row:r,value:S(a)(r,f.dataIndex)},()=>[d(x(S(a)(r,f.dataIndex)),1)])]),_:2},1040,[`align`,`style`])):f.type?(v(),c(S(O),h({key:1,ref_for:!0},p.cellProps,{key:`__${f.type}`,align:f.align??`center`,style:{width:f.width}}),{default:w(()=>[f.type===`index`?b(e.$slots,`index`,{key:0,index:s,column:f,row:r},()=>[d(x(s+1),1)]):l(`v-if`,!0),f.type===`selection`?b(e.$slots,`selection`,{key:1,index:s,column:f,row:r,multiple:S(J)},()=>[S(J)?(v(),c(n,{key:0,class:g(B.value.selection),"model-value":S(Y)(p.rowKey(r)),"onUpdate:modelValue":e=>S(G)(p.rowKey(r))},null,8,[`class`,`model-value`,`onUpdate:modelValue`])):(v(),c(i,{key:1,size:p.size,checked:S(Y)(p.rowKey(r)),onClick:e=>S(G)(p.rowKey(r))},null,8,[`size`,`checked`,`onClick`]))]):l(`v-if`,!0),f.type===`expand`?b(e.$slots,`expand`,{key:2,index:s,column:f,row:r,expanded:S(V).includes(p.rowKey(r)),toggleExpand:()=>U(p.rowKey(r))},()=>[S(V).includes(p.rowKey(r))?(v(),c(t,{key:0,icon:`lucide:chevron-down`,onClick:e=>U(p.rowKey(r))},null,8,[`onClick`])):(v(),c(t,{key:1,icon:`lucide:chevron-right`,onClick:e=>U(p.rowKey(r))},null,8,[`onClick`]))]):l(`v-if`,!0)]),_:2},1040,[`align`,`style`])):l(`v-if`,!0)],64))),256))]),_:2},1040),$.value&&S(V).includes(p.rowKey(r))?(v(),c(S(P),h({key:0,ref_for:!0},p.rowProps,{"data-expanded-row":``}),{default:w(()=>[f(S(O),h({ref_for:!0},p.cellProps,{colspan:Q.value.length}),{default:w(()=>[b(e.$slots,`expanded-row`,{index:s,row:r})]),_:2},1040,[`colspan`])]),_:2},1040)):l(`v-if`,!0)],64))),128))]),_:3},16),z.footer?(v(),c(S(A),_(h({key:0},p.footerProps)),{default:w(()=>[b(e.$slots,`footer`,{columnSize:Q.value.length})]),_:3},16)):l(`v-if`,!0)]),_:3},16)]),_:3}))}});export{I as default};
@@ -29,6 +29,8 @@ interface TableProps<T extends BaseTableData = BaseTableData, R extends string |
29
29
  columns: TableColumn<T>[];
30
30
  data: T[];
31
31
  rowKey: (row: T) => R;
32
+ bordered?: boolean | 'all';
33
+ striped?: boolean;
32
34
  defaultExpanded?: R[];
33
35
  expanded?: R[];
34
36
  defaultExpandAll?: boolean;
@@ -84,7 +86,9 @@ type TableSlots<T extends BaseTableData> = { [K in `header-${Path<T>}`]?: (props
84
86
  index: number;
85
87
  row: T;
86
88
  }) => any;
87
- footer?: () => any;
89
+ footer?: (props: {
90
+ columnSize: number;
91
+ }) => any;
88
92
  };
89
93
  interface TableRadioProps {
90
94
  size?: ThemeSize;
@@ -1 +1 @@
1
- import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative overflow-auto`,content:`w-full`,header:`sticky top-0 left-0 bg-accent`,body:``,footer:`bg-accent font-medium`,row:`data-[row]:hover:bg-accent transition-colors`,head:`text-foreground font-medium whitespace-nowrap`,cell:`whitespace-nowrap`,selection:`text-foreground`,radioRoot:[`peer relative shrink-0 rounded-full border border-solid shadow cursor-pointer`,`border-primary focus-visible:ring-primary/30`,`focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50`],radioIndicator:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 size-1/2 bg-primary rounded-full`},variants:{size:{xs:{root:`text-2xs`,caption:`py-2`,head:`h-8 px-1.5`,cell:`p-1.5`,radioRoot:`w-3 h-3`},sm:{root:`text-xs`,caption:`py-2.5`,head:`h-9 px-1.75`,cell:`p-1.75`,radioRoot:`w-3.5 h-3.5`},md:{root:`text-sm`,caption:`py-3`,head:`h-10 px-2`,cell:`p-2`,radioRoot:`w-4 h-4`},lg:{root:`text-base`,caption:`py-3.5`,head:`h-12 px-2.5`,cell:`p-2.5`,radioRoot:`w-4.5 h-4.5`},xl:{root:`text-lg`,caption:`py-4`,head:`h-14 px-3`,cell:`p-3`,radioRoot:`w-5 h-5`},"2xl":{root:`text-xl`,caption:`py-4.5`,head:`h-16 px-3.5`,cell:`p-3.5`,radioRoot:`w-6 h-6`}},bordered:{all:{root:`border border-border border-collapse`,head:`border border-border`,cell:`border border-border`},true:{header:`[&_tr]:border`,body:`[&_tr]:border-x`,footer:`[&>tr]:border-x border-t`,row:`border-b`},false:{header:`[&_tr]:border-b`,body:`[&_tr:last-child]:border-0`,footer:`[&>tr]:last:border-b-0 border-t`,row:`border-b`}},striped:{true:{row:`data-[row]:even:bg-accent`}}},defaultVariants:{size:`md`,bordered:!1,striped:!1}});export{t as tableVariants};
1
+ import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative overflow-auto`,content:`w-full`,header:`sticky top-0 left-0 bg-accent`,body:``,footer:`bg-accent font-medium`,row:`data-[row]:hover:bg-accent transition-colors`,head:`text-foreground font-medium whitespace-nowrap`,cell:`whitespace-nowrap`,selection:`text-foreground`,radioRoot:[`peer relative shrink-0 rounded-full border border-solid shadow cursor-pointer`,`border-primary focus-visible:ring-primary/30`,`focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50`],radioIndicator:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 size-1/2 bg-primary rounded-full`},variants:{size:{xs:{root:`text-2xs`,caption:`py-2`,head:`h-8 px-1.5`,cell:`p-1.5`,radioRoot:`w-3 h-3`},sm:{root:`text-xs`,caption:`py-2.5`,head:`h-9 px-1.75`,cell:`p-1.75`,radioRoot:`w-3.5 h-3.5`},md:{root:`text-sm`,caption:`py-3`,head:`h-10 px-2`,cell:`p-2`,radioRoot:`w-4 h-4`},lg:{root:`text-base`,caption:`py-3.5`,head:`h-12 px-2.5`,cell:`p-2.5`,radioRoot:`w-4.5 h-4.5`},xl:{root:`text-lg`,caption:`py-4`,head:`h-14 px-3`,cell:`p-3`,radioRoot:`w-5 h-5`},"2xl":{root:`text-xl`,caption:`py-4.5`,head:`h-16 px-3.5`,cell:`p-3.5`,radioRoot:`w-6 h-6`}},bordered:{all:{content:`border border-border border-collapse`,head:`border border-border`,cell:`border border-border`},true:{header:`[&_tr]:border`,body:`[&_tr]:border-x`,footer:`[&>tr]:border-x border-t`,row:`border-b`},false:{header:`[&_tr]:border-b`,body:`[&_tr:last-child]:border-0`,footer:`[&>tr]:last:border-b-0 border-t`,row:`border-b`}},striped:{true:{row:`data-[row]:even:bg-accent`}}},defaultVariants:{size:`md`,bordered:!1,striped:!1}});export{t as tableVariants};
package/dist/index.d.ts CHANGED
@@ -148,7 +148,7 @@ import { _default as _default$61 } from "./components/switch/switch.vue.js";
148
148
  import { SwitchControlProps, SwitchRootEmits, SwitchRootProps, SwitchThumbProps } from "./components/switch/index.js";
149
149
  import { BaseTableData, TableAlign, TableColumn, TableEmits, TableProps, TableRadioProps, TableSelectionProps, TableSlots } from "./components/table/types.js";
150
150
  import { _default as _default$62 } from "./components/table/table.vue.js";
151
- import "./components/table/index.js";
151
+ import { STableCell, STableRow } from "./components/table/index.js";
152
152
  import { _default as _default$63 } from "./components/tabs/tabs.vue.js";
153
153
  import { TabsContentProps, TabsIndicatorProps, TabsListProps, TabsRootEmits, TabsRootProps, TabsTriggerProps } from "./components/tabs/index.js";
154
154
  import { TagShape, TagVariant } from "./components/tag/variants.js";
@@ -177,4 +177,4 @@ import { VirtualizerProps } from "./components/virtualizer/types.js";
177
177
  import { _default as _default$72 } from "./components/virtualizer/virtualizer.vue.js";
178
178
  import { SVirtualizerItem, VirtualizerContentProps, VirtualizerDynamicContentProps, VirtualizerItemProps, VirtualizerOptions, VirtualizerRootProps } from "./components/virtualizer/index.js";
179
179
  import { AcceptableBooleanValue, AcceptableValue, Align, CheckedState, ClassValue, DataOrientation, DefinedValue, Direction, DisclosureState, DismissableLayerEmits, DismissableLayerProps, FocusIntent, FocusOutsideEvent, FocusScopeEmits, ForceMountProps, FormFieldCommonProps, HorizontalSide, ImageLoadingStatus, KbdKey, MaybeArray, MaybePromise, NavigationKey, Placement, PointerDownOutsideEvent, PropsToContext, SelectEvent, SelectionEmits, SelectionProps, Side, TrapFocusProps, TreeSelectEvent, TreeToggleEvent, VNodeRef } from "@soybeanjs/headless";
180
- export { type AcceptableBooleanValue, type AcceptableValue, AccordionContentProps, AccordionEmits, AccordionExtendedUi, AccordionExtraUiSlot, AccordionHeaderProps, AccordionItemProps, AccordionOptionData, AccordionProps, AccordionRootEmits, AccordionRootProps, AccordionTriggerProps, AlertCloseProps, AlertContentProps, AlertDescriptionProps, AlertDialogActionProps, AlertDialogCancelProps, AlertDialogCloseProps, AlertDialogContentEmits, AlertDialogContentProps, AlertDialogDescriptionProps, AlertDialogEmits, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogOverlayProps, AlertDialogPortalProps, AlertDialogProps, AlertDialogRootEmits, AlertDialogRootProps, AlertDialogTitleProps, AlertDialogTriggerProps, AlertDialogType, AlertEmits, AlertExtendedUi, AlertProps, AlertRootEmits, AlertRootProps, AlertTitleProps, AlertVariant, type Align, ArrowProps, AspectRatioProps, AvatarEmits, AvatarFallbackProps, AvatarImageEmits, AvatarImageProps, AvatarProps, AvatarRootProps, BadgeContentProps, BadgeEmits, BadgePosition, BadgeProps, BadgeRootEmits, BadgeRootProps, BaseTableData, BreadcrumbEllipsisProps, BreadcrumbEmits, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbOptionData, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbRootProps, BreadcrumbSeparatorProps, ButtonEmits, ButtonGroupProps, ButtonIconProps, ButtonLinkProps, ButtonLoadingProps, ButtonProps, ButtonShadow, ButtonShape, ButtonVariant, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardRootProps, CardTitleProps, CardTitleRootProps, CheckboxCardEmits, CheckboxCardGroupEmits, CheckboxCardGroupOptionData, CheckboxCardGroupProps, CheckboxCardProps, CheckboxCardUi, CheckboxCardUiSlot, CheckboxControlProps, CheckboxEmits, CheckboxGroupEmits, CheckboxGroupOptionData, CheckboxGroupProps, CheckboxGroupRootEmits, CheckboxGroupRootProps, CheckboxIndicatorProps, CheckboxLabelProps, CheckboxProps, CheckboxRootEmits, CheckboxRootProps, type CheckedState, type ClassValue, CollapsibleContentProps, CollapsibleEmits, CollapsibleProps, CollapsibleRootEmits, CollapsibleRootProps, CollapsibleTriggerProps, CommandBaseOptionData, CommandEmits, CommandEmptyProps, CommandExtraUi, CommandExtraUiSlot, CommandGroupLabelProps, CommandGroupOptionEmits, CommandGroupOptionProps, CommandGroupProps, CommandHighlightSearchOptionData, CommandInputProps, CommandItemEmits, CommandItemLabelProps, CommandItemProps, CommandListProps, CommandOptionData, CommandOptionEmits, CommandOptionProps, CommandProps, CommandRootEmits, CommandRootProps, CommandSearchOptionData, CommandSearchTermEmits, CommandSeparatorProps, CommandShortcutProps, CommandSingleOptionEmits, CommandSingleOptionProps, CommandUi, CommandUiSlot, ConfigProviderProps, ContextMenuAnchorProps, ContextMenuArrowProps, ContextMenuCheckboxEmits, ContextMenuCheckboxGroupEmits, ContextMenuCheckboxGroupProps, ContextMenuCheckboxItemEmits, ContextMenuCheckboxItemProps, ContextMenuCheckboxProps, ContextMenuContentEmits, ContextMenuContentProps, ContextMenuEmits, ContextMenuGroupLabelProps, ContextMenuGroupProps, ContextMenuItemEmits, ContextMenuItemIndicatorProps, ContextMenuItemProps, ContextMenuPopupProps, ContextMenuPortalProps, ContextMenuProps, ContextMenuRadioEmits, ContextMenuRadioGroupEmits, ContextMenuRadioGroupProps, ContextMenuRadioItemEmits, ContextMenuRadioItemProps, ContextMenuRadioProps, ContextMenuRootEmits, ContextMenuRootProps, ContextMenuSeparatorProps, ContextMenuSubContentEmits, ContextMenuSubContentProps, ContextMenuSubEmits, ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuTriggerProps, ContextMenuWrapperEmits, ContextMenuWrapperProps, type DataOrientation, type DefinedValue, DialogCloseProps, DialogContentEmits, DialogContentProps, DialogDescriptionProps, DialogEmits, DialogExtendedUi, DialogExtendedUiSlot, DialogExtraUiSlot, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogProps, DialogPureEmits, DialogPureProps, DialogRootEmits, DialogRootProps, DialogState, DialogTitleProps, DialogTriggerProps, type Direction, type DisclosureState, type DismissableLayerEmits, type DismissableLayerProps, DrawerEmits, DrawerExtendedUi, DrawerExtraUiSlot, DrawerProps, DropdownMenuAnchorProps, DropdownMenuArrowProps, DropdownMenuCheckboxEmits, DropdownMenuCheckboxGroupEmits, DropdownMenuCheckboxGroupProps, DropdownMenuCheckboxItemEmits, DropdownMenuCheckboxItemProps, DropdownMenuCheckboxProps, DropdownMenuContentEmits, DropdownMenuContentProps, DropdownMenuEmits, DropdownMenuGroupLabelProps, DropdownMenuGroupProps, DropdownMenuItemEmits, DropdownMenuItemIndicatorProps, DropdownMenuItemProps, DropdownMenuPopupProps, DropdownMenuPortalProps, DropdownMenuProps, DropdownMenuRadioEmits, DropdownMenuRadioGroupEmits, DropdownMenuRadioGroupProps, DropdownMenuRadioItemEmits, DropdownMenuRadioItemProps, DropdownMenuRadioProps, DropdownMenuRootEmits, DropdownMenuRootProps, DropdownMenuSeparatorProps, DropdownMenuSubContentEmits, DropdownMenuSubContentProps, DropdownMenuSubEmits, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, DropdownMenuTriggerType, DropdownMenuWrapperEmits, DropdownMenuWrapperProps, FlattenedItem, type FocusIntent, type FocusOutsideEvent, type FocusScopeEmits, type ForceMountProps, FormContextParams, FormDescriptionProps, FormErrorProps, FormFieldArrayComponent, FormFieldArrayProps, FormFieldArraySlots, FormFieldBaseProps, FormFieldBaseSlotProps, type FormFieldCommonProps, FormFieldComponent, FormFieldProps, FormFieldSlots, FormLabelProps, FormProps, type HorizontalSide, IconProps, IconValue, type ImageLoadingStatus, InputControlProps, InputEmits, InputNumberEmits, InputNumberProps, InputProps, InputRootEmits, InputRootProps, type KbdKey, KbdProps, KbdValue, KbdVariant, LabelProps, LayoutCollapsible, LayoutEmits, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutSide, LayoutSidebarProps, LayoutTabProps, LayoutVariant, LinkProps, ListContentProps, ListDescriptionProps, ListItemProps, ListProps, ListRootProps, ListTitleProps, type MaybeArray, type MaybePromise, MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuCheckboxOptionData, MenuCheckboxOptionsEmits, MenuCheckboxOptionsProps, MenuCheckboxSelectEmits, MenuContentEmits, MenuContentProps, MenuExtendedUi, MenuExtraUi, MenuExtraUiSlot, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuOptionData, MenuOptionEmits, MenuOptionProps, MenuOptionSelectEmits, MenuOptionsContextParams, MenuOptionsEmits, MenuOptionsProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuRadioOptionData, MenuRadioOptionsEmits, MenuRadioOptionsProps, MenuRadioSelectEmits, MenuRootEmits, MenuRootProps, MenuShortcutProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuTriggerProps, type NavigationKey, NavigationMenuContentEmits, NavigationMenuContentProps, NavigationMenuEmits, NavigationMenuExtendedUi, NavigationMenuExtraUi, NavigationMenuExtraUiSlot, NavigationMenuIndicatorProps, NavigationMenuItemProps, NavigationMenuLinkEmits, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuOptionData, NavigationMenuOptionEmits, NavigationMenuOptionProps, NavigationMenuProps, NavigationMenuRootEmits, NavigationMenuRootProps, NavigationMenuSubEmits, NavigationMenuSubListProps, NavigationMenuSubOptionEmits, NavigationMenuSubOptionProps, NavigationMenuSubProps, NavigationMenuTriggerProps, NavigationMenuViewportProps, PageTabsContextMenuOptionData, PageTabsEmits, PageTabsExtendedUi, PageTabsExtraUiSlot, PageTabsOptionData, PageTabsProps, PageTabsState, PageTabsVariant, PaginationButtonProps, PaginationEllipsisProps, PaginationEmits, PaginationListItemProps, PaginationListProps, PaginationProps, PaginationRootEmits, PaginationRootProps, PasswordEmits, PasswordProps, type Placement, type PointerDownOutsideEvent, PopoverAnchorProps, PopoverArrowProps, PopoverCloseProps, PopoverEmits, PopoverPopupProps, PopoverPortalProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps, type PropsToContext, RadioCardGroupOptionData, RadioCardGroupProps, RadioCardProps, RadioGroupCardEmits, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupControlProps, RadioGroupEmits, RadioGroupIndicatorProps, RadioGroupItemEmits, RadioGroupItemProps, RadioGroupLabelProps, RadioGroupOptionData, RadioGroupProps, RadioGroupRootEmits, RadioGroupRootProps, RadioProps, _default as SAccordion, _default$1 as SAlert, _default$2 as SAlertDialog, _default$3 as SAlertDialogAction, _default$4 as SAlertDialogCancel, SArrow, SAspectRatio, _default$5 as SAvatar, _default$6 as SBadge, _default$7 as SBreadcrumb, SBreadcrumbEllipsis, SBreadcrumbPage, _default$8 as SButton, _default$9 as SButtonGroup, _default$10 as SButtonIcon, _default$11 as SButtonLink, _default$12 as SButtonLoading, _default$13 as SCard, _default$14 as SCheckbox, _default$15 as SCheckboxCard, _default$16 as SCheckboxCardGroup, _default$17 as SCheckboxGroup, _default$18 as SCollapsible, SCollapsibleContent, SCollapsibleTrigger, _default$19 as SCommand, _default$20 as SConfigProvider, _default$21 as SContextMenu, _default$22 as SContextMenuCheckbox, _default$23 as SContextMenuRadio, _default$24 as SContextMenuWrapper, _default$25 as SDialog, _default$26 as SDialogClose, _default$27 as SDialogPure, _default$28 as SDrawer, _default$29 as SDrawerClose, _default$30 as SDropdownMenu, _default$31 as SDropdownMenuCheckbox, _default$32 as SDropdownMenuRadio, _default$33 as SDropdownMenuWrapper, _default$34 as SForm, _default$35 as SIcon, _default$36 as SInput, _default$37 as SInputNumber, _default$38 as SKbd, _default$39 as SLabel, _default$40 as SLayout, _default$41 as SLayoutTrigger, _default$42 as SLink, _default$43 as SList, _default$44 as SListItem, _default$45 as SMenuCheckboxOptions, _default$46 as SMenuOption, _default$47 as SMenuOptions, _default$48 as SMenuRadioOptions, _default$49 as SNavigationMenu, _default$50 as SPageTabs, _default$51 as SPagination, _default$52 as SPassword, _default$53 as SPopover, _default$54 as SRadio, _default$55 as SRadioCard, _default$56 as SRadioCardGroup, _default$57 as SRadioGroup, _default$58 as SSegment, _default$59 as SSelect, _default$60 as SSeparator, _default$61 as SSwitch, _default$62 as STable, _default$63 as STabs, _default$64 as STag, _default$65 as STextarea, _default$66 as SToast, SToastAction, SToastClose, _default$67 as STooltip, _default$68 as STree, STreeItem, _default$69 as STreeMenu, _default$70 as STreeMenuStyledItem, _default$71 as STreeVirtualizer, STreeVirtualizerItem, _default$72 as SVirtualizer, SVirtualizerItem, SegmentExtendedUi, SegmentOptionData, SegmentProps, SelectArrowProps, SelectContentEmits, SelectContentProps, SelectEmits, type SelectEvent, SelectGroupLabelProps, SelectGroupOptionData, SelectGroupOptionEmits, SelectGroupOptionProps, SelectGroupProps, SelectItemEmits, SelectItemEvent, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectOptionData, SelectOptionEmits, SelectOptionProps, SelectPosition, SelectProps, SelectRootEmits, SelectRootProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectSingleOptionData, SelectSingleOptionEmits, SelectSingleOptionProps, SelectTriggerIconProps, SelectTriggerProps, SelectValueProps, SelectViewportProps, type SelectionEmits, type SelectionProps, SeparatorLabelProps, SeparatorProps, SeparatorRootProps, type Side, SwitchControlProps, SwitchEmits, SwitchProps, SwitchRootEmits, SwitchRootProps, SwitchShape, SwitchThumbProps, TableAlign, TableColumn, TableEmits, TableProps, TableRadioProps, TableSelectionProps, TableSlots, TabsContentProps, TabsEmits, TabsExtendedUi, TabsExtraUiSlot, TabsIndicatorProps, TabsListProps, TabsOptionData, TabsProps, TabsRootEmits, TabsRootProps, TabsTriggerProps, TagEmits, TagProps, TagShape, TagVariant, TextareaControlProps, TextareaCounterProps, TextareaEmits, TextareaExtraUiSlot, TextareaProps, TextareaResize, TextareaRootEmits, TextareaRootProps, type ThemeColor, ThemeOptions, type ThemeSize, ToastColor, ToastProps, TooltipArrowProps, TooltipEmits, TooltipPopupProps, TooltipPortalProps, TooltipPositionerEmits, TooltipPositionerProps, TooltipProps, TooltipProviderProps, TooltipRootEmits, TooltipRootProps, TooltipTriggerProps, type TrapFocusProps, TreeItemBaseData, TreeItemData, TreeItemEmits, TreeItemProps, TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraUiSlot, TreeMenuOptionData, TreeMenuOptionEmits, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuOptionsContextParams, TreeMenuOptionsEmits, TreeMenuOptionsProps, TreeMenuProps, TreeMenuStyledItemProps, TreeRootEmits, TreeRootProps, TreeSelectBehavior, type TreeSelectEvent, TreeToggleBehavior, type TreeToggleEvent, TreeVirtualizerEmits, TreeVirtualizerItemEmits, TreeVirtualizerItemProps, TreeVirtualizerProps, TreeVirtualizerRootEmits, TreeVirtualizerRootProps, UseDialogOptions, UseDialogReturn, UseDialogType, UseToastOptions, type VNodeRef, VirtualizerContentProps, VirtualizerDynamicContentProps, VirtualizerItemProps, VirtualizerOptions, VirtualizerProps, VirtualizerRootProps, useConfigProvider, useDialog, useForm, useToast };
180
+ export { type AcceptableBooleanValue, type AcceptableValue, AccordionContentProps, AccordionEmits, AccordionExtendedUi, AccordionExtraUiSlot, AccordionHeaderProps, AccordionItemProps, AccordionOptionData, AccordionProps, AccordionRootEmits, AccordionRootProps, AccordionTriggerProps, AlertCloseProps, AlertContentProps, AlertDescriptionProps, AlertDialogActionProps, AlertDialogCancelProps, AlertDialogCloseProps, AlertDialogContentEmits, AlertDialogContentProps, AlertDialogDescriptionProps, AlertDialogEmits, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogOverlayProps, AlertDialogPortalProps, AlertDialogProps, AlertDialogRootEmits, AlertDialogRootProps, AlertDialogTitleProps, AlertDialogTriggerProps, AlertDialogType, AlertEmits, AlertExtendedUi, AlertProps, AlertRootEmits, AlertRootProps, AlertTitleProps, AlertVariant, type Align, ArrowProps, AspectRatioProps, AvatarEmits, AvatarFallbackProps, AvatarImageEmits, AvatarImageProps, AvatarProps, AvatarRootProps, BadgeContentProps, BadgeEmits, BadgePosition, BadgeProps, BadgeRootEmits, BadgeRootProps, BaseTableData, BreadcrumbEllipsisProps, BreadcrumbEmits, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbOptionData, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbRootProps, BreadcrumbSeparatorProps, ButtonEmits, ButtonGroupProps, ButtonIconProps, ButtonLinkProps, ButtonLoadingProps, ButtonProps, ButtonShadow, ButtonShape, ButtonVariant, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardRootProps, CardTitleProps, CardTitleRootProps, CheckboxCardEmits, CheckboxCardGroupEmits, CheckboxCardGroupOptionData, CheckboxCardGroupProps, CheckboxCardProps, CheckboxCardUi, CheckboxCardUiSlot, CheckboxControlProps, CheckboxEmits, CheckboxGroupEmits, CheckboxGroupOptionData, CheckboxGroupProps, CheckboxGroupRootEmits, CheckboxGroupRootProps, CheckboxIndicatorProps, CheckboxLabelProps, CheckboxProps, CheckboxRootEmits, CheckboxRootProps, type CheckedState, type ClassValue, CollapsibleContentProps, CollapsibleEmits, CollapsibleProps, CollapsibleRootEmits, CollapsibleRootProps, CollapsibleTriggerProps, CommandBaseOptionData, CommandEmits, CommandEmptyProps, CommandExtraUi, CommandExtraUiSlot, CommandGroupLabelProps, CommandGroupOptionEmits, CommandGroupOptionProps, CommandGroupProps, CommandHighlightSearchOptionData, CommandInputProps, CommandItemEmits, CommandItemLabelProps, CommandItemProps, CommandListProps, CommandOptionData, CommandOptionEmits, CommandOptionProps, CommandProps, CommandRootEmits, CommandRootProps, CommandSearchOptionData, CommandSearchTermEmits, CommandSeparatorProps, CommandShortcutProps, CommandSingleOptionEmits, CommandSingleOptionProps, CommandUi, CommandUiSlot, ConfigProviderProps, ContextMenuAnchorProps, ContextMenuArrowProps, ContextMenuCheckboxEmits, ContextMenuCheckboxGroupEmits, ContextMenuCheckboxGroupProps, ContextMenuCheckboxItemEmits, ContextMenuCheckboxItemProps, ContextMenuCheckboxProps, ContextMenuContentEmits, ContextMenuContentProps, ContextMenuEmits, ContextMenuGroupLabelProps, ContextMenuGroupProps, ContextMenuItemEmits, ContextMenuItemIndicatorProps, ContextMenuItemProps, ContextMenuPopupProps, ContextMenuPortalProps, ContextMenuProps, ContextMenuRadioEmits, ContextMenuRadioGroupEmits, ContextMenuRadioGroupProps, ContextMenuRadioItemEmits, ContextMenuRadioItemProps, ContextMenuRadioProps, ContextMenuRootEmits, ContextMenuRootProps, ContextMenuSeparatorProps, ContextMenuSubContentEmits, ContextMenuSubContentProps, ContextMenuSubEmits, ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuTriggerProps, ContextMenuWrapperEmits, ContextMenuWrapperProps, type DataOrientation, type DefinedValue, DialogCloseProps, DialogContentEmits, DialogContentProps, DialogDescriptionProps, DialogEmits, DialogExtendedUi, DialogExtendedUiSlot, DialogExtraUiSlot, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogProps, DialogPureEmits, DialogPureProps, DialogRootEmits, DialogRootProps, DialogState, DialogTitleProps, DialogTriggerProps, type Direction, type DisclosureState, type DismissableLayerEmits, type DismissableLayerProps, DrawerEmits, DrawerExtendedUi, DrawerExtraUiSlot, DrawerProps, DropdownMenuAnchorProps, DropdownMenuArrowProps, DropdownMenuCheckboxEmits, DropdownMenuCheckboxGroupEmits, DropdownMenuCheckboxGroupProps, DropdownMenuCheckboxItemEmits, DropdownMenuCheckboxItemProps, DropdownMenuCheckboxProps, DropdownMenuContentEmits, DropdownMenuContentProps, DropdownMenuEmits, DropdownMenuGroupLabelProps, DropdownMenuGroupProps, DropdownMenuItemEmits, DropdownMenuItemIndicatorProps, DropdownMenuItemProps, DropdownMenuPopupProps, DropdownMenuPortalProps, DropdownMenuProps, DropdownMenuRadioEmits, DropdownMenuRadioGroupEmits, DropdownMenuRadioGroupProps, DropdownMenuRadioItemEmits, DropdownMenuRadioItemProps, DropdownMenuRadioProps, DropdownMenuRootEmits, DropdownMenuRootProps, DropdownMenuSeparatorProps, DropdownMenuSubContentEmits, DropdownMenuSubContentProps, DropdownMenuSubEmits, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, DropdownMenuTriggerType, DropdownMenuWrapperEmits, DropdownMenuWrapperProps, FlattenedItem, type FocusIntent, type FocusOutsideEvent, type FocusScopeEmits, type ForceMountProps, FormContextParams, FormDescriptionProps, FormErrorProps, FormFieldArrayComponent, FormFieldArrayProps, FormFieldArraySlots, FormFieldBaseProps, FormFieldBaseSlotProps, type FormFieldCommonProps, FormFieldComponent, FormFieldProps, FormFieldSlots, FormLabelProps, FormProps, type HorizontalSide, IconProps, IconValue, type ImageLoadingStatus, InputControlProps, InputEmits, InputNumberEmits, InputNumberProps, InputProps, InputRootEmits, InputRootProps, type KbdKey, KbdProps, KbdValue, KbdVariant, LabelProps, LayoutCollapsible, LayoutEmits, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutSide, LayoutSidebarProps, LayoutTabProps, LayoutVariant, LinkProps, ListContentProps, ListDescriptionProps, ListItemProps, ListProps, ListRootProps, ListTitleProps, type MaybeArray, type MaybePromise, MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuCheckboxOptionData, MenuCheckboxOptionsEmits, MenuCheckboxOptionsProps, MenuCheckboxSelectEmits, MenuContentEmits, MenuContentProps, MenuExtendedUi, MenuExtraUi, MenuExtraUiSlot, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuOptionData, MenuOptionEmits, MenuOptionProps, MenuOptionSelectEmits, MenuOptionsContextParams, MenuOptionsEmits, MenuOptionsProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuRadioOptionData, MenuRadioOptionsEmits, MenuRadioOptionsProps, MenuRadioSelectEmits, MenuRootEmits, MenuRootProps, MenuShortcutProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuTriggerProps, type NavigationKey, NavigationMenuContentEmits, NavigationMenuContentProps, NavigationMenuEmits, NavigationMenuExtendedUi, NavigationMenuExtraUi, NavigationMenuExtraUiSlot, NavigationMenuIndicatorProps, NavigationMenuItemProps, NavigationMenuLinkEmits, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuOptionData, NavigationMenuOptionEmits, NavigationMenuOptionProps, NavigationMenuProps, NavigationMenuRootEmits, NavigationMenuRootProps, NavigationMenuSubEmits, NavigationMenuSubListProps, NavigationMenuSubOptionEmits, NavigationMenuSubOptionProps, NavigationMenuSubProps, NavigationMenuTriggerProps, NavigationMenuViewportProps, PageTabsContextMenuOptionData, PageTabsEmits, PageTabsExtendedUi, PageTabsExtraUiSlot, PageTabsOptionData, PageTabsProps, PageTabsState, PageTabsVariant, PaginationButtonProps, PaginationEllipsisProps, PaginationEmits, PaginationListItemProps, PaginationListProps, PaginationProps, PaginationRootEmits, PaginationRootProps, PasswordEmits, PasswordProps, type Placement, type PointerDownOutsideEvent, PopoverAnchorProps, PopoverArrowProps, PopoverCloseProps, PopoverEmits, PopoverPopupProps, PopoverPortalProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps, type PropsToContext, RadioCardGroupOptionData, RadioCardGroupProps, RadioCardProps, RadioGroupCardEmits, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupControlProps, RadioGroupEmits, RadioGroupIndicatorProps, RadioGroupItemEmits, RadioGroupItemProps, RadioGroupLabelProps, RadioGroupOptionData, RadioGroupProps, RadioGroupRootEmits, RadioGroupRootProps, RadioProps, _default as SAccordion, _default$1 as SAlert, _default$2 as SAlertDialog, _default$3 as SAlertDialogAction, _default$4 as SAlertDialogCancel, SArrow, SAspectRatio, _default$5 as SAvatar, _default$6 as SBadge, _default$7 as SBreadcrumb, SBreadcrumbEllipsis, SBreadcrumbPage, _default$8 as SButton, _default$9 as SButtonGroup, _default$10 as SButtonIcon, _default$11 as SButtonLink, _default$12 as SButtonLoading, _default$13 as SCard, _default$14 as SCheckbox, _default$15 as SCheckboxCard, _default$16 as SCheckboxCardGroup, _default$17 as SCheckboxGroup, _default$18 as SCollapsible, SCollapsibleContent, SCollapsibleTrigger, _default$19 as SCommand, _default$20 as SConfigProvider, _default$21 as SContextMenu, _default$22 as SContextMenuCheckbox, _default$23 as SContextMenuRadio, _default$24 as SContextMenuWrapper, _default$25 as SDialog, _default$26 as SDialogClose, _default$27 as SDialogPure, _default$28 as SDrawer, _default$29 as SDrawerClose, _default$30 as SDropdownMenu, _default$31 as SDropdownMenuCheckbox, _default$32 as SDropdownMenuRadio, _default$33 as SDropdownMenuWrapper, _default$34 as SForm, _default$35 as SIcon, _default$36 as SInput, _default$37 as SInputNumber, _default$38 as SKbd, _default$39 as SLabel, _default$40 as SLayout, _default$41 as SLayoutTrigger, _default$42 as SLink, _default$43 as SList, _default$44 as SListItem, _default$45 as SMenuCheckboxOptions, _default$46 as SMenuOption, _default$47 as SMenuOptions, _default$48 as SMenuRadioOptions, _default$49 as SNavigationMenu, _default$50 as SPageTabs, _default$51 as SPagination, _default$52 as SPassword, _default$53 as SPopover, _default$54 as SRadio, _default$55 as SRadioCard, _default$56 as SRadioCardGroup, _default$57 as SRadioGroup, _default$58 as SSegment, _default$59 as SSelect, _default$60 as SSeparator, _default$61 as SSwitch, _default$62 as STable, STableCell, STableRow, _default$63 as STabs, _default$64 as STag, _default$65 as STextarea, _default$66 as SToast, SToastAction, SToastClose, _default$67 as STooltip, _default$68 as STree, STreeItem, _default$69 as STreeMenu, _default$70 as STreeMenuStyledItem, _default$71 as STreeVirtualizer, STreeVirtualizerItem, _default$72 as SVirtualizer, SVirtualizerItem, SegmentExtendedUi, SegmentOptionData, SegmentProps, SelectArrowProps, SelectContentEmits, SelectContentProps, SelectEmits, type SelectEvent, SelectGroupLabelProps, SelectGroupOptionData, SelectGroupOptionEmits, SelectGroupOptionProps, SelectGroupProps, SelectItemEmits, SelectItemEvent, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectOptionData, SelectOptionEmits, SelectOptionProps, SelectPosition, SelectProps, SelectRootEmits, SelectRootProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectSingleOptionData, SelectSingleOptionEmits, SelectSingleOptionProps, SelectTriggerIconProps, SelectTriggerProps, SelectValueProps, SelectViewportProps, type SelectionEmits, type SelectionProps, SeparatorLabelProps, SeparatorProps, SeparatorRootProps, type Side, SwitchControlProps, SwitchEmits, SwitchProps, SwitchRootEmits, SwitchRootProps, SwitchShape, SwitchThumbProps, TableAlign, TableColumn, TableEmits, TableProps, TableRadioProps, TableSelectionProps, TableSlots, TabsContentProps, TabsEmits, TabsExtendedUi, TabsExtraUiSlot, TabsIndicatorProps, TabsListProps, TabsOptionData, TabsProps, TabsRootEmits, TabsRootProps, TabsTriggerProps, TagEmits, TagProps, TagShape, TagVariant, TextareaControlProps, TextareaCounterProps, TextareaEmits, TextareaExtraUiSlot, TextareaProps, TextareaResize, TextareaRootEmits, TextareaRootProps, type ThemeColor, ThemeOptions, type ThemeSize, ToastColor, ToastProps, TooltipArrowProps, TooltipEmits, TooltipPopupProps, TooltipPortalProps, TooltipPositionerEmits, TooltipPositionerProps, TooltipProps, TooltipProviderProps, TooltipRootEmits, TooltipRootProps, TooltipTriggerProps, type TrapFocusProps, TreeItemBaseData, TreeItemData, TreeItemEmits, TreeItemProps, TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraUiSlot, TreeMenuOptionData, TreeMenuOptionEmits, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuOptionsContextParams, TreeMenuOptionsEmits, TreeMenuOptionsProps, TreeMenuProps, TreeMenuStyledItemProps, TreeRootEmits, TreeRootProps, TreeSelectBehavior, type TreeSelectEvent, TreeToggleBehavior, type TreeToggleEvent, TreeVirtualizerEmits, TreeVirtualizerItemEmits, TreeVirtualizerItemProps, TreeVirtualizerProps, TreeVirtualizerRootEmits, TreeVirtualizerRootProps, UseDialogOptions, UseDialogReturn, UseDialogType, UseToastOptions, type VNodeRef, VirtualizerContentProps, VirtualizerDynamicContentProps, VirtualizerItemProps, VirtualizerOptions, VirtualizerProps, VirtualizerRootProps, useConfigProvider, useDialog, useForm, useToast };
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- import e from"./components/alert-dialog/alert-dialog.js";import t from"./components/button/button.js";import n from"./components/alert-dialog/alert-dialog-cancel.js";import r from"./components/alert-dialog/alert-dialog-action.js";import{useDialog as i}from"./components/dialog/context.js";import{useConfigProvider as a}from"./components/config-provider/context.js";import{useToast as o}from"./components/toast/context.js";import s from"./components/button/button-icon.js";import c from"./components/toast/toast.js";import l from"./components/config-provider/config-provider.js";import"./components/config-provider/index.js";import u from"./components/icon/icon.js";import d from"./components/accordion/accordion.js";import"./components/accordion/index.js";import f from"./components/alert/alert.js";import"./components/alert/index.js";import"./components/alert-dialog/index.js";import{SArrow as p}from"./components/arrow/index.js";import{SAspectRatio as m}from"./components/aspect-ratio/index.js";import h from"./components/avatar/avatar.js";import"./components/avatar/index.js";import g from"./components/badge/badge.js";import"./components/badge/index.js";import _ from"./components/breadcrumb/breadcrumb.js";import{SBreadcrumbEllipsis as v,SBreadcrumbPage as y}from"./components/breadcrumb/index.js";import b from"./components/button/button-loading.js";import x from"./components/link/link.js";import S from"./components/button/button-link.js";import C from"./components/button/button-group.js";import"./components/button/index.js";import w from"./components/card/card.js";import"./components/card/index.js";import T from"./components/checkbox/checkbox.js";import E from"./components/checkbox/checkbox-group.js";import D from"./components/checkbox/checkbox-card.js";import O from"./components/checkbox/checkbox-card-group.js";import"./components/checkbox/index.js";import k from"./components/collapsible/collapsible.js";import{SCollapsibleContent as A,SCollapsibleTrigger as j}from"./components/collapsible/index.js";import M from"./components/kbd/kbd.js";import N from"./components/command/command.js";import"./components/command/index.js";import P from"./components/menu/menu-option.js";import F from"./components/menu/menu-options.js";import I from"./components/context-menu/context-menu-wrapper.js";import L from"./components/context-menu/context-menu.js";import R from"./components/menu/menu-checkbox-options.js";import z from"./components/context-menu/context-menu-checkbox.js";import B from"./components/menu/menu-radio-options.js";import V from"./components/context-menu/context-menu-radio.js";import"./components/context-menu/index.js";import H from"./components/dialog/dialog.js";import U from"./components/dialog/dialog-close.js";import W from"./components/dialog/dialog-pure.js";import"./components/dialog/index.js";import G from"./components/drawer/drawer.js";import K from"./components/drawer/drawer-close.js";import"./components/drawer/index.js";import q from"./components/dropdown-menu/dropdown-menu-wrapper.js";import J from"./components/dropdown-menu/dropdown-menu.js";import Y from"./components/dropdown-menu/dropdown-menu-checkbox.js";import X from"./components/dropdown-menu/dropdown-menu-radio.js";import"./components/dropdown-menu/index.js";import Z from"./components/form/form.js";import{useForm as Q}from"./components/form/use-form.js";import"./components/form/index.js";import"./components/icon/index.js";import $ from"./components/input/input.js";import"./components/input/index.js";import ee from"./components/input-number/input-number.js";import"./components/input-number/index.js";import"./components/kbd/index.js";import te from"./components/label/label.js";import"./components/label/index.js";import ne from"./components/layout/layout.js";import re from"./components/layout/layout-trigger.js";import"./components/layout/index.js";import"./components/link/index.js";import ie from"./components/list/list.js";import ae from"./components/list/list-item.js";import"./components/list/index.js";import"./components/menu/index.js";import oe from"./components/navigation-menu/navigation-menu.js";import"./components/navigation-menu/index.js";import se from"./components/page-tabs/page-tabs.js";import"./components/page-tabs/index.js";import ce from"./components/pagination/pagination.js";import"./components/pagination/index.js";import le from"./components/password/password.js";import"./components/password/index.js";import ue from"./components/popover/popover.js";import"./components/popover/index.js";import de from"./components/radio-group/radio.js";import fe from"./components/radio-group/radio-group.js";import pe from"./components/radio-group/radio-card.js";import me from"./components/radio-group/radio-card-group.js";import"./components/radio-group/index.js";import he from"./components/segment/segment.js";import"./components/segment/index.js";import ge from"./components/select/select.js";import"./components/select/index.js";import _e from"./components/separator/separator.js";import"./components/separator/index.js";import ve from"./components/switch/switch.js";import"./components/switch/index.js";import ye from"./components/table/table.js";import"./components/table/index.js";import be from"./components/tabs/tabs.js";import"./components/tabs/index.js";import xe from"./components/tag/tag.js";import"./components/tag/index.js";import Se from"./components/textarea/textarea.js";import"./components/textarea/index.js";import{SToastAction as Ce,SToastClose as we}from"./components/toast/index.js";import Te from"./components/tooltip/tooltip.js";import"./components/tooltip/index.js";import Ee from"./components/tree/tree.js";import De from"./components/tree/tree-virtualizer.js";import{STreeItem as Oe,STreeVirtualizerItem as ke}from"./components/tree/index.js";import Ae from"./components/tree-menu/tree-menu.js";import je from"./components/tree-menu/tree-menu-styled-item.js";import"./components/tree-menu/index.js";import Me from"./components/virtualizer/virtualizer.js";import{SVirtualizerItem as Ne}from"./components/virtualizer/index.js";export{d as SAccordion,f as SAlert,e as SAlertDialog,r as SAlertDialogAction,n as SAlertDialogCancel,p as SArrow,m as SAspectRatio,h as SAvatar,g as SBadge,_ as SBreadcrumb,v as SBreadcrumbEllipsis,y as SBreadcrumbPage,t as SButton,C as SButtonGroup,s as SButtonIcon,S as SButtonLink,b as SButtonLoading,w as SCard,T as SCheckbox,D as SCheckboxCard,O as SCheckboxCardGroup,E as SCheckboxGroup,k as SCollapsible,A as SCollapsibleContent,j as SCollapsibleTrigger,N as SCommand,l as SConfigProvider,L as SContextMenu,z as SContextMenuCheckbox,V as SContextMenuRadio,I as SContextMenuWrapper,H as SDialog,U as SDialogClose,W as SDialogPure,G as SDrawer,K as SDrawerClose,J as SDropdownMenu,Y as SDropdownMenuCheckbox,X as SDropdownMenuRadio,q as SDropdownMenuWrapper,Z as SForm,u as SIcon,$ as SInput,ee as SInputNumber,M as SKbd,te as SLabel,ne as SLayout,re as SLayoutTrigger,x as SLink,ie as SList,ae as SListItem,R as SMenuCheckboxOptions,P as SMenuOption,F as SMenuOptions,B as SMenuRadioOptions,oe as SNavigationMenu,se as SPageTabs,ce as SPagination,le as SPassword,ue as SPopover,de as SRadio,pe as SRadioCard,me as SRadioCardGroup,fe as SRadioGroup,he as SSegment,ge as SSelect,_e as SSeparator,ve as SSwitch,ye as STable,be as STabs,xe as STag,Se as STextarea,c as SToast,Ce as SToastAction,we as SToastClose,Te as STooltip,Ee as STree,Oe as STreeItem,Ae as STreeMenu,je as STreeMenuStyledItem,De as STreeVirtualizer,ke as STreeVirtualizerItem,Me as SVirtualizer,Ne as SVirtualizerItem,a as useConfigProvider,i as useDialog,Q as useForm,o as useToast};
1
+ import e from"./components/alert-dialog/alert-dialog.js";import t from"./components/button/button.js";import n from"./components/alert-dialog/alert-dialog-cancel.js";import r from"./components/alert-dialog/alert-dialog-action.js";import{useDialog as i}from"./components/dialog/context.js";import{useConfigProvider as a}from"./components/config-provider/context.js";import{useToast as o}from"./components/toast/context.js";import s from"./components/button/button-icon.js";import c from"./components/toast/toast.js";import l from"./components/config-provider/config-provider.js";import"./components/config-provider/index.js";import u from"./components/icon/icon.js";import d from"./components/accordion/accordion.js";import"./components/accordion/index.js";import f from"./components/alert/alert.js";import"./components/alert/index.js";import"./components/alert-dialog/index.js";import{SArrow as p}from"./components/arrow/index.js";import{SAspectRatio as m}from"./components/aspect-ratio/index.js";import h from"./components/avatar/avatar.js";import"./components/avatar/index.js";import g from"./components/badge/badge.js";import"./components/badge/index.js";import _ from"./components/breadcrumb/breadcrumb.js";import{SBreadcrumbEllipsis as v,SBreadcrumbPage as y}from"./components/breadcrumb/index.js";import b from"./components/button/button-loading.js";import x from"./components/link/link.js";import S from"./components/button/button-link.js";import C from"./components/button/button-group.js";import"./components/button/index.js";import w from"./components/card/card.js";import"./components/card/index.js";import T from"./components/checkbox/checkbox.js";import E from"./components/checkbox/checkbox-group.js";import D from"./components/checkbox/checkbox-card.js";import O from"./components/checkbox/checkbox-card-group.js";import"./components/checkbox/index.js";import k from"./components/collapsible/collapsible.js";import{SCollapsibleContent as A,SCollapsibleTrigger as j}from"./components/collapsible/index.js";import M from"./components/kbd/kbd.js";import N from"./components/command/command.js";import"./components/command/index.js";import P from"./components/menu/menu-option.js";import F from"./components/menu/menu-options.js";import I from"./components/context-menu/context-menu-wrapper.js";import L from"./components/context-menu/context-menu.js";import R from"./components/menu/menu-checkbox-options.js";import z from"./components/context-menu/context-menu-checkbox.js";import B from"./components/menu/menu-radio-options.js";import V from"./components/context-menu/context-menu-radio.js";import"./components/context-menu/index.js";import H from"./components/dialog/dialog.js";import U from"./components/dialog/dialog-close.js";import W from"./components/dialog/dialog-pure.js";import"./components/dialog/index.js";import G from"./components/drawer/drawer.js";import K from"./components/drawer/drawer-close.js";import"./components/drawer/index.js";import q from"./components/dropdown-menu/dropdown-menu-wrapper.js";import J from"./components/dropdown-menu/dropdown-menu.js";import Y from"./components/dropdown-menu/dropdown-menu-checkbox.js";import X from"./components/dropdown-menu/dropdown-menu-radio.js";import"./components/dropdown-menu/index.js";import Z from"./components/form/form.js";import{useForm as Q}from"./components/form/use-form.js";import"./components/form/index.js";import"./components/icon/index.js";import $ from"./components/input/input.js";import"./components/input/index.js";import ee from"./components/input-number/input-number.js";import"./components/input-number/index.js";import"./components/kbd/index.js";import te from"./components/label/label.js";import"./components/label/index.js";import ne from"./components/layout/layout.js";import re from"./components/layout/layout-trigger.js";import"./components/layout/index.js";import"./components/link/index.js";import ie from"./components/list/list.js";import ae from"./components/list/list-item.js";import"./components/list/index.js";import"./components/menu/index.js";import oe from"./components/navigation-menu/navigation-menu.js";import"./components/navigation-menu/index.js";import se from"./components/page-tabs/page-tabs.js";import"./components/page-tabs/index.js";import ce from"./components/pagination/pagination.js";import"./components/pagination/index.js";import le from"./components/password/password.js";import"./components/password/index.js";import ue from"./components/popover/popover.js";import"./components/popover/index.js";import de from"./components/radio-group/radio.js";import fe from"./components/radio-group/radio-group.js";import pe from"./components/radio-group/radio-card.js";import me from"./components/radio-group/radio-card-group.js";import"./components/radio-group/index.js";import he from"./components/segment/segment.js";import"./components/segment/index.js";import ge from"./components/select/select.js";import"./components/select/index.js";import _e from"./components/separator/separator.js";import"./components/separator/index.js";import ve from"./components/switch/switch.js";import"./components/switch/index.js";import ye from"./components/table/table.js";import{STableCell as be,STableRow as xe}from"./components/table/index.js";import Se from"./components/tabs/tabs.js";import"./components/tabs/index.js";import Ce from"./components/tag/tag.js";import"./components/tag/index.js";import we from"./components/textarea/textarea.js";import"./components/textarea/index.js";import{SToastAction as Te,SToastClose as Ee}from"./components/toast/index.js";import De from"./components/tooltip/tooltip.js";import"./components/tooltip/index.js";import Oe from"./components/tree/tree.js";import ke from"./components/tree/tree-virtualizer.js";import{STreeItem as Ae,STreeVirtualizerItem as je}from"./components/tree/index.js";import Me from"./components/tree-menu/tree-menu.js";import Ne from"./components/tree-menu/tree-menu-styled-item.js";import"./components/tree-menu/index.js";import Pe from"./components/virtualizer/virtualizer.js";import{SVirtualizerItem as Fe}from"./components/virtualizer/index.js";export{d as SAccordion,f as SAlert,e as SAlertDialog,r as SAlertDialogAction,n as SAlertDialogCancel,p as SArrow,m as SAspectRatio,h as SAvatar,g as SBadge,_ as SBreadcrumb,v as SBreadcrumbEllipsis,y as SBreadcrumbPage,t as SButton,C as SButtonGroup,s as SButtonIcon,S as SButtonLink,b as SButtonLoading,w as SCard,T as SCheckbox,D as SCheckboxCard,O as SCheckboxCardGroup,E as SCheckboxGroup,k as SCollapsible,A as SCollapsibleContent,j as SCollapsibleTrigger,N as SCommand,l as SConfigProvider,L as SContextMenu,z as SContextMenuCheckbox,V as SContextMenuRadio,I as SContextMenuWrapper,H as SDialog,U as SDialogClose,W as SDialogPure,G as SDrawer,K as SDrawerClose,J as SDropdownMenu,Y as SDropdownMenuCheckbox,X as SDropdownMenuRadio,q as SDropdownMenuWrapper,Z as SForm,u as SIcon,$ as SInput,ee as SInputNumber,M as SKbd,te as SLabel,ne as SLayout,re as SLayoutTrigger,x as SLink,ie as SList,ae as SListItem,R as SMenuCheckboxOptions,P as SMenuOption,F as SMenuOptions,B as SMenuRadioOptions,oe as SNavigationMenu,se as SPageTabs,ce as SPagination,le as SPassword,ue as SPopover,de as SRadio,pe as SRadioCard,me as SRadioCardGroup,fe as SRadioGroup,he as SSegment,ge as SSelect,_e as SSeparator,ve as SSwitch,ye as STable,be as STableCell,xe as STableRow,Se as STabs,Ce as STag,we as STextarea,c as SToast,Te as SToastAction,Ee as SToastClose,De as STooltip,Oe as STree,Ae as STreeItem,Me as STreeMenu,Ne as STreeMenuStyledItem,ke as STreeVirtualizer,je as STreeVirtualizerItem,Pe as SVirtualizer,Fe as SVirtualizerItem,a as useConfigProvider,i as useDialog,Q as useForm,o as useToast};
package/dist/styles.css CHANGED
@@ -138,6 +138,7 @@
138
138
  .z-20{z-index:20;}
139
139
  .z-3{z-index:3;}
140
140
  .z-50{z-index:50;}
141
+ .z-9999{z-index:9999;}
141
142
  .focus-visible\:\[\&\>\*\]\:z-2>*:focus-visible{z-index:2;}
142
143
  .-order-1{order:-1;}
143
144
  .order-1{order:1;}
@@ -186,6 +187,7 @@
186
187
  .group[data-orientation=vertical] .group-data-\[orientation\=vertical\]\:ml-4{margin-left:1rem;}
187
188
  .group[data-orientation=vertical] .group-data-\[orientation\=vertical\]\:mt-0{margin-top:0;}
188
189
  .group[data-state=collapsed] .group-data-\[state\=collapsed\]\:mb-0{margin-bottom:0;}
190
+ .group[data-tab-visible=true] .group-data-\[tab-visible\=true\]\:mt-\[--soybean-layout-tab-height\]{margin-top:var(--soybean-layout-tab-height);}
189
191
  .mb-0\.875{margin-bottom:0.21875rem;}
190
192
  .mb-1{margin-bottom:0.25rem;}
191
193
  .mb-1\.25{margin-bottom:0.3125rem;}
@@ -201,7 +203,6 @@
201
203
  .mr-2\.5{margin-right:0.625rem;}
202
204
  .mr-3{margin-right:0.75rem;}
203
205
  .mr-3\.5{margin-right:0.875rem;}
204
- .mt-\[--soybean-layout-tab-height\]{margin-top:var(--soybean-layout-tab-height);}
205
206
  .mt-0\.25{margin-top:0.0625rem;}
206
207
  .mt-1\.25{margin-top:0.3125rem;}
207
208
  .mt-1\.5{margin-top:0.375rem;}
@@ -214,7 +215,6 @@
214
215
  .group:hover .group-hover\:block{display:block;}
215
216
  .inline-block{display:inline-block;}
216
217
  .contents{display:contents;}
217
- .\[\&\>button\]\:hidden>button,
218
218
  .hidden{display:none;}
219
219
  .aspect-square{aspect-ratio:1/1;}
220
220
  .group[data-state=collapsed] .group-data-\[state\=collapsed\]\:size-0{width:0;height:0;}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@soybeanjs/ui",
3
- "version": "0.9.0",
3
+ "version": "0.9.1",
4
4
  "description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
5
5
  "homepage": "https://github.com/soybeanjs/soybean-ui",
6
6
  "bugs": {
@@ -54,7 +54,7 @@
54
54
  "tailwind-variants": "^3.2.2",
55
55
  "valibot": "^1.2.0",
56
56
  "zod": "^4.3.6",
57
- "@soybeanjs/headless": "^0.9.0"
57
+ "@soybeanjs/headless": "^0.9.1"
58
58
  },
59
59
  "devDependencies": {
60
60
  "@soybeanjs/cli": "^1.5.0",