@soybeanjs/headless 0.0.1-beta.3

package/README.md

@@ -0,0 +1,143 @@
+# SoybeanHeadless
+
+SoybeanHeadless is a collection unstyled components for Vue 3. It is designed to be lightweight and easy to use.
+
+## Roadmap
+
+### Components
+
+✅: Completed ✨: Implemented
+
+✅ 46 / total: 107
+
+| No  | Priority | Name            | Status       | Alias                | 📝 Note                  |
+| --- | -------- | --------------- | ------------ | -------------------- | ------------------------ |
+| 1   | 1        | Accordion       | ✅ Completed |                      |                          |
+| 2   | 1        | Alert           | ✅ Completed |                      |                          |
+| 3   | 1        | AlertDialog     | ✅ Completed |                      |                          |
+| 4   | 1        | Arrow           | ✅ Completed |                      |                          |
+| 5   | 1        | AspectRatio     | ✅ Completed |                      |                          |
+| 6   | 1        | Avatar          | ✅ Completed |                      |                          |
+| 7   | 1        | Badge           | ✅ Completed | Chip                 |                          |
+| 8   | 1        | Breadcrumb      | ✅ Completed |                      |                          |
+| 9   | 1        | Button          | ✅ Completed |                      | ✨ support loading       |
+| 10  | 1        | Card            | ✅ Completed |                      |                          |
+| 11  | 1        | Checkbox        | ✅ Completed |                      | ✨ support checkbox card |
+| 12  | 1        | Collapsible     | ✅ Completed |                      |                          |
+| 13  | 1        | Command         | ✅ Completed |                      |                          |
+| 14  | 1        | ConfigProvider  | ✅ Completed |                      |                          |
+| 15  | 1        | ContextMenu     | ✅ Completed |                      |                          |
+| 16  | 1        | Dialog          | ✅ Completed |                      |                          |
+| 17  | 1        | Drawer          | ✅ Completed | Sheet                |                          |
+| 18  | 1        | DropdownMenu    | ✅ Completed |                      | ✨ support hover trigger |
+| 19  | 1        | Form            | ✅ Completed |                      |                          |
+| 20  | 1        | Icon            | ✅ Completed |                      | ✨ based on iconify      |
+| 21  | 1        | Input           | ✅ Completed |                      |                          |
+| 22  | 1        | Kbd             | ✅ Completed |                      |                          |
+| 23  | 1        | Label           | ✅ Completed |                      |                          |
+| 24  | 1        | Layout          | ✅ Completed |                      |                          |
+| 25  | 1        | Link            | ✅ Completed |                      |                          |
+| 26  | 1        | List            | ✅ Completed |                      |                          |
+| 27  | 1        | Listbox         | ✅ Completed |                      |                          |
+| 28  | 1        | Menu            | ✅ Completed |                      |                          |
+| 29  | 1        | NavigationMenu  | ✅ Completed |                      |                          |
+| 30  | 1        | NumberInput     | ✅ Completed | NumberField          |                          |
+| 31  | 1        | Pagination      | ✅ Completed |                      |                          |
+| 32  | 1        | Password        | ✅ Completed |                      |                          |
+| 33  | 1        | Popover         | ✅ Completed |                      |                          |
+| 34  | 1        | RadioGroup      | ✅ Completed |                      | ✨ support radio card    |
+| 35  | 1        | Segment         | ✅ Completed |                      |                          |
+| 36  | 1        | Select          | ✅ Completed |                      | support virtualized      |
+| 37  | 1        | Separator       | ✅ Completed | Divider              |                          |
+| 38  | 1        | Switch          | ✅ Completed |                      | support switch card      |
+| 39  | 1        | Tabs            | ✅ Completed |                      |                          |
+| 40  | 1        | Tag             | ✅ Completed | Badge(shadcn-ui)     |                          |
+| 41  | 1        | Textarea        | ✅ Completed |                      | support auto size        |
+| 42  | 1        | Toast           |              | Sonner               |                          |
+| 43  | 1        | Tooltip         | ✅ Completed |                      |                          |
+| 44  | 1        | Tree            | ✅ Completed |                      | ✨ support virtualized   |
+| 45  | 1        | TreeMenu        | ✅ Completed |                      |                          |
+| 46  | 1        | Virtualizer     | ✅ Completed |                      |                          |
+| 47  | 1        | VisuallyHidden  | ✅ Completed |                      |                          |
+| 48  | 2        | ColorPicker     |              |                      |                          |
+| 49  | 2        | Combobox        |              |                      | support virtualized      |
+| 50  | 2        | DataTable       |              |                      | support virtualized      |
+| 51  | 2        | Menubar         |              |                      |                          |
+| 52  | 2        | PinInput        |              | InputOPT, OPTInput   |                          |
+| 53  | 2        | Popconfirm      |              |                      |                          |
+| 54  | 2        | Progress        |              |                      | include circle           |
+| 55  | 2        | ScrollArea      |              |                      |                          |
+| 56  | 2        | Skeleton        |              |                      |                          |
+| 57  | 2        | Slider          |              |                      |                          |
+| 58  | 2        | Table           |              |                      |                          |
+| 59  | 2        | Toggle          |              |                      |                          |
+| 60  | 2        | ToggleGroup     |              |                      |                          |
+| 61  | 3        | BottomSheet     |              | Drawer(shadcn-ui)    |                          |
+| 62  | 3        | Calendar        |              |                      | v-calendar               |
+| 63  | 3        | Carousel        |              |                      |                          |
+| 64  | 3        | DateField       |              |                      |                          |
+| 65  | 3        | DatePicker      |              |                      |                          |
+| 66  | 3        | DateRangeField  |              |                      |                          |
+| 67  | 3        | DateRangePicker |              |                      |                          |
+| 68  | 3        | Editable        |              |                      |                          |
+| 69  | 3        | HoverCard       |              |                      |                          |
+| 70  | 3        | RangeCalendar   |              |                      | v-calendar               |
+| 71  | 3        | Resizable       |              |                      |                          |
+| 72  | 3        | Splitter        |              |                      |                          |
+| 73  | 3        | Stepper         |              |                      |                          |
+| 74  | 3        | TagsInput       |              |                      |                          |
+| 75  | 3        | TimeField       |              |                      |                          |
+| 76  | 3        | Timeline        |              |                      | ui things                |
+| 77  | 3        | TimePicker      |              |                      | element-plus             |
+| 78  | 3        | Toolbar         |              |                      |                          |
+| 79  | 4        | Affix           |              |                      |                          |
+| 80  | 4        | Anchor          |              |                      |                          |
+| 81  | 4        | AutoComplete    |              |                      | support virtualized      |
+| 82  | 4        | Backtop         |              |                      |                          |
+| 83  | 4        | Cascader        |              |                      | support virtualized      |
+| 84  | 4        | Clipboard       |              |                      |                          |
+| 85  | 4        | Code            |              |                      |                          |
+| 86  | 4        | Comment         |              |                      |                          |
+| 87  | 4        | Countdown       |              |                      |                          |
+| 88  | 4        | CurrencyInput   |              |                      |                          |
+| 89  | 4        | Descriptions    |              |                      |                          |
+| 90  | 4        | Ellipsis        |              |                      |                          |
+| 91  | 4        | Empty           |              |                      |                          |
+| 92  | 4        | Equation        |              |                      | based on katex           |
+| 93  | 4        | InfiniteScroll  |              |                      |                          |
+| 94  | 4        | Mention         |              |                      | element-plus             |
+| 95  | 4        | Navbar          |              |                      |                          |
+| 96  | 4        | NumberAnimation |              |                      | naive-ui                 |
+| 97  | 4        | PageTab         |              |                      |                          |
+| 98  | 4        | QRCode          |              |                      |                          |
+| 99  | 4        | Rating          |              | Rate                 | element-plus             |
+| 100 | 4        | Result          |              |                      |                          |
+| 101 | 4        | Spinner         |              | Loader, Spin         | github ldrs              |
+| 102 | 4        | Statistic       |              |                      |                          |
+| 103 | 4        | Tour            |              |                      |                          |
+| 104 | 4        | Transfer        |              |                      |                          |
+| 105 | 4        | TreeSelect      |              |                      |                          |
+| 106 | 4        | Typography      |              |                      | shadcn-ui                |
+| 107 | 4        | Upload          |              | FileUpload, Dropfile |                          |
+| 108 | 4        | Watermark       |              |                      |                          |
+
+### Utilities
+
+✅ 10 / total: 14
+
+| No. | Priority | Name                | Status       | 📝 Note        |
+| --- | -------- | ------------------- | ------------ | -------------- |
+| 1   | 1        | Popper              | ✅ Completed |                |
+| 2   | 1        | Portal              | ✅ Completed | alias Teleport |
+| 3   | 1        | Primitive           | ✅ Completed |                |
+| 4   | 1        | RovingFocus         | ✅ Completed |                |
+| 5   | 1        | Slot                | ✅ Completed |                |
+| 6   | 1        | useCollection       | ✅ Completed |                |
+| 7   | 1        | useDismissableLayer | ✅ Completed |                |
+| 8   | 1        | useFocusGuards      | ✅ Completed |                |
+| 9   | 1        | useFocusScope       | ✅ Completed |                |
+| 10  | 1        | useMessage          |              |                |
+| 11  | 1        | useModal            |              |                |
+| 12  | 1        | useNotification     |              |                |
+| 13  | 1        | usePresence         | ✅ Completed |                |
+| 14  | 2        | useLoadingBar       |              |                |

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

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

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

