@milaboratories/uikit 2.2.82 → 2.2.83

package/src/components/Slider.vue

@@ -1,12 +1,12 @@
 <script lang="ts" setup>
 import { computed, reactive, ref, unref, useSlots, watch } from 'vue';
-import { useMouseCapture } from '@/composition/useMouseCapture';
-import { tapIf } from '@/helpers/functions';
-import { clamp } from '@/helpers/math';
-import { PlTooltip } from '@/components/PlTooltip';
-import type { SliderMode } from '@/types';
-import { useSliderBreakpoints } from '@/composition/useSliderBreakpoints';
-import { getErrorMessage } from '@/helpers/error.ts';
+import { useMouseCapture } from '../composition/useMouseCapture';
+import { tapIf } from '../helpers/functions';
+import { clamp } from '../helpers/math';
+import { PlTooltip } from './PlTooltip';
+import type { SliderMode } from '../types';
+import { useSliderBreakpoints } from '../composition/useSliderBreakpoints';
+import { getErrorMessage } from '../helpers/error.ts';
 
 const slots = useSlots();
 

package/src/components/SliderRange.vue

@@ -1,13 +1,13 @@
 <script lang="ts" setup>
 import { computed, reactive, ref, unref, useSlots, watch } from 'vue';
-import { useMouseCapture } from '@/composition/useMouseCapture';
-import { tapIf } from '@/helpers/functions';
-import { clamp } from '@/helpers/math';
-import { PlTooltip } from '@/components/PlTooltip';
-import type { SliderMode } from '@/types';
-import InputRange from '@/components/InputRange.vue';
-import { useSliderBreakpoints } from '@/composition/useSliderBreakpoints';
-import { getErrorMessage } from '@/helpers/error.ts';
+import { useMouseCapture } from '../composition/useMouseCapture';
+import { tapIf } from '../helpers/functions';
+import { clamp } from '../helpers/math';
+import { PlTooltip } from './PlTooltip';
+import type { SliderMode } from '../types';
+import InputRange from './InputRange.vue';
+import { useSliderBreakpoints } from '../composition/useSliderBreakpoints';
+import { getErrorMessage } from '../helpers/error.ts';
 
 const slots = useSlots();
 

package/src/components/SliderRangeTriple.vue

@@ -1,12 +1,12 @@
 <script lang="ts" setup>
 import { computed, onMounted, reactive, ref, unref, useSlots } from 'vue';
-import { useMouseCapture } from '@/composition/useMouseCapture';
-import { tapIf } from '@/helpers/functions';
-import { clamp } from '@/helpers/math';
-import { PlTooltip } from '@/components/PlTooltip';
-import type { SliderMode } from '@/types';
-import { useSliderBreakpoints } from '@/composition/useSliderBreakpoints';
-import { getErrorMessage } from '@/helpers/error.ts';
+import { useMouseCapture } from '../composition/useMouseCapture';
+import { tapIf } from '../helpers/functions';
+import { clamp } from '../helpers/math';
+import { PlTooltip } from './PlTooltip';
+import type { SliderMode } from '../types';
+import { useSliderBreakpoints } from '../composition/useSliderBreakpoints';
+import { getErrorMessage } from '../helpers/error.ts';
 
 type ModelType = [number, number, number];
 const slots = useSlots();

