@soybeanjs/headless 0.30.0 → 0.40.0-beta.2

package/README.md

@@ -117,8 +117,8 @@ registerLocale('custom', customMessages);
 
 ```
 headless/src/
-├── components/    # 94 dirs: 92 public groups + _common/_icon internals
-├── composables/   # 27 shared hooks (state, focus, floating, selection…)
+├── components/    # 96 dirs: 94 public groups + _common/_icon internals
+├── composables/   # 28 shared hooks (state, focus, floating, selection…)
 ├── shared/        # Pure TS utilities (DOM, focus, tree, form, guard)
 ├── constants/     # ARIA attributes, component keys
 ├── date/          # Shared date and calendar helpers
@@ -133,7 +133,7 @@ headless/src/
 
 ```ts
 import { AccordionRoot } from '@soybeanjs/headless'; // components + types
-import { useControllableState } from '@soybeanjs/headless/composables'; // 27 composables
+import { useControllableState } from '@soybeanjs/headless/composables'; // 28 composables
 import { transformPropsToContext } from '@soybeanjs/headless/shared'; // pure TS utils
 import { createMonth } from '@soybeanjs/headless/date'; // shared date helpers
 import { registerLocale } from '@soybeanjs/headless/locale'; // locale registry
@@ -144,17 +144,17 @@ import type { UiClass } from '@soybeanjs/headless/types'; // shared type surface
 
 ## 🧩 Composables
 
-27 hooks organized by category:
-
-| Category      | Composables                                                    |
-| ------------- | -------------------------------------------------------------- |
-| **State**     | `useContext`, `useControllableState`, `useStateMachine`        |
-| **Focus**     | `useFocusScope`, `useFocusGuards`, `useArrowNavigation`        |
-| **Layer**     | `useDismissableLayer`, `useEscapeKeyDown`, `useBodyScrollLock` |
-| **Floating**  | `useFloating`, `useGraceArea`, `usePopupEvents`                |
-| **DOM**       | `useForwardElement`, `useExposedElement`, `useHideOthers`      |
-| **Selection** | `useSelection`, `useCollection`, `useTypeahead`                |
-| **Bridge**    | `useUiContext`, `useOmitProps`, `useForwardListeners`          |
+28 composables organized by category:
+
+| Category      | Composables                                                                                               |
+| ------------- | --------------------------------------------------------------------------------------------------------- |
+| **State**     | `useContext`, `useControllableState`, `useStateMachine`, `useBoolProp`, `useProps`                        |
+| **Focus**     | `useFocusScope`, `useFocusGuards`, `useArrowNavigation`, `useRovingFocus`, `useKbd`, `useIsUsingKeyboard` |
+| **Layer**     | `useDismissableLayer`, `useEscapeKeyDown`, `useBodyScrollLock`, `usePresence`                             |
+| **Floating**  | `useFloating`, `useGraceArea`, `usePopupEvents`                                                           |
+| **DOM**       | `useForwardElement`, `useExposedElement`, `useHideOthers`, `useImageLoadingStatus`                        |
+| **Selection** | `useSelection`, `useCollection`, `useTypeahead`, `useFuse`                                                |
+| **Bridge**    | `useUiContext`, `useOmitProps`, `useForwardListeners`                                                     |
 
 ## 🎨 Integrating Your Own Styled Layer
 

package/README.zh-CN.md

@@ -117,8 +117,8 @@ registerLocale('custom', customMessages);
 
 ```
 headless/src/
-├── components/    # 94 个目录：92 个公共组件组 + _common/_icon 内部目录
-├── composables/   # 27 个共享 hook（状态、焦点、浮层、选择…）
+├── components/    # 96 个目录：94 个公共组件组 + _common/_icon 内部目录
+├── composables/   # 28 个共享 hook（状态、焦点、浮层、选择…）
 ├── shared/        # 纯 TS 工具函数（DOM、焦点、树、表单、守卫）
 ├── constants/     # ARIA 属性常量、组件标识键
 ├── date/          # 共享日期与日历工具
@@ -133,7 +133,7 @@ headless/src/
 
 ```ts
 import { AccordionRoot } from '@soybeanjs/headless'; // 组件 + 类型
-import { useControllableState } from '@soybeanjs/headless/composables'; // 27 个 composable
+import { useControllableState } from '@soybeanjs/headless/composables'; // 28 个 composable
 import { transformPropsToContext } from '@soybeanjs/headless/shared'; // 纯 TS 工具
 import { createMonth } from '@soybeanjs/headless/date'; // 日期工具
 import { registerLocale } from '@soybeanjs/headless/locale'; // locale 注册表
@@ -144,17 +144,17 @@ import type { UiClass } from '@soybeanjs/headless/types'; // 共享类型导出
 
 ## 🧩 Composables
 
-27 个 hook，按功能分类：
-
-| 分类     | Composables                                                    |
-| -------- | -------------------------------------------------------------- |
-| **状态** | `useContext`、`useControllableState`、`useStateMachine`        |
-| **焦点** | `useFocusScope`、`useFocusGuards`、`useArrowNavigation`        |
-| **层叠** | `useDismissableLayer`、`useEscapeKeyDown`、`useBodyScrollLock` |
-| **浮层** | `useFloating`、`useGraceArea`、`usePopupEvents`                |
-| **DOM**  | `useForwardElement`、`useExposedElement`、`useHideOthers`      |
-| **选择** | `useSelection`、`useCollection`、`useTypeahead`                |
-| **桥接** | `useUiContext`、`useOmitProps`、`useForwardListeners`          |
+28 个 composable，按功能分类：
+
+| 分类     | Composables                                                                                               |
+| -------- | --------------------------------------------------------------------------------------------------------- |
+| **状态** | `useContext`、`useControllableState`、`useStateMachine`、`useBoolProp`、`useProps`                        |
+| **焦点** | `useFocusScope`、`useFocusGuards`、`useArrowNavigation`、`useRovingFocus`、`useKbd`、`useIsUsingKeyboard` |
+| **层叠** | `useDismissableLayer`、`useEscapeKeyDown`、`useBodyScrollLock`、`usePresence`                             |
+| **浮层** | `useFloating`、`useGraceArea`、`usePopupEvents`                                                           |
+| **DOM**  | `useForwardElement`、`useExposedElement`、`useHideOthers`、`useImageLoadingStatus`                        |
+| **选择** | `useSelection`、`useCollection`、`useTypeahead`、`useFuse`                                                |
+| **桥接** | `useUiContext`、`useOmitProps`、`useForwardListeners`                                                     |
 
 ## 🎨 接入自定义样式层
 

package/dist/components/_icon/icon.js

