fuma 2.0.49 → 2.1.0

package/dist/ui/input/action.js

@@ -1,56 +0,0 @@
-import { get } from 'svelte/store';
-import debounce from 'debounce';
-import { urlParam } from '../../store/param.js';
-import { goto } from '$app/navigation';
-export function bindValueWithParams(node, { bindEnable = false, debounceTime = 200, initValue = (initalValue) => (node.value = initalValue), listenerType = 'input' }) {
-    const { name } = node;
-    if (!name || !bindEnable)
-        return;
-    const importValueFromParams = () => {
-        const _urlParam = get(urlParam);
-        const value = _urlParam.get(name);
-        if (value)
-            return initValue(value);
-    };
-    const handleInput = debounce(async () => {
-        const _urlParam = get(urlParam);
-        const newUrl = node.value
-            ? _urlParam.with({ [name]: node.value }, 'skip', 'take')
-            : _urlParam.without(name, 'skip', 'take');
-        await goto(newUrl, { replaceState: true, keepFocus: true, noScroll: true });
-    }, debounceTime);
-    importValueFromParams();
-    node.addEventListener(listenerType, handleInput);
-    return {
-        destroy() {
-            node.removeEventListener(listenerType, handleInput);
-        }
-    };
-}
-export function bindCheckedWithParams(node, { bindEnable = false, listenerType = 'input', debounceTime = 0, initValue = (initalValue) => (node.checked = node.value === initalValue) }) {
-    const { name } = node;
-    if (!name || !bindEnable)
-        return;
-    const importValueFromParams = () => {
-        const _urlParam = get(urlParam);
-        if (!_urlParam.has(name))
-            return;
-        const paramValue = _urlParam.get(name);
-        if (paramValue)
-            initValue(paramValue);
-    };
-    const handleInput = debounce(async () => {
-        const _urlParam = get(urlParam);
-        const newUrl = node.checked
-            ? _urlParam.with({ [name]: node.value }, 'skip', 'take')
-            : _urlParam.without(name, 'skip', 'take');
-        await goto(newUrl, { replaceState: true, keepFocus: true, noScroll: true });
-    }, debounceTime);
-    importValueFromParams();
-    node.addEventListener(listenerType, handleInput);
-    return {
-        destroy: () => {
-            node.removeEventListener(listenerType, handleInput);
-        }
-    };
-}

package/dist/ui/input/index.d.ts

@@ -1,26 +0,0 @@
-export * from './types.js';
-export * from './action.js';
-export * from './textRich/index.js';
-export { default as FormControl } from './FormControl.svelte';
-export { default as InputText } from './InputText.svelte';
-export { default as InputPassword } from './InputPassword.svelte';
-export { default as InputTextarea } from './InputTextarea.svelte';
-export { default as InputRelations } from './InputRelations.svelte';
-export { default as InputRelation } from './InputRelation.svelte';
-export { default as InputDate } from './InputDate.svelte';
-export { default as InputDateTime } from './InputDateTime.svelte';
-export { default as InputTime } from './InputTime.svelte';
-export { default as InputNumber } from './InputNumber.svelte';
-export { default as InputBoolean } from './InputBoolean.svelte';
-export { default as InputRadio } from './InputRadio.svelte';
-export { default as InputOptionInParam } from './InputOptionInParam.svelte';
-export { default as InputCheckboxs } from './InputCheckboxs.svelte';
-export { default as InputCheckboxsMenu } from './InputCheckboxsMenu.svelte';
-export { default as InputCheckboxsTree } from './InputCheckboxsTree.svelte';
-export { default as InputSelect } from './InputSelect.svelte';
-export { default as InputOptions } from './InputOptions.svelte';
-export { default as InputSearch } from './InputSearch.svelte';
-export { default as InputImage, type Crop } from './InputImage.svelte';
-export { default as InputImagePreview } from './InputImagePreview.svelte';
-export { default as InputCombo } from './InputCombo.svelte';
-export { default as SelectorList } from './SelectorList.svelte';

package/dist/ui/input/index.js

