windmill-components 1.82.1 → 1.82.3

package/components/apps/editor/componentsPanel/CssProperty.svelte

@@ -1,107 +1,67 @@
-<script>import { Forward, Paintbrush2 } from 'lucide-svelte';
-import { createEventDispatcher, getContext } from 'svelte';
+<script>import { X } from 'lucide-svelte';
 import { fade } from 'svelte/transition';
-import { addWhitespaceBeforeCapitals, sendUserToast } from '../../../../utils';
-import { Button, ClearableInput } from '../../../common';
-import Popover from '../../../Popover.svelte';
-import QuickStyleMenu from './QuickStyleMenu.svelte';
+import { addWhitespaceBeforeCapitals } from '../../../../utils';
 export let name;
-export let componentType = undefined;
 export let value = {};
 export let forceStyle = false;
 export let forceClass = false;
-export let quickStyleProperties = undefined;
-const { app } = getContext('AppViewerContext');
-const dispatch = createEventDispatcher();
-let isQuickMenuOpen = false;
-$: dispatch('change', value);
-function toggleQuickMenu() {
-    isQuickMenuOpen = !isQuickMenuOpen;
-}
-function applyToAllInstances() {
-    if (componentType &&
-        componentType in ($app?.css || {}) &&
-        name in ($app?.css?.[componentType] || {})) {
-        $app.css[componentType][name].style = value.style;
-        sendUserToast(`Applied style to all instances of the ${componentType.replace('component', '')} component`);
+function reset(property) {
+    if (value) {
+        value[property] = '';
     }
 }
 </script>
 
-<div
-	class="sticky top-0 z-20 text-lg bg-white font-semibold [font-variant:small-caps] text-gray-700 pt-2 pb-1"
->
+<div class="text-sm font-semibold text-gray-500 capitalize pt-2">
 	{addWhitespaceBeforeCapitals(name)}
 </div>
 {#if value}
-	<div class="border-l border-gray-400/80 py-1 pl-3.5 ml-0.5">
+	<div class="border-l border-gray-400/80 py-1 pl-3.5 mt-1 ml-0.5">
 		{#if value.style !== undefined || forceStyle}
-			<div class="pb-2">
-				<!-- svelte-ignore a11y-label-has-associated-control -->
-				<label class="block">
-					<div class="text-sm font-medium text-gray-600 pb-0.5"> Style </div>
-					<div class="flex gap-1">
-						<div class="relative grow">
-							<ClearableInput
-								bind:value={value.style}
-								type="textarea"
-								wrapperClass="h-full min-h-[72px]"
-								inputClass="h-full"
-							/>
-						</div>
-						<div class="flex flex-col gap-1">
-							{#if componentType}
-								<Popover placement="bottom" notClickable disapperTimoout={0}>
-									<Button
-										variant="border"
-										color="light"
-										size="xs"
-										btnClasses="!p-1 !w-[34px] !h-[34px]"
-										aria-label="Apply to all instances of this component"
-										on:click={applyToAllInstances}
-									>
-										<Forward size={18} />
-									</Button>
-									<svelte:fragment slot="text">
-										Apply to all instances of this component
-									</svelte:fragment>
-								</Popover>
-							{/if}
-							{#if quickStyleProperties?.length}
-								<Popover placement="bottom" notClickable disapperTimoout={0}>
-									<Button
-										variant="border"
-										color="light"
-										size="xs"
-										btnClasses="!p-1 !w-[34px] !h-[34px] {isQuickMenuOpen
-											? '!bg-gray-200/60 hover:!bg-gray-200'
-											: ''}"
-										aria-label="{isQuickMenuOpen ? 'Close' : 'Open'} styling menu"
-										on:click={toggleQuickMenu}
-									>
-										<Paintbrush2 size={18} />
-									</Button>
-									<svelte:fragment slot="text">
-										{isQuickMenuOpen ? 'Close' : 'Open'} styling menu
-									</svelte:fragment>
-								</Popover>
-							{/if}
-						</div>
-					</div>
-				</label>
-				{#if quickStyleProperties?.length && isQuickMenuOpen}
-					<div transition:fade|local={{ duration: 200 }} class="w-full pt-1">
-						<QuickStyleMenu bind:value={value.style} properties={quickStyleProperties} />
-					</div>
-				{/if}
-			</div>
+			<label class="block pb-2">
+				<div class="text-xs font-medium pb-0.5"> Style </div>
+				<div class="relative">
+					<input
+						on:keydown|stopPropagation
+						type="text"
+						class="!pr-7"
+						bind:value={value.style}
+						on:focus
+					/>
+					{#if value?.style}
+						<button
+							transition:fade|local={{ duration: 100 }}
+							class="absolute z-10 top-1.5 right-1 rounded-full p-1 duration-200 hover:bg-gray-200"
+							aria-label="Remove styles"
+							on:click|preventDefault|stopPropagation={() => reset('style')}
+						>
+							<X size={14} />
+						</button>
+					{/if}
+				</div>
+			</label>
 		{/if}
 		{#if value.class !== undefined || forceClass}
-			<!-- svelte-ignore a11y-label-has-associated-control -->
 			<label class="block">
-				<div class="text-sm font-medium text-gray-600 pb-0.5"> Tailwind classes </div>
+				<div class="text-xs font-medium pb-0.5"> Tailwind classes </div>
 				<div class="relative">
-					<ClearableInput bind:value={value.class} />
+					<input
+						on:keydown|stopPropagation
+						type="text"
+						class="!pr-7"
+						bind:value={value.class}
+						on:focus
+					/>
+					{#if value?.class}
+						<button
+							transition:fade|local={{ duration: 100 }}
+							class="absolute z-10 top-1.5 right-1 rounded-full p-1 duration-200 hover:bg-gray-200"
+							aria-label="Remove classes"
+							on:click|preventDefault|stopPropagation={() => reset('class')}
+						>
+							<X size={14} />
+						</button>
+					{/if}
 				</div>
 			</label>
 		{/if}

package/components/apps/editor/componentsPanel/CssProperty.svelte.d.ts

@@ -1,18 +1,15 @@
 import { SvelteComponentTyped } from "svelte";
 import type { ComponentCssProperty } from '../../types';
-import type { AppComponent } from '../component/components';
-import type { StylePropertyKey } from './quickStyleProperties';
 declare const __propDef: {
     props: {
         name: string;
-        componentType?: AppComponent['type'] | undefined;
         value?: ComponentCssProperty | undefined;
         forceStyle?: boolean | undefined;
         forceClass?: boolean | undefined;
-        quickStyleProperties?: StylePropertyKey[] | undefined;
     };
     events: {
-        change: CustomEvent<any>;
+        keydown: KeyboardEvent;
+        focus: FocusEvent;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/components/apps/editor/settingsPanel/ComponentPanel.svelte

@@ -1,5 +1,5 @@
 <script>import Button from '../../../common/button/Button.svelte';
-import { faChevronRight } from '@fortawesome/free-solid-svg-icons';
+import { faChevronDown, faChevronUp } from '@fortawesome/free-solid-svg-icons';
 import { getContext } from 'svelte';
 import PanelSection from './common/PanelSection.svelte';
 import InputsSpecsEditor from './InputsSpecsEditor.svelte';
@@ -7,7 +7,7 @@ import TableActions from './TableActions.svelte';
 import StaticInputEditor from './inputEditor/StaticInputEditor.svelte';
 import ConnectedInputEditor from './inputEditor/ConnectedInputEditor.svelte';
 import Badge from '../../../common/badge/Badge.svelte';
-import { capitalize, classNames, getModifierKey, isMac } from '../../../../utils';
+import { capitalize, classNames, getModifierKey } from '../../../../utils';
 import { buildExtraLib, fieldTypeToTsType } from '../../utils';
 import Recompute from './Recompute.svelte';
 import Tooltip from '../../../Tooltip.svelte';
@@ -23,9 +23,6 @@ import GridPane from './GridPane.svelte';
 import { slide } from 'svelte/transition';
 import { push } from '../../../../history';
 import Kbd from '../../../common/kbd/Kbd.svelte';
-import { secondaryMenu } from './secondaryMenu';
-import StylePanel from './StylePanel.svelte';
-import { Delete } from 'lucide-svelte';
 export let componentSettings = undefined;
 export let rowColumns = false;
 export let onDelete = undefined;
@@ -62,10 +59,12 @@ $: extraLib =
         ? buildExtraLib($worldStore?.outputsById ?? {}, componentSettings?.item?.data?.id, false, $state, false)
         : undefined;
 function keydown(event) {
-    const { key, metaKey } = event;
-    if (key === 'Delte' || (key === 'Backspace' && metaKey)) {
-        removeGridElement();
-        event.stopPropagation();
+    switch (event.key) {
+        case 'Delete': {
+            removeGridElement();
+            event.stopPropagation();
+            break;
+        }
     }
 }
 const initialConfiguration = componentSettings?.item?.data?.type
@@ -202,20 +201,19 @@ $: componentSettings?.item?.data && ($app = $app);
 		<div class="grow shrink" />
 
 		{#if Object.keys(ccomponents[component.type].customCss ?? {}).length > 0}
-			<PanelSection title="Styling">
+			<PanelSection title="Custom CSS">
 				<div slot="action">
 					<Button
 						color="light"
 						size="xs"
-						variant="border"
-						endIcon={{ icon: faChevronRight }}
-						on:click={() => secondaryMenu.open(StylePanel, { component })}
+						endIcon={{ icon: viewCssOptions ? faChevronUp : faChevronDown }}
+						on:click={() => (viewCssOptions = !viewCssOptions)}
 					>
-						Open
+						{viewCssOptions ? 'Hide' : 'Show'}
 					</Button>
 				</div>
 				{#if viewCssOptions}
-					<div transition:slide|local class="w-full">
+					<div transition:slide|local>
 						{#each Object.keys(ccomponents[component.type].customCss ?? {}) as name}
 							{#if componentSettings.item.data?.customCss != undefined}
 								<div class="w-full mb-2">
@@ -238,15 +236,7 @@ $: componentSettings?.item?.data && ($app = $app);
 				<div slot="action">
 					<Button size="xs" color="red" variant="border" on:click={removeGridElement}>
 						Delete&nbsp;&nbsp;
-						{#if isMac()}
-							<Kbd kbdClass="center-center">
-								<span class="text-lg leading-none">⌘</span>
-								<span class="px-0.5">+</span>
-								<Delete size={16} />
-							</Kbd>
-						{:else}
-							<Kbd>Del</Kbd>
-						{/if}
+						<Kbd>Del</Kbd>
 					</Button>
 				</div>
 				<div class="flex flex-col gap-1">

package/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte

@@ -1,18 +1,19 @@
-<script>import { createEventDispatcher } from 'svelte';
-import ColorPicker, { ChromeVariant } from 'svelte-awesome-color-picker';
-import { ClearableInput } from '../../../../common';
-export let value = '#fff';
-const dispatch = createEventDispatcher();
+<script>import ColorPicker, { ChromeVariant } from 'svelte-awesome-color-picker';
+export let componentInput;
 let isOpen = false;
-$: dispatch('change', value);
 </script>
 
-<div class="color-picker-input grow">
-	<ClearableInput readonly bind:value on:focus={() => (isOpen = true)} />
+<div class="color-picker-input">
+	<input
+		type="text"
+		readonly
+		value={componentInput.value}
+		on:focus|preventDefault|stopPropagation={() => (isOpen = true)}
+	/>
 	<ColorPicker
 		bind:isOpen
-		bind:hex={value}
-		label={value}
+		bind:hex={componentInput.value}
+		label={componentInput.value}
 		canChangeMode={false}
 		components={ChromeVariant}
 		toRight
@@ -21,7 +22,7 @@ $: dispatch('change', value);
 </div>
 
 <style global>
-	:global(.color-picker-input) :global(span) > :global(label) {
+	:global(.color-picker-input) :global(span) > :global(label.svelte-rogbpz) {
 		display: none;
 	}
 
@@ -29,7 +30,6 @@ $: dispatch('change', value);
 		box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.25) !important;
 		border-style: none !important;
 		border-radius: 0.375rem !important;
-		z-index: 20;
 	}
 
 	:global(.color-picker-input) :global(.slider-wrapper) {

package/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte.d.ts

@@ -1,11 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
+import type { StaticInput } from '../../../inputType';
 declare const __propDef: {
     props: {
-        value?: string | undefined;
+        componentInput: StaticInput<string>;
     };
     events: {
-        change: CustomEvent<any>;
-    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};

package/components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte

@@ -74,7 +74,7 @@ $: componentInput && onchange?.();
 			Inconsistent labeled resource object
 		{/if}
 	{:else if fieldType === 'color'}
-		<ColorInput bind:value={componentInput.value} />
+		<ColorInput bind:componentInput />
 	{:else if fieldType === 'object'}
 		{#if format?.startsWith('resource-')}
 			<ResourcePicker

package/components/apps/types.d.ts

@@ -63,7 +63,6 @@ export type InlineScript = {
         key: string;
     }[];
 };
-export type AppCssItemName = 'viewer' | 'grid' | AppComponent['type'];
 export type App = {
     grid: GridItem[];
     fullscreen: boolean;
@@ -79,7 +78,7 @@ export type App = {
         autoRefresh?: boolean;
         doNotRecomputeOnInputChanged?: boolean;
     }>;
-    css?: Partial<Record<AppCssItemName, Record<string, ComponentCssProperty>>>;
+    css?: Partial<Record<'viewer' | 'grid' | AppComponent['type'], Record<string, ComponentCssProperty>>>;
     subgrids?: Record<string, GridItem[]>;
 };
 export type ConnectingInput = {

package/components/common/button/ButtonPopup.svelte

@@ -7,7 +7,6 @@ export let color = 'blue';
 export let variant = 'contained';
 export let mainClasses = '';
 export let toggleClasses = '';
-export let listClasses = '';
 export let disabled = false;
 export let href = undefined;
 export let target = '_self';
@@ -60,16 +59,14 @@ $: commonProps = {
 {#if ref}
 	<Popup
 		{ref}
-		let:open
-		let:close
 		options={{
 			placement: $$slots.main ? 'bottom-end' : 'bottom',
 			strategy: 'absolute',
 			modifiers: [{ name: 'offset', options: { offset: [0, 0] } }]
 		}}
 	>
-		<ul class="bg-white rounded-t border pt-1 pb-2 max-h-40 overflow-auto {listClasses}">
-			<slot {open} {close} />
+		<ul class="bg-white rounded-t border pt-1 pb-2 max-h-40 overflow-auto">
+			<slot />
 		</ul>
 	</Popup>
 {/if}

package/components/common/button/ButtonPopup.svelte.d.ts

@@ -8,7 +8,6 @@ declare const __propDef: {
         variant?: ButtonType.Variant | undefined;
         mainClasses?: string | undefined;
         toggleClasses?: string | undefined;
-        listClasses?: string | undefined;
         disabled?: boolean | undefined;
         href?: string | undefined;
         target?: ButtonType.Target | undefined;
@@ -25,10 +24,7 @@ declare const __propDef: {
     slots: {
         main: {};
         toggle: {};
-        default: {
-            open: () => void;
-            close: () => void;
-        };
+        default: {};
     };
 };
 export type ButtonPopupProps = typeof __propDef.props;

package/components/common/button/ButtonPopupItem.svelte

@@ -8,7 +8,6 @@ export let target = '_self';
 export let iconOnly = false;
 export let startIcon = undefined;
 export let endIcon = undefined;
-export let wrapperClasses = '';
 const props = getContext(ButtonType.ItemContextKey);
 const iconWidthClass = {
     xs: '!w-[12px]',
@@ -41,7 +40,7 @@ $: buttonProps = {
 };
 </script>
 
-<li class="mt-1 {wrapperClasses}">
+<li class="mt-1">
 	<Button {...buttonProps} on:click>
 		<slot />
 	</Button>

package/components/common/button/ButtonPopupItem.svelte.d.ts

@@ -9,7 +9,6 @@ declare const __propDef: {
         iconOnly?: boolean | undefined;
         startIcon?: ButtonType.Icon | undefined;
         endIcon?: ButtonType.Icon | undefined;
-        wrapperClasses?: string | undefined;
     };
     events: {
         click: CustomEvent<any>;

package/components/common/index.d.ts

@@ -5,7 +5,6 @@ export { default as Button } from './button/Button.svelte';
 export { default as ButtonPopup } from './button/ButtonPopup.svelte';
 export { default as ButtonPopupItem } from './button/ButtonPopupItem.svelte';
 export { default as UndoRedo } from './button/UndoRedo.svelte';
-export { default as ClearableInput } from './clearableInput/ClearableInput.svelte';
 export { default as Drawer } from './drawer/Drawer.svelte';
 export { default as DrawerContent } from './drawer/DrawerContent.svelte';
 export { default as Kbd } from './kbd/Kbd.svelte';

package/components/common/index.js

@@ -5,7 +5,6 @@ export { default as Button } from './button/Button.svelte';
 export { default as ButtonPopup } from './button/ButtonPopup.svelte';
 export { default as ButtonPopupItem } from './button/ButtonPopupItem.svelte';
 export { default as UndoRedo } from './button/UndoRedo.svelte';
-export { default as ClearableInput } from './clearableInput/ClearableInput.svelte';
 export { default as Drawer } from './drawer/Drawer.svelte';
 export { default as DrawerContent } from './drawer/DrawerContent.svelte';
 export { default as Kbd } from './kbd/Kbd.svelte';

package/components/common/kbd/Kbd.svelte

@@ -1,10 +1,7 @@
-<script>export let kbdClass = '';
-</script>
-
 <span
 	class="{$$props.class} rounded border bg-white/70 px-1.5 !text-xs text-gray-600 shadow-sm font-light transition-all group-hover:border-primary-500 group-hover:text-primary-500"
 >
-	<kbd class={kbdClass}>
+	<kbd>
 		<slot />
 	</kbd>
 </span>

package/components/common/kbd/Kbd.svelte.d.ts

@@ -1,8 +1,21 @@
+/** @typedef {typeof __propDef.props}  KbdProps */
+/** @typedef {typeof __propDef.events}  KbdEvents */
+/** @typedef {typeof __propDef.slots}  KbdSlots */
+export default class Kbd extends SvelteComponentTyped<{
+    [x: string]: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type KbdProps = typeof __propDef.props;
+export type KbdEvents = typeof __propDef.events;
+export type KbdSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        kbdClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -11,9 +24,4 @@ declare const __propDef: {
         default: {};
     };
 };
-export type KbdProps = typeof __propDef.props;
-export type KbdEvents = typeof __propDef.events;
-export type KbdSlots = typeof __propDef.slots;
-export default class Kbd extends SvelteComponentTyped<KbdProps, KbdEvents, KbdSlots> {
-}
 export {};

package/components/common/menu/Menu.svelte

@@ -4,12 +4,8 @@ let current = undefined;
 
 <script>import { classNames } from '../../../utils';
 import { onMount } from 'svelte';
-import { fade } from 'svelte/transition';
 export let noMinW = false;
 export let show = false;
-export let wrapperClasses = '';
-export let popupClasses = '';
-export let transitionDuration = 100;
 let menu;
 export let placement = 'bottom-start';
 function handleOutsideClick(event) {
@@ -44,7 +40,7 @@ const placementsClasses = {
 };
 </script>
 
-<div class="relative {wrapperClasses}" bind:this={menu}>
+<div class="relative" bind:this={menu}>
 	<!-- svelte-ignore a11y-click-events-have-key-events -->
 	<div
 		on:click|stopPropagation={() => {
@@ -60,12 +56,10 @@ const placementsClasses = {
 	</div>
 	{#if show}
 		<div
-			transition:fade|local={{ duration: transitionDuration }}
 			class={classNames(
 				'z-50 absolute mt-2 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none',
 				placementsClasses[placement],
-				noMinW ? 'min-w-0' : 'w-60',
-				popupClasses
+				noMinW ? 'min-w-0' : 'w-60'
 			)}
 			role="menu"
 			tabindex="-1"

package/components/common/menu/Menu.svelte.d.ts

@@ -3,10 +3,7 @@ declare const __propDef: {
     props: {
         noMinW?: boolean | undefined;
         show?: boolean | undefined;
-        wrapperClasses?: string | undefined;
-        popupClasses?: string | undefined;
-        transitionDuration?: number | undefined;
-        placement?: "top-start" | "top-end" | "bottom-start" | "bottom-end" | "top-center" | "bottom-center" | undefined;
+        placement?: "top-start" | "top-end" | "top-center" | "bottom-start" | "bottom-end" | "bottom-center" | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "windmill-components",
-	"version": "1.82.1",
+	"version": "1.82.3",
 	"devDependencies": {
 		"@playwright/test": "^1.31.1",
 		"@sveltejs/adapter-static": "^1.0.0",
@@ -31,7 +31,6 @@
 		"prettier": "^2.8.3",
 		"prettier-plugin-svelte": "^2.9.0",
 		"simple-svelte-autocomplete": "^2.5.1",
-		"style-to-object": "^0.4.1",
 		"stylelint-config-recommended": "^9.0.0",
 		"svelte": "^3.55.1",
 		"svelte-awesome": "^3.0.0",
@@ -263,10 +262,7 @@
 		"./components/apps/editor/componentsPanel/CssProperty.svelte": "./components/apps/editor/componentsPanel/CssProperty.svelte",
 		"./components/apps/editor/componentsPanel/CssSettings.svelte": "./components/apps/editor/componentsPanel/CssSettings.svelte",
 		"./components/apps/editor/componentsPanel/ListItem.svelte": "./components/apps/editor/componentsPanel/ListItem.svelte",
-		"./components/apps/editor/componentsPanel/QuickStyleMenu.svelte": "./components/apps/editor/componentsPanel/QuickStyleMenu.svelte",
-		"./components/apps/editor/componentsPanel/QuickStyleProperty.svelte": "./components/apps/editor/componentsPanel/QuickStyleProperty.svelte",
 		"./components/apps/editor/componentsPanel/componentDefaultProps": "./components/apps/editor/componentsPanel/componentDefaultProps.js",
-		"./components/apps/editor/componentsPanel/quickStyleProperties": "./components/apps/editor/componentsPanel/quickStyleProperties.js",
 		"./components/apps/editor/componentsPanel/store": "./components/apps/editor/componentsPanel/store.js",
 		"./components/apps/editor/contextPanel/ComponentOutput.svelte": "./components/apps/editor/contextPanel/ComponentOutput.svelte",
 		"./components/apps/editor/contextPanel/ComponentOutputViewer.svelte": "./components/apps/editor/contextPanel/ComponentOutputViewer.svelte",
@@ -299,7 +295,6 @@
 		"./components/apps/editor/settingsPanel/PickInlineScript.svelte": "./components/apps/editor/settingsPanel/PickInlineScript.svelte",
 		"./components/apps/editor/settingsPanel/Recompute.svelte": "./components/apps/editor/settingsPanel/Recompute.svelte",
 		"./components/apps/editor/settingsPanel/SelectedRunnable.svelte": "./components/apps/editor/settingsPanel/SelectedRunnable.svelte",
-		"./components/apps/editor/settingsPanel/StylePanel.svelte": "./components/apps/editor/settingsPanel/StylePanel.svelte",
 		"./components/apps/editor/settingsPanel/SubTypeEditor.svelte": "./components/apps/editor/settingsPanel/SubTypeEditor.svelte",
 		"./components/apps/editor/settingsPanel/TableActionLabel.svelte": "./components/apps/editor/settingsPanel/TableActionLabel.svelte",
 		"./components/apps/editor/settingsPanel/TableActions.svelte": "./components/apps/editor/settingsPanel/TableActions.svelte",
@@ -318,9 +313,6 @@
 		"./components/apps/editor/settingsPanel/mainInput/RunnableSelector.svelte": "./components/apps/editor/settingsPanel/mainInput/RunnableSelector.svelte",
 		"./components/apps/editor/settingsPanel/mainInput/WorkspaceFlowList.svelte": "./components/apps/editor/settingsPanel/mainInput/WorkspaceFlowList.svelte",
 		"./components/apps/editor/settingsPanel/mainInput/WorkspaceScriptList.svelte": "./components/apps/editor/settingsPanel/mainInput/WorkspaceScriptList.svelte",
-		"./components/apps/editor/settingsPanel/secondaryMenu/SecondaryMenu.svelte": "./components/apps/editor/settingsPanel/secondaryMenu/SecondaryMenu.svelte",
-		"./components/apps/editor/settingsPanel/secondaryMenu": "./components/apps/editor/settingsPanel/secondaryMenu/index.js",
-		"./components/apps/editor/settingsPanel/secondaryMenu/menuStore": "./components/apps/editor/settingsPanel/secondaryMenu/menuStore.js",
 		"./components/apps/editor/settingsPanel/triggerLists/BackgroundScriptTriggerList.svelte": "./components/apps/editor/settingsPanel/triggerLists/BackgroundScriptTriggerList.svelte",
 		"./components/apps/editor/settingsPanel/triggerLists/ComponentTriggerList.svelte": "./components/apps/editor/settingsPanel/triggerLists/ComponentTriggerList.svelte",
 		"./components/apps/editor/settingsPanel/triggerLists/TriggerBadgesList.svelte": "./components/apps/editor/settingsPanel/triggerLists/TriggerBadgesList.svelte",
@@ -351,7 +343,6 @@
 		"./components/common/button/ButtonPopupItem.svelte": "./components/common/button/ButtonPopupItem.svelte",
 		"./components/common/button/UndoRedo.svelte": "./components/common/button/UndoRedo.svelte",
 		"./components/common/button/model": "./components/common/button/model.js",
-		"./components/common/clearableInput/ClearableInput.svelte": "./components/common/clearableInput/ClearableInput.svelte",
 		"./components/common/confirmationModal/ConfirmationModal.svelte": "./components/common/confirmationModal/ConfirmationModal.svelte",
 		"./components/common/confirmationModal/UnsavedConfirmationModal.svelte": "./components/common/confirmationModal/UnsavedConfirmationModal.svelte",
 		"./components/common/confirmationModal/dirtyStore": "./components/common/confirmationModal/dirtyStore.js",
@@ -370,7 +361,6 @@
 		"./components/common/languageIcons": "./components/common/languageIcons/index.js",
 		"./components/common/menu/Menu.svelte": "./components/common/menu/Menu.svelte",
 		"./components/common/menu/MenuItem.svelte": "./components/common/menu/MenuItem.svelte",
-		"./components/common/modal/AlwaysMountedModal.svelte": "./components/common/modal/AlwaysMountedModal.svelte",
 		"./components/common/modal/Modal.svelte": "./components/common/modal/Modal.svelte",
 		"./components/common/popup/Popup.svelte": "./components/common/popup/Popup.svelte",
 		"./components/common/skeleton/Skeleton.svelte": "./components/common/skeleton/Skeleton.svelte",

package/utils.d.ts

@@ -116,4 +116,3 @@ export declare function debounce(func: (...args: any[]) => any, wait: number): (
 export declare function throttle<T>(func: (...args: any[]) => T, wait: number): (...args: any[]) => void;
 export declare function isMac(): boolean;
 export declare function getModifierKey(): string;
-export declare function isValidHexColor(color: string): boolean;

package/utils.js

@@ -607,6 +607,3 @@ export function isMac() {
 export function getModifierKey() {
     return isMac() ? '⌘' : 'CTRL';
 }
-export function isValidHexColor(color) {
-    return /^#(([A-F0-9]{2}){3,4}|[A-F0-9]{3})$/i.test(color);
-}