@soybeanjs/ui 0.15.0-beta.2 → 0.15.0-beta.4

package/dist/components/accordion/accordion.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{accordionVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderList as u,renderSlot as d,toHandlers as f,unref as p,useSlots as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{AccordionCompact as v,provideAccordionUi as y}from"@soybeanjs/headless";import{keysOf as b}from"@soybeanjs/utils";const x=a({name:`SAccordion`,__name:`accordion`,props:{class:{},size:{},ui:{},items:{},itemProps:{},headerProps:{},triggerProps:{},contentProps:{},descriptionProps:{},collapsible:{type:Boolean},dir:{},disabled:{type:Boolean},orientation:{},unmountOnHide:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},singleClearable:{type:Boolean}},emits:[`update:modelValue`],setup(a,{emit:x}){let S=a,C=x,w=m(),T=_(S,[`class`,`size`,`ui`]),E=g(C),D=n(()=>b(w).filter(e=>e!==`item`));return y(n(()=>e(t({size:S.size}),S.ui,{root:S.class}))),(e,t)=>(l(),r(p(v),s(p(T),f(p(E))),i({item:h(t=>[d(e.$slots,`item`,c(o(t)))]),_:2},[u(D.value,t=>({name:t,fn:h(n=>[d(e.$slots,t,c(o(n)))])}))]),1040))}});export{x as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{accordionVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderList as u,renderSlot as d,toHandlers as f,unref as p,useSlots as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{AccordionCompact as v,provideAccordionUi as y}from"@soybeanjs/headless";import{keysOf as b}from"@soybeanjs/utils";const x=a({name:`SAccordion`,__name:`accordion`,props:{class:{},size:{},ui:{},items:{},itemProps:{},headerProps:{},triggerProps:{},contentProps:{},descriptionProps:{},collapsible:{type:Boolean},dir:{},disabled:{type:Boolean},orientation:{},unmountOnHide:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{}},emits:[`update:modelValue`],setup(a,{emit:x}){let S=a,C=x,w=m(),T=_(S,[`class`,`size`,`ui`]),E=g(C),D=n(()=>b(w).filter(e=>e!==`item`));return y(n(()=>e(t({size:S.size}),S.ui,{root:S.class}))),(e,t)=>(l(),r(p(v),s(p(T),f(p(E))),i({item:h(t=>[d(e.$slots,`item`,c(o(t)))]),_:2},[u(D.value,t=>({name:t,fn:h(n=>[d(e.$slots,t,c(o(n)))])}))]),1040))}});export{x as default};

package/dist/components/accordion/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:``,item:`border-b`,header:`flex`,content:[`overflow-hidden transition will-change-auto`,`data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up`],description:`m-0`,trigger:[`flex-1 flex items-center justify-start font-medium transition-all-200 bg-transparent`,`focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-primary/30`,`hover:underline [&[data-state=open]>.trigger-icon]:rotate-180`],triggerLeadingIcon:`shrink-0`,triggerIcon:`trigger-icon ml-auto shrink-0 text-muted-foreground transition-transform-200`},variants:{size:{xs:{root:`text-2xs`,description:`pb-3`,trigger:`py-3 gap-2.5`},sm:{root:`text-xs`,description:`pb-3.5`,trigger:`py-3.5 gap-3`},md:{root:`text-sm`,description:`pb-4`,trigger:`py-4 gap-3.5`},lg:{root:`text-base`,description:`pb-4.5`,trigger:`py-4.5 gap-4`},xl:{root:`text-lg`,description:`pb-5`,trigger:`py-5 gap-4.5`},"2xl":{root:`text-2xl`,description:`pb-6`,trigger:`py-6 gap-5`}}},defaultVariants:{size:`md`}});export{t as accordionVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:``,item:`border-b`,header:`flex`,content:[`overflow-hidden transition will-change-auto`,`data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up`],description:`m-0`,trigger:[`flex-1 flex items-center justify-start font-medium transition-all-200 bg-transparent`,`outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-primary/30`,`hover:underline [&[data-state=open]>.trigger-icon]:rotate-180`],triggerLeadingIcon:`shrink-0`,triggerIcon:`trigger-icon ml-auto shrink-0 text-muted-foreground transition-transform-200`},variants:{size:{xs:{root:`text-2xs`,description:`pb-3`,trigger:`py-3 gap-2.5`},sm:{root:`text-xs`,description:`pb-3.5`,trigger:`py-3.5 gap-3`},md:{root:`text-sm`,description:`pb-4`,trigger:`py-4 gap-3.5`},lg:{root:`text-base`,description:`pb-4.5`,trigger:`py-4.5 gap-4`},xl:{root:`text-lg`,description:`pb-5`,trigger:`py-5 gap-4.5`},"2xl":{root:`text-2xl`,description:`pb-6`,trigger:`py-6 gap-5`}}},defaultVariants:{size:`md`}});export{t as accordionVariants};

