@soybeanjs/ui 0.13.8 → 0.15.0-beta.1

package/dist/components/bottom-sheet/bottom-sheet.vue.d.ts

@@ -0,0 +1,72 @@
+import { BottomSheetProps } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
+
+//#region src/components/bottom-sheet/bottom-sheet.vue.d.ts
+declare var __VLS_16: {}, __VLS_37: {
+    open: boolean | undefined;
+    close: () => void;
+  }, __VLS_45: {
+    open: boolean | undefined;
+    close: () => void;
+  }, __VLS_53: {
+    open: boolean | undefined;
+    close: () => void;
+  }, __VLS_61: {
+    open: boolean | undefined;
+    close: () => void;
+  }, __VLS_63: {
+    open: boolean | undefined;
+    close: () => void;
+  }, __VLS_71: {
+    open: boolean | undefined;
+    close: () => void;
+  };
+type __VLS_Slots = {} & {
+  trigger?: (props: typeof __VLS_16) => any;
+} & {
+  handle?: (props: typeof __VLS_37) => any;
+} & {
+  header?: (props: typeof __VLS_45) => any;
+} & {
+  title?: (props: typeof __VLS_53) => any;
+} & {
+  description?: (props: typeof __VLS_61) => any;
+} & {
+  default?: (props: typeof __VLS_63) => any;
+} & {
+  footer?: (props: typeof __VLS_71) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<BottomSheetProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _$_soybeanjs_headless0.FocusOutsideEvent) => any;
+  interactOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any;
+  openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
+}, string, _$vue.PublicProps, Readonly<BottomSheetProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+  showHandle: boolean;
+  handleOnly: boolean;
+  closeThreshold: number;
+  open: boolean;
+  defaultOpen: boolean;
+  modal: boolean;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/bottom-sheet/index.d.ts

@@ -0,0 +1,3 @@
+import { BottomSheetEmits, BottomSheetExtendedUi, BottomSheetExtendedUiSlot, BottomSheetExtraUiSlot, BottomSheetProps } from "./types.js";
+import { _default } from "./bottom-sheet.vue.js";
+import { _default as _default$1 } from "./bottom-sheet-close.vue.js";

package/dist/components/bottom-sheet/index.js

@@ -0,0 +1 @@
+import"./bottom-sheet.js";import"./bottom-sheet-close.js";

package/dist/components/bottom-sheet/types.d.ts

@@ -0,0 +1,31 @@
+import { ThemeSize } from "../../theme/types.js";
+import { ClassValue, DialogContentEmits, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogPortalProps, DialogRootEmits, DialogRootProps, DialogTitleProps, DialogTriggerProps, DialogUiSlot, UiClass } from "@soybeanjs/headless";
+
+//#region src/components/bottom-sheet/types.d.ts
+type BottomSheetExtraUiSlot = 'handle' | 'handleIndicator' | 'main';
+type BottomSheetExtendedUiSlot = DialogUiSlot | BottomSheetExtraUiSlot;
+type BottomSheetExtendedUi = UiClass<BottomSheetExtendedUiSlot>;
+interface BottomSheetProps extends DialogRootProps {
+  /**
+   * the content class of the bottom sheet
+   */
+  class?: ClassValue;
+  size?: ThemeSize;
+  ui?: Partial<BottomSheetExtendedUi>;
+  title?: string;
+  description?: string;
+  showHandle?: boolean;
+  handleOnly?: boolean;
+  closeThreshold?: number;
+  triggerProps?: DialogTriggerProps;
+  contentProps?: DialogContentProps;
+  headerProps?: DialogHeaderProps;
+  footerProps?: DialogFooterProps;
+  titleProps?: DialogTitleProps;
+  descriptionProps?: DialogDescriptionProps;
+  overlayProps?: DialogOverlayProps;
+  portalProps?: DialogPortalProps;
+}
+type BottomSheetEmits = DialogRootEmits & DialogContentEmits;
+//#endregion
+export { BottomSheetEmits, BottomSheetExtendedUi, BottomSheetExtendedUiSlot, BottomSheetExtraUiSlot, BottomSheetProps };

