@soybeanjs/headless 0.29.0-beta.8 → 0.29.0

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

@@ -0,0 +1,17 @@
+import { LayoutContentProps } from "./types.js";
+
+//#region src/components/layout/layout-content.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<LayoutContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LayoutContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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/layout/layout-footer.js

@@ -0,0 +1 @@
+import{useLayoutRootContext as e,useLayoutUi as t}from"./context.js";import{createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`LayoutFooter`,__name:`layout-footer`,setup(i){let l=t(`footer`),{footerVisible:u}=e(`LayoutFooter`);return(e,t)=>c(u)?(o(),r(`div`,{key:0,"data-soybean-layout-footer":``,class:a(c(l))},[s(e.$slots,`default`)],2)):n(`v-if`,!0)}});export{l as default};

package/dist/components/layout/layout-footer.vue.d.ts

@@ -0,0 +1,17 @@
+import { LayoutFooterProps } from "./types.js";
+
+//#region src/components/layout/layout-footer.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<LayoutFooterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LayoutFooterProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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/layout/layout-header.js

@@ -0,0 +1 @@
+import{useLayoutRootContext as e,useLayoutUi as t}from"./context.js";import{createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`LayoutHeader`,__name:`layout-header`,setup(i){let l=t(`header`),{headerVisible:u}=e(`LayoutHeader`);return(e,t)=>c(u)?(o(),r(`header`,{key:0,"data-soybean-layout-header":``,class:a(c(l))},[s(e.$slots,`default`)],2)):n(`v-if`,!0)}});export{l as default};

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

@@ -0,0 +1,17 @@
+import { LayoutHeaderProps } from "./types.js";
+
+//#region src/components/layout/layout-header.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<LayoutHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LayoutHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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/layout/layout-main.js