@@ -0,0 +1,19 @@
+import { CollapsibleContentProps } from "../collapsible/types.js";
+import "./types.js";
+import * as vue653 from "vue";
+
+//#region src/components/accordion/accordion-content.vue.d.ts
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: vue653.DefineComponent<CollapsibleContentProps, {}, {}, {}, {}, vue653.ComponentOptionsMixin, vue653.ComponentOptionsMixin, {}, string, vue653.PublicProps, Readonly<CollapsibleContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue653.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{useAccordionItemContext as e,useAccordionRootContext as t,useAccordionThemeContext as n}from"./context.js";import{computed as r,createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l}from"vue";const u=[`data-disabled`,`data-orientation`,`data-state`];var d=a({name:`AccordionHeader`,__name:`accordion-header`,setup(a){let d=n(),f=r(()=>d?.ui?.value?.header),{orientation:p}=t(`AccordionHeader`),{dataDisabled:m,dataState:h}=e(`AccordionHeader`);return(e,t)=>(s(),i(`div`,{class:o(f.value),"data-disabled":l(m),"data-orientation":l(p),"data-state":l(h)},[c(e.$slots,`default`)],10,u))}});export{d as default};

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

@@ -0,0 +1,18 @@
+import { AccordionHeaderProps } from "./types.js";
+import * as vue573 from "vue";
+
+//#region src/components/accordion/accordion-header.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: vue573.DefineComponent<AccordionHeaderProps, {}, {}, {}, {}, vue573.ComponentOptionsMixin, vue573.ComponentOptionsMixin, {}, string, vue573.PublicProps, Readonly<AccordionHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue573.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

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

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