package/src/components/TabItem.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue';
-import type { ListOptionNormalized } from '@/types';
+import type { ListOptionNormalized } from '../types';
 
 const props = withDefaults(
   defineProps<{

package/src/components/ThemeSwitcher.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useTheme } from '@/composition/useTheme';
+import { useTheme } from '../composition/useTheme';
 const [theme, toggleTheme] = useTheme();
 </script>
 

package/src/components/VScroll.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { computed, ref, unref } from 'vue';
-import { useEventListener } from '@/composition/useEventListener';
-import { eventListener } from '@/helpers/dom';
+import { useEventListener } from '../composition/useEventListener';
+import { eventListener } from '../helpers/dom';
 
 const emit = defineEmits(['update:scrollTop']);
 

package/src/composition/useClickOutside.ts

@@ -1,6 +1,6 @@
 import type { Ref } from 'vue';
-import { useEventListener } from '@/composition/useEventListener';
-import { flatValue } from '@/helpers/functions';
+import { useEventListener } from './useEventListener';
+import { flatValue } from '../helpers/functions';
 
 type HtmlRef = Ref<HTMLElement | undefined>;
 

package/src/composition/useComponentProp.ts

@@ -1,4 +1,4 @@
-import type { InferComponentProps } from '@/types';
+import type { InferComponentProps } from '../types';
 import { computed, type Component, type ComputedRef } from 'vue';
 
 /**

package/src/composition/useDraggable.ts

@@ -1,4 +1,4 @@
-import type { MaybeRef } from '@/types';
+import type { MaybeRef } from '../types';
 import { onMounted, onUnmounted, unref } from 'vue';
 
 type Position = {

package/src/composition/useEventListener.ts

@@ -1,5 +1,5 @@
 import { onMounted, onUnmounted, unref } from 'vue';
-import type { MaybeRef } from '@/types';
+import type { MaybeRef } from '../types';
 
 type EventMap = WindowEventMap & HTMLElementEventMap & { adjust: Event };
 

package/src/composition/useFilteredList.ts

@@ -1,7 +1,7 @@
 import type { ComputedRef, Ref } from 'vue';
 import { computed } from 'vue';
-import type { ListOption, ListOptionNormalized } from '@/types';
-import { normalizeListOptions } from '@/helpers/utils';
+import type { ListOption, ListOptionNormalized } from '../types';
+import { normalizeListOptions } from '../helpers/utils';
 
 export function useFilteredList<V = unknown>(optionsRef: Ref<ListOption<V>[]>, searchPhrase: Ref<string>): ComputedRef<ListOptionNormalized<V>[]> {
   return computed(() => {

package/src/composition/useHover.ts

@@ -1,7 +1,7 @@
 import type { Ref } from 'vue';
 import { ref } from 'vue';
 import { useEventListener } from './useEventListener';
-import type { MaybeRef } from '@/types';
+import type { MaybeRef } from '../types';
 
 export interface UseElementHoverOptions {
   delayEnter?: number;

package/src/composition/useMouseCapture.ts

@@ -1,6 +1,6 @@
-import type { MaybeRef } from '@/types';
+import type { MaybeRef } from '../types';
 import { unref } from 'vue';
-import { useEventListener } from '@/composition/useEventListener';
+import { useEventListener } from './useEventListener';
 
 type CustomEvent = {
   x: number;

package/src/composition/useNotificationPosition.ts

@@ -1,6 +1,6 @@
 import { type Ref, ref } from 'vue';
-import { call } from '@/helpers/utils';
-import { useElementPosition } from '@/composition/usePosition';
+import { call } from '../helpers/utils';
+import { useElementPosition } from './usePosition';
 
 export function useNotificationPosition(el: Ref<HTMLElement | undefined>) {
   const style = ref('');

package/src/composition/usePosition.ts

@@ -1,7 +1,7 @@
 import { type Ref, onMounted } from 'vue';
-import { useEventListener } from '@/composition/useEventListener';
-import { requestTick } from '@/helpers/utils';
-import type { ElementPosition } from '@/types';
+import { useEventListener } from './useEventListener';
+import { requestTick } from '../helpers/utils';
+import type { ElementPosition } from '../types';
 
 export function useElementPosition(el: Ref<HTMLElement | undefined>, cb: (pos: ElementPosition) => void) {
   const update = () => {

package/src/composition/useResizeObserver.ts

@@ -1,8 +1,8 @@
 import { onUnmounted, unref } from 'vue';
-import { tapIf } from '@/helpers/functions';
-import { onChanged } from '@/composition/utils';
-import { startResizeObserving, stopResizeObserving } from '@/global/resizeObserver';
-import type { MaybeRef } from '@/types';
+import { tapIf } from '../helpers/functions';
+import { onChanged } from './utils';
+import { startResizeObserving, stopResizeObserving } from '../global/resizeObserver';
+import type { MaybeRef } from '../types';
 
 export function useResizeObserver<T extends HTMLElement>(target: MaybeRef<T | undefined>, cb: (el?: T | undefined) => void) {
   onChanged(() => {

package/src/composition/useScroll.ts

@@ -1,6 +1,6 @@
 import { type Ref, onMounted } from 'vue';
-import { useEventListener } from '@/composition/useEventListener';
-import { requestTick } from '@/helpers/utils';
+import { useEventListener } from './useEventListener';
+import { requestTick } from '../helpers/utils';
 
 export function useScroll($el: Ref<HTMLElement | undefined>, fadeHeight: number | null = null, fadeWidth: number | null = null) {
   function getYMask(el: HTMLElement) {

package/src/composition/useSliderBreakpoints.ts

@@ -1,4 +1,4 @@
-import { clamp } from '@/helpers/math';
+import { clamp } from '../helpers/math';
 import type { ComputedRef } from 'vue';
 import { computed } from 'vue';
 export const useSliderBreakpoints = (props: ComputedRef<{ min: number; max: number; step: number }>) => {

package/src/composition/useTheme.ts

@@ -1,6 +1,6 @@
 import { computed, onMounted, onUnmounted, ref, unref, watch } from 'vue';
-import { mapIterable, toList } from '@/helpers/iterators';
-import { useLocalStorage } from '@/composition/useLocalStorage';
+import { mapIterable, toList } from '../helpers/iterators';
+import { useLocalStorage } from './useLocalStorage';
 
 type Theme = 'light' | 'dark';
 

package/src/drafts/FileBaseInput.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { PlBtnSecondary } from '@/components/PlBtnSecondary';
-import { PlBtnGhost } from '@/components/PlBtnGhost';
+import { PlBtnSecondary } from '../components/PlBtnSecondary';
+import { PlBtnGhost } from '../components/PlBtnGhost';
 import { computed, ref } from 'vue';
 
 type PropsType = {

package/src/generated/components/svg/images/Svg16Add.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg16Add' };
+</script>
+
+<template>
+  <div class="svg-icon Svg16Add" style="width: unset; height: unset" />
+</template>
+
+<style>
+  .Svg16Add { background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.74988%202.25V7.25H13.7499V8.75H8.74988V13.75H7.24988V8.75H2.24988V7.25H7.24988V2.25H8.74988Z%22%20fill%3D%22%23110529%22%2F%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg16Attention.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg16Attention' };
+</script>
+
+<template>
+  <div class="svg-icon Svg16Attention" style="width: 16px; height: 16px" />
+</template>
+
+<style>
+  .Svg16Attention { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.8659%203.5L13.196%2011C13.5809%2011.6667%2013.0998%2012.5%2012.33%2012.5H11.0004V14H12.33C14.2545%2014%2015.4573%2011.9167%2014.4951%2010.25L10.1649%202.75C9.20269%201.08333%206.79706%201.08333%205.83481%202.75L1.50468%2010.25C0.542431%2011.9167%201.74525%2014%203.66975%2014H5.00042V12.5H3.66975C2.89994%2012.5%202.41882%2011.6667%202.80372%2011L7.13385%203.5C7.51875%202.83333%208.481%202.83333%208.8659%203.5Z%22%20fill%3D%22%23F1222F%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.75%206V11H7.25V6H8.75ZM7.25%2012.5V14H8.75V12.5H7.25Z%22%20fill%3D%22%23F1222F%22%2F%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg16Checkmark.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg16Checkmark' };
+</script>
+
+<template>
+  <div class="svg-icon Svg16Checkmark" style="width: 16px; height: 16px" />
+</template>
+
+<style>
+  .Svg16Checkmark { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.0601%204.43448L6.33313%2012.5478L1.93945%207.93448L3.02566%206.89999L6.33313%2010.3728L12.9739%203.39999L14.0601%204.43448Z%22%20fill%3D%22%23110529%22%2F%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg16CheckmarkDark.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg16CheckmarkDark' };
+</script>
+
+<template>
+  <div class="svg-icon Svg16CheckmarkDark" style="width: 16px; height: 16px" />
+</template>
+
+<style>
+  .Svg16CheckmarkDark { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.0601%204.43451L6.33313%2012.5479L1.93945%207.93451L3.02566%206.90002L6.33313%2010.3729L12.9739%203.40002L14.0601%204.43451Z%22%20fill%3D%22%23DFE0E5%22%2F%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg16ChevronDown.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg16ChevronDown' };
+</script>
+
+<template>
+  <div class="svg-icon Svg16ChevronDown" style="width: 16px; height: 16px" />
+</template>
+
+<style>
+  .Svg16ChevronDown { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.46967%206.53033L3.53033%205.46967L8%209.93934L12.4697%205.46967L13.5303%206.53033L8%2012.0607L2.46967%206.53033Z%22%20fill%3D%22%23110529%22%2F%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg16ChevronLeft.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg16ChevronLeft' };
+</script>
+
+<template>
+  <div class="svg-icon Svg16ChevronLeft" style="width: 16px; height: 16px" />
+</template>
+
+<style>
+  .Svg16ChevronLeft { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.46966%202.46967L10.5303%203.53033L6.06065%208L10.5303%2012.4697L9.46966%2013.5303L3.93933%208L9.46966%202.46967Z%22%20fill%3D%22%23110529%22%2F%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg16ChevronRight.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg16ChevronRight' };
+</script>
+
+<template>
+  <div class="svg-icon Svg16ChevronRight" style="width: 16px; height: 16px" />
+</template>
+
+<style>
+  .Svg16ChevronRight { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.53033%202.46967L5.46967%203.53033L9.93934%208L5.46967%2012.4697L6.53033%2013.5303L12.0607%208L6.53033%202.46967Z%22%20fill%3D%22%23110529%22%2F%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg16ChevronUp.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg16ChevronUp' };
+</script>
+
+<template>
+  <div class="svg-icon Svg16ChevronUp" style="width: 16px; height: 16px" />
+</template>
+
+<style>
+  .Svg16ChevronUp { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%204.93933L13.5303%2010.4697L12.4697%2011.5303L8%207.06065L3.53033%2011.5303L2.46967%2010.4697L8%204.93933Z%22%20fill%3D%22%23110529%22%2F%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg16Clear.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg16Clear' };
+</script>
+
+<template>
+  <div class="svg-icon Svg16Clear" style="width: 16px; height: 16px" />
+</template>
+
+<style>
+  .Svg16Clear { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_586_7851)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%2016C12.4183%2016%2016%2012.4183%2016%208C16%203.58172%2012.4183%200%208%200C3.58172%200%200%203.58172%200%208C0%2012.4183%203.58172%2016%208%2016ZM4.46967%205.53033L6.93934%208L4.46967%2010.4697L5.53033%2011.5303L8%209.06066L10.4697%2011.5303L11.5303%2010.4697L9.06066%208L11.5303%205.53033L10.4697%204.46967L8%206.93934L5.53033%204.46967L4.46967%205.53033Z%22%20fill%3D%22%23CFD1DB%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_586_7851%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg16Clipboard.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg16Clipboard' };
+</script>
+
+<template>
+  <div class="svg-icon Svg16Clipboard" style="width: 16px; height: 16px" />
+</template>
+
+<style>
+  .Svg16Clipboard { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.5%202.5H6.5V3.5H9.5V2.5ZM6%201H10C10.5523%201%2011%201.44772%2011%202V4C11%204.55228%2010.5523%205%2010%205H9.875H6C5.44772%205%205%204.55228%205%204V2C5%201.44772%205.44772%201%206%201ZM2.75%204.5C2.75%204.08579%203.08579%203.75%203.5%203.75V2.25C2.25736%202.25%201.25%203.25736%201.25%204.5V12C1.25%2013.5188%202.48122%2014.75%204%2014.75H12C13.5188%2014.75%2014.75%2013.5188%2014.75%2012V4.5C14.75%203.25736%2013.7426%202.25%2012.5%202.25V3.75C12.9142%203.75%2013.25%204.08579%2013.25%204.5V12C13.25%2012.6904%2012.6904%2013.25%2012%2013.25H4C3.30964%2013.25%202.75%2012.6904%202.75%2012V4.5ZM11%208.25H5V6.75H11V8.25ZM5%2011.25H11V9.75H5V11.25Z%22%20fill%3D%22%23110529%22%2F%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg16Close.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg16Close' };
+</script>
+
+<template>
+  <div class="svg-icon Svg16Close" style="width: 16px; height: 16px" />
+</template>
+
+<style>
+  .Svg16Close { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.00001%202.93933L8.00001%206.93933L12%202.93933L13.0607%203.99999L9.06067%207.99999L13.0607%2012L12%2013.0607L8.00001%209.06065L4.00001%2013.0607L2.93935%2012L6.93935%207.99999L2.93935%203.99999L4.00001%202.93933Z%22%20fill%3D%22%23110529%22%2F%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg16Compare.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg16Compare' };
+</script>
+
+<template>
+  <div class="svg-icon Svg16Compare" style="width: 16px; height: 16px" />
+</template>
+
+<style>
+  .Svg16Compare { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.96978%207.46973L12.1895%205.25006L2.00011%205.25006L2.00011%203.75006L12.1895%203.75006L9.96978%201.53039L11.0304%200.469727L14.5304%203.96973L15.0608%204.50006L14.5304%205.03039L11.0304%208.53039L9.96978%207.46973ZM6.03044%2014.4697L3.81077%2012.2501L14.0001%2012.2501V10.7501L3.81077%2010.7501L6.03044%208.53039L4.96978%207.46973L1.46978%2010.9697L0.939453%2011.5001L1.46978%2012.0304L4.96978%2015.5304L6.03044%2014.4697Z%22%20fill%3D%22%23110529%22%2F%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg16Down.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg16Down' };
+</script>
+
+<template>
+  <div class="svg-icon Svg16Down" style="width: 16px; height: 16px" />
+</template>
+
+<style>
+  .Svg16Down { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%206.3335L8%2010.3335L12%206.3335%22%20stroke%3D%22%23110529%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg16Import.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg16Import' };
+</script>
+
+<template>
+  <div class="svg-icon Svg16Import" style="width: 16px; height: 16px" />
+</template>
+
+<style>
+  .Svg16Import { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1967%207.19701L7.99973%2012.394L2.80273%207.19701L3.86339%206.13635L7.24973%209.52268V1.33334H8.74973V9.52268L12.1361%206.13635L13.1967%207.19701ZM3%2013.25H2.25V14.75H3H13H13.75V13.25H13H3Z%22%20fill%3D%22%23110529%22%2F%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg16Info.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg16Info' };
+</script>
+
+<template>
+  <div class="svg-icon Svg16Info" style="width: 16px; height: 16px" />
+</template>
+
+<style>
+  .Svg16Info { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_480_1247)%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%228%22%20fill%3D%22%2349CC49%22%20fill-opacity%3D%220.24%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.75%204.5H7.25V6H8.75V4.5ZM6.5%208.75H7.25V11V11.75H8H9.5V10.25H8.75V8V7.25H8H6.5V8.75Z%22%20fill%3D%22%23110529%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_480_1247%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg16InfoDark.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg16InfoDark' };
+</script>
+
+<template>
+  <div class="svg-icon Svg16InfoDark" style="width: 16px; height: 16px" />
+</template>
+
+<style>
+  .Svg16InfoDark { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%228%22%20fill%3D%22%23845CFF%22%20fill-opacity%3D%220.4%22%2F%3E%3Cpath%20d%3D%22M8.75%204.5H7.25V6H8.75V4.5Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M6.5%208.75H7.25V11.75H9.5V10.25H8.75V7.25H6.5V8.75Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg16Link.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg16Link' };
+</script>
+
+<template>
+  <div class="svg-icon Svg16Link" style="width: 16px; height: 16px" />
+</template>
+
+<style>
+  .Svg16Link { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5416_56117)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.68628%209.58876L8.86999%208.40505C9.87885%207.3962%209.87885%205.76052%208.86999%204.75166C7.86114%203.74281%206.22546%203.74281%205.21661%204.75166L2.38819%207.58009C1.37933%208.58894%201.37933%2010.2246%202.38818%2011.2335C2.94545%2011.7907%203.69398%2012.0402%204.42248%2011.9818L5.6655%2013.2248C4.20913%2013.7772%202.50035%2013.467%201.32752%2012.2941C-0.26712%2010.6995%20-0.267115%208.11407%201.32753%206.51943L4.15595%203.691C5.75059%202.09636%208.33601%202.09636%209.93066%203.691C11.5253%205.28565%2011.5253%207.87107%209.93065%209.46571L8.74694%2010.6494L7.68628%209.58876Z%22%20fill%3D%22%23110529%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.8164%2012.2941C10.2218%2013.8888%207.63634%2013.8888%206.04169%2012.2941C4.44705%2010.6995%204.44706%208.11407%206.0417%206.51943L7.21476%205.34636L8.27542%206.40702L7.10236%207.58009C6.0935%208.58894%206.0935%2010.2246%207.10235%2011.2335C8.11121%2012.2423%209.74689%2012.2423%2010.7557%2011.2335L13.5842%208.40505C14.593%207.3962%2014.593%205.76052%2013.5842%204.75166C13.0219%204.18938%2012.2649%203.94049%2011.5302%204.00498L10.2914%202.76618C11.7511%202.20576%2013.4679%202.51403%2014.6448%203.691C16.2395%205.28564%2016.2395%207.87107%2014.6448%209.46571L11.8164%2012.2941Z%22%20fill%3D%22%23110529%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5416_56117%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg16Loading.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg16Loading' };
+</script>
+
+<template>
+  <div class="svg-icon Svg16Loading" style="width: 16px; height: 16px" />
+</template>
+
+<style>
+  .Svg16Loading { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.1107%206.58559C15.4379%208.23069%2015.1846%209.93835%2014.3939%2011.4176L13.071%2010.7105C13.6981%209.53731%2013.899%208.18296%2013.6395%206.87823C13.38%205.57349%2012.6761%204.39912%2011.6478%203.55519C10.6194%202.71126%209.33029%202.25%207.99999%202.25V0.75C9.67732%200.75%2011.3028%201.33159%2012.5993%202.39567C13.8959%203.45976%2014.7835%204.94049%2015.1107%206.58559ZM0.889318%209.41441C0.562088%207.76931%200.815396%206.06165%201.60608%204.58238L2.92896%205.28948C2.30187%206.46269%202.10097%207.81704%202.3605%209.12177C2.62002%2010.4265%203.32392%2011.6009%204.35225%2012.4448C5.38058%2013.2887%206.66971%2013.75%208.00001%2013.75V15.25C6.32268%2015.25%204.69725%2014.6684%203.40066%2013.6043C2.10407%2012.5402%201.21655%2011.0595%200.889318%209.41441Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg16Maximise.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg16Maximise' };
+</script>
+
+<template>
+  <div class="svg-icon Svg16Maximise" style="width: 16px; height: 16px" />
+</template>
+
+<style>
+  .Svg16Maximise { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%209V4H7M4%207V12H9%22%20stroke%3D%22%23110529%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg16Play.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg16Play' };
+</script>
+
+<template>
+  <div class="svg-icon Svg16Play" style="width: 16px; height: 16px" />
+</template>
+
+<style>
+  .Svg16Play { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.3%2012.3884L12.8231%208L5.3%203.61156V12.3884ZM3.8%2013.259V2.74104C3.8%201.96925%204.63722%201.48838%205.30387%201.87726L14.3192%207.13622C14.9807%207.5221%2014.9807%208.4779%2014.3192%208.86378L5.30387%2014.1227C4.63722%2014.5116%203.8%2014.0308%203.8%2013.259Z%22%20fill%3D%22%23110529%22%2F%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg16Up.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg16Up' };
+</script>
+
+<template>
+  <div class="svg-icon Svg16Up" style="width: 16px; height: 16px" />
+</template>
+
+<style>
+  .Svg16Up { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3%2011L8%206L13%2011%22%20stroke%3D%22%23110529%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg24ArrowRight.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg24ArrowRight' };
+</script>
+
+<template>
+  <div class="svg-icon Svg24ArrowRight" style="width: 24px; height: 24px" />
+</template>
+
+<style>
+  .Svg24ArrowRight { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.5%204.5L12.4275%205.54475L18.1125%2011.25H3V12.75H18.1125L12.4275%2018.4298L13.5%2019.5L21%2012L13.5%204.5Z%22%20fill%3D%22%23110529%22%2F%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg24CheckboxDarkDisabledChecked.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg24CheckboxDarkDisabledChecked' };
+</script>
+
+<template>
+  <div class="svg-icon Svg24CheckboxDarkDisabledChecked" style="width: 24px; height: 24px" />
+</template>
+
+<style>
+  .Svg24CheckboxDarkDisabledChecked { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20fill%3D%22%233D3D42%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.5431%208.51739L10.3333%2016.0877L6.45691%2012.0174L7.54312%2010.9829L10.3333%2013.9127L16.4569%207.48291L17.5431%208.51739Z%22%20fill%3D%22%231B1B1F%22%2F%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg24CheckboxDarkDisabledIndeterminate.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg24CheckboxDarkDisabledIndeterminate' };
+</script>
+
+<template>
+  <div class="svg-icon Svg24CheckboxDarkDisabledIndeterminate" style="width: 24px; height: 24px" />
+</template>
+
+<style>
+  .Svg24CheckboxDarkDisabledIndeterminate { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20fill%3D%22%233D3D42%22%2F%3E%3Cpath%20d%3D%22M7%2012H17%22%20stroke%3D%22%231B1B1F%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E"); }
+</style>

package/src/generated/components/svg/images/Svg24CheckboxDarkDisabledUnchecked.vue

@@ -0,0 +1,13 @@
+<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->
+<script lang="ts">
+import '../svg-styles.css';
+export default { name: 'Svg24CheckboxDarkDisabledUnchecked' };
+</script>
+
+<template>
+  <div class="svg-icon Svg24CheckboxDarkDisabledUnchecked" style="width: 24px; height: 24px" />
+</template>
+
+<style>
+  .Svg24CheckboxDarkDisabledUnchecked { background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.5%204.5H4.5L4.5%2019.5H19.5V4.5ZM4.5%203C3.67157%203%203%203.67157%203%204.5V19.5C3%2020.3284%203.67157%2021%204.5%2021H19.5C20.3284%2021%2021%2020.3284%2021%2019.5V4.5C21%203.67157%2020.3284%203%2019.5%203H4.5Z%22%20fill%3D%22%233D3D42%22%2F%3E%3C%2Fsvg%3E"); }
+</style>