entasis 0.4.1 → 0.5.0

package/dist/components/AudioPlayer/audioPlayer.theme.d.ts

@@ -357,7 +357,7 @@ export declare const setAudioPlayerTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
 }>) => void;
-export declare const useAudioPlayerTheme: (theme?: InferComponentTheme<{
+export declare const useAudioPlayerTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
     root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
         size: {
             small: string;
@@ -534,181 +534,4 @@ export declare const useAudioPlayerTheme: (theme?: InferComponentTheme<{
             error: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-}> | undefined) => {
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        disabled: {
-            true: string;
-            false: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    header: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    artwork: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    artworkImage: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    meta: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    title: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    artist: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    controls: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        layout: {
-            block: string;
-            inline: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    controlGroup: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        layout: {
-            block: string;
-            inline: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    controlButton: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    playButton: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    waveform: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        variant: {
-            centered: string;
-            histogram: string;
-        };
-        disabled: {
-            true: string;
-            false: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    waveformBars: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        variant: {
-            centered: string;
-            histogram: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    waveformBar: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        variant: {
-            centered: string;
-            histogram: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    waveformBarFill: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    waveformBarBuffered: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    waveformInput: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    track: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        disabled: {
-            true: string;
-            false: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    trackBuffered: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    trackRange: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    trackInput: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    inline: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    inlineSeek: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    inlineTrailing: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    time: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    volumeControl: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        layout: {
-            block: string;
-            inline: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    popoverPanel: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    volumePanel: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    volumeSlider: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    status: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        tone: {
-            loading: string;
-            error: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-};
+}>;

package/dist/components/Avatar/avatar.theme.d.ts

@@ -75,7 +75,7 @@ export declare const setAvatarTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
 }>) => void;
-export declare const useAvatarTheme: (theme?: InferComponentTheme<{
+export declare const useAvatarTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
     root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
         size: {
             normal: string;
@@ -111,40 +111,4 @@ export declare const useAvatarTheme: (theme?: InferComponentTheme<{
             large: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-}> | undefined) => {
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            normal: string;
-            small: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    avatarImage: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            normal: string;
-            small: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    avatarPrefix: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            normal: string;
-            small: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    avatarSuffix: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            normal: string;
-            small: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    avatarInitials: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            normal: string;
-            small: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-};
+}>;

package/dist/components/Avatar/avatarGroup.theme.d.ts

@@ -33,7 +33,7 @@ export declare const setAvatarGroupTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
 }>) => void;
-export declare const useAvatarGroupTheme: (theme?: InferComponentTheme<{
+export declare const useAvatarGroupTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
     root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
         size: {
             normal: string;
@@ -48,19 +48,4 @@ export declare const useAvatarGroupTheme: (theme?: InferComponentTheme<{
             large: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-}> | undefined) => {
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            normal: string;
-            small: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    avatarGroupCount: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            normal: string;
-            small: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-};
+}>;

package/dist/components/Breadcrumbs/breadcrumbs.theme.d.ts

@@ -65,7 +65,7 @@ export declare const setBreadcrumbsTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
 }>) => void;
-export declare const useBreadcrumbsTheme: (theme?: InferComponentTheme<{
+export declare const useBreadcrumbsTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
     root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{}> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     item: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
         disabled: {
@@ -96,35 +96,4 @@ export declare const useBreadcrumbsTheme: (theme?: InferComponentTheme<{
             large: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-}> | undefined) => {
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{}> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    item: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        disabled: {
-            true: string;
-            false: string;
-        };
-        active: {
-            true: string;
-            false: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    link: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        disabled: {
-            true: string;
-            false: string;
-        };
-        active: {
-            true: string;
-            false: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    separator: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{}> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    ellipsis: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{}> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    icon: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-};
+}>;

package/dist/components/Button/Button.svelte

@@ -47,8 +47,19 @@
 	);
 	const isAnchor = $derived(!!(as || href));
 
-	const classes = $derived(useButtonTheme(theme));
 	const resolvedColor = $derived(useDefaultColor(color));
+	// One set of variant values for every slot; the template reads `slots.x()`.
+	const slots = $derived(
+		useButtonTheme(theme, {
+			color: resolvedColor,
+			squared: isSquared,
+			variant,
+			size,
+			loading,
+			disabled,
+			fullWidth
+		})
+	);
 
 	const handleClick: NonNullable<ButtonInternalProps['onclick']> = (event) => {
 		if (disabled) {
@@ -91,23 +102,14 @@
 	data-slot={dataSlot}
 	data-color={resolvedColor}
 	disabled={!isAnchor && disabled ? true : undefined}
-	class={classes.root({
-		color: resolvedColor,
-		squared: isSquared,
-		variant,
-		size,
-		loading,
-		disabled,
-		className,
-		fullWidth
-	})}
+	class={slots.root({ className })}
 	{@attach spinnerOverlay({ loading, size })}
 	onclick={disabled || onclick ? handleClick : undefined}
 	onpointerenter={onpointerenter ? handlePointerEnter : undefined}
 	onpointerleave={onpointerleave ? handlePointerLeave : undefined}
 	{...attachments}
 >
-	<Slot render={prefix} as="span" class={classes.prefix({ size })} />
+	<Slot render={prefix} as="span" class={slots.prefix()} />
 	<Slot render={children} />
-	<Slot render={suffix} as="span" class={classes.suffix({ size })} />
+	<Slot render={suffix} as="span" class={slots.suffix()} />
 </svelte:element>

package/dist/components/Button/button.theme.d.ts

@@ -109,7 +109,7 @@ export declare const setButtonTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
 }>) => void;
-export declare const useButtonTheme: (theme?: InferComponentTheme<{
+export declare const useButtonTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
     root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
         size: {
             small: string;
@@ -162,57 +162,4 @@ export declare const useButtonTheme: (theme?: InferComponentTheme<{
             small: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-}> | undefined) => {
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        color: {
-            primary: string;
-            secondary: string;
-            neutral: string;
-            danger: string;
-            success: string;
-            warning: string;
-            info: string;
-        };
-        variant: {
-            solid: string;
-            outline: string;
-            soft: string;
-            ghost: string;
-            link: string;
-        };
-        loading: {
-            true: string;
-            false: null;
-        };
-        disabled: {
-            true: string;
-            false: null;
-        };
-        squared: {
-            true: string;
-            false: null;
-        };
-        fullWidth: {
-            true: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    prefix: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            normal: string;
-            large: string;
-            small: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    suffix: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            normal: string;
-            large: string;
-            small: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-};
+}>;

package/dist/components/ButtonGroup/buttonGroup.theme.d.ts

@@ -7,8 +7,6 @@ export type ButtonGroupThemeProps = InferComponentTheme<ButtonGroupTheme>;
 export declare const setButtonGroupTheme: (theme: InferComponentTheme<{
     root: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
 }>) => void;
-export declare const useButtonGroupTheme: (theme?: InferComponentTheme<{
+export declare const useButtonGroupTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
     root: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-}> | undefined) => {
-    root: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-};
+}>;

package/dist/components/Card/card.theme.d.ts

@@ -237,7 +237,7 @@ export declare const setCardTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
 }>) => void;
-export declare const useCardTheme: (theme?: InferComponentTheme<{
+export declare const useCardTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
     root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
         size: {
             small: string;
@@ -354,121 +354,4 @@ export declare const useCardTheme: (theme?: InferComponentTheme<{
             false: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-}> | undefined) => {
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-        color: {
-            primary: string;
-            secondary: string;
-            neutral: string;
-            danger: string;
-            success: string;
-            warning: string;
-            info: string;
-        };
-        variant: {
-            solid: string;
-            outline: string;
-            soft: string;
-            ghost: string;
-        };
-        clickable: {
-            true: string;
-            false: string;
-        };
-        disabled: {
-            true: string;
-            false: null;
-        };
-        elevation: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    header: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-        hasAction: {
-            true: string;
-            false: string;
-        };
-        hasBorder: {
-            true: string;
-            false: string;
-        };
-        variant: {
-            solid: string;
-            outline: string;
-            soft: string;
-            ghost: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    title: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        variant: {
-            solid: string;
-            outline: string;
-            soft: string;
-            ghost: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    description: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        variant: {
-            solid: string;
-            outline: string;
-            soft: string;
-            ghost: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    action: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    content: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-        hasBorderTop: {
-            true: string;
-            false: string;
-        };
-        hasBorderBottom: {
-            true: string;
-            false: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    footer: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-        hasBorder: {
-            true: string;
-            false: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-};
+}>;

package/dist/components/Carousel/carousel.theme.d.ts

@@ -145,7 +145,7 @@ export declare const setCarouselTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
 }>) => void;
-export declare const useCarouselTheme: (theme?: InferComponentTheme<{
+export declare const useCarouselTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
     root: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
     slider: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
     slide: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
@@ -216,75 +216,4 @@ export declare const useCarouselTheme: (theme?: InferComponentTheme<{
             false: null;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-}> | undefined) => {
-    root: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    slider: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    slide: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    footer: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    progress: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    progressFill: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        color: {
-            primary: string;
-            secondary: string;
-            neutral: string;
-            danger: string;
-            success: string;
-            warning: string;
-            info: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    navigation: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    navigationButton: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        color: {
-            primary: string;
-            secondary: string;
-            neutral: string;
-            danger: string;
-            success: string;
-            warning: string;
-            info: string;
-        };
-        disabled: {
-            true: string;
-            false: null;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    dots: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    dot: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        color: {
-            primary: string;
-            secondary: string;
-            neutral: string;
-            danger: string;
-            success: string;
-            warning: string;
-            info: string;
-        };
-        active: {
-            true: string;
-            false: null;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-};
+}>;