@@ -0,0 +1,23 @@
+import { AccordionItemProps } from "./types.js";
+import * as vue561 from "vue";
+
+//#region src/components/accordion/accordion-item.vue.d.ts
+declare var __VLS_10: {
+  open: boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: vue561.DefineComponent<AccordionItemProps, {
+  open: vue561.ComputedRef<boolean>;
+  dataDisabled: vue561.ComputedRef<"" | undefined>;
+}, {}, {}, {}, vue561.ComponentOptionsMixin, vue561.ComponentOptionsMixin, {}, string, vue561.PublicProps, Readonly<AccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue561.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import{useSelection as t}from"../../composables/use-selection.js";import{provideAccordionRootContext as n,useAccordionThemeContext as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,shallowRef as u,unref as d}from"vue";var f=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:{}},emits:[`update:modelValue`],setup(o,{emit:f}){let p=o,m=f,h=r(),g=i(()=>h?.ui?.value?.root),_=u(),{modelValue:v,isMultiple:y,onModelValueChange:b}=t(p,e=>{m(`update:modelValue`,e)});return n({rootElement:_,modelValue:v,isMultiple:y,onModelValueChange:b,...e(p,[`collapsible`,`disabled`,`orientation`,`dir`,`unmountOnHide`])}),(e,t)=>(c(),a(`div`,{ref_key:`rootElement`,ref:_,class:s(g.value)},[l(e.$slots,`default`,{modelValue:d(v)})],2))}});export{f as default};

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