@@ -1 +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};
+import{CONFIG_PROVIDER_CONTEXT_KEY as e}from"../../constants/attr.js";import{computed as t,createBlock as n,createCommentVNode as r,defineComponent as i,inject as a,openBlock as o,resolveDynamicComponent as s}from"vue";const c=i({name:`Icon`,__name:`icon`,props:{icon:{}},setup(i){let c=i,l=a(e,{}),u=t(()=>l?.iconRender?.(c.icon));return(e,t)=>u.value?(o(),n(s(u.value),{key:0})):r(`v-if`,!0)}});export{c as default};

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

@@ -3,6 +3,5 @@ import { Component, VNode } from "vue";
 /**
  * Type information for IconValue.
  */
-type IconValue = VNode | Component | string | null | undefined;
-//#endregion
-export { IconValue };
+export type IconValue = VNode | Component | string | null | undefined;
+//#endregion

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 n from"../_icon/icon.js";import{useAccordionUi as r}from"./context.js";import i from"./accordion-content.js";import a from"./accordion-description.js";import o from"./accordion-header.js";import s from"./accordion-item.js";import c from"./accordion-root.js";import l from"./accordion-trigger.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,default:!0},dir:{},disabled:{type:Boolean},orientation:{},unmountOnHide:{type:Boolean,default:!0},modelValue:{},defaultValue:{},multiple:{},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(c,g(C(O),S(C(k))),{default:w(()=>[(v(!0),f(u,null,y(h.items,(t,r)=>(v(),d(s,g({key:t.value,ref_for:!0},h.itemProps,{value:t.value,disabled:t.disabled}),{default:w(({open:s})=>[b(e.$slots,`item`,{item:t,index:r,modelValue:h.modelValue,open:s},()=>[m(o,g({ref_for:!0},h.headerProps),{default:w(()=>[m(l,g({ref_for:!0},h.triggerProps),{default:w(()=>[b(e.$slots,`leading`,{item:t,index:r,modelValue:h.modelValue,open:s},()=>[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:s},()=>[p(x(t.title),1)]),b(e.$slots,`trigger-icon`,{item:t,index:r,modelValue:h.modelValue,open:s},()=>[m(n,{icon:`lucide:chevron-down`,class:_(C(A).triggerIcon)},null,8,[`class`])])]),_:2},1040)]),_:2},1040),m(i,g({ref_for:!0},h.contentProps),{default:w(()=>[b(e.$slots,`content`,{item:t,index:r,modelValue:h.modelValue,open:s},()=>[m(a,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};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import n from"../_icon/icon.js";import{useAccordionUi as r}from"./context.js";import i from"./accordion-content.js";import a from"./accordion-description.js";import o from"./accordion-header.js";import s from"./accordion-item.js";import c from"./accordion-root.js";import l from"./accordion-trigger.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,default:!0},dir:{},disabled:{type:Boolean},orientation:{},unmountOnHide:{type:Boolean,default:!0},modelValue:{},defaultValue:{},multiple:{},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(c,g(C(O),S(C(k))),{default:w(()=>[(v(!0),f(u,null,y(h.items,(t,r)=>(v(),d(s,g({key:t.value,ref_for:!0},h.itemProps,{value:t.value,disabled:t.disabled}),{default:w(({open:s})=>[b(e.$slots,`item`,{item:t,index:r,modelValue:h.modelValue,open:s},()=>[m(o,g({ref_for:!0},h.headerProps),{default:w(()=>[m(l,g({ref_for:!0},h.triggerProps),{default:w(()=>[b(e.$slots,`leading`,{item:t,index:r,modelValue:h.modelValue,open:s},()=>[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:s},()=>[p(x(t.title),1)]),b(e.$slots,`trigger-icon`,{item:t,index:r,modelValue:h.modelValue,open:s},()=>[m(n,{icon:`lucide:chevron-down`,class:_(C(A).triggerIcon)},null,8,[`class`])])]),_:2},1040)]),_:2},1040),m(i,g({ref_for:!0},h.contentProps),{default:w(()=>[b(e.$slots,`content`,{item:t,index:r,modelValue:h.modelValue,open:s},()=>[m(a,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-content.js

@@ -1 +1 @@
-import{useAccordionItemContext as e,useAccordionRootContext as t}from"./context.js";import{collapsibleContentCssVars as n}from"../collapsible/shared.js";import r from"../collapsible/collapsible-content.js";import"../collapsible/index.js";import{accordionContentCssVars as i}from"./shared.js";import{createBlock as a,defineComponent as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=o({name:`AccordionContent`,__name:`accordion-content`,props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},setup(o){let{orientation:d}=t(`AccordionContent`),{triggerId:f,dataDisabled:p,dataState:m}=e(`AccordionContent`),h={[i.width]:`var(${n.width})`,[i.height]:`var(${n.height})`};return(e,t)=>(s(),a(l(r),{"data-soybean-accordion-content":``,as:o.as,"as-child":o.asChild,"force-mount":o.forceMount,role:`region`,"aria-labelledby":l(f),"data-disabled":l(p),"data-orientation":l(d),"data-state":l(m),style:h},{default:u(()=>[c(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`force-mount`,`aria-labelledby`,`data-disabled`,`data-orientation`,`data-state`]))}});export{d as default};
+import{useAccordionItemContext as e,useAccordionRootContext as t}from"./context.js";import{collapsibleContentCssVars as n}from"../collapsible/shared.js";import r from"../collapsible/collapsible-content.js";import{accordionContentCssVars as i}from"./shared.js";import{createBlock as a,defineComponent as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=o({name:`AccordionContent`,__name:`accordion-content`,props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},setup(o){let{orientation:d}=t(`AccordionContent`),{triggerId:f,dataDisabled:p,dataState:m}=e(`AccordionContent`),h={[i.width]:`var(${n.width})`,[i.height]:`var(${n.height})`};return(e,t)=>(s(),a(l(r),{"data-soybean-accordion-content":``,as:o.as,"as-child":o.asChild,"force-mount":o.forceMount,role:`region`,"aria-labelledby":l(f),"data-disabled":l(p),"data-orientation":l(d),"data-state":l(m),style:h},{default:u(()=>[c(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`force-mount`,`aria-labelledby`,`data-disabled`,`data-orientation`,`data-state`]))}});export{d as default};

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

@@ -1 +1 @@
-import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{getOpenFromSingleOrMultiple as t}from"../../shared/value.js";import{getCollectionItemElements as n}from"../../shared/dom.js";import{transformPropsToContext as r}from"../../shared/vue.js";import"../../shared/index.js";import{useOmitProps as i}from"../../composables/use-props.js";import"../../composables/index.js";import{provideAccordionItemContext as a,useAccordionRootContext as o}from"./context.js";import s from"../collapsible/collapsible-root.js";import"../collapsible/index.js";import{computed as c,createBlock as l,defineComponent as u,mergeProps as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";const g=u({name:`AccordionItem`,__name:`accordion-item`,props:{value:{},disabled:{type:Boolean},unmountOnHide:{type:Boolean,default:void 0},asChild:{type:Boolean},as:{}},setup(u,{expose:g}){let _=u,v=i(_,[`value`]),{modelValue:y,disabled:b,isMultiple:x,rootElement:S,orientation:C,dir:w,unmountOnHide:T}=o(`AccordionItem`),E=c(()=>t(_.value,y.value,x.value)),D=c(()=>b.value||_.disabled),O=c(()=>_.unmountOnHide??T.value),{dataDisabled:k,dataState:A}=a({open:E,disabled:D,...r(_,[`value`])}),j=t=>{if(!S.value)return;let r=n(S.value),i=t.target;r.findIndex(e=>e===i)!==-1&&e(t,i,S.value,{arrowKeyOptions:C.value,dir:w.value,focus:!0})};return g({open:E,dataDisabled:k}),(e,t)=>(f(),l(m(s),d(m(v),{"data-soybean-accordion-item":``,open:E.value,disabled:D.value,"unmount-on-hide":O.value,"data-disabled":m(k),"data-orientation":m(C),"data-state":m(A),onKeydown:j}),{default:h(()=>[p(e.$slots,`default`,{open:E.value})]),_:3},16,[`open`,`disabled`,`unmount-on-hide`,`data-disabled`,`data-orientation`,`data-state`]))}});export{g as default};
+import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{getOpenFromSingleOrMultiple as t}from"../../shared/value.js";import{getCollectionItemElements as n}from"../../shared/dom.js";import{toContext as r}from"../../shared/vue.js";import{useOmitProps as i}from"../../composables/use-props.js";import{provideAccordionItemContext as a,useAccordionRootContext as o}from"./context.js";import s from"../collapsible/collapsible-root.js";import{computed as c,createBlock as l,defineComponent as u,mergeProps as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";const g=u({name:`AccordionItem`,__name:`accordion-item`,props:{value:{},disabled:{type:Boolean},unmountOnHide:{type:Boolean,default:void 0},asChild:{type:Boolean},as:{}},setup(u,{expose:g}){let _=u,v=i(_,[`value`]),{modelValue:y,disabled:b,isMultiple:x,rootElement:S,orientation:C,dir:w,unmountOnHide:T}=o(`AccordionItem`),E=c(()=>t(_.value,y.value,x.value)),D=c(()=>b.value||_.disabled),O=c(()=>_.unmountOnHide??T.value),{dataDisabled:k,dataState:A}=a({open:E,disabled:D,...r(_,[`value`])}),j=t=>{if(!S.value)return;let r=n(S.value),i=t.target;r.findIndex(e=>e===i)!==-1&&e(t,i,S.value,{arrowKeyOptions:C.value,dir:w.value,focus:!0})};return g({open:E,dataDisabled:k}),(e,t)=>(f(),l(m(s),d(m(v),{"data-soybean-accordion-item":``,open:E.value,disabled:D.value,"unmount-on-hide":O.value,"data-disabled":m(k),"data-orientation":m(C),"data-state":m(A),onKeydown:j}),{default:h(()=>[p(e.$slots,`default`,{open:E.value})]),_:3},16,[`open`,`disabled`,`unmount-on-hide`,`data-disabled`,`data-orientation`,`data-state`]))}});export{g as default};

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useSelection as n}from"../../composables/use-selection.js";import"../../composables/index.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:!0},dir:{},disabled:{type:Boolean,default:!1},orientation:{default:`vertical`},unmountOnHide:{type:Boolean,default:!0},modelValue:{},defaultValue:{},multiple:{},selectionBehavior:{}},emits:[`update:modelValue`],setup(o,{emit:p}){let m=o,h=p,g=i(`root`),_=u(),v=t(()=>m.dir),{modelValue:y,isMultiple:b,onModelValueChange:x}=n(()=>({...m,clearable:m.collapsible}),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:_,"data-soybean-accordion-root":``,class:s(d(g)),dir:d(v)},[l(e.$slots,`default`,{modelValue:d(y)})],10,f))}});export{p as default};
+import{toContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import{useSelection as n}from"../../composables/use-selection.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:!0},dir:{},disabled:{type:Boolean,default:!1},orientation:{default:`vertical`},unmountOnHide:{type:Boolean,default:!0},modelValue:{},defaultValue:{},multiple:{},selectionBehavior:{}},emits:[`update:modelValue`],setup(o,{emit:p}){let m=o,h=p,g=i(`root`),_=u(),v=t(()=>m.dir),{modelValue:y,isMultiple:b,onModelValueChange:x}=n(()=>({...m,clearable:m.collapsible}),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:_,"data-soybean-accordion-root":``,class:s(d(g)),dir:d(v)},[l(e.$slots,`default`,{modelValue:d(y)})],10,f))}});export{p as default};

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

@@ -1 +1 @@
-import{useAccordionItemContext as e,useAccordionRootContext as t}from"./context.js";import n from"../collapsible/collapsible-trigger.js";import"../collapsible/index.js";import{createBlock as r,defineComponent as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=i({name:`AccordionTrigger`,__name:`accordion-trigger`,props:{disabledCollapsible:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let{collapsible:l,orientation:u,onModelValueChange:d,isMultiple:f}=t(`AccordionTrigger`),{setTriggerElement:p,triggerId:m,initTriggerId:h,open:g,value:_,dataDisabled:v,dataState:y,disabled:b}=e(`AccordionTrigger`),x=()=>{b.value||!f.value&&g.value&&!l.value||d(_.value)};return h(),(e,t)=>(a(),r(s(n),{id:s(m),ref:s(p),as:i.as,"as-child":i.asChild,"data-soybean-accordion-trigger":``,"data-soybean-collection-item":``,"aria-disabled":s(b)||void 0,"aria-expanded":s(g)||!1,"data-disabled":s(v),"data-orientation":s(u),"data-state":s(y),disabled:s(b),onClick:x},{default:c(()=>[o(e.$slots,`default`)]),_:3},8,[`id`,`as`,`as-child`,`aria-disabled`,`aria-expanded`,`data-disabled`,`data-orientation`,`data-state`,`disabled`]))}});export{l as default};
+import{useAccordionItemContext as e,useAccordionRootContext as t}from"./context.js";import n from"../collapsible/collapsible-trigger.js";import{createBlock as r,defineComponent as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=i({name:`AccordionTrigger`,__name:`accordion-trigger`,props:{disabledCollapsible:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let{collapsible:l,orientation:u,onModelValueChange:d,isMultiple:f}=t(`AccordionTrigger`),{setTriggerElement:p,triggerId:m,initTriggerId:h,open:g,value:_,dataDisabled:v,dataState:y,disabled:b}=e(`AccordionTrigger`),x=()=>{b.value||(f.value||!g.value||l.value)&&d(_.value)};return h(),(e,t)=>(a(),r(s(n),{id:s(m),ref:s(p),as:i.as,"as-child":i.asChild,"data-soybean-accordion-trigger":``,"data-soybean-collection-item":``,"aria-disabled":s(b)||void 0,"aria-expanded":s(g)||!1,"data-disabled":s(v),"data-orientation":s(u),"data-state":s(y),disabled:s(b),onClick:x},{default:c(()=>[o(e.$slots,`default`)]),_:3},8,[`id`,`as`,`as-child`,`aria-disabled`,`aria-expanded`,`data-disabled`,`data-orientation`,`data-state`,`disabled`]))}});export{l as default};

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

@@ -1,9 +1,9 @@
 import { UiClass } from "../../types/common.js";
 import "../../types/index.js";
 import { AccordionUiSlot } from "./types.js";
+import "../../index.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import "../../composables/index.js";
-import "../../index.js";
 //#region src/components/accordion/context.d.ts
 declare const provideAccordionUi: (ui: import("vue").ComputedRef<Partial<UiClass<AccordionUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<AccordionUiSlot>>>, useAccordionUi: UseUiConsumer<AccordionUiSlot>;
 //#endregion

package/dist/components/accordion/context.js

@@ -1 +1 @@
-import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import"../../shared/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideCollapsibleUi as i}from"../collapsible/context.js";import{computed as a,shallowRef as o,useId as s}from"vue";const[c,l]=t(`AccordionRoot`),[u,d]=t(`AccordionItem`,t=>{let{open:r,disabled:i}=t,[c,l]=n(),u=o(``),d=`soybean-accordion-trigger-${s()}`,f=()=>{u.value||(u.value=d)},p=a(()=>i.value?``:void 0),m=a(()=>e(r.value));return{...t,triggerElement:c,setTriggerElement:l,triggerId:u,initTriggerId:f,dataDisabled:p,dataState:m}}),[f,p]=r(`AccordionUi`,e=>{let t=a(()=>({root:e.value?.item,trigger:e.value?.trigger,content:e.value?.content}));return i(t),e});export{u as provideAccordionItemContext,c as provideAccordionRootContext,f as provideAccordionUi,d as useAccordionItemContext,l as useAccordionRootContext,p as useAccordionUi};
+import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import{provideCollapsibleUi as i}from"../collapsible/context.js";import{computed as a,shallowRef as o,useId as s}from"vue";const[c,l]=t(`AccordionRoot`),[u,d]=t(`AccordionItem`,t=>{let{open:r,disabled:i}=t,[c,l]=n(),u=o(``),d=`soybean-accordion-trigger-${s()}`,f=()=>{u.value||=d},p=a(()=>i.value?``:void 0),m=a(()=>e(r.value));return{...t,triggerElement:c,setTriggerElement:l,triggerId:u,initTriggerId:f,dataDisabled:p,dataState:m}}),[f,p]=r(`AccordionUi`,e=>{let t=a(()=>({root:e.value?.item,trigger:e.value?.trigger,content:e.value?.content}));return i(t),e});export{u as provideAccordionItemContext,c as provideAccordionRootContext,f as provideAccordionUi,d as useAccordionItemContext,l as useAccordionRootContext,p as useAccordionUi};

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

@@ -8,7 +8,7 @@ import { ComputedRef, ShallowRef } from "vue";
 /**
  * Properties for the AccordionRoot component.
  */
-interface AccordionRootProps<M extends boolean = false> extends Omit<SelectionProps<M>, 'clearable'>, BaseProps {
+export interface AccordionRootProps<M extends boolean = false> extends Omit<SelectionProps<M>, 'clearable'>, BaseProps {
   /**
    * When type is "single", allows closing content when clicking trigger for an open item.
    *
@@ -45,34 +45,34 @@ interface AccordionRootProps<M extends boolean = false> extends Omit<SelectionPr
 /**
  * Events for the AccordionRoot component.
  */
-type AccordionRootEmits<M extends boolean = false> = SelectionEmits<M>;
+export type AccordionRootEmits<M extends boolean = false> = SelectionEmits<M>;
 /**
  * Properties for the AccordionItem component.
  */
-interface AccordionItemProps extends Omit<CollapsibleRootProps, 'open' | 'defaultOpen' | 'onOpenChange'> {
+export 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;
 }
 /**
  * Properties for the AccordionHeader component.
  */
-interface AccordionHeaderProps extends BaseProps {}
+export interface AccordionHeaderProps extends BaseProps {}
 /**
  * Properties for the AccordionTrigger component.
  */
-interface AccordionTriggerProps extends CollapsibleTriggerProps {}
+export interface AccordionTriggerProps extends CollapsibleTriggerProps {}
 /**
  * Properties for the AccordionContent component.
  */
-interface AccordionContentProps extends CollapsibleContentProps {}
+export interface AccordionContentProps extends CollapsibleContentProps {}
 /**
  * Properties for the AccordionDescription component.
  */
-interface AccordionDescriptionProps extends BaseProps {}
+export interface AccordionDescriptionProps extends BaseProps {}
 /**
  * Option data for the Accordion component.
  */
-interface AccordionOptionData extends Pick<AccordionItemProps, 'value' | 'disabled'> {
+export interface AccordionOptionData extends Pick<AccordionItemProps, 'value' | 'disabled'> {
   /** The title of the accordion item. */
   title?: string;
   /** The description of the accordion content. */
@@ -85,7 +85,7 @@ interface AccordionOptionData extends Pick<AccordionItemProps, 'value' | 'disabl
 /**
  * Properties for the AccordionCompact component.
  */
-interface AccordionCompactProps<T extends AccordionOptionData = AccordionOptionData, M extends boolean = false> extends AccordionRootProps<M> {
+export interface AccordionCompactProps<T extends AccordionOptionData = AccordionOptionData, M extends boolean = false> extends AccordionRootProps<M> {
   /**
    * Items rendered by the component.
    */
@@ -114,11 +114,11 @@ interface AccordionCompactProps<T extends AccordionOptionData = AccordionOptionD
 /**
  * Events for the AccordionCompact component.
  */
-type AccordionCompactEmits<M extends boolean = false> = AccordionRootEmits<M>;
+export type AccordionCompactEmits<M extends boolean = false> = AccordionRootEmits<M>;
 /**
  * Slot properties for the AccordionCompact component.
  */
-interface AccordionCompactSlotProps<T extends AccordionOptionData = AccordionOptionData, M extends boolean = false> {
+export interface AccordionCompactSlotProps<T extends AccordionOptionData = AccordionOptionData, M extends boolean = false> {
   /**
    * Current item data.
    */
@@ -139,7 +139,7 @@ interface AccordionCompactSlotProps<T extends AccordionOptionData = AccordionOpt
 /**
  * Slots for the AccordionCompact component.
  */
-type AccordionCompactSlots<T extends AccordionOptionData = AccordionOptionData, M extends boolean = false> = {
+export type AccordionCompactSlots<T extends AccordionOptionData = AccordionOptionData, M extends boolean = false> = {
   /**
    * Custom content for the item slot.
    */
@@ -164,10 +164,9 @@ type AccordionCompactSlots<T extends AccordionOptionData = AccordionOptionData,
 /**
  * Available UI slots for the Accordion component.
  */
-type AccordionUiSlot = 'root' | 'item' | 'header' | 'trigger' | 'content' | 'description' | 'triggerLeadingIcon' | 'triggerIcon';
+export type AccordionUiSlot = 'root' | 'item' | 'header' | 'trigger' | 'content' | 'description' | 'triggerLeadingIcon' | 'triggerIcon';
 /**
  * UI class overrides for the Accordion component.
  */
-type AccordionUi = UiClass<AccordionUiSlot>;
-//#endregion
-export { AccordionCompactEmits, AccordionCompactProps, AccordionCompactSlotProps, AccordionCompactSlots, AccordionContentProps, AccordionDescriptionProps, AccordionHeaderProps, AccordionItemProps, AccordionOptionData, AccordionRootEmits, AccordionRootProps, AccordionTriggerProps, AccordionUi, AccordionUiSlot };
+export type AccordionUi = UiClass<AccordionUiSlot>;
+//#endregion

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

@@ -1 +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:{}},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};
+import{useOmitProps as e}from"../../composables/use-props.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:{}},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-root.js

@@ -1 +1 @@
-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:{}},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),"data-soybean-affix-root":``,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{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:{}},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),"data-soybean-affix-root":``,class:p(b(k))},[v(e.$slots,`default`,{affixed:M.value})],2))}});export{T as default};

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

@@ -8,7 +8,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<AffixRootProps, {
   affixed: import("vue").ShallowRef<boolean, boolean>;
-  updatePosition: import("@vueuse/shared").Fn;
+  updatePosition: import("@vueuse/core").Fn;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   change: (affixed: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<AffixRootProps> & Readonly<{

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

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
 import { AffixUiSlot } from "./types.js";
+import "../../index.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import "../../composables/index.js";
-import "../../index.js";
 //#region src/components/affix/context.d.ts
 declare const provideAffixUi: (ui: import("vue").ComputedRef<Partial<UiClass<AffixUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<AffixUiSlot>>>, useAffixUi: UseUiConsumer<AffixUiSlot>;
 //#endregion

package/dist/components/affix/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[r,i]=e(`AffixRoot`,e=>{let[n,r]=t();return{...e,contentElement:n,setContentElement:r}}),[a,o]=n(`AffixUi`);export{r as provideAffixRootContext,a as provideAffixUi,i as useAffixRootContext,o as useAffixUi};
+import{useContext as e}from"../../composables/use-context.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{useUiContext as n}from"../../composables/use-ui-context.js";const[r,i]=e(`AffixRoot`,e=>{let[n,r]=t();return{...e,contentElement:n,setContentElement:r}}),[a,o]=n(`AffixUi`);export{r as provideAffixRootContext,a as provideAffixUi,i as useAffixRootContext,o as useAffixUi};

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

@@ -6,15 +6,15 @@ import { ComputedRef, ShallowRef } from "vue";
 /**
  * Type information for AffixTarget.
  */
-type AffixTarget = string | Window | HTMLElement;
+export type AffixTarget = string | Window | HTMLElement;
 /**
  * State values for AffixState.
  */
-type AffixState = 'fixed' | 'static';
+export type AffixState = 'fixed' | 'static';
 /**
  * Properties for the AffixRoot component.
  */
-interface AffixRootProps extends Omit<BaseProps, 'onChange'> {
+export interface AffixRootProps extends Omit<BaseProps, 'onChange'> {
   /**
    * The offset from the top of the target container when the element becomes affixed.
    *
@@ -35,7 +35,7 @@ interface AffixRootProps extends Omit<BaseProps, 'onChange'> {
 /**
  * Events for the AffixRoot component.
  */
-type AffixRootEmits = {
+export type AffixRootEmits = {
   /**
    * Emitted when change occurs.
    */
@@ -44,15 +44,15 @@ type AffixRootEmits = {
 /**
  * Properties for the AffixPlaceholder component.
  */
-interface AffixPlaceholderProps extends BaseProps {}
+export interface AffixPlaceholderProps extends BaseProps {}
 /**
  * Properties for the AffixContent component.
  */
-interface AffixContentProps extends BaseProps {}
+export interface AffixContentProps extends BaseProps {}
 /**
  * Properties for the AffixCompact component.
  */
-interface AffixCompactProps extends AffixRootProps {
+export interface AffixCompactProps extends AffixRootProps {
   /**
    * Properties forwarded to the placeholder element.
    */
@@ -65,14 +65,13 @@ interface AffixCompactProps extends AffixRootProps {
 /**
  * Events for the AffixCompact component.
  */
-type AffixCompactEmits = AffixRootEmits;
+export type AffixCompactEmits = AffixRootEmits;
 /**
  * Available UI slots for the Affix component.
  */
-type AffixUiSlot = 'root' | 'placeholder' | 'content';
+export type AffixUiSlot = 'root' | 'placeholder' | 'content';
 /**
  * UI class overrides for the Affix component.
  */
-type AffixUi = UiClass<AffixUiSlot>;
-//#endregion
-export { AffixCompactEmits, AffixCompactProps, AffixContentProps, AffixPlaceholderProps, AffixRootEmits, AffixRootProps, AffixState, AffixTarget, AffixUi, AffixUiSlot };
+export type AffixUi = UiClass<AffixUiSlot>;
+//#endregion

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

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../button/button.js";import{useAlertRootContext as n,useAlertUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,useAttrs as d,withCtx as f}from"vue";const p=o({name:`AlertClose`,__name:`alert-close`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`close`],setup(o,{emit:p}){let m=o,h=p,g=d(),_=e(),{onOpenChange:v}=n(`AlertClose`),y=r(`close`),b=i(()=>{let e=g[`aria-label`];return typeof e==`string`&&e.trim()?e:_.value.alert.close}),x=e=>{h(`close`,e),v(!1)};return(e,n)=>(c(),a(t,s(m,{"data-soybean-alert-close":``,class:u(y),"aria-label":b.value,onClick:x}),{default:f(()=>[l(e.$slots,`default`)]),_:3},16,[`class`,`aria-label`]))}});export{p as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import t from"../button/button.js";import{useAlertRootContext as n,useAlertUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,useAttrs as d,withCtx as f}from"vue";const p=o({name:`AlertClose`,__name:`alert-close`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`close`],setup(o,{emit:p}){let m=o,h=p,g=d(),_=e(),{onOpenChange:v}=n(`AlertClose`),y=r(`close`),b=i(()=>{let e=g[`aria-label`];return typeof e==`string`&&e.trim()?e:_.value.alert.close}),x=e=>{h(`close`,e),v(!1)};return(e,n)=>(c(),a(t,s(m,{"data-soybean-alert-close":``,class:u(y),"aria-label":b.value,onClick:x}),{default:f(()=>[l(e.$slots,`default`)]),_:3},16,[`class`,`aria-label`]))}});export{p as default};

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

@@ -1 +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`,`close`],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[1]||(n[1]=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,m({key:0},f.closeProps,{onClose:n[0]||(n[0]=e=>T(`close`,e))}),{default:S(()=>[v(e.$slots,`close`,{},()=>[d(t,{icon:`lucide:x`})])]),_:3},16)):l(`v-if`,!0)]),_:3},16))}});export{C as default};
+import{useOmitProps as e}from"../../composables/use-props.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`,`close`],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[1]||=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,m({key:0},f.closeProps,{onClose:n[0]||=e=>T(`close`,e)}),{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

@@ -2,11 +2,11 @@ import { AlertCompactProps, AlertCompactSlots } from "./types.js";
 //#region src/components/alert/alert-compact.vue.d.ts
 type __VLS_Slots = AlertCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<AlertCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  close: (event: PointerEvent) => any;
   "update:open": (open: boolean) => any;
+  close: (event: PointerEvent) => any;
 }, string, import("vue").PublicProps, Readonly<AlertCompactProps> & Readonly<{
-  onClose?: ((event: PointerEvent) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  onClose?: ((event: PointerEvent) => any) | undefined;
 }>, {
   open: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideAlertRootContext as t,useAlertUi as n}from"./context.js";import{createCommentVNode as r,createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l}from"vue";const u=a({name:`AlertRoot`,__name:`alert-root`,props:{open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(a,{emit:u}){let d=a,f=u,p=n(`root`),m=e(()=>d.open,e=>{f(`update:open`,e)},!0);return t({open:m}),(e,t)=>l(m)?(s(),i(`div`,{key:0,"data-soybean-alert-root":``,class:o(l(p))},[c(e.$slots,`default`)],2)):r(`v-if`,!0)}});export{u as default};
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import{provideAlertRootContext as t,useAlertUi as n}from"./context.js";import{createCommentVNode as r,createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l}from"vue";const u=a({name:`AlertRoot`,__name:`alert-root`,props:{open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(a,{emit:u}){let d=a,f=u,p=n(`root`),m=e(()=>d.open,e=>{f(`update:open`,e)},!0);return t({open:m}),(e,t)=>l(m)?(s(),i(`div`,{key:0,"data-soybean-alert-root":``,class:o(l(p))},[c(e.$slots,`default`)],2)):r(`v-if`,!0)}});export{u as default};

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

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { AlertUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 //#region src/components/alert/context.d.ts
 declare const provideAlertUi: (ui: import("vue").ComputedRef<Partial<UiClass<AlertUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<AlertUiSlot>>>, useAlertUi: UseUiConsumer<AlertUiSlot>;
 //#endregion

package/dist/components/alert/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`AlertRoot`,e=>{let{open:t}=e;return{open:t,onOpenChange:e=>{t.value=e}}}),[i,a]=t(`AlertUi`);export{n as provideAlertRootContext,i as provideAlertUi,r as useAlertRootContext,a as useAlertUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";const[n,r]=e(`AlertRoot`,e=>{let{open:t}=e;return{open:t,onOpenChange:e=>{t.value=e}}}),[i,a]=t(`AlertUi`);export{n as provideAlertRootContext,i as provideAlertUi,r as useAlertRootContext,a as useAlertUi};

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

@@ -8,7 +8,7 @@ import { ShallowRef } from "vue";
 /**
  * Properties for the AlertRoot component.
  */
-interface AlertRootProps extends BaseProps {
+export interface AlertRootProps extends BaseProps {
   /**
    * The controlled open state of the alert. Can be bound with `v-model:open`.
    *
@@ -19,7 +19,7 @@ interface AlertRootProps extends BaseProps {
 /**
  * Events for the AlertRoot component.
  */
-type AlertRootEmits = {
+export type AlertRootEmits = {
   /**
    * Emitted when the open changes.
    */
@@ -28,30 +28,30 @@ type AlertRootEmits = {
 /**
  * Properties for the AlertContent component.
  */
-interface AlertContentProps extends BaseProps {}
+export interface AlertContentProps extends BaseProps {}
 /**
  * Properties for the AlertTitle component.
  */
-interface AlertTitleProps extends BaseProps {}
+export interface AlertTitleProps extends BaseProps {}
 /**
  * Properties for the AlertDescription component.
  */
-interface AlertDescriptionProps extends BaseProps {}
+export interface AlertDescriptionProps extends BaseProps {}
 /**
  * Properties for the AlertClose component.
  */
-interface AlertCloseProps extends ButtonProps {}
+export interface AlertCloseProps extends ButtonProps {}
 /**
  * Events for the AlertClose component.
  */
-type AlertCloseEmits = {
+export type AlertCloseEmits = {
   /** Emitted when the close button is clicked. */
   close: [event: PointerEvent];
 };
 /**
  * Properties for the AlertCompact component.
  */
-interface AlertCompactProps extends AlertRootProps {
+export interface AlertCompactProps extends AlertRootProps {
   /**
    * Title text rendered by the component.
    */
@@ -88,11 +88,11 @@ interface AlertCompactProps extends AlertRootProps {
 /**
  * Events for the AlertCompact component.
  */
-type AlertCompactEmits = AlertRootEmits & AlertCloseEmits;
+export type AlertCompactEmits = AlertRootEmits & AlertCloseEmits;
 /**
  * Slots for the AlertCompact component.
  */
-type AlertCompactSlots = {
+export type AlertCompactSlots = {
   /**
    * Custom content for the default slot.
    */
@@ -121,10 +121,9 @@ type AlertCompactSlots = {
 /**
  * Available UI slots for the Alert component.
  */
-type AlertUiSlot = 'root' | 'icon' | 'title' | 'description' | 'content' | 'close';
+export type AlertUiSlot = 'root' | 'icon' | 'title' | 'description' | 'content' | 'close';
 /**
  * UI class overrides for the Alert component.
  */
-type AlertUi = UiClass<AlertUiSlot>;
-//#endregion
-export { AlertCloseEmits, AlertCloseProps, AlertCompactEmits, AlertCompactProps, AlertCompactSlots, AlertContentProps, AlertDescriptionProps, AlertRootEmits, AlertRootProps, AlertTitleProps, AlertUi, AlertUiSlot };
+export type AlertUi = UiClass<AlertUiSlot>;
+//#endregion

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./anchor-item-compact.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};
+import{useOmitProps as e}from"../../composables/use-props.js";import t from"./anchor-item-compact.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-link.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useAnchorRootContext as t,useAnchorUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeClass as o,onWatcherCleanup as s,openBlock as c,renderSlot as l,unref as u,watch as d,withCtx as f}from"vue";const p=a({name:`AnchorLink`,__name:`anchor-link`,props:{href:{},disabled:{type:Boolean},to:{},external:{type:Boolean},target:{},asChild:{type:Boolean},as:{default:`a`}},setup(a){let p=a,m=n(`link`),{activeHref:h,onLinkClick:g,registerLink:_,scrollTo:v,unregisterLink:y}=t(`AnchorLink`),b=r(()=>h.value===p.href),x=r(()=>p.disabled?``:void 0),S=r(()=>b.value?`active`:`inactive`),C=e=>{if(p.disabled){e.preventDefault(),e.stopPropagation();return}g(e,{href:p.href}),!(!p.href.startsWith(`#`)||e.defaultPrevented)&&(e.preventDefault(),v(p.href))};return d(()=>p.href,e=>{_(e),s(()=>{y(e)})},{immediate:!0}),(t,n)=>(c(),i(u(e),{as:a.as,"as-child":a.asChild,"data-soybean-anchor-link":``,class:o(u(m)),href:a.href,target:a.target,"aria-current":b.value?`location`:void 0,"aria-disabled":a.disabled?`true`:void 0,"data-disabled":x.value,"data-state":S.value,tabindex:a.disabled?-1:void 0,onClick:C},{default:f(()=>[l(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`href`,`target`,`aria-current`,`aria-disabled`,`data-disabled`,`data-state`,`tabindex`]))}});export{p as default};
+import{Primitive as e}from"../primitive/primitive.js";import{useAnchorRootContext as t,useAnchorUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeClass as o,onWatcherCleanup as s,openBlock as c,renderSlot as l,unref as u,watch as d,withCtx as f}from"vue";const p=a({name:`AnchorLink`,__name:`anchor-link`,props:{href:{},disabled:{type:Boolean},to:{},external:{type:Boolean},target:{},asChild:{type:Boolean},as:{default:`a`}},setup(a){let p=a,m=n(`link`),{activeHref:h,onLinkClick:g,registerLink:_,scrollTo:v,unregisterLink:y}=t(`AnchorLink`),b=r(()=>h.value===p.href),x=r(()=>p.disabled?``:void 0),S=r(()=>b.value?`active`:`inactive`),C=e=>{if(p.disabled){e.preventDefault(),e.stopPropagation();return}g(e,{href:p.href}),p.href.startsWith(`#`)&&!e.defaultPrevented&&(e.preventDefault(),v(p.href))};return d(()=>p.href,e=>{_(e),s(()=>{y(e)})},{immediate:!0}),(t,n)=>(c(),i(u(e),{as:a.as,"as-child":a.asChild,"data-soybean-anchor-link":``,class:o(u(m)),href:a.href,target:a.target,"aria-current":b.value?`location`:void 0,"aria-disabled":a.disabled?`true`:void 0,"data-disabled":x.value,"data-state":S.value,tabindex:a.disabled?-1:void 0,onClick:C},{default:f(()=>[l(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`href`,`target`,`aria-current`,`aria-disabled`,`data-disabled`,`data-state`,`tabindex`]))}});export{p as default};

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import{isClient as t}from"../../shared/env.js";import{useDirection as n}from"../config-provider/context.js";import{useLocaleMessages as r}from"../../locale/hooks.js";import"../../locale/index.js";import"../../shared/index.js";import{useControllableState as i}from"../../composables/use-controllable-state.js";import{useOmitProps as a}from"../../composables/use-props.js";import"../../composables/index.js";import{provideAnchorRootContext as o,useAnchorUi as s}from"./context.js";import{getAnchorOffsetTop as ee,getAnchorScrollTop as c,getAnchorSections as l,getCurrentAnchorHref as u,getLocationHash as d,resolveAnchorContainer as f,resolveAnchorTargetElement as p,resolveLocationHashSyncTarget as m,scrollContainerTo as h,updateAnchorHistory as g}from"./shared.js";import{computed as _,createElementBlock as v,defineComponent as y,mergeProps as b,nextTick as x,onBeforeUnmount as S,onMounted as C,onWatcherCleanup as w,openBlock as te,renderSlot as ne,shallowRef as T,unref as E,useAttrs as D,watch as O}from"vue";const k=[`dir`,`data-orientation`,`aria-label`],A=y({name:`AnchorRoot`,__name:`anchor-root`,props:{bounds:{default:5},dir:{},getContainer:{},getCurrentAnchor:{},modelValue:{default:void 0},offsetTop:{default:0},orientation:{default:`vertical`},replace:{type:Boolean},targetOffset:{},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`activeChange`,`itemSelect`],setup(y,{emit:A}){let j=y,M=A,N=a(j,[`bounds`,`dir`,`getContainer`,`getCurrentAnchor`,`modelValue`,`offsetTop`,`orientation`,`replace`,`targetOffset`]),P=D(),F=s(`root`),I=r(),L=_(()=>P[`aria-label`]??I.value.anchor.nav),R=n(()=>j.dir),z=i(()=>j.modelValue,e=>M(`update:modelValue`,e),``),B=T([]),V=T(!1),H=T(),U=T(``),W=T(null),G=()=>f(j.getContainer),K=()=>ee(j.offsetTop,j.targetOffset),q=()=>{t&&H.value&&(window.clearTimeout(H.value),H.value=void 0)},J=e=>{let t=j.getCurrentAnchor?.(e)??e;z.value!==t&&(z.value=t,M(`activeChange`,e))},Y=()=>{let e=G();if(!e)return``;let t=K(),n=l(B.value,e);return u(n,t+j.bounds)},X=(e=!1)=>{if(V.value)return;let t=Y();J(t),e&&g(t,e)},Z=()=>{X(`replace`)},Q=(e,t=`smooth`)=>{let n=p(e);if(!n)return!1;let r=G();if(!r)return!1;let i=K(),a=c(n,r,i);return h(r,a,t),!0},re=()=>{let e=m(d(),B.value,G(),U.value,W.value);return!e||e.shouldScroll&&!Q(e.hash,`auto`)?!1:(J(e.hash),U.value=e.hash,W.value=e.container,!0)},$=()=>{re()||X()};return o({activeHref:z,onLinkClick:(e,t)=>{M(`itemSelect`,e,t)},registerLink:e=>{B.value.includes(e)||(B.value=[...B.value,e])},scrollTo:e=>{t&&Q(e)&&(J(e),V.value=!0,q(),H.value=window.setTimeout(()=>{V.value=!1,X()},300),g(e,j.replace?`replace`:`push`))},unregisterLink:e=>{B.value=B.value.filter(t=>t!==e)},...e(j,[`dir`])}),O(()=>[B.value,j.getContainer?.()],()=>{let e=G();e&&($(),e.addEventListener(`scroll`,Z,{passive:!0}),w(()=>{e.removeEventListener(`scroll`,Z)}))},{deep:!0,immediate:!0}),C(async()=>{await x(),$()}),S(()=>{q()}),(e,t)=>(te(),v(`nav`,b(E(N),{"data-soybean-anchor-root":``,class:E(F),dir:E(R),"data-orientation":y.orientation,"aria-label":L.value}),[ne(e.$slots,`default`,{modelValue:E(z)})],16,k))}});export{A as default};
+import{isClient as e}from"../../shared/env.js";import{toContext as t}from"../../shared/vue.js";import{useDirection as n}from"../config-provider/context.js";import{useLocaleMessages as r}from"../../locale/hooks.js";import{useControllableState as i}from"../../composables/use-controllable-state.js";import{useOmitProps as a}from"../../composables/use-props.js";import{provideAnchorRootContext as o,useAnchorUi as s}from"./context.js";import{getAnchorOffsetTop as ee,getAnchorScrollTop as c,getAnchorSections as l,getCurrentAnchorHref as u,getLocationHash as d,resolveAnchorContainer as f,resolveAnchorTargetElement as p,resolveLocationHashSyncTarget as m,scrollContainerTo as h,updateAnchorHistory as g}from"./shared.js";import{computed as _,createElementBlock as v,defineComponent as y,mergeProps as b,nextTick as x,onBeforeUnmount as S,onMounted as C,onWatcherCleanup as w,openBlock as te,renderSlot as ne,shallowRef as T,unref as E,useAttrs as D,watch as O}from"vue";const k=[`dir`,`data-orientation`,`aria-label`],A=y({name:`AnchorRoot`,__name:`anchor-root`,props:{bounds:{default:5},dir:{},getContainer:{},getCurrentAnchor:{},modelValue:{default:void 0},offsetTop:{default:0},orientation:{default:`vertical`},replace:{type:Boolean},targetOffset:{},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`activeChange`,`itemSelect`],setup(y,{emit:A}){let j=y,M=A,N=a(j,[`bounds`,`dir`,`getContainer`,`getCurrentAnchor`,`modelValue`,`offsetTop`,`orientation`,`replace`,`targetOffset`]),P=D(),F=s(`root`),I=r(),L=_(()=>P[`aria-label`]??I.value.anchor.nav),R=n(()=>j.dir),z=i(()=>j.modelValue,e=>M(`update:modelValue`,e),``),B=T([]),V=T(!1),H=T(),U=T(``),W=T(null),G=()=>f(j.getContainer),K=()=>ee(j.offsetTop,j.targetOffset),q=()=>{e&&H.value&&(window.clearTimeout(H.value),H.value=void 0)},J=e=>{let t=j.getCurrentAnchor?.(e)??e;z.value!==t&&(z.value=t,M(`activeChange`,e))},Y=()=>{let e=G();if(!e)return``;let t=K(),n=l(B.value,e);return u(n,t+j.bounds)},X=(e=!1)=>{if(V.value)return;let t=Y();J(t),e&&g(t,e)},Z=()=>{X(`replace`)},Q=(e,t=`smooth`)=>{let n=p(e);if(!n)return!1;let r=G();if(!r)return!1;let i=K(),a=c(n,r,i);return h(r,a,t),!0},re=()=>{let e=m(d(),B.value,G(),U.value,W.value);return!e||e.shouldScroll&&!Q(e.hash,`auto`)?!1:(J(e.hash),U.value=e.hash,W.value=e.container,!0)},$=()=>{re()||X()};return o({activeHref:z,onLinkClick:(e,t)=>{M(`itemSelect`,e,t)},registerLink:e=>{B.value.includes(e)||(B.value=[...B.value,e])},scrollTo:t=>{e&&Q(t)&&(J(t),V.value=!0,q(),H.value=window.setTimeout(()=>{V.value=!1,X()},300),g(t,j.replace?`replace`:`push`))},unregisterLink:e=>{B.value=B.value.filter(t=>t!==e)},...t(j,[`dir`])}),O(()=>[B.value,e?j.getContainer?.():null],()=>{let e=G();e&&($(),e.addEventListener(`scroll`,Z,{passive:!0}),w(()=>{e.removeEventListener(`scroll`,Z)}))},{deep:!0,immediate:!0}),C(async()=>{await x(),$()}),S(()=>{q()}),(e,t)=>(te(),v(`nav`,b(E(N),{"data-soybean-anchor-root":``,class:E(F),dir:E(R),"data-orientation":y.orientation,"aria-label":L.value}),[ne(e.$slots,`default`,{modelValue:E(z)})],16,k))}});export{A as default};

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

@@ -21,8 +21,8 @@ declare const __VLS_base: import("vue").DefineComponent<AnchorRootProps, {}, {},
     href: string;
   }) => any) | undefined;
 }>, {
-  orientation: DataOrientation;
   modelValue: string;
+  orientation: DataOrientation;
   offsetTop: number;
   bounds: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { AnchorUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 //#region src/components/anchor/context.d.ts
 declare const provideAnchorUi: (ui: import("vue").ComputedRef<Partial<UiClass<AnchorUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<AnchorUiSlot>>>, useAnchorUi: UseUiConsumer<AnchorUiSlot>;
 //#endregion