@@ -0,0 +1 @@
+import{useLayoutUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`LayoutMain`,__name:`layout-main`,setup(n){let s=e(`main`);return(e,n)=>(i(),t(`main`,{"data-soybean-layout-main":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/layout/layout-main.vue.d.ts

@@ -0,0 +1,17 @@
+import { LayoutMainProps } from "./types.js";
+
+//#region src/components/layout/layout-main.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<LayoutMainProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LayoutMainProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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/layout/layout-mobile.js

@@ -0,0 +1 @@
+import e from"../portal/portal.js";import t from"../dialog/dialog-overlay.js";import n from"../dialog/dialog-popup.js";import r from"../dialog/dialog-root.js";import"../dialog/index.js";import{useLayoutRootContext as i,useLayoutUi as a}from"./context.js";import{layoutCssVars as o}from"./shared.js";import{computed as s,createBlock as c,createElementVNode as l,createVNode as u,defineComponent as d,mergeProps as f,normalizeClass as p,normalizeStyle as m,openBlock as h,renderSlot as g,unref as _,useAttrs as v,withCtx as y}from"vue";const b=d({name:`LayoutMobile`,inheritAttrs:!1,__name:`layout-mobile`,setup(d){let b=v(),{mobileOpen:x,mobileSidebarWidth:S,onMobileOpenChange:C}=i(`LayoutMobile`),w=a(),T=s(()=>({[o.sidebarWidth]:`${S.value}rem`}));return(i,a)=>(h(),c(_(r),{open:_(x),"onUpdate:open":_(C)},{default:y(()=>[u(_(e),null,{default:y(()=>[u(_(t),{class:p(_(w).mobileOverlay)},null,8,[`class`]),u(_(n),{"data-soybean-layout-mobile":``,class:p(_(w).mobileDrawer),style:m(T.value)},{default:y(()=>[l(`div`,f(_(b),{class:_(w).mobile,"data-sidebar":`sidebar`,"data-mobile":``}),[g(i.$slots,`default`)],16)]),_:3},8,[`class`,`style`])]),_:3})]),_:3},8,[`open`,`onUpdate:open`]))}});export{b as default};

package/dist/components/layout/layout-mobile.vue.d.ts

@@ -0,0 +1,17 @@
+import { LayoutMobileProps } from "./types.js";
+
+//#region src/components/layout/layout-mobile.vue.d.ts
+declare var __VLS_27: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_27) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<LayoutMobileProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LayoutMobileProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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/layout/layout-rail.js

@@ -0,0 +1 @@
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useLayoutRootContext as t,useLayoutUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`aria-label`,`title`],u=i({name:`LayoutRail`,__name:`layout-rail`,setup(i){let{toggleSidebar:u}=t(`LayoutRail`),d=e(),f=n(`rail`);return(e,t)=>(o(),r(`button`,{class:a(c(f)),"data-soybean-layout-rail":``,"data-sidebar":`rail`,"aria-label":c(d).layout.toggleSidebar,tabindex:-1,title:c(d).layout.toggleSidebar,onClick:t[0]||(t[0]=(...e)=>c(u)&&c(u)(...e))},[s(e.$slots,`default`)],10,l))}});export{u as default};

package/dist/components/layout/layout-rail.vue.d.ts

@@ -0,0 +1,17 @@
+import { LayoutRailProps } from "./types.js";
+
+//#region src/components/layout/layout-rail.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<LayoutRailProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LayoutRailProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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/layout/layout-root.js

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideLayoutRootContext as n,useLayoutUi as r}from"./context.js";import{layoutCssVars as i}from"./shared.js";import{computed as a,createElementBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p}from"vue";const m=[`data-collapsible`,`data-side`,`data-state`,`data-variant`,`data-mobile`,`data-sidebar-visible`,`data-header-visible`,`data-tab-visible`,`data-footer-visible`,`data-full-content`],h=s({name:`LayoutRoot`,__name:`layout-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},side:{default:`left`},variant:{default:`sidebar`},collapsible:{default:`icon`},sidebarVisible:{type:Boolean,default:!0},sidebarWidth:{default:240},collapsedSidebarWidth:{default:50},isMobile:{type:Boolean,default:!1},mobileSidebarWidth:{default:240},headerVisible:{type:Boolean,default:!0},headerHeight:{default:56},tabVisible:{type:Boolean,default:!0},tabHeight:{default:44},footerVisible:{type:Boolean,default:!0},footerHeight:{default:48},fullContent:{type:Boolean},pxToRem:{type:Function,default:e=>e/16}},emits:[`update:open`],setup(s,{emit:h}){let g=s,_=h,v=r(`root`),y=t(()=>g.open,e=>{_(`update:open`,e)},g.defaultOpen),b=f(!1),x=a(()=>y.value?`expanded`:`collapsed`),S=a(()=>x.value===`collapsed`?g.collapsible:``),C=a(()=>{let e=g.pxToRem(g.sidebarWidth),t=g.pxToRem(g.collapsedSidebarWidth),n=y.value?e:t,r=g.pxToRem(g.headerHeight),a=g.pxToRem(g.tabHeight),o=g.pxToRem(g.footerHeight);return{[i.sidebarWidth]:`${e}rem`,[i.collapsedSidebarWidth]:`${t}rem`,[i.currentSidebarWidth]:`${n}rem`,[i.headerHeight]:`${r}rem`,[i.tabHeight]:`${a}rem`,[i.footerHeight]:`${o}rem`}}),w=a(()=>g.pxToRem(g.mobileSidebarWidth));return n({...e(g,[`sidebarWidth`,`collapsedSidebarWidth`,`isMobile`,`sidebarVisible`,`headerVisible`,`tabVisible`,`footerVisible`]),open:y,mobileOpen:b,mobileSidebarWidth:w}),(e,t)=>(u(),o(`div`,{"data-soybean-layout-root":``,class:c(p(v)),"data-collapsible":S.value,"data-side":s.side,"data-state":x.value,"data-variant":s.variant,"data-mobile":!!s.isMobile,"data-sidebar-visible":!!s.sidebarVisible,"data-header-visible":!!s.headerVisible,"data-tab-visible":!!s.tabVisible,"data-footer-visible":!!s.footerVisible,"data-full-content":!!s.fullContent,style:l(C.value)},[d(e.$slots,`default`,{open:p(y),collapsedSidebarWidth:s.collapsedSidebarWidth})],14,m))}});export{h as default};

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

@@ -0,0 +1,42 @@
+import { LayoutCollapsible, LayoutRootProps, LayoutSide, LayoutVariant } from "./types.js";
+
+//#region src/components/layout/layout-root.vue.d.ts
+declare var __VLS_1: {
+  open: boolean;
+  collapsedSidebarWidth: number;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<LayoutRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<LayoutRootProps> & Readonly<{
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+  collapsible: LayoutCollapsible;
+  open: boolean;
+  defaultOpen: boolean;
+  side: LayoutSide;
+  variant: LayoutVariant;
+  sidebarVisible: boolean;
+  sidebarWidth: number;
+  collapsedSidebarWidth: number;
+  isMobile: boolean;
+  mobileSidebarWidth: number;
+  headerVisible: boolean;
+  headerHeight: number;
+  tabVisible: boolean;
+  tabHeight: number;
+  footerVisible: boolean;
+  footerHeight: number;
+  pxToRem: (px: number) => number;
+}, {}, {}, {}, string, import("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/layout/layout-sidebar.js

@@ -0,0 +1 @@
+import{useLayoutRootContext as e,useLayoutUi as t}from"./context.js";import n from"./layout-mobile.js";import{Fragment as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,defineComponent as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,unref as m,useAttrs as h,withCtx as g}from"vue";const _=c({name:`LayoutSidebar`,inheritAttrs:!1,__name:`layout-sidebar`,setup(c){let _=h(),{sidebarVisible:v,isMobile:y}=e(`LayoutSidebar`),b=t();return(e,t)=>m(v)?(f(),o(r,{key:0},[m(y)?(f(),i(n,d(l({key:0},m(_))),{default:g(()=>[p(e.$slots,`default`)]),_:3},16)):(f(),o(`div`,{key:1,class:u(m(b).sidebarRoot),"data-soybean-layout-sidebar":``},[s(`div`,{class:u(m(b).sidebarGapHandler)},null,2),s(`div`,{class:u(m(b).sidebarWrapper)},[s(`div`,l(m(_),{class:m(b).sidebar,"data-sidebar":`sidebar`}),[p(e.$slots,`default`)],16)],2)],2))],64)):a(`v-if`,!0)}});export{_ as default};

package/dist/components/layout/layout-sidebar.vue.d.ts

@@ -0,0 +1,19 @@
+import { LayoutSidebarProps } from "./types.js";
+
+//#region src/components/layout/layout-sidebar.vue.d.ts
+declare var __VLS_8: {}, __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<LayoutSidebarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LayoutSidebarProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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/layout/layout-tab.js

@@ -0,0 +1 @@
+import{useLayoutRootContext as e,useLayoutUi as t}from"./context.js";import{createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`LayoutTab`,__name:`layout-tab`,setup(i){let l=t(`tab`),{tabVisible:u}=e(`LayoutTab`);return(e,t)=>c(u)?(o(),r(`div`,{key:0,"data-soybean-layout-tab":``,class:a(c(l))},[s(e.$slots,`default`)],2)):n(`v-if`,!0)}});export{l as default};

package/dist/components/layout/layout-tab.vue.d.ts

@@ -0,0 +1,17 @@
+import { LayoutTabProps } from "./types.js";
+
+//#region src/components/layout/layout-tab.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<LayoutTabProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LayoutTabProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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/layout/layout-trigger.js

@@ -0,0 +1 @@
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../_icon/icon.js";import n from"../button/button.js";import{useLayoutRootContext as r,useLayoutUi as i}from"./context.js";import{createBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`LayoutTrigger`,__name:`layout-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let p=s,{open:m,toggleSidebar:h}=r(`LayoutTrigger`),g=e(),_=i(`trigger`);return(e,r)=>(l(),a(n,c(p,{"data-soybean-layout-trigger":``,class:d(_),"aria-label":d(g).layout.toggleSidebar,"data-sidebar":`trigger`,onClick:d(h)}),{default:f(()=>[u(e.$slots,`default`,{open:d(m)},()=>[o(t,{icon:d(m)?`lucide:panel-right`:`lucide:panel-left`},null,8,[`icon`])])]),_:3},16,[`class`,`aria-label`,`onClick`]))}});export{p as default};

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

@@ -0,0 +1,19 @@
+import { LayoutTriggerProps } from "./types.js";
+
+//#region src/components/layout/layout-trigger.vue.d.ts
+declare var __VLS_10: {
+  open: boolean | undefined;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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/layout/shared.js

@@ -0,0 +1 @@
+const e={sidebarWidth:`--soybean-sidebar-width`,collapsedSidebarWidth:`--soybean-collapsed-sidebar-width`,currentSidebarWidth:`--soybean-current-sidebar-width`,headerHeight:`--soybean-layout-header-height`,tabHeight:`--soybean-layout-tab-height`,footerHeight:`--soybean-layout-footer-height`,startGap:`--soybean-layout-start-gap`,sidebarTopGap:`--soybean-layout-sidebar-top-gap`,sidebarBottomGap:`--soybean-layout-sidebar-bottom-gap`,headerStartGap:`--soybean-layout-header-start-gap`,footerStartGap:`--soybean-layout-footer-start-gap`,baseZIndex:`--soybean-layout-base-z-index`,sidebarZIndex:`--soybean-layout-sidebar-z-index`,headerZIndex:`--soybean-layout-header-z-index`,tabZIndex:`--soybean-layout-tab-z-index`,footerZIndex:`--soybean-layout-footer-z-index`};export{e as layoutCssVars};

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

@@ -0,0 +1,291 @@
+import { DataOrientation, HorizontalSide, UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
+import { ButtonProps } from "../button/types.js";
+import { ComputedRef, ShallowRef } from "vue";
+
+//#region src/components/layout/types.d.ts
+/**
+ * Type information for LayoutVariant.
+ */
+type LayoutVariant = 'sidebar' | 'floating' | 'inset';
+/**
+ * Type information for LayoutSide.
+ */
+type LayoutSide = HorizontalSide;
+/**
+ * Type information for LayoutCollapsible.
+ */
+type LayoutCollapsible = 'offcanvas' | 'icon';
+/**
+ * State values for LayoutSidebarState.
+ */
+type LayoutSidebarState = 'expanded' | 'collapsed';
+/**
+ * Properties for the LayoutRoot component.
+ */
+interface LayoutRootProps extends BaseProps {
+  /** The controlled open state of the layout. Can be bound with `v-model`. */
+  open?: boolean;
+  /** The open state of the layout when it is initially rendered.
+   *
+   * Use when you do not need to control its open state.
+   */
+  defaultOpen?: boolean;
+  /** The side of the layout. */
+  side?: LayoutSide;
+  /** The variant of the layout. */
+  variant?: LayoutVariant;
+  /** The collapsible state of the layout. */
+  collapsible?: LayoutCollapsible;
+  /**
+   * whether to show the sidebar.
+   *
+   * @default true
+   */
+  sidebarVisible?: boolean;
+  /**
+   * The width of the sidebar. (px)
+   *
+   * @default 240
+   */
+  sidebarWidth?: number;
+  /**
+   * The width of the sidebar when it is collapsed. (px)
+   *
+   * @default 50
+   */
+  collapsedSidebarWidth?: number;
+  /**
+   * Whether the layout is in mobile view.
+   *
+   * @default false
+   */
+  isMobile?: boolean;
+  /**
+   * The width of the sidebar in the mobile view. (px)
+   *
+   * @default 240
+   */
+  mobileSidebarWidth?: number;
+  /**
+   * whether to show the header.
+   *
+   * @default true
+   */
+  headerVisible?: boolean;
+  /**
+   * The height of the header. (px)
+   * @default 56
+   */
+  headerHeight?: number;
+  /**
+   * whether to show the tab.
+   *
+   * @default true
+   */
+  tabVisible?: boolean;
+  /**
+   * The height of the tab. (px)
+   * @default 44
+   */
+  tabHeight?: number;
+  /**
+   * whether to show the footer.
+   *
+   * @default true
+   */
+  footerVisible?: boolean;
+  /**
+   * The height of the footer. (px)
+   * @default 48
+   */
+  footerHeight?: number;
+  /**
+   * whether the content takes the full height of the layout (include).
+   *
+   * @default false
+   */
+  fullContent?: boolean;
+  /**
+   * The function to convert pixels to rem.
+   *
+   * @param px - The width in pixels
+   * @default (px: number) => px / 16 (16 is the base font size)
+   * @returns The width in rem
+   */
+  pxToRem?: (px: number) => number;
+}
+/**
+ * Events for the LayoutRoot component.
+ */
+type LayoutRootEmits = {
+  /**
+   * Emitted when the open state changes.
+   */
+  'update:open': [open: boolean];
+};
+/**
+ * Properties for the LayoutSidebar component.
+ */
+interface LayoutSidebarProps extends BaseProps {}
+/**
+ * Properties for the LayoutRail component.
+ */
+interface LayoutRailProps extends BaseProps {}
+/**
+ * Properties for the LayoutMain component.
+ */
+interface LayoutMainProps extends BaseProps {}
+/**
+ * Properties for the LayoutHeader component.
+ */
+interface LayoutHeaderProps extends BaseProps {}
+/**
+ * Properties for the LayoutTab component.
+ */
+interface LayoutTabProps extends BaseProps {}
+/**
+ * Properties for the LayoutContent component.
+ */
+interface LayoutContentProps extends BaseProps {}
+/**
+ * Properties for the LayoutFooter component.
+ */
+interface LayoutFooterProps extends BaseProps {}
+/**
+ * Properties for the LayoutTrigger component.
+ */
+interface LayoutTriggerProps extends ButtonProps {}
+/**
+ * Properties for the LayoutMobile component.
+ */
+interface LayoutMobileProps extends BaseProps {}
+interface LayoutOthersProps {
+  sidebarProps?: LayoutSidebarProps;
+  railProps?: LayoutRailProps;
+  mainProps?: LayoutMainProps;
+  headerProps?: LayoutHeaderProps;
+  tabProps?: LayoutTabProps;
+  contentProps?: LayoutContentProps;
+  footerProps?: LayoutFooterProps;
+  mobileProps?: LayoutMobileProps;
+}
+/**
+ * Properties for the LayoutCompact component.
+ */
+interface LayoutCompactProps extends LayoutRootProps, LayoutOthersProps {}
+/**
+ * Events for the LayoutCompact component.
+ */
+type LayoutCompactEmits = LayoutRootEmits;
+/**
+ * Slots for the LayoutCompact component.
+ */
+type LayoutCompactSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: () => any;
+  /**
+   * Custom content for the sidebar slot.
+   */
+  sidebar?: (props: {
+    open: boolean | undefined;
+    collapsedSidebarWidth: number;
+  }) => any;
+  /**
+   * Custom content for the header slot.
+   */
+  header?: () => any;
+  /**
+   * Custom content for the tab slot.
+   */
+  tab?: () => any;
+  /**
+   * Custom content for the content slot.
+   */
+  content?: () => any;
+  /**
+   * Custom content for the footer slot.
+   */
+  footer?: () => any;
+};
+/**
+ * Type information for LayoutClassicScrollBehavior.
+ */
+type LayoutClassicScrollBehavior = 'wrapper' | 'content';
+/**
+ * Properties for the LayoutClassicRoot component.
+ */
+interface LayoutClassicRootProps extends Omit<LayoutRootProps, 'variant' | 'collapsible'> {
+  /**
+   * Orientation of the component.
+   */
+  orientation?: DataOrientation;
+  /**
+   * Scroll behavior.
+   */
+  scrollBehavior?: LayoutClassicScrollBehavior;
+  /**
+   * Scroll id.
+   */
+  scrollId?: string;
+  /**
+   * The base z-index of the layout. The z-index of the sidebar, header, tab, footer, and their fixed versions will be calculated based on this value.
+   *
+   * @default 50
+   */
+  baseZIndex?: number;
+  /**
+   * Whether the header and tab are fixed to the top of the layout when the orientation is vertical. If true, the header and tab will be fixed to the top of the layout when the orientation is vertical, and will scroll with the content when the orientation is horizontal.
+   *
+   * @default true
+   */
+  fixedTop?: boolean;
+  /**
+   * Whether footer is fixed
+   *
+   * @default true
+   */
+  fixedFooter?: boolean;
+  /**
+   * Whether the footer should stretch to the full width of the layout or the content when layout orientation is vertical.
+   *
+   * @default true
+   */
+  stretchFooter?: boolean;
+}
+/**
+ * Events for the LayoutClassicRoot component.
+ */
+type LayoutClassicRootEmits = LayoutRootEmits;
+/**
+ * Properties for the LayoutClassicCompact component.
+ */
+interface LayoutClassicCompactProps extends LayoutClassicRootProps, LayoutOthersProps {}
+/**
+ * Events for the LayoutClassicCompact component.
+ */
+type LayoutClassicCompactEmits = LayoutClassicRootEmits;
+/**
+ * Slots for the LayoutClassicCompact component.
+ */
+type LayoutClassicCompactSlots = LayoutCompactSlots;
+/**
+ * Available UI slots for the Layout component.
+ */
+type LayoutUiSlot = 'root' | 'sidebar' | 'sidebarRoot' | 'sidebarWrapper' | 'sidebarGapHandler' | 'main' | 'header' | 'tab' | 'content' | 'footer' | 'rail' | 'trigger' | 'mobile' | 'mobileDrawer' | 'mobileOverlay';
+/**
+ * UI class overrides for the Layout component.
+ */
+type LayoutUi = UiClass<LayoutUiSlot>;
+/**
+ * Available UI slots for the LayoutClassic component.
+ */
+type LayoutClassicUiSlot = LayoutUiSlot | 'headerPlaceholder' | 'tabPlaceholder' | 'footerPlaceholder';
+/**
+ * UI class overrides for the LayoutClassic component.
+ */
+type LayoutClassicUi = UiClass<LayoutClassicUiSlot>;
+//#endregion
+export { LayoutClassicCompactEmits, LayoutClassicCompactProps, LayoutClassicCompactSlots, LayoutClassicScrollBehavior, LayoutClassicUi, LayoutClassicUiSlot, LayoutCollapsible, LayoutCompactEmits, LayoutCompactProps, LayoutCompactSlots, LayoutContentProps, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutSide, LayoutSidebarProps, LayoutSidebarState, LayoutTabProps, LayoutTriggerProps, LayoutUi, LayoutUiSlot, LayoutVariant };

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

@@ -0,0 +1,3 @@
+import { LinkBaseProps, LinkExtraProps, LinkProps } from "./types.js";
+import { _default } from "./link.vue.js";
+export { _default as Link, type LinkBaseProps, type LinkExtraProps, type LinkProps };

package/dist/components/link/index.js

@@ -0,0 +1 @@
+import e from"./link.js";export{e as Link};

package/dist/components/link/link.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as t,createBlock as n,defineComponent as r,mergeProps as i,openBlock as a,renderSlot as o,resolveComponent as s,resolveDynamicComponent as c,unref as l,useAttrs as u,withCtx as d}from"vue";const f=r({name:`Link`,inheritAttrs:!1,__name:`link`,props:{to:{},replace:{type:Boolean,default:void 0},href:{},disabled:{type:Boolean,default:void 0},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean,default:void 0},ariaCurrentValue:{},viewTransition:{type:Boolean,default:void 0},target:{},rel:{default:`noopener noreferrer`},noRel:{type:Boolean,default:void 0},prefetch:{type:Boolean,default:void 0},prefetchOn:{},noPrefetch:{type:Boolean,default:void 0},trailingSlash:{},asChild:{type:Boolean},as:{default:`a`}},setup(r){let f=r,p=u(),m=s(`RouterLink`),h=typeof m==`string`?null:m,g=t(()=>!!(f.external||f.disabled||typeof f.to==`string`&&f.to.startsWith(`http`)||!f.to)),_=t(()=>g.value||!h),v=t(()=>f.target?f.target:g.value?`_blank`:`_self`),y=t(()=>{let{as:e,asChild:t,href:n,to:r,...i}=f,a=typeof f.to==`string`&&f.to||f.href,o={};return g.value||(o.to=f.to),g.value&&a&&(o.href=a),Object.assign(o,{...i,target:v.value,"data-disabled":f.disabled?``:void 0,"aria-disabled":f.disabled?`true`:void 0,role:f.disabled?`link`:void 0,tabindex:f.disabled?`-1`:f.tabindex,...p}),o}),b=e=>{f.disabled&&(e.preventDefault(),e.stopPropagation())};return(t,s)=>_.value?(a(),n(l(e),i({key:0},y.value,{as:r.as,"as-child":r.asChild,"data-soybean-link":``,"data-link":``,onClick:b}),{default:d(()=>[o(t.$slots,`default`,{isHref:!0})]),_:3},16,[`as`,`as-child`])):(a(),n(c(l(h)),i({key:1},y.value,{"data-soybean-link":``,"data-link":``,onClick:b}),{default:d(e=>[o(t.$slots,`default`,{isHref:!1,isActive:e?.isActive,isExactActive:e?.isExactActive})]),_:3},16))}});export{f as default};

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

@@ -0,0 +1,31 @@
+import { AsTag } from "../primitive/types.js";
+import { LinkProps } from "./types.js";
+//#region src/components/link/link.vue.d.ts
+type Slots = {
+  default: (args: {
+    isHref: boolean;
+    isActive?: boolean;
+    isExactActive?: boolean;
+  }) => any;
+};
+type __VLS_Slots = Slots;
+declare const __VLS_base: import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+  disabled: boolean;
+  as: AsTag | import("vue").Component;
+  replace: boolean;
+  external: boolean;
+  viewTransition: boolean;
+  rel: "noopener" | "noreferrer" | "nofollow" | "sponsored" | "ugc" | (string & {}) | null;
+  noRel: boolean;
+  prefetch: boolean;
+  noPrefetch: boolean;
+}, {}, {}, {}, string, import("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 };