@soybeanjs/headless 0.17.0 → 0.19.0

package/README.md

@@ -13,6 +13,8 @@ A collection of unstyled, accessible UI primitives for Vue 3.
 
 Some multi-slot components also expose `Compact` aggregators, such as `AccordionCompact` and `TableCompact`. These headless entry points own item iteration and default content/icon composition, while styled wrappers stay focused on classes and prop forwarding.
 
+Current Compact coverage also includes stable structures such as card, date-field, dialog, editable, hover-card, layout, navigation-menu, pagination, popover, and stepper.
+
 ## 📦 Installation
 
 ```bash
@@ -63,27 +65,30 @@ import {
 
 ```
 headless/src/
-├── components/    # 50 primitives (accordion, dialog, select…)
-├── composables/   # 26 shared hooks (state, focus, floating, selection…)
+├── components/    # 95 component dirs (accordion, dialog, select…)
+├── composables/   # 25 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
 ├── types/         # Global types (ClassValue, UiClass, PropsToContext…)
-└── index.ts        # Main barrel export
+└── index.ts       # Main barrel export
 ```
 
 ### Sub-path Exports
 
 ```ts
 import { AccordionRoot } from '@soybeanjs/headless'; // components + types
-import { useControllableState } from '@soybeanjs/headless/composables'; // 26 composables
+import { useControllableState } from '@soybeanjs/headless/composables'; // 25 composables
 import { transformPropsToContext } from '@soybeanjs/headless/shared'; // pure TS utils
+import { createMonth } from '@soybeanjs/headless/date'; // shared date helpers
 import * as H from '@soybeanjs/headless/namespaced'; // namespace object
 import type { AccordionUiSlot } from '@soybeanjs/headless/accordion'; // per-component
+import type { UiClass } from '@soybeanjs/headless/types'; // shared type surface
 ```
 
 ## 🧩 Composables
 
-26 hooks organized by category:
+25 hooks organized by category:
 
 | Category      | Composables                                                    |
 | ------------- | -------------------------------------------------------------- |

package/README.zh-CN.md

@@ -13,6 +13,8 @@
 
 部分多插槽组件还会暴露 `Compact` 聚合层，例如 `AccordionCompact` 和 `TableCompact`。这些 headless 入口负责条目遍历以及默认内容 / 图标组合，而样式包装层只专注于类名和 props 转发。
 
+目前这类 Compact 约定式组合还覆盖了 card、date-field、dialog、editable、hover-card、layout、navigation-menu、pagination、popover、stepper 等稳定结构。
+
 ## 📦 安装
 
 ```bash
@@ -63,27 +65,30 @@ import {
 
 ```
 headless/src/
-├── components/    # 50 个原语组件（accordion、dialog、select…）
-├── composables/   # 26 个共享 hook（状态、焦点、浮层、选择…）
+├── components/    # 95 个组件目录（accordion、dialog、select…）
+├── composables/   # 25 个共享 hook（状态、焦点、浮层、选择…）
 ├── shared/        # 纯 TS 工具函数（DOM、焦点、树、表单、守卫）
 ├── constants/     # ARIA 属性常量、组件标识键
+├── date/          # 共享日期与日历工具
 ├── types/         # 全局类型（ClassValue、UiClass、PropsToContext…）
-└── index.ts        # 主 barrel 导出
+└── index.ts       # 主 barrel 导出
 ```
 
 ### 子路径导出
 
 ```ts
 import { AccordionRoot } from '@soybeanjs/headless'; // 组件 + 类型
-import { useControllableState } from '@soybeanjs/headless/composables'; // 26 个 composable
+import { useControllableState } from '@soybeanjs/headless/composables'; // 25 个 composable
 import { transformPropsToContext } from '@soybeanjs/headless/shared'; // 纯 TS 工具
+import { createMonth } from '@soybeanjs/headless/date'; // 日期工具
 import * as H from '@soybeanjs/headless/namespaced'; // 命名空间导入
 import type { AccordionUiSlot } from '@soybeanjs/headless/accordion'; // 单组件类型
+import type { UiClass } from '@soybeanjs/headless/types'; // 共享类型导出
 ```
 
 ## 🧩 Composables
 
-26 个 hook，按功能分类：
+25 个 hook，按功能分类：
 
 | 分类     | Composables                                                    |
 | -------- | -------------------------------------------------------------- |

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

@@ -2,17 +2,8 @@ import { Component, VNode } from "vue";
 
 //#region src/components/_icon/types.d.ts
 /**
- * Type information for the icon value component.
+ * Type information for IconValue.
  */
 type IconValue = VNode | Component | string | null | undefined;
-/**
- * Props for the icon component.
- */
-interface IconProps {
-  /**
-   * Icon rendered by the component.
-   */
-  icon: IconValue;
-}
 //#endregion
-export { IconProps, IconValue };
+export { IconValue };

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:{asChild:{type:Boolean},as:{},forceMount:{type:Boolean}},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),{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),"data-slot":`content`,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"../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};

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

