@human-synthesis/norns-ui 0.0.2 → 0.0.5

package/src/types/ToastProvider.d.ts

@@ -0,0 +1,15 @@
+import type { Component } from 'svelte';
+
+export type ToastVariant = 'info' | 'success' | 'warning' | 'error';
+
+export type ToastProviderProps = {
+	class?: string;
+};
+
+export type ToastOpts = {
+	variant?: ToastVariant;
+	duration?: number;
+};
+
+declare const ToastProvider: Component<ToastProviderProps>;
+export default ToastProvider;

package/src/types/ToggleButton.d.ts

@@ -0,0 +1,15 @@
+import type { Component, Snippet } from 'svelte';
+
+export type ToggleButtonProps = {
+	pressed?: boolean;
+	disabled?: boolean;
+	icon?: string;
+	variant?: 'default' | 'outline';
+	size?: 'sm' | 'md' | 'lg';
+	onpressedchange?: (pressed: boolean) => void;
+	children?: Snippet;
+	class?: string;
+};
+
+declare const ToggleButton: Component<ToggleButtonProps>;
+export default ToggleButton;

package/src/types/ToggleButtonGroup.d.ts

@@ -0,0 +1,20 @@
+import type { Component } from 'svelte';
+
+export type ToggleGroupItem = {
+	value: string;
+	label?: string;
+	icon?: string;
+	iconOnly?: boolean;
+	disabled?: boolean;
+};
+
+export type ToggleButtonGroupProps = {
+	items?: ToggleGroupItem[];
+	value?: string | string[];
+	multiple?: boolean;
+	disabled?: boolean;
+	class?: string;
+};
+
+declare const ToggleButtonGroup: Component<ToggleButtonGroupProps>;
+export default ToggleButtonGroup;

package/src/types/Toolbar.d.ts

@@ -0,0 +1,12 @@
+import type { Component, Snippet } from 'svelte';
+
+export type ToolbarProps = {
+	orientation?: 'horizontal' | 'vertical';
+	/** Accessible label, used as aria-label. */
+	label?: string;
+	children?: Snippet;
+	class?: string;
+};
+
+declare const Toolbar: Component<ToolbarProps>;
+export default Toolbar;

package/src/types/Tooltip.d.ts

@@ -0,0 +1,15 @@
+import type { Component, Snippet } from 'svelte';
+
+export type TooltipProps = {
+	content?: string;
+	side?: 'top' | 'right' | 'bottom' | 'left';
+	sideOffset?: number;
+	delay?: number;
+	trigger?: Snippet;
+	children?: Snippet;
+	triggerClass?: string;
+	class?: string;
+};
+
+declare const Tooltip: Component<TooltipProps>;
+export default Tooltip;

package/src/types/Tree.d.ts

@@ -0,0 +1,20 @@
+import type { Component } from 'svelte';
+
+export type TreeNode = {
+	id: string | number;
+	label: string;
+	icon?: string;
+	children?: TreeNode[];
+};
+
+export type TreeProps = {
+	items?: TreeNode[];
+	/** Array of node ids that are expanded. Bindable. */
+	expanded?: (string | number)[];
+	/** Currently-selected node id. Bindable. */
+	selected?: string | number;
+	class?: string;
+};
+
+declare const Tree: Component<TreeProps>;
+export default Tree;

package/src/types/Uploader.d.ts

@@ -0,0 +1,15 @@
+import type { Component } from 'svelte';
+
+export type UploaderProps = {
+	files?: File[];
+	multiple?: boolean;
+	accept?: string;
+	disabled?: boolean;
+	placeholder?: string;
+	helper?: string;
+	onchange?: (files: File[]) => void;
+	class?: string;
+};
+
+declare const Uploader: Component<UploaderProps>;
+export default Uploader;

package/src/types/Video.d.ts

@@ -0,0 +1,20 @@
+import type { Component } from 'svelte';
+
+export type VideoSource = { src: string; type?: string };
+
+export type VideoProps = {
+	src?: string;
+	sources?: VideoSource[];
+	controls?: boolean;
+	autoplay?: boolean;
+	loop?: boolean;
+	muted?: boolean;
+	playsinline?: boolean;
+	preload?: 'none' | 'metadata' | 'auto';
+	poster?: string;
+	fallback?: string;
+	class?: string;
+};
+
+declare const Video: Component<VideoProps>;
+export default Video;