@widgetic/design-system 0.3.79 → 0.3.81

package/dist/components/widget-system/Moveable.svelte

@@ -26,11 +26,9 @@
     let currentTop = 0;
     let startPoint = { x: 0, y: 0 };
     let showSizeInfo = false;
-    let isMac = false;
     
     // Key modifiers
-    let isCmdCtrlKeyDown = false;  // Command(Mac) or Control(Win) for dragging
-    let isSpaceKeyDown = false;    // Space key for dragging (alternative)
+    let isSpaceKeyDown = false;    // Space key for dragging
     let isShiftKeyDown = false;    // Shift for proportional resize
     let isAltOptKeyDown = false;   // Alt/Option for symmetrical resize
 
@@ -49,10 +47,7 @@
 
     // Track key states
     function handleKeyDown(e: KeyboardEvent) {
-        if ((isMac && e.key === 'Meta') || (!isMac && e.key === 'Control')) {
-            isCmdCtrlKeyDown = true;
-            updateContainerClasses();
-        } else if (e.key === ' ') { // Space key
+        if (e.key === ' ') { // Space key
             isSpaceKeyDown = true;
             updateContainerClasses();
             // Prevent page scrolling when space is pressed
@@ -66,14 +61,13 @@
             e.preventDefault(); // Prevent browser menu
             isAltOptKeyDown = true;
             updateContainerClasses();
+        } else if (e.key === 'Escape') {
+            cancelOperation();
         }
     }
 
     function handleKeyUp(e: KeyboardEvent) {
-        if ((isMac && e.key === 'Meta') || (!isMac && e.key === 'Control')) {
-            isCmdCtrlKeyDown = false;
-            updateContainerClasses();
-        } else if (e.key === ' ') { // Space key
+        if (e.key === ' ') { // Space key
             isSpaceKeyDown = false;
             updateContainerClasses();
         } else if (e.key === 'Shift') {
@@ -95,7 +89,7 @@
         container.classList.remove('combined-mode');
         
         // Apply appropriate mode class based on key combination
-        if (isCmdCtrlKeyDown || isSpaceKeyDown) {
+        if (isSpaceKeyDown) {
             container.classList.add('drag-mode');
         }
         
@@ -122,9 +116,6 @@
     }
 
     onMount(() => {
-        // Detect if we're on a Mac
-        isMac = typeof navigator !== 'undefined' && navigator.platform.toUpperCase().indexOf('MAC') >= 0;
-        
         // Initialize from props first if they are in px format
         const initialWidth = parseSize(width);
         const initialHeight = parseSize(height);
@@ -160,6 +151,7 @@
         // Add key event listeners
         document.addEventListener('keydown', handleKeyDown);
         document.addEventListener('keyup', handleKeyUp);
+        window.addEventListener('blur', cancelOperation);
 
         // Clean up event listeners on destroy
         return () => {
@@ -167,13 +159,14 @@
             document.removeEventListener('mouseup', handleMouseUp);
             document.removeEventListener('keydown', handleKeyDown);
             document.removeEventListener('keyup', handleKeyUp);
+            window.removeEventListener('blur', cancelOperation);
         };
     });
 
     // Handle mouse events for drag
     function handleMouseDown(e: MouseEvent) {
-        // Only allow dragging when Command/Control key or Space key is down
-        if (!(isCmdCtrlKeyDown || isSpaceKeyDown) || isResizing) return;
+        // Only allow dragging when Space key is down
+        if (!isSpaceKeyDown || isResizing) return;
         
         // Prevent starting a drag on resize handles
         if ((e.target as HTMLElement).classList.contains('resize-handle')) {
@@ -206,7 +199,7 @@
         }
     }
 
-    function handleMouseUp() {
+    function handleMouseUp(e: MouseEvent) {
         if (isDragging) {
             isDragging = false;
             document.removeEventListener('mousemove', handleMouseMove);
@@ -224,6 +217,49 @@
             dispatch('resizeEnd', { width: currentWidth, height: currentHeight });
             showSizeInfo = false;
         }
+
+        // If mouse is released outside the hover area, deactivate hover state
+        if (hoverContainer) {
+            const hoverRect = hoverContainer.getBoundingClientRect();
+            if (
+                e.clientX < hoverRect.left ||
+                e.clientX > hoverRect.right ||
+                e.clientY < hoverRect.top ||
+                e.clientY > hoverRect.bottom
+            ) {
+                isHovering = false;
+            }
+        }
+    }
+
+    function cancelOperation() {
+        if (isDragging) {
+            isDragging = false;
+            document.removeEventListener('mousemove', handleMouseMove);
+            document.removeEventListener('mouseup', handleMouseUp);
+            document.body.style.cursor = '';
+            logState("Drag cancelled");
+            dispatch('moveEnd', { left: currentLeft, top: currentTop });
+        }
+        if (isResizing) {
+            isResizing = false;
+            resizeDirection = '';
+            document.removeEventListener('mousemove', handleMouseMove);
+            document.removeEventListener('mouseup', handleMouseUp);
+            logState("Resize cancelled");
+            dispatch('resizeEnd', { width: currentWidth, height: currentHeight });
+        }
+
+        showSizeInfo = false;
+
+        // Force reset of key-based modes
+        isSpaceKeyDown = false;
+        isShiftKeyDown = false;
+        isAltOptKeyDown = false;
+        updateContainerClasses();
+
+        // Force-hide resize handles
+        isHovering = false;
     }
 
     // Handle resize
@@ -399,7 +435,7 @@
     <!-- svelte-ignore a11y_no_static_element_interactions -->
     <div 
         bind:this={container}
-        class="moveable-container {isCmdCtrlKeyDown || isSpaceKeyDown ? 'drag-mode' : ''} {isShiftKeyDown && !isAltOptKeyDown ? 'proportional-mode' : ''} {isAltOptKeyDown && !isShiftKeyDown ? 'symmetrical-mode' : ''} {isShiftKeyDown && isAltOptKeyDown ? 'combined-mode' : ''}"
+        class="moveable-container {isSpaceKeyDown ? 'drag-mode' : ''} {isShiftKeyDown && !isAltOptKeyDown ? 'proportional-mode' : ''} {isAltOptKeyDown && !isShiftKeyDown ? 'symmetrical-mode' : ''} {isShiftKeyDown && isAltOptKeyDown ? 'combined-mode' : ''} {isResizing ? 'resizing-mode' : ''}"
         class:hovering={isHovering}
         style="position: absolute; left: 8px; top: 8px; width: {currentWidth}px; height: {currentHeight}px;"
         on:mousedown={handleMouseDown}
@@ -540,6 +576,12 @@
         border-color: var(--combined-color);
     }
     
+    .moveable-container.hovering .resize-handle,
+    .moveable-container.resizing-mode .resize-handle {
+        opacity: 1; /* Visible on hover or when resizing */
+    }
+
+    /* Styles for resize handles */
     .resize-handle {
         position: absolute;
         width: 16px;
@@ -639,6 +681,7 @@
         border-radius: 4px;
         font-size: 12px;
         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+        width: -moz-fit-content;
         width: fit-content;
         z-index: 200; /* Highest z-index for info tooltip */
     }

package/dist/components/widget-system/Moveable.svelte.d.ts

@@ -1,56 +1,44 @@
-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;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        width?: string;
+        height?: string;
+        minWidth?: number;
+        minHeight?: number;
+        enableResize?: boolean;
+        className?: string;
+        getDimensions?: () => {
+            width: number;
+            height: number;
+            left: number;
+            top: number;
+        };
+        setPosition?: (left: number, top: number) => void;
+        setDimensions?: (newWidth: number, newHeight: number) => void;
     };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const Moveable: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    width?: string;
-    height?: string;
-    minWidth?: number;
-    minHeight?: number;
-    enableResize?: boolean;
-    className?: string;
-    getDimensions?: () => {
-        width: number;
-        height: number;
-        left: number;
-        top: number;
+    events: {
+        move: CustomEvent<any>;
+        moveEnd: CustomEvent<any>;
+        resizeEnd: CustomEvent<any>;
+        resize: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
     };
-    setPosition?: (left: number, top: number) => void;
-    setDimensions?: (newWidth: number, newHeight: number) => void;
-}, {
-    default: {};
-}>, {
-    move: CustomEvent<any>;
-    moveEnd: CustomEvent<any>;
-    resizeEnd: CustomEvent<any>;
-    resize: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {
-    getDimensions: () => {
+};
+export type MoveableProps = typeof __propDef.props;
+export type MoveableEvents = typeof __propDef.events;
+export type MoveableSlots = typeof __propDef.slots;
+export default class Moveable extends SvelteComponentTyped<MoveableProps, MoveableEvents, MoveableSlots> {
+    get getDimensions(): () => {
         width: number;
         height: number;
         left: number;
         top: number;
     };
-    setPosition: (left: number, top: number) => void;
-    setDimensions: (newWidth: number, newHeight: number) => void;
-}, string>;
-type Moveable = InstanceType<typeof Moveable>;
-export default Moveable;
+    get setPosition(): (left: number, top: number) => void;
+    get setDimensions(): (newWidth: number, newHeight: number) => void;
+}
+export {};

package/dist/icons/Checked.svelte.d.ts

@@ -1,20 +1,16 @@
-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;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        class?: string;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type CheckedProps = typeof __propDef.props;
+export type CheckedEvents = typeof __propDef.events;
+export type CheckedSlots = typeof __propDef.slots;
+export default class Checked extends SvelteComponentTyped<CheckedProps, CheckedEvents, CheckedSlots> {
 }
-declare const Checked: $$__sveltets_2_IsomorphicComponent<{
-    class?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Checked = InstanceType<typeof Checked>;
-export default Checked;
+export {};

package/dist/icons/CheckerBoardBackground.svelte.d.ts

@@ -1,3 +1,14 @@
-declare const CheckerBoardBackground: import("svelte").Component<any, {}, "">;
-type CheckerBoardBackground = ReturnType<typeof CheckerBoardBackground>;
-export default CheckerBoardBackground;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type CheckerBoardBackgroundProps = typeof __propDef.props;
+export type CheckerBoardBackgroundEvents = typeof __propDef.events;
+export type CheckerBoardBackgroundSlots = typeof __propDef.slots;
+export default class CheckerBoardBackground extends SvelteComponentTyped<CheckerBoardBackgroundProps, CheckerBoardBackgroundEvents, CheckerBoardBackgroundSlots> {
+}
+export {};

package/dist/icons/Close.svelte.d.ts

@@ -1,20 +1,16 @@
-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;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        class?: string;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type CloseProps = typeof __propDef.props;
+export type CloseEvents = typeof __propDef.events;
+export type CloseSlots = typeof __propDef.slots;
+export default class Close extends SvelteComponentTyped<CloseProps, CloseEvents, CloseSlots> {
 }
-declare const Close: $$__sveltets_2_IsomorphicComponent<{
-    class?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Close = InstanceType<typeof Close>;
-export default Close;
+export {};

package/dist/icons/Exclamation.svelte.d.ts

@@ -1,26 +1,23 @@
-export default Exclamation;
-type Exclamation = SvelteComponent<{
+/** @typedef {typeof __propDef.props}  ExclamationProps */
+/** @typedef {typeof __propDef.events}  ExclamationEvents */
+/** @typedef {typeof __propDef.slots}  ExclamationSlots */
+export default class Exclamation extends SvelteComponentTyped<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const Exclamation: $$__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;
+}, {}> {
 }
+export type ExclamationProps = typeof __propDef.props;
+export type ExclamationEvents = typeof __propDef.events;
+export type ExclamationSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/icons/FileBrowser.svelte.d.ts

@@ -1,20 +1,16 @@
-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;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        class?: string;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type FileBrowserProps = typeof __propDef.props;
+export type FileBrowserEvents = typeof __propDef.events;
+export type FileBrowserSlots = typeof __propDef.slots;
+export default class FileBrowser extends SvelteComponentTyped<FileBrowserProps, FileBrowserEvents, FileBrowserSlots> {
 }
-declare const FileBrowser: $$__sveltets_2_IsomorphicComponent<{
-    class?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type FileBrowser = InstanceType<typeof FileBrowser>;
-export default FileBrowser;
+export {};

package/dist/icons/LogoWidgetic.svelte

@@ -1,24 +1,13 @@
 <script lang="ts">
-  // Add type definition for props
+  /** Optional CSS class to apply to the SVG element */
   interface $$Props {
     class?: string;
   }
-  
-  // Accept class prop
-  let { class: className = '' } = $$props;
+
+  // Default empty class when none provided so parent layouts can style the icon.
+  let { class: className = "" } = $$props;
 </script>
 
-<svg
-  class={className}
-  width="40"
-  height="40"
-  viewBox="0 0 56 56"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path 
-    d="M52.3577 12.2767L46.0839 8.65265C45.9701 8.58436 45.8289 8.58436 45.7151 8.65265C45.6013 8.72094 45.5285 8.83932 45.5285 8.97136V27.3466C45.5285 33.6705 42.1275 39.5619 36.6504 42.7261L28.2276 47.5886L25.0406 45.7492L35.0569 39.9671C39.5506 37.372 42.3415 32.5369 42.3415 27.3512V7.01818C42.3415 6.69493 42.1685 6.39444 41.8862 6.23054L35.6124 2.60648C35.4985 2.53819 35.3574 2.53819 35.2436 2.60648C35.1298 2.67477 35.0569 2.79315 35.0569 2.92518V27.3466C35.0569 29.9418 33.6592 32.3593 31.4146 33.6569L17.7561 41.5424L14.5691 39.7031L29.8166 30.8979C31.0823 30.1694 31.8699 28.8081 31.8699 27.3466V5.00582C31.8699 3.38501 30.9958 1.87347 29.5935 1.06307C28.1912 0.25266 26.4475 0.25266 25.0406 1.06307L5.46341 12.3678C4.33431 13.0188 3.64227 14.2208 3.64227 15.5229V33.279C3.64227 33.411 3.71967 33.534 3.83804 33.5977C3.95186 33.666 4.093 33.6614 4.20682 33.5977L10.4715 29.9827C10.7538 29.8188 10.9268 29.5183 10.9268 29.1951V17.6309L24.5854 9.74534V25.5164L6.82926 35.7694C5.42699 36.5798 4.55284 38.0913 4.55284 39.7122C4.55284 41.333 5.42699 42.8445 6.82926 43.6549L26.4065 54.9596C26.9711 55.2829 27.5993 55.4468 28.2276 55.4468C28.8559 55.4468 29.4842 55.2829 30.0488 54.9596L40.2927 49.0455C48.0143 44.5883 52.813 36.2793 52.813 27.3603V13.0735C52.813 12.7411 52.64 12.4406 52.3577 12.2767Z" 
-    fill="#314F2F"
-  />
+<svg class={className} width="164" height="200" viewBox="0 0 164 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M68.402 0.173601C68.7871 -0.057867 69.2645 -0.057867 69.6496 0.173601L90.8741 12.4568C91.829 13.0124 92.4143 14.0308 92.4143 15.1264V84.7135C92.4143 106.201 90.8741 114.689 67.7705 127.473L34.2595 146.854L44.6669 152.873C63.2472 142.085 77.2847 133.965 86.7795 128.512L87.3437 128.188C97.4201 122.404 103.196 111.217 103.196 103.115V21.9856C103.196 21.5381 103.442 21.1369 103.827 20.9054C104.213 20.674 104.69 20.674 105.075 20.9054L126.3 33.1887C127.255 33.7442 127.84 34.7627 127.84 35.8583V104.774C127.84 122.35 118.398 138.738 103.196 147.534L69.3107 167.132L80.0924 173.366L108.587 156.885C127.116 146.161 138.621 126.193 138.621 104.759V42.4783C138.621 42.0307 138.868 41.6295 139.253 41.3981C139.638 41.1666 140.116 41.1666 140.501 41.3981L161.725 53.6813C162.68 54.2368 163.265 55.2553 163.265 56.3818V103.805C163.265 134.035 147.031 163.197 120.909 178.304L86.2534 198.349C84.3435 199.444 82.2179 200 80.0924 200C77.9669 200 75.8414 199.444 73.9315 198.349L7.70119 160.033C2.95726 157.286 0 152.163 0 146.67C0 141.176 2.95726 136.053 7.70119 133.306L58.8149 103.739C66.5 99 67.7705 92.1089 67.7705 84.698V1.25379C67.7705 0.806281 68.0169 0.405069 68.402 0.173601Z" fill="#F1F6E8"/>
 </svg>
-    

package/dist/icons/LogoWidgetic.svelte.d.ts

@@ -1,20 +1,16 @@
-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;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        class?: string;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type LogoWidgeticProps = typeof __propDef.props;
+export type LogoWidgeticEvents = typeof __propDef.events;
+export type LogoWidgeticSlots = typeof __propDef.slots;
+export default class LogoWidgetic extends SvelteComponentTyped<LogoWidgeticProps, LogoWidgeticEvents, LogoWidgeticSlots> {
 }
-declare const LogoWidgetic: $$__sveltets_2_IsomorphicComponent<{
-    class?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type LogoWidgetic = InstanceType<typeof LogoWidgetic>;
-export default LogoWidgetic;
+export {};

package/dist/icons/LogoWidgeticGreen.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+  /** Optional CSS class to apply to the SVG element */
+  interface $$Props {
+    class?: string;
+  }
+
+  // Default empty class when none provided so parent layouts can style the icon.
+  let { class: className = "" } = $$props;
+</script>
+
+<svg class={className} width="164" height="200" viewBox="0 0 164 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M68.402 0.173601C68.7871 -0.057867 69.2645 -0.057867 69.6496 0.173601L90.8741 12.4568C91.829 13.0124 92.4143 14.0308 92.4143 15.1264V84.7135C92.4143 106.201 90.8741 114.689 67.7705 127.473L34.2595 146.854L44.6669 152.873C63.2472 142.085 77.2847 133.965 86.7795 128.512L87.3437 128.188C97.4201 122.404 103.196 111.217 103.196 103.115V21.9856C103.196 21.5381 103.442 21.1369 103.827 20.9054C104.213 20.674 104.69 20.674 105.075 20.9054L126.3 33.1887C127.255 33.7442 127.84 34.7627 127.84 35.8583V104.774C127.84 122.35 118.398 138.738 103.196 147.534L69.3107 167.132L80.0924 173.366L108.587 156.885C127.116 146.161 138.621 126.193 138.621 104.759V42.4783C138.621 42.0307 138.868 41.6295 139.253 41.3981C139.638 41.1666 140.116 41.1666 140.501 41.3981L161.725 53.6813C162.68 54.2368 163.265 55.2553 163.265 56.3818V103.805C163.265 134.035 147.031 163.197 120.909 178.304L86.2534 198.349C84.3435 199.444 82.2179 200 80.0924 200C77.9669 200 75.8414 199.444 73.9315 198.349L7.70119 160.033C2.95726 157.286 0 152.163 0 146.67C0 141.176 2.95726 136.053 7.70119 133.306L58.8149 103.739C66.5 99 67.7705 92.1089 67.7705 84.698V1.25379C67.7705 0.806281 68.0169 0.405069 68.402 0.173601Z" fill="#314F2F"/>
+</svg>

package/dist/icons/LogoWidgeticGreen.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        class?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type LogoWidgeticGreenProps = typeof __propDef.props;
+export type LogoWidgeticGreenEvents = typeof __propDef.events;
+export type LogoWidgeticGreenSlots = typeof __propDef.slots;
+export default class LogoWidgeticGreen extends SvelteComponentTyped<LogoWidgeticGreenProps, LogoWidgeticGreenEvents, LogoWidgeticGreenSlots> {
+}
+export {};

package/dist/icons/LogoWidgeticType-old.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+    // Add type definition for props
+    interface $$Props {
+      class?: string;
+    }
+    
+    // Accept class prop
+    let { class: className = 'close-icon-svg' } = $$props;
+</script>
+<svg width="135" height="32" viewBox="0 0 135 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.9443 0.0277762C11.0059 -0.00925872 11.0823 -0.00925872 11.1439 0.0277762L14.5399 1.99309C14.6926 2.08198 14.7863 2.24493 14.7863 2.42023V13.5542C14.7863 16.9922 14.5399 18.3502 10.8433 20.3957L5.48152 23.4967L7.14671 24.4597C10.1195 22.7336 12.3655 21.4344 13.8847 20.562L13.975 20.5101C15.5872 19.5847 16.5114 17.7946 16.5114 16.4984V3.5177C16.5114 3.4461 16.5508 3.3819 16.6124 3.34487C16.674 3.30783 16.7504 3.30783 16.812 3.34487L20.2079 5.31019C20.3607 5.39907 20.4544 5.56202 20.4544 5.73732V16.7638C20.4544 19.576 18.9437 22.1981 16.5114 23.6054L11.0897 26.741L12.8148 27.7385L17.3739 25.1016C20.3385 23.3857 22.1794 20.1908 22.1794 16.7614V6.79652C22.1794 6.72492 22.2189 6.66073 22.2805 6.62369C22.3421 6.58666 22.4185 6.58666 22.4801 6.62369L25.876 8.58901C26.0288 8.67789 26.1224 8.84085 26.1224 9.02108V16.6088C26.1224 21.4455 23.525 26.1115 19.3454 28.5286L13.8005 31.7358C13.495 31.9111 13.1549 32 12.8148 32C12.4747 32 12.1346 31.9111 11.829 31.7358L1.23219 25.6053C0.473161 25.1658 0 24.3461 0 23.4672C0 22.5882 0.473161 21.7685 1.23219 21.329L9.41039 16.5982C10.64 15.84 10.8433 14.7374 10.8433 13.5517V0.200606C10.8433 0.129005 10.8827 0.0648111 10.9443 0.0277762Z" fill="#314F2F"/>
+<path d="M51.192 26L48.312 16.544L45.408 26H42.96L39.288 13.28H41.664L44.232 22.544L47.112 13.28H49.512L52.344 22.568L54.912 13.28H57.312L53.616 26H51.192ZM62.2414 10.328C62.2414 11.24 61.5214 11.936 60.4894 11.936C59.4574 11.936 58.7134 11.24 58.7134 10.328C58.7134 9.392 59.4574 8.72 60.4894 8.72C61.5214 8.72 62.2414 9.392 62.2414 10.328ZM61.7134 26H59.2894V13.28H61.7134V26ZM64.1664 19.64C64.1664 15.776 66.3744 13.04 69.8064 13.04C71.5104 13.04 72.9984 13.904 73.8864 15.464V8.768H76.3104V26H74.0544V23.72C73.1424 25.328 71.6064 26.24 69.8064 26.24C66.3744 26.24 64.1664 23.456 64.1664 19.64ZM66.6864 19.64C66.6864 22.472 68.1744 24.08 70.2864 24.08C72.3504 24.08 73.8864 22.4 73.8864 19.592C73.8864 16.736 72.3024 15.176 70.2864 15.176C68.1744 15.176 66.6864 16.76 66.6864 19.64ZM84.768 30.896C81.432 30.896 79.272 29.12 79.128 26.24H81.48C81.624 28.016 82.776 28.976 84.744 28.976C86.928 28.976 88.08 27.8 88.08 25.616V23.312C87.36 24.848 85.92 25.736 84.192 25.736C81.024 25.736 78.768 23.12 78.768 19.376C78.768 15.584 80.928 13.04 84.12 13.04C85.944 13.04 87.384 13.928 88.248 15.536V13.28H90.504V25.568C90.504 28.904 88.368 30.896 84.768 30.896ZM81.216 19.376C81.216 22.016 82.512 23.624 84.624 23.624C86.688 23.624 88.08 21.968 88.08 19.448C88.08 16.808 86.712 15.128 84.624 15.128C82.536 15.128 81.216 16.76 81.216 19.376ZM99.0917 26.24C95.4197 26.24 92.9477 23.576 92.9477 19.568C92.9477 15.8 95.5157 13.04 99.0197 13.04C102.812 13.04 105.332 16.112 104.9 20.24H95.4197C95.6117 22.832 96.9077 24.344 99.0437 24.344C100.844 24.344 102.092 23.36 102.5 21.704H104.9C104.276 24.536 102.092 26.24 99.0917 26.24ZM98.9717 14.864C97.0277 14.864 95.7077 16.256 95.4437 18.632H102.332C102.212 16.28 100.94 14.864 98.9717 14.864ZM114.606 23.648V25.784C113.862 26.12 113.214 26.24 112.446 26.24C110.094 26.24 108.462 24.968 108.462 22.16V15.344H105.654V13.28H108.462V9.512H110.886V13.28H114.726V15.344H110.886V21.608C110.886 23.36 111.726 23.984 113.022 23.984C113.598 23.984 114.102 23.888 114.606 23.648ZM119.991 10.328C119.991 11.24 119.271 11.936 118.239 11.936C117.207 11.936 116.463 11.24 116.463 10.328C116.463 9.392 117.207 8.72 118.239 8.72C119.271 8.72 119.991 9.392 119.991 10.328ZM119.463 26H117.039V13.28H119.463V26ZM127.844 26.264C124.364 26.264 121.916 23.528 121.916 19.64C121.916 15.8 124.412 13.04 127.844 13.04C130.988 13.04 133.268 15.128 133.724 18.44H131.18C130.916 16.4 129.644 15.176 127.868 15.176C125.78 15.176 124.412 16.952 124.412 19.64C124.412 22.352 125.78 24.104 127.868 24.104C129.668 24.104 130.916 22.904 131.204 20.84H133.724C133.292 24.2 131.036 26.264 127.844 26.264Z" fill="#0F2010"/>
+</svg>

package/dist/icons/LogoWidgeticType-old.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        class?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type LogoWidgeticTypeOldProps = typeof __propDef.props;
+export type LogoWidgeticTypeOldEvents = typeof __propDef.events;
+export type LogoWidgeticTypeOldSlots = typeof __propDef.slots;
+export default class LogoWidgeticTypeOld extends SvelteComponentTyped<LogoWidgeticTypeOldProps, LogoWidgeticTypeOldEvents, LogoWidgeticTypeOldSlots> {
+}
+export {};

package/dist/icons/LogoWidgeticType-old.svg

@@ -0,0 +1,4 @@
+<svg width="135" height="32" viewBox="0 0 135 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.9443 0.0277762C11.0059 -0.00925872 11.0823 -0.00925872 11.1439 0.0277762L14.5399 1.99309C14.6926 2.08198 14.7863 2.24493 14.7863 2.42023V13.5542C14.7863 16.9922 14.5399 18.3502 10.8433 20.3957L5.48152 23.4967L7.14671 24.4597C10.1195 22.7336 12.3655 21.4344 13.8847 20.562L13.975 20.5101C15.5872 19.5847 16.5114 17.7946 16.5114 16.4984V3.5177C16.5114 3.4461 16.5508 3.3819 16.6124 3.34487C16.674 3.30783 16.7504 3.30783 16.812 3.34487L20.2079 5.31019C20.3607 5.39907 20.4544 5.56202 20.4544 5.73732V16.7638C20.4544 19.576 18.9437 22.1981 16.5114 23.6054L11.0897 26.741L12.8148 27.7385L17.3739 25.1016C20.3385 23.3857 22.1794 20.1908 22.1794 16.7614V6.79652C22.1794 6.72492 22.2189 6.66073 22.2805 6.62369C22.3421 6.58666 22.4185 6.58666 22.4801 6.62369L25.876 8.58901C26.0288 8.67789 26.1224 8.84085 26.1224 9.02108V16.6088C26.1224 21.4455 23.525 26.1115 19.3454 28.5286L13.8005 31.7358C13.495 31.9111 13.1549 32 12.8148 32C12.4747 32 12.1346 31.9111 11.829 31.7358L1.23219 25.6053C0.473161 25.1658 0 24.3461 0 23.4672C0 22.5882 0.473161 21.7685 1.23219 21.329L9.41039 16.5982C10.64 15.84 10.8433 14.7374 10.8433 13.5517V0.200606C10.8433 0.129005 10.8827 0.0648111 10.9443 0.0277762Z" fill="#314F2F"/>
+<path d="M51.192 26L48.312 16.544L45.408 26H42.96L39.288 13.28H41.664L44.232 22.544L47.112 13.28H49.512L52.344 22.568L54.912 13.28H57.312L53.616 26H51.192ZM62.2414 10.328C62.2414 11.24 61.5214 11.936 60.4894 11.936C59.4574 11.936 58.7134 11.24 58.7134 10.328C58.7134 9.392 59.4574 8.72 60.4894 8.72C61.5214 8.72 62.2414 9.392 62.2414 10.328ZM61.7134 26H59.2894V13.28H61.7134V26ZM64.1664 19.64C64.1664 15.776 66.3744 13.04 69.8064 13.04C71.5104 13.04 72.9984 13.904 73.8864 15.464V8.768H76.3104V26H74.0544V23.72C73.1424 25.328 71.6064 26.24 69.8064 26.24C66.3744 26.24 64.1664 23.456 64.1664 19.64ZM66.6864 19.64C66.6864 22.472 68.1744 24.08 70.2864 24.08C72.3504 24.08 73.8864 22.4 73.8864 19.592C73.8864 16.736 72.3024 15.176 70.2864 15.176C68.1744 15.176 66.6864 16.76 66.6864 19.64ZM84.768 30.896C81.432 30.896 79.272 29.12 79.128 26.24H81.48C81.624 28.016 82.776 28.976 84.744 28.976C86.928 28.976 88.08 27.8 88.08 25.616V23.312C87.36 24.848 85.92 25.736 84.192 25.736C81.024 25.736 78.768 23.12 78.768 19.376C78.768 15.584 80.928 13.04 84.12 13.04C85.944 13.04 87.384 13.928 88.248 15.536V13.28H90.504V25.568C90.504 28.904 88.368 30.896 84.768 30.896ZM81.216 19.376C81.216 22.016 82.512 23.624 84.624 23.624C86.688 23.624 88.08 21.968 88.08 19.448C88.08 16.808 86.712 15.128 84.624 15.128C82.536 15.128 81.216 16.76 81.216 19.376ZM99.0917 26.24C95.4197 26.24 92.9477 23.576 92.9477 19.568C92.9477 15.8 95.5157 13.04 99.0197 13.04C102.812 13.04 105.332 16.112 104.9 20.24H95.4197C95.6117 22.832 96.9077 24.344 99.0437 24.344C100.844 24.344 102.092 23.36 102.5 21.704H104.9C104.276 24.536 102.092 26.24 99.0917 26.24ZM98.9717 14.864C97.0277 14.864 95.7077 16.256 95.4437 18.632H102.332C102.212 16.28 100.94 14.864 98.9717 14.864ZM114.606 23.648V25.784C113.862 26.12 113.214 26.24 112.446 26.24C110.094 26.24 108.462 24.968 108.462 22.16V15.344H105.654V13.28H108.462V9.512H110.886V13.28H114.726V15.344H110.886V21.608C110.886 23.36 111.726 23.984 113.022 23.984C113.598 23.984 114.102 23.888 114.606 23.648ZM119.991 10.328C119.991 11.24 119.271 11.936 118.239 11.936C117.207 11.936 116.463 11.24 116.463 10.328C116.463 9.392 117.207 8.72 118.239 8.72C119.271 8.72 119.991 9.392 119.991 10.328ZM119.463 26H117.039V13.28H119.463V26ZM127.844 26.264C124.364 26.264 121.916 23.528 121.916 19.64C121.916 15.8 124.412 13.04 127.844 13.04C130.988 13.04 133.268 15.128 133.724 18.44H131.18C130.916 16.4 129.644 15.176 127.868 15.176C125.78 15.176 124.412 16.952 124.412 19.64C124.412 22.352 125.78 24.104 127.868 24.104C129.668 24.104 130.916 22.904 131.204 20.84H133.724C133.292 24.2 131.036 26.264 127.844 26.264Z" fill="#0F2010"/>
+</svg>