@@ -1,26 +0,0 @@
-export * from './types.js';
-export * from './action.js';
-export * from './textRich/index.js';
-export { default as FormControl } from './FormControl.svelte';
-export { default as InputText } from './InputText.svelte';
-export { default as InputPassword } from './InputPassword.svelte';
-export { default as InputTextarea } from './InputTextarea.svelte';
-export { default as InputRelations } from './InputRelations.svelte';
-export { default as InputRelation } from './InputRelation.svelte';
-export { default as InputDate } from './InputDate.svelte';
-export { default as InputDateTime } from './InputDateTime.svelte';
-export { default as InputTime } from './InputTime.svelte';
-export { default as InputNumber } from './InputNumber.svelte';
-export { default as InputBoolean } from './InputBoolean.svelte';
-export { default as InputRadio } from './InputRadio.svelte';
-export { default as InputOptionInParam } from './InputOptionInParam.svelte';
-export { default as InputCheckboxs } from './InputCheckboxs.svelte';
-export { default as InputCheckboxsMenu } from './InputCheckboxsMenu.svelte';
-export { default as InputCheckboxsTree } from './InputCheckboxsTree.svelte';
-export { default as InputSelect } from './InputSelect.svelte';
-export { default as InputOptions } from './InputOptions.svelte';
-export { default as InputSearch } from './InputSearch.svelte';
-export { default as InputImage } from './InputImage.svelte';
-export { default as InputImagePreview } from './InputImagePreview.svelte';
-export { default as InputCombo } from './InputCombo.svelte';
-export { default as SelectorList } from './SelectorList.svelte';

package/dist/ui/input/textRich/InputTextRich.svelte

