@vuesax-alpha/nightly

export declare const VsNavbar: import("vuesax-alpha/es/utils").SFCWithInstall<import("vue").DefineComponent<{ readonly modelValue: { readonly type: import("vue").PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly color: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<StringConstructor, "primary" | "success" | "danger" | "warn" | "dark" | "text" | "light" | "secondary" | "facebook" | "twitter" | "youtube" | "pinterest" | "linkedin" | "snapchat" | "whatsapp" | "tumblr" | "reddit" | "spotify" | "amazon" | "medium" | "vimeo" | "skype" | "dribbble" | "slack" | "yahoo" | "twitch" | "discord" | "telegram" | "google-plus" | "messenger", import("../..").Color>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly fixed: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly shadow: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly shadowScroll: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly hideScroll: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly textWhite: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly square: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly paddingScroll: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly notLine: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly leftCollapsed: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly centerCollapsed: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly rightCollapsed: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly targetScroll: { readonly type: import("vue").PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; }, { props: import("@vue/shared").LooseRequired<{ readonly modelValue?: string | undefined; readonly color?: import("../..").Color | undefined; readonly fixed?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly shadow?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly square?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly textWhite?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly shadowScroll?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly hideScroll?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly paddingScroll?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly notLine?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly leftCollapsed?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly centerCollapsed?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly rightCollapsed?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly targetScroll?: string | undefined; readonly "onUpdate:modelValue"?: ((val: string) => any) | undefined; readonly onCollapsed?: ((val: unknown) => any) | undefined; } & {}>; emit: ((event: "update:modelValue", val: string) => void) & ((event: "collapsed", val: unknown) => void); ns: { namespace: import("vue").ComputedRef<string>; b: (blockSuffix?: string) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; navbarRef: import("vue").Ref<HTMLElement | undefined>; navbarLeftRef: import("vue").Ref<HTMLElement | undefined>; navbarRightRef: import("vue").Ref<HTMLElement | undefined>; navbarCenterRef: import("vue").Ref<HTMLElement | undefined>; children: Set<string>; state: { scrollTop: number; collapsedWidth: number; collapsedForced: boolean; hidden: boolean; shadowActive: boolean; paddingScrollActive: boolean; lineNotTransition: boolean; }; vsBaseClasses: string[]; navbarKls: import("vue").ComputedRef<(string | string[])[]>; navbarStyles: import("vue").ComputedRef<Record<string, string>>; scroll: () => void; handleScroll: () => void; handleResize: () => void; isLeft: import("vue").ComputedRef<boolean>; isRight: import("vue").ComputedRef<boolean>; isCenter: import("vue").ComputedRef<boolean>; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { collapsed: (val: unknown) => val is boolean; "update:modelValue": (val: string) => val is string; }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{ readonly modelValue: { readonly type: import("vue").PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly color: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<StringConstructor, "primary" | "success" | "danger" | "warn" | "dark" | "text" | "light" | "secondary" | "facebook" | "twitter" | "youtube" | "pinterest" | "linkedin" | "snapchat" | "whatsapp" | "tumblr" | "reddit" | "spotify" | "amazon" | "medium" | "vimeo" | "skype" | "dribbble" | "slack" | "yahoo" | "twitch" | "discord" | "telegram" | "google-plus" | "messenger", import("../..").Color>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly fixed: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly shadow: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly shadowScroll: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly hideScroll: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly textWhite: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly square: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly paddingScroll: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly notLine: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly leftCollapsed: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly centerCollapsed: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly rightCollapsed: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly targetScroll: { readonly type: import("vue").PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; }>> & { "onUpdate:modelValue"?: ((val: string) => any) | undefined; onCollapsed?: ((val: unknown) => any) | undefined; }, {}, {}>> & { NavbarItem: import("vue").DefineComponent<{ readonly active: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly to: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<(new (...args: any[]) => import("vue-router").RouteLocationRaw & {}) | (() => import("vue-router").RouteLocationRaw) | ((new (...args: any[]) => import("vue-router").RouteLocationRaw & {}) | (() => import("vue-router").RouteLocationRaw))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly link: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").NavLink>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly id: { readonly type: import("vue").PropType<string>; readonly required: true; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; }, { props: import("@vue/shared").LooseRequired<{ readonly id: string; readonly link?: import("vuesax-alpha/es/utils").NavLink | undefined; readonly active?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly to?: import("vuesax-alpha/es/utils").VsPropMergeType<(new (...args: any[]) => import("vue-router").RouteLocationRaw & {}) | (() => import("vue-router").RouteLocationRaw) | ((new (...args: any[]) => import("vue-router").RouteLocationRaw & {}) | (() => import("vue-router").RouteLocationRaw))[], unknown, unknown> | undefined; } & {}>; navbarRegister: import("../../tokens/navbar").NavbarRegisterContext; navbarGroupRegister: import("../../tokens/navbar").NavbarGroupRegisterContext | undefined; unregister: () => void; onClick: () => void; isActive: import("vue").ComputedRef<boolean>; navbarGroup: { unregister: () => void; } | undefined; ns: { namespace: import("vue").ComputedRef<string>; b: (blockSuffix?: string) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; handleClickItem: (router: import("vue-router").Router) => void; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{ readonly active: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly to: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<(new (...args: any[]) => import("vue-router").RouteLocationRaw & {}) | (() => import("vue-router").RouteLocationRaw) | ((new (...args: any[]) => import("vue-router").RouteLocationRaw & {}) | (() => import("vue-router").RouteLocationRaw))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly link: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").NavLink>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly id: { readonly type: import("vue").PropType<string>; readonly required: true; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; }>>, {}, {}>; NavbarGroup: import("vue").DefineComponent<{}, { modelValue: import("vue").ComputedRef<string | undefined>; ns: { namespace: import("vue").ComputedRef<string>; b: (blockSuffix?: string) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; children: Set<string>; isGroupActive: import("vue").ComputedRef<boolean>; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>; }; export default VsNavbar; export declare const VsNavbarItem: import("vuesax-alpha/es/utils").SFCWithInstall<import("vue").DefineComponent<{ readonly active: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly to: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<(new (...args: any[]) => import("vue-router").RouteLocationRaw & {}) | (() => import("vue-router").RouteLocationRaw) | ((new (...args: any[]) => import("vue-router").RouteLocationRaw & {}) | (() => import("vue-router").RouteLocationRaw))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly link: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").NavLink>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly id: { readonly type: import("vue").PropType<string>; readonly required: true; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; }, { props: import("@vue/shared").LooseRequired<{ readonly id: string; readonly link?: import("vuesax-alpha/es/utils").NavLink | undefined; readonly active?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly to?: import("vuesax-alpha/es/utils").VsPropMergeType<(new (...args: any[]) => import("vue-router").RouteLocationRaw & {}) | (() => import("vue-router").RouteLocationRaw) | ((new (...args: any[]) => import("vue-router").RouteLocationRaw & {}) | (() => import("vue-router").RouteLocationRaw))[], unknown, unknown> | undefined; } & {}>; navbarRegister: import("../../tokens/navbar").NavbarRegisterContext; navbarGroupRegister: import("../../tokens/navbar").NavbarGroupRegisterContext | undefined; unregister: () => void; onClick: () => void; isActive: import("vue").ComputedRef<boolean>; navbarGroup: { unregister: () => void; } | undefined; ns: { namespace: import("vue").ComputedRef<string>; b: (blockSuffix?: string) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; handleClickItem: (router: import("vue-router").Router) => void; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{ readonly active: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly to: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<(new (...args: any[]) => import("vue-router").RouteLocationRaw & {}) | (() => import("vue-router").RouteLocationRaw) | ((new (...args: any[]) => import("vue-router").RouteLocationRaw & {}) | (() => import("vue-router").RouteLocationRaw))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly link: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").NavLink>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly id: { readonly type: import("vue").PropType<string>; readonly required: true; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; }>>, {}, {}>>; export declare const VsNavbarGroup: import("vuesax-alpha/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, { modelValue: import("vue").ComputedRef<string | undefined>; ns: { namespace: import("vue").ComputedRef<string>; b: (blockSuffix?: string) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; children: Set<string>; isGroupActive: import("vue").ComputedRef<boolean>; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>; export * from './src/navbar-group'; export * from './src/navbar-item'; export * from './src/navbar';