@soybeanjs/ui 0.0.1-beta.3 → 0.0.2-beta.6

package/dist/components/accordion/accordion.js

@@ -0,0 +1 @@
+import{accordionVariants as e}from"../../variants/accordion.js";import{mergeSlotVariants as t}from"../../theme/shared.js";import n from"../icon/icon.js";import{Fragment as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,mergeProps as f,normalizeClass as p,openBlock as m,renderList as h,renderSlot as g,toDisplayString as _,toHandlers as v,unref as y,withCtx as b}from"vue";import{useForwardListeners as x,useOmitProps as S}from"@soybeanjs/headless/composables";import{AccordionContent as C,AccordionHeader as w,AccordionItem as T,AccordionRoot as E,AccordionTrigger as D,provideAccordionThemeContext as O}from"@soybeanjs/headless";var k=d({name:`SAccordion`,__name:`accordion`,props:{collapsible:{type:Boolean},dir:{},disabled:{type:Boolean},orientation:{},unmountOnHide:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},size:{},ui:{},items:{},itemProps:{},headerProps:{},triggerProps:{},contentProps:{}},emits:[`update:modelValue`],setup(d,{emit:k}){let A=d,j=k,M=S(A,[`size`,`ui`,`items`,`itemProps`,`headerProps`,`triggerProps`,`contentProps`]),N=x(j),P=i(()=>t(e({size:A.size}),A.ui));return O({ui:P}),(e,t)=>(m(),a(y(E),f(y(M),v(y(N))),{default:b(()=>[(m(!0),s(r,null,h(A.items,t=>g(e.$slots,`item`,{key:t.value,item:t,modelValue:d.modelValue},()=>[u(y(T),f({ref_for:!0},A.itemProps,{value:t.value,disabled:t.disabled}),{default:b(({open:r})=>[u(y(w),f({ref_for:!0},A.headerProps),{default:b(()=>[u(y(D),f({ref_for:!0},A.triggerProps),{default:b(()=>[g(e.$slots,`leading`,{item:t,modelValue:d.modelValue,open:r},()=>[t.icon?(m(),a(n,{key:0,icon:t.icon,class:p(P.value.triggerLeadingIcon)},null,8,[`icon`,`class`])):o(`v-if`,!0)]),g(e.$slots,`title`,{item:t,modelValue:d.modelValue,open:r},()=>[l(_(t.title),1)]),g(e.$slots,`trigger-icon`,{item:t,modelValue:d.modelValue,open:r},()=>[u(n,{icon:`lucide:chevron-down`,class:p(P.value.triggerIcon)},null,8,[`class`])])]),_:2},1040)]),_:2},1040),u(y(C),f({ref_for:!0},A.contentProps),{default:b(()=>[g(e.$slots,`content`,{item:t,modelValue:d.modelValue,open:r},()=>[c(`p`,{class:p(P.value.description)},_(t.description),3)])]),_:2},1040)]),_:2},1040,[`value`,`disabled`])])),128))]),_:3},16))}});export{k as default};

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

@@ -0,0 +1,48 @@
+import { AccordionOptionData, AccordionProps } from "./types.js";
+import * as vue5 from "vue";
+
+//#region src/components/accordion/accordion.vue.d.ts
+declare const __VLS_export: <T extends AccordionOptionData = AccordionOptionData, 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<AccordionProps<T, M> & {
+    "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
+  }> & vue5.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    item?: (props: {
+      item: T;
+      modelValue: (M extends true ? string[] : string) | undefined;
+    }) => any;
+  } & {
+    leading?: (props: {
+      item: T;
+      modelValue: (M extends true ? string[] : string) | undefined;
+      open: boolean;
+    }) => any;
+  } & {
+    title?: (props: {
+      item: T;
+      modelValue: (M extends true ? string[] : string) | undefined;
+      open: boolean;
+    }) => any;
+  } & {
+    'trigger-icon'?: (props: {
+      item: T;
+      modelValue: (M extends true ? string[] : string) | undefined;
+      open: boolean;
+    }) => any;
+  } & {
+    content?: (props: {
+      item: T;
+      modelValue: (M extends true ? string[] : string) | undefined;
+      open: boolean;
+    }) => any;
+  };
+  emit: (evt: "update:modelValue", value: M extends true ? string[] : string) => void;
+}>) => vue5.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/index.d.ts

@@ -0,0 +1,4 @@
+import { AccordionEmits, AccordionExtendedUi, AccordionExtraThemeSlot, AccordionOptionData, AccordionProps } from "./types.js";
+import { _default } from "./accordion.vue.js";
+import { AccordionContentProps, AccordionHeaderProps, AccordionItemProps, AccordionRootEmits, AccordionRootProps, AccordionTriggerProps } from "@soybeanjs/headless/accordion";
+export { type AccordionContentProps, type AccordionHeaderProps, type AccordionItemProps, type AccordionRootEmits, type AccordionRootProps, type AccordionTriggerProps };

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

@@ -0,0 +1,32 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { IconValue } from "../icon/types.js";
+import { AccordionContentProps, AccordionHeaderProps, AccordionItemProps, AccordionRootEmits, AccordionRootProps, AccordionTriggerProps, AccordionUi, ClassValue } from "@soybeanjs/headless";
+
+//#region src/components/accordion/types.d.ts
+interface AccordionOptionData extends Pick<AccordionItemProps, 'value' | 'disabled'> {
+  /** The title of the accordion item. */
+  title?: string;
+  /** The description of the accordion content. */
+  description?: string;
+  /**
+   * The icon of the accordion item.
+   *
+   * if it is a string, it will be used as the icon name of the iconify.
+   */
+  icon?: IconValue;
+}
+type AccordionExtraThemeSlot = 'triggerLeadingIcon' | 'triggerIcon';
+type AccordionExtendedUi = AccordionUi & Record<AccordionExtraThemeSlot, ClassValue>;
+type AccordionProps<T extends AccordionOptionData = AccordionOptionData, M extends boolean = false> = AccordionRootProps<M> & {
+  size?: ThemeSize;
+  ui?: Partial<AccordionExtendedUi>;
+  items: T[];
+  itemProps?: AccordionItemProps;
+  headerProps?: AccordionHeaderProps;
+  triggerProps?: AccordionTriggerProps;
+  contentProps?: AccordionContentProps;
+};
+type AccordionEmits<M extends boolean = false> = AccordionRootEmits<M>;
+//#endregion
+export { AccordionEmits, AccordionExtendedUi, AccordionExtraThemeSlot, AccordionOptionData, AccordionProps };

package/dist/components/alert/alert.js

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

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

@@ -0,0 +1,34 @@
+import { AlertProps } from "./types.js";
+import * as vue7 from "vue";
+
+//#region src/components/alert/alert.vue.d.ts
+declare var __VLS_10: {}, __VLS_26: {}, __VLS_33: {}, __VLS_35: {}, __VLS_37: {}, __VLS_44: {};
+type __VLS_Slots = {} & {
+  leading?: (props: typeof __VLS_10) => any;
+} & {
+  title?: (props: typeof __VLS_26) => any;
+} & {
+  description?: (props: typeof __VLS_33) => any;
+} & {
+  default?: (props: typeof __VLS_35) => any;
+} & {
+  trailing?: (props: typeof __VLS_37) => any;
+} & {
+  close?: (props: typeof __VLS_44) => any;
+};
+declare const __VLS_base: vue7.DefineComponent<AlertProps, {}, {}, {}, {}, vue7.ComponentOptionsMixin, vue7.ComponentOptionsMixin, {
+  "update:open": (open: boolean) => any;
+}, string, vue7.PublicProps, Readonly<AlertProps> & Readonly<{
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+  open: boolean;
+}, {}, {}, {}, string, vue7.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/index.d.ts

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

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