package/dist/components/bottom-sheet/variants.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{overlay:[`fixed inset-0 z-50 bg-black/80`,`data-[state=open]:animate-in data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0`],content:[`fixed inset-x-0 bottom-0 z-50 flex max-h-[85vh] flex-col overflow-hidden border bg-background shadow-lg outline-none rounded-t-2xl will-change-transform`,`data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom`,`data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom`],header:`flex flex-col gap-1.5 px-4 text-center sm:text-left`,title:`m-0 font-semibold leading-none tracking-tight`,description:`m-0 text-muted-foreground`,footer:`mt-auto flex flex-col gap-2 px-4`,handle:`flex justify-center px-4 pt-4 touch-none`,handleIndicator:`bg-muted h-1.5 w-12 shrink-0 rounded-full`,main:`flex-1 overflow-y-auto overscroll-contain px-4`},variants:{size:{xs:{content:`gap-y-2 text-xs`,header:`pb-1`,title:`text-sm`,description:`text-xs`,footer:`pt-2 pb-3`,main:`pb-3`},sm:{content:`gap-y-2.5 text-sm`,header:`pb-1.5`,title:`text-base`,description:`text-sm`,footer:`pt-2.5 pb-4`,main:`pb-4`},md:{content:`gap-y-3 text-sm`,header:`pb-2`,title:`text-lg`,description:`text-sm`,footer:`pt-3 pb-4`,main:`pb-4`},lg:{content:`gap-y-3.5 text-base`,header:`pb-2.5`,title:`text-xl`,description:`text-base`,footer:`pt-3.5 pb-5`,main:`pb-5`},xl:{content:`gap-y-4 text-lg`,header:`pb-3`,title:`text-2xl`,description:`text-lg`,footer:`pt-4 pb-6`,main:`pb-6`},"2xl":{content:`gap-y-[1.125rem] text-xl`,header:`pb-3.5`,title:`text-3xl`,description:`text-xl`,footer:`pt-[1.125rem] pb-7`,main:`pb-7`}}},defaultVariants:{size:`md`}});export{t as bottomSheetVariants};

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