@@ -1,72 +0,0 @@
-<script lang="ts">
-	import { createEventDispatcher, onMount, type ComponentProps } from 'svelte'
-	import { Editor } from '@tiptap/core'
-	import debounce from 'debounce'
-
-	import { jsonParse } from '../../../utils/jsonParse.js'
-	import { FormControl } from '../index.js'
-	import ToolsBar from './ToolsBar.svelte'
-	import { extensions } from './extensions.js'
-
-	type $$Props = ComponentProps<FormControl> & { value?: string; classToolbar?: string }
-
-	export let value = ''
-	export let classToolbar = ''
-
-	let element: HTMLDivElement
-	let editor: Editor | null = null
-
-	const dispatch = createEventDispatcher<{ change: void }>()
-
-	onMount(() => {
-		initEditor()
-		return () => {
-			if (editor) editor.destroy()
-		}
-	})
-
-	export function setImage(image: { src: string; alt: string }) {
-		if (!editor) return false
-		return editor.commands.setImage(image)
-	}
-
-	function initEditor() {
-		const valueAsHtml = !value.startsWith('{') && value !== 'null'
-		editor = new Editor({
-			element,
-			content: valueAsHtml ? value : jsonParse(value, undefined),
-			editorProps: {
-				attributes: {
-					class: 'prose max-w-[210mm] mx-auto focus:outline-none'
-				}
-			},
-			extensions,
-			onTransaction() {
-				editor = editor
-				updateValue()
-			}
-		})
-	}
-
-	const updateValue = debounce(() => {
-		if (!editor) return
-		const newValue = JSON.stringify(editor.getJSON())
-		if (newValue === value) return
-		value = newValue
-		dispatch('change')
-	}, 120)
-</script>
-
-<FormControl {...$$restProps}>
-	{#snippet children({ key })}
-		<div class="bordered relative rounded-lg border">
-			{#if editor}
-				<ToolsBar {editor} class={classToolbar} />
-			{/if}
-			<div bind:this={element} class="min-h-80 p-4 pb-10"></div>
-		</div>
-		{#if key}
-			<input type="hidden" name={key} {value} />
-		{/if}
-	{/snippet}
-</FormControl>

package/dist/ui/input/textRich/InputTextRich.svelte.d.ts

@@ -1,48 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const InputTextRich: $$__sveltets_2_IsomorphicComponent<{
-    setImage?: (image: {
-        src: string;
-        alt: string;
-    }) => boolean;
-} & {
-    class?: string;
-    classLabel?: string;
-    key?: string;
-    label?: import("svelte").Snippet | string;
-    labelAppend?: import("svelte").Snippet | null;
-    error?: string;
-    hint?: string;
-    prefix?: string | number;
-    prefixFor?: string | number;
-    enhanceDisabled?: boolean;
-    labelPosition?: "top" | "left" | "right";
-    children?: import("svelte").Snippet<[{
-        key: string;
-    }]> | undefined;
-} & {
-    value?: string;
-    classToolbar?: string;
-}, {
-    change: CustomEvent<void>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {
-    setImage: (image: {
-        src: string;
-        alt: string;
-    }) => boolean;
-}, string>;
-type InputTextRich = InstanceType<typeof InputTextRich>;
-export default InputTextRich;

package/dist/ui/input/textRich/SuggesionList.svelte

@@ -1,25 +0,0 @@
-<script lang="ts">
-	import type { SuggestionProps } from '@tiptap/suggestion'
-	import { SelectorList } from '../index.js'
-	import type { SuggestionItem } from './suggestion.js'
-
-	export let props: SuggestionProps<SuggestionItem>
-	export let keyDownEvent: KeyboardEvent | undefined = undefined
-
-	function handleSelect(index: number) {
-		const item = props.items[index]
-		if (!item) return
-		props.command(item)
-	}
-</script>
-
-<SelectorList
-	items={props.items}
-	{keyDownEvent}
-	keyDownPreventDefault={false}
-	let:item
-	on:select={(event) => handleSelect(event.detail)}
-	class=" max-h-64 overflow-auto"
->
-	<span>{item.label}</span>
-</SelectorList>

package/dist/ui/input/textRich/SuggesionList.svelte.d.ts

@@ -1,23 +0,0 @@
-import type { SuggestionProps } from '@tiptap/suggestion';
-import type { SuggestionItem } from './suggestion.js';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const SuggesionList: $$__sveltets_2_IsomorphicComponent<{
-    props: SuggestionProps<SuggestionItem>;
-    keyDownEvent?: KeyboardEvent | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type SuggesionList = InstanceType<typeof SuggesionList>;
-export default SuggesionList;

package/dist/ui/input/textRich/ToolMark.svelte

@@ -1,22 +0,0 @@
-<script lang="ts">
-	import type { Editor } from '@tiptap/core'
-	import { Icon } from '../../icon/index.js'
-	import { tip } from '../../../action/tip.js'
-
-	export let editor: Editor
-	export let key: string
-	export let label: string
-	export let icon: string
-	export let action: () => void
-
-	$: isActive = editor.isActive(key)
-</script>
-
-<button
-	type="button"
-	use:tip={{ content: label, arrow: true }}
-	class="menu-item {isActive ? 'bg-base-200/60' : ''}"
-	on:click={action}
->
-	<Icon path={icon} size={19} class={isActive ? 'opacity-90' : 'opacity-60'} />
-</button>

package/dist/ui/input/textRich/ToolMark.svelte.d.ts

@@ -1,25 +0,0 @@
-import type { Editor } from '@tiptap/core';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ToolMark: $$__sveltets_2_IsomorphicComponent<{
-    editor: Editor;
-    key: string;
-    label: string;
-    icon: string;
-    action: () => void;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ToolMark = InstanceType<typeof ToolMark>;
-export default ToolMark;

package/dist/ui/input/textRich/ToolMarkColor.svelte

@@ -1,36 +0,0 @@
-<script lang="ts">
-	import { Icon } from '../../icon/index.js'
-	import { tip } from '../../../action/tip.js'
-
-	export let icon: string
-	export let label: string
-	export let color: string
-	export let setColor: (color: string) => void
-
-	let inputColor: HTMLInputElement
-
-	function handleClick() {
-		inputColor.click()
-		setColor(color)
-	}
-</script>
-
-<div class="flex align-bottom">
-	<input
-		type="color"
-		tabindex="-1"
-		bind:value={color}
-		class="h-0 w-0 translate-y-8 border-none opacity-0 outline-none"
-		bind:this={inputColor}
-		on:input={() => setColor(color)}
-	/>
-	<button type="button" class="menu-item gap-2" on:click={handleClick} use:tip={{ content: label }}>
-		<div class="indicator">
-			<span
-				class="badge indicator-item badge-xs scale-75 border transition-none"
-				style:background={color}
-			></span>
-			<Icon path={icon} size={19} class="opacity-70" />
-		</div>
-	</button>
-</div>

package/dist/ui/input/textRich/ToolMarkColor.svelte.d.ts

@@ -1,23 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ToolMarkColor: $$__sveltets_2_IsomorphicComponent<{
-    icon: string;
-    label: string;
-    color: string;
-    setColor: (color: string) => void;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ToolMarkColor = InstanceType<typeof ToolMarkColor>;
-export default ToolMarkColor;

package/dist/ui/input/textRich/ToolMarkLink.svelte

@@ -1,72 +0,0 @@
-<script lang="ts">
-	import type { Editor } from '@tiptap/core'
-	import { mdiLinkVariant } from '@mdi/js'
-
-	import { Dialog } from '../../dialog/index.js'
-	import { InputText } from '../index.js'
-	import { z } from '../../../validation/zod.js'
-	import ToolMark from './ToolMark.svelte'
-
-	export let editor: Editor
-	let dialogLink: HTMLDialogElement
-	let linkHref = ''
-	let linkError = ''
-
-	async function handleNewLink() {
-		if (!linkHref) {
-			linkError = 'URL requis'
-			return
-		}
-
-		const isEmail = z.string().email().safeParse(linkHref)
-		if (isEmail.success) linkHref = 'mailto:' + linkHref
-		else if (!linkHref.match(/^http(s)?:\/\//)) {
-			linkHref = 'https://' + linkHref
-		}
-
-		const isUrl = z.string().url().safeParse(linkHref)
-		if (!isUrl.success) {
-			linkError = 'URL invalide'
-			return
-		}
-
-		editor.chain().focus().setLink({ href: linkHref }).run()
-		dialogLink.close()
-	}
-
-	function handleRemoveLink() {
-		editor.chain().focus().unsetLink().run()
-		dialogLink.close()
-	}
-
-	function handleKeyDown(event: KeyboardEvent) {
-		if (event.key !== 'Enter') return
-		event.preventDefault()
-		handleNewLink()
-	}
-</script>
-
-<ToolMark
-	{editor}
-	key="link"
-	label="Lien"
-	icon={mdiLinkVariant}
-	action={() => {
-		const firstChild = editor.state.selection.content().content.firstChild
-		linkHref = editor.getAttributes('link').href || firstChild?.textContent || ''
-		dialogLink.showModal()
-	}}
-/>
-
-<Dialog bind:dialog={dialogLink}>
-	<h3 slot="header" class="title">Éditer un lien</h3>
-	<div class="flex flex-col gap-2">
-		<InputText bind:value={linkHref} bind:error={linkError} on:keydown={handleKeyDown} />
-		<div class="flex flex-row-reverse gap-2">
-			<button type="button" class="btn" on:click={handleNewLink}> Valider </button>
-			<button type="button" class="btn btn-ghost text-error" on:click={handleRemoveLink}>
-				Supprimer
-			</button>
-		</div>
-	</div>
-</Dialog>

package/dist/ui/input/textRich/ToolMarkLink.svelte.d.ts

@@ -1,21 +0,0 @@
-import type { Editor } from '@tiptap/core';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ToolMarkLink: $$__sveltets_2_IsomorphicComponent<{
-    editor: Editor;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ToolMarkLink = InstanceType<typeof ToolMarkLink>;
-export default ToolMarkLink;

package/dist/ui/input/textRich/ToolMenu.svelte

@@ -1,66 +0,0 @@
-<script lang="ts">
-	import type { Editor } from '@tiptap/core'
-	import { mdiChevronDown } from '@mdi/js'
-
-	import { Icon } from '../../icon/index.js'
-	import { DropDown } from '../../menu/index.js'
-
-	type Tool = {
-		key?: string
-		attributes?: {}
-		label: string
-		icon: string
-		action: () => unknown
-		newSection?: true
-		disable?: boolean
-	}
-
-	export let editor: Editor
-	export let tools: Tool[]
-	export let hideLabel = false
-
-	let dropdown: DropDown
-
-	function handleClick(tool: Tool) {
-		tool.action()
-		dropdown.hide()
-	}
-
-	$: toolSelected =
-		tools.find((t) => {
-			if (t.key) return editor.isActive(t.key, t.attributes)
-			if (t.attributes) return editor.isActive(t.attributes)
-			return false
-		}) || tools[0]
-</script>
-
-<DropDown hideOnBlur bind:this={dropdown}>
-	<button slot="activator" type="button" class="menu-item gap-2">
-		<slot name="activator">
-			<Icon path={toolSelected.icon} size={20} class="opacity-70" />
-			{#if !hideLabel}
-				<span class="text-sm font-light">{toolSelected.label}</span>
-			{/if}
-		</slot>
-		<Icon path={mdiChevronDown} size={20} class="translate-y-px opacity-70" />
-	</button>
-
-	{#each tools as tool}
-		{#if tool.newSection}
-			<hr class="my-2" />
-		{/if}
-		<button
-			disabled={tool.disable}
-			type="button"
-			class="menu-item w-full"
-			class:disabled={tool.disable}
-			class:opacity-60={tool.disable}
-			on:click={() => handleClick(tool)}
-		>
-			<Icon path={tool.icon} size={20} class="opacity-70" />
-			<span>
-				{tool.label}
-			</span>
-		</button>
-	{/each}
-</DropDown>

package/dist/ui/input/textRich/ToolMenu.svelte.d.ts

@@ -1,33 +0,0 @@
-import type { Editor } from '@tiptap/core';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ToolMenu: $$__sveltets_2_IsomorphicComponent<{
-    editor: Editor;
-    tools: {
-        key?: string;
-        attributes?: {};
-        label: string;
-        icon: string;
-        action: () => unknown;
-        newSection?: true;
-        disable?: boolean;
-    }[];
-    hideLabel?: boolean;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    activator: {};
-}, {}, string>;
-type ToolMenu = InstanceType<typeof ToolMenu>;
-export default ToolMenu;

package/dist/ui/input/textRich/ToolMenuAlign.svelte

@@ -1,50 +0,0 @@
-<script lang="ts">
-	import type { Editor } from '@tiptap/core'
-	import {
-		mdiAlignHorizontalLeft,
-		mdiAlignHorizontalCenter,
-		mdiAlignHorizontalRight,
-		mdiFormatIndentIncrease,
-		mdiFormatIndentDecrease,
-	} from '@mdi/js'
-
-	import ToolMenu from './ToolMenu.svelte'
-
-	export let editor: Editor
-</script>
-
-<ToolMenu
-	{editor}
-	hideLabel
-	tools={[
-		{
-			attributes: { textAlign: 'left' },
-			label: 'Aligner à gauche',
-			icon: mdiAlignHorizontalLeft,
-			action: () => editor.commands.setTextAlign('left'),
-		},
-		{
-			attributes: { textAlign: 'center' },
-			label: 'Aligner au centre',
-			icon: mdiAlignHorizontalCenter,
-			action: () => editor.commands.setTextAlign('center'),
-		},
-		{
-			attributes: { textAlign: 'right' },
-			label: 'Aligner à droite',
-			icon: mdiAlignHorizontalRight,
-			action: () => editor.commands.setTextAlign('right'),
-		},
-		{
-			newSection: true,
-			label: 'Retrait à droite',
-			icon: mdiFormatIndentIncrease,
-			action: () => editor.commands.indent(),
-		},
-		{
-			label: 'Retrait à droite',
-			icon: mdiFormatIndentDecrease,
-			action: () => editor.commands.outdent(),
-		},
-	]}
-/>

package/dist/ui/input/textRich/ToolMenuAlign.svelte.d.ts

@@ -1,21 +0,0 @@
-import type { Editor } from '@tiptap/core';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ToolMenuAlign: $$__sveltets_2_IsomorphicComponent<{
-    editor: Editor;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ToolMenuAlign = InstanceType<typeof ToolMenuAlign>;
-export default ToolMenuAlign;