@@ -0,0 +1,23 @@
+import { AccordionRootProps } from "./types.js";
+import * as vue559 from "vue";
+
+//#region src/components/accordion/accordion-root.vue.d.ts
+declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<AccordionRootProps<M> & {
+    "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
+  }> & vue559.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      modelValue: (M extends true ? string[] : string) | undefined;
+    }) => any;
+  };
+  emit: (evt: "update:modelValue", value: M extends true ? string[] : string) => void;
+}>) => vue559.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

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

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

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

@@ -0,0 +1,19 @@
+import { CollapsibleTriggerProps } from "../collapsible/types.js";
+import "./types.js";
+import * as vue568 from "vue";
+
+//#region src/components/accordion/accordion-trigger.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: vue568.DefineComponent<CollapsibleTriggerProps, {}, {}, {}, {}, vue568.ComponentOptionsMixin, vue568.ComponentOptionsMixin, {}, string, vue568.PublicProps, Readonly<CollapsibleTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue568.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,10 @@
+import "../../types/index.js";
+import { AccordionThemeContextParams } from "./types.js";
+import "../../index.js";
+import "vue";
+
+//#region src/components/accordion/context.d.ts
+
+declare const provideAccordionThemeContext: (params: AccordionThemeContextParams) => AccordionThemeContextParams, useAccordionThemeContext: <N extends string | null | undefined = undefined>(consumerName?: N | undefined, defaultValue?: AccordionThemeContextParams | undefined) => N extends null | undefined ? AccordionThemeContextParams | null : AccordionThemeContextParams;
+//#endregion
+export { provideAccordionThemeContext };

package/dist/components/accordion/context.js

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

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

@@ -0,0 +1,9 @@
+import { CollapsibleContentProps, CollapsibleTriggerProps } from "../collapsible/types.js";
+import { AccordionHeaderProps, AccordionItemProps, AccordionRootEmits, AccordionRootProps, AccordionThemeSlot, AccordionUi } from "./types.js";
+import { _default as _default$3 } from "./accordion-root.vue.js";
+import { _default as _default$2 } from "./accordion-item.vue.js";
+import { _default as _default$4 } from "./accordion-trigger.vue.js";
+import { _default as _default$1 } from "./accordion-header.vue.js";
+import { _default } from "./accordion-content.vue.js";
+import { provideAccordionThemeContext } from "./context.js";
+export { _default as AccordionContent, type CollapsibleContentProps as AccordionContentProps, _default$1 as AccordionHeader, type AccordionHeaderProps, _default$2 as AccordionItem, type AccordionItemProps, _default$3 as AccordionRoot, type AccordionRootEmits, type AccordionRootProps, type AccordionThemeSlot, _default$4 as AccordionTrigger, type CollapsibleTriggerProps as AccordionTriggerProps, type AccordionUi, provideAccordionThemeContext };

package/dist/components/accordion/index.js

@@ -0,0 +1 @@
+import{provideAccordionThemeContext as e}from"./context.js";import t from"./accordion-root.js";import n from"./accordion-item.js";import r from"./accordion-trigger.js";import i from"./accordion-header.js";import a from"./accordion-content.js";export{a as AccordionContent,i as AccordionHeader,n as AccordionItem,t as AccordionRoot,r as AccordionTrigger,e as provideAccordionThemeContext};

