@soybeanjs/headless 0.15.0-beta.2 → 0.15.0-beta.3

package/dist/components/_common/dynamic-render.js

@@ -0,0 +1 @@
+import{Fragment as e,createBlock as t,createElementBlock as n,createTextVNode as r,defineComponent as i,mergeProps as a,normalizeProps as o,openBlock as s,resolveDynamicComponent as c,toDisplayString as l,unref as u,useAttrs as d}from"vue";const f=i({name:`DynamicRender`,inheritAttrs:!1,__name:`dynamic-render`,props:{is:{}},setup(i){let f=d();return(d,p)=>typeof i.is==`string`?(s(),n(e,{key:0},[r(l(i.is),1)],64)):(s(),t(c(i.is),o(a({key:1},u(f))),null,16))}});export{f as default};

package/dist/components/_icon/icon.js

@@ -0,0 +1 @@
+import{useConfigProvider as e}from"../config-provider/context.js";import{computed as t,createBlock as n,createCommentVNode as r,defineComponent as i,openBlock as a,resolveDynamicComponent as o}from"vue";const s=i({name:`Icon`,__name:`icon`,props:{icon:{}},setup(i){let s=i,c=e(),l=t(()=>c?.iconRender?.(s.icon));return(e,t)=>l.value?(a(),n(o(l.value),{key:0})):r(`v-if`,!0)}});export{s as default};

package/dist/components/_icon/icon.vue.d.ts

@@ -0,0 +1,8 @@
+import { IconProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/_icon/icon.vue.d.ts
+declare const __VLS_export: _$vue.DefineComponent<IconProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };

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

@@ -0,0 +1,3 @@
+import { IconValue } from "./types.js";
+import { _default } from "./icon.vue.js";
+export { _default as Icon, type IconValue };

package/dist/components/_icon/index.js

@@ -0,0 +1 @@
+import e from"./icon.js";export{e as Icon};

package/dist/components/{icon → _icon}/types.d.ts

@@ -1,9 +1,9 @@
 import { Component, VNode } from "vue";
 
-//#region src/components/icon/types.d.ts
+//#region src/components/_icon/types.d.ts
 type IconValue = VNode | Component | string | null | undefined;