package/dist/components/affix/affix.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{affixVariants as t}from"./variants.js";import{computed as n,createBlock as r,createVNode as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,toHandlers as l,unref as u,withCtx as d}from"vue";import{useForwardListeners as f,useOmitProps as p}from"@soybeanjs/headless/composables";import{AffixContent as m,AffixPlaceholder as h,AffixRoot as g,provideAffixUi as _}from"@soybeanjs/headless";const v=a({name:`SAffix`,__name:`affix`,props:{class:{},ui:{},placeholderProps:{},contentProps:{},offsetTop:{},offsetBottom:{},target:{type:[String,Function,null]}},emits:[`change`],setup(a,{emit:v}){let y=a,b=v,x=p(y,[`class`,`ui`,`placeholderProps`,`contentProps`]),S=f(b);return _(n(()=>e(t(),y.ui,{content:y.class}))),(e,t)=>(s(),r(u(g),o(u(x),l(u(S))),{default:d(()=>[i(u(h)),i(u(m),null,{default:d(()=>[c(e.$slots,`default`)]),_:3})]),_:3},16))}});export{v as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{affixVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";import{useForwardListeners as p,useOmitProps as m}from"@soybeanjs/headless/composables";import{AffixCompact as h,provideAffixUi as g}from"@soybeanjs/headless";const _=i({name:`SAffix`,__name:`affix`,props:{class:{},ui:{},placeholderProps:{},contentProps:{},offsetTop:{},offsetBottom:{},target:{type:[String,Function,null]}},emits:[`change`],setup(i,{emit:_}){let v=i,y=_,b=m(v,[`class`,`ui`]),x=p(y);return g(n(()=>e(t(),v.ui,{content:v.class}))),(e,t)=>(c(),r(d(h),o(d(b),u(d(x))),{default:f(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16))}});export{_ as default};

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

@@ -2,9 +2,11 @@ import { AffixProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/affix/affix.vue.d.ts
-declare var __VLS_19: {};
+declare var __VLS_8: {
+  affixed: boolean;
+};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_19) => any;
+  default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<AffixProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   change: (affixed: boolean) => any;

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

@@ -1,4 +1,2 @@
 import { AffixEmits, AffixProps } from "./types.js";
-import { _default } from "./affix.vue.js";
-import { AffixRootEmits, AffixRootExposed, AffixRootProps, AffixTarget, AffixUi, AffixUiSlot } from "@soybeanjs/headless/affix";
-export { type AffixRootEmits, type AffixRootExposed, type AffixRootProps, type AffixTarget, type AffixUi, type AffixUiSlot };
+import { _default } from "./affix.vue.js";

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

@@ -1,15 +1,14 @@
-import { AffixContentProps, AffixPlaceholderProps, AffixRootEmits, AffixRootProps, AffixUi, ClassValue } from "@soybeanjs/headless";
+import { ClassValue } from "@soybeanjs/headless";
+import { AffixCompactEmits, AffixCompactProps, AffixUi } from "@soybeanjs/headless/affix";
 
 //#region src/components/affix/types.d.ts
-interface AffixProps extends AffixRootProps {
+interface AffixProps extends AffixCompactProps {
   /**
    * Additional class names to apply to the content element.
    */
   class?: ClassValue;
   ui?: Partial<AffixUi>;
-  placeholderProps?: AffixPlaceholderProps;
-  contentProps?: AffixContentProps;
 }
-type AffixEmits = AffixRootEmits;
+type AffixEmits = AffixCompactEmits;
 //#endregion
 export { AffixEmits, AffixProps };

package/dist/components/alert/alert.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import n from"../button/button-icon.js";import{alertVariants as r}from"./variants.js";import{computed as i,createBlock as a,createCommentVNode as o,createTextVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeClass as f,normalizeProps as p,openBlock as m,renderSlot as h,toDisplayString as g,unref as _,useSlots as v,withCtx as y}from"vue";import{AlertClose as b,AlertContent as x,AlertDescription as S,AlertRoot as C,AlertTitle as w,provideAlertUi as T}from"@soybeanjs/headless";const E=l({name:`SAlert`,__name:`alert`,props:{class:{},size:{},color:{},variant:{},ui:{},title:{},description:{},icon:{},closable:{type:Boolean},contentProps:{},titleProps:{},descriptionProps:{},closeProps:{},open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(l,{emit:E}){let D=l,O=E,k=v(),A=i(()=>e(r({size:D.size,color:D.color,variant:D.variant}),D.ui,{root:D.class}));return T(A),(e,r)=>(m(),a(_(C),{open:l.open,"onUpdate:open":r[0]||=e=>O(`update:open`,e)},{default:y(()=>[h(e.$slots,`leading`,{},()=>[c(t,{icon:l.icon,class:f(A.value.icon)},null,8,[`icon`,`class`])]),c(_(x),p(u(l.contentProps)),{default:y(()=>[_(k).title||l.title?(m(),a(_(w),p(d({key:0},l.titleProps)),{default:y(()=>[h(e.$slots,`title`,{},()=>[s(g(l.title),1)])]),_:3},16)):o(`v-if`,!0),_(k).description||l.description?(m(),a(_(S),p(d({key:1},l.descriptionProps)),{default:y(()=>[h(e.$slots,`description`,{},()=>[s(g(l.description),1)])]),_:3},16)):o(`v-if`,!0),h(e.$slots,`default`)]),_:3},16),h(e.$slots,`trailing`),l.closable?(m(),a(_(b),d({key:0},l.closeProps,{"as-child":``}),{default:y(()=>[h(e.$slots,`close`,{},()=>[c(n,{icon:`lucide:x`,size:l.size},null,8,[`size`])])]),_:3},16)):o(`v-if`,!0)]),_:3},8,[`open`]))}});export{E as default};
+import{mergeBaseVariants as e,mergeSlotVariants as t}from"../../theme/shared.js";import{miniSizeMap as n}from"../../theme/config.js";import"../../theme/index.js";import{alertVariants as r}from"./variants.js";import{buttonVariants as i}from"../button/variants.js";import{computed as a,createBlock as o,createSlots as s,defineComponent as c,mergeProps as l,openBlock as u,renderList as d,renderSlot as f,unref as p,useSlots as m,withCtx as h}from"vue";import{useOmitProps as g}from"@soybeanjs/headless/composables";import{AlertCompact as _,provideAlertUi as v}from"@soybeanjs/headless";import{keysOf as y}from"@soybeanjs/utils";const b=c({name:`SAlert`,__name:`alert`,props:{class:{},size:{},color:{},variant:{},ui:{},title:{},description:{},icon:{},closable:{type:Boolean},contentProps:{},titleProps:{},descriptionProps:{},closeProps:{},open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(c,{emit:b}){let x=c,S=b,C=m(),w=g(x,[`class`,`size`,`color`,`variant`,`ui`]),T=a(()=>y(C));return v(a(()=>t(e(r({size:x.size,color:x.color,variant:x.variant}),{close:i({variant:`ghost`,color:`accent`,size:n[x.size??`md`],shape:`square`,fitContent:!0})}),x.ui,{root:x.class}))),(e,t)=>(u(),o(p(_),l(p(w),{"onUpdate:open":t[0]||=e=>S(`update:open`,e)}),s({_:2},[d(T.value,t=>({name:t,fn:h(()=>[f(e.$slots,t)])}))]),1040))}});export{b as default};

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

@@ -1,21 +1,8 @@
-import { AlertProps } from "./types.js";
+import { AlertProps, AlertSlots } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/alert/alert.vue.d.ts
-declare var __VLS_10: {}, __VLS_29: {}, __VLS_37: {}, __VLS_39: {}, __VLS_41: {}, __VLS_49: {};
-type __VLS_Slots = {} & {
-  leading?: (props: typeof __VLS_10) => any;
-} & {
-  title?: (props: typeof __VLS_29) => any;
-} & {
-  description?: (props: typeof __VLS_37) => any;
-} & {
-  default?: (props: typeof __VLS_39) => any;
-} & {
-  trailing?: (props: typeof __VLS_41) => any;
-} & {
-  close?: (props: typeof __VLS_49) => any;
-};
+type __VLS_Slots = AlertSlots;
 declare const __VLS_base: _$vue.DefineComponent<AlertProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
 }, string, _$vue.PublicProps, Readonly<AlertProps> & Readonly<{

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

@@ -1,5 +1,5 @@
 import { AlertVariant } from "./variants.js";
-import { AlertEmits, AlertExtendedUi, AlertProps } from "./types.js";
+import { AlertEmits, AlertExtendedUi, AlertProps, AlertSlots } from "./types.js";
 import { _default } from "./alert.vue.js";
 import { AlertCloseProps, AlertContentProps, AlertDescriptionProps, AlertRootEmits, AlertRootProps, AlertTitleProps } from "@soybeanjs/headless/alert";
 export { type AlertCloseProps, type AlertContentProps, type AlertDescriptionProps, type AlertRootEmits, type AlertRootProps, type AlertTitleProps };

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

@@ -1,12 +1,11 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
-import { IconValue } from "../icon/types.js";
 import { AlertVariant } from "./variants.js";
-import { AlertCloseProps, AlertContentProps, AlertDescriptionProps, AlertRootEmits, AlertRootProps, AlertTitleProps, AlertUiSlot, ClassValue, UiClass } from "@soybeanjs/headless";
+import { ClassValue } from "@soybeanjs/headless";
+import { AlertCompactEmits, AlertCompactProps, AlertCompactSlots, AlertUi } from "@soybeanjs/headless/alert";
 
 //#region src/components/alert/types.d.ts
-type AlertExtraUiSlot = 'icon';
-type AlertExtendedUi = UiClass<AlertUiSlot | AlertExtraUiSlot>;
-interface AlertProps extends AlertRootProps {
+type AlertExtendedUi = AlertUi;
+interface AlertProps extends AlertCompactProps {
   /**
    * root class
    */
@@ -15,15 +14,8 @@ interface AlertProps extends AlertRootProps {
   color?: ThemeColor;
   variant?: AlertVariant;
   ui?: Partial<AlertExtendedUi>;
-  title?: string;
-  description?: string;
-  icon?: IconValue;
-  closable?: boolean;
-  contentProps?: AlertContentProps;
-  titleProps?: AlertTitleProps;
-  descriptionProps?: AlertDescriptionProps;
-  closeProps?: AlertCloseProps;
 }
-type AlertEmits = AlertRootEmits;
+type AlertEmits = AlertCompactEmits;
+type AlertSlots = AlertCompactSlots;
 //#endregion
-export { AlertEmits, AlertExtendedUi, AlertProps };
+export { AlertEmits, AlertExtendedUi, AlertProps, AlertSlots };

package/dist/components/anchor/anchor.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{provideExtraAnchorUi as t}from"./context.js";import n from"./anchor-item.js";import{anchorVariants as r}from"./variants.js";import{Fragment as i,computed as a,createBlock as o,createElementBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderList as d,toHandlers as f,unref as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{AnchorRoot as _,provideAnchorUi as v}from"@soybeanjs/headless";const y=c({name:`SAnchor`,__name:`anchor`,props:{color:{},size:{},ui:{},class:{},items:{},sticky:{type:Boolean,default:!0},linkProps:{},indicatorProps:{},titleProps:{},subProps:{},bounds:{},dir:{},getContainer:{},getCurrentAnchor:{},modelValue:{},offsetTop:{default:0},orientation:{},replace:{type:Boolean},targetOffset:{},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`activeChange`,`itemSelect`],setup(c,{emit:y}){let b=c,x=y,S=g(b,[`color`,`size`,`ui`,`class`,`items`,`sticky`,`linkProps`,`indicatorProps`,`titleProps`,`subProps`]),C=h(x),w=a(()=>({"--soybean-anchor-offset-top":`${b.offsetTop}px`})),T=a(()=>e(r({color:b.color,orientation:b.orientation,size:b.size,sticky:b.sticky}),b.ui,{root:b.class}));return v(T),t(T),(e,t)=>(u(),o(p(_),l(p(S),{style:w.value},f(p(C))),{default:m(({modelValue:e})=>[(u(!0),s(i,null,d(c.items,t=>(u(),o(n,{key:t.href,item:t,"link-props":c.linkProps,"indicator-props":c.indicatorProps,"title-props":c.titleProps,"sub-props":c.subProps,"model-value":e,ui:T.value},null,8,[`item`,`link-props`,`indicator-props`,`title-props`,`sub-props`,`model-value`,`ui`]))),128))]),_:1},16,[`style`]))}});export{y as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{anchorVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,toHandlers as s,unref as c}from"vue";import{useForwardListeners as l,useOmitProps as u}from"@soybeanjs/headless/composables";import{AnchorCompact as d,provideAnchorUi as f}from"@soybeanjs/headless";const p=i({name:`SAnchor`,__name:`anchor`,props:{color:{},size:{},ui:{},class:{},sticky:{type:Boolean,default:!0},items:{},linkProps:{},indicatorProps:{},titleProps:{},subProps:{},bounds:{},dir:{},getContainer:{},getCurrentAnchor:{},modelValue:{},offsetTop:{default:0},orientation:{},replace:{type:Boolean},targetOffset:{},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`activeChange`,`itemSelect`],setup(i,{emit:p}){let m=i,h=p,g=u(m,[`color`,`size`,`ui`,`class`,`sticky`]),_=l(h),v=n(()=>({"--soybean-anchor-offset-top":`${m.offsetTop}px`}));return f(n(()=>e(t({color:m.color,orientation:m.orientation,size:m.size,sticky:m.sticky}),m.ui,{root:m.class}))),(e,t)=>(o(),r(c(d),a(c(g),{items:i.items,style:v.value},s(c(_))),null,16,[`items`,`style`]))}});export{p as default};

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

@@ -15,8 +15,8 @@ declare const __VLS_export: _$vue.DefineComponent<AnchorProps, {}, {}, {}, {}, _
     href: string;
   }) => any) | undefined;
 }>, {
-  sticky: boolean;
   offsetTop: number;
+  sticky: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

@@ -1,4 +1,4 @@
-import { AnchorEmits, AnchorExtendedUi, AnchorExtraUiSlot, AnchorItemData, AnchorItemProps, AnchorProps } from "./types.js";
+import { AnchorEmits, AnchorExtendedUi, AnchorExtraUiSlot, AnchorItemData, AnchorProps } from "./types.js";
 import { _default } from "./anchor.vue.js";
-import { AnchorContainer, AnchorLinkProps, AnchorRootEmits, AnchorRootProps, AnchorUi, AnchorUiSlot } from "@soybeanjs/headless/anchor";
-export { type AnchorContainer, type AnchorLinkProps, type AnchorRootEmits, type AnchorRootProps, type AnchorUi, type AnchorUiSlot };
+import { AnchorContainer, AnchorLinkProps, AnchorRootEmits, AnchorRootProps, AnchorUi, AnchorUiSlot as AnchorUiSlot$1 } from "@soybeanjs/headless/anchor";
+export { type AnchorContainer, type AnchorLinkProps, type AnchorRootEmits, type AnchorRootProps, type AnchorUi, type AnchorUiSlot$1 as AnchorUiSlot };

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

@@ -1,34 +1,17 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
-import { HTMLAttributes } from "vue";
-import { AnchorLinkProps, AnchorRootEmits, AnchorRootProps, AnchorUiSlot, ClassValue, UiClass } from "@soybeanjs/headless";
+import { ClassValue, UiClass } from "@soybeanjs/headless";
+import { AnchorCompactEmits, AnchorCompactProps, AnchorItemData, AnchorUiSlot } from "@soybeanjs/headless/anchor";
 
 //#region src/components/anchor/types.d.ts
-interface AnchorItemData extends Pick<AnchorLinkProps, 'disabled' | 'href' | 'target'> {
-  children?: AnchorItemData[];
-  title?: string;
-}
-interface AnchorItemProps extends /** @vue-ignore */HTMLAttributes {
-  modelValue?: string;
-  item: AnchorItemData;
-  linkProps?: AnchorLinkProps;
-  indicatorProps?: HTMLAttributes;
-  titleProps?: HTMLAttributes;
-  subProps?: HTMLAttributes;
-}
-type AnchorExtraUiSlot = 'sub' | 'item' | 'indicator' | 'title';
-type AnchorExtendedUi = UiClass<AnchorUiSlot | AnchorExtraUiSlot>;
-interface AnchorProps extends AnchorRootProps {
+type AnchorExtraUiSlot = Exclude<AnchorUiSlot, 'root' | 'link'>;
+type AnchorExtendedUi = UiClass<AnchorUiSlot>;
+interface AnchorProps extends AnchorCompactProps {
   color?: ThemeColor;
   size?: ThemeSize;
   ui?: Partial<AnchorExtendedUi>;
   class?: ClassValue;
-  items: AnchorItemData[];
   sticky?: boolean;
-  linkProps?: AnchorLinkProps;
-  indicatorProps?: HTMLAttributes;
-  titleProps?: HTMLAttributes;
-  subProps?: HTMLAttributes;
 }
-type AnchorEmits = AnchorRootEmits;
+type AnchorEmits = AnchorCompactEmits;
 //#endregion
-export { AnchorEmits, AnchorExtendedUi, AnchorExtraUiSlot, AnchorItemData, AnchorItemProps, AnchorProps };
+export { AnchorEmits, AnchorExtendedUi, AnchorExtraUiSlot, type AnchorItemData, AnchorProps };

package/dist/components/autocomplete/autocomplete.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{provideAutocompleteExtraUi as n}from"./context.js";import{getAutocompleteItemOptions as r,getAutocompleteSearchOptions as i}from"./shared.js";import a from"./autocomplete-option.js";import{autocompleteVariants as o}from"./variants.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createSlots as f,createTextVNode as p,createVNode as m,defineComponent as h,guardReactiveProps as g,mergeProps as _,normalizeClass as v,normalizeProps as y,openBlock as b,renderList as x,renderSlot as S,toDisplayString as C,unref as w,useSlots as T,withCtx as E}from"vue";import{useControllableState as D,useOmitProps as O}from"@soybeanjs/headless/composables";import{AutocompleteAnchor as k,AutocompleteContent as A,AutocompleteInput as j,AutocompletePortal as M,AutocompleteRoot as N,AutocompleteTrigger as P,AutocompleteViewport as F,provideAutocompleteUi as I}from"@soybeanjs/headless";import{useFuse as L}from"@vueuse/integrations/useFuse";import{defu as R}from"defu";const z=[`aria-label`,`onClick`],B=h({name:`SAutocomplete`,__name:`autocomplete`,props:{class:{},size:{},ui:{},modelValue:{default:void 0},defaultValue:{},items:{},placeholder:{},clearable:{type:Boolean,default:!1},clearLabel:{default:`Clear input`},emptyLabel:{default:`No results found.`},fuseOptions:{},anchorProps:{},inputProps:{},triggerProps:{},portalProps:{},contentProps:{},viewportProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemIndicatorProps:{},separatorProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},openOnFocus:{type:Boolean},openOnClick:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`highlight`,`select`],setup(h,{emit:B}){let V=h,H=B,U=T(),W=c(()=>Object.keys(U).filter(e=>e===`group-label`||e.startsWith(`item-`))),G=O(V,[`class`,`size`,`ui`,`items`,`modelValue`,`defaultValue`,`placeholder`,`clearable`,`clearLabel`,`emptyLabel`,`fuseOptions`,`anchorProps`,`inputProps`,`triggerProps`,`portalProps`,`contentProps`,`viewportProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemIndicatorProps`,`separatorProps`]),K=D(()=>V.modelValue,e=>{H(`update:modelValue`,e??``)},V.defaultValue??``),q=c(()=>R(V.fuseOptions,{fuseOptions:{ignoreLocation:!0,threshold:.3,keys:[`label`,`value`,`keywords`,`groupLabel`]},matchAllWhenSearchEmpty:!0})),J=c(()=>i(V.items)),{results:Y}=L(c(()=>K.value),J,q),X=c(()=>r(Y.value.map(e=>e.item))),Z=c(()=>e(o({size:V.size}),V.ui,{root:V.class})),Q=c(()=>({root:Z.value.root,anchor:Z.value.anchor,inputRoot:Z.value.inputRoot,inputControl:Z.value.inputControl,trigger:Z.value.trigger,content:Z.value.content,viewport:Z.value.viewport,group:Z.value.group,groupLabel:Z.value.groupLabel,item:Z.value.item,itemIndicator:Z.value.itemIndicator,separator:Z.value.separator})),$=c(()=>({inputIcon:Z.value.inputIcon,inputClearable:Z.value.inputClearable,triggerIcon:Z.value.triggerIcon,itemText:Z.value.itemText,itemIcon:Z.value.itemIcon,empty:Z.value.empty})),ee=c(()=>({...V.inputProps,id:V.inputProps?.id??V.id,placeholder:V.placeholder??V.inputProps?.placeholder}));I(Q),n($);let te=e=>{H(`select`,e)};return(e,n)=>(b(),l(w(N),_(w(G),{"model-value":w(K),onHighlight:n[1]||=e=>H(`highlight`,e),"onUpdate:modelValue":n[2]||=e=>K.value=e,"onUpdate:open":n[3]||=e=>H(`update:open`,e)}),{default:E(()=>[m(w(k),y(g(h.anchorProps)),{default:E(()=>[m(w(j),y(g(ee.value)),{leading:E(()=>[S(e.$slots,`input-leading`,{},()=>[m(t,{icon:`lucide:search`,class:v(Z.value.inputIcon)},null,8,[`class`])])]),trailing:E(({clear:n})=>[h.clearable&&w(K)?(b(),d(`button`,{key:0,type:`button`,class:v(Z.value.inputClearable),"aria-label":h.clearLabel,onClick:n},[m(t,{icon:`lucide:x`,class:`size-1em`,"aria-hidden":`true`})],10,z)):u(`v-if`,!0),S(e.$slots,`input-trailing`)]),_:3},16),m(w(P),_(h.triggerProps,{"aria-label":`Toggle suggestions`}),{default:E(()=>[S(e.$slots,`trigger-icon`,{},()=>[m(t,{icon:`lucide:chevrons-up-down`,class:v(Z.value.triggerIcon)},null,8,[`class`])])]),_:3},16)]),_:3},16),m(w(M),y(g(h.portalProps)),{default:E(()=>[m(w(A),y(g(h.contentProps)),{default:E(()=>[m(w(F),y(g(h.viewportProps)),{default:E(()=>[X.value.length?u(`v-if`,!0):(b(),d(`div`,{key:0,class:v(Z.value.empty)},[S(e.$slots,`empty`,{},()=>[p(C(h.emptyLabel),1)])],2)),(b(!0),d(s,null,x(X.value,(t,r)=>(b(),l(a,{key:`items`in t?`group-${t.label}-${r}`:t.value,item:t,"group-props":h.groupProps,"group-label-props":h.groupLabelProps,"item-props":h.itemProps,"item-indicator-props":h.itemIndicatorProps,"separator-props":h.separatorProps,onSelect:n[0]||=e=>te(e)},f({_:2},[x(W.value,t=>({name:t,fn:E(n=>[S(e.$slots,t,_({ref_for:!0},n))])}))]),1032,[`item`,`group-props`,`group-label-props`,`item-props`,`item-indicator-props`,`separator-props`]))),128))]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16,[`model-value`]))}});export{B as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{autocompleteVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createSlots as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{AutocompleteCompact as y,provideAutocompleteUi as b}from"@soybeanjs/headless";import{keysOf as x}from"@soybeanjs/utils";const S=o({name:`SAutocomplete`,__name:`autocomplete`,props:{class:{},size:{},ui:{},modelValue:{default:void 0},defaultValue:{},items:{},placeholder:{},clearable:{type:Boolean,default:!1},clearLabel:{default:`Clear input`},emptyLabel:{default:`No results found.`},fuseOptions:{},anchorProps:{},inputProps:{},triggerProps:{},portalProps:{},contentProps:{},viewportProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemIndicatorProps:{},separatorProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},openOnFocus:{type:Boolean},openOnClick:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`highlight`,`select`],setup(o,{emit:S}){let C=o,w=S,T=h(),E=v(C,[`class`,`size`,`ui`]),D=_(w),O=n(()=>x(T));return b(n(()=>e(t({size:C.size}),C.ui,{root:C.class}))),(e,t)=>(u(),r(m(y),c(m(E),{items:o.items},p(m(D))),a({_:2},[d(O.value,t=>({name:t,fn:g(n=>[i(` @vue-ignore ignore vue slot props type `),f(e.$slots,t,l(s(n)))])}))]),1040,[`items`]))}});export{S as default};

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

@@ -1,4 +1,4 @@
-import { AutocompleteOptionData, AutocompleteProps, AutocompleteSingleOptionData } from "./types.js";
+import { AutocompleteProps, AutocompleteSingleOptionData, AutocompleteSlots } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
@@ -6,38 +6,16 @@ import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 declare const __VLS_export: <T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<AutocompleteProps<T> & {
     onSelect?: ((item: T) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onHighlight?: ((payload?: _$_soybeanjs_headless0.AutocompleteHighlightPayload | undefined) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
-  slots: {
-    'input-leading'?: () => any;
-    'input-trailing'?: () => any;
-    'trigger-icon'?: () => any;
-    empty?: () => any;
-    'group-label'?: (props: {
-      item: Extract<AutocompleteOptionData<T>, {
-        items: T[];
-      }>;
-    }) => any;
-    'item-leading'?: (props: {
-      item: T;
-    }) => any;
-    'item-label'?: (props: {
-      item: T;
-    }) => any;
-    'item-trailing'?: (props: {
-      item: T;
-    }) => any;
-    'item-indicator'?: (props: {
-      item: T;
-    }) => any;
-  };
-  emit: ((evt: "select", item: T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: _$_soybeanjs_headless0.AutocompleteHighlightPayload | undefined) => void);
+  slots: AutocompleteSlots<T>;
+  emit: ((evt: "select", item: T) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "highlight", payload?: _$_soybeanjs_headless0.AutocompleteHighlightPayload | undefined) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1,4 +1,4 @@
-import { AutocompleteEmits, AutocompleteExtraUiSlot, AutocompleteGroupOptionData, AutocompleteGroupOptionEmits, AutocompleteGroupOptionProps, AutocompleteOptionData, AutocompleteOptionEmits, AutocompleteOptionProps, AutocompleteProps, AutocompleteSearchOptionData, AutocompleteSingleOptionData, AutocompleteSingleOptionEmits, AutocompleteSingleOptionProps, AutocompleteUi } from "./types.js";
+import { AutocompleteEmits, AutocompleteGroupOptionData, AutocompleteOptionData, AutocompleteProps, AutocompleteSearchOptionData, AutocompleteSingleOptionData as AutocompleteSingleOptionData$1, AutocompleteSlots, AutocompleteUi } from "./types.js";
 import { _default } from "./autocomplete.vue.js";
 import { AutocompleteAnchorProps, AutocompleteContentProps, AutocompleteGroupLabelProps, AutocompleteGroupProps, AutocompleteHighlightPayload, AutocompleteInputProps, AutocompleteItemEmits, AutocompleteItemIndicatorProps, AutocompleteItemProps, AutocompletePortalProps, AutocompleteRootEmits, AutocompleteRootProps, AutocompleteSeparatorProps, AutocompleteTriggerProps, AutocompleteUi as HeadlessAutocompleteUi, AutocompleteUiSlot, AutocompleteViewportProps } from "@soybeanjs/headless/autocomplete";
 export { type AutocompleteAnchorProps, type AutocompleteContentProps, type AutocompleteGroupLabelProps, type AutocompleteGroupProps, type AutocompleteHighlightPayload, type AutocompleteInputProps, type AutocompleteItemEmits, type AutocompleteItemIndicatorProps, type AutocompleteItemProps, type AutocompletePortalProps, type AutocompleteRootEmits, type AutocompleteRootProps, type AutocompleteSeparatorProps, type AutocompleteTriggerProps, type AutocompleteUiSlot, type AutocompleteViewportProps, type HeadlessAutocompleteUi };

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

@@ -1,94 +1,16 @@
 import { ThemeSize } from "../../theme/types.js";
-import { IconValue } from "../icon/types.js";
-import { HTMLAttributes } from "vue";
-import { AutocompleteAnchorProps, AutocompleteContentProps, AutocompleteGroupLabelProps, AutocompleteGroupProps, AutocompleteInputProps, AutocompleteItemIndicatorProps, AutocompleteItemProps, AutocompletePortalProps, AutocompleteRootEmits, AutocompleteRootProps, AutocompleteSeparatorProps, AutocompleteTriggerProps, AutocompleteUiSlot, AutocompleteViewportProps, ClassValue, UiClass } from "@soybeanjs/headless";
-import { UseFuseOptions } from "@vueuse/integrations/useFuse";
+import { ClassValue } from "@soybeanjs/headless";
+import { AutocompleteCompactEmits, AutocompleteCompactProps, AutocompleteCompactSlots, AutocompleteGroupOptionData, AutocompleteOptionData, AutocompleteSearchOptionData, AutocompleteSingleOptionData, AutocompleteSingleOptionData as AutocompleteSingleOptionData$1, AutocompleteUi as HeadlessAutocompleteUi } from "@soybeanjs/headless/autocomplete";
 
 //#region src/components/autocomplete/types.d.ts
-interface AutocompleteSingleOptionData extends Pick<AutocompleteItemProps, 'disabled' | 'value'> {
-  /** Display label in the option list. */
-  label?: string;
-  /** Icon displayed before the option text. */
-  icon?: IconValue;
-  /** Additional keywords used for filtering. */
-  keywords?: string[];
-  /** Whether to show a separator after this option. */
-  separator?: boolean;
-}
-interface AutocompleteGroupOptionData<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> {
-  /** Group label in the option list. */
-  label: string;
-  /** Whether to show a separator after this group. */
-  separator?: boolean;
-  items: T[];
-}
-type AutocompleteOptionData<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> = T | AutocompleteGroupOptionData<T>;
-interface AutocompleteSearchOptionData extends AutocompleteSingleOptionData {
-  groupLabel?: string;
-  groupValue?: string;
-  groupSeparator?: boolean;
-}
-interface AutocompleteSingleOptionProps<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> extends /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {
-  item: T;
-  itemIndicatorProps?: AutocompleteItemIndicatorProps;
-  separatorProps?: AutocompleteSeparatorProps;
-}
-type AutocompleteSingleOptionEmits<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> = {
-  select: [item: T];
-};
-interface AutocompleteGroupOptionProps<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> {
-  item: AutocompleteGroupOptionData<T>;
-  groupProps?: AutocompleteGroupProps;
-  groupLabelProps?: AutocompleteGroupLabelProps;
-  itemProps?: Omit<AutocompleteItemProps, 'disabled' | 'value'>;
-  itemIndicatorProps?: AutocompleteItemIndicatorProps;
-  separatorProps?: AutocompleteSeparatorProps;
-}
-type AutocompleteGroupOptionEmits<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> = {
-  select: [item: T];
-};
-interface AutocompleteOptionProps<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> {
-  item: AutocompleteOptionData<T>;
-  groupProps?: AutocompleteGroupProps;
-  groupLabelProps?: AutocompleteGroupLabelProps;
-  itemProps?: Omit<AutocompleteItemProps, 'disabled' | 'value'>;
-  itemIndicatorProps?: AutocompleteItemIndicatorProps;
-  separatorProps?: AutocompleteSeparatorProps;
-}
-type AutocompleteOptionEmits<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> = {
-  select: [item: T];
-};
-type AutocompleteExtraUiSlot = 'inputIcon' | 'inputClearable' | 'triggerIcon' | 'itemText' | 'itemIcon' | 'empty';
-type AutocompleteUi = UiClass<AutocompleteUiSlot | AutocompleteExtraUiSlot>;
-interface AutocompleteProps<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> extends Omit<AutocompleteRootProps, 'defaultValue' | 'modelValue'> {
+type AutocompleteUi = HeadlessAutocompleteUi;
+interface AutocompleteProps<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> extends AutocompleteCompactProps<T> {
   /** Root class. */
   class?: ClassValue;
   size?: ThemeSize;
   ui?: Partial<AutocompleteUi>;
-  /** The controlled value of the autocomplete input. */
-  modelValue?: string;
-  /** The initial value of the autocomplete input. */
-  defaultValue?: string;
-  items: AutocompleteOptionData<T>[];
-  placeholder?: string;
-  clearable?: boolean;
-  clearLabel?: string;
-  emptyLabel?: string;
-  fuseOptions?: UseFuseOptions<AutocompleteSearchOptionData>;
-  anchorProps?: AutocompleteAnchorProps;
-  inputProps?: AutocompleteInputProps;
-  triggerProps?: AutocompleteTriggerProps;
-  portalProps?: AutocompletePortalProps;
-  contentProps?: AutocompleteContentProps;
-  viewportProps?: AutocompleteViewportProps;
-  groupProps?: AutocompleteGroupProps;
-  groupLabelProps?: AutocompleteGroupLabelProps;
-  itemProps?: Omit<AutocompleteItemProps, 'disabled' | 'value'>;
-  itemIndicatorProps?: AutocompleteItemIndicatorProps;
-  separatorProps?: AutocompleteSeparatorProps;
 }
-type AutocompleteEmits<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> = AutocompleteRootEmits & {
-  select: [item: T];
-};
+type AutocompleteEmits<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> = AutocompleteCompactEmits<T>;
+type AutocompleteSlots<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> = AutocompleteCompactSlots<T>;
 //#endregion
-export { AutocompleteEmits, AutocompleteExtraUiSlot, AutocompleteGroupOptionData, AutocompleteGroupOptionEmits, AutocompleteGroupOptionProps, AutocompleteOptionData, AutocompleteOptionEmits, AutocompleteOptionProps, AutocompleteProps, AutocompleteSearchOptionData, AutocompleteSingleOptionData, AutocompleteSingleOptionEmits, AutocompleteSingleOptionProps, AutocompleteUi };
+export { AutocompleteEmits, type AutocompleteGroupOptionData, type AutocompleteOptionData, AutocompleteProps, type AutocompleteSearchOptionData, type AutocompleteSingleOptionData$1 as AutocompleteSingleOptionData, AutocompleteSlots, AutocompleteUi };

package/dist/components/autocomplete/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex w-full flex-col`,anchor:[`group flex w-full items-center rounded-md border border-input bg-background text-foreground shadow-xs transition-all-150`,`focus-within:outline-none focus-within:ring-3 focus-within:ring-offset-background focus-within:ring-primary/30`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],inputRoot:`flex min-w-0 grow items-center gap-2 bg-transparent`,inputControl:`min-w-0 grow border-0 bg-transparent px-0 outline-none placeholder:text-muted-foreground`,inputIcon:`shrink-0 text-muted-foreground`,inputClearable:[`flex shrink-0 items-center justify-center rounded-sm text-muted-foreground opacity-70 outline-none transition-opacity`,`hover:opacity-100 focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:ring-offset-1`,`disabled:cursor-not-allowed disabled:opacity-40`],trigger:`flex shrink-0 items-center justify-center text-muted-foreground outline-none disabled:cursor-not-allowed`,triggerIcon:`size-1em`,content:[`relative z-50 min-w-[--soybean-popper-anchor-width] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],viewport:`max-h-80 overflow-y-auto overflow-x-hidden p-1`,empty:`py-6 text-center text-sm text-muted-foreground`,group:`overflow-hidden`,groupLabel:`px-2 py-1.5 text-xs font-medium text-muted-foreground`,item:[`relative flex w-full items-center rounded-sm outline-none select-none`,`data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50`],itemIcon:`shrink-0 text-muted-foreground`,itemText:`grow truncate text-left`,itemIndicator:`ml-auto shrink-0 text-muted-foreground`,separator:`-mx-1 my-1 h-px bg-border`},variants:{size:{xs:{anchor:`min-h-6 gap-1 px-1.5 text-2xs`,inputRoot:`gap-1`,content:`text-2xs`,viewport:`max-h-70 p-0.75`,groupLabel:`px-1 py-1 text-3xs`,item:`gap-1 px-1 py-1`,separator:`-mx-0.75 my-0.75`},sm:{anchor:`min-h-7 gap-1.5 px-2 text-xs`,inputRoot:`gap-1.5`,content:`text-xs`,viewport:`max-h-75 p-0.875`,groupLabel:`px-1.5 py-1.25 text-2xs`,item:`gap-1.5 px-1.5 py-1.25`,separator:`-mx-0.875 my-0.875`},md:{anchor:`min-h-8 gap-2 px-2.5 text-sm`,inputRoot:`gap-2`,content:`text-sm`,viewport:`max-h-80 p-1`,groupLabel:`px-2 py-1.5 text-xs`,item:`gap-2 px-2 py-1.5`,separator:`-mx-1 my-1`},lg:{anchor:`min-h-9 gap-2.5 px-3 text-base`,inputRoot:`gap-2.5`,content:`text-base`,viewport:`max-h-90 p-1.25`,groupLabel:`px-2.5 py-1.75 text-sm`,item:`gap-2.5 px-2.5 py-1.75`,separator:`-mx-1.25 my-1.25`},xl:{anchor:`min-h-10 gap-3 px-3.5 text-lg`,inputRoot:`gap-3`,content:`text-lg`,viewport:`max-h-100 p-1.5`,groupLabel:`px-3 py-2 text-base`,item:`gap-3 px-3 py-2`,separator:`-mx-1.5 my-1.5`},"2xl":{anchor:`min-h-12 gap-3.5 px-4 text-xl`,inputRoot:`gap-3.5`,content:`text-xl`,viewport:`max-h-115 p-1.75`,groupLabel:`px-3.5 py-2.5 text-lg`,item:`gap-3.5 px-3.5 py-2.5`,separator:`-mx-1.75 my-1.75`}}},defaultVariants:{size:`md`}});export{t as autocompleteVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex w-full flex-col`,anchor:[`group flex w-full items-center rounded-md border border-input bg-background text-foreground shadow-xs transition-all-150`,`outline-none focus-within:ring-3 focus-within:ring-offset-background focus-within:ring-primary/30`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],inputRoot:`flex min-w-0 grow items-center gap-2 bg-transparent`,inputControl:`min-w-0 grow border-0 bg-transparent px-0 outline-none placeholder:text-muted-foreground`,inputIcon:`shrink-0 text-muted-foreground`,inputClearable:[`flex shrink-0 items-center justify-center rounded-sm text-muted-foreground opacity-70 outline-none transition-opacity`,`hover:opacity-100 focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:ring-offset-1`,`disabled:cursor-not-allowed disabled:opacity-40`],trigger:`flex shrink-0 items-center justify-center text-muted-foreground outline-none disabled:cursor-not-allowed`,triggerIcon:`size-1em`,content:[`relative z-50 min-w-[--soybean-popper-anchor-width] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],viewport:`max-h-80 overflow-y-auto overflow-x-hidden p-1`,empty:`py-6 text-center text-sm text-muted-foreground`,group:`overflow-hidden`,groupLabel:`px-2 py-1.5 text-xs font-medium text-muted-foreground`,item:[`relative flex w-full items-center rounded-sm outline-none select-none`,`data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50`],itemIcon:`shrink-0 text-muted-foreground`,itemText:`grow truncate text-left`,itemIndicator:`ml-auto shrink-0 text-muted-foreground`,separator:`-mx-1 my-1 h-px bg-border`},variants:{size:{xs:{anchor:`min-h-6 gap-1 px-1.5 text-2xs`,inputRoot:`gap-1`,content:`text-2xs`,viewport:`max-h-70 p-0.75`,groupLabel:`px-1 py-1 text-3xs`,item:`gap-1 px-1 py-1`,separator:`-mx-0.75 my-0.75`},sm:{anchor:`min-h-7 gap-1.5 px-2 text-xs`,inputRoot:`gap-1.5`,content:`text-xs`,viewport:`max-h-75 p-0.875`,groupLabel:`px-1.5 py-1.25 text-2xs`,item:`gap-1.5 px-1.5 py-1.25`,separator:`-mx-0.875 my-0.875`},md:{anchor:`min-h-8 gap-2 px-2.5 text-sm`,inputRoot:`gap-2`,content:`text-sm`,viewport:`max-h-80 p-1`,groupLabel:`px-2 py-1.5 text-xs`,item:`gap-2 px-2 py-1.5`,separator:`-mx-1 my-1`},lg:{anchor:`min-h-9 gap-2.5 px-3 text-base`,inputRoot:`gap-2.5`,content:`text-base`,viewport:`max-h-90 p-1.25`,groupLabel:`px-2.5 py-1.75 text-sm`,item:`gap-2.5 px-2.5 py-1.75`,separator:`-mx-1.25 my-1.25`},xl:{anchor:`min-h-10 gap-3 px-3.5 text-lg`,inputRoot:`gap-3`,content:`text-lg`,viewport:`max-h-100 p-1.5`,groupLabel:`px-3 py-2 text-base`,item:`gap-3 px-3 py-2`,separator:`-mx-1.5 my-1.5`},"2xl":{anchor:`min-h-12 gap-3.5 px-4 text-xl`,inputRoot:`gap-3.5`,content:`text-xl`,viewport:`max-h-115 p-1.75`,groupLabel:`px-3.5 py-2.5 text-lg`,item:`gap-3.5 px-3.5 py-2.5`,separator:`-mx-1.75 my-1.75`}}},defaultVariants:{size:`md`}});export{t as autocompleteVariants};

package/dist/components/backtop/backtop.js

@@ -0,0 +1 @@
+import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{buttonVariants as t}from"../button/variants.js";import n from"../icon/icon.js";import{backtopVariants as r}from"./variants.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";import{useForwardListeners as m,useOmitProps as h}from"@soybeanjs/headless/composables";import{Backtop as g}from"@soybeanjs/headless/backtop";const _=s({name:`SBacktop`,__name:`backtop`,props:{class:{},color:{default:`primary`},size:{default:`lg`},variant:{default:`solid`},shape:{default:`circle`},shadow:{default:`lg`},fitContent:{type:Boolean,default:!0},icon:{default:`lucide:arrow-up`},iconClass:{},iconProps:{},visibilityHeight:{},target:{},duration:{}},emits:[`change`,`click`],setup(s,{emit:_}){let v=s,y=_,b=h(v,[`class`,`color`,`size`,`variant`,`shape`,`shadow`,`fitContent`,`icon`,`iconClass`,`iconProps`]),x=m(y),S=i(()=>e(r(),t({color:v.color,size:v.size,variant:v.variant,shape:v.shape,shadow:v.shadow,fitContent:v.fitContent}),v.class));return(e,t)=>(l(),a(f(g),c(f(b),{class:S.value},d(f(x))),{default:p(()=>[u(e.$slots,`default`,{},()=>[o(n,c(s.iconProps,{icon:s.icon,class:s.iconClass}),null,16,[`icon`,`class`])])]),_:3},16,[`class`]))}});export{_ as default};

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

@@ -0,0 +1,34 @@
+import { ThemeColor, ThemeSize } from "../../theme/types.js";
+import { ButtonShadow, ButtonShape, ButtonVariant } from "../button/variants.js";
+import { BacktopProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/backtop/backtop.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<BacktopProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  change: (visible: boolean) => any;
+  click: (event: MouseEvent) => any;
+}, string, _$vue.PublicProps, Readonly<BacktopProps> & Readonly<{
+  onChange?: ((visible: boolean) => any) | undefined;
+  onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+  icon: string;
+  size: ThemeSize;
+  variant: ButtonVariant;
+  color: ThemeColor;
+  shape: ButtonShape;
+  shadow: ButtonShadow;
+  fitContent: boolean;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,4 @@
+import { BacktopEmits as BacktopEmits$1, BacktopProps as BacktopProps$1 } from "./types.js";
+import { _default } from "./backtop.vue.js";
+import { BacktopExposed, BacktopTarget } from "@soybeanjs/headless/backtop";
+export { type BacktopExposed, type BacktopTarget };

package/dist/components/backtop/index.js

@@ -0,0 +1 @@
+import"./backtop.js";

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

@@ -0,0 +1,33 @@
+import { ThemeColor, ThemeSize } from "../../theme/types.js";
+import { IconProps } from "../icon/types.js";
+import { ButtonShadow, ButtonShape, ButtonVariant } from "../button/variants.js";
+import { ClassValue } from "@soybeanjs/headless";
+import { BacktopEmits, BacktopProps } from "@soybeanjs/headless/backtop";
+
+//#region src/components/backtop/types.d.ts
+interface BacktopProps$1 extends BacktopProps {
+  class?: ClassValue;
+  color?: ThemeColor;
+  size?: ThemeSize;
+  variant?: ButtonVariant;
+  shape?: ButtonShape;
+  shadow?: ButtonShadow;
+  fitContent?: boolean;
+  /**
+   * The icon name of iconify.
+   *
+   * @default 'lucide:arrow-up'
+   */
+  icon?: string;
+  /**
+   * The class of the icon.
+   */
+  iconClass?: ClassValue;
+  /**
+   * The props of the icon.
+   */
+  iconProps?: Partial<IconProps>;
+}
+type BacktopEmits$1 = BacktopEmits;
+//#endregion
+export { BacktopEmits$1 as BacktopEmits, BacktopProps$1 as BacktopProps };

package/dist/components/backtop/variants.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({base:`fixed bottom-6 end-6 z-50`});export{t as backtopVariants};

package/dist/components/breadcrumb/breadcrumb.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{breadcrumbVariants as n}from"./variants.js";import{getEllipsisRange as r}from"./shared.js";import{Fragment as i,computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createTextVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderList as g,renderSlot as _,toDisplayString as v,unref as y,withCtx as b}from"vue";import{useOmitProps as x}from"@soybeanjs/headless/composables";import{BreadcrumbEllipsis as S,BreadcrumbItem as C,BreadcrumbLink as w,BreadcrumbList as T,BreadcrumbPage as E,BreadcrumbRoot as D,BreadcrumbSeparator as O,provideBreadcrumbUi as k}from"@soybeanjs/headless";const A=d({name:`SBreadcrumb`,__name:`breadcrumb`,props:{class:{},size:{},ui:{},items:{},ellipsis:{type:[Boolean,Array,null]},listProps:{},itemProps:{},linkProps:{},pageProps:{},separatorProps:{},ellipsisProps:{}},emits:[`click`],setup(d,{emit:A}){let j=d,M=A,N=x(j,[`class`,`size`,`ui`,`items`,`ellipsis`,`listProps`,`itemProps`,`linkProps`,`pageProps`,`separatorProps`,`ellipsisProps`]),P=a(()=>e(n({size:j.size}),j.ui,{root:j.class})),F=a(()=>r(j.items,j.ellipsis)),I=a(()=>F.value?.[0]),L=a(()=>{if(!F.value)return j.items;let[e,t]=F.value;return[...j.items.slice(0,e),...j.items.slice(t)]}),R=a(()=>{if(!F.value)return[];let[e,t]=F.value;return j.items.slice(e,t)});function z(e){M(`click`,e)}return k(P),(e,n)=>(h(),o(y(D),m(f(y(N))),{default:b(()=>[u(y(T),m(f(d.listProps)),{default:b(()=>[(h(!0),c(i,null,g(L.value,(n,r)=>(h(),c(i,{key:n.value||r},[I.value&&r===I.value?(h(),c(i,{key:0},[_(e.$slots,`ellipsis`,{ellipsisItems:R.value},()=>[u(y(S),p({ref_for:!0},d.ellipsisProps),{default:b(()=>[_(e.$slots,`ellipsis-icon`,{},()=>[u(t,{icon:`lucide:ellipsis`})])]),_:3},16)]),u(y(O),p({ref_for:!0},d.separatorProps),{default:b(()=>[_(e.$slots,`separator`,{},()=>[u(t,{icon:`lucide:chevron-right`})])]),_:3},16)],64)):s(`v-if`,!0),u(y(C),p({ref_for:!0},d.itemProps,{onClick:e=>z(n)}),{default:b(()=>[_(e.$slots,`item-leading`,{item:n},()=>[u(t,{icon:n.icon},null,8,[`icon`])]),_(e.$slots,`default`,{item:n},()=>[n.to||n.href?(h(),o(y(w),p({key:0,ref_for:!0},d.linkProps,{disabled:n.disabled,to:n.to,href:n.href,target:n.target,external:n.external}),{default:b(()=>[_(e.$slots,`item-link`,{item:n},()=>[l(v(n.label),1)])]),_:2},1040,[`disabled`,`to`,`href`,`target`,`external`])):(h(),o(y(E),p({key:1,ref_for:!0},d.pageProps),{default:b(()=>[_(e.$slots,`item-label`,{item:n},()=>[l(v(n.label),1)])]),_:2},1040))]),_(e.$slots,`item-trailing`,{item:n})]),_:2},1040,[`onClick`]),r<L.value.length-1?(h(),o(y(O),p({key:1,ref_for:!0},d.separatorProps),{default:b(()=>[_(e.$slots,`separator`,{},()=>[u(t,{icon:`lucide:chevron-right`})])]),_:3},16)):s(`v-if`,!0)],64))),128))]),_:3},16)]),_:3},16))}});export{A as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{breadcrumbVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createSlots as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{BreadcrumbCompact as y,provideBreadcrumbUi as b}from"@soybeanjs/headless";import{keysOf as x}from"@soybeanjs/utils";const S=o({name:`SBreadcrumb`,__name:`breadcrumb`,props:{class:{},size:{},ui:{},items:{},ellipsis:{type:[Boolean,Array,null]},listProps:{},itemProps:{},linkProps:{},pageProps:{},separatorProps:{},ellipsisProps:{}},emits:[`click`],setup(o,{emit:S}){let C=o,w=S,T=h(),E=v(C,[`class`,`size`,`ui`]),D=_(w),O=n(()=>x(T));return b(n(()=>e(t({size:C.size}),C.ui,{root:C.class}))),(e,t)=>(u(),r(m(y),c(m(E),p(m(D))),a({_:2},[d(O.value,t=>({name:t,fn:g(n=>[i(` @vue-ignore ignore vue slot props type `),f(e.$slots,t,l(s(n)))])}))]),1040))}});export{S as default};

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

@@ -1,4 +1,4 @@
-import { BreadcrumbEmits, BreadcrumbOptionData, BreadcrumbProps } from "./types.js";
+import { BreadcrumbOptionData, BreadcrumbProps, BreadcrumbSlots } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/breadcrumb/breadcrumb.vue.d.ts
@@ -10,38 +10,8 @@ declare const __VLS_export: <T extends BreadcrumbOptionData = BreadcrumbOptionDa
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
-  slots: {
-    ellipsis?: (props: {
-      ellipsisItems: T[];
-    }) => any;
-  } & {
-    'ellipsis-icon'?: (props: {}) => any;
-  } & {
-    separator?: (props: {}) => any;
-  } & {
-    'item-leading'?: (props: {
-      item: T;
-    }) => any;
-  } & {
-    default?: (props: {
-      item: T;
-    }) => any;
-  } & {
-    'item-link'?: (props: {
-      item: T;
-    }) => any;
-  } & {
-    'item-label'?: (props: {
-      item: T;
-    }) => any;
-  } & {
-    'item-trailing'?: (props: {
-      item: T;
-    }) => any;
-  } & {
-    separator?: (props: {}) => any;
-  };
-  emit: BreadcrumbEmits<T>;
+  slots: BreadcrumbSlots<T>;
+  emit: (evt: "click", item: T) => void;
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1,4 +1,4 @@
-import { BreadcrumbEmits, BreadcrumbOptionData, BreadcrumbProps } from "./types.js";
+import { BreadcrumbEmits, BreadcrumbOptionData as BreadcrumbOptionData$1, BreadcrumbProps, BreadcrumbSlots } from "./types.js";
 import { _default } from "./breadcrumb.vue.js";
 import { BreadcrumbEllipsis as SBreadcrumbEllipsis, BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbPage as SBreadcrumbPage, BreadcrumbPageProps, BreadcrumbRootProps, BreadcrumbSeparatorProps } from "@soybeanjs/headless/breadcrumb";
 export { type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbPageProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps, SBreadcrumbEllipsis, SBreadcrumbPage };