package/dist/components/accordion/shared.js

@@ -0,0 +1 @@
+const e={width:`--soybean-accordion-content-width`,height:`--soybean-accordion-content-height`};export{e as accordionContentCssVars};

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

@@ -0,0 +1,53 @@
+import { ClassValue, DataOrientation, Direction, SelectionEmits, SelectionProps } from "../../types/common.js";
+import "../../types/index.js";
+import { CollapsibleContentProps, CollapsibleRootProps, CollapsibleTriggerProps } from "../collapsible/types.js";
+import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+
+//#region src/components/accordion/types.d.ts
+interface AccordionRootProps<M extends boolean = false> extends SelectionProps<M>, /** @vue-ignore */HTMLAttributes {
+  /**
+   * When type is "single", allows closing content when clicking trigger for an open item.
+   *
+   * When type is "multiple", this prop has no effect.
+   *
+   * @defaultValue false
+   */
+  collapsible?: boolean;
+  /**
+   * The reading direction of the accordion when applicable. If omitted, assumes LTR (left-to-right) reading mode.
+   *
+   * @defaultValue 'ltr'
+   */
+  dir?: Direction;
+  /**
+   * When `true`, prevents the user from interacting with the accordion and all its items
+   *
+   * @defaultValue false
+   */
+  disabled?: boolean;
+  /**
+   * The orientation of the accordion.
+   *
+   * @defaultValue 'vertical'
+   */
+  orientation?: DataOrientation;
+  /**
+   * When `true`, the element will be unmounted on closed state.
+   *
+   * @defaultValue `true`
+   */
+  unmountOnHide?: boolean;
+}
+type AccordionRootEmits<M extends boolean = false> = SelectionEmits<M>;
+interface AccordionHeaderProps extends /** @vue-ignore */HTMLAttributes {}
+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;
+}
+type AccordionThemeSlot = 'root' | 'item' | 'header' | 'trigger' | 'content';
+type AccordionUi = Record<AccordionThemeSlot, ClassValue>;
+interface AccordionThemeContextParams {
+  ui: ComputedRef<AccordionUi>;
+}
+//#endregion
+export { AccordionHeaderProps, AccordionItemProps, AccordionRootEmits, AccordionRootProps, AccordionThemeContextParams, AccordionThemeSlot, AccordionUi };

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

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

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

@@ -0,0 +1,18 @@
+import { AlertCloseProps } from "./types.js";
+import * as vue914 from "vue";
+
+//#region src/components/alert/alert-close.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: vue914.DefineComponent<AlertCloseProps, {}, {}, {}, {}, vue914.ComponentOptionsMixin, vue914.ComponentOptionsMixin, {}, string, vue914.PublicProps, Readonly<AlertCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, vue914.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{useAlertThemeContext as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o}from"vue";var s=r({name:`AlertContent`,__name:`alert-content`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.content);return(e,t)=>(a(),n(`div`,{class:i(c.value)},[o(e.$slots,`default`)],2))}});export{s as default};

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

@@ -0,0 +1,18 @@
+import { AlertContentProps } from "./types.js";
+import * as vue909 from "vue";
+
+//#region src/components/alert/alert-content.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: vue909.DefineComponent<AlertContentProps, {}, {}, {}, {}, vue909.ComponentOptionsMixin, vue909.ComponentOptionsMixin, {}, string, vue909.PublicProps, Readonly<AlertContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue909.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{useAlertThemeContext as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o}from"vue";var s=r({name:`AlertDescription`,__name:`alert-description`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.description);return(e,t)=>(a(),n(`p`,{class:i(c.value)},[o(e.$slots,`default`)],2))}});export{s as default};

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

@@ -0,0 +1,18 @@
+import { AlertDescriptionProps } from "./types.js";
+import * as vue919 from "vue";
+
+//#region src/components/alert/alert-description.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: vue919.DefineComponent<AlertDescriptionProps, {}, {}, {}, {}, vue919.ComponentOptionsMixin, vue919.ComponentOptionsMixin, {}, string, vue919.PublicProps, Readonly<AlertDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, vue919.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

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

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

@@ -0,0 +1,24 @@
+import { AlertRootProps } from "./types.js";
+import * as vue904 from "vue";
+
+//#region src/components/alert/alert-root.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: vue904.DefineComponent<AlertRootProps, {}, {}, {}, {}, vue904.ComponentOptionsMixin, vue904.ComponentOptionsMixin, {
+  "update:open": (open: boolean) => any;
+}, string, vue904.PublicProps, Readonly<AlertRootProps> & Readonly<{
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+  open: boolean;
+}, {}, {}, {}, string, vue904.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{useAlertThemeContext as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o}from"vue";var s=r({name:`AlertTitle`,__name:`alert-title`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.title);return(e,t)=>(a(),n(`h3`,{class:i(c.value)},[o(e.$slots,`default`)],2))}});export{s as default};

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

@@ -0,0 +1,18 @@
+import { AlertTitleProps } from "./types.js";
+import * as vue899 from "vue";
+
+//#region src/components/alert/alert-title.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: vue899.DefineComponent<AlertTitleProps, {}, {}, {}, {}, vue899.ComponentOptionsMixin, vue899.ComponentOptionsMixin, {}, string, vue899.PublicProps, Readonly<AlertTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, vue899.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,8 @@
+import { AlertThemeContextParams } from "./types.js";
+import "vue";
+
+//#region src/components/alert/context.d.ts
+
+declare const provideAlertThemeContext: (params: AlertThemeContextParams) => AlertThemeContextParams, useAlertThemeContext: <N extends string | null | undefined = undefined>(consumerName?: N | undefined, defaultValue?: AlertThemeContextParams | undefined) => N extends null | undefined ? AlertThemeContextParams | null : AlertThemeContextParams;
+//#endregion
+export { provideAlertThemeContext };

package/dist/components/alert/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";const[t,n]=e(`AlertRoot`,e=>{let{open:t}=e;return{open:t,onOpenChange:e=>{t.value=e}}}),[r,i]=e(`AlertTheme`,e=>e);export{t as provideAlertRootContext,r as provideAlertThemeContext,n as useAlertRootContext,i as useAlertThemeContext};

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

@@ -0,0 +1,8 @@
+import { AlertCloseProps, AlertContentProps, AlertDescriptionProps, AlertRootEmits, AlertRootProps, AlertThemeSlot, AlertTitleProps, AlertUi } from "./types.js";
+import { _default as _default$3 } from "./alert-root.vue.js";
+import { _default as _default$1 } from "./alert-content.vue.js";
+import { _default as _default$4 } from "./alert-title.vue.js";
+import { _default as _default$2 } from "./alert-description.vue.js";
+import { _default } from "./alert-close.vue.js";
+import { provideAlertThemeContext } from "./context.js";
+export { _default as AlertClose, type AlertCloseProps, _default$1 as AlertContent, type AlertContentProps, _default$2 as AlertDescription, type AlertDescriptionProps, _default$3 as AlertRoot, type AlertRootEmits, type AlertRootProps, type AlertThemeSlot, _default$4 as AlertTitle, type AlertTitleProps, type AlertUi, provideAlertThemeContext };

package/dist/components/alert/index.js

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

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

