@coyalabs/bts-style 1.0.8 → 1.1.0

package/dist/Components/Toggle.svelte

@@ -0,0 +1,59 @@
+<script>
+  /**
+   * @type {boolean}
+   */
+  export let checked = false;
+
+  function toggle() {
+    checked = !checked;
+  }
+</script>
+
+<button class="toggle" class:checked on:click={toggle} aria-label="Toggle switch">
+  <div class="pill"></div>
+</button>
+
+<style>
+  .toggle {
+    all: unset;
+    cursor: pointer;
+    position: relative;
+    width: 50px;
+    height: 25px;
+    border-radius: 25px;
+    border: 2px solid rgba(255, 255, 255, 0.13);
+    box-sizing: border-box;
+    transition: all 0.3s ease;
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  /* Off state */
+  .toggle {
+    background: rgba(121, 92, 105, 0.25);
+    box-shadow: inset 0px 0px 9px 2px rgba(102, 88, 128, 0.48);
+  }
+
+  /* On state */
+  .toggle.checked {
+    background: #ffa1cb6c;
+    box-shadow: 
+      0px 0px 13px 0px rgba(255, 255, 255, 0.07),
+      inset 0px 0px 9px 2px rgba(193, 182, 212, 0.5);
+  }
+
+  .pill {
+    position: absolute;
+    width: calc(50% - 4px);
+    height: calc(100% - 4px);
+    background: #FFEFF6;
+    border-radius: 25px;
+    top: 2px;
+    left: 2px;
+    transition: transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
+  }
+
+  .toggle.checked .pill {
+    transform: translateX(calc(100% + 4px));
+  }
+</style>

package/dist/{Testing.svelte.d.ts → Components/Toggle.svelte.d.ts}

@@ -1,18 +1,14 @@
-export default Testing;
-type Testing = SvelteComponent<{
-    name?: string | undefined;
+export default Toggle;
+type Toggle = SvelteComponent<{
+    checked?: boolean | undefined;
 }, {
-    ping: CustomEvent<any>;
-} & {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
     $$bindings?: string | undefined;
 };
-declare const Testing: $$__sveltets_2_IsomorphicComponent<{
-    name?: string | undefined;
+declare const Toggle: $$__sveltets_2_IsomorphicComponent<{
+    checked?: boolean | undefined;
 }, {
-    ping: CustomEvent<any>;
-} & {
     [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> {

package/dist/Components/Tooltip.svelte

@@ -0,0 +1,132 @@
+<script>
+  import BaseContainer from '../Base/BaseContainer.svelte';
+  import BaseIcon from '../Base/BaseIcon.svelte';
+  import BaseText from '../Base/BaseText.svelte';
+  import { icons } from '../icons.js';
+  /**
+   * @type {string}
+   */
+  export let text;
+
+  /**
+   * @type {string}
+   */
+  export let iconSize = '12px';
+
+  let showTooltip = false;
+  /**
+     * @type {HTMLDivElement}
+     */
+  let tooltipElement;
+  /**
+     * @type {HTMLDivElement}
+     */
+  let iconElement;
+  let positionBelow = false;
+
+  function handleMouseEnter() {
+    showTooltip = true;
+    
+    // Check position after tooltip is rendered
+    setTimeout(() => {
+      if (tooltipElement && iconElement) {
+        const iconRect = iconElement.getBoundingClientRect();
+        const tooltipRect = tooltipElement.getBoundingClientRect();
+        
+        // Check if there's enough space above
+        const spaceAbove = iconRect.top;
+        const spaceBelow = window.innerHeight - iconRect.bottom;
+        
+        positionBelow = spaceAbove < tooltipRect.height + 10;
+      }
+    }, 0);
+  }
+
+  function handleMouseLeave() {
+    showTooltip = false;
+  }
+</script>
+
+<div class="tooltip-wrapper">
+  <div 
+    class="icon-trigger" 
+    bind:this={iconElement}
+    on:mouseenter={handleMouseEnter}
+    on:mouseleave={handleMouseLeave}
+    role="tooltip"
+  >
+    <BaseIcon variant="toned" svg={icons.help} size={iconSize} />
+  </div>
+  
+  {#if showTooltip}
+    <div 
+      class="tooltip" 
+      class:below={positionBelow}
+      bind:this={tooltipElement}
+    >
+      <BaseContainer theme="filled" padding="0.75rem" borderRadiusTopLeft="15px" borderRadiusTopRight="15px" borderRadiusBottomLeft="15px" borderRadiusBottomRight="15px">
+        <BaseText textModifier="-5px">{text}</BaseText>
+      </BaseContainer>
+    </div>
+  {/if}
+</div>
+
+<style>
+  .tooltip-wrapper {
+    position: relative;
+    display: inline-flex;
+  }
+
+  .icon-trigger {
+    cursor: help;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 8px;
+    margin: -8px;
+  }
+
+  .tooltip {
+    position: absolute;
+    bottom: calc(100% + 8px);
+    left: 50%;
+    transform: translateX(-50%);
+    min-width: 150px;
+    max-width: 500px;
+    white-space: normal;
+    z-index: 10000;
+    pointer-events: none;
+    animation: fadeIn 0.2s ease;
+  }
+
+  .tooltip.below {
+    bottom: auto;
+    top: calc(100% + 8px);
+  }
+
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+      transform: translateX(-50%) translateY(-5px);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(-50%) translateY(0);
+    }
+  }
+
+  .tooltip.below {
+    animation: fadeInBelow 0.2s ease;
+  }
+
+  @keyframes fadeInBelow {
+    from {
+      opacity: 0;
+      transform: translateX(-50%) translateY(5px);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(-50%) translateY(0);
+    }
+  }
+</style>

package/dist/Components/Tooltip.svelte.d.ts

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

package/dist/Components/TreeDirectory.svelte

@@ -0,0 +1,148 @@
+<script>
+  import { slide } from 'svelte/transition';
+  import Button from './Button.svelte';
+  import { icons } from '../icons.js';
+  
+  /** @type {{ name: string, type: 'file' | 'folder', children?: any[] }[]} */
+  export let items = [];
+  
+  /** @type {boolean} */
+  export let showCount = true;
+  
+  /** @type {string | null} */
+  export let itemIcon = null;
+
+  /** @type {number} */
+  export let level = 0;
+  
+  let expanded = new Set();
+  
+  /**
+     * @param {string} id
+  */
+  function toggle(id) {
+    if (expanded.has(id)) expanded.delete(id);
+    else expanded.add(id);
+    expanded = expanded;
+  }
+
+  /**
+   * Get the current expanded state
+   * @returns {string[]}
+   */
+  export function getState() {
+    return Array.from(expanded);
+  }
+
+  /**
+   * Set the expanded state
+   * @param {string[]} state
+   */
+  export function setState(state) {
+    expanded = new Set(state);
+  }
+
+  /**
+   * Expand all folders
+   */
+  export function expandAll() {
+    /** @type {string[]} */
+    const allIds = [];
+    /**
+     * @param {any[]} items
+     * @param {number} lvl
+     */
+    function collectIds(items, lvl) {
+      items.forEach((/** @type {any} */ item, /** @type {number} */ i) => {
+        if (item.type === 'folder') {
+          const id = `${lvl}-${i}`;
+          allIds.push(id);
+          if (item.children) collectIds(item.children, lvl + 1);
+        }
+      });
+    }
+    collectIds(items, level);
+    expanded = new Set(allIds);
+  }
+
+  /**
+   * Collapse all folders
+   */
+  export function collapseAll() {
+    expanded = new Set();
+  }
+
+  /**
+   * Count total items recursively in a folder
+   * @param {any[]} children
+   * @returns {number}
+   */
+  function countItems(children) {
+    if (!children) return 0;
+    let count = 0;
+    children.forEach((/** @type {any} */ child) => {
+      count++;
+      if (child.type === 'folder' && child.children) {
+        count += countItems(child.children);
+      }
+    });
+    return count;
+  }
+</script>
+
+<div class="tree" style="padding-left: {level === 0 ? level * 30 : level * 20}px;">
+  {#each items as item, i}
+    {@const id = `${level}-${i}`}
+    {@const open = expanded.has(id)}
+    {@const isLast = i === items.length - 1}
+    {@const isNested = level > 0}
+    
+    {#if item.type === 'folder'}
+      <div class="folder" on:click={() => toggle(id)} on:keydown={() => {}} role="button" tabindex="0">
+        <Button 
+          theme="primary" 
+          icon={icons.folder} 
+          actionIcon={icons.icon_expand} 
+          actionIconSize="15px" 
+          actionIconRotation={open ? 0 : -90}
+          borderRadiusTopLeft={isNested ? '15px' : '25px'}
+          borderRadiusTopRight={isNested ? '15px' : '25px'}
+          borderRadiusBottomRight="15px"
+        >
+          {item.name}{#if showCount && item.children} <span class="count">({countItems(item.children)})</span>{/if}
+        </Button>
+      </div>
+      {#if open && item.children}
+        <div transition:slide={{ duration: 150 }}>
+          <svelte:self items={item.children} {showCount} {itemIcon} level={level + 1} />
+        </div>
+      {/if}
+    {:else}
+      <Button 
+        theme="secondary" 
+        icon={itemIcon}
+        borderRadiusTopLeft={isNested ? '15px' : '25px'}
+        borderRadiusTopRight={isNested ? '15px' : '25px'}
+        borderRadiusBottomLeft={isNested && !isLast ? '15px' : '25px'}
+        borderRadiusBottomRight={isNested && !isLast ? '15px' : '25px'}
+      >
+        {item.name}
+      </Button>
+    {/if}
+  {/each}
+</div>
+
+<style>
+  .tree {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+  .folder {
+    cursor: pointer;
+  }
+  .folder :global(.count) {
+    margin-left: 5px;
+    opacity: 0.5;
+  }
+</style>

package/dist/Components/TreeDirectory.svelte.d.ts

@@ -0,0 +1,58 @@
+export default TreeDirectory;
+type TreeDirectory = SvelteComponent<{
+    items?: {
+        name: string;
+        type: "file" | "folder";
+        children?: any[] | undefined;
+    }[] | undefined;
+    showCount?: boolean | undefined;
+    itemIcon?: string | null | undefined;
+    level?: number | undefined;
+    getState?: (() => string[]) | undefined;
+    setState?: ((state: string[]) => void) | undefined;
+    expandAll?: (() => void) | undefined;
+    collapseAll?: (() => void) | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+} & {
+    getState: () => string[];
+    setState: (state: string[]) => void;
+    expandAll: () => void;
+    collapseAll: () => void;
+};
+declare const TreeDirectory: $$__sveltets_2_IsomorphicComponent<{
+    items?: {
+        name: string;
+        type: "file" | "folder";
+        children?: any[];
+    }[] | undefined;
+    showCount?: boolean | undefined;
+    itemIcon?: string | null | undefined;
+    level?: number | undefined;
+    getState?: (() => string[]) | undefined;
+    setState?: ((state: string[]) => void) | undefined;
+    expandAll?: (() => void) | undefined;
+    collapseAll?: (() => void) | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {
+    getState: () => string[];
+    setState: (state: string[]) => void;
+    expandAll: () => void;
+    collapseAll: () => void;
+}, 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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/Components/popupStore.d.ts

@@ -0,0 +1,31 @@
+export namespace popupStore {
+    export { subscribe };
+    export function open(title: any, component: any, props?: {}, subtitle?: string): void;
+    export function close(): void;
+    export function confirm(title: string, message: string, options?: {
+        onConfirm?: (() => void) | undefined;
+        onCancel?: (() => void) | undefined;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+    }): void;
+    export function alert(title: string, message: string, options?: {
+        onOk?: (() => void) | undefined;
+        okText?: string | undefined;
+    }): void;
+    export function prompt(title: string, message: string, options?: {
+        onSubmit?: ((value: string) => void) | undefined;
+        onCancel?: (() => void) | undefined;
+        placeholder?: string | undefined;
+        submitText?: string | undefined;
+        cancelText?: string | undefined;
+        label?: string | undefined;
+    }): void;
+}
+declare const subscribe: (this: void, run: import("svelte/store").Subscriber<{
+    isOpen: boolean;
+    title: string;
+    subtitle?: string;
+    component: any;
+    props: any;
+}>, invalidate?: () => void) => import("svelte/store").Unsubscriber;
+export {};

package/dist/Components/popupStore.js

@@ -0,0 +1,99 @@
+import { writable } from 'svelte/store';
+import ConfirmPopup from './Popup/ConfirmPopup.svelte';
+import AlertPopup from './Popup/AlertPopup.svelte';
+import PromptPopup from './Popup/PromptPopup.svelte';
+
+function createPopupStore() {
+  /** @type {import('svelte/store').Writable<{isOpen: boolean, title: string, subtitle?: string, component: any, props: any}>} */
+  const { subscribe, set, update } = writable({
+    isOpen: false,
+    title: '',
+    subtitle: '',
+    component: /** @type {any} */ (null),
+    props: {}
+  });
+
+  return {
+    subscribe,
+    open: (/** @type {any} */ title, /** @type {any} */ component, props = {}, subtitle = '') => {
+      set({
+        isOpen: true,
+        title,
+        subtitle,
+        component,
+        props
+      });
+    },
+    close: () => {
+      set({
+        isOpen: false,
+        title: '',
+        subtitle: '',
+        component: null,
+        props: {}
+      });
+    },
+
+    /**
+     * Show a confirmation popup with two buttons
+     * @param {string} title
+     * @param {string} message
+     * @param {Object} options
+     * @param {() => void} [options.onConfirm]
+     * @param {() => void} [options.onCancel]
+     * @param {string} [options.confirmText]
+     * @param {string} [options.cancelText]
+     */
+    confirm: (title, message, options = {}) => {
+      set({
+        isOpen: true,
+        title,
+        subtitle: message,
+        component: ConfirmPopup,
+        props: options
+      });
+    },
+
+    /**
+     * Show an alert popup with one button
+     * @param {string} title
+     * @param {string} message
+     * @param {Object} options
+     * @param {() => void} [options.onOk]
+     * @param {string} [options.okText]
+     */
+    alert: (title, message, options = {}) => {
+      set({
+        isOpen: true,
+        title,
+        subtitle: message,
+        component: AlertPopup,
+        props: options
+      });
+    },
+
+    /**
+     * Show a prompt popup with input field
+     * @param {string} title
+     * @param {string} message
+     * @param {Object} options
+     * @param {(value: string) => void} [options.onSubmit]
+     * @param {() => void} [options.onCancel]
+     * @param {string} [options.placeholder]
+     * @param {string} [options.submitText]
+     * @param {string} [options.cancelText]
+     * @param {string} [options.label]
+     */
+    prompt: (title, message, options = {}) => {
+      set({
+        isOpen: true,
+        title,
+        subtitle: message,
+        component: PromptPopup,
+        props: options
+      });
+    }
+  };
+}
+
+export const popupStore = createPopupStore();

package/dist/Structure/BG/AssetGear.d.ts

@@ -0,0 +1,2 @@
+export const gearSVGDark: "<svg width=\"220\" height=\"215\" viewBox=\"0 0 220 215\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0_2265_239)\"><path d=\"M118.931 35.6283C119.659 34.1799 121.114 33.4554 122.901 33.7185C124.554 33.982 125.745 35.233 125.943 36.9449L127.135 44.9114C130.376 45.8332 133.617 46.9532 136.793 48.3358L142.748 43.1339C144.004 41.8171 145.592 41.6854 147.246 42.5414C148.701 43.3316 149.297 44.9115 148.966 46.689L147.312 54.5248C150.024 56.4339 152.737 58.6722 155.184 60.9768L162.594 58.0142C164.248 57.2897 165.77 57.6851 167.027 59.1993C168.152 60.3845 168.282 62.0966 167.357 63.4792L163.057 70.3264C165.042 73.0918 166.63 76.0544 168.152 79.2149L176.222 78.8859C177.942 78.8201 179.397 79.742 179.993 81.3878C180.521 83.0336 179.993 84.5478 178.603 85.5356L172.319 90.6053C173.179 93.8318 173.841 97.1234 174.105 100.679L181.779 103.116C183.433 103.708 184.491 104.959 184.491 106.671C184.491 108.448 183.433 109.7 181.779 110.292L174.105 112.662C173.841 116.218 173.179 119.641 172.319 122.802L178.603 127.806C179.993 128.859 180.521 130.439 179.993 132.086C179.397 133.732 177.942 134.653 176.222 134.587L168.152 134.192C166.63 137.352 165.042 140.315 163.057 143.081L167.357 149.928C168.282 151.376 168.152 153.088 167.027 154.274C165.77 155.788 164.248 156.117 162.594 155.459L155.184 152.365C152.737 154.801 150.024 156.973 147.312 158.882L148.966 166.783C149.297 168.495 148.701 170.076 147.246 170.865C145.592 171.787 144.004 171.524 142.748 170.339L136.793 165.005C133.617 166.388 130.376 167.64 127.135 168.496L125.943 176.462C125.745 178.24 124.554 179.425 122.901 179.755C121.114 180.017 119.659 179.227 118.931 177.779L115.094 170.536C113.308 170.668 111.72 170.865 110 170.865C108.214 170.865 106.56 170.668 104.773 170.536L101.003 177.779C100.275 179.227 98.8202 180.018 96.9675 179.755C95.3133 179.425 94.1894 178.24 93.9246 176.462L92.7999 168.496C89.4922 167.64 86.2508 166.388 83.0751 165.005L77.187 170.339C75.9298 171.524 74.3418 171.787 72.6881 170.865C71.2328 170.076 70.6378 168.495 70.9685 166.783L72.6217 158.882C69.8435 156.973 67.131 154.801 64.683 152.365L57.3399 155.459C55.686 156.117 54.0986 155.788 52.8418 154.274C51.7172 153.088 51.5848 151.376 52.5772 149.928L56.8107 143.081C54.8923 140.315 53.3048 137.352 51.7834 134.192L43.6457 134.587C41.9261 134.653 40.4707 133.732 39.9414 132.086C39.4121 130.439 39.8752 128.859 41.2644 127.806L47.6154 122.802C46.7554 119.641 46.028 116.218 45.8296 112.728L38.1547 110.292C36.4347 109.7 35.5088 108.448 35.5088 106.671C35.5088 104.892 36.4349 103.642 38.1547 103.116L45.8296 100.679C46.028 97.1234 46.7553 93.8318 47.6154 90.6053L41.2644 85.5356C39.8752 84.5478 39.4122 83.0336 39.9414 81.3878C40.4706 79.742 41.926 78.8201 43.6457 78.8859L51.7834 79.2149C53.3048 76.0544 54.8925 73.0918 56.877 70.3264L52.5109 63.4127C51.6509 62.096 51.7836 60.3844 52.8418 59.1993C54.0986 57.6852 55.686 57.2898 57.3399 58.0142L64.683 60.9768C67.131 58.6723 69.8435 56.4339 72.6217 54.5248L70.9685 46.689C70.6378 44.9116 71.233 43.3316 72.6881 42.5414C74.2757 41.6854 75.8637 41.817 77.187 43.1339L83.1407 48.3358C86.2501 46.9532 89.4922 45.8332 92.7999 44.8457L93.9246 36.9449C94.1894 35.2331 95.3133 33.982 96.9675 33.7185C98.8202 33.4554 100.275 34.1799 101.003 35.6283L104.773 42.8708C106.626 42.7392 108.214 42.6071 110 42.6071C111.72 42.6071 113.308 42.7392 115.094 42.8708L118.931 35.6283ZM110.386 64.2705C86.9378 64.2705 67.9298 83.1109 67.9298 106.352C67.9299 129.594 86.9378 148.434 110.386 148.434C133.834 148.434 152.842 129.594 152.842 106.352C152.842 83.1109 133.834 64.2705 110.386 64.2705Z\" fill=\"#130F15\"/><path d=\"M110 201.849C112.54 201.849 114.885 201.559 117.522 201.365L123.188 212.021C124.263 214.151 126.412 215.314 129.05 214.927C131.492 214.441 133.251 212.699 133.544 210.083L135.302 198.362C140.089 197.103 144.876 195.263 149.565 193.228L158.358 201.074C160.213 202.818 162.558 203.206 165 201.849C167.15 200.687 168.028 198.362 167.54 195.844L165.098 184.22C169.103 181.41 173.108 178.214 176.723 174.631L187.665 179.183C190.107 180.152 192.354 179.667 194.211 177.439C195.872 175.696 196.066 173.177 194.699 171.046L188.349 160.972C191.28 156.904 193.625 152.544 195.872 147.896L207.79 148.476C210.328 148.573 212.478 147.218 213.358 144.796C214.138 142.374 213.358 140.049 211.305 138.499L202.026 131.138C203.296 126.488 204.273 121.451 204.663 116.22L215.994 112.733C218.438 111.861 220 110.021 220 107.406C220 104.887 218.438 103.046 215.994 102.175L204.663 98.5901C204.273 93.3597 203.296 88.5165 202.026 83.7704L211.305 76.3119C213.358 74.8588 214.138 72.6307 213.358 70.2092C212.478 67.7874 210.328 66.4313 207.79 66.528L195.872 67.0128C193.625 62.3629 191.28 58.0042 188.349 53.9359L194.699 43.8618C196.066 41.8276 195.872 39.309 194.211 37.5652C192.354 35.3377 190.107 34.7561 187.665 35.822L176.723 40.181C173.108 36.7903 169.103 33.4969 165.098 30.6881L167.54 19.1609C168.028 16.5456 167.15 14.2208 165 13.0582C162.558 11.7989 160.213 11.9928 158.358 13.9303L149.565 21.5828C144.876 19.5486 140.089 17.9016 135.302 16.5456L133.544 4.82504C133.251 2.30643 131.492 0.466035 129.05 0.0783659C126.412 -0.30889 124.263 0.756579 123.188 2.88752L117.522 13.543C114.885 13.3492 112.54 13.1554 110 13.1554C107.362 13.1554 105.018 13.3492 102.283 13.543L96.7143 2.88752C95.6398 0.756579 93.4907 -0.30889 90.755 0.0783659C88.3126 0.466035 86.6522 2.30643 86.2608 4.82504L84.6004 16.4489C79.7156 17.9016 74.9292 19.5486 70.3376 21.5828L61.5457 13.9303C59.5917 11.9928 57.2471 11.7989 54.9024 13.0582C52.7534 14.2208 51.8739 16.5456 52.3624 19.1609L54.8045 30.6881C50.7018 33.4969 46.6967 36.7903 43.0816 40.181L32.2382 35.822C29.7956 34.7561 27.4511 35.3377 25.595 37.5652C24.0323 39.309 23.8368 41.8276 25.1069 43.7647L31.5542 53.9359C28.6235 58.0042 26.279 62.3629 24.0323 67.0128L12.0159 66.528C9.47629 66.4313 7.32678 67.7874 6.54525 70.2092C5.76372 72.6307 6.44771 74.8588 8.49926 76.3119L17.8776 83.7704C16.6076 88.5165 15.533 93.3597 15.24 98.5901L3.90764 102.175C1.36757 102.95 0 104.79 0 107.406C0 110.021 1.36757 111.861 3.90764 112.733L15.24 116.317C15.533 121.451 16.6076 126.488 17.8776 131.138L8.49926 138.499C6.44771 140.049 5.76372 142.374 6.54525 144.796C7.32678 147.218 9.47629 148.573 12.0159 148.476L24.0323 147.896C26.279 152.544 28.6235 156.904 31.4566 160.972L25.2044 171.046C23.7388 173.177 23.9344 175.696 25.595 177.439C27.4511 179.667 29.7956 180.152 32.2382 179.183L43.0816 174.631C46.6967 178.214 50.7018 181.41 54.8045 184.22L52.3624 195.844C51.8739 198.362 52.7534 200.687 54.9024 201.849C57.3446 203.206 59.6892 202.818 61.5457 201.074L70.2401 193.228C74.9292 195.263 79.7156 197.103 84.6004 198.362L86.2608 210.083C86.6522 212.699 88.3126 214.441 90.755 214.927C93.4907 215.314 95.6398 214.151 96.7143 212.021L102.283 201.365C104.92 201.559 107.362 201.849 110 201.849ZM134.521 101.303C129.929 89.098 120.942 82.4139 109.707 82.4139C108.046 82.4139 106.092 82.6082 102.967 83.2861L74.9292 35.822C85.3824 30.6881 97.3002 27.8789 110 27.8789C152.594 27.8789 186.003 59.9414 189.032 101.303H134.521ZM30.6751 107.502C30.6751 80.5737 43.4725 56.8416 63.6948 42.5058L91.9276 90.2602C86.6522 95.685 84.2098 101.593 84.2098 107.889C84.2098 113.992 86.5549 119.61 91.9276 125.229L63.0108 172.112C43.2771 157.678 30.6751 134.237 30.6751 107.502ZM97.9841 107.793C97.9841 101.206 103.65 96.0721 109.903 96.0721C116.546 96.0721 122.017 101.206 122.017 107.793C122.017 114.283 116.546 119.61 109.903 119.61C103.65 119.61 97.9841 114.283 97.9841 107.793ZM110 187.126C97.0076 187.126 84.8937 184.123 74.2452 178.892L102.967 132.3C105.994 133.075 108.046 133.269 109.707 133.269C121.039 133.269 130.027 126.391 134.521 113.896H189.032C185.906 155.063 152.496 187.126 110 187.126Z\" fill=\"#0F0B11\"/></g><defs><clipPath id=\"clip0_2265_239\"><rect width=\"220\" height=\"215\" fill=\"white\"/></clipPath></defs></svg>";
+export const gearSVGLight: "<svg width=\"220\" height=\"215\" viewBox=\"0 0 220 215\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0_2265_255)\"><path d=\"M118.931 35.6283C119.659 34.1799 121.114 33.4554 122.901 33.7185C124.554 33.982 125.745 35.233 125.943 36.9449L127.135 44.9114C130.376 45.8332 133.617 46.9532 136.793 48.3358L142.748 43.1339C144.004 41.8171 145.592 41.6854 147.246 42.5414C148.701 43.3316 149.297 44.9115 148.966 46.689L147.312 54.5248C150.024 56.4339 152.737 58.6722 155.184 60.9768L162.594 58.0142C164.248 57.2897 165.77 57.6851 167.027 59.1993C168.152 60.3845 168.282 62.0966 167.357 63.4792L163.057 70.3264C165.042 73.0918 166.63 76.0544 168.152 79.2149L176.222 78.8859C177.942 78.8201 179.397 79.742 179.993 81.3878C180.521 83.0336 179.993 84.5478 178.603 85.5356L172.319 90.6053C173.179 93.8318 173.841 97.1234 174.105 100.679L181.779 103.116C183.433 103.708 184.491 104.959 184.491 106.671C184.491 108.448 183.433 109.7 181.779 110.292L174.105 112.662C173.841 116.218 173.179 119.641 172.319 122.802L178.603 127.806C179.993 128.859 180.521 130.439 179.993 132.086C179.397 133.732 177.942 134.653 176.222 134.587L168.152 134.192C166.63 137.352 165.042 140.315 163.057 143.081L167.357 149.928C168.282 151.376 168.152 153.088 167.027 154.274C165.77 155.788 164.248 156.117 162.594 155.459L155.184 152.365C152.737 154.801 150.024 156.973 147.312 158.882L148.966 166.783C149.297 168.495 148.701 170.076 147.246 170.865C145.592 171.787 144.004 171.524 142.748 170.339L136.793 165.005C133.617 166.388 130.376 167.64 127.135 168.496L125.943 176.462C125.745 178.24 124.554 179.425 122.901 179.755C121.114 180.017 119.659 179.227 118.931 177.779L115.094 170.536C113.308 170.668 111.72 170.865 110 170.865C108.214 170.865 106.56 170.668 104.773 170.536L101.003 177.779C100.275 179.227 98.8202 180.018 96.9675 179.755C95.3133 179.425 94.1894 178.24 93.9246 176.462L92.7999 168.496C89.4922 167.64 86.2508 166.388 83.0751 165.005L77.187 170.339C75.9298 171.524 74.3418 171.787 72.6881 170.865C71.2328 170.076 70.6378 168.495 70.9685 166.783L72.6217 158.882C69.8435 156.973 67.131 154.801 64.683 152.365L57.3399 155.459C55.686 156.117 54.0986 155.788 52.8418 154.274C51.7172 153.088 51.5848 151.376 52.5772 149.928L56.8107 143.081C54.8923 140.315 53.3048 137.352 51.7834 134.192L43.6457 134.587C41.9261 134.653 40.4707 133.732 39.9414 132.086C39.4121 130.439 39.8752 128.859 41.2644 127.806L47.6154 122.802C46.7554 119.641 46.028 116.218 45.8296 112.728L38.1547 110.292C36.4347 109.7 35.5088 108.448 35.5088 106.671C35.5088 104.892 36.4349 103.642 38.1547 103.116L45.8296 100.679C46.028 97.1234 46.7553 93.8318 47.6154 90.6053L41.2644 85.5356C39.8752 84.5478 39.4122 83.0336 39.9414 81.3878C40.4706 79.742 41.926 78.8201 43.6457 78.8859L51.7834 79.2149C53.3048 76.0544 54.8925 73.0918 56.877 70.3264L52.5109 63.4127C51.6509 62.096 51.7836 60.3844 52.8418 59.1993C54.0986 57.6852 55.686 57.2898 57.3399 58.0142L64.683 60.9768C67.131 58.6723 69.8435 56.4339 72.6217 54.5248L70.9685 46.689C70.6378 44.9116 71.233 43.3316 72.6881 42.5414C74.2757 41.6854 75.8637 41.817 77.187 43.1339L83.1407 48.3358C86.2501 46.9532 89.4922 45.8332 92.7999 44.8457L93.9246 36.9449C94.1894 35.2331 95.3133 33.982 96.9675 33.7185C98.8202 33.4554 100.275 34.1799 101.003 35.6283L104.773 42.8708C106.626 42.7392 108.214 42.6071 110 42.6071C111.72 42.6071 113.308 42.7392 115.094 42.8708L118.931 35.6283ZM110.386 64.2705C86.9378 64.2705 67.9298 83.1109 67.9298 106.352C67.9299 129.594 86.9378 148.434 110.386 148.434C133.834 148.434 152.842 129.594 152.842 106.352C152.842 83.1109 133.834 64.2705 110.386 64.2705Z\" fill=\"#0F0B11\"/><path d=\"M110 201.849C112.54 201.849 114.885 201.559 117.522 201.365L123.188 212.021C124.263 214.151 126.412 215.314 129.05 214.927C131.492 214.441 133.251 212.699 133.544 210.083L135.302 198.362C140.089 197.103 144.876 195.263 149.565 193.228L158.358 201.074C160.213 202.818 162.558 203.206 165 201.849C167.15 200.687 168.028 198.362 167.54 195.844L165.098 184.22C169.103 181.41 173.108 178.214 176.723 174.631L187.665 179.183C190.107 180.152 192.354 179.667 194.211 177.439C195.872 175.696 196.066 173.177 194.699 171.046L188.349 160.972C191.28 156.904 193.625 152.544 195.872 147.896L207.79 148.476C210.328 148.573 212.478 147.218 213.358 144.796C214.138 142.374 213.358 140.049 211.305 138.499L202.026 131.138C203.296 126.488 204.273 121.451 204.663 116.22L215.994 112.733C218.438 111.861 220 110.021 220 107.406C220 104.887 218.438 103.046 215.994 102.175L204.663 98.5901C204.273 93.3597 203.296 88.5165 202.026 83.7704L211.305 76.3119C213.358 74.8588 214.138 72.6307 213.358 70.2092C212.478 67.7874 210.328 66.4313 207.79 66.528L195.872 67.0128C193.625 62.3629 191.28 58.0042 188.349 53.9359L194.699 43.8618C196.066 41.8276 195.872 39.309 194.211 37.5652C192.354 35.3377 190.107 34.7561 187.665 35.822L176.723 40.181C173.108 36.7903 169.103 33.4969 165.098 30.6881L167.54 19.1609C168.028 16.5456 167.15 14.2208 165 13.0582C162.558 11.7989 160.213 11.9928 158.358 13.9303L149.565 21.5828C144.876 19.5486 140.089 17.9016 135.302 16.5456L133.544 4.82504C133.251 2.30643 131.492 0.466035 129.05 0.0783659C126.412 -0.30889 124.263 0.756579 123.188 2.88752L117.522 13.543C114.885 13.3492 112.54 13.1554 110 13.1554C107.362 13.1554 105.018 13.3492 102.283 13.543L96.7143 2.88752C95.6398 0.756579 93.4907 -0.30889 90.755 0.0783659C88.3126 0.466035 86.6522 2.30643 86.2608 4.82504L84.6004 16.4489C79.7156 17.9016 74.9292 19.5486 70.3376 21.5828L61.5457 13.9303C59.5917 11.9928 57.2471 11.7989 54.9024 13.0582C52.7534 14.2208 51.8739 16.5456 52.3624 19.1609L54.8045 30.6881C50.7018 33.4969 46.6967 36.7903 43.0816 40.181L32.2382 35.822C29.7956 34.7561 27.4511 35.3377 25.595 37.5652C24.0323 39.309 23.8368 41.8276 25.1069 43.7647L31.5542 53.9359C28.6235 58.0042 26.279 62.3629 24.0323 67.0128L12.0159 66.528C9.47629 66.4313 7.32678 67.7874 6.54525 70.2092C5.76372 72.6307 6.44771 74.8588 8.49926 76.3119L17.8776 83.7704C16.6076 88.5165 15.533 93.3597 15.24 98.5901L3.90764 102.175C1.36757 102.95 0 104.79 0 107.406C0 110.021 1.36757 111.861 3.90764 112.733L15.24 116.317C15.533 121.451 16.6076 126.488 17.8776 131.138L8.49926 138.499C6.44771 140.049 5.76372 142.374 6.54525 144.796C7.32678 147.218 9.47629 148.573 12.0159 148.476L24.0323 147.896C26.279 152.544 28.6235 156.904 31.4566 160.972L25.2044 171.046C23.7388 173.177 23.9344 175.696 25.595 177.439C27.4511 179.667 29.7956 180.152 32.2382 179.183L43.0816 174.631C46.6967 178.214 50.7018 181.41 54.8045 184.22L52.3624 195.844C51.8739 198.362 52.7534 200.687 54.9024 201.849C57.3446 203.206 59.6892 202.818 61.5457 201.074L70.2401 193.228C74.9292 195.263 79.7156 197.103 84.6004 198.362L86.2608 210.083C86.6522 212.699 88.3126 214.441 90.755 214.927C93.4907 215.314 95.6398 214.151 96.7143 212.021L102.283 201.365C104.92 201.559 107.362 201.849 110 201.849ZM134.521 101.303C129.929 89.098 120.942 82.4139 109.707 82.4139C108.046 82.4139 106.092 82.6082 102.967 83.2861L74.9292 35.822C85.3824 30.6881 97.3002 27.8789 110 27.8789C152.594 27.8789 186.003 59.9414 189.032 101.303H134.521ZM30.6751 107.502C30.6751 80.5737 43.4725 56.8416 63.6948 42.5058L91.9276 90.2602C86.6522 95.685 84.2098 101.593 84.2098 107.889C84.2098 113.992 86.5549 119.61 91.9276 125.229L63.0108 172.112C43.2771 157.678 30.6751 134.237 30.6751 107.502ZM97.9841 107.793C97.9841 101.206 103.65 96.0721 109.903 96.0721C116.546 96.0721 122.017 101.206 122.017 107.793C122.017 114.283 116.546 119.61 109.903 119.61C103.65 119.61 97.9841 114.283 97.9841 107.793ZM110 187.126C97.0076 187.126 84.8937 184.123 74.2452 178.892L102.967 132.3C105.994 133.075 108.046 133.269 109.707 133.269C121.039 133.269 130.027 126.391 134.521 113.896H189.032C185.906 155.063 152.496 187.126 110 187.126Z\" fill=\"#130F15\"/></g><defs><clipPath id=\"clip0_2265_255\"><rect width=\"220\" height=\"215\" fill=\"white\"/></clipPath></defs></svg>";

package/dist/Structure/BG/AssetGear.js

@@ -0,0 +1,2 @@
+export const gearSVGDark = '<svg width="220" height="215" viewBox="0 0 220 215" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2265_239)"><path d="M118.931 35.6283C119.659 34.1799 121.114 33.4554 122.901 33.7185C124.554 33.982 125.745 35.233 125.943 36.9449L127.135 44.9114C130.376 45.8332 133.617 46.9532 136.793 48.3358L142.748 43.1339C144.004 41.8171 145.592 41.6854 147.246 42.5414C148.701 43.3316 149.297 44.9115 148.966 46.689L147.312 54.5248C150.024 56.4339 152.737 58.6722 155.184 60.9768L162.594 58.0142C164.248 57.2897 165.77 57.6851 167.027 59.1993C168.152 60.3845 168.282 62.0966 167.357 63.4792L163.057 70.3264C165.042 73.0918 166.63 76.0544 168.152 79.2149L176.222 78.8859C177.942 78.8201 179.397 79.742 179.993 81.3878C180.521 83.0336 179.993 84.5478 178.603 85.5356L172.319 90.6053C173.179 93.8318 173.841 97.1234 174.105 100.679L181.779 103.116C183.433 103.708 184.491 104.959 184.491 106.671C184.491 108.448 183.433 109.7 181.779 110.292L174.105 112.662C173.841 116.218 173.179 119.641 172.319 122.802L178.603 127.806C179.993 128.859 180.521 130.439 179.993 132.086C179.397 133.732 177.942 134.653 176.222 134.587L168.152 134.192C166.63 137.352 165.042 140.315 163.057 143.081L167.357 149.928C168.282 151.376 168.152 153.088 167.027 154.274C165.77 155.788 164.248 156.117 162.594 155.459L155.184 152.365C152.737 154.801 150.024 156.973 147.312 158.882L148.966 166.783C149.297 168.495 148.701 170.076 147.246 170.865C145.592 171.787 144.004 171.524 142.748 170.339L136.793 165.005C133.617 166.388 130.376 167.64 127.135 168.496L125.943 176.462C125.745 178.24 124.554 179.425 122.901 179.755C121.114 180.017 119.659 179.227 118.931 177.779L115.094 170.536C113.308 170.668 111.72 170.865 110 170.865C108.214 170.865 106.56 170.668 104.773 170.536L101.003 177.779C100.275 179.227 98.8202 180.018 96.9675 179.755C95.3133 179.425 94.1894 178.24 93.9246 176.462L92.7999 168.496C89.4922 167.64 86.2508 166.388 83.0751 165.005L77.187 170.339C75.9298 171.524 74.3418 171.787 72.6881 170.865C71.2328 170.076 70.6378 168.495 70.9685 166.783L72.6217 158.882C69.8435 156.973 67.131 154.801 64.683 152.365L57.3399 155.459C55.686 156.117 54.0986 155.788 52.8418 154.274C51.7172 153.088 51.5848 151.376 52.5772 149.928L56.8107 143.081C54.8923 140.315 53.3048 137.352 51.7834 134.192L43.6457 134.587C41.9261 134.653 40.4707 133.732 39.9414 132.086C39.4121 130.439 39.8752 128.859 41.2644 127.806L47.6154 122.802C46.7554 119.641 46.028 116.218 45.8296 112.728L38.1547 110.292C36.4347 109.7 35.5088 108.448 35.5088 106.671C35.5088 104.892 36.4349 103.642 38.1547 103.116L45.8296 100.679C46.028 97.1234 46.7553 93.8318 47.6154 90.6053L41.2644 85.5356C39.8752 84.5478 39.4122 83.0336 39.9414 81.3878C40.4706 79.742 41.926 78.8201 43.6457 78.8859L51.7834 79.2149C53.3048 76.0544 54.8925 73.0918 56.877 70.3264L52.5109 63.4127C51.6509 62.096 51.7836 60.3844 52.8418 59.1993C54.0986 57.6852 55.686 57.2898 57.3399 58.0142L64.683 60.9768C67.131 58.6723 69.8435 56.4339 72.6217 54.5248L70.9685 46.689C70.6378 44.9116 71.233 43.3316 72.6881 42.5414C74.2757 41.6854 75.8637 41.817 77.187 43.1339L83.1407 48.3358C86.2501 46.9532 89.4922 45.8332 92.7999 44.8457L93.9246 36.9449C94.1894 35.2331 95.3133 33.982 96.9675 33.7185C98.8202 33.4554 100.275 34.1799 101.003 35.6283L104.773 42.8708C106.626 42.7392 108.214 42.6071 110 42.6071C111.72 42.6071 113.308 42.7392 115.094 42.8708L118.931 35.6283ZM110.386 64.2705C86.9378 64.2705 67.9298 83.1109 67.9298 106.352C67.9299 129.594 86.9378 148.434 110.386 148.434C133.834 148.434 152.842 129.594 152.842 106.352C152.842 83.1109 133.834 64.2705 110.386 64.2705Z" fill="#130F15"/><path d="M110 201.849C112.54 201.849 114.885 201.559 117.522 201.365L123.188 212.021C124.263 214.151 126.412 215.314 129.05 214.927C131.492 214.441 133.251 212.699 133.544 210.083L135.302 198.362C140.089 197.103 144.876 195.263 149.565 193.228L158.358 201.074C160.213 202.818 162.558 203.206 165 201.849C167.15 200.687 168.028 198.362 167.54 195.844L165.098 184.22C169.103 181.41 173.108 178.214 176.723 174.631L187.665 179.183C190.107 180.152 192.354 179.667 194.211 177.439C195.872 175.696 196.066 173.177 194.699 171.046L188.349 160.972C191.28 156.904 193.625 152.544 195.872 147.896L207.79 148.476C210.328 148.573 212.478 147.218 213.358 144.796C214.138 142.374 213.358 140.049 211.305 138.499L202.026 131.138C203.296 126.488 204.273 121.451 204.663 116.22L215.994 112.733C218.438 111.861 220 110.021 220 107.406C220 104.887 218.438 103.046 215.994 102.175L204.663 98.5901C204.273 93.3597 203.296 88.5165 202.026 83.7704L211.305 76.3119C213.358 74.8588 214.138 72.6307 213.358 70.2092C212.478 67.7874 210.328 66.4313 207.79 66.528L195.872 67.0128C193.625 62.3629 191.28 58.0042 188.349 53.9359L194.699 43.8618C196.066 41.8276 195.872 39.309 194.211 37.5652C192.354 35.3377 190.107 34.7561 187.665 35.822L176.723 40.181C173.108 36.7903 169.103 33.4969 165.098 30.6881L167.54 19.1609C168.028 16.5456 167.15 14.2208 165 13.0582C162.558 11.7989 160.213 11.9928 158.358 13.9303L149.565 21.5828C144.876 19.5486 140.089 17.9016 135.302 16.5456L133.544 4.82504C133.251 2.30643 131.492 0.466035 129.05 0.0783659C126.412 -0.30889 124.263 0.756579 123.188 2.88752L117.522 13.543C114.885 13.3492 112.54 13.1554 110 13.1554C107.362 13.1554 105.018 13.3492 102.283 13.543L96.7143 2.88752C95.6398 0.756579 93.4907 -0.30889 90.755 0.0783659C88.3126 0.466035 86.6522 2.30643 86.2608 4.82504L84.6004 16.4489C79.7156 17.9016 74.9292 19.5486 70.3376 21.5828L61.5457 13.9303C59.5917 11.9928 57.2471 11.7989 54.9024 13.0582C52.7534 14.2208 51.8739 16.5456 52.3624 19.1609L54.8045 30.6881C50.7018 33.4969 46.6967 36.7903 43.0816 40.181L32.2382 35.822C29.7956 34.7561 27.4511 35.3377 25.595 37.5652C24.0323 39.309 23.8368 41.8276 25.1069 43.7647L31.5542 53.9359C28.6235 58.0042 26.279 62.3629 24.0323 67.0128L12.0159 66.528C9.47629 66.4313 7.32678 67.7874 6.54525 70.2092C5.76372 72.6307 6.44771 74.8588 8.49926 76.3119L17.8776 83.7704C16.6076 88.5165 15.533 93.3597 15.24 98.5901L3.90764 102.175C1.36757 102.95 0 104.79 0 107.406C0 110.021 1.36757 111.861 3.90764 112.733L15.24 116.317C15.533 121.451 16.6076 126.488 17.8776 131.138L8.49926 138.499C6.44771 140.049 5.76372 142.374 6.54525 144.796C7.32678 147.218 9.47629 148.573 12.0159 148.476L24.0323 147.896C26.279 152.544 28.6235 156.904 31.4566 160.972L25.2044 171.046C23.7388 173.177 23.9344 175.696 25.595 177.439C27.4511 179.667 29.7956 180.152 32.2382 179.183L43.0816 174.631C46.6967 178.214 50.7018 181.41 54.8045 184.22L52.3624 195.844C51.8739 198.362 52.7534 200.687 54.9024 201.849C57.3446 203.206 59.6892 202.818 61.5457 201.074L70.2401 193.228C74.9292 195.263 79.7156 197.103 84.6004 198.362L86.2608 210.083C86.6522 212.699 88.3126 214.441 90.755 214.927C93.4907 215.314 95.6398 214.151 96.7143 212.021L102.283 201.365C104.92 201.559 107.362 201.849 110 201.849ZM134.521 101.303C129.929 89.098 120.942 82.4139 109.707 82.4139C108.046 82.4139 106.092 82.6082 102.967 83.2861L74.9292 35.822C85.3824 30.6881 97.3002 27.8789 110 27.8789C152.594 27.8789 186.003 59.9414 189.032 101.303H134.521ZM30.6751 107.502C30.6751 80.5737 43.4725 56.8416 63.6948 42.5058L91.9276 90.2602C86.6522 95.685 84.2098 101.593 84.2098 107.889C84.2098 113.992 86.5549 119.61 91.9276 125.229L63.0108 172.112C43.2771 157.678 30.6751 134.237 30.6751 107.502ZM97.9841 107.793C97.9841 101.206 103.65 96.0721 109.903 96.0721C116.546 96.0721 122.017 101.206 122.017 107.793C122.017 114.283 116.546 119.61 109.903 119.61C103.65 119.61 97.9841 114.283 97.9841 107.793ZM110 187.126C97.0076 187.126 84.8937 184.123 74.2452 178.892L102.967 132.3C105.994 133.075 108.046 133.269 109.707 133.269C121.039 133.269 130.027 126.391 134.521 113.896H189.032C185.906 155.063 152.496 187.126 110 187.126Z" fill="#0F0B11"/></g><defs><clipPath id="clip0_2265_239"><rect width="220" height="215" fill="white"/></clipPath></defs></svg>';
+export const gearSVGLight = '<svg width="220" height="215" viewBox="0 0 220 215" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2265_255)"><path d="M118.931 35.6283C119.659 34.1799 121.114 33.4554 122.901 33.7185C124.554 33.982 125.745 35.233 125.943 36.9449L127.135 44.9114C130.376 45.8332 133.617 46.9532 136.793 48.3358L142.748 43.1339C144.004 41.8171 145.592 41.6854 147.246 42.5414C148.701 43.3316 149.297 44.9115 148.966 46.689L147.312 54.5248C150.024 56.4339 152.737 58.6722 155.184 60.9768L162.594 58.0142C164.248 57.2897 165.77 57.6851 167.027 59.1993C168.152 60.3845 168.282 62.0966 167.357 63.4792L163.057 70.3264C165.042 73.0918 166.63 76.0544 168.152 79.2149L176.222 78.8859C177.942 78.8201 179.397 79.742 179.993 81.3878C180.521 83.0336 179.993 84.5478 178.603 85.5356L172.319 90.6053C173.179 93.8318 173.841 97.1234 174.105 100.679L181.779 103.116C183.433 103.708 184.491 104.959 184.491 106.671C184.491 108.448 183.433 109.7 181.779 110.292L174.105 112.662C173.841 116.218 173.179 119.641 172.319 122.802L178.603 127.806C179.993 128.859 180.521 130.439 179.993 132.086C179.397 133.732 177.942 134.653 176.222 134.587L168.152 134.192C166.63 137.352 165.042 140.315 163.057 143.081L167.357 149.928C168.282 151.376 168.152 153.088 167.027 154.274C165.77 155.788 164.248 156.117 162.594 155.459L155.184 152.365C152.737 154.801 150.024 156.973 147.312 158.882L148.966 166.783C149.297 168.495 148.701 170.076 147.246 170.865C145.592 171.787 144.004 171.524 142.748 170.339L136.793 165.005C133.617 166.388 130.376 167.64 127.135 168.496L125.943 176.462C125.745 178.24 124.554 179.425 122.901 179.755C121.114 180.017 119.659 179.227 118.931 177.779L115.094 170.536C113.308 170.668 111.72 170.865 110 170.865C108.214 170.865 106.56 170.668 104.773 170.536L101.003 177.779C100.275 179.227 98.8202 180.018 96.9675 179.755C95.3133 179.425 94.1894 178.24 93.9246 176.462L92.7999 168.496C89.4922 167.64 86.2508 166.388 83.0751 165.005L77.187 170.339C75.9298 171.524 74.3418 171.787 72.6881 170.865C71.2328 170.076 70.6378 168.495 70.9685 166.783L72.6217 158.882C69.8435 156.973 67.131 154.801 64.683 152.365L57.3399 155.459C55.686 156.117 54.0986 155.788 52.8418 154.274C51.7172 153.088 51.5848 151.376 52.5772 149.928L56.8107 143.081C54.8923 140.315 53.3048 137.352 51.7834 134.192L43.6457 134.587C41.9261 134.653 40.4707 133.732 39.9414 132.086C39.4121 130.439 39.8752 128.859 41.2644 127.806L47.6154 122.802C46.7554 119.641 46.028 116.218 45.8296 112.728L38.1547 110.292C36.4347 109.7 35.5088 108.448 35.5088 106.671C35.5088 104.892 36.4349 103.642 38.1547 103.116L45.8296 100.679C46.028 97.1234 46.7553 93.8318 47.6154 90.6053L41.2644 85.5356C39.8752 84.5478 39.4122 83.0336 39.9414 81.3878C40.4706 79.742 41.926 78.8201 43.6457 78.8859L51.7834 79.2149C53.3048 76.0544 54.8925 73.0918 56.877 70.3264L52.5109 63.4127C51.6509 62.096 51.7836 60.3844 52.8418 59.1993C54.0986 57.6852 55.686 57.2898 57.3399 58.0142L64.683 60.9768C67.131 58.6723 69.8435 56.4339 72.6217 54.5248L70.9685 46.689C70.6378 44.9116 71.233 43.3316 72.6881 42.5414C74.2757 41.6854 75.8637 41.817 77.187 43.1339L83.1407 48.3358C86.2501 46.9532 89.4922 45.8332 92.7999 44.8457L93.9246 36.9449C94.1894 35.2331 95.3133 33.982 96.9675 33.7185C98.8202 33.4554 100.275 34.1799 101.003 35.6283L104.773 42.8708C106.626 42.7392 108.214 42.6071 110 42.6071C111.72 42.6071 113.308 42.7392 115.094 42.8708L118.931 35.6283ZM110.386 64.2705C86.9378 64.2705 67.9298 83.1109 67.9298 106.352C67.9299 129.594 86.9378 148.434 110.386 148.434C133.834 148.434 152.842 129.594 152.842 106.352C152.842 83.1109 133.834 64.2705 110.386 64.2705Z" fill="#0F0B11"/><path d="M110 201.849C112.54 201.849 114.885 201.559 117.522 201.365L123.188 212.021C124.263 214.151 126.412 215.314 129.05 214.927C131.492 214.441 133.251 212.699 133.544 210.083L135.302 198.362C140.089 197.103 144.876 195.263 149.565 193.228L158.358 201.074C160.213 202.818 162.558 203.206 165 201.849C167.15 200.687 168.028 198.362 167.54 195.844L165.098 184.22C169.103 181.41 173.108 178.214 176.723 174.631L187.665 179.183C190.107 180.152 192.354 179.667 194.211 177.439C195.872 175.696 196.066 173.177 194.699 171.046L188.349 160.972C191.28 156.904 193.625 152.544 195.872 147.896L207.79 148.476C210.328 148.573 212.478 147.218 213.358 144.796C214.138 142.374 213.358 140.049 211.305 138.499L202.026 131.138C203.296 126.488 204.273 121.451 204.663 116.22L215.994 112.733C218.438 111.861 220 110.021 220 107.406C220 104.887 218.438 103.046 215.994 102.175L204.663 98.5901C204.273 93.3597 203.296 88.5165 202.026 83.7704L211.305 76.3119C213.358 74.8588 214.138 72.6307 213.358 70.2092C212.478 67.7874 210.328 66.4313 207.79 66.528L195.872 67.0128C193.625 62.3629 191.28 58.0042 188.349 53.9359L194.699 43.8618C196.066 41.8276 195.872 39.309 194.211 37.5652C192.354 35.3377 190.107 34.7561 187.665 35.822L176.723 40.181C173.108 36.7903 169.103 33.4969 165.098 30.6881L167.54 19.1609C168.028 16.5456 167.15 14.2208 165 13.0582C162.558 11.7989 160.213 11.9928 158.358 13.9303L149.565 21.5828C144.876 19.5486 140.089 17.9016 135.302 16.5456L133.544 4.82504C133.251 2.30643 131.492 0.466035 129.05 0.0783659C126.412 -0.30889 124.263 0.756579 123.188 2.88752L117.522 13.543C114.885 13.3492 112.54 13.1554 110 13.1554C107.362 13.1554 105.018 13.3492 102.283 13.543L96.7143 2.88752C95.6398 0.756579 93.4907 -0.30889 90.755 0.0783659C88.3126 0.466035 86.6522 2.30643 86.2608 4.82504L84.6004 16.4489C79.7156 17.9016 74.9292 19.5486 70.3376 21.5828L61.5457 13.9303C59.5917 11.9928 57.2471 11.7989 54.9024 13.0582C52.7534 14.2208 51.8739 16.5456 52.3624 19.1609L54.8045 30.6881C50.7018 33.4969 46.6967 36.7903 43.0816 40.181L32.2382 35.822C29.7956 34.7561 27.4511 35.3377 25.595 37.5652C24.0323 39.309 23.8368 41.8276 25.1069 43.7647L31.5542 53.9359C28.6235 58.0042 26.279 62.3629 24.0323 67.0128L12.0159 66.528C9.47629 66.4313 7.32678 67.7874 6.54525 70.2092C5.76372 72.6307 6.44771 74.8588 8.49926 76.3119L17.8776 83.7704C16.6076 88.5165 15.533 93.3597 15.24 98.5901L3.90764 102.175C1.36757 102.95 0 104.79 0 107.406C0 110.021 1.36757 111.861 3.90764 112.733L15.24 116.317C15.533 121.451 16.6076 126.488 17.8776 131.138L8.49926 138.499C6.44771 140.049 5.76372 142.374 6.54525 144.796C7.32678 147.218 9.47629 148.573 12.0159 148.476L24.0323 147.896C26.279 152.544 28.6235 156.904 31.4566 160.972L25.2044 171.046C23.7388 173.177 23.9344 175.696 25.595 177.439C27.4511 179.667 29.7956 180.152 32.2382 179.183L43.0816 174.631C46.6967 178.214 50.7018 181.41 54.8045 184.22L52.3624 195.844C51.8739 198.362 52.7534 200.687 54.9024 201.849C57.3446 203.206 59.6892 202.818 61.5457 201.074L70.2401 193.228C74.9292 195.263 79.7156 197.103 84.6004 198.362L86.2608 210.083C86.6522 212.699 88.3126 214.441 90.755 214.927C93.4907 215.314 95.6398 214.151 96.7143 212.021L102.283 201.365C104.92 201.559 107.362 201.849 110 201.849ZM134.521 101.303C129.929 89.098 120.942 82.4139 109.707 82.4139C108.046 82.4139 106.092 82.6082 102.967 83.2861L74.9292 35.822C85.3824 30.6881 97.3002 27.8789 110 27.8789C152.594 27.8789 186.003 59.9414 189.032 101.303H134.521ZM30.6751 107.502C30.6751 80.5737 43.4725 56.8416 63.6948 42.5058L91.9276 90.2602C86.6522 95.685 84.2098 101.593 84.2098 107.889C84.2098 113.992 86.5549 119.61 91.9276 125.229L63.0108 172.112C43.2771 157.678 30.6751 134.237 30.6751 107.502ZM97.9841 107.793C97.9841 101.206 103.65 96.0721 109.903 96.0721C116.546 96.0721 122.017 101.206 122.017 107.793C122.017 114.283 116.546 119.61 109.903 119.61C103.65 119.61 97.9841 114.283 97.9841 107.793ZM110 187.126C97.0076 187.126 84.8937 184.123 74.2452 178.892L102.967 132.3C105.994 133.075 108.046 133.269 109.707 133.269C121.039 133.269 130.027 126.391 134.521 113.896H189.032C185.906 155.063 152.496 187.126 110 187.126Z" fill="#130F15"/></g><defs><clipPath id="clip0_2265_255"><rect width="220" height="215" fill="white"/></clipPath></defs></svg>';