-interface IconRenderProps {
+interface IconProps {
   icon: IconValue;
 }
 //#endregion
-export { IconRenderProps, IconValue };
+export { IconProps, IconValue };

package/dist/components/accordion/accordion-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{useAccordionUi as n}from"./context.js";import r from"./accordion-content.js";import i from"./accordion-header.js";import a from"./accordion-item.js";import o from"./accordion-root.js";import s from"./accordion-trigger.js";import c from"../icon/icon-render.js";import{Fragment as l,createBlock as u,createElementBlock as d,createElementVNode as f,createTextVNode as p,createVNode as m,defineComponent as h,mergeProps as g,normalizeClass as _,openBlock as v,renderList as y,renderSlot as b,toDisplayString as x,toHandlers as S,unref as C,withCtx as w}from"vue";const T=h({name:`AccordionCompact`,__name:`accordion-compact`,props:{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(h,{emit:T}){let E=h,D=T,O=t(E,[`items`,`itemProps`,`headerProps`,`triggerProps`,`contentProps`]),k=e(D),A=n();return(e,t)=>(v(),u(o,g(C(O),S(C(k))),{default:w(()=>[(v(!0),d(l,null,y(h.items,(t,n)=>b(e.$slots,`item`,{key:t.value,item:t,index:n,modelValue:h.modelValue},()=>[m(a,g({ref_for:!0},h.itemProps,{value:t.value,disabled:t.disabled}),{default:w(({open:a})=>[m(i,g({ref_for:!0},h.headerProps),{default:w(()=>[m(s,g({ref_for:!0},h.triggerProps),{default:w(()=>[b(e.$slots,`leading`,{item:t,index:n,modelValue:h.modelValue,open:a},()=>[m(c,{icon:t.icon,class:_(C(A).triggerLeadingIcon)},null,8,[`icon`,`class`])]),b(e.$slots,`title`,{item:t,index:n,modelValue:h.modelValue,open:a},()=>[p(x(t.title),1)]),b(e.$slots,`trigger-icon`,{item:t,index:n,modelValue:h.modelValue,open:a},()=>[m(c,{icon:`lucide:chevron-down`,class:_(C(A).triggerIcon)},null,8,[`class`])])]),_:2},1040)]),_:2},1040),m(r,g({ref_for:!0},h.contentProps),{default:w(()=>[b(e.$slots,`content`,{item:t,index:n,modelValue:h.modelValue,open:a},()=>[f(`p`,{class:_(C(A).description)},x(t.description),3)])]),_:2},1040)]),_:2},1040,[`value`,`disabled`])])),128))]),_:3},16))}});export{T as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import{useAccordionUi as r}from"./context.js";import i from"./accordion-root.js";import a from"./accordion-item.js";import o from"./accordion-header.js";import s from"./accordion-trigger.js";import c from"./accordion-content.js";import l from"./accordion-description.js";import{Fragment as u,createBlock as d,createElementBlock as f,createTextVNode as p,createVNode as m,defineComponent as h,mergeProps as g,normalizeClass as _,openBlock as v,renderList as y,renderSlot as b,toDisplayString as x,toHandlers as S,unref as C,withCtx as w}from"vue";const T=h({name:`AccordionCompact`,__name:`accordion-compact`,props:{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(h,{emit:T}){let E=h,D=T,O=t(E,[`items`,`itemProps`,`headerProps`,`triggerProps`,`contentProps`]),k=e(D),A=r();return(e,t)=>(v(),d(i,g(C(O),S(C(k))),{default:w(()=>[(v(!0),f(u,null,y(h.items,(t,r)=>(v(),d(a,g({key:t.value,ref_for:!0},h.itemProps,{value:t.value,disabled:t.disabled}),{default:w(({open:i})=>[b(e.$slots,`item`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[m(o,g({ref_for:!0},h.headerProps),{default:w(()=>[m(s,g({ref_for:!0},h.triggerProps),{default:w(()=>[b(e.$slots,`leading`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[m(n,{icon:t.icon,class:_(C(A).triggerLeadingIcon)},null,8,[`icon`,`class`])]),b(e.$slots,`title`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[p(x(t.title),1)]),b(e.$slots,`trigger-icon`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[m(n,{icon:`lucide:chevron-down`,class:_(C(A).triggerIcon)},null,8,[`class`])])]),_:2},1040)]),_:2},1040),m(c,g({ref_for:!0},h.contentProps),{default:w(()=>[b(e.$slots,`content`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[m(l,g({ref_for:!0},h.descriptionProps),{default:w(()=>[p(x(t.description),1)]),_:2},1040)])]),_:2},1040)])]),_:2},1040,[`value`,`disabled`]))),128))]),_:3},16))}});export{T as default};

package/dist/components/accordion/accordion-description.js

@@ -0,0 +1 @@
+import{useAccordionUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`AccordionDescription`,__name:`accordion-description`,setup(n){let s=e(`description`);return(e,n)=>(i(),t(`p`,{class:r(o(s)),"data-slot":`description`},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/accordion/accordion-description.vue.d.ts

@@ -0,0 +1,18 @@
+import { AccordionDescriptionProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/accordion/accordion-description.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<AccordionDescriptionProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<AccordionDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, 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/accordion/accordion-root.js

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useSelection as t}from"../../composables/use-selection.js";import"../../composables/index.js";import{provideAccordionRootContext as n,useAccordionUi as r}from"./context.js";import{useDirection as i}from"../config-provider/context.js";import{createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,shallowRef as u,unref as d}from"vue";const f=[`dir`],p=o({name:`AccordionRoot`,__name:`accordion-root`,props:{collapsible:{type:Boolean,default:!1},dir:{},disabled:{type:Boolean,default:!1},orientation:{default:`vertical`},unmountOnHide:{type:Boolean,default:!0},modelValue:{},defaultValue:{},multiple:{},singleClearable:{type:Boolean}},emits:[`update:modelValue`],setup(o,{emit:p}){let m=o,h=p,g=r(`root`),_=u(),v=i(()=>m.dir),{modelValue:y,isMultiple:b,onModelValueChange:x}=t(m,e=>{h(`update:modelValue`,e)});return n({dir:v,rootElement:_,modelValue:y,isMultiple:b,onModelValueChange:x,...e(m,[`collapsible`,`disabled`,`orientation`,`unmountOnHide`])}),(e,t)=>(c(),a(`div`,{ref_key:`rootElement`,ref:_,class:s(d(g)),dir:d(v),"data-slot":`root`},[l(e.$slots,`default`,{modelValue:d(y)})],10,f))}});export{p as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useSelection as t}from"../../composables/use-selection.js";import"../../composables/index.js";import{useDirection as n}from"../config-provider/context.js";import{provideAccordionRootContext as r,useAccordionUi as i}from"./context.js";import{createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,shallowRef as u,unref as d}from"vue";const f=[`dir`],p=o({name:`AccordionRoot`,__name:`accordion-root`,props:{collapsible:{type:Boolean,default:!1},dir:{},disabled:{type:Boolean,default:!1},orientation:{default:`vertical`},unmountOnHide:{type:Boolean,default:!0},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{}},emits:[`update:modelValue`],setup(o,{emit:p}){let m=o,h=p,g=i(`root`),_=u(),v=n(()=>m.dir),{modelValue:y,isMultiple:b,onModelValueChange:x}=t(m,e=>{h(`update:modelValue`,e)});return r({dir:v,rootElement:_,modelValue:y,isMultiple:b,onModelValueChange:x,...e(m,[`collapsible`,`disabled`,`orientation`,`unmountOnHide`])}),(e,t)=>(c(),a(`div`,{ref_key:`rootElement`,ref:_,class:s(d(g)),dir:d(v),"data-slot":`root`},[l(e.$slots,`default`,{modelValue:d(y)})],10,f))}});export{p as default};

package/dist/components/accordion/context.d.ts

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
 import { AccordionUiSlot } from "./types.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import * as _$vue from "vue";
 
 //#region src/components/accordion/context.d.ts
-declare const provideAccordionUi: (ui: _$vue.ComputedRef<Partial<UiClass<AccordionUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<AccordionUiSlot>>>, useAccordionUi: <S extends AccordionUiSlot | undefined = undefined>(slot?: S | undefined) => S extends AccordionUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<AccordionUiSlot>>>;
+declare const provideAccordionUi: (ui: _$vue.ComputedRef<Partial<UiClass<AccordionUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<AccordionUiSlot>>>, useAccordionUi: UseUiConsumer<AccordionUiSlot>;
 //#endregion
 export { provideAccordionUi };

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

@@ -1,9 +1,10 @@
-import { AccordionCompactBaseSlotProps, AccordionCompactEmits, AccordionCompactProps, AccordionCompactSlots, AccordionContentProps, AccordionHeaderProps, AccordionItemProps, AccordionOptionData, AccordionRootEmits, AccordionRootProps, AccordionTriggerProps, AccordionUi, AccordionUiSlot } from "./types.js";
+import { AccordionCompactEmits, AccordionCompactProps, AccordionCompactSlotProps, AccordionCompactSlots, AccordionContentProps, AccordionDescriptionProps, AccordionHeaderProps, AccordionItemProps, AccordionOptionData, AccordionRootEmits, AccordionRootProps, AccordionTriggerProps, AccordionUi, AccordionUiSlot } from "./types.js";
 import { _default } from "./accordion-compact.vue.js";
-import { _default as _default$4 } from "./accordion-root.vue.js";
-import { _default as _default$3 } from "./accordion-item.vue.js";
-import { _default as _default$5 } from "./accordion-trigger.vue.js";
-import { _default as _default$2 } from "./accordion-header.vue.js";
+import { _default as _default$5 } from "./accordion-root.vue.js";
+import { _default as _default$4 } from "./accordion-item.vue.js";
+import { _default as _default$3 } from "./accordion-header.vue.js";
+import { _default as _default$6 } from "./accordion-trigger.vue.js";
 import { _default as _default$1 } from "./accordion-content.vue.js";
+import { _default as _default$2 } from "./accordion-description.vue.js";
 import { provideAccordionUi } from "./context.js";
-export { _default as AccordionCompact, type AccordionCompactBaseSlotProps, type AccordionCompactEmits, type AccordionCompactProps, type AccordionCompactSlots, _default$1 as AccordionContent, type AccordionContentProps, _default$2 as AccordionHeader, type AccordionHeaderProps, _default$3 as AccordionItem, type AccordionItemProps, type AccordionOptionData, _default$4 as AccordionRoot, type AccordionRootEmits, type AccordionRootProps, _default$5 as AccordionTrigger, type AccordionTriggerProps, type AccordionUi, type AccordionUiSlot, provideAccordionUi };
+export { _default as AccordionCompact, type AccordionCompactEmits, type AccordionCompactProps, type AccordionCompactSlotProps, type AccordionCompactSlots, _default$1 as AccordionContent, type AccordionContentProps, _default$2 as AccordionDescription, type AccordionDescriptionProps, _default$3 as AccordionHeader, type AccordionHeaderProps, _default$4 as AccordionItem, type AccordionItemProps, type AccordionOptionData, _default$5 as AccordionRoot, type AccordionRootEmits, type AccordionRootProps, _default$6 as AccordionTrigger, type AccordionTriggerProps, type AccordionUi, type AccordionUiSlot, provideAccordionUi };

package/dist/components/accordion/index.js

@@ -1 +1 @@
-import{provideAccordionUi as e}from"./context.js";import t from"./accordion-content.js";import n from"./accordion-header.js";import r from"./accordion-item.js";import i from"./accordion-root.js";import a from"./accordion-trigger.js";import o from"./accordion-compact.js";export{o as AccordionCompact,t as AccordionContent,n as AccordionHeader,r as AccordionItem,i as AccordionRoot,a as AccordionTrigger,e as provideAccordionUi};
+import{provideAccordionUi as e}from"./context.js";import t from"./accordion-root.js";import n from"./accordion-item.js";import r from"./accordion-header.js";import i from"./accordion-trigger.js";import a from"./accordion-content.js";import o from"./accordion-description.js";import s from"./accordion-compact.js";export{s as AccordionCompact,a as AccordionContent,o as AccordionDescription,r as AccordionHeader,n as AccordionItem,t as AccordionRoot,i as AccordionTrigger,e as provideAccordionUi};

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

@@ -1,6 +1,6 @@
+import { IconValue } from "../_icon/types.js";
 import { DataOrientation, Direction, SelectionEmits, SelectionProps, UiClass } from "../../types/common.js";
 import { CollapsibleContentProps, CollapsibleRootProps, CollapsibleTriggerProps } from "../collapsible/types.js";
-import { IconValue } from "../icon/types.js";
 import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/accordion/types.d.ts
@@ -39,14 +39,14 @@ interface AccordionRootProps<M extends boolean = false> extends SelectionProps<M
   unmountOnHide?: boolean;
 }
 type AccordionRootEmits<M extends boolean = false> = SelectionEmits<M>;
-interface AccordionHeaderProps extends /** @vue-ignore */HTMLAttributes {}
-interface AccordionContentProps extends CollapsibleContentProps {}
-interface AccordionDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
-interface AccordionTriggerProps extends CollapsibleTriggerProps {}
 interface AccordionItemProps extends Omit<CollapsibleRootProps, 'open' | 'defaultOpen' | 'onOpenChange'> {
   /** Value of the accordion item. All items within an accordion should use a unique value. */
   value: string;
 }
+interface AccordionHeaderProps extends /** @vue-ignore */HTMLAttributes {}
+interface AccordionTriggerProps extends CollapsibleTriggerProps {}
+interface AccordionContentProps extends CollapsibleContentProps {}
+interface AccordionDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
 interface AccordionOptionData extends Pick<AccordionItemProps, 'value' | 'disabled'> {
   /** The title of the accordion item. */
   title?: string;
@@ -66,20 +66,20 @@ interface AccordionCompactProps<T extends AccordionOptionData = AccordionOptionD
   descriptionProps?: AccordionDescriptionProps;
 }
 type AccordionCompactEmits<M extends boolean = false> = AccordionRootEmits<M>;
-interface AccordionCompactBaseSlotProps<T extends AccordionOptionData = AccordionOptionData, M extends boolean = false> {
+interface AccordionCompactSlotProps<T extends AccordionOptionData = AccordionOptionData, M extends boolean = false> {
   item: T;
   index: number;
   modelValue: (M extends true ? string[] : string) | undefined;
   open: boolean;
 }
 type AccordionCompactSlots<T extends AccordionOptionData = AccordionOptionData, M extends boolean = false> = {
-  item?: (props: Omit<AccordionCompactBaseSlotProps<T, M>, 'open'>) => any;
-  leading?: (props: AccordionCompactBaseSlotProps<T, M>) => any;
-  title?: (props: AccordionCompactBaseSlotProps<T, M>) => any;
-  'trigger-icon'?: (props: AccordionCompactBaseSlotProps<T, M>) => any;
-  content?: (props: AccordionCompactBaseSlotProps<T, M>) => any;
+  item?: (props: AccordionCompactSlotProps<T, M>) => any;
+  leading?: (props: AccordionCompactSlotProps<T, M>) => any;
+  title?: (props: AccordionCompactSlotProps<T, M>) => any;
+  'trigger-icon'?: (props: AccordionCompactSlotProps<T, M>) => any;
+  content?: (props: AccordionCompactSlotProps<T, M>) => any;
 };
 type AccordionUiSlot = 'root' | 'item' | 'header' | 'trigger' | 'content' | 'description' | 'triggerLeadingIcon' | 'triggerIcon';
 type AccordionUi = UiClass<AccordionUiSlot>;
 //#endregion
-export { AccordionCompactBaseSlotProps, AccordionCompactEmits, AccordionCompactProps, AccordionCompactSlots, AccordionContentProps, AccordionHeaderProps, AccordionItemProps, AccordionOptionData, AccordionRootEmits, AccordionRootProps, AccordionTriggerProps, AccordionUi, AccordionUiSlot };
+export { AccordionCompactEmits, AccordionCompactProps, AccordionCompactSlotProps, AccordionCompactSlots, AccordionContentProps, AccordionDescriptionProps, AccordionHeaderProps, AccordionItemProps, AccordionOptionData, AccordionRootEmits, AccordionRootProps, AccordionTriggerProps, AccordionUi, AccordionUiSlot };

package/dist/components/affix/affix-compact.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./affix-content.js";import n from"./affix-placeholder.js";import r from"./affix-root.js";import{createBlock as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";const m=o({name:`AffixCompact`,__name:`affix-compact`,props:{placeholderProps:{},contentProps:{},offsetTop:{},offsetBottom:{},target:{type:[String,Function,null]}},emits:[`change`],setup(o,{emit:m}){let h=o,g=m,_=e(h,[`placeholderProps`,`contentProps`]),v=e=>{g(`change`,e)};return(e,m)=>(u(),i(r,c(f(_),{onChange:v}),{default:p(()=>[a(n,l(s(o.placeholderProps)),null,16),a(t,l(s(o.contentProps)),{default:p(t=>[d(e.$slots,`default`,l(s(t)))]),_:3},16)]),_:3},16))}});export{m as default};

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

@@ -0,0 +1,24 @@
+import { AffixCompactProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/affix/affix-compact.vue.d.ts
+declare var __VLS_21: {
+  affixed: boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<AffixCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  change: (affixed: boolean) => any;
+}, string, _$vue.PublicProps, Readonly<AffixCompactProps> & Readonly<{
+  onChange?: ((affixed: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, 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/affix/affix-root.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{getDefaultTarget as t,getFixedBottom as n,getFixedTop as r,getTargetRect as i,isZeroRect as a,resolveAffixTarget as o}from"./shared.js";import{provideAffixRootContext as s,useAffixUi as c}from"./context.js";import{computed as l,createElementBlock as u,defineComponent as d,nextTick as f,normalizeClass as p,onBeforeUnmount as m,onMounted as h,onWatcherCleanup as g,openBlock as _,renderSlot as v,shallowRef as y,unref as b,watch as x}from"vue";import{useEventListener as S,useRafFn as C,useResizeObserver as w}from"@vueuse/core";const T=d({name:`AffixRoot`,__name:`affix-root`,props:{offsetTop:{},offsetBottom:{},target:{type:[String,Function,null]}},emits:[`change`],setup(d,{expose:T,emit:E}){let D=d,O=E,k=c(`root`),[A,j]=e(),M=y(!1),N=y(),P=y(),F=l(()=>M.value?`fixed`:`static`),I=y(o(D.target));function L(){I.value=o(D.target)}let R=l(()=>D.offsetBottom===void 0&&D.offsetTop===void 0?0:D.offsetTop);function z(){if(!M.value){N.value=void 0,P.value=void 0;return}M.value=!1,N.value=void 0,P.value=void 0,O(`change`,!1)}function B(){if(typeof window>`u`)return;let e=A.value,t=I.value;if(!e||!t){z();return}let o=e.getBoundingClientRect();if(a(o)){z();return}let s=i(t),c=r(o,s,R.value),l=n(o,s,D.offsetBottom),u,d;(c!==void 0||l!==void 0)&&(u={left:`${o.left}px`,position:`fixed`,width:`${o.width}px`},c!==void 0&&(u.top=`${c}px`),l!==void 0&&(u.bottom=`${l}px`),d={height:`${o.height}px`,width:`${o.width}px`});let f=!!u;M.value!==f&&O(`change`,f),M.value=f,N.value=u,P.value=d}let{pause:V,resume:H}=C(B,{immediate:!1,once:!0}),{contentElement:U}=s({affixed:M,affixStyle:N,placeholderStyle:P,dataState:F,updatePosition:H});return x([()=>D.target,()=>D.offsetTop,()=>D.offsetBottom],async()=>{L(),await f(),H()},{immediate:!0}),x(I,e=>{if(!e)return;let t=S(e,`scroll`,H),n=S(e,`touchstart`,H),r=S(e,`touchmove`,H),i=S(e,`touchend`,H);g(()=>{t(),n(),r(),i()})},{immediate:!0}),S(t,`load`,H),S(t,`pageshow`,H),S(t,`resize`,H),w(A,H),w(U,H),h(async()=>{await f(),L(),H()}),m(()=>{V()}),T({affixed:M,updatePosition:H}),(e,t)=>(_(),u(`div`,{ref:b(j),class:p(b(k))},[v(e.$slots,`default`,{affixed:M.value})],2))}});export{T as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{provideAffixRootContext as t,useAffixUi as n}from"./context.js";import{getDefaultTarget as r,getFixedBottom as i,getFixedTop as a,getTargetRect as o,isZeroRect as s,resolveAffixTarget as c}from"./shared.js";import{computed as l,createElementBlock as u,defineComponent as d,nextTick as f,normalizeClass as p,onBeforeUnmount as m,onMounted as h,onWatcherCleanup as g,openBlock as _,renderSlot as v,shallowRef as y,unref as b,watch as x}from"vue";import{useEventListener as S,useRafFn as C,useResizeObserver as w}from"@vueuse/core";const T=d({name:`AffixRoot`,__name:`affix-root`,props:{offsetTop:{},offsetBottom:{},target:{type:[String,Function,null]}},emits:[`change`],setup(d,{expose:T,emit:E}){let D=d,O=E,k=n(`root`),[A,j]=e(),M=y(!1),N=y(),P=y(),F=l(()=>M.value?`fixed`:`static`),I=y(c(D.target));function L(){I.value=c(D.target)}let R=l(()=>D.offsetBottom===void 0&&D.offsetTop===void 0?0:D.offsetTop);function z(){if(!M.value){N.value=void 0,P.value=void 0;return}M.value=!1,N.value=void 0,P.value=void 0,O(`change`,!1)}function B(){if(typeof window>`u`)return;let e=A.value,t=I.value;if(!e||!t){z();return}let n=e.getBoundingClientRect();if(s(n)){z();return}let r=o(t),c=a(n,r,R.value),l=i(n,r,D.offsetBottom),u,d;(c!==void 0||l!==void 0)&&(u={left:`${n.left}px`,position:`fixed`,width:`${n.width}px`},c!==void 0&&(u.top=`${c}px`),l!==void 0&&(u.bottom=`${l}px`),d={height:`${n.height}px`,width:`${n.width}px`});let f=!!u;M.value!==f&&O(`change`,f),M.value=f,N.value=u,P.value=d}let{pause:V,resume:H}=C(B,{immediate:!1,once:!0}),{contentElement:U}=t({affixed:M,affixStyle:N,placeholderStyle:P,dataState:F,updatePosition:H});return x([()=>D.target,()=>D.offsetTop,()=>D.offsetBottom],async()=>{L(),await f(),H()},{immediate:!0}),x(I,e=>{if(!e)return;let t=S(e,`scroll`,H),n=S(e,`touchstart`,H),r=S(e,`touchmove`,H),i=S(e,`touchend`,H);g(()=>{t(),n(),r(),i()})},{immediate:!0}),S(r,`load`,H),S(r,`pageshow`,H),S(r,`resize`,H),w(A,H),w(U,H),h(async()=>{await f(),L(),H()}),m(()=>{V()}),T({affixed:M,updatePosition:H}),(e,t)=>(_(),u(`div`,{ref:b(j),class:p(b(k))},[v(e.$slots,`default`,{affixed:M.value})],2))}});export{T as default};

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

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
 import { AffixUiSlot } from "./types.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import * as _$vue from "vue";
 
 //#region src/components/affix/context.d.ts
-declare const provideAffixUi: (ui: _$vue.ComputedRef<Partial<UiClass<AffixUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<AffixUiSlot>>>, useAffixUi: <S extends AffixUiSlot | undefined = undefined>(slot?: S | undefined) => S extends AffixUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<AffixUiSlot>>>;
+declare const provideAffixUi: (ui: _$vue.ComputedRef<Partial<UiClass<AffixUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<AffixUiSlot>>>, useAffixUi: UseUiConsumer<AffixUiSlot>;
 //#endregion
 export { provideAffixUi };

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

@@ -1,6 +1,7 @@
-import { AffixContentProps, AffixPlaceholderProps, AffixRootEmits, AffixRootExposed, AffixRootProps, AffixTarget, AffixUi, AffixUiSlot } from "./types.js";
-import { _default as _default$2 } from "./affix-root.vue.js";
-import { _default as _default$1 } from "./affix-placeholder.vue.js";
-import { _default } from "./affix-content.vue.js";
+import { AffixCompactEmits, AffixCompactProps, AffixContentProps, AffixPlaceholderProps, AffixRootEmits, AffixRootProps, AffixState, AffixTarget, AffixUi, AffixUiSlot } from "./types.js";
+import { _default } from "./affix-compact.vue.js";
+import { _default as _default$3 } from "./affix-root.vue.js";
+import { _default as _default$2 } from "./affix-placeholder.vue.js";
+import { _default as _default$1 } from "./affix-content.vue.js";
 import { provideAffixUi } from "./context.js";
-export { _default as AffixContent, type AffixContentProps, _default$1 as AffixPlaceholder, type AffixPlaceholderProps, _default$2 as AffixRoot, type AffixRootEmits, type AffixRootExposed, type AffixRootProps, type AffixTarget, type AffixUi, type AffixUiSlot, provideAffixUi };
+export { _default as AffixCompact, type AffixCompactEmits, type AffixCompactProps, _default$1 as AffixContent, type AffixContentProps, _default$2 as AffixPlaceholder, type AffixPlaceholderProps, _default$3 as AffixRoot, type AffixRootEmits, type AffixRootProps, type AffixState, type AffixTarget, type AffixUi, type AffixUiSlot, provideAffixUi };

package/dist/components/affix/index.js

@@ -1 +1 @@
-import{provideAffixUi as e}from"./context.js";import t from"./affix-root.js";import n from"./affix-placeholder.js";import r from"./affix-content.js";export{r as AffixContent,n as AffixPlaceholder,t as AffixRoot,e as provideAffixUi};
+import{provideAffixUi as e}from"./context.js";import t from"./affix-content.js";import n from"./affix-placeholder.js";import r from"./affix-root.js";import i from"./affix-compact.js";export{i as AffixCompact,t as AffixContent,n as AffixPlaceholder,r as AffixRoot,e as provideAffixUi};

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

@@ -3,6 +3,7 @@ import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/affix/types.d.ts
 type AffixTarget = string | Window | HTMLElement | (() => HTMLElement);
+type AffixState = 'fixed' | 'static';
 interface AffixRootProps extends /** @vue-ignore */Omit<HTMLAttributes, 'onChange'> {
   /**
    * The offset from the top of the target container when the element becomes affixed.
@@ -21,19 +22,17 @@ interface AffixRootProps extends /** @vue-ignore */Omit<HTMLAttributes, 'onChang
    */
   target?: AffixTarget | null;
 }
-interface AffixPlaceholderProps extends /** @vue-ignore */HTMLAttributes {}
-interface AffixContentProps extends /** @vue-ignore */HTMLAttributes {}
 type AffixRootEmits = {
   change: [affixed: boolean];
 };
+interface AffixPlaceholderProps extends /** @vue-ignore */HTMLAttributes {}
+interface AffixContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface AffixCompactProps extends AffixRootProps {
+  placeholderProps?: AffixPlaceholderProps;
+  contentProps?: AffixContentProps;
+}
+type AffixCompactEmits = AffixRootEmits;
 type AffixUiSlot = 'root' | 'placeholder' | 'content';
 type AffixUi = UiClass<AffixUiSlot>;
-interface AffixRootExposed {
-  affixed: ShallowRef<boolean>;
-  /**
-   * Schedule a position update on the next animation frame.
-   */
-  updatePosition: () => void;
-}
 //#endregion
-export { AffixContentProps, AffixPlaceholderProps, AffixRootEmits, AffixRootExposed, AffixRootProps, AffixTarget, AffixUi, AffixUiSlot };
+export { AffixCompactEmits, AffixCompactProps, AffixContentProps, AffixPlaceholderProps, AffixRootEmits, AffixRootProps, AffixState, AffixTarget, AffixUi, AffixUiSlot };

package/dist/components/alert/alert-close.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useAlertRootContext as t,useAlertUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`AlertClose`,__name:`alert-close`,props:{asChild:{type:Boolean},as:{}},setup(a){let d=a,{onOpenChange:f}=t(`AlertClose`),p=n(`close`),m=r(()=>d.as===`button`?`button`:void 0);return(t,n)=>(s(),i(l(e),{as:a.as,"as-child":a.asChild,class:o(l(p)),type:m.value,onClick:n[0]||(n[0]=e=>l(f)(!1))},{default:u(()=>[c(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`type`]))}});export{d as default};
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useAlertRootContext as t,useAlertUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,useAttrs as u,withCtx as d}from"vue";const f=a({name:`AlertClose`,__name:`alert-close`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(a){let f=a,p=u(),{onOpenChange:m}=t(`AlertClose`),h=n(`close`),g=r(()=>f.as===`button`?`button`:void 0),_=r(()=>p[`aria-label`]??`Close alert`);return(t,n)=>(s(),i(l(e),{as:a.as,"as-child":a.asChild,class:o(l(h)),"aria-label":_.value,type:g.value,onClick:n[0]||(n[0]=e=>l(m)(!1))},{default:d(()=>[c(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`aria-label`,`type`]))}});export{f as default};

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

@@ -1,3 +1,4 @@
+import { AsTag } from "../primitive/types.js";
 import { AlertCloseProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -6,7 +7,9 @@ declare var __VLS_10: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<AlertCloseProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<AlertCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<AlertCloseProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<AlertCloseProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, 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 & {

package/dist/components/alert/alert-compact.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import{useAlertUi as n}from"./context.js";import r from"./alert-close.js";import i from"./alert-content.js";import a from"./alert-description.js";import o from"./alert-root.js";import s from"./alert-title.js";import{createBlock as c,createCommentVNode as l,createTextVNode as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeClass as h,normalizeProps as g,openBlock as _,renderSlot as v,toDisplayString as y,unref as b,useSlots as x,withCtx as S}from"vue";const C=f({name:`AlertCompact`,__name:`alert-compact`,props:{title:{},description:{},icon:{},closable:{type:Boolean},contentProps:{},titleProps:{},descriptionProps:{},closeProps:{},open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(f,{emit:C}){let w=f,T=C,E=x(),D=e(w,[`title`,`description`,`icon`,`closable`,`contentProps`,`titleProps`,`descriptionProps`,`closeProps`]),O=n();return(e,n)=>(_(),c(o,m(b(D),{"onUpdate:open":n[0]||(n[0]=e=>T(`update:open`,e))}),{default:S(()=>[v(e.$slots,`leading`,{},()=>[f.icon?(_(),c(t,{key:0,icon:f.icon,class:h(b(O).icon)},null,8,[`icon`,`class`])):l(`v-if`,!0)]),d(i,g(p(f.contentProps)),{default:S(()=>[b(E).title||f.title?(_(),c(s,g(m({key:0},f.titleProps)),{default:S(()=>[v(e.$slots,`title`,{},()=>[u(y(f.title),1)])]),_:3},16)):l(`v-if`,!0),b(E).description||f.description?(_(),c(a,g(m({key:1},f.descriptionProps)),{default:S(()=>[v(e.$slots,`description`,{},()=>[u(y(f.description),1)])]),_:3},16)):l(`v-if`,!0),v(e.$slots,`default`)]),_:3},16),v(e.$slots,`trailing`),f.closable?(_(),c(r,g(m({key:0},f.closeProps)),{default:S(()=>[v(e.$slots,`close`,{},()=>[d(t,{icon:`lucide:x`})])]),_:3},16)):l(`v-if`,!0)]),_:3},16))}});export{C as default};

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

@@ -0,0 +1,21 @@
+import { AlertCompactProps, AlertCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/alert/alert-compact.vue.d.ts
+type __VLS_Slots = AlertCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<AlertCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:open": (open: boolean) => any;
+}, string, _$vue.PublicProps, Readonly<AlertCompactProps> & Readonly<{
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+  open: 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/alert/context.d.ts

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { AlertUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/alert/context.d.ts
-declare const provideAlertUi: (ui: _$vue.ComputedRef<Partial<UiClass<AlertUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<AlertUiSlot>>>, useAlertUi: <S extends AlertUiSlot | undefined = undefined>(slot?: S | undefined) => S extends AlertUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<AlertUiSlot>>>;
+declare const provideAlertUi: (ui: _$vue.ComputedRef<Partial<UiClass<AlertUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<AlertUiSlot>>>, useAlertUi: UseUiConsumer<AlertUiSlot>;
 //#endregion
 export { provideAlertUi };

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

@@ -1,8 +1,9 @@
-import { AlertCloseProps, AlertContentProps, AlertDescriptionProps, AlertRootEmits, AlertRootProps, AlertTitleProps, AlertUi, AlertUiSlot } from "./types.js";
-import { _default as _default$3 } from "./alert-root.vue.js";
-import { _default as _default$4 } from "./alert-title.vue.js";
-import { _default as _default$2 } from "./alert-description.vue.js";
-import { _default as _default$1 } from "./alert-content.vue.js";
+import { AlertCloseProps, AlertCompactEmits, AlertCompactProps, AlertCompactSlots, AlertContentProps, AlertDescriptionProps, AlertRootEmits, AlertRootProps, AlertTitleProps, AlertUi, AlertUiSlot } from "./types.js";
+import { _default as _default$1 } from "./alert-compact.vue.js";
+import { _default as _default$4 } from "./alert-root.vue.js";
+import { _default as _default$2 } from "./alert-content.vue.js";
+import { _default as _default$5 } from "./alert-title.vue.js";
+import { _default as _default$3 } from "./alert-description.vue.js";
 import { _default } from "./alert-close.vue.js";
 import { provideAlertUi } from "./context.js";
-export { _default as AlertClose, type AlertCloseProps, _default$1 as AlertContent, type AlertContentProps, _default$2 as AlertDescription, type AlertDescriptionProps, _default$3 as AlertRoot, type AlertRootEmits, type AlertRootProps, _default$4 as AlertTitle, type AlertTitleProps, type AlertUi, type AlertUiSlot, provideAlertUi };
+export { _default as AlertClose, type AlertCloseProps, _default$1 as AlertCompact, type AlertCompactEmits, type AlertCompactProps, type AlertCompactSlots, _default$2 as AlertContent, type AlertContentProps, _default$3 as AlertDescription, type AlertDescriptionProps, _default$4 as AlertRoot, type AlertRootEmits, type AlertRootProps, _default$5 as AlertTitle, type AlertTitleProps, type AlertUi, type AlertUiSlot, provideAlertUi };

package/dist/components/alert/index.js

@@ -1 +1 @@
-import{provideAlertUi as e}from"./context.js";import t from"./alert-root.js";import n from"./alert-title.js";import r from"./alert-description.js";import i from"./alert-content.js";import a from"./alert-close.js";export{a as AlertClose,i as AlertContent,r as AlertDescription,t as AlertRoot,n as AlertTitle,e as provideAlertUi};
+import{provideAlertUi as e}from"./context.js";import t from"./alert-close.js";import n from"./alert-content.js";import r from"./alert-description.js";import i from"./alert-root.js";import a from"./alert-title.js";import o from"./alert-compact.js";export{t as AlertClose,o as AlertCompact,n as AlertContent,r as AlertDescription,i as AlertRoot,a as AlertTitle,e as provideAlertUi};

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

@@ -1,3 +1,4 @@
+import { IconValue } from "../_icon/types.js";
 import { UiClass } from "../../types/common.js";
 import { PrimitiveProps } from "../primitive/types.js";
 import { ButtonHTMLAttributes, HTMLAttributes, ShallowRef } from "vue";
@@ -14,11 +15,30 @@ interface AlertRootProps extends /** @vue-ignore */HTMLAttributes {
 type AlertRootEmits = {
   'update:open': [open: boolean];
 };
+interface AlertContentProps extends /** @vue-ignore */HTMLAttributes {}
 interface AlertTitleProps extends /** @vue-ignore */HTMLAttributes {}
 interface AlertDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
-interface AlertContentProps extends /** @vue-ignore */HTMLAttributes {}
 interface AlertCloseProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
-type AlertUiSlot = 'root' | 'title' | 'description' | 'content' | 'close';
+interface AlertCompactProps extends AlertRootProps {
+  title?: string;
+  description?: string;
+  icon?: IconValue;
+  closable?: boolean;
+  contentProps?: AlertContentProps;
+  titleProps?: AlertTitleProps;
+  descriptionProps?: AlertDescriptionProps;
+  closeProps?: AlertCloseProps;
+}
+type AlertCompactEmits = AlertRootEmits;
+type AlertCompactSlots = {
+  default?: () => any;
+  leading?: () => any;
+  title?: () => any;
+  description?: () => any;
+  trailing?: () => any;
+  close?: () => any;
+};
+type AlertUiSlot = 'root' | 'icon' | 'title' | 'description' | 'content' | 'close';
 type AlertUi = UiClass<AlertUiSlot>;
 //#endregion
-export { AlertCloseProps, AlertContentProps, AlertDescriptionProps, AlertRootEmits, AlertRootProps, AlertTitleProps, AlertUi, AlertUiSlot };
+export { AlertCloseProps, AlertCompactEmits, AlertCompactProps, AlertCompactSlots, AlertContentProps, AlertDescriptionProps, AlertRootEmits, AlertRootProps, AlertTitleProps, AlertUi, AlertUiSlot };

package/dist/components/anchor/anchor-compact-item.js

@@ -0,0 +1 @@
+import{useAnchorUi as e}from"./context.js";import t from"./anchor-link.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createVNode as c,defineComponent as l,mergeProps as u,normalizeClass as d,openBlock as f,renderList as p,resolveComponent as m,toDisplayString as h,unref as g,withCtx as _}from"vue";const v=[`data-state`],y=l({name:`AnchorCompactItem`,__name:`anchor-compact-item`,props:{modelValue:{},item:{},linkProps:{},indicatorProps:{},titleProps:{},subProps:{}},setup(l){let y=l,b=e();function x(e,t){return e.href===t?!0:e.children?.some(e=>x(e,t))??!1}let S=r(()=>x(y.item,y.modelValue??``)?`active`:`inactive`);return(e,r)=>{let y=m(`AnchorCompactItem`,!0);return f(),o(`div`,{class:d(g(b).item),"data-state":S.value},[c(t,u(l.linkProps,{href:l.item.href,target:l.item.target,disabled:l.item.disabled}),{default:_(()=>[s(`span`,u(l.indicatorProps,{class:g(b).indicator,"aria-hidden":`true`}),null,16),s(`span`,u(l.titleProps,{class:g(b).title}),h(l.item.title||l.item.href),17)]),_:1},16,[`href`,`target`,`disabled`]),l.item.children?.length?(f(),o(`div`,u({key:0},l.subProps,{class:g(b).sub}),[(f(!0),o(n,null,p(l.item.children,e=>(f(),i(y,{key:e.href,"model-value":l.modelValue,item:e,"link-props":l.linkProps,"indicator-props":l.indicatorProps,"title-props":l.titleProps,"sub-props":l.subProps},null,8,[`model-value`,`item`,`link-props`,`indicator-props`,`title-props`,`sub-props`]))),128))],16)):a(`v-if`,!0)],10,v)}}});export{y as default};

package/dist/components/anchor/anchor-compact.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./anchor-compact-item.js";import n from"./anchor-root.js";import{Fragment as r,createBlock as i,createElementBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderList as l,unref as u,withCtx as d}from"vue";const f=o({name:`AnchorCompact`,__name:`anchor-compact`,props:{items:{},linkProps:{},indicatorProps:{},titleProps:{},subProps:{},bounds:{},dir:{},getContainer:{type:Function},getCurrentAnchor:{type:Function},modelValue:{},offsetTop:{},orientation:{},replace:{type:Boolean},targetOffset:{},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`activeChange`,`itemSelect`],setup(o,{emit:f}){let p=o,m=f,h=e(p,[`items`,`linkProps`,`indicatorProps`,`titleProps`,`subProps`]),g=e=>{m(`update:modelValue`,e)},_=e=>{m(`activeChange`,e)},v=(e,t)=>{m(`itemSelect`,e,t)};return(e,f)=>(c(),i(n,s(u(h),{onActiveChange:_,onItemSelect:v,"onUpdate:modelValue":g}),{default:d(({modelValue:e})=>[(c(!0),a(r,null,l(o.items,n=>(c(),i(t,{key:n.href,item:n,"model-value":e,"link-props":o.linkProps,"indicator-props":o.indicatorProps,"title-props":o.titleProps,"sub-props":o.subProps},null,8,[`item`,`model-value`,`link-props`,`indicator-props`,`title-props`,`sub-props`]))),128))]),_:1},16))}});export{f as default};

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

@@ -0,0 +1,20 @@
+import { AnchorCompactProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/anchor/anchor-compact.vue.d.ts
+declare const __VLS_export: _$vue.DefineComponent<AnchorCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: string) => any;
+  activeChange: (value: string) => any;
+  itemSelect: (event: MouseEvent, payload: {
+    href: string;
+  }) => any;
+}, string, _$vue.PublicProps, Readonly<AnchorCompactProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onActiveChange?: ((value: string) => any) | undefined;
+  onItemSelect?: ((event: MouseEvent, payload: {
+    href: string;
+  }) => any) | undefined;
+}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };

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

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { AnchorUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/anchor/context.d.ts
-declare const provideAnchorUi: (ui: _$vue.ComputedRef<Partial<UiClass<AnchorUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<AnchorUiSlot>>>, useAnchorUi: <S extends AnchorUiSlot | undefined = undefined>(slot?: S | undefined) => S extends AnchorUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<AnchorUiSlot>>>;
+declare const provideAnchorUi: (ui: _$vue.ComputedRef<Partial<UiClass<AnchorUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<AnchorUiSlot>>>, useAnchorUi: UseUiConsumer<AnchorUiSlot>;
 //#endregion
 export { provideAnchorUi };

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

@@ -1,5 +1,6 @@
-import { AnchorContainer, AnchorLinkProps, AnchorRootEmits, AnchorRootProps, AnchorUi, AnchorUiSlot } from "./types.js";
-import { _default } from "./anchor-link.vue.js";
-import { _default as _default$1 } from "./anchor-root.vue.js";
+import { AnchorCompactEmits, AnchorCompactItemProps, AnchorCompactProps, AnchorContainer, AnchorItemData, AnchorLinkProps, AnchorRootEmits, AnchorRootProps, AnchorUi, AnchorUiSlot } from "./types.js";
+import { _default } from "./anchor-compact.vue.js";
+import { _default as _default$1 } from "./anchor-link.vue.js";
+import { _default as _default$2 } from "./anchor-root.vue.js";
 import { provideAnchorUi } from "./context.js";
-export { type AnchorContainer, _default as AnchorLink, type AnchorLinkProps, _default$1 as AnchorRoot, type AnchorRootEmits, type AnchorRootProps, type AnchorUi, type AnchorUiSlot, provideAnchorUi };
+export { _default as AnchorCompact, type AnchorCompactEmits, type AnchorCompactItemProps, type AnchorCompactProps, type AnchorContainer, type AnchorItemData, _default$1 as AnchorLink, type AnchorLinkProps, _default$2 as AnchorRoot, type AnchorRootEmits, type AnchorRootProps, type AnchorUi, type AnchorUiSlot, provideAnchorUi };

package/dist/components/anchor/index.js

@@ -1 +1 @@
-import{provideAnchorUi as e}from"./context.js";import t from"./anchor-link.js";import n from"./anchor-root.js";export{t as AnchorLink,n as AnchorRoot,e as provideAnchorUi};
+import{provideAnchorUi as e}from"./context.js";import t from"./anchor-link.js";import n from"./anchor-root.js";import r from"./anchor-compact.js";export{r as AnchorCompact,t as AnchorLink,n as AnchorRoot,e as provideAnchorUi};

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

@@ -5,6 +5,10 @@ import { HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/anchor/types.d.ts
 type AnchorContainer = HTMLElement | Window;
+interface AnchorItemData extends Pick<AnchorLinkProps, 'disabled' | 'href' | 'target'> {
+  children?: AnchorItemData[];
+  title?: string;
+}
 interface AnchorRootProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
   bounds?: number;
   dir?: Direction;
@@ -26,7 +30,23 @@ type AnchorRootEmits = {
 interface AnchorLinkProps extends PrimitiveProps, Pick<LinkProps, 'disabled' | 'target'>, /** @vue-ignore */HTMLAttributes {
   href: string;
 }
-type AnchorUiSlot = 'root' | 'link';
+interface AnchorCompactItemProps extends /** @vue-ignore */HTMLAttributes {
+  modelValue?: string;
+  item: AnchorItemData;
+  linkProps?: AnchorLinkProps;
+  indicatorProps?: HTMLAttributes;
+  titleProps?: HTMLAttributes;
+  subProps?: HTMLAttributes;
+}
+interface AnchorCompactProps extends AnchorRootProps {
+  items: AnchorItemData[];
+  linkProps?: AnchorLinkProps;
+  indicatorProps?: HTMLAttributes;
+  titleProps?: HTMLAttributes;
+  subProps?: HTMLAttributes;
+}
+type AnchorCompactEmits = AnchorRootEmits;
+type AnchorUiSlot = 'root' | 'link' | 'sub' | 'item' | 'indicator' | 'title';
 type AnchorUi = UiClass<AnchorUiSlot>;
 //#endregion
-export { AnchorContainer, AnchorLinkProps, AnchorRootEmits, AnchorRootProps, AnchorUi, AnchorUiSlot };
+export { AnchorCompactEmits, AnchorCompactItemProps, AnchorCompactProps, AnchorContainer, AnchorItemData, AnchorLinkProps, AnchorRootEmits, AnchorRootProps, AnchorUi, AnchorUiSlot };

package/dist/components/autocomplete/autocomplete-compact.js

@@ -0,0 +1 @@
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import{useAutocompleteUi as r}from"./context.js";import i from"./autocomplete-root.js";import a from"./autocomplete-anchor.js";import o from"../portal/portal.js";import s from"./autocomplete-content.js";import c from"./autocomplete-group.js";import l from"./autocomplete-group-label.js";import u from"./autocomplete-input.js";import d from"./autocomplete-item.js";import f from"./autocomplete-item-indicator.js";import"../portal/index.js";import p from"./autocomplete-separator.js";import m from"./autocomplete-trigger.js";import h from"./autocomplete-viewport.js";import{getAutocompleteItemOptions as g,getAutocompleteSearchOptions as _,isGroupOption as v}from"./shared.js";import{Fragment as y,computed as b,createBlock as x,createCommentVNode as S,createElementBlock as C,createElementVNode as w,createTextVNode as T,createVNode as E,defineComponent as D,guardReactiveProps as O,mergeProps as k,normalizeClass as A,normalizeProps as j,openBlock as M,renderList as N,renderSlot as P,toDisplayString as F,unref as I,withCtx as L}from"vue";import{useFuse as R}from"@vueuse/integrations/useFuse";import{defu as z}from"defu";const B=[`aria-label`,`onClick`],V=D({name:`AutocompleteCompact`,__name:`autocomplete-compact`,props:{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(D,{emit:V}){let H=D,U=V,W=t(H,[`items`,`modelValue`,`defaultValue`,`placeholder`,`clearable`,`clearLabel`,`emptyLabel`,`fuseOptions`,`anchorProps`,`inputProps`,`triggerProps`,`portalProps`,`contentProps`,`viewportProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemIndicatorProps`,`separatorProps`]),G=e(()=>H.modelValue,e=>{U(`update:modelValue`,e??``)},H.defaultValue??``),K=b(()=>z(H.fuseOptions,{fuseOptions:{ignoreLocation:!0,threshold:.3,keys:[`label`,`value`,`keywords`,`groupLabel`]},matchAllWhenSearchEmpty:!0})),q=b(()=>_(H.items)),{results:J}=R(b(()=>G.value),q,K),Y=b(()=>g(J.value.map(e=>e.item))),X=r(),Z=b(()=>({...H.inputProps,id:H.inputProps?.id??H.id,placeholder:H.placeholder??H.inputProps?.placeholder})),Q=e=>v(e)?`group-${e.label}`:`item-${e.value}`,$=e=>{U(`select`,e)};return(e,t)=>(M(),x(i,k(I(W),{"model-value":I(G),onHighlight:t[0]||(t[0]=e=>U(`highlight`,e)),"onUpdate:modelValue":t[1]||(t[1]=e=>G.value=e),"onUpdate:open":t[2]||(t[2]=e=>U(`update:open`,e))}),{default:L(()=>[E(a,j(O(D.anchorProps)),{default:L(()=>[E(u,j(O(Z.value)),{leading:L(()=>[P(e.$slots,`input-leading`,{},()=>[E(n,{icon:`lucide:search`,class:A(I(X).inputIcon)},null,8,[`class`])])]),trailing:L(({clear:t})=>[D.clearable&&I(G)?(M(),C(`button`,{key:0,type:`button`,class:A(I(X).inputClearable),"aria-label":D.clearLabel,onClick:t},[E(n,{icon:`lucide:x`})],10,B)):S(`v-if`,!0),P(e.$slots,`input-trailing`)]),_:3},16),E(m,k(D.triggerProps,{"aria-label":`Toggle suggestions`}),{default:L(()=>[P(e.$slots,`trigger-icon`,{},()=>[E(n,{icon:`lucide:chevrons-up-down`,class:A(I(X).triggerIcon)},null,8,[`class`])])]),_:3},16)]),_:3},16),E(I(o),j(O(D.portalProps)),{default:L(()=>[E(s,j(O(D.contentProps)),{default:L(()=>[E(h,j(O(D.viewportProps)),{default:L(()=>[Y.value.length?S(`v-if`,!0):(M(),C(`div`,{key:0,class:A(I(X).empty)},[P(e.$slots,`empty`,{},()=>[T(F(D.emptyLabel),1)])],2)),(M(!0),C(y,null,N(Y.value,t=>(M(),C(y,{key:Q(t)},[I(v)(t)?(M(),C(y,{key:0},[E(c,k({ref_for:!0},D.groupProps),{default:L(()=>[E(l,k({ref_for:!0},D.groupLabelProps),{default:L(()=>[P(e.$slots,`group-label`,{item:t},()=>[T(F(t.label),1)])]),_:2},1040),(M(!0),C(y,null,N(t.items,t=>(M(),C(y,{key:t.value},[E(d,k({ref_for:!0},D.itemProps,{value:t.value,disabled:t.disabled,onSelect:e=>$(t)}),{default:L(()=>[P(e.$slots,`item-leading`,{item:t},()=>[t.icon?(M(),x(n,{key:0,icon:t.icon,class:A(I(X).itemIcon)},null,8,[`icon`,`class`])):S(`v-if`,!0)]),w(`span`,{class:A(I(X).itemText)},[P(e.$slots,`item-label`,{item:t},()=>[T(F(t.label??t.value),1)])],2),P(e.$slots,`item-trailing`,{item:t}),E(f,k({ref_for:!0},D.itemIndicatorProps),{default:L(()=>[P(e.$slots,`item-indicator`,{item:t},()=>[E(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`disabled`,`onSelect`]),t.separator?(M(),x(p,k({key:0,ref_for:!0},D.separatorProps),null,16)):S(`v-if`,!0)],64))),128))]),_:2},1040),t.separator?(M(),x(p,k({key:0,ref_for:!0},D.separatorProps),null,16)):S(`v-if`,!0)],64)):(M(),C(y,{key:1},[E(d,k({ref_for:!0},D.itemProps,{value:t.value,disabled:t.disabled,onSelect:e=>$(t)}),{default:L(()=>[P(e.$slots,`item-leading`,{item:t},()=>[t.icon?(M(),x(n,{key:0,icon:t.icon,class:A(I(X).itemIcon)},null,8,[`icon`,`class`])):S(`v-if`,!0)]),w(`span`,{class:A(I(X).itemText)},[P(e.$slots,`item-label`,{item:t},()=>[T(F(t.label??t.value),1)])],2),P(e.$slots,`item-trailing`,{item:t}),E(f,k({ref_for:!0},D.itemIndicatorProps),{default:L(()=>[P(e.$slots,`item-indicator`,{item:t},()=>[E(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`disabled`,`onSelect`]),t.separator?(M(),x(p,k({key:0,ref_for:!0},D.separatorProps),null,16)):S(`v-if`,!0)],64))],64))),128))]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16,[`model-value`]))}});export{V as default};

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

@@ -0,0 +1,24 @@
+import { AutocompleteCompactProps, AutocompleteCompactSlots, AutocompleteHighlightPayload, AutocompleteSingleOptionData } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/autocomplete/autocomplete-compact.vue.d.ts
+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<AutocompleteCompactProps<T> & {
+    onSelect?: ((item: T) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onHighlight?: ((payload?: AutocompleteHighlightPayload | undefined) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: AutocompleteCompactSlots<T>;
+  emit: ((evt: "select", item: T) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: AutocompleteHighlightPayload | undefined) => void) & ((evt: "update:open", value: boolean) => void);
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

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

@@ -10,17 +10,17 @@ type __VLS_Slots = {
 };
 declare const __VLS_base: _$vue.DefineComponent<AutocompleteRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-  "update:open": (value: boolean) => any;
   highlight: (payload?: AutocompleteHighlightPayload | undefined) => any;
+  "update:open": (value: boolean) => any;
 }, string, _$vue.PublicProps, Readonly<AutocompleteRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onHighlight?: ((payload?: AutocompleteHighlightPayload | undefined) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
+  highlightOnHover: boolean;
   modelValue: string;
   open: boolean;
   defaultOpen: boolean;
-  highlightOnHover: boolean;
   openOnFocus: boolean;
   openOnClick: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;