@@ -1 +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};
+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`,{"data-soybean-accordion-description":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useAccordionItemContext as e,useAccordionRootContext as t,useAccordionUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`data-disabled`,`data-orientation`,`data-state`],u=i({name:`AccordionHeader`,__name:`accordion-header`,setup(i){let u=n(`header`),{orientation:d}=t(`AccordionHeader`),{dataDisabled:f,dataState:p}=e(`AccordionHeader`);return(e,t)=>(o(),r(`div`,{class:a(c(u)),"data-disabled":c(f),"data-orientation":c(d),"data-state":c(p),"data-slot":`header`},[s(e.$slots,`default`)],10,l))}});export{u as default};
+import{useAccordionItemContext as e,useAccordionRootContext as t,useAccordionUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`data-disabled`,`data-orientation`,`data-state`],u=i({name:`AccordionHeader`,__name:`accordion-header`,setup(i){let u=n(`header`),{orientation:d}=t(`AccordionHeader`),{dataDisabled:f,dataState:p}=e(`AccordionHeader`);return(e,t)=>(o(),r(`div`,{"data-soybean-accordion-header":``,class:a(c(u)),"data-disabled":c(f),"data-orientation":c(d),"data-state":c(p)},[s(e.$slots,`default`)],10,l))}});export{u 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),{open:E.value,disabled:D.value,"unmount-on-hide":O.value,"data-disabled":m(k),"data-orientation":m(C),"data-state":m(A),"data-slot":`item`,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{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};

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{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};
+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:!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=t(()=>m.dir),{modelValue:y,isMultiple:b,onModelValueChange:x}=n(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:_,"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},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,"aria-disabled":s(b)||void 0,"aria-expanded":s(g)||!1,"data-disabled":s(v),"data-orientation":s(u),"data-state":s(y),"data-soybean-collection-item":``,"data-slot":`trigger`,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"../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};

package/dist/components/accordion/context.js

@@ -1 +1 @@
-import{getDisclosureState as e}from"../../shared/value.js";import"../../shared/index.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"../../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=()=>{u.value||(u.value=`soybean-accordion-trigger-${s()}`)},f=a(()=>i.value?``:void 0),p=a(()=>e(r.value));return{...t,triggerElement:c,setTriggerElement:l,triggerId:u,initTriggerId:d,dataDisabled:f,dataState:p}}),[f,p]=r(`AccordionUi`,e=>(i(a(()=>({root:e.value?.item,trigger:e.value?.trigger,content:e.value?.content}))),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"../../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=()=>{u.value||(u.value=`soybean-accordion-trigger-${s()}`)},f=a(()=>i.value?``:void 0),p=a(()=>e(r.value));return{...t,triggerElement:c,setTriggerElement:l,triggerId:u,initTriggerId:d,dataDisabled:f,dataState:p}}),[f,p]=r(`AccordionUi`,e=>(i(a(()=>({root:e.value?.item,trigger:e.value?.trigger,content:e.value?.content}))),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

@@ -1,13 +1,14 @@
-import { IconValue } from "../_icon/types.js";
 import { DataOrientation, Direction, SelectionEmits, SelectionProps, UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
 import { CollapsibleContentProps, CollapsibleRootProps, CollapsibleTriggerProps } from "../collapsible/types.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { IconValue } from "../_icon/types.js";
+import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/accordion/types.d.ts
 /**
- * Props for the accordion root component.
+ * Properties for the AccordionRoot component.
  */
-interface AccordionRootProps<M extends boolean = false> extends SelectionProps<M>, /** @vue-ignore */HTMLAttributes {
+interface AccordionRootProps<M extends boolean = false> extends SelectionProps<M>, BaseProps {
   /**
    * When type is "single", allows closing content when clicking trigger for an open item.
    *
@@ -42,34 +43,34 @@ interface AccordionRootProps<M extends boolean = false> extends SelectionProps<M
   unmountOnHide?: boolean;
 }
 /**
- * Emits for the accordion root component.
+ * Events for the AccordionRoot component.
  */
 type AccordionRootEmits<M extends boolean = false> = SelectionEmits<M>;
 /**
- * Props for the accordion item component.
+ * Properties for the AccordionItem component.
  */
 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;
 }
 /**
- * Props for the accordion header component.
+ * Properties for the AccordionHeader component.
  */
-interface AccordionHeaderProps extends /** @vue-ignore */HTMLAttributes {}
+interface AccordionHeaderProps extends BaseProps {}
 /**
- * Props for the accordion trigger component.
+ * Properties for the AccordionTrigger component.
  */
 interface AccordionTriggerProps extends CollapsibleTriggerProps {}
 /**
- * Props for the accordion content component.
+ * Properties for the AccordionContent component.
  */
 interface AccordionContentProps extends CollapsibleContentProps {}
 /**
- * Props for the accordion description component.
+ * Properties for the AccordionDescription component.
  */
-interface AccordionDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+interface AccordionDescriptionProps extends BaseProps {}
 /**
- * Option data for the accordion component.
+ * Option data for the Accordion component.
  */
 interface AccordionOptionData extends Pick<AccordionItemProps, 'value' | 'disabled'> {
   /** The title of the accordion item. */
@@ -82,7 +83,7 @@ interface AccordionOptionData extends Pick<AccordionItemProps, 'value' | 'disabl
   icon?: IconValue;
 }
 /**
- * Props for the accordion compact component.
+ * Properties for the AccordionCompact component.
  */
 interface AccordionCompactProps<T extends AccordionOptionData = AccordionOptionData, M extends boolean = false> extends AccordionRootProps<M> {
   /**
@@ -90,32 +91,32 @@ interface AccordionCompactProps<T extends AccordionOptionData = AccordionOptionD
    */
   items: T[];
   /**
-   * Props forwarded to the item element.
+   * Properties forwarded to the item element.
    */
   itemProps?: AccordionItemProps;
   /**
-   * Props forwarded to the header element.
+   * Properties forwarded to the header element.
    */
   headerProps?: AccordionHeaderProps;
   /**
-   * Props forwarded to the trigger element.
+   * Properties forwarded to the trigger element.
    */
   triggerProps?: AccordionTriggerProps;
   /**
-   * Props forwarded to the content element.
+   * Properties forwarded to the content element.
    */
   contentProps?: AccordionContentProps;
   /**
-   * Props forwarded to the description element.
+   * Properties forwarded to the description element.
    */
   descriptionProps?: AccordionDescriptionProps;
 }
 /**
- * Emits for the accordion compact component.
+ * Events for the AccordionCompact component.
  */
 type AccordionCompactEmits<M extends boolean = false> = AccordionRootEmits<M>;
 /**
- * Slot props for the accordion compact component.
+ * Slot properties for the AccordionCompact component.
  */
 interface AccordionCompactSlotProps<T extends AccordionOptionData = AccordionOptionData, M extends boolean = false> {
   /**
@@ -136,7 +137,7 @@ interface AccordionCompactSlotProps<T extends AccordionOptionData = AccordionOpt
   open: boolean;
 }
 /**
- * Slots for the accordion compact component.
+ * Slots for the AccordionCompact component.
  */
 type AccordionCompactSlots<T extends AccordionOptionData = AccordionOptionData, M extends boolean = false> = {
   /**
@@ -161,11 +162,11 @@ type AccordionCompactSlots<T extends AccordionOptionData = AccordionOptionData,
   content?: (props: AccordionCompactSlotProps<T, M>) => any;
 };
 /**
- * Available UI slots for the accordion component.
+ * Available UI slots for the Accordion component.
  */
 type AccordionUiSlot = 'root' | 'item' | 'header' | 'trigger' | 'content' | 'description' | 'triggerLeadingIcon' | 'triggerIcon';
 /**
- * UI class overrides for the accordion component.
+ * UI class overrides for the Accordion component.
  */
 type AccordionUi = UiClass<AccordionUiSlot>;
 //#endregion

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

@@ -1 +1 @@
-import{useAffixRootContext as e,useAffixUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,normalizeStyle as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`data-state`],u=r({name:`AffixContent`,__name:`affix-content`,setup(r){let u=t(`content`),{affixed:d,affixStyle:f,dataState:p,setContentElement:m}=e(`AffixContent`);return(e,t)=>(o(),n(`div`,{ref:c(m),class:i(c(u)),"data-state":c(p),style:a(c(f))},[s(e.$slots,`default`,{affixed:c(d)})],14,l))}});export{u as default};
+import{useAffixRootContext as e,useAffixUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,normalizeStyle as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`data-state`],u=r({name:`AffixContent`,__name:`affix-content`,setup(r){let u=t(`content`),{affixed:d,affixStyle:f,dataState:p,setContentElement:m}=e(`AffixContent`);return(e,t)=>(o(),n(`div`,{ref:c(m),"data-soybean-affix-content":``,class:i(c(u)),"data-state":c(p),style:a(c(f))},[s(e.$slots,`default`,{affixed:c(d)})],14,l))}});export{u as default};

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

@@ -1 +1 @@
-import{useAffixRootContext as e,useAffixUi as t}from"./context.js";import{createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,normalizeStyle as o,openBlock as s,unref as c}from"vue";const l=i({name:`AffixPlaceholder`,__name:`affix-placeholder`,setup(i){let l=t(`placeholder`),{affixed:u,placeholderStyle:d}=e(`AffixPlaceholder`);return(e,t)=>c(u)?(s(),r(`div`,{key:0,class:a(c(l)),"aria-hidden":`true`,role:`presentation`,style:o(c(d))},null,6)):n(`v-if`,!0)}});export{l as default};
+import{useAffixRootContext as e,useAffixUi as t}from"./context.js";import{createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,normalizeStyle as o,openBlock as s,unref as c}from"vue";const l=i({name:`AffixPlaceholder`,__name:`affix-placeholder`,setup(i){let l=t(`placeholder`),{affixed:u,placeholderStyle:d}=e(`AffixPlaceholder`);return(e,t)=>c(u)?(s(),r(`div`,{key:0,"data-soybean-affix-placeholder":``,class:a(c(l)),"aria-hidden":`true`,role:`presentation`,style:o(c(d))},null,6)):n(`v-if`,!0)}});export{l 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:{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};
+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),"data-soybean-affix-root":``,class:p(b(k))},[v(e.$slots,`default`,{affixed:M.value})],2))}});export{T as default};

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

@@ -1,19 +1,20 @@
 import { UiClass } from "../../types/common.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { BaseProps } from "../../types/vue.js";
+import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/affix/types.d.ts
 /**
- * Type information for the affix target component.
+ * Type information for AffixTarget.
  */
 type AffixTarget = string | Window | HTMLElement | (() => HTMLElement);
 /**
- * State values for the affix component.
+ * State values for AffixState.
  */
 type AffixState = 'fixed' | 'static';
 /**
- * Props for the affix root component.
+ * Properties for the AffixRoot component.
  */
-interface AffixRootProps extends /** @vue-ignore */Omit<HTMLAttributes, 'onChange'> {
+interface AffixRootProps extends Omit<BaseProps, 'onChange'> {
   /**
    * The offset from the top of the target container when the element becomes affixed.
    *
@@ -32,7 +33,7 @@ interface AffixRootProps extends /** @vue-ignore */Omit<HTMLAttributes, 'onChang
   target?: AffixTarget | null;
 }
 /**
- * Emits for the affix root component.
+ * Events for the AffixRoot component.
  */
 type AffixRootEmits = {
   /**
@@ -41,36 +42,36 @@ type AffixRootEmits = {
   change: [affixed: boolean];
 };
 /**
- * Props for the affix placeholder component.
+ * Properties for the AffixPlaceholder component.
  */
-interface AffixPlaceholderProps extends /** @vue-ignore */HTMLAttributes {}
+interface AffixPlaceholderProps extends BaseProps {}
 /**
- * Props for the affix content component.
+ * Properties for the AffixContent component.
  */
-interface AffixContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface AffixContentProps extends BaseProps {}
 /**
- * Props for the affix compact component.
+ * Properties for the AffixCompact component.
  */
 interface AffixCompactProps extends AffixRootProps {
   /**
-   * Props forwarded to the placeholder element.
+   * Properties forwarded to the placeholder element.
    */
   placeholderProps?: AffixPlaceholderProps;
   /**
-   * Props forwarded to the content element.
+   * Properties forwarded to the content element.
    */
   contentProps?: AffixContentProps;
 }
 /**
- * Emits for the affix compact component.
+ * Events for the AffixCompact component.
  */
 type AffixCompactEmits = AffixRootEmits;
 /**
- * Available UI slots for the affix component.
+ * Available UI slots for the Affix component.
  */
 type AffixUiSlot = 'root' | 'placeholder' | 'content';
 /**
- * UI class overrides for the affix component.
+ * UI class overrides for the Affix component.
  */
 type AffixUi = UiClass<AffixUiSlot>;
 //#endregion

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,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};
+import e from"../button/button.js";import{useAlertRootContext as t,useAlertUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,mergeProps 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:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`close`],setup(a,{emit:f}){let p=a,m=f,h=u(),{onOpenChange:g}=t(`AlertClose`),_=n(`close`),v=r(()=>h[`aria-label`]??`Close alert`),y=e=>{m(`close`,e),g(!1)};return(t,n)=>(s(),i(e,o(p,{"data-soybean-alert-close":``,class:l(_),"aria-label":v.value,onClick:y}),{default:d(()=>[c(t.$slots,`default`)]),_:3},16,[`class`,`aria-label`]))}});export{f as default};

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

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

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`],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};
+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};

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

