@finsweet/webflow-apps-utils 1.0.41 → 1.0.43

package/dist/types/webflow.d.ts

@@ -64,7 +64,11 @@ export interface Webflow extends Pick<WebflowCallback[], 'push'> {
     destroy: () => void;
     ready: () => void;
     env: () => boolean;
-    analytics: {
+    require: <Key extends WebflowModule>(key: Key) => (Key extends 'commerce' ? WebflowCommerce : Key extends 'lightbox' ? WebflowLightbox : Key extends 'slider' ? WebflowSlider : Key extends 'tabs' ? WebflowTabs : WebflowIx2) | undefined;
+    /**
+     * @deprecated - Legacy API, use `window.wf` instead
+     */
+    analytics?: {
         optIn: ({ reload }: {
             reload?: boolean;
         }) => void;
@@ -73,7 +77,31 @@ export interface Webflow extends Pick<WebflowCallback[], 'push'> {
         }) => void;
         getIsOptedOut: () => 'true' | null;
     };
-    require: <Key extends WebflowModule>(key: Key) => (Key extends 'commerce' ? WebflowCommerce : Key extends 'lightbox' ? WebflowLightbox : Key extends 'slider' ? WebflowSlider : Key extends 'tabs' ? WebflowTabs : WebflowIx2) | undefined;
+}
+/**
+ * Includes methods of the wf object
+ */
+export interface WF {
+    ready: (callback?: () => void) => void;
+    /**
+     * Enables user tracking for the current user.
+     * @param options
+     */
+    allowUserTracking?: (options?: {
+        reload?: boolean;
+        activate?: boolean;
+    }) => void;
+    /**
+     * Disables user tracking for the current user.
+     * @param options
+     */
+    denyUserTracking?: (options?: {
+        reload?: boolean;
+    }) => void;
+    /**
+     * Retrieves the user’s current tracking preference.
+     */
+    getUserTrackingChoice?: () => 'allow' | 'deny' | 'none';
 }
 export type XSCPMetadata = {
     meta: {

package/dist/types/window.d.ts

@@ -1,4 +1,4 @@
-import type { Webflow, WebflowCallback } from './webflow';
+import type { Webflow, WebflowCallback, WF } from './webflow';
 /**
  * Window object.
  */
@@ -9,6 +9,7 @@ declare global {
             event: string;
         } | IArguments>;
         Webflow?: Webflow | WebflowCallback[];
+        wf?: WF;
         isLoadingCustomCodeConfigs: boolean;
     }
 }

package/dist/ui/components/checkbox/Checkbox.svelte

@@ -94,7 +94,6 @@
 		justify-content: center;
 		align-items: center;
 		cursor: pointer;