@@ -1,9 +1,9 @@
 import { BreadcrumbEmits, BreadcrumbOptionData, BreadcrumbProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue 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_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue.PublicProps & __VLS_PrettifyLocal<BreadcrumbProps<T> & {
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<BreadcrumbProps<T> & {
     onClick?: ((item: T) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -42,7 +42,7 @@ declare const __VLS_export: <T extends BreadcrumbOptionData = BreadcrumbOptionDa
     separator?: (props: {}) => any;
   };
   emit: BreadcrumbEmits<T>;
-}>) => vue.VNode & {
+}>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

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

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

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

@@ -1,6 +1,6 @@
 import { ButtonVariant } from "./variants.js";
 import { ButtonLinkProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/button/button-link.vue.d.ts
 declare var __VLS_14: {
@@ -11,16 +11,16 @@ declare var __VLS_14: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: vue.DefineComponent<ButtonLinkProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ButtonLinkProps> & Readonly<{}>, {
+declare const __VLS_base: _$vue.DefineComponent<ButtonLinkProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ButtonLinkProps> & Readonly<{}>, {
   variant: ButtonVariant;
-  disabled: boolean;
   replace: boolean;
+  disabled: boolean;
   external: boolean;
   viewTransition: boolean;
   noRel: boolean;
   prefetch: boolean;
   noPrefetch: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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/button/button-loading.vue.d.ts

@@ -1,5 +1,5 @@
 import { ButtonLoadingProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 import { Align } from "@soybeanjs/headless";
 
 //#region src/components/button/button-loading.vue.d.ts
@@ -17,10 +17,10 @@ type __VLS_Slots = {} & {
 } & {
   trailing?: (props: typeof __VLS_33) => any;
 };
-declare const __VLS_base: vue.DefineComponent<ButtonLoadingProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ButtonLoadingProps> & Readonly<{}>, {
+declare const __VLS_base: _$vue.DefineComponent<ButtonLoadingProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ButtonLoadingProps> & Readonly<{}>, {
   loadingIcon: string;
   loadingPosition: Align;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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/button/button.vue.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/button/button.vue.d.ts
 declare var __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
@@ -10,11 +10,11 @@ type __VLS_Slots = {} & {
 } & {
   trailing?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: vue.DefineComponent<ButtonProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base: _$vue.DefineComponent<ButtonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   click: (event: MouseEvent) => any;
-}, string, vue.PublicProps, Readonly<ButtonProps> & Readonly<{
+}, string, _$vue.PublicProps, Readonly<ButtonProps> & Readonly<{
   onClick?: ((event: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, 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/button/variants.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants0 from "tailwind-variants";
+import * as _$tailwind_variants0 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/button/variants.d.ts
-declare const buttonVariants: tailwind_variants0.TVReturnType<{
+declare const buttonVariants: _$tailwind_variants0.TVReturnType<{
   color: {
     primary: string;
     destructive: string;
@@ -92,7 +92,7 @@ declare const buttonVariants: tailwind_variants0.TVReturnType<{
     true: string;
     false: string;
   };
-}, undefined, tailwind_variants0.TVReturnType<{
+}, undefined, _$tailwind_variants0.TVReturnType<{
   color: {
     primary: string;
     destructive: string;

package/dist/components/card/card-collapsible-trigger.vue.d.ts

@@ -1,4 +1,4 @@
-import * as vue from "vue";
+import * as _$vue from "vue";
 import { CardCollapsibleTriggerProps } from "@soybeanjs/headless";
 
 //#region src/components/card/card-collapsible-trigger.vue.d.ts
@@ -8,9 +8,9 @@ declare var __VLS_8: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue.DefineComponent<CardCollapsibleTriggerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<CardCollapsibleTriggerProps> & Readonly<{}>, {
+declare const __VLS_base: _$vue.DefineComponent<CardCollapsibleTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CardCollapsibleTriggerProps> & Readonly<{}>, {
   asChild: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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/card/card.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{cardVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createTextVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{CardContent as v,CardDescription as y,CardFooter as b,CardHeader as x,CardRoot as S,CardTitle as C,CardTitleRoot as w,provideCardUi as T}from"@soybeanjs/headless";const E=s({name:`SCard`,__name:`card`,props:{class:{},size:{},ui:{},title:{},description:{},scrollable:{type:Boolean,default:!0},split:{type:Boolean},headerProps:{},contentProps:{},footerProps:{},titleRootProps:{},titleProps:{},descriptionProps:{},defaultOpen:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},disabled:{type:Boolean},unmountOnHide:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let E=s,D=_(E,[`class`,`size`,`ui`,`title`,`description`,`scrollable`,`split`,`headerProps`,`contentProps`,`footerProps`,`titleRootProps`,`titleProps`,`descriptionProps`]),O=h(),k=n(()=>!!(O.header||O.title||O.description||O.extra||E.title||E.description));return T(n(()=>e(t({size:E.size,scrollable:E.scrollable,split:E.split}),E.ui,{root:E.class}))),(e,t)=>(d(),r(m(S),u(c(m(D))),{default:g(()=>[k.value?(d(),r(m(x),u(l({key:0},E.headerProps)),{default:g(()=>[f(e.$slots,`header`,{},()=>[o(m(w),u(c(E.titleRootProps)),{default:g(()=>[f(e.$slots,`title-leading`),o(m(C),u(c(E.titleProps)),{default:g(()=>[f(e.$slots,`title`,{},()=>[a(p(s.title),1)])]),_:3},16),f(e.$slots,`title-trailing`)]),_:3},16),f(e.$slots,`extra`),O.description||s.description?(d(),r(m(y),u(l({key:0},E.descriptionProps)),{default:g(()=>[f(e.$slots,`description`,{},()=>[a(p(s.description),1)])]),_:3},16)):i(`v-if`,!0)])]),_:3},16)):i(`v-if`,!0),o(m(v),u(c(E.contentProps)),{default:g(()=>[f(e.$slots,`default`)]),_:3},16),O.footer?(d(),r(m(b),u(l({key:1},E.footerProps)),{default:g(()=>[f(e.$slots,`footer`)]),_:3},16)):i(`v-if`,!0)]),_:3},16))}});export{E as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{cardVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createTextVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{CardContent as v,CardDescription as y,CardFooter as b,CardHeader as x,CardRoot as S,CardTitle as C,CardTitleRoot as w,provideCardUi as T}from"@soybeanjs/headless";const E=s({name:`SCard`,__name:`card`,props:{class:{},size:{},ui:{},title:{},description:{},scrollable:{type:Boolean,default:!0},split:{type:Boolean},headerProps:{},contentProps:{},footerProps:{},titleRootProps:{},titleProps:{},descriptionProps:{},defaultOpen:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},disabled:{type:Boolean},unmountOnHide:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let E=s,D=_(E,[`class`,`size`,`ui`,`title`,`description`,`scrollable`,`split`,`headerProps`,`contentProps`,`footerProps`,`titleRootProps`,`titleProps`,`descriptionProps`]),O=h(),k=n(()=>!!(O.header||O.title||O.description||O.extra||E.title||E.description));return T(n(()=>e(t({size:E.size,scrollable:E.scrollable,split:E.split}),E.ui,{root:E.class}))),(e,t)=>(d(),r(m(S),u(c(m(D))),{default:g(()=>[k.value?(d(),r(m(x),u(l({key:0},s.headerProps)),{default:g(()=>[f(e.$slots,`header`,{},()=>[o(m(w),u(c(s.titleRootProps)),{default:g(()=>[f(e.$slots,`title-leading`),o(m(C),u(c(s.titleProps)),{default:g(()=>[f(e.$slots,`title`,{},()=>[a(p(s.title),1)])]),_:3},16),f(e.$slots,`title-trailing`)]),_:3},16),f(e.$slots,`extra`),O.description||s.description?(d(),r(m(y),u(l({key:0},s.descriptionProps)),{default:g(()=>[f(e.$slots,`description`,{},()=>[a(p(s.description),1)])]),_:3},16)):i(`v-if`,!0)])]),_:3},16)):i(`v-if`,!0),o(m(v),u(c(s.contentProps)),{default:g(()=>[f(e.$slots,`default`)]),_:3},16),O.footer?(d(),r(m(b),u(l({key:1},s.footerProps)),{default:g(()=>[f(e.$slots,`footer`)]),_:3},16)):i(`v-if`,!0)]),_:3},16))}});export{E as default};

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

@@ -1,5 +1,5 @@
 import { CardProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/card/card.vue.d.ts
 type Slots = {
@@ -14,11 +14,11 @@ type Slots = {
   description: () => any;
 };
 type __VLS_Slots = Slots;
-declare const __VLS_base: vue.DefineComponent<CardProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<CardProps> & Readonly<{}>, {
+declare const __VLS_base: _$vue.DefineComponent<CardProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CardProps> & Readonly<{}>, {
   open: boolean;
   defaultOpen: boolean;
   scrollable: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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/carousel/carousel-content.js

@@ -0,0 +1 @@
+import{createBlock as e,defineComponent as t,guardReactiveProps as n,normalizeProps as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";import{CarouselContent as c}from"@soybeanjs/headless";const l=t({name:`SCarouselContent`,__name:`carousel-content`,setup(t){return(t,l)=>(i(),e(o(c),r(n(t.$props)),{default:s(()=>[a(t.$slots,`default`)]),_:3},16))}});export{l as default};

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

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

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

@@ -0,0 +1 @@
+import{createBlock as e,defineComponent as t,guardReactiveProps as n,normalizeProps as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";import{CarouselItem as c}from"@soybeanjs/headless";const l=t({name:`SCarouselItem`,__name:`carousel-item`,setup(t){return(t,l)=>(i(),e(o(c),r(n(t.$props)),{default:s(()=>[a(t.$slots,`default`)]),_:3},16))}});export{l as default};

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

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

package/dist/components/carousel/carousel-next.js

@@ -0,0 +1 @@
+import e from"../icon/icon.js";import{createBlock as t,createElementVNode as n,createVNode as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";import{CarouselNext as d}from"@soybeanjs/headless";const f=i({name:`SCarouselNext`,__name:`carousel-next`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){function f(e,t){return e===`vertical`?`lucide:arrow-down`:t===`rtl`?`lucide:arrow-left`:`lucide:arrow-right`}return(i,p)=>(s(),t(l(d),o(a(i.$props)),{default:u(({dir:t,disabled:a,orientation:o})=>[c(i.$slots,`default`,{dir:t,disabled:a,orientation:o},()=>[r(e,{icon:f(o,t),"aria-hidden":!0},null,8,[`icon`]),p[0]||=n(`span`,{class:`sr-only`},`Next slide`,-1)])]),_:3},16))}});export{f as default};

package/dist/components/carousel/carousel-next.vue.d.ts

@@ -0,0 +1,22 @@
+import * as _$vue from "vue";
+import { CarouselNextProps, DataOrientation, Direction } from "@soybeanjs/headless";
+
+//#region src/components/carousel/carousel-next.vue.d.ts
+declare var __VLS_8: {
+  dir: Direction;
+  disabled: boolean;
+  orientation: DataOrientation;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<CarouselNextProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CarouselNextProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/carousel/carousel-previous.js

@@ -0,0 +1 @@
+import e from"../icon/icon.js";import{createBlock as t,createElementVNode as n,createVNode as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";import{CarouselPrevious as d}from"@soybeanjs/headless";const f=i({name:`SCarouselPrevious`,__name:`carousel-previous`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){function f(e,t){return e===`vertical`?`lucide:arrow-up`:t===`rtl`?`lucide:arrow-right`:`lucide:arrow-left`}return(i,p)=>(s(),t(l(d),o(a(i.$props)),{default:u(({dir:t,disabled:a,orientation:o})=>[c(i.$slots,`default`,{dir:t,disabled:a,orientation:o},()=>[r(e,{icon:f(o,t),"aria-hidden":!0},null,8,[`icon`]),p[0]||=n(`span`,{class:`sr-only`},`Previous slide`,-1)])]),_:3},16))}});export{f as default};

package/dist/components/carousel/carousel-previous.vue.d.ts

@@ -0,0 +1,22 @@
+import * as _$vue from "vue";
+import { CarouselPreviousProps, DataOrientation, Direction } from "@soybeanjs/headless";
+
+//#region src/components/carousel/carousel-previous.vue.d.ts
+declare var __VLS_8: {
+  dir: Direction;
+  disabled: boolean;
+  orientation: DataOrientation;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<CarouselPreviousProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CarouselPreviousProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/carousel/carousel.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{carouselVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toHandlers as c,unref as l,withCtx as u}from"vue";import{useForwardListeners as d,useOmitProps as f}from"@soybeanjs/headless/composables";import{CarouselRoot as p,provideCarouselUi as m}from"@soybeanjs/headless";const h=i({name:`SCarousel`,__name:`carousel`,props:{class:{},ui:{},opts:{},plugins:{},orientation:{default:`horizontal`},dir:{}},emits:[`initApi`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`ui`]),y=d(_);return m(n(()=>e(t({orientation:g.orientation}),g.ui,{root:g.class}))),(e,t)=>(o(),r(l(p),a(l(v),c(l(y))),{default:u(()=>[s(e.$slots,`default`)]),_:3},16))}});export{h as default};

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

@@ -0,0 +1,15 @@
+//#region src/components/carousel/carousel.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: 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/carousel/index.d.ts

@@ -0,0 +1,8 @@
+import { _default } from "./carousel.vue.js";
+import { _default as _default$1 } from "./carousel-content.vue.js";
+import { _default as _default$2 } from "./carousel-item.vue.js";
+import { _default as _default$3 } from "./carousel-previous.vue.js";
+import { _default as _default$4 } from "./carousel-next.vue.js";
+import { CarouselEmits, CarouselProps } from "./types.js";
+import { CarouselApi, CarouselContentProps, CarouselItemProps, CarouselNextProps, CarouselOptions, CarouselPlugins, CarouselPreviousProps, CarouselRootEmits, CarouselRootProps, CarouselUi, CarouselUiSlot } from "@soybeanjs/headless/carousel";
+export { type CarouselApi, type CarouselContentProps, type CarouselItemProps, type CarouselNextProps, type CarouselOptions, type CarouselPlugins, type CarouselPreviousProps, type CarouselRootEmits, type CarouselRootProps, type CarouselUi, type CarouselUiSlot };

package/dist/components/carousel/index.js

@@ -0,0 +1 @@
+import"./carousel.js";import"./carousel-content.js";import"./carousel-item.js";import"./carousel-previous.js";import"./carousel-next.js";

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

@@ -0,0 +1,10 @@
+import { CarouselRootEmits, CarouselRootProps, CarouselUi, ClassValue } from "@soybeanjs/headless";
+
+//#region src/components/carousel/types.d.ts
+interface CarouselProps extends Omit<CarouselRootProps, 'class'> {
+  class?: ClassValue;
+  ui?: Partial<CarouselUi>;
+}
+type CarouselEmits = CarouselRootEmits;
+//#endregion
+export { CarouselEmits, CarouselProps };

package/dist/components/carousel/variants.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative`,content:`overflow-hidden`,container:`flex -ml-4 rtl:ml-0 rtl:-mr-4`,item:`min-w-0 shrink-0 grow-0 basis-full pl-4 rtl:pl-0 rtl:pr-4`,previous:[`absolute z-1 size-8 inline-flex items-center justify-center rounded-full border bg-background shadow-sm transition-colors`,`focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-ring/50`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`top-1/2 -left-12 -translate-y-1/2 rtl:left-auto rtl:-right-12`],next:[`absolute z-1 size-8 inline-flex items-center justify-center rounded-full border bg-background shadow-sm transition-colors`,`focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-ring/50`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`top-1/2 -right-12 -translate-y-1/2 rtl:right-auto rtl:-left-12`]},variants:{orientation:{horizontal:{},vertical:{container:`-mt-4 h-full flex-col ml-0 rtl:mr-0 rtl:ml-0`,item:`pt-4 pl-0 rtl:pr-0 rtl:pl-0`,previous:`-top-12 left-1/2 right-auto -translate-x-1/2 translate-y-0 rtl:left-1/2 rtl:right-auto`,next:`top-auto -bottom-12 left-1/2 right-auto -translate-x-1/2 translate-y-0 rtl:left-1/2 rtl:right-auto`}}},defaultVariants:{orientation:`horizontal`}});export{t as carouselVariants};

package/dist/components/checkbox/checkbox-card-group.vue.d.ts

@@ -1,10 +1,10 @@
 import { CheckboxCardGroupOptionData, CheckboxCardGroupProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/checkbox/checkbox-card-group.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends CheckboxCardGroupOptionData<T> = CheckboxCardGroupOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue.PublicProps & __VLS_PrettifyLocal<CheckboxCardGroupProps<T, S> & {
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<CheckboxCardGroupProps<T, S> & {
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -13,7 +13,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Ch
   attrs: any;
   slots: {};
   emit: (evt: "update:modelValue", value: T[]) => void;
-}>) => vue.VNode & {
+}>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/checkbox/checkbox-card.vue.d.ts

@@ -1,6 +1,6 @@
 import { CheckboxCardProps } from "./types.js";
-import * as vue from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/checkbox/checkbox-card.vue.d.ts
 declare var __VLS_21: {
@@ -11,13 +11,13 @@ type __VLS_Slots = {} & {
 } & {
   description?: (props: typeof __VLS_29) => any;
 };
-declare const __VLS_base: vue.DefineComponent<CheckboxCardProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: _soybeanjs_headless0.CheckedState | null) => any;
-}, string, vue.PublicProps, Readonly<CheckboxCardProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: _soybeanjs_headless0.CheckedState | null) => any) | undefined;
+declare const __VLS_base: _$vue.DefineComponent<CheckboxCardProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: _$_soybeanjs_headless0.CheckedState | null) => any;
+}, string, _$vue.PublicProps, Readonly<CheckboxCardProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: _$_soybeanjs_headless0.CheckedState | null) => any) | undefined;
 }>, {
-  modelValue: _soybeanjs_headless0.CheckedState | null;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+  modelValue: _$_soybeanjs_headless0.CheckedState | null;
+}, {}, {}, {}, 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/checkbox/checkbox-group.vue.d.ts

@@ -1,10 +1,10 @@
 import { CheckboxGroupOptionData, CheckboxGroupProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/checkbox/checkbox-group.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends CheckboxGroupOptionData<T> = CheckboxGroupOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue.PublicProps & __VLS_PrettifyLocal<CheckboxGroupProps<T, S> & {
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<CheckboxGroupProps<T, S> & {
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -13,7 +13,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Ch
   attrs: any;
   slots: {};
   emit: (evt: "update:modelValue", value: T[]) => void;
-}>) => vue.VNode & {
+}>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,28 +1,28 @@
 import { CheckboxProps } from "./types.js";
-import * as vue from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/checkbox/checkbox.vue.d.ts
 declare var __VLS_28: {
-    modelValue: _soybeanjs_headless0.CheckedState | null | undefined;
-    state: _soybeanjs_headless0.CheckedState;
+    modelValue: _$_soybeanjs_headless0.CheckedState | null | undefined;
+    state: _$_soybeanjs_headless0.CheckedState;
   }, __VLS_41: {
     id: string;
-    modelValue: _soybeanjs_headless0.CheckedState | null | undefined;
-    state: _soybeanjs_headless0.CheckedState;
+    modelValue: _$_soybeanjs_headless0.CheckedState | null | undefined;
+    state: _$_soybeanjs_headless0.CheckedState;
   };
 type __VLS_Slots = {} & {
   indicator?: (props: typeof __VLS_28) => any;
 } & {
   default?: (props: typeof __VLS_41) => any;
 };
-declare const __VLS_base: vue.DefineComponent<CheckboxProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: _soybeanjs_headless0.CheckedState | null) => any;
-}, string, vue.PublicProps, Readonly<CheckboxProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: _soybeanjs_headless0.CheckedState | null) => any) | undefined;
+declare const __VLS_base: _$vue.DefineComponent<CheckboxProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: _$_soybeanjs_headless0.CheckedState | null) => any;
+}, string, _$vue.PublicProps, Readonly<CheckboxProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: _$_soybeanjs_headless0.CheckedState | null) => any) | undefined;
 }>, {
-  modelValue: _soybeanjs_headless0.CheckedState | null;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+  modelValue: _$_soybeanjs_headless0.CheckedState | null;
+}, {}, {}, {}, 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/checkbox/variants.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants0 from "tailwind-variants";
+import * as _$tailwind_variants0 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/checkbox/variants.d.ts
-declare const checkboxVariants: tailwind_variants0.TVReturnType<{
+declare const checkboxVariants: _$tailwind_variants0.TVReturnType<{
   color: {
     primary: {
       control: string;
@@ -164,7 +164,7 @@ declare const checkboxVariants: tailwind_variants0.TVReturnType<{
   control: string[];
   indicator: string;
   label: string;
-}, tailwind_variants0.TVReturnType<{
+}, _$tailwind_variants0.TVReturnType<{
   color: {
     primary: {
       control: string;