@@ -5,8 +5,10 @@ import * as _$vue from "vue";
 type __VLS_Slots = AlertCompactSlots;
 declare const __VLS_base: _$vue.DefineComponent<AlertCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
+  close: (event: PointerEvent) => any;
 }, string, _$vue.PublicProps, Readonly<AlertCompactProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  onClose?: ((event: PointerEvent) => any) | undefined;
 }>, {
   open: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -1 +1 @@
-import{useAlertUi 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:`AlertContent`,__name:`alert-content`,setup(n){let s=e(`content`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useAlertUi 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:`AlertContent`,__name:`alert-content`,setup(n){let s=e(`content`);return(e,n)=>(i(),t(`div`,{"data-soybean-alert-content":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useAlertUi 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:`AlertDescription`,__name:`alert-description`,setup(n){let s=e(`description`);return(e,n)=>(i(),t(`p`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useAlertUi 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:`AlertDescription`,__name:`alert-description`,setup(n){let s=e(`description`);return(e,n)=>(i(),t(`p`,{"data-soybean-alert-description":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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??!1)},!0);return t({open:m}),(e,t)=>l(m)?(s(),i(`div`,{key:0,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"../../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};

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

@@ -1 +1 @@
-import{useAlertUi 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:`AlertTitle`,__name:`alert-title`,setup(n){let s=e(`title`);return(e,n)=>(i(),t(`h3`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useAlertUi 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:`AlertTitle`,__name:`alert-title`,setup(n){let s=e(`title`);return(e,n)=>(i(),t(`h3`,{"data-soybean-alert-title":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1,13 +1,14 @@
-import { IconValue } from "../_icon/types.js";
 import { UiClass } from "../../types/common.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { ButtonHTMLAttributes, HTMLAttributes, ShallowRef } from "vue";
+import { BaseProps } from "../../types/vue.js";
+import { ButtonProps } from "../button/types.js";
+import { IconValue } from "../_icon/types.js";
+import { ShallowRef } from "vue";
 
 //#region src/components/alert/types.d.ts
 /**
- * Props for the alert root component.
+ * Properties for the AlertRoot component.
  */
-interface AlertRootProps extends /** @vue-ignore */HTMLAttributes {
+interface AlertRootProps extends BaseProps {
   /**
    * The controlled open state of the alert. Can be bound with `v-model:open`.
    *
@@ -16,7 +17,7 @@ interface AlertRootProps extends /** @vue-ignore */HTMLAttributes {
   open?: boolean;
 }
 /**
- * Emits for the alert root component.
+ * Events for the AlertRoot component.
  */
 type AlertRootEmits = {
   /**
@@ -25,23 +26,29 @@ type AlertRootEmits = {
   'update:open': [open: boolean];
 };
 /**
- * Props for the alert content component.
+ * Properties for the AlertContent component.
  */
-interface AlertContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface AlertContentProps extends BaseProps {}
 /**
- * Props for the alert title component.
+ * Properties for the AlertTitle component.
  */
-interface AlertTitleProps extends /** @vue-ignore */HTMLAttributes {}
+interface AlertTitleProps extends BaseProps {}
 /**
- * Props for the alert description component.
+ * Properties for the AlertDescription component.
  */
-interface AlertDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+interface AlertDescriptionProps extends BaseProps {}
 /**
- * Props for the alert close component.
+ * Properties for the AlertClose component.
  */
-interface AlertCloseProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+interface AlertCloseProps extends ButtonProps {}
+/**
+ * Events for the AlertClose component.
+ */
+type AlertCloseEmits = {
+  /** Emitted when the close button is clicked. */close: [event: PointerEvent];
+};
 /**
- * Props for the alert compact component.
+ * Properties for the AlertCompact component.
  */
 interface AlertCompactProps extends AlertRootProps {
   /**
@@ -61,28 +68,28 @@ interface AlertCompactProps extends AlertRootProps {
    */
   closable?: boolean;
   /**
-   * Props forwarded to the content element.
+   * Properties forwarded to the content element.
    */
   contentProps?: AlertContentProps;
   /**
-   * Props forwarded to the title element.
+   * Properties forwarded to the title element.
    */
   titleProps?: AlertTitleProps;
   /**
-   * Props forwarded to the description element.
+   * Properties forwarded to the description element.
    */
   descriptionProps?: AlertDescriptionProps;
   /**
-   * Props forwarded to the close element.
+   * Properties forwarded to the close element.
    */
   closeProps?: AlertCloseProps;
 }
 /**
- * Emits for the alert compact component.
+ * Events for the AlertCompact component.
  */
-type AlertCompactEmits = AlertRootEmits;
+type AlertCompactEmits = AlertRootEmits & AlertCloseEmits;
 /**
- * Slots for the alert compact component.
+ * Slots for the AlertCompact component.
  */
 type AlertCompactSlots = {
   /**
@@ -111,11 +118,11 @@ type AlertCompactSlots = {
   close?: () => any;
 };
 /**
- * Available UI slots for the alert component.
+ * Available UI slots for the Alert component.
  */
 type AlertUiSlot = 'root' | 'icon' | 'title' | 'description' | 'content' | 'close';
 /**
- * UI class overrides for the alert component.
+ * UI class overrides for the Alert component.
  */
 type AlertUi = UiClass<AlertUiSlot>;
 //#endregion

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},asChild:{type:Boolean},as:{default:`a`},to:{},external:{type:Boolean},target:{}},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(g(e,{href:p.href}),p.disabled){e.preventDefault(),e.stopPropagation();return}!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,href:a.href,class:o(u(m)),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`,`href`,`class`,`target`,`aria-current`,`aria-disabled`,`data-disabled`,`data-state`,`tabindex`]))}});export{p as default};
+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(g(e,{href:p.href}),p.disabled){e.preventDefault(),e.stopPropagation();return}!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};