Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@oku-ui/toolbar

Package Overview
Dependencies
Maintainers
2
Versions
16
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@oku-ui/toolbar - npm Package Compare versions

Comparing version 0.6.0 to 0.6.1

dist/toolbar.d.ts

596

dist/index.d.ts

@@ -1,584 +0,12 @@

import * as vue from 'vue';
import { PropType } from 'vue';
import * as _oku_ui_provide from '@oku-ui/provide';
import { OkuElement, PrimitiveProps } from '@oku-ui/primitive';
import { RovingFocusGroupProps } from '@oku-ui/roving-focus';
import { SeparatorNativeElement, SeparatorElement, SeparatorProps } from '@oku-ui/separator';
import { ToggleGroupSingleProps, ToggleGroupMultipleProps, ToggleGroupItemProps } from '@oku-ui/toggle-group';
type ToolbarNaviteElement = OkuElement<'div'>;
type ToolbarElement = HTMLDivElement;
interface ToolbarProps extends PrimitiveProps {
orientation?: RovingFocusGroupProps['orientation'];
loop?: RovingFocusGroupProps['loop'];
dir?: RovingFocusGroupProps['dir'];
}
declare const OkuToolbar: {
new (...args: any[]): vue.CreateComponentPublicInstance<Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
asChild: BooleanConstructor;
orientation: {
type: PropType<"horizontal" | "vertical" | undefined>;
default: string;
};
loop: {
type: PropType<boolean | undefined>;
default: boolean;
};
dir: {
type: PropType<("ltr" | "rtl") | undefined>;
default: undefined;
};
}>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
asChild: BooleanConstructor;
orientation: {
type: PropType<"horizontal" | "vertical" | undefined>;
default: string;
};
loop: {
type: PropType<boolean | undefined>;
default: boolean;
};
dir: {
type: PropType<("ltr" | "rtl") | undefined>;
default: undefined;
};
}>>, {
orientation: "horizontal" | "vertical" | undefined;
dir: ("ltr" | "rtl") | undefined;
loop: boolean | undefined;
asChild: boolean;
}, true, {}, {}, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
asChild: BooleanConstructor;
orientation: {
type: PropType<"horizontal" | "vertical" | undefined>;
default: string;
};
loop: {
type: PropType<boolean | undefined>;
default: boolean;
};
dir: {
type: PropType<("ltr" | "rtl") | undefined>;
default: undefined;
};
}>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
orientation: "horizontal" | "vertical" | undefined;
dir: ("ltr" | "rtl") | undefined;
loop: boolean | undefined;
asChild: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
asChild: BooleanConstructor;
orientation: {
type: PropType<"horizontal" | "vertical" | undefined>;
default: string;
};
loop: {
type: PropType<boolean | undefined>;
default: boolean;
};
dir: {
type: PropType<("ltr" | "rtl") | undefined>;
default: undefined;
};
}>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {
orientation: "horizontal" | "vertical" | undefined;
dir: ("ltr" | "rtl") | undefined;
loop: boolean | undefined;
asChild: boolean;
}, {}, string, {}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
$props: ToolbarNaviteElement;
});
type ToolbarButtonNaviteElement = OkuElement<'button'>;
type ToolbarButtonElement = HTMLButtonElement;
interface ToolbarButtonProps extends PrimitiveProps {
disabled?: boolean;
}
declare const toolbarButtonProps: {
props: {
asChild: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: undefined;
};
};
};
declare const OkuToolbarButton: {
new (...args: any[]): vue.CreateComponentPublicInstance<Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: vue.PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
asChild: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: undefined;
};
}>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: vue.PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
asChild: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: undefined;
};
}>>, {
asChild: boolean;
disabled: boolean;
}, true, {}, {}, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: vue.PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
asChild: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: undefined;
};
}>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
asChild: boolean;
disabled: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: vue.PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
asChild: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: undefined;
};
}>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {
asChild: boolean;
disabled: boolean;
}, {}, string, {}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
$props: ToolbarButtonNaviteElement;
});
type ToolbarLinkNaviteElement = OkuElement<'a'>;
type ToolbarLinkElement = HTMLAnchorElement;
interface ToolbarLinkProps extends PrimitiveProps {
}
declare const toolbarLinkProps: {
props: {
asChild: BooleanConstructor;
};
emits: {
keydown: (e: KeyboardEvent) => boolean;
};
};
type ToolbarLinkEmits = {
'keydown': [event: KeyboardEvent];
};
declare const OkuToolbarLink: {
new (...args: any[]): vue.CreateComponentPublicInstance<Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: vue.PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
asChild: BooleanConstructor;
}>> & {
onKeydown?: ((e: KeyboardEvent) => any) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
keydown: (e: KeyboardEvent) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: vue.PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
asChild: BooleanConstructor;
}>> & {
onKeydown?: ((e: KeyboardEvent) => any) | undefined;
}, {
asChild: boolean;
}, true, {}, {}, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: vue.PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
asChild: BooleanConstructor;
}>> & {
onKeydown?: ((e: KeyboardEvent) => any) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
asChild: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: vue.PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
asChild: BooleanConstructor;
}>> & {
onKeydown?: ((e: KeyboardEvent) => any) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
keydown: (e: KeyboardEvent) => boolean;
}, string, {
asChild: boolean;
}, {}, string, {}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
$props: ToolbarLinkNaviteElement;
});
type ToolbarSeparatorNaviteElement = SeparatorNativeElement;
type ToolbarSeparatorElement = SeparatorElement;
interface ToolbarSeparatorProps extends SeparatorProps {
}
declare const OkuToolbarSeparator: {
new (...args: any[]): vue.CreateComponentPublicInstance<Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: vue.PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
asChild: BooleanConstructor;
orientation: {
type: vue.PropType<"horizontal" | "vertical" | undefined>;
default: string;
validator: (value: string) => boolean;
};
decorative: {
type: vue.PropType<boolean | undefined>;
};
}>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: vue.PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
asChild: BooleanConstructor;
orientation: {
type: vue.PropType<"horizontal" | "vertical" | undefined>;
default: string;
validator: (value: string) => boolean;
};
decorative: {
type: vue.PropType<boolean | undefined>;
};
}>>, {
orientation: "horizontal" | "vertical" | undefined;
asChild: boolean;
}, true, {}, {}, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: vue.PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
asChild: BooleanConstructor;
orientation: {
type: vue.PropType<"horizontal" | "vertical" | undefined>;
default: string;
validator: (value: string) => boolean;
};
decorative: {
type: vue.PropType<boolean | undefined>;
};
}>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
orientation: "horizontal" | "vertical" | undefined;
asChild: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: vue.PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
asChild: BooleanConstructor;
orientation: {
type: vue.PropType<"horizontal" | "vertical" | undefined>;
default: string;
validator: (value: string) => boolean;
};
decorative: {
type: vue.PropType<boolean | undefined>;
};
}>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {
orientation: "horizontal" | "vertical" | undefined;
asChild: boolean;
}, {}, string, {}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
$props: ToolbarSeparatorNaviteElement;
});
type ToolbarToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;
declare const toolbarToggleGroupProps: {
props: {
type: {
type: vue.PropType<"single" | "multiple">;
required: boolean;
};
asChild: BooleanConstructor;
};
emits: {};
};
declare const OkuToolbarToggleGroup: {
new (...args: any[]): vue.CreateComponentPublicInstance<Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: vue.PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
type: {
type: vue.PropType<"single" | "multiple">;
required: boolean;
};
asChild: BooleanConstructor;
}>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: vue.PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
type: {
type: vue.PropType<"single" | "multiple">;
required: boolean;
};
asChild: BooleanConstructor;
}>>, {
asChild: boolean;
}, true, {}, {}, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: vue.PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
type: {
type: vue.PropType<"single" | "multiple">;
required: boolean;
};
asChild: BooleanConstructor;
}>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
asChild: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: vue.PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
type: {
type: vue.PropType<"single" | "multiple">;
required: boolean;
};
asChild: BooleanConstructor;
}>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {
asChild: boolean;
}, {}, string, {}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
$props: ToolbarToggleGroupProps;
});
type ToolbarToggleItemNaviteElement = OkuElement<'div'>;
interface ToolbarToggleItemProps extends ToggleGroupItemProps {
}
declare const toolbarToggleItemProps: {
props: {
disabled: {
type: vue.PropType<boolean | undefined>;
default: boolean;
};
value: {
type: vue.PropType<string>;
};
modelValue: {
type: vue.PropType<boolean | undefined>;
default: undefined;
};
asChild: BooleanConstructor;
};
emits: {
click: (event: MouseEvent) => boolean;
'update:modelValue': (pressed: boolean) => boolean;
};
};
declare const OkuToolbarToggleItem: {
new (...args: any[]): vue.CreateComponentPublicInstance<Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: vue.PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
disabled: {
type: vue.PropType<boolean | undefined>;
default: boolean;
};
value: {
type: vue.PropType<string>;
};
modelValue: {
type: vue.PropType<boolean | undefined>;
default: undefined;
};
asChild: BooleanConstructor;
}>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: vue.PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
disabled: {
type: vue.PropType<boolean | undefined>;
default: boolean;
};
value: {
type: vue.PropType<string>;
};
modelValue: {
type: vue.PropType<boolean | undefined>;
default: undefined;
};
asChild: BooleanConstructor;
}>>, {
asChild: boolean;
disabled: boolean | undefined;
modelValue: boolean | undefined;
}, true, {}, {}, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: vue.PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
disabled: {
type: vue.PropType<boolean | undefined>;
default: boolean;
};
value: {
type: vue.PropType<string>;
};
modelValue: {
type: vue.PropType<boolean | undefined>;
default: undefined;
};
asChild: BooleanConstructor;
}>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
asChild: boolean;
disabled: boolean | undefined;
modelValue: boolean | undefined;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
scopeOkuToolbar: {
type: vue.PropType<_oku_ui_provide.Scope<any>>;
required: boolean;
};
disabled: {
type: vue.PropType<boolean | undefined>;
default: boolean;
};
value: {
type: vue.PropType<string>;
};
modelValue: {
type: vue.PropType<boolean | undefined>;
default: undefined;
};
asChild: BooleanConstructor;
}>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {
asChild: boolean;
disabled: boolean | undefined;
modelValue: boolean | undefined;
}, {}, string, {}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
$props: ToolbarToggleItemNaviteElement;
});
export { OkuToolbar, OkuToolbarButton, OkuToolbarLink, OkuToolbarSeparator, OkuToolbarToggleGroup, OkuToolbarToggleItem, type ToolbarButtonElement, type ToolbarButtonNaviteElement, type ToolbarButtonProps, type ToolbarElement, type ToolbarLinkElement, type ToolbarLinkEmits, type ToolbarLinkProps, type ToolbarNaviteElement, type ToolbarProps, type ToolbarSeparatorElement, type ToolbarSeparatorNaviteElement, type ToolbarSeparatorProps, type ToolbarToggleGroupProps, type ToolbarToggleItemNaviteElement, type ToolbarToggleItemProps, toolbarButtonProps, toolbarLinkProps, toolbarToggleGroupProps, toolbarToggleItemProps };
export { OkuToolbar, } from './toolbar';
export type { ToolbarProps, ToolbarElement, ToolbarNaviteElement, } from './toolbar';
export { OkuToolbarButton, toolbarButtonProps, } from './toolbarButton';
export type { ToolbarButtonElement, ToolbarButtonNaviteElement, ToolbarButtonProps, } from './toolbarButton';
export { OkuToolbarLink, toolbarLinkProps, } from './toolbarLink';
export type { ToolbarLinkElement, ToolbarLinkProps, ToolbarLinkEmits, } from './toolbarLink';
export { OkuToolbarSeparator, } from './toolbarSeparator';
export type { ToolbarSeparatorNaviteElement, ToolbarSeparatorElement, ToolbarSeparatorProps, } from './toolbarSeparator';
export { OkuToolbarToggleGroup, toolbarToggleGroupProps, } from './toolbarToggleGroup';
export type { ToolbarToggleGroupProps, } from './toolbarToggleGroup';
export { OkuToolbarToggleItem, toolbarToggleItemProps, } from './toolbarToggleItem';
export type { ToolbarToggleItemNaviteElement, ToolbarToggleItemProps, } from './toolbarToggleItem';
{
"name": "@oku-ui/toolbar",
"type": "module",
"version": "0.6.0",
"version": "0.6.1",
"license": "MIT",

@@ -54,4 +54,6 @@ "source": "src/index.ts",

"release": "pnpm build && pnpm bumpp --commit='version(toolbar): release %s' --no-tag && pnpm publish",
"release:beta": "pnpm release --tag beta",
"release:alpha": "pnpm release --tag alpha",
"clean": "rimraf ./dist && rimraf ./node_modules"
}
}

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc