import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js"; import "../_util/hooks/index.js"; import { Breakpoint } from "../_util/responsiveObserver.js"; import { CSSProperties, Ref, SlotsType } from "vue"; //#region src/layout/Sider.d.ts interface SiderContextProps { siderCollapsed?: Ref; } declare function useSiderCtx(): SiderContextProps; type CollapseType = 'clickTrigger' | 'responsive'; type SiderTheme = 'light' | 'dark'; interface SiderSemanticClassNames { root?: string; body?: string; } interface SiderSemanticStyles { root?: CSSProperties; body?: CSSProperties; } type SiderClassNamesType = SemanticClassNamesType; type SiderStylesType = SemanticStylesType; interface SiderProps extends SiderEmitsProps { prefixCls?: string; collapsible?: boolean; collapsed?: boolean; defaultCollapsed?: boolean; reverseArrow?: boolean; zeroWidthTriggerStyle?: CSSProperties; width?: number | string; collapsedWidth?: number | string; breakpoint?: Breakpoint; theme?: SiderTheme; classes?: SiderClassNamesType; styles?: SiderStylesType; } interface SiderEmits { 'collapse': (collapsed: boolean, type: CollapseType) => void; 'update:collapsed': (collapsed: boolean) => void; 'breakpoint': (broken: boolean) => void; } interface SiderEmitsProps { onCollapse?: SiderEmits['collapse']; 'onUpdate:collapsed'?: SiderEmits['update:collapsed']; onBreakpoint?: SiderEmits['breakpoint']; } interface SiderSlots { trigger: () => any; default: () => any; } interface SiderState { collapsed?: boolean; below: boolean; } declare const Sider: import("vue").DefineSetupFnComponent, SiderProps, import("vue").PublicProps>; //#endregion export { CollapseType, SiderClassNamesType, SiderContextProps, SiderEmits, SiderEmitsProps, SiderProps, SiderSemanticClassNames, SiderSemanticStyles, SiderSlots, SiderState, SiderStylesType, SiderTheme, Sider as default, useSiderCtx };