@gradio/imageeditor 0.19.0 → 0.20.0

package/dist/shared/IconButton.svelte

@@ -1,23 +1,44 @@
 <script lang="ts">
 	import { type Component } from "svelte";
 	import type { ColorInput } from "tinycolor2";
-	export let Icon: Component<any>;
-	export let label = "";
-	export let show_label = false;
-	export let pending = false;
-	export let size: "small" | "large" | "medium" = "small";
-	export let padded = true;
-	export let highlight = false;
-	export let disabled = false;
-	export let hasPopup = false;
-	export let color: string | ColorInput = "var(--block-label-text-color)";
-	export let transparent = false;
-	export let background = "var(--background-fill-primary)";
-	export let offset = 0;
-	export let label_position: "left" | "right" = "left";
-	export let roundedness: "quite" | "very" = "quite";
-	export let onclick: ((event: MouseEvent) => void) | undefined = undefined;
-	$: _color = highlight ? "var(--color-accent)" : color.toString();
+
+	let {
+		Icon,
+		label = "",
+		show_label = false,
+		pending = false,
+		size = "small",
+		padded = true,
+		highlight = false,
+		disabled = false,
+		hasPopup = false,
+		color = "var(--block-label-text-color)",
+		transparent = false,
+		background = "var(--background-fill-primary)",
+		offset = 0,
+		label_position = "left",
+		roundedness = "quite",
+		onclick = undefined
+	}: {
+		Icon: Component<any>;
+		label?: string;
+		show_label?: boolean;
+		pending?: boolean;
+		size?: "small" | "large" | "medium";
+		padded?: boolean;
+		highlight?: boolean;
+		disabled?: boolean;
+		hasPopup?: boolean;
+		color?: string | ColorInput;
+		transparent?: boolean;
+		background?: string;
+		offset?: number;
+		label_position?: "left" | "right";
+		roundedness?: "quite" | "very";
+		onclick?: (event: MouseEvent) => void;
+	} = $props();
+
+	let _color = $derived(highlight ? "var(--color-accent)" : color.toString());
 </script>
 
 <button

package/dist/shared/IconButton.svelte.d.ts

@@ -1,19 +1,6 @@
 import { type Component } from "svelte";
 import type { ColorInput } from "tinycolor2";
-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 IconButton: $$__sveltets_2_IsomorphicComponent<{
+type $$ComponentProps = {
     Icon: Component<any>;
     label?: string;
     show_label?: boolean;
@@ -29,9 +16,8 @@ declare const IconButton: $$__sveltets_2_IsomorphicComponent<{
     offset?: number;
     label_position?: "left" | "right";
     roundedness?: "quite" | "very";
-    onclick?: ((event: MouseEvent) => void) | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type IconButton = InstanceType<typeof IconButton>;
+    onclick?: (event: MouseEvent) => void;
+};
+declare const IconButton: Component<$$ComponentProps, {}, "">;
+type IconButton = ReturnType<typeof IconButton>;
 export default IconButton;