-		transition: all 0.2s ease-in-out;
 	}
 
 	.checkbox--radio {
@@ -115,6 +114,7 @@
 		color: white;
 		background: #006acc;
 		border-radius: 4px;
+		padding: 2px;
 	}
 
 	.checkbox--checked.checkbox--radio :global(svg) {

package/dist/ui/components/copy-text/CopyText.svelte

@@ -132,7 +132,7 @@
 				{#if disabled}
 					<EyeIcon />
 				{:else}
-					<CopyIcon size={16} />
+					<CopyIcon />
 				{/if}
 			</div>
 		</div>

package/dist/ui/components/modal/Modal.svelte

@@ -2,7 +2,7 @@
 	import type { Component, Snippet } from 'svelte';
 	import { onMount, tick } from 'svelte';
 
-	import { CloseIcon } from '../../icons';
+	import { TimesIcon } from '../../icons';
 	import { Button, LoadingScreen, Text } from '../';
 
 	interface Props {
@@ -158,7 +158,7 @@
 		header,
 		children,
 		footer,
-		closeIcon = CloseIcon,
+		closeIcon = TimesIcon,
 		onOpenChange,
 		onOverlayClick,
 		onEscapeKeyDown,

package/dist/ui/icons/AccordionDownArrow.svelte

@@ -1,8 +1,8 @@
-<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="100%" height="100%" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"
 		d="M4.99996 4.29293L8.64641 0.646484L9.35352 1.35359L4.99996 5.70714L0.646408 1.35359L1.35352 0.646484L4.99996 4.29293Z"
-		fill="#EBEBEB"
+		fill="currentColor"
 	/>
 </svg>

package/dist/ui/icons/AccordionUpArrow.svelte

@@ -1,8 +1,8 @@
-<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="100%" height="100%" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"
 		d="M5.00004 1.70707L1.35359 5.35352L0.646484 4.64641L5.00004 0.292855L9.35359 4.64641L8.64648 5.35351L5.00004 1.70707Z"
-		fill="#EBEBEB"
+		fill="currentColor"
 	/>
 </svg>

package/dist/ui/icons/AccountIcon.svelte

@@ -1,13 +1,13 @@
-<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="100%" height="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 	<g id="Account">
 		<g id="icon">
 			<path
 				d="M11 5.5C11 7.15685 9.65685 8.5 8 8.5C6.34315 8.5 5 7.15685 5 5.5C5 3.84315 6.34315 2.5 8 2.5C9.65685 2.5 11 3.84315 11 5.5Z"
-				fill="#D9D9D9"
+				fill="currentColor"
 			/>
 			<path
 				d="M6.54545 10H9.45455C9.95455 10 10.6909 10.243 11.0909 10.54L13.2727 12.16C13.6727 12.457 14 13.105 14 13.6V14.5H2V13.6C2 13.105 2.32727 12.457 2.72727 12.16L4.90909 10.54C5.30909 10.243 6.04546 10 6.54545 10Z"
-				fill="#D9D9D9"
+				fill="currentColor"
 			/>
 		</g>
 	</g>

package/dist/ui/icons/AiIcon.svelte

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 10 10" fill="none">
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M0 5.08696V4.30435C2.37723 4.30435 4.30435 2.37723 4.30435 0H5.08696C5.08696 2.37723 7.01405 4.30435 9.3913 4.30435V5.08696C7.01405 5.08696 5.08696 7.01405 5.08696 9.3913H4.30435C4.30435 7.01405 2.37723 5.08696 0 5.08696ZM4.69565 7.43134C5.21102 6.19807 6.19807 5.21102 7.43134 4.69565C6.19807 4.18029 5.21102 3.19323 4.69565 1.95996C4.18029 3.19323 3.19323 4.18029 1.95996 4.69565C3.19323 5.21102 4.18029 6.19807 4.69565 7.43134Z"
+		fill="currentColor"
+	/>
+</svg>

package/dist/ui/icons/{CloseIcon.svelte.d.ts → AiIcon.svelte.d.ts}

@@ -1,12 +1,12 @@
-export default CloseIcon;
-type CloseIcon = SvelteComponent<{
+export default AiIcon;
+type AiIcon = SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
     $$bindings?: string | undefined;
 };
-declare const CloseIcon: $$__sveltets_2_IsomorphicComponent<{
+declare const AiIcon: $$__sveltets_2_IsomorphicComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;

package/dist/ui/icons/AnalyticsIcon.svelte

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
+	<g opacity="0.4">
+		<path
+			d="M8.00033 4.5C8.00033 4.22386 8.22418 4 8.50033 4H9.50033C9.77647 4 10.0003 4.22386 10.0003 4.5V7L8.00033 9V4.5Z"
+			fill="currentColor"
+		/>
+		<path
+			d="M4.66699 11.5C4.66699 11.7761 4.89085 12 5.16699 12H6.66699V11.6667L4.66699 9.66667V11.5Z"
+			fill="currentColor"
+		/>
+		<path
+			d="M10.0003 11.5C10.0003 11.7761 9.77647 12 9.50033 12H8.33366L10.0003 10.3333V11.5Z"
+			fill="currentColor"
+		/>
+		<path
+			d="M6.66699 7.16667C6.66699 6.89052 6.44313 6.66667 6.16699 6.66667H5.00033L6.66699 8.33333V7.16667Z"
+			fill="currentColor"
+		/>
+	</g>
+	<path
+		d="M3.33366 8.19559V2.66699H2.66699V12.3337C2.66699 12.8859 3.11471 13.3337 3.66699 13.3337H13.3337V12.667H3.66699C3.4829 12.667 3.33366 12.5178 3.33366 12.3337V9.1384L4.33366 8.1384L7.43129 11.236C7.56146 11.3662 7.77252 11.3662 7.90269 11.236L13.3337 5.80506V8.00033H14.0003V4.66699H10.667V5.33366H12.8623L7.66699 10.5289L4.56936 7.43129C4.43919 7.30112 4.22813 7.30112 4.09796 7.43129L3.33366 8.19559Z"
+		fill="currentColor"
+	/>
+</svg>

package/dist/ui/icons/AnalyticsIcon.svelte.d.ts

@@ -0,0 +1,26 @@
+export default AnalyticsIcon;
+type AnalyticsIcon = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const AnalyticsIcon: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/ui/icons/ArrowIcon.svelte

@@ -1,4 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="4.5 4.5 8 7.5"
+	fill="none"
+>
 	<path
 		d="M10.2929 5.5L5.99998 5.5V4.5L12 4.5L12 10.5L11 10.5V6.20711L5.35353 11.8536L4.64642 11.1464L10.2929 5.5Z"
 		fill="currentColor"

package/dist/ui/icons/BackIcon.svelte

@@ -1,4 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="10" height="11" viewBox="0 0 10 11" fill="none">
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="2.4 1.7 4.2 7.6"
+	fill="none"
+>
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"

package/dist/ui/icons/BodyIcon.svelte

@@ -1,4 +1,4 @@
-<svg width="12" height="12" viewBox="0 1 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"
+<svg width="100%" height="100%" viewBox="0 1 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"
 	><path
 		fill-rule="evenodd"
 		clip-rule="evenodd"

package/dist/ui/icons/BookmarkIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
 	<g clip-path="url(#clip0_4033_5074)">
 		<path
 			d="M12.6666 2H3.33325V14L7.99992 12L12.6666 14V2ZM11.3333 12L7.99992 10.5467L4.66659 12V3.33333H11.3333V12Z"

package/dist/ui/icons/BoxAddIcon.svelte

@@ -1,8 +1,8 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"
 		d="M3 2C2.44772 2 2 2.44772 2 3V13C2 13.5523 2.44772 14 3 14H13C13.5523 14 14 13.5523 14 13V3C14 2.44772 13.5523 2 13 2H3ZM7 4H9V7H12V9H9V12H7V9H4V7H7V4Z"
-		fill="#D9D9D9"
+		fill="currentColor"
 	/>
 </svg>

package/dist/ui/icons/BrushIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
 	<g>
 		<path
 			fill-rule="evenodd"

package/dist/ui/icons/BuilderEditIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"

package/dist/ui/icons/BuilderIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"

package/dist/ui/icons/CMSIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"

package/dist/ui/icons/CalendarIcon.svelte

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 9 10" fill="none">
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M3 0V1.125H6V0H6.75V1.125H8.25C8.66421 1.125 9 1.46079 9 1.875V8.625C9 9.03921 8.66421 9.375 8.25 9.375H0.75C0.335787 9.375 0 9.03921 0 8.625V1.875C0 1.46079 0.335786 1.125 0.75 1.125H2.25V0H3ZM6 1.875V3H6.75V1.875H8.25V8.625H0.75V1.875H2.25V3H3V1.875H6Z"
+		fill="currentColor"
+	/>
+</svg>

package/dist/ui/icons/CalendarIcon.svelte.d.ts

@@ -0,0 +1,26 @@
+export default CalendarIcon;
+type CalendarIcon = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const CalendarIcon: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/ui/icons/CheckCircleIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 12 12" fill="none">
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"

package/dist/ui/icons/CheckCircleOutlinedIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 15" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 15" fill="none">
 	<path
 		opacity="0.4"
 		fill-rule="evenodd"

package/dist/ui/icons/CheckIcon.svelte

@@ -1,4 +1,4 @@
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<svg width="100%" height="100%" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 	<g id="CheckDefault">
 		<path
 			id="icon"

package/dist/ui/icons/CheckboxCheckedIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
 	<path
 		opacity="0.6"
 		fill-rule="evenodd"
@@ -10,6 +10,6 @@
 		fill-rule="evenodd"
 		clip-rule="evenodd"
 		d="M13.8536 3.85359L8.00003 9.70715L5.14648 6.85359L5.85359 6.14648L8.00003 8.29293L13.1465 3.14648L13.8536 3.85359Z"
-		fill="#EBEBEB"
+		fill="currentColor"
 	/>
 </svg>

package/dist/ui/icons/ChevronIcon.svelte

@@ -1,4 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="5.5 4 5.5 9"
+	fill="none"
+>
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"

package/dist/ui/icons/ChevronRightIcon.svelte

@@ -1,4 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 14" fill="none">
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="6.5 4.5 4.5 7"
+	fill="none"
+>
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"

package/dist/ui/icons/CircleIcon.svelte

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 14 14" fill="none">
 	<circle cx="7" cy="7" r="6" stroke="currentColor" />
 </svg>

package/dist/ui/icons/CircleTimesIcon.svelte

@@ -0,0 +1,19 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="2.5 1.25 16.25 16.25"
+	fill="none"
+>
+	<path
+		d="M9.74068 9.37505L7.05762 12.0581L7.9415 12.942L10.6246 10.2589L13.3076 12.942L14.1915 12.0581L11.5084 9.37505L14.1915 6.69199L13.3076 5.80811L10.6246 8.49116L7.9415 5.80811L7.05762 6.69199L9.74068 9.37505Z"
+		fill="currentColor"
+	/>
+	<path
+		opacity="0.4"
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M10.625 2.5C6.82804 2.5 3.75 5.57804 3.75 9.375C3.75 13.172 6.82804 16.25 10.625 16.25C14.422 16.25 17.5 13.172 17.5 9.375C17.5 5.57804 14.422 2.5 10.625 2.5ZM2.5 9.375C2.5 4.88769 6.13769 1.25 10.625 1.25C15.1123 1.25 18.75 4.88769 18.75 9.375C18.75 13.8623 15.1123 17.5 10.625 17.5C6.13769 17.5 2.5 13.8623 2.5 9.375Z"
+		fill="currentColor"
+	/>
+</svg>

package/dist/ui/icons/CircleTimesIcon.svelte.d.ts

@@ -0,0 +1,26 @@
+export default CircleTimesIcon;
+type CircleTimesIcon = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const CircleTimesIcon: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/ui/icons/CloseCircleIcon.svelte

@@ -1,6 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
 	<path
 		d="M8 1C4.135 1 1 4.135 1 8C1 11.865 4.135 15 8 15C11.865 15 15 11.865 15 8C15 4.135 11.865 1 8 1ZM11.53 10.47L10.47 11.53L8 9.06L5.53 11.53L4.47 10.47L6.94 8L4.47 5.53L5.53 4.47L8 6.94L10.47 4.47L11.53 5.53L9.06 8L11.53 10.47Z"
-		fill="#363636"
+		fill="currentColor"
 	/>
 </svg>

package/dist/ui/icons/CodeIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"

package/dist/ui/icons/ComponentsIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 12 12" fill="none">
 	<path
 		d="M2.625 2.75C2.625 2.54289 2.79289 2.375 3 2.375H5.25C5.45711 2.375 5.625 2.54289 5.625 2.75V5C5.625 5.20711 5.45711 5.375 5.25 5.375H3C2.79289 5.375 2.625 5.20711 2.625 5V2.75ZM2.625 7.25C2.625 7.04289 2.79289 6.875 3 6.875H5.25C5.45711 6.875 5.625 7.04289 5.625 7.25V9.5C5.625 9.70711 5.45711 9.875 5.25 9.875H3C2.79289 9.875 2.625 9.70711 2.625 9.5V7.25ZM7.125 2.75C7.125 2.54289 7.29289 2.375 7.5 2.375H9.75C9.95711 2.375 10.125 2.54289 10.125 2.75V5C10.125 5.20711 9.95711 5.375 9.75 5.375H7.5C7.29289 5.375 7.125 5.20711 7.125 5V2.75ZM7.125 7.25C7.125 7.04289 7.29289 6.875 7.5 6.875H9.75C9.95711 6.875 10.125 7.04289 10.125 7.25V9.5C10.125 9.70711 9.95711 9.875 9.75 9.875H7.5C7.29289 9.875 7.125 9.70711 7.125 9.5V7.25Z"
 		stroke="currentColor"

package/dist/ui/icons/CookieBannerIcon.svelte

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 11 10" fill="none">
+	<path
+		d="M7.24994 3.75C7.66416 3.75 7.99994 3.41421 7.99994 3C7.99994 2.58579 7.66416 2.25 7.24994 2.25C6.83573 2.25 6.49994 2.58579 6.49994 3C6.49994 3.41421 6.83573 3.75 7.24994 3.75Z"
+		fill="currentColor"
+	/>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M5.53027 0C5.33136 0 5.1406 0.0790174 4.99994 0.21967L0.874943 4.34467C0.58205 4.63756 0.58205 5.11244 0.874943 5.40533L4.84461 9.375C5.13751 9.66789 5.61238 9.66789 5.90527 9.375L10.0303 5.25C10.1709 5.10935 10.2499 4.91858 10.2499 4.71967V0.75C10.2499 0.335787 9.91416 0 9.49994 0H5.53027ZM5.53027 0.75L9.49994 0.75V4.71967L5.37494 8.84467L1.40527 4.875L5.53027 0.75Z"
+		fill="currentColor"
+	/>
+</svg>

package/dist/ui/icons/CookieBannerIcon.svelte.d.ts

@@ -0,0 +1,26 @@
+export default CookieBannerIcon;
+type CookieBannerIcon = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const CookieBannerIcon: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/ui/icons/CookieIcon.svelte

@@ -1,4 +1,4 @@
-<svg width="137" height="44" viewBox="0 0 137 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="100%" height="100%" viewBox="0 0 137 44" fill="none" xmlns="http://www.w3.org/2000/svg">
 	<rect x="0.5" y="0.75" width="136" height="42.5" rx="3.5" stroke="white" />
 	<path
 		fill-rule="evenodd"

package/dist/ui/icons/CopyIcon.svelte

@@ -1,14 +1,4 @@
-<script lang="ts">
-	export let size = 16;
-</script>
-
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	width={size}
-	height={size}
-	viewBox="0 0 {size} {size}"
-	fill="none"
->
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="3 2 11 11" fill="none">
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"

package/dist/ui/icons/CopyIcon.svelte.d.ts

@@ -1,8 +1,21 @@
+export default CopyIcon;
+type CopyIcon = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const CopyIcon: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
 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> & {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: Props & {
+    (internal: unknown, props: {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -11,10 +24,3 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const CopyIcon: $$__sveltets_2_IsomorphicComponent<{
-    size?: number;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type CopyIcon = InstanceType<typeof CopyIcon>;
-export default CopyIcon;

package/dist/ui/icons/CrossIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
-	<path d="M4 4L12 12" stroke="#ABABAB" />
-	<path d="M12 4L4 12" stroke="#ABABAB" />
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
+	<path d="M4 4L12 12" stroke="currentColor" />
+	<path d="M12 4L4 12" stroke="currentColor" />
 </svg>

package/dist/ui/icons/DOMElement.svelte

@@ -1,12 +1,7 @@
-<script>
-	export let width = 12;
-	export let height = 12;
-</script>
-
 <svg
 	data-wf-icon="CustomElementIcon"
-	{width}
-	{height}
+	width="100%"
+	height="100%"
 	viewBox="0 0 24 24"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"