@@ -0,0 +1,26 @@
+import { ThemeColor, ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { IconValue } from "../icon/types.js";
+import { AlertVariant } from "../../variants/alert.js";
+import { AlertCloseProps, AlertContentProps, AlertDescriptionProps, AlertRootEmits, AlertRootProps, AlertTitleProps, AlertUi, ClassValue } from "@soybeanjs/headless";
+
+//#region src/components/alert/types.d.ts
+type AlertExtraThemeSlot = 'icon';
+type AlertExtendedUi = AlertUi & Record<AlertExtraThemeSlot, ClassValue>;
+interface AlertProps extends AlertRootProps {
+  size?: ThemeSize;
+  color?: ThemeColor;
+  variant?: AlertVariant;
+  ui?: Partial<AlertExtendedUi>;
+  title?: string;
+  description?: string;
+  icon?: IconValue;
+  closable?: boolean;
+  contentProps?: AlertContentProps;
+  titleProps?: AlertTitleProps;
+  descriptionProps?: AlertDescriptionProps;
+  closeProps?: AlertCloseProps;
+}
+type AlertEmits = AlertRootEmits;
+//#endregion
+export { AlertEmits, AlertExtendedUi, AlertProps };

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

@@ -0,0 +1 @@
+import{useSizeContext as e}from"../../theme/context.js";import t from"../button/button.js";import{createBlock as n,createTextVNode as r,createVNode as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,toDisplayString as l,unref as u,withCtx as d}from"vue";import{useOmitProps as f}from"@soybeanjs/headless/composables";import{DialogClose as p}from"@soybeanjs/headless";var m=a({name:`SAlertDialogAction`,__name:`alert-dialog-action`,props:{text:{default:`Confirm`},color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(a){let m=f(a,[`text`]),{size:h}=e(`AlertDialogAction`);return(e,f)=>(s(),n(u(p),{"as-child":``},{default:d(()=>[c(e.$slots,`content`,{},()=>[i(t,o(u(m),{size:u(h)}),{default:d(()=>[c(e.$slots,`default`,{},()=>[r(l(a.text),1)])]),_:3},16,[`size`])])]),_:3}))}});export{m as default};

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

@@ -0,0 +1,22 @@
+import { AlertDialogActionProps } from "./types.js";
+import * as vue230 from "vue";
+
+//#region src/components/alert-dialog/alert-dialog-action.vue.d.ts
+declare var __VLS_7: {}, __VLS_13: {};
+type __VLS_Slots = {} & {
+  content?: (props: typeof __VLS_7) => any;
+} & {
+  default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: vue230.DefineComponent<AlertDialogActionProps, {}, {}, {}, {}, vue230.ComponentOptionsMixin, vue230.ComponentOptionsMixin, {}, string, vue230.PublicProps, Readonly<AlertDialogActionProps> & Readonly<{}>, {
+  text: string;
+}, {}, {}, {}, string, vue230.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-cancel.js

@@ -0,0 +1 @@
+import{useSizeContext as e}from"../../theme/context.js";import t from"../button/button.js";import{createBlock as n,createTextVNode as r,createVNode as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,toDisplayString as l,unref as u,withCtx as d}from"vue";import{useOmitProps as f}from"@soybeanjs/headless/composables";import{AlertDialogClose as p}from"@soybeanjs/headless";var m=a({name:`SAlertDialogCancel`,__name:`alert-dialog-cancel`,props:{text:{default:`Cancel`},color:{},size:{},variant:{default:`plain`},shape:{},shadow:{},fitContent:{type:Boolean},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(a){let m=f(a,[`text`]),{size:h}=e(`AlertDialogCancel`);return(e,f)=>(s(),n(u(p),{"as-child":``},{default:d(()=>[c(e.$slots,`content`,{},()=>[i(t,o(u(m),{size:u(h)}),{default:d(()=>[c(e.$slots,`default`,{},()=>[r(l(a.text),1)])]),_:3},16,[`size`])])]),_:3}))}});export{m as default};

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

@@ -0,0 +1,25 @@
+import { ButtonVariant } from "../../variants/button.js";
+import { AlertDialogCancelProps } from "./types.js";
+import "../button/index.js";
+import * as vue218 from "vue";
+
+//#region src/components/alert-dialog/alert-dialog-cancel.vue.d.ts
+declare var __VLS_7: {}, __VLS_13: {};
+type __VLS_Slots = {} & {
+  content?: (props: typeof __VLS_7) => any;
+} & {
+  default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: vue218.DefineComponent<AlertDialogCancelProps, {}, {}, {}, {}, vue218.ComponentOptionsMixin, vue218.ComponentOptionsMixin, {}, string, vue218.PublicProps, Readonly<AlertDialogCancelProps> & Readonly<{}>, {
+  text: string;
+  variant: ButtonVariant;
+}, {}, {}, {}, string, vue218.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.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{provideSizeContext as t}from"../../theme/context.js";import n from"../icon/icon.js";import{dialogVariants as r}from"../../variants/dialog.js";import{computed as i,createBlock as a,createCommentVNode as o,createTextVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeClass as f,normalizeProps as p,openBlock as m,renderSlot as h,toDisplayString as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";import{useForwardListeners as x,useOmitProps as S}from"@soybeanjs/headless/composables";import{AlertDialogContent as C,AlertDialogDescription as w,AlertDialogFooter as T,AlertDialogHeader as E,AlertDialogOverlay as D,AlertDialogPortal as O,AlertDialogRoot as k,AlertDialogTitle as A,AlertDialogTrigger as j,provideDialogThemeContext as M}from"@soybeanjs/headless";var N=l({name:`SAlertDialog`,__name:`alert-dialog`,props:{type:{},size:{},ui:{},title:{},description:{},triggerProps:{},contentProps:{},headerProps:{},footerProps:{},titleProps:{},descriptionProps:{},overlayProps:{},portalProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:[`update:open`],setup(l,{emit:N}){let P=l,F=S(P,[`size`,`ui`,`type`,`title`,`description`,`triggerProps`,`contentProps`,`headerProps`,`footerProps`,`titleProps`,`descriptionProps`,`overlayProps`,`portalProps`]),I=N,L=y(),R=x(I),z=i(()=>e(r({size:P.size}),P.ui)),B={destructive:{icon:`lucide:circle-x`,class:`text-destructive`},success:{icon:`lucide:circle-check`,class:`text-success`},warning:{icon:`lucide:circle-alert`,class:`text-warning`},info:{icon:`lucide:info`,class:`text-info`}},V=i(()=>P.type?B[P.type]:null);return M({ui:z}),t(()=>P.size),(e,t)=>(m(),a(v(k),d(v(F),{"onUpdate:open":t[0]||=e=>I(`update:open`,e)}),{default:b(t=>[c(v(j),d(l.triggerProps,{size:l.size}),{default:b(()=>[h(e.$slots,`trigger`)]),_:3},16,[`size`]),c(v(O),p(u(l.portalProps)),{default:b(()=>[c(v(D),p(u(l.overlayProps)),null,16),c(v(C),d(l.contentProps,_(v(R))),{default:b(()=>[c(v(E),p(u(l.headerProps)),{default:b(()=>[c(v(A),p(u(l.titleProps)),{default:b(()=>[V.value?(m(),a(n,{key:0,icon:V.value.icon,class:f(V.value.class)},null,8,[`icon`,`class`])):o(`v-if`,!0),h(e.$slots,`title`,p(u(t)),()=>[s(g(l.title),1)])]),_:2},1040),v(L).description||l.description?(m(),a(v(w),p(d({key:0},l.descriptionProps)),{default:b(()=>[h(e.$slots,`description`,p(u(t)),()=>[s(g(l.description),1)])]),_:2},1040)):o(`v-if`,!0)]),_:2},1040),h(e.$slots,`default`,p(u(t))),v(L).footer?(m(),a(v(T),p(d({key:0},l.footerProps)),{default:b(()=>[h(e.$slots,`footer`,p(u(t)))]),_:2},1040)):o(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{N as default};

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

@@ -0,0 +1,45 @@
+import { AlertDialogProps } from "./types.js";
+import * as vue223 from "vue";
+
+//#region src/components/alert-dialog/alert-dialog.vue.d.ts
+declare var __VLS_15: {}, __VLS_46: {
+    open: boolean | undefined;
+    close: () => void;
+  }, __VLS_53: {
+    open: boolean | undefined;
+    close: () => void;
+  }, __VLS_55: {
+    open: boolean | undefined;
+    close: () => void;
+  }, __VLS_62: {
+    open: boolean | undefined;
+    close: () => void;
+  };
+type __VLS_Slots = {} & {
+  trigger?: (props: typeof __VLS_15) => any;
+} & {
+  title?: (props: typeof __VLS_46) => any;
+} & {
+  description?: (props: typeof __VLS_53) => any;
+} & {
+  default?: (props: typeof __VLS_55) => any;
+} & {
+  footer?: (props: typeof __VLS_62) => any;
+};
+declare const __VLS_base: vue223.DefineComponent<AlertDialogProps, {}, {}, {}, {}, vue223.ComponentOptionsMixin, vue223.ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+}, string, vue223.PublicProps, Readonly<AlertDialogProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+  open: boolean;
+  defaultOpen: boolean;
+}, {}, {}, {}, string, vue223.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/index.d.ts

@@ -0,0 +1,6 @@
+import { AlertDialogActionProps, AlertDialogCancelProps, AlertDialogEmits, AlertDialogProps, AlertDialogType } from "./types.js";
+import { _default } from "./alert-dialog.vue.js";
+import { _default as _default$1 } from "./alert-dialog-cancel.vue.js";
+import { _default as _default$2 } from "./alert-dialog-action.vue.js";
+import { AlertDialogCloseProps, AlertDialogContentEmits, AlertDialogContentProps, AlertDialogDescriptionProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogOverlayProps, AlertDialogPortalProps, AlertDialogRootEmits, AlertDialogRootProps, AlertDialogTitleProps, AlertDialogTriggerProps } from "@soybeanjs/headless/alert-dialog";
+export { type AlertDialogCloseProps, type AlertDialogContentEmits, type AlertDialogContentProps, type AlertDialogDescriptionProps, type AlertDialogFooterProps, type AlertDialogHeaderProps, type AlertDialogOverlayProps, type AlertDialogPortalProps, type AlertDialogRootEmits, type AlertDialogRootProps, type AlertDialogTitleProps, type AlertDialogTriggerProps };

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

@@ -0,0 +1,30 @@
+import { ThemeColor } from "../../theme/types.js";
+import "../../theme/index.js";
+import { DialogProps } from "../dialog/types.js";
+import { ButtonProps as ButtonProps$1 } from "../button/types.js";
+import { AlertDialogRootEmits } from "@soybeanjs/headless";
+
+//#region src/components/alert-dialog/types.d.ts
+type AlertDialogType = Extract<ThemeColor, 'destructive' | 'success' | 'warning' | 'info'>;
+interface AlertDialogProps extends Omit<DialogProps, 'modal' | 'closable'> {
+  type?: AlertDialogType;
+}
+type AlertDialogEmits = AlertDialogRootEmits;
+interface AlertDialogCancelProps extends ButtonProps$1 {
+  /**
+   * The text of the cancel button.
+   *
+   * @defaultValue 'Cancel'
+   */
+  text?: string;
+}
+interface AlertDialogActionProps extends ButtonProps$1 {
+  /**
+   * The text of the action button.
+   *
+   * @defaultValue 'Confirm'
+   */
+  text?: string;
+}
+//#endregion
+export { AlertDialogActionProps, AlertDialogCancelProps, AlertDialogEmits, AlertDialogProps, AlertDialogType };

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

@@ -0,0 +1,2 @@
+import { Arrow as SArrow, ArrowProps } from "@soybeanjs/headless/arrow";
+export { type ArrowProps, SArrow };

package/dist/components/arrow/index.js

@@ -0,0 +1 @@
+import{Arrow as e}from"@soybeanjs/headless/arrow";export{e as SArrow};

package/dist/components/aspect-ratio/index.d.ts

@@ -0,0 +1,2 @@
+import { AspectRatio as SAspectRatio, AspectRatioProps } from "@soybeanjs/headless/aspect-ratio";
+export { type AspectRatioProps, SAspectRatio };

package/dist/components/aspect-ratio/index.js

@@ -0,0 +1 @@
+import{AspectRatio as e}from"@soybeanjs/headless/aspect-ratio";export{e as SAspectRatio};

package/dist/components/avatar/avatar.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{avatarVariants as t}from"../../variants/avatar.js";import{computed as n,createBlock as r,createTextVNode as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toDisplayString as f,unref as p,withCtx as m}from"vue";import{useOmitProps as h}from"@soybeanjs/headless/composables";import{AvatarFallback as g,AvatarImage as _,AvatarRoot as v,provideAvatarThemeContext as y}from"@soybeanjs/headless";var b=o({name:`SAvatar`,__name:`avatar`,props:{size:{},ui:{},fallbackLabel:{},imageProps:{},fallbackProps:{}},emits:[`loadingStatusChange`],setup(o,{emit:b}){let x=o,S=b,C=h(x,[`size`,`ui`,`fallbackLabel`,`imageProps`,`fallbackProps`]);return y({ui:n(()=>e(t({size:x.size}),x.ui))}),(e,t)=>(u(),r(p(v),l(s(p(C))),{default:m(()=>[d(e.$slots,`default`,{},()=>[d(e.$slots,`image`,{},()=>[a(p(_),c(o.imageProps,{onLoadingStatusChange:t[0]||=e=>S(`loadingStatusChange`,e)}),null,16)]),a(p(g),l(s(o.fallbackProps)),{default:m(()=>[d(e.$slots,`fallback`,{},()=>[i(f(o.fallbackLabel),1)])]),_:3},16)])]),_:3},16))}});export{b as default};

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

@@ -0,0 +1,27 @@
+import { ImageLoadingStatus } from "../../headless/dist/types/dom.js";
+import { AvatarProps } from "./types.js";
+import * as vue17 from "vue";
+
+//#region src/components/avatar/avatar.vue.d.ts
+declare var __VLS_7: {}, __VLS_9: {}, __VLS_24: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+} & {
+  image?: (props: typeof __VLS_9) => any;
+} & {
+  fallback?: (props: typeof __VLS_24) => any;
+};
+declare const __VLS_base: vue17.DefineComponent<AvatarProps, {}, {}, {}, {}, vue17.ComponentOptionsMixin, vue17.ComponentOptionsMixin, {
+  loadingStatusChange: (status: ImageLoadingStatus) => any;
+}, string, vue17.PublicProps, Readonly<AvatarProps> & Readonly<{
+  onLoadingStatusChange?: ((status: ImageLoadingStatus) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue17.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/avatar/index.d.ts

@@ -0,0 +1,4 @@
+import { AvatarEmits, AvatarProps } from "./types.js";
+import { _default } from "./avatar.vue.js";
+import { AvatarFallbackProps, AvatarImageEmits, AvatarImageProps, AvatarRootProps } from "@soybeanjs/headless/avatar";
+export { type AvatarFallbackProps, type AvatarImageEmits, type AvatarImageProps, type AvatarRootProps };

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

@@ -0,0 +1,15 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { AvatarFallbackProps, AvatarImageEmits, AvatarImageProps, AvatarRootProps, AvatarUi } from "@soybeanjs/headless";
+
+//#region src/components/avatar/types.d.ts
+interface AvatarProps extends AvatarRootProps {
+  size?: ThemeSize;
+  ui?: Partial<AvatarUi>;
+  fallbackLabel?: string;
+  imageProps: AvatarImageProps;
+  fallbackProps?: AvatarFallbackProps;
+}
+type AvatarEmits = AvatarImageEmits;
+//#endregion
+export { AvatarEmits, AvatarProps };

package/dist/components/badge/badge.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{badgeVariants as t}from"../../variants/badge.js";import{computed as n,createBlock as r,createTextVNode as i,createVNode as a,defineComponent as o,guardReactiveProps as s,normalizeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,withCtx as p}from"vue";import{BadgeContent as m,BadgeRoot as h,provideBadgeThemeContext as g}from"@soybeanjs/headless";var _=o({name:`SBadge`,__name:`badge`,props:{color:{},size:{},ui:{},position:{},content:{},contentProps:{},open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(o,{emit:_}){let v=o,y=_;return g({ui:n(()=>e(t({color:v.color,size:v.size,position:v.position}),v.ui))}),(e,t)=>(l(),r(f(h),{open:o.open,"onUpdate:open":t[0]||=e=>y(`update:open`,e)},{default:p(()=>[u(e.$slots,`default`),a(f(m),c(s(o.contentProps)),{default:p(()=>[u(e.$slots,`content`,{},()=>[i(d(o.content),1)])]),_:3},16)]),_:3},8,[`open`]))}});export{_ as default};

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

@@ -0,0 +1,26 @@
+import { BadgeProps } from "./types.js";
+import * as vue12 from "vue";
+
+//#region src/components/badge/badge.vue.d.ts
+declare var __VLS_10: {}, __VLS_17: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+} & {
+  content?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: vue12.DefineComponent<BadgeProps, {}, {}, {}, {}, vue12.ComponentOptionsMixin, vue12.ComponentOptionsMixin, {
+  "update:open": (open: boolean) => any;
+}, string, vue12.PublicProps, Readonly<BadgeProps> & Readonly<{
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+  open: boolean;
+}, {}, {}, {}, string, vue12.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/badge/index.d.ts

@@ -0,0 +1,5 @@
+import { BadgePosition } from "../../variants/badge.js";
+import { BadgeEmits, BadgeProps } from "./types.js";
+import { _default } from "./badge.vue.js";
+import { BadgeContentProps, BadgeRootEmits, BadgeRootProps } from "@soybeanjs/headless/badge";
+export { type BadgeContentProps, type BadgeRootEmits, type BadgeRootProps };

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

@@ -0,0 +1,17 @@
+import { ThemeColor, ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { BadgePosition } from "../../variants/badge.js";
+import { BadgeContentProps, BadgeRootEmits, BadgeRootProps, BadgeUi } from "@soybeanjs/headless";
+
+//#region src/components/badge/types.d.ts
+interface BadgeProps extends BadgeRootProps {
+  color?: ThemeColor;
+  size?: ThemeSize;
+  ui?: Partial<BadgeUi>;
+  position?: BadgePosition;
+  content?: string;
+  contentProps?: BadgeContentProps;
+}
+type BadgeEmits = BadgeRootEmits;
+//#endregion
+export { BadgeEmits, BadgeProps };

package/dist/components/breadcrumb/breadcrumb.js

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

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

@@ -0,0 +1,49 @@
+import { BreadcrumbEmits, BreadcrumbOptionData, BreadcrumbProps } from "./types.js";
+import * as vue22 from "vue";
+
+//#region src/components/breadcrumb/breadcrumb.vue.d.ts
+declare const __VLS_export: <T extends BreadcrumbOptionData = BreadcrumbOptionData>(__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<BreadcrumbProps<T> & {
+    onClick?: ((item: T) => any) | undefined;
+  }> & vue22.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    ellipsis?: (props: {
+      ellipsisItems: T[];
+    }) => any;
+  } & {
+    'ellipsis-icon'?: (props: {}) => any;
+  } & {
+    separator?: (props: {}) => any;
+  } & {
+    'item-leading'?: (props: {
+      item: T;
+    }) => any;
+  } & {
+    default?: (props: {
+      item: T;
+    }) => any;
+  } & {
+    'item-link'?: (props: {
+      item: T;
+    }) => any;
+  } & {
+    'item-label'?: (props: {
+      item: T;
+    }) => any;
+  } & {
+    'item-trailing'?: (props: {
+      item: T;
+    }) => any;
+  } & {
+    separator?: (props: {}) => any;
+  };
+  emit: BreadcrumbEmits<T>;
+}>) => vue22.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/breadcrumb/index.d.ts

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

package/dist/components/breadcrumb/index.js

@@ -0,0 +1 @@
+import e from"./breadcrumb.js";import{BreadcrumbEllipsis as t,BreadcrumbPage as n}from"@soybeanjs/headless/breadcrumb";export{t as SBreadcrumbEllipsis,n as SBreadcrumbPage};

package/dist/components/breadcrumb/shared.js

@@ -0,0 +1 @@
+function e(e,t){if(!t||e.length<5)return null;if(t===!0)return[1,e.length-2];let[n,r]=t;return n===0&&(n=1),r===e.length&&(r=e.length-1),[n,r]}export{e as getEllipsisRange};

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

@@ -0,0 +1,51 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { IconValue } from "../icon/types.js";
+import { BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbPageProps, BreadcrumbRootProps, BreadcrumbSeparatorProps, BreadcrumbUi } from "@soybeanjs/headless";
+
+//#region src/components/breadcrumb/types.d.ts
+interface BreadcrumbOptionData {
+  /** The value of the option. */
+  value?: string;
+  /** The label to display in the option. */
+  label: string;
+  /**
+   * The icon of the option.
+   *
+   * if it is a string, it will be used as the icon name of the iconify.
+   */
+  icon?: IconValue;
+  /** Whether the option is disabled. */
+  disabled?: boolean;
+  /**
+   * The link props
+   *
+   * if provided, the option will be a link.
+   */
+  linkProps?: BreadcrumbLinkProps;
+}
+interface BreadcrumbProps<T extends BreadcrumbOptionData = BreadcrumbOptionData> extends Omit<BreadcrumbRootProps, 'onClick'> {
+  size?: ThemeSize;
+  ui?: Partial<BreadcrumbUi>;
+  items: T[];
+  /**
+   * the range of items to show ellipsis
+   *
+   * when the item count is greater than 4, we will show ellipsis
+   *
+   * start: the start index of the ellipsis
+   *
+   * end: the end index of the ellipsis.
+   */
+  ellipsis?: true | [number, number] | null;
+  listProps?: BreadcrumbListProps;
+  itemProps?: BreadcrumbItemProps;
+  pageProps?: BreadcrumbPageProps;
+  separatorProps?: BreadcrumbSeparatorProps;
+  ellipsisProps?: BreadcrumbEllipsisProps;
+}
+type BreadcrumbEmits<T extends BreadcrumbOptionData> = {
+  (e: 'click', item: T): void;
+};
+//#endregion
+export { BreadcrumbEmits, BreadcrumbOptionData, BreadcrumbProps };

package/dist/components/button/button-group.js

@@ -0,0 +1 @@
+import{useConfigProvider as e}from"../config-provider/context.js";import{buttonGroupVariants as t}from"../../variants/button.js";import{provideButtonGroupContext 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,withCtx as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";import{Primitive as f}from"@soybeanjs/headless";import{transformPropsToContext as p}from"@soybeanjs/headless/shared";var m=a({name:`SButtonGroup`,__name:`button-group`,props:{orientation:{default:`horizontal`},dir:{default:`ltr`},color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(a){let m=a,h=d(m,[`orientation`,`color`,`size`,`variant`,`shape`,`shadow`,`disabled`]),g=e(`ButtonGroup`),_=r(()=>t({orientation:m.orientation})),v=r(()=>m.dir??g.dir.value);return n(p(m,[`color`,`size`,`variant`,`shape`,`shadow`,`fitContent`,`disabled`])),(e,t)=>(s(),i(l(f),o(l(h),{class:_.value,dir:v.value}),{default:u(()=>[c(e.$slots,`default`)]),_:3},16,[`class`,`dir`]))}});export{m as default};

package/dist/components/button/button-group.vue.d.ts

@@ -0,0 +1,22 @@
+import { ButtonGroupProps } from "./types.js";
+import * as vue49 from "vue";
+import * as _soybeanjs_headless1 from "@soybeanjs/headless";
+
+//#region src/components/button/button-group.vue.d.ts
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: vue49.DefineComponent<ButtonGroupProps, {}, {}, {}, {}, vue49.ComponentOptionsMixin, vue49.ComponentOptionsMixin, {}, string, vue49.PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
+  dir: _soybeanjs_headless1.Direction;
+  orientation: _soybeanjs_headless1.DataOrientation;
+}, {}, {}, {}, string, vue49.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/button/button-icon.js

@@ -0,0 +1 @@
+import e from"../icon/icon.js";import t from"./button.js";import{createBlock as n,createVNode as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,unref as l,withCtx as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";var f=i({name:`SButtonIcon`,__name:`button-icon`,props:{icon:{},iconProps:{},color:{default:`accent`},size:{},variant:{default:`ghost`},shape:{default:`square`},shadow:{},fitContent:{type:Boolean,default:!0},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let f=d(i,[`icon`,`iconProps`]);return(d,p)=>(c(),n(t,s(a(l(f))),{default:u(()=>[r(e,o({icon:i.icon},i.iconProps),null,16,[`icon`])]),_:1},16))}});export{f as default};

package/dist/components/button/button-icon.vue.d.ts

@@ -0,0 +1,16 @@
+import { ThemeColor } from "../../theme/types.js";
+import { ButtonShape, ButtonVariant } from "../../variants/button.js";
+import { ButtonIconProps } from "./types.js";
+import "../../index.js";
+import * as vue39 from "vue";
+
+//#region src/components/button/button-icon.vue.d.ts
+declare const __VLS_export: vue39.DefineComponent<ButtonIconProps, {}, {}, {}, {}, vue39.ComponentOptionsMixin, vue39.ComponentOptionsMixin, {}, string, vue39.PublicProps, Readonly<ButtonIconProps> & Readonly<{}>, {
+  color: ThemeColor;
+  variant: ButtonVariant;
+  shape: ButtonShape;
+  fitContent: boolean;
+}, {}, {}, {}, string, vue39.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };

package/dist/components/button/button-link.js

@@ -0,0 +1 @@
+import e from"./button.js";import t from"../link/link.js";import{createBlock as n,createVNode as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";import{useOmitProps as f,usePickProps as p}from"@soybeanjs/headless/composables";var m=i({name:`SButtonLink`,__name:`button-link`,props:{color:{},size:{},variant:{default:`link`},shape:{},shadow:{},fitContent:{type:Boolean},disabled:{type:Boolean,default:void 0},asChild:{type:Boolean},as:{},to:{},href:{},inactiveClass:{},external:{type:Boolean,default:void 0},target:{},rel:{},noRel:{type:Boolean,default:void 0},prefetchedClass:{},prefetch:{type:Boolean,default:void 0},prefetchOn:{},noPrefetch:{type:Boolean,default:void 0},trailingSlash:{},custom:{type:Boolean},activeClass:{},exactActiveClass:{},ariaCurrentValue:{},viewTransition:{type:Boolean,default:void 0},replace:{type:Boolean,default:void 0}},setup(i){let m=i,h=p(m,[`color`,`size`,`variant`,`shape`,`shadow`,`fitContent`]),g=f(m,[`color`,`size`,`variant`,`shape`,`shadow`,`fitContent`]);return(i,f)=>(c(),n(e,o(u(h),{"as-child":``}),{default:d(()=>[r(t,s(a(u(g))),{default:d(e=>[l(i.$slots,`default`,s(a(e)))]),_:3},16)]),_:3},16))}});export{m as default};