@@ -0,0 +1,28 @@
+import { ClassValue } from "../../types/common.js";
+import "../../types/index.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+
+//#region src/components/alert/types.d.ts
+interface AlertRootProps extends /** @vue-ignore */HTMLAttributes {
+  /**
+   * The controlled open state of the alert. Can be bound with `v-model:open`.
+   *
+   * @defaultValue true
+   */
+  open?: boolean;
+}
+type AlertRootEmits = {
+  'update:open': [open: boolean];
+};
+interface AlertTitleProps extends /** @vue-ignore */HTMLAttributes {}
+interface AlertDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+interface AlertContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface AlertCloseProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+type AlertThemeSlot = 'root' | 'title' | 'description' | 'content' | 'closable';
+type AlertUi = Record<AlertThemeSlot, ClassValue>;
+interface AlertThemeContextParams {
+  ui: ComputedRef<AlertUi>;
+}
+//#endregion
+export { AlertCloseProps, AlertContentProps, AlertDescriptionProps, AlertRootEmits, AlertRootProps, AlertThemeContextParams, AlertThemeSlot, AlertTitleProps, AlertUi };

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

@@ -0,0 +1 @@
+import e from"../dialog/dialog-close.js";import{useAlertDialogContentContext as t}from"./context.js";import{createBlock as n,defineComponent as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";var c=r({name:`AlertDialogClose`,__name:`alert-dialog-close`,props:{asChild:{type:Boolean},as:{}},setup(r){let{setCancelElement:c}=t(`AlertDialogClose`);return(t,l)=>(i(),n(o(e),{ref:o(c),as:r.as,"as-child":r.asChild},{default:s(()=>[a(t.$slots,`default`)]),_:3},8,[`as`,`as-child`]))}});export{c as default};

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

@@ -0,0 +1,19 @@
+import { DialogCloseProps } from "../dialog/types.js";
+import "./types.js";
+import * as vue54 from "vue";
+
+//#region src/components/alert-dialog/alert-dialog-close.vue.d.ts
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: vue54.DefineComponent<DialogCloseProps, {}, {}, {}, {}, vue54.ComponentOptionsMixin, vue54.ComponentOptionsMixin, {}, string, vue54.PublicProps, Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, vue54.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import n from"../dialog/dialog-content.js";import{provideAlertDialogContentContext as r}from"./context.js";import{createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,toHandlers as l,unref as u,withCtx as d,withModifiers as f}from"vue";var p=a({name:`AlertDialogContent`,__name:`alert-dialog-content`,props:{asChild:{type:Boolean},as:{},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(a,{emit:p}){let m=a,h=p,g=t(m,[`forceMount`]),{focusCancel:_}=r(),v=e(h),y=e=>{e.defaultPrevented||(e.preventDefault(),_())};return(e,t)=>(s(),i(u(n),o(u(g),{role:`alertdialog`},l(u(v)),{onOpenAutoFocus:y,onPointerDownOutside:t[0]||=f(()=>{},[`prevent`]),onInteractOutside:t[1]||=f(()=>{},[`prevent`])}),{default:d(()=>[c(e.$slots,`default`)]),_:3},16))}});export{p as default};

package/dist/components/alert-dialog/alert-dialog-content.vue.d.ts

@@ -0,0 +1,35 @@
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { DialogContentProps } from "../dialog/types.js";
+import "./types.js";
+import "../../index.js";
+import * as vue64 from "vue";
+
+//#region src/components/alert-dialog/alert-dialog-content.vue.d.ts
+declare var __VLS_12: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: vue64.DefineComponent<DialogContentProps, {}, {}, {}, {}, vue64.ComponentOptionsMixin, vue64.ComponentOptionsMixin, {
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  focusOutside: (event: FocusOutsideEvent) => any;
+  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
+  openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
+}, string, vue64.PublicProps, Readonly<DialogContentProps> & Readonly<{
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue64.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import t from"../dialog/dialog-root.js";import{createBlock as n,defineComponent as r,guardReactiveProps as i,mergeProps as a,normalizeProps as o,openBlock as s,renderSlot as c,toHandlers as l,unref as u,withCtx as d}from"vue";var f=r({name:`AlertDialogRoot`,inheritAttrs:!1,__name:`alert-dialog-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:[`update:open`],setup(r,{emit:f}){let p=r,m=e(f);return(e,r)=>(s(),n(u(t),a(p,{modal:``},l(u(m))),{default:d(t=>[c(e.$slots,`default`,o(i(t)))]),_:3